@univerjs/sheets-drawing-ui 0.6.1 → 0.6.2-nightly.202503031606

package/lib/es/index.js

@@ -1,155 +1,155 @@
-var Er = Object.defineProperty;
-var Or = (i, n, t) => n in i ? Er(i, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[n] = t;
-var Q = (i, n, t) => Or(i, typeof n != "symbol" ? n + "" : n, t);
-import { CommandType as te, ICommandService as G, IUndoRedoService as Ye, sequenceExecute as kn, LocaleService as $t, IUniverInstanceService as Ge, Inject as N, Injector as tt, IContextService as Bn, RxDisposable as Ur, UniverInstanceType as F, toDisposable as Pr, FOCUSING_COMMON_DRAWINGS as Le, DrawingTypeEnum as L, Disposable as le, ArrangeTypeEnum as mt, createDocumentModelWithStyle as Ar, ObjectRelativeFromV as Nr, ObjectRelativeFromH as kr, WrapTextType as Br, PositionedObjectLayoutType as Wr, BooleanNumber as jr, BuildTextUtils as $r, Range as xr, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as pt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as wt, InterceptorEffectEnum as Lr, ObjectMatrix as Fr, Tools as ye, IPermissionService as Yr, UserManagerService as Gr, Rectangle as Xr, Direction as Ie, FOCUSING_FX_BAR_EDITOR as Vr, EDITOR_ACTIVATED as Hr, FOCUSING_PANEL_EDITOR as zr, LifecycleService as Kr, LifecycleStages as Zr, DisposableCollection as _t, fromEventSubject as Jr, generateRandomId as Ht, DependentOn as qr, IConfigService as Qr, Plugin as ei, merge as ti, registerDependencies as ni, touchDependencies as zt } from "@univerjs/core";
-import { DocDrawingController as ri, UniverDocsDrawingPlugin as ii } from "@univerjs/docs-drawing";
-import { SetDrawingSelectedOperation as xt, IImageIoService as Wn, IDrawingManagerService as oe, DRAWING_IMAGE_ALLOW_IMAGE_LIST as wn, DRAWING_IMAGE_COUNT_LIMIT as _n, ImageUploadStatusType as Be, DRAWING_IMAGE_ALLOW_SIZE as vn, getImageSize as Sn, DRAWING_IMAGE_WIDTH_LIMIT as In, DRAWING_IMAGE_HEIGHT_LIMIT as Cn, ImageSourceType as si, getDrawingShapeKeyByDrawingSearch as Ce, UniverDrawingPlugin as oi } from "@univerjs/drawing";
-import { ImageCropperObject as ai, COMPONENT_IMAGE_POPUP_MENU as ci, OpenImageCropOperation as di, ImageResetSizeOperation as li, DrawingRenderService as jn, DrawingCommonPanel as ui, UniverDrawingUIPlugin as hi } from "@univerjs/drawing-ui";
-import { IRenderManagerService as ne, precisionTo as vt, transformObjectOutOfGroup as gi, getGroupState as fi, RENDER_CLASS_TYPE as We, Rect as je, ObjectType as bn, DRAWING_OBJECT_LAYER_INDEX as Kt, SHEET_VIEWPORT_KEY as $n } from "@univerjs/engine-render";
-import { ISheetDrawingService as ae, DrawingApplyType as P, SetDrawingApplyMutation as A, SheetDrawingAnchorType as U, UniverSheetsDrawingPlugin as mi } from "@univerjs/sheets-drawing";
-import { SheetCanvasPopManagerService as pi, convertPositionSheetOverGridToAbsolute as wi, ISheetSelectionRenderService as Xe, SheetSkeletonManagerService as V, attachRangeWithCoord as xn, IEditorBridgeService as _i, IAutoFillService as vi, HoverManagerService as Si, PREDEFINED_HOOK_NAME as xe, COPY_TYPE as be, discreteRangeToRange as Rn, virtualizeDiscreteRanges as Ii, ISheetClipboardService as Ci, SheetPrintInterceptorService as bi, getCurrentRangeDisable$ as Ri, SetZoomRatioOperation as Dn, SetScrollOperation as Di } from "@univerjs/sheets-ui";
-import { ISidebarService as Mi, useDependency as Te, IUIPartsService as yi, BuiltInUIPart as Ti, connectInjector as Ei, ILocalFileService as Oi, IMessageService as Ui, IClipboardInterfaceService as Pi, MenuItemType as cn, getMenuHiddenObservable as Ln, RibbonStartGroup as Ai, KeyCode as Fe, ComponentManager as Ni, IMenuManagerService as ki, IShortcutService as Bi, CanvasFloatDomService as Wi } from "@univerjs/ui";
-import { takeUntil as Mn, combineLatest as St, switchMap as Se, EMPTY as pe, tap as yn, map as Ee, distinctUntilChanged as Tn, Subject as Zt, filter as ji, take as $i, BehaviorSubject as Ze, of as En } from "rxjs";
-import { SheetInterceptorService as Lt, getSheetCommandTarget as H, SheetsSelectionsService as dn, SetRangeValuesCommand as xi, SetWorksheetRowHeightMutation as Fn, SetWorksheetColWidthMutation as Yn, SetWorksheetRowIsAutoHeightMutation as Li, SetWorksheetRowAutoHeightMutation as Gn, AddWorksheetMergeMutation as Fi, RemoveWorksheetMergeMutation as Yi, AFTER_CELL_EDIT as Gi, INTERCEPTOR_POINT as Xi, InterceptCellContentPriority as Vi, WorkbookViewPermission as On, WorksheetViewPermission as Un, WorkbookEditablePermission as Qt, WorksheetEditPermission as en, InsertRowCommand as Xn, InsertColCommand as Vn, RemoveRowCommand as Hn, RemoveColCommand as zn, DeleteRangeMoveLeftCommand as Kn, DeleteRangeMoveUpCommand as Zn, InsertRangeMoveDownCommand as Jn, InsertRangeMoveRightCommand as qn, DeltaRowHeightCommand as tn, SetRowHeightCommand as nn, DeltaColumnWidthCommand as Qn, SetColWidthCommand as er, SetRowHiddenCommand as tr, SetSpecificRowsVisibleCommand as nr, SetSpecificColsVisibleCommand as rr, SetColHiddenCommand as ir, MoveColsCommand as sr, MoveRowsCommand as or, MoveRangeCommand as ar, SetRowVisibleMutation as Hi, SetRowHiddenMutation as zi, SetColVisibleMutation as Ki, SetColHiddenMutation as Zi, SetWorksheetActiveOperation as Ji, RangeProtectionPermissionEditPoint as qi, SetFrozenMutation as Qi, COMMAND_LISTENER_SKELETON_CHANGE as es } from "@univerjs/sheets";
+var $r = Object.defineProperty;
+var xr = (i, n, e) => n in i ? $r(i, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[n] = e;
+var Q = (i, n, e) => xr(i, typeof n != "symbol" ? n + "" : n, e);
+import { CommandType as te, ICommandService as G, IUndoRedoService as Ge, sequenceExecute as Hn, LocaleService as xt, IUniverInstanceService as Ce, Inject as N, Injector as tt, IContextService as zn, RxDisposable as Lr, UniverInstanceType as F, toDisposable as Fr, FOCUSING_COMMON_DRAWINGS as Fe, DrawingTypeEnum as x, Disposable as le, ArrangeTypeEnum as mt, createDocumentModelWithStyle as Sn, ObjectRelativeFromV as In, ObjectRelativeFromH as Cn, WrapTextType as bn, PositionedObjectLayoutType as Dn, BooleanNumber as Rn, BuildTextUtils as Mn, ImageSourceType as yn, generateRandomId as Et, Range as Yr, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as pt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as wt, InterceptorEffectEnum as Gr, ObjectMatrix as Xr, Tools as Ee, IPermissionService as Vr, UserManagerService as Hr, Rectangle as zr, Direction as Ie, FOCUSING_FX_BAR_EDITOR as Kr, EDITOR_ACTIVATED as Zr, FOCUSING_PANEL_EDITOR as Jr, LifecycleService as qr, LifecycleStages as Qr, DisposableCollection as _t, fromEventSubject as ei, DependentOn as ti, IConfigService as ni, Plugin as ri, merge as ii, registerDependencies as si, touchDependencies as zt } from "@univerjs/core";
+import { DocDrawingController as oi, UniverDocsDrawingPlugin as ai } from "@univerjs/docs-drawing";
+import { SetDrawingSelectedOperation as Lt, IImageIoService as Kn, IDrawingManagerService as oe, DRAWING_IMAGE_ALLOW_IMAGE_LIST as En, DRAWING_IMAGE_COUNT_LIMIT as Tn, ImageUploadStatusType as We, DRAWING_IMAGE_ALLOW_SIZE as On, getImageSize as Kt, DRAWING_IMAGE_WIDTH_LIMIT as Un, DRAWING_IMAGE_HEIGHT_LIMIT as Pn, ImageSourceType as ci, getDrawingShapeKeyByDrawingSearch as be, UniverDrawingPlugin as di } from "@univerjs/drawing";
+import { ImageCropperObject as li, COMPONENT_IMAGE_POPUP_MENU as ui, OpenImageCropOperation as hi, ImageResetSizeOperation as gi, DrawingRenderService as Zn, DrawingCommonPanel as fi, UniverDrawingUIPlugin as mi } from "@univerjs/drawing-ui";
+import { IRenderManagerService as ne, precisionTo as vt, transformObjectOutOfGroup as pi, getGroupState as wi, DeviceInputEventType as _i, getCurrentTypeOfRenderer as Jn, RENDER_CLASS_TYPE as je, Rect as $e, ObjectType as An, DRAWING_OBJECT_LAYER_INDEX as Zt, SHEET_VIEWPORT_KEY as qn } from "@univerjs/engine-render";
+import { ISheetDrawingService as ae, DrawingApplyType as P, SetDrawingApplyMutation as A, SheetDrawingAnchorType as U, UniverSheetsDrawingPlugin as vi } from "@univerjs/sheets-drawing";
+import { SheetCanvasPopManagerService as Si, convertPositionSheetOverGridToAbsolute as Ii, ISheetSelectionRenderService as Xe, SheetSkeletonManagerService as V, attachRangeWithCoord as Qn, IEditorBridgeService as Ci, SetCellEditVisibleOperation as bi, IAutoFillService as Di, HoverManagerService as Ri, PREDEFINED_HOOK_NAME as Le, COPY_TYPE as De, discreteRangeToRange as Nn, virtualizeDiscreteRanges as Mi, ISheetClipboardService as yi, SheetPrintInterceptorService as Ei, getCurrentRangeDisable$ as Ti, SetZoomRatioOperation as kn, SetScrollOperation as Oi } from "@univerjs/sheets-ui";
+import { ISidebarService as Ui, useDependency as Te, IUIPartsService as Pi, BuiltInUIPart as Ai, connectInjector as Ni, ILocalFileService as ki, IMessageService as Bi, IClipboardInterfaceService as Wi, getMenuHiddenObservable as ln, MenuItemType as un, RibbonStartGroup as ji, KeyCode as Ye, ComponentManager as $i, IMenuManagerService as xi, IShortcutService as Li, CanvasFloatDomService as Fi } from "@univerjs/ui";
+import { takeUntil as Bn, combineLatest as St, switchMap as Se, EMPTY as pe, tap as Wn, map as Oe, distinctUntilChanged as jn, Subject as Jt, filter as Yi, take as Gi, BehaviorSubject as Ze, of as $n } from "rxjs";
+import { SheetInterceptorService as Ft, getSheetCommandTarget as H, SheetsSelectionsService as hn, SetRangeValuesCommand as xn, SetWorksheetRowHeightMutation as er, SetWorksheetColWidthMutation as tr, SetWorksheetRowIsAutoHeightMutation as Xi, SetWorksheetRowAutoHeightMutation as nr, AddWorksheetMergeMutation as Vi, RemoveWorksheetMergeMutation as Hi, AFTER_CELL_EDIT as zi, INTERCEPTOR_POINT as Ki, InterceptCellContentPriority as Zi, WorkbookViewPermission as Ln, WorksheetViewPermission as Fn, WorkbookEditablePermission as en, WorksheetEditPermission as tn, InsertRowCommand as rr, InsertColCommand as ir, RemoveRowCommand as sr, RemoveColCommand as or, DeleteRangeMoveLeftCommand as ar, DeleteRangeMoveUpCommand as cr, InsertRangeMoveDownCommand as dr, InsertRangeMoveRightCommand as lr, DeltaRowHeightCommand as nn, SetRowHeightCommand as rn, DeltaColumnWidthCommand as ur, SetColWidthCommand as hr, SetRowHiddenCommand as gr, SetSpecificRowsVisibleCommand as fr, SetSpecificColsVisibleCommand as mr, SetColHiddenCommand as pr, MoveColsCommand as wr, MoveRowsCommand as _r, MoveRangeCommand as vr, SetRowVisibleMutation as Ji, SetRowHiddenMutation as qi, SetColVisibleMutation as Qi, SetColHiddenMutation as es, SetWorksheetActiveOperation as ts, RangeProtectionPermissionEditPoint as ns, SetFrozenMutation as rs, COMMAND_LISTENER_SKELETON_CHANGE as is } from "@univerjs/sheets";
 import { jsx as ee, jsxs as Tt } from "react/jsx-runtime";
-import ts, { useEffect as ln, forwardRef as cr, useRef as ns, createElement as dr, useState as rn } from "react";
-import { docDrawingPositionToTransform as rs, ReplaceSnapshotCommand as is } from "@univerjs/docs-ui";
-import { MessageType as Re, RadioGroup as ss, Radio as Jt } from "@univerjs/design";
-const os = "sheets-drawing-ui.config", Pn = {}, x = {
+import ss, { useEffect as gn, forwardRef as Sr, useRef as os, createElement as Ir, useState as sn } from "react";
+import { docDrawingPositionToTransform as Yn, ReplaceSnapshotCommand as as } from "@univerjs/docs-ui";
+import { MessageType as Re, clsx as It, RadioGroup as cs, Radio as qt } from "@univerjs/design";
+const ds = "sheets-drawing-ui.config", Gn = {}, L = {
   id: "sheet.operation.clear-drawing-transformer",
   type: te.MUTATION,
   handler: (i, n) => {
-    const t = i.get(ne);
-    return n.forEach((e) => {
+    const e = i.get(ne);
+    return n.forEach((t) => {
       var r, s;
-      (s = (r = t.getRenderById(e)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
+      (s = (r = e.getRenderById(t)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
     }), !0;
   }
 }, nt = {
   id: "sheet.command.remove-sheet-image",
   type: te.COMMAND,
   handler: (i, n) => {
-    var S, C, D;
-    const t = i.get(G), e = i.get(Ye), r = i.get(Lt), s = i.get(ae);
+    var S, C, b;
+    const e = i.get(G), t = i.get(Ge), r = i.get(Ft), s = i.get(ae);
     if (!n) return !1;
     const { drawings: o } = n, a = [];
     o.forEach((v) => {
-      const { unitId: b } = v;
-      a.push(b);
+      const { unitId: D } = v;
+      a.push(D);
     });
-    const c = s.getBatchRemoveOp(o), { unitId: u, subUnitId: d, undo: l, redo: g, objects: h } = c, f = r.onCommandExecute({ id: nt.id, params: n }), p = { id: A.id, params: { unitId: u, subUnitId: d, op: g, objects: h, type: P.REMOVE } }, m = { id: A.id, params: { unitId: u, subUnitId: d, op: l, objects: h, type: P.INSERT } };
-    return kn([...(S = f.preRedos) != null ? S : [], p, ...f.redos], t) ? (e.pushUndoRedo({
+    const c = s.getBatchRemoveOp(o), { unitId: u, subUnitId: l, undo: d, redo: g, objects: h } = c, f = r.onCommandExecute({ id: nt.id, params: n }), p = { id: A.id, params: { unitId: u, subUnitId: l, op: g, objects: h, type: P.REMOVE } }, m = { id: A.id, params: { unitId: u, subUnitId: l, op: d, objects: h, type: P.INSERT } };
+    return Hn([...(S = f.preRedos) != null ? S : [], p, ...f.redos], e) ? (t.pushUndoRedo({
       unitID: u,
       undoMutations: [
         ...(C = f.preUndos) != null ? C : [],
         m,
         ...f.undos,
-        { id: x.id, params: a }
+        { id: L.id, params: a }
       ],
       redoMutations: [
-        ...(D = f.preRedos) != null ? D : [],
+        ...(b = f.preRedos) != null ? b : [],
         p,
         ...f.redos,
-        { id: x.id, params: a }
+        { id: L.id, params: a }
       ]
     }), !0) : !1;
   }
-}, lr = "COMPONENT_SHEET_DRAWING_PANEL", ur = {
+}, Cr = "COMPONENT_SHEET_DRAWING_PANEL", br = {
   id: "sidebar.operation.sheet-image",
   type: te.COMMAND,
   handler: async (i, n) => {
-    const t = i.get(Mi), e = i.get($t), r = i.get(Ge), s = i.get(G);
+    const e = i.get(Ui), t = i.get(xt), r = i.get(Ce), s = i.get(G);
     if (!H(r)) return !1;
     switch (n.value) {
       case "open":
-        t.open({
-          header: { title: e.t("sheetImage.panel.title") },
-          children: { label: lr },
+        e.open({
+          header: { title: t.t("sheetImage.panel.title") },
+          children: { label: Cr },
           onClose: () => {
-            s.syncExecuteCommand(xt.id, []);
+            s.syncExecuteCommand(Lt.id, []);
           },
           width: 360
         });
         break;
       case "close":
       default:
-        t.close();
+        e.close();
         break;
     }
     return !0;
   }
-}, hr = {
+}, Dr = {
   id: "sheet.operation.edit-sheet-image",
   type: te.OPERATION,
   handler: (i, n) => {
-    const t = i.get(G);
-    return n == null ? !1 : (t.syncExecuteCommand(xt.id, [n]), t.executeCommand(ur.id, { value: "open" }), !0);
-  }
-}, as = "univer-upload-loading", cs = "univer-upload-loading-body", ds = "univer-upload-loading-body-animation", ls = "univer-upload-loading-body-text", It = {
-  uploadLoading: as,
-  uploadLoadingBody: cs,
-  uploadLoadingBodyAnimation: ds,
-  uploadLoadingBodyText: ls
-}, us = () => {
-  const i = Te(Wn), n = Te($t), [t, e] = ts.useState(0);
-  return ln(() => {
+    const e = i.get(G);
+    return n == null ? !1 : (e.syncExecuteCommand(Lt.id, [n]), e.executeCommand(br.id, { value: "open" }), !0);
+  }
+}, ls = "univer-upload-loading", us = "univer-upload-loading-body", hs = "univer-upload-loading-body-animation", gs = "univer-upload-loading-body-text", Ct = {
+  uploadLoading: ls,
+  uploadLoadingBody: us,
+  uploadLoadingBodyAnimation: hs,
+  uploadLoadingBodyText: gs
+}, fs = () => {
+  const i = Te(Kn), n = Te(xt), [e, t] = ss.useState(0);
+  return gn(() => {
     const r = i.change$.subscribe((s) => {
-      e(s);
+      t(s);
     });
     return () => {
       r.unsubscribe();
     };
-  }, [i]), /* @__PURE__ */ ee("div", { style: { display: t > 0 ? "block" : "none" }, className: It.uploadLoading, children: /* @__PURE__ */ Tt("div", { className: It.uploadLoadingBody, children: [
-    /* @__PURE__ */ ee("div", { className: It.uploadLoadingBodyAnimation }),
-    /* @__PURE__ */ ee("div", { className: It.uploadLoadingBodyText, children: `${n.t("uploadLoading.loading")}: ${t}` })
+  }, [i]), /* @__PURE__ */ ee("div", { style: { display: e > 0 ? "block" : "none" }, className: Ct.uploadLoading, children: /* @__PURE__ */ Tt("div", { className: Ct.uploadLoadingBody, children: [
+    /* @__PURE__ */ ee("div", { className: Ct.uploadLoadingBodyAnimation }),
+    /* @__PURE__ */ ee("div", { className: Ct.uploadLoadingBodyText, children: `${n.t("uploadLoading.loading")}: ${e}` })
   ] }) });
 };
-var hs = Object.getOwnPropertyDescriptor, gs = (i, n, t, e) => {
-  for (var r = e > 1 ? void 0 : e ? hs(n, t) : n, s = i.length - 1, o; s >= 0; s--)
+var ms = Object.getOwnPropertyDescriptor, ps = (i, n, e, t) => {
+  for (var r = t > 1 ? void 0 : t ? ms(n, e) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, we = (i, n) => (t, e) => n(t, e, i);
-let Et = class extends Ur {
-  constructor(n, t, e, r, s, o, a, c) {
+}, we = (i, n) => (e, t) => n(e, t, i);
+let Ot = class extends Lr {
+  constructor(n, e, t, r, s, o, a, c) {
     super();
     Q(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
-    this._injector = n, this._drawingManagerService = t, this._canvasPopManagerService = e, this._renderManagerService = r, this._univerInstanceService = s, this._contextService = o, this._uiPartsService = a, this._commandService = c, this._init();
+    this._injector = n, this._drawingManagerService = e, this._canvasPopManagerService = t, this._renderManagerService = r, this._univerInstanceService = s, this._contextService = o, this._uiPartsService = a, this._commandService = c, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET).pipe(Mn(this.dispose$)).subscribe((n) => this._create(n)), this._univerInstanceService.getTypeOfUnitDisposed$(F.UNIVER_SHEET).pipe(Mn(this.dispose$)).subscribe((n) => this._dispose(n)), this._univerInstanceService.getAllUnitsForType(F.UNIVER_SHEET).forEach((n) => this._create(n)), this._uiPartsService.registerComponent(Ti.CONTENT, () => Ei(us, this._injector));
+    this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET).pipe(Bn(this.dispose$)).subscribe((n) => this._create(n)), this._univerInstanceService.getTypeOfUnitDisposed$(F.UNIVER_SHEET).pipe(Bn(this.dispose$)).subscribe((n) => this._dispose(n)), this._univerInstanceService.getAllUnitsForType(F.UNIVER_SHEET).forEach((n) => this._create(n)), this._uiPartsService.registerComponent(Ai.CONTENT, () => Ni(fs, this._injector));
   }
   _dispose(n) {
-    const t = n.getUnitId();
-    this._renderManagerService.removeRender(t);
+    const e = n.getUnitId();
+    this._renderManagerService.removeRender(e);
   }
   _create(n) {
     if (!n)
       return;
-    const t = n.getUnitId();
-    this._renderManagerService.has(t) && !this._initImagePopupMenu.has(t) && (this._popupMenuListener(t), this._initImagePopupMenu.add(t));
+    const e = n.getUnitId();
+    this._renderManagerService.has(e) && !this._initImagePopupMenu.has(e) && (this._popupMenuListener(e), this._initImagePopupMenu.add(e));
   }
   _hasCropObject(n) {
-    const t = n.getAllObjectsByOrder();
-    for (const e of t)
-      if (e instanceof ai)
+    const e = n.getAllObjectsByOrder();
+    for (const t of e)
+      if (t instanceof li)
         return !0;
     return !1;
   }
   _popupMenuListener(n) {
     var s;
-    const t = (s = this._renderManagerService.getRenderById(n)) == null ? void 0 : s.scene;
-    if (!t)
-      return;
-    const e = t.getTransformerByCreate();
+    const e = (s = this._renderManagerService.getRenderById(n)) == null ? void 0 : s.scene;
     if (!e)
       return;
+    const t = e.getTransformerByCreate();
+    if (!t)
+      return;
     let r;
     this.disposeWithMe(
-      Pr(
-        e.createControl$.subscribe(() => {
-          if (this._contextService.setContextValue(Le, !0), this._hasCropObject(t))
+      Fr(
+        t.createControl$.subscribe(() => {
+          if (this._contextService.setContextValue(Fe, !0), this._hasCropObject(e))
             return;
-          const o = e.getSelectedObjectMap();
+          const o = t.getSelectedObjectMap();
           if (o.size > 1) {
             r == null || r.dispose();
             return;
@@ -160,90 +160,90 @@ let Et = class extends Ur {
           const c = a.oKey, u = this._drawingManagerService.getDrawingOKey(c);
           if (!u)
             return;
-          const { unitId: d, subUnitId: l, drawingId: g, drawingType: h } = u, f = u.data;
+          const { unitId: l, subUnitId: d, drawingId: g, drawingType: h } = u, f = u.data;
           if (f && f.disablePopup)
             return;
           r == null || r.dispose();
-          const p = this._canvasPopManagerService.getFeatureMenu(d, l, g, h);
+          const p = this._canvasPopManagerService.getFeatureMenu(l, d, g, h);
           r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
-            componentKey: ci,
+            componentKey: ui,
             direction: "horizontal",
             offset: [2, 0],
             extraProps: {
-              menuItems: p || this._getImageMenuItems(d, l, g, h)
+              menuItems: p || this._getImageMenuItems(l, d, g, h)
             }
           }));
         })
       )
     ), this.disposeWithMe(
-      e.clearControl$.subscribe(() => {
-        r == null || r.dispose(), this._contextService.setContextValue(Le, !1), this._commandService.syncExecuteCommand(xt.id, []);
+      t.clearControl$.subscribe(() => {
+        r == null || r.dispose(), this._contextService.setContextValue(Fe, !1), this._commandService.syncExecuteCommand(Lt.id, []);
       })
     ), this.disposeWithMe(
       this._contextService.contextChanged$.subscribe((o) => {
-        o[Le] === !1 && (r == null || r.dispose());
+        o[Fe] === !1 && (r == null || r.dispose());
       })
     ), this.disposeWithMe(
-      e.changing$.subscribe(() => {
+      t.changing$.subscribe(() => {
         r == null || r.dispose();
       })
     );
   }
-  _getImageMenuItems(n, t, e, r) {
+  _getImageMenuItems(n, e, t, r) {
     return [
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: hr.id,
-        commandParams: { unitId: n, subUnitId: t, drawingId: e },
-        disable: r === L.DRAWING_DOM
+        commandId: Dr.id,
+        commandParams: { unitId: n, subUnitId: e, drawingId: t },
+        disable: r === x.DRAWING_DOM
       },
       {
         label: "image-popup.delete",
         index: 1,
         commandId: nt.id,
-        commandParams: { unitId: n, drawings: [{ unitId: n, subUnitId: t, drawingId: e }] },
+        commandParams: { unitId: n, drawings: [{ unitId: n, subUnitId: e, drawingId: t }] },
         disable: !1
       },
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: di.id,
-        commandParams: { unitId: n, subUnitId: t, drawingId: e },
-        disable: r === L.DRAWING_DOM
+        commandId: hi.id,
+        commandParams: { unitId: n, subUnitId: e, drawingId: t },
+        disable: r === x.DRAWING_DOM
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: li.id,
-        commandParams: [{ unitId: n, subUnitId: t, drawingId: e }],
-        disable: r === L.DRAWING_DOM
+        commandId: gi.id,
+        commandParams: [{ unitId: n, subUnitId: e, drawingId: t }],
+        disable: r === x.DRAWING_DOM
       }
     ];
   }
 };
-Et = gs([
+Ot = ps([
   we(0, N(tt)),
   we(1, oe),
-  we(2, N(pi)),
+  we(2, N(Si)),
   we(3, ne),
-  we(4, Ge),
-  we(5, Bn),
-  we(6, N(yi)),
+  we(4, Ce),
+  we(5, zn),
+  we(6, N(Pi)),
   we(7, G)
-], Et);
-function z(i, n, t) {
-  const { from: e, to: r, flipY: s = !1, flipX: o = !1, angle: a = 0, skewX: c = 0, skewY: u = 0 } = i, d = t.getCurrent();
-  if (d == null)
+], Ot);
+function z(i, n, e) {
+  const { from: t, to: r, flipY: s = !1, flipX: o = !1, angle: a = 0, skewX: c = 0, skewY: u = 0 } = i, l = e.getCurrent();
+  if (l == null)
     return;
-  const l = wi(
-    d.unitId,
-    d.sheetId,
-    { from: e, to: r },
-    t
+  const d = Ii(
+    l.unitId,
+    l.sheetId,
+    { from: t, to: r },
+    e
   );
-  let { left: g, top: h, width: f, height: p } = l;
-  const m = t.getCurrentSkeleton(), w = m.rowHeaderWidth + m.columnTotalWidth, S = m.columnHeaderHeight + m.rowTotalHeight;
+  let { left: g, top: h, width: f, height: p } = d;
+  const m = e.getCurrentSkeleton(), w = m.rowHeaderWidth + m.columnTotalWidth, S = m.columnHeaderHeight + m.rowTotalHeight;
   return g + f > w && (g = w - f), h + p > S && (h = S - p), {
     flipY: s,
     flipX: o,
@@ -257,41 +257,41 @@ function z(i, n, t) {
   };
 }
 function $(i, n) {
-  const { left: t = 0, top: e = 0, width: r = 0, height: s = 0, flipY: o = !1, flipX: a = !1, angle: c = 0, skewX: u = 0, skewY: d = 0 } = i, l = n.getCellWithCoordByOffset(t, e);
-  if (l == null)
+  const { left: e = 0, top: t = 0, width: r = 0, height: s = 0, flipY: o = !1, flipX: a = !1, angle: c = 0, skewX: u = 0, skewY: l = 0 } = i, d = n.getCellWithCoordByOffset(e, t);
+  if (d == null)
     return;
   const g = {
-    column: l.actualColumn,
-    columnOffset: vt(t - l.startX, 1),
-    row: l.actualRow,
-    rowOffset: vt(e - l.startY, 1)
-  }, h = n.getCellWithCoordByOffset(t + r, e + s);
+    column: d.actualColumn,
+    columnOffset: vt(e - d.startX, 1),
+    row: d.actualRow,
+    rowOffset: vt(t - d.startY, 1)
+  }, h = n.getCellWithCoordByOffset(e + r, t + s);
   if (h == null)
     return;
   const f = {
     column: h.actualColumn,
-    columnOffset: vt(t + r - h.startX, 1),
+    columnOffset: vt(e + r - h.startX, 1),
     row: h.actualRow,
-    rowOffset: vt(e + s - h.startY, 1)
+    rowOffset: vt(t + s - h.startY, 1)
   };
   return {
     flipY: o,
     flipX: a,
     angle: c,
     skewX: u,
-    skewY: d,
+    skewY: l,
     from: g,
     to: f
   };
 }
-var fs = Object.getOwnPropertyDescriptor, ms = (i, n, t, e) => {
-  for (var r = e > 1 ? void 0 : e ? fs(n, t) : n, s = i.length - 1, o; s >= 0; s--)
+var ws = Object.getOwnPropertyDescriptor, _s = (i, n, e, t) => {
+  for (var r = t > 1 ? void 0 : t ? ws(n, e) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Ct = (i, n) => (t, e) => n(t, e, i);
-let sn = class extends le {
-  constructor(i, n, t, e, r) {
-    super(), this._context = i, this._sheetDrawingService = n, this._drawingManagerService = t, this._sheetSelectionRenderService = e, this._sheetSkeletonManagerService = r, this._init();
+}, bt = (i, n) => (e, t) => n(e, t, i);
+let on = class extends le {
+  constructor(i, n, e, t, r) {
+    super(), this._context = i, this._sheetDrawingService = n, this._drawingManagerService = e, this._sheetSelectionRenderService = t, this._sheetSkeletonManagerService = r, this._init();
   }
   _init() {
     this._drawingInitializeListener();
@@ -300,26 +300,26 @@ let sn = class extends le {
     this._sheetDrawingService.initializeNotification(this._context.unitId);
     const i = this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId);
     for (const n in i) {
-      const t = i[n];
-      for (const e in t.data) {
-        const r = t.data[e];
+      const e = i[n];
+      for (const t in e.data) {
+        const r = e.data[t];
         r.transform = z(r.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService);
       }
     }
     this._drawingManagerService.registerDrawingData(this._context.unitId, this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId)), this._drawingManagerService.initializeNotification(this._context.unitId);
   }
 };
-sn = ms([
-  Ct(1, ae),
-  Ct(2, oe),
-  Ct(3, N(Xe)),
-  Ct(4, N(V))
-], sn);
-function ps(i) {
+on = _s([
+  bt(1, ae),
+  bt(2, oe),
+  bt(3, N(Xe)),
+  bt(4, N(V))
+], on);
+function vs(i) {
   const n = [];
-  return i.forEach((t) => {
-    const { parent: e, children: r } = t, { unitId: s, subUnitId: o, drawingId: a } = e, c = fi(0, 0, r.map((l) => l.transform || {})), u = r.map((l) => {
-      const g = l.transform || { left: 0, top: 0 }, { unitId: h, subUnitId: f, drawingId: p } = l;
+  return i.forEach((e) => {
+    const { parent: t, children: r } = e, { unitId: s, subUnitId: o, drawingId: a } = t, c = wi(0, 0, r.map((d) => d.transform || {})), u = r.map((d) => {
+      const g = d.transform || { left: 0, top: 0 }, { unitId: h, subUnitId: f, drawingId: p } = d;
       return {
         unitId: h,
         subUnitId: f,
@@ -331,27 +331,27 @@ function ps(i) {
         },
         groupId: a
       };
-    }), d = {
+    }), l = {
       unitId: s,
       subUnitId: o,
       drawingId: a,
-      drawingType: L.DRAWING_GROUP,
+      drawingType: x.DRAWING_GROUP,
       transform: c
     };
     n.push({
-      parent: d,
+      parent: l,
       children: u
     });
   }), n;
 }
-function ws(i) {
+function Ss(i) {
   const n = [];
-  return i.forEach((t) => {
-    const { parent: e, children: r } = t, { unitId: s, subUnitId: o, drawingId: a, transform: c = { width: 0, height: 0 } } = e;
+  return i.forEach((e) => {
+    const { parent: t, children: r } = e, { unitId: s, subUnitId: o, drawingId: a, transform: c = { width: 0, height: 0 } } = t;
     if (c == null)
       return;
-    const u = r.map((l) => {
-      const { transform: g } = l, { unitId: h, subUnitId: f, drawingId: p } = l, m = gi(g || {}, c, c.width || 0, c.height || 0);
+    const u = r.map((d) => {
+      const { transform: g } = d, { unitId: h, subUnitId: f, drawingId: p } = d, m = pi(g || {}, c, c.width || 0, c.height || 0);
       return {
         unitId: h,
         subUnitId: f,
@@ -359,27 +359,27 @@ function ws(i) {
         transform: m,
         groupId: void 0
       };
-    }), d = {
+    }), l = {
       unitId: s,
       subUnitId: o,
       drawingId: a,
-      drawingType: L.DRAWING_GROUP,
+      drawingType: x.DRAWING_GROUP,
       transform: {
         left: 0,
         top: 0
       }
     };
     n.push({
-      parent: d,
+      parent: l,
       children: u
     });
   }), n;
 }
-const gr = {
+const Rr = {
   id: "sheet.command.group-sheet-image",
   type: te.COMMAND,
   handler: (i, n) => {
-    const t = i.get(G), e = i.get(Ye), r = i.get(ae);
+    const e = i.get(G), t = i.get(Ge), r = i.get(ae);
     if (!n) return !1;
     const s = [];
     n.forEach(({ parent: h, children: f }) => {
@@ -387,88 +387,88 @@ const gr = {
         s.push(p.unitId);
       });
     });
-    const o = r.getGroupDrawingOp(n), { unitId: a, subUnitId: c, undo: u, redo: d, objects: l } = o;
-    return t.syncExecuteCommand(A.id, { op: d, unitId: a, subUnitId: c, objects: l, type: P.GROUP }) ? (e.pushUndoRedo({
+    const o = r.getGroupDrawingOp(n), { unitId: a, subUnitId: c, undo: u, redo: l, objects: d } = o;
+    return e.syncExecuteCommand(A.id, { op: l, unitId: a, subUnitId: c, objects: d, type: P.GROUP }) ? (t.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: A.id, params: { op: u, unitId: a, subUnitId: c, objects: ws(l), type: P.UNGROUP } },
-        { id: x.id, params: s }
+        { id: A.id, params: { op: u, unitId: a, subUnitId: c, objects: Ss(d), type: P.UNGROUP } },
+        { id: L.id, params: s }
       ],
       redoMutations: [
-        { id: A.id, params: { op: d, unitId: a, subUnitId: c, objects: l, type: P.GROUP } },
-        { id: x.id, params: s }
+        { id: A.id, params: { op: l, unitId: a, subUnitId: c, objects: d, type: P.GROUP } },
+        { id: L.id, params: s }
       ]
     }), !0) : !1;
   }
-}, Ft = {
+}, Yt = {
   id: "sheet.command.insert-sheet-image",
   type: te.COMMAND,
   handler: (i, n) => {
-    var S, C, D;
-    const t = i.get(G), e = i.get(Ye), r = i.get(ae), s = i.get(Lt);
+    var S, C, b;
+    const e = i.get(G), t = i.get(Ge), r = i.get(ae), s = i.get(Ft);
     if (!n) return !1;
-    const o = n.drawings, a = o.map((v) => v.unitId), c = r.getBatchAddOp(o), { unitId: u, subUnitId: d, undo: l, redo: g, objects: h } = c, f = s.onCommandExecute({ id: Ft.id, params: n }), p = { id: A.id, params: { op: g, unitId: u, subUnitId: d, objects: h, type: P.INSERT } }, m = { id: A.id, params: { op: l, unitId: u, subUnitId: d, objects: h, type: P.REMOVE } };
-    return kn([...(S = f.preRedos) != null ? S : [], p, ...f.redos], t) ? (e.pushUndoRedo({
+    const o = n.drawings, a = o.map((v) => v.unitId), c = r.getBatchAddOp(o), { unitId: u, subUnitId: l, undo: d, redo: g, objects: h } = c, f = s.onCommandExecute({ id: Yt.id, params: n }), p = { id: A.id, params: { op: g, unitId: u, subUnitId: l, objects: h, type: P.INSERT } }, m = { id: A.id, params: { op: d, unitId: u, subUnitId: l, objects: h, type: P.REMOVE } };
+    return Hn([...(S = f.preRedos) != null ? S : [], p, ...f.redos], e) ? (t.pushUndoRedo({
       unitID: u,
       undoMutations: [
         ...(C = f.preUndos) != null ? C : [],
         m,
         ...f.undos,
-        { id: x.id, params: a }
+        { id: L.id, params: a }
       ],
       redoMutations: [
-        ...(D = f.preRedos) != null ? D : [],
+        ...(b = f.preRedos) != null ? b : [],
         p,
         ...f.redos,
-        { id: x.id, params: a }
+        { id: L.id, params: a }
       ]
     }), !0) : !1;
   }
-}, fr = {
+}, Mr = {
   id: "sheet.command.set-drawing-arrange",
   type: te.COMMAND,
   handler: (i, n) => {
-    const t = i.get(G), e = i.get(Ye);
+    const e = i.get(G), t = i.get(Ge);
     if (!n) return !1;
     const r = i.get(ae), { unitId: s, subUnitId: o, drawingIds: a, arrangeType: c } = n, u = { unitId: s, subUnitId: o, drawingIds: a };
-    let d;
-    if (c === mt.forward ? d = r.getForwardDrawingsOp(u) : c === mt.backward ? d = r.getBackwardDrawingOp(u) : c === mt.front ? d = r.getFrontDrawingsOp(u) : c === mt.back && (d = r.getBackDrawingsOp(u)), d == null)
+    let l;
+    if (c === mt.forward ? l = r.getForwardDrawingsOp(u) : c === mt.backward ? l = r.getBackwardDrawingOp(u) : c === mt.front ? l = r.getFrontDrawingsOp(u) : c === mt.back && (l = r.getBackDrawingsOp(u)), l == null)
       return !1;
-    const { objects: l, redo: g, undo: h } = d;
-    return t.syncExecuteCommand(A.id, { op: g, unitId: s, subUnitId: o, objects: l, type: P.ARRANGE }) ? (e.pushUndoRedo({
+    const { objects: d, redo: g, undo: h } = l;
+    return e.syncExecuteCommand(A.id, { op: g, unitId: s, subUnitId: o, objects: d, type: P.ARRANGE }) ? (t.pushUndoRedo({
       unitID: s,
       undoMutations: [
-        { id: A.id, params: { op: h, unitId: s, subUnitId: o, objects: l, type: P.ARRANGE } }
+        { id: A.id, params: { op: h, unitId: s, subUnitId: o, objects: d, type: P.ARRANGE } }
       ],
       redoMutations: [
-        { id: A.id, params: { op: g, unitId: s, subUnitId: o, objects: l, type: P.ARRANGE } }
+        { id: A.id, params: { op: g, unitId: s, subUnitId: o, objects: d, type: P.ARRANGE } }
       ]
     }), !0) : !1;
   }
-}, Yt = {
+}, Gt = {
   id: "sheet.command.set-sheet-image",
   type: te.COMMAND,
   handler: (i, n) => {
-    const t = i.get(G), e = i.get(Ye), r = i.get(ae);
+    const e = i.get(G), t = i.get(Ge), r = i.get(ae);
     if (!n) return !1;
-    const { drawings: s } = n, o = r.getBatchUpdateOp(s), { unitId: a, subUnitId: c, undo: u, redo: d, objects: l } = o;
-    return t.syncExecuteCommand(A.id, { unitId: a, subUnitId: c, op: d, objects: l, type: P.UPDATE }) ? (e.pushUndoRedo({
+    const { drawings: s } = n, o = r.getBatchUpdateOp(s), { unitId: a, subUnitId: c, undo: u, redo: l, objects: d } = o;
+    return e.syncExecuteCommand(A.id, { unitId: a, subUnitId: c, op: l, objects: d, type: P.UPDATE }) ? (t.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: A.id, params: { unitId: a, subUnitId: c, op: u, objects: l, type: P.UPDATE } },
-        { id: x.id, params: [a] }
+        { id: A.id, params: { unitId: a, subUnitId: c, op: u, objects: d, type: P.UPDATE } },
+        { id: L.id, params: [a] }
       ],
       redoMutations: [
-        { id: A.id, params: { unitId: a, subUnitId: c, op: d, objects: l, type: P.UPDATE } },
-        { id: x.id, params: [a] }
+        { id: A.id, params: { unitId: a, subUnitId: c, op: l, objects: d, type: P.UPDATE } },
+        { id: L.id, params: [a] }
       ]
     }), !0) : !1;
   }
-}, mr = {
+}, yr = {
   id: "sheet.command.ungroup-sheet-image",
   type: te.COMMAND,
   handler: (i, n) => {
-    const t = i.get(G), e = i.get(Ye), r = i.get(ae);
+    const e = i.get(G), t = i.get(Ge), r = i.get(ae);
     if (!n) return !1;
     const s = [];
     n.forEach(({ parent: h, children: f }) => {
@@ -476,136 +476,140 @@ const gr = {
         s.push(p.unitId);
       });
     });
-    const o = r.getUngroupDrawingOp(n), { unitId: a, subUnitId: c, undo: u, redo: d, objects: l } = o;
-    return t.syncExecuteCommand(A.id, { op: d, unitId: a, subUnitId: c, objects: l, type: P.UNGROUP }) ? (e.pushUndoRedo({
+    const o = r.getUngroupDrawingOp(n), { unitId: a, subUnitId: c, undo: u, redo: l, objects: d } = o;
+    return e.syncExecuteCommand(A.id, { op: l, unitId: a, subUnitId: c, objects: d, type: P.UNGROUP }) ? (t.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: A.id, params: { op: u, unitId: a, subUnitId: c, objects: ps(l), type: P.GROUP } },
-        { id: x.id, params: s }
+        { id: A.id, params: { op: u, unitId: a, subUnitId: c, objects: vs(d), type: P.GROUP } },
+        { id: L.id, params: s }
       ],
       redoMutations: [
-        { id: A.id, params: { op: d, unitId: a, subUnitId: c, objects: l, type: P.UNGROUP } },
-        { id: x.id, params: s }
+        { id: A.id, params: { op: l, unitId: a, subUnitId: c, objects: d, type: P.UNGROUP } },
+        { id: L.id, params: s }
       ]
     }), !0) : !1;
   }
 };
-var _s = Object.getOwnPropertyDescriptor, vs = (i, n, t, e) => {
-  for (var r = e > 1 ? void 0 : e ? _s(n, t) : n, s = i.length - 1, o; s >= 0; s--)
+var Is = Object.getOwnPropertyDescriptor, Cs = (i, n, e, t) => {
+  for (var r = t > 1 ? void 0 : t ? Is(n, e) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, ie = (i, n) => (t, e) => n(t, e, i);
-function Ss(i, n, t) {
-  const e = t * Math.PI / 180, r = Math.abs(i * Math.cos(e)) + Math.abs(n * Math.sin(e)), s = Math.abs(i * Math.sin(e)) + Math.abs(n * Math.cos(e));
+}, ie = (i, n) => (e, t) => n(e, t, i);
+function bs(i, n, e) {
+  const t = e * Math.PI / 180, r = Math.abs(i * Math.cos(t)) + Math.abs(n * Math.sin(t)), s = Math.abs(i * Math.sin(t)) + Math.abs(n * Math.cos(t));
   return { rotatedWidth: r, rotatedHeight: s };
 }
-function pr(i, n, t, e, r) {
+function an(i, n, e, t, r) {
   var S;
-  const { rotatedHeight: s, rotatedWidth: o } = Ss(t, e, r), c = i.get(ne).getRenderById(n.unitId);
+  const { rotatedHeight: s, rotatedWidth: o } = bs(e, t, r), c = i.get(ne).getRenderById(n.unitId);
   if (!c)
     return !1;
-  const d = (S = c.with(V).getSkeletonParam(n.subUnitId)) == null ? void 0 : S.skeleton;
-  if (d == null)
+  const l = (S = c.with(V).getSkeletonParam(n.subUnitId)) == null ? void 0 : S.skeleton;
+  if (l == null)
     return !1;
-  const l = d.getCellByIndex(n.row, n.col), g = l.mergeInfo.endX - l.mergeInfo.startX - 2, h = l.mergeInfo.endY - l.mergeInfo.startY - 2, f = o / s, m = Math.ceil(Math.min(g, h * f)) / o, w = !m || Number.isNaN(m) ? 1e-3 : m;
+  const d = l.getCellByIndex(n.row, n.col), g = d.mergeInfo.endX - d.mergeInfo.startX - 2, h = d.mergeInfo.endY - d.mergeInfo.startY - 2, f = o / s, m = Math.ceil(Math.min(g, h * f)) / o, w = !m || Number.isNaN(m) ? 1e-3 : m;
   return {
-    width: t * w,
-    height: e * w
+    width: e * w,
+    height: t * w
   };
 }
 let et = class extends le {
-  constructor(n, t, e, r, s, o, a, c, u, d, l, g, h) {
+  constructor(n, e, t, r, s, o, a, c, u, l, d, g, h) {
     super();
     Q(this, "_workbookSelections");
-    this._context = n, this._skeletonManagerService = t, this._commandService = e, this._selectionRenderService = r, this._imageIoService = s, this._fileOpenerService = o, this._sheetDrawingService = a, this._drawingManagerService = c, this._contextService = u, this._messageService = d, this._localeService = l, this._injector = h, this._workbookSelections = g.getWorkbookSelections(this._context.unitId), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
+    this._context = n, this._skeletonManagerService = e, this._commandService = t, this._selectionRenderService = r, this._imageIoService = s, this._fileOpenerService = o, this._sheetDrawingService = a, this._drawingManagerService = c, this._contextService = u, this._messageService = l, this._localeService = d, this._injector = h, this._workbookSelections = g.getWorkbookSelections(this._context.unitId), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
   }
   async insertFloatImage() {
     const n = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: wn.map((e) => `.${e.replace("image/", "")}`).join(",")
-    }), t = n.length;
-    return t > _n ? (this._messageService.show({
+      accept: En.map((t) => `.${t.replace("image/", "")}`).join(",")
+    }), e = n.length;
+    return e > Tn ? (this._messageService.show({
       type: Re.Error,
-      content: this._localeService.t("update-status.exceedMaxCount", String(_n))
-    }), !1) : t === 0 ? !1 : (n.forEach(async (e) => await this.insertFloatImageByFile(e)), !0);
+      content: this._localeService.t("update-status.exceedMaxCount", String(Tn))
+    }), !1) : e === 0 ? !1 : (n.forEach(async (t) => await this.insertFloatImageByFile(t)), !0);
   }
   async insertCellImage() {
-    const t = (await this._fileOpenerService.openFile({
+    const e = (await this._fileOpenerService.openFile({
       multiple: !1,
-      accept: wn.map((e) => `.${e.replace("image/", "")}`).join(",")
+      accept: En.map((t) => `.${t.replace("image/", "")}`).join(",")
     }))[0];
-    return t ? (await this._insertCellImage(t), !0) : !1;
+    return e ? (await this._insertCellImage(e), !0) : !1;
+  }
+  insertCellImageByFile(n, e) {
+    return this._insertCellImage(n, e);
   }
   async insertFloatImageByFile(n) {
-    let t;
+    let e;
     try {
-      t = await this._imageIoService.saveImage(n);
+      e = await this._imageIoService.saveImage(n);
     } catch (S) {
       const C = S.message;
-      C === Be.ERROR_EXCEED_SIZE ? this._messageService.show({
+      C === We.ERROR_EXCEED_SIZE ? this._messageService.show({
         type: Re.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(vn / (1024 * 1024)))
-      }) : C === Be.ERROR_IMAGE_TYPE ? this._messageService.show({
+        content: this._localeService.t("update-status.exceedMaxSize", String(On / (1024 * 1024)))
+      }) : C === We.ERROR_IMAGE_TYPE ? this._messageService.show({
         type: Re.Error,
         content: this._localeService.t("update-status.invalidImageType")
-      }) : C === Be.ERROR_IMAGE && this._messageService.show({
+      }) : C === We.ERROR_IMAGE && this._messageService.show({
         type: Re.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
     }
-    if (t == null)
+    if (e == null)
       return;
-    const e = this._getUnitInfo(), { unitId: r, subUnitId: s } = e, { imageId: o, imageSourceType: a, source: c, base64Cache: u } = t, { width: d, height: l, image: g } = await Sn(u || ""), { width: h, height: f } = this._context.scene;
+    const t = this._getUnitInfo(), { unitId: r, subUnitId: s } = t, { imageId: o, imageSourceType: a, source: c, base64Cache: u } = e, { width: l, height: d, image: g } = await Kt(u || ""), { width: h, height: f } = this._context.scene;
     this._imageIoService.addImageSourceCache(c, a, g);
     let p = 1;
-    if (d > In || l > Cn) {
-      const S = In / d, C = Cn / l;
+    if (l > Un || d > Pn) {
+      const S = Un / l, C = Pn / d;
       p = Math.max(S, C);
     }
-    const m = this._getImagePosition(d * p, l * p, h, f);
+    const m = this._getImagePosition(l * p, d * p, h, f);
     if (m == null)
       return;
     const w = {
       unitId: r,
       subUnitId: s,
       drawingId: o,
-      drawingType: L.DRAWING_IMAGE,
+      drawingType: x.DRAWING_IMAGE,
       imageSourceType: a,
       source: c,
       transform: z(m, this._selectionRenderService, this._skeletonManagerService),
       sheetTransform: m
     };
-    return this._commandService.executeCommand(Ft.id, {
+    return this._commandService.executeCommand(Yt.id, {
       unitId: r,
       drawings: [w]
     });
   }
   // eslint-disable-next-line max-lines-per-function
-  async _insertCellImage(n) {
+  async _insertCellImage(n, e) {
+    var w, S;
     let t;
     try {
       t = await this._imageIoService.saveImage(n);
-    } catch (m) {
-      const w = m.message;
-      w === Be.ERROR_EXCEED_SIZE ? this._messageService.show({
+    } catch (C) {
+      const b = C.message;
+      b === We.ERROR_EXCEED_SIZE ? this._messageService.show({
         type: Re.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(vn / (1024 * 1024)))
-      }) : w === Be.ERROR_IMAGE_TYPE ? this._messageService.show({
+        content: this._localeService.t("update-status.exceedMaxSize", String(On / (1024 * 1024)))
+      }) : b === We.ERROR_IMAGE_TYPE ? this._messageService.show({
         type: Re.Error,
         content: this._localeService.t("update-status.invalidImageType")
-      }) : w === Be.ERROR_IMAGE && this._messageService.show({
+      }) : b === We.ERROR_IMAGE && this._messageService.show({
         type: Re.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
     }
     if (t == null)
-      return;
-    const { imageId: e, imageSourceType: r, source: s, base64Cache: o } = t, { width: a, height: c, image: u } = await Sn(o || "");
-    this._imageIoService.addImageSourceCache(s, r, u);
+      return !1;
+    const { imageId: r, imageSourceType: s, source: o, base64Cache: a } = t, { width: c, height: u, image: l } = await Kt(a || "");
+    this._imageIoService.addImageSourceCache(o, s, l);
     const d = this._workbookSelections.getCurrentLastSelection();
     if (!d)
       return !1;
-    const l = Ar("", {}), g = pr(
+    const g = Sn("", {}), h = an(
       this._injector,
       {
         unitId: this._context.unitId,
@@ -613,73 +617,152 @@ let et = class extends le {
         row: d.primary.actualRow,
         col: d.primary.actualColumn
       },
-      a,
       c,
+      u,
       0
     );
-    if (!g)
+    if (!h)
       return !1;
-    const h = {
+    const f = {
       size: {
-        width: g.width,
-        height: g.height
+        width: h.width,
+        height: h.height
       },
       positionH: {
-        relativeFrom: kr.PAGE,
+        relativeFrom: Cn.PAGE,
         posOffset: 0
       },
       positionV: {
-        relativeFrom: Nr.PARAGRAPH,
+        relativeFrom: In.PARAGRAPH,
         posOffset: 0
       },
       angle: 0
-    }, f = {
-      unitId: l.getUnitId(),
-      subUnitId: l.getUnitId(),
-      drawingId: e,
-      drawingType: L.DRAWING_IMAGE,
-      imageSourceType: r,
-      source: s,
-      transform: rs(h),
-      docTransform: h,
-      behindDoc: jr.FALSE,
+    }, p = {
+      unitId: g.getUnitId(),
+      subUnitId: g.getUnitId(),
+      drawingId: r,
+      drawingType: x.DRAWING_IMAGE,
+      imageSourceType: s,
+      source: o,
+      transform: Yn(f),
+      docTransform: f,
+      behindDoc: Rn.FALSE,
       title: "",
       description: "",
-      layoutType: Wr.INLINE,
+      layoutType: Dn.INLINE,
       // Insert inline drawing by default.
-      wrapText: Br.BOTH_SIDES,
+      wrapText: bn.BOTH_SIDES,
       distB: 0,
       distL: 0,
       distR: 0,
       distT: 0
-    }, p = $r.drawing.add({
-      documentDataModel: l,
-      drawings: [f],
+    }, m = Mn.drawing.add({
+      documentDataModel: g,
+      drawings: [p],
       selection: {
         collapsed: !0,
         startOffset: 0,
         endOffset: 0
       }
     });
-    return p ? (l.apply(p), this._commandService.syncExecuteCommand(xi.id, {
+    return m ? (g.apply(m), this._commandService.syncExecuteCommand(xn.id, {
       value: {
-        [d.primary.actualRow]: {
-          [d.primary.actualColumn]: {
-            p: l.getSnapshot(),
+        [(w = e == null ? void 0 : e.row) != null ? w : d.primary.actualRow]: {
+          [(S = e == null ? void 0 : e.col) != null ? S : d.primary.actualColumn]: {
+            p: g.getSnapshot(),
             t: 1
           }
         }
+      },
+      unitId: e == null ? void 0 : e.unitId,
+      subUnitId: e == null ? void 0 : e.subUnitId
+    })) : !1;
+  }
+  // eslint-disable-next-line max-lines-per-function
+  async insertCellImageByUrl(n, e) {
+    var g, h;
+    const { width: t, height: r, image: s } = await Kt(n || "");
+    this._imageIoService.addImageSourceCache(n, yn.URL, s);
+    const o = this._workbookSelections.getCurrentLastSelection();
+    if (!o)
+      return !1;
+    const a = Sn("", {}), c = an(
+      this._injector,
+      {
+        unitId: this._context.unitId,
+        subUnitId: this._context.unit.getActiveSheet().getSheetId(),
+        row: o.primary.actualRow,
+        col: o.primary.actualColumn
+      },
+      t,
+      r,
+      0
+    );
+    if (!c)
+      return !1;
+    const u = {
+      size: {
+        width: c.width,
+        height: c.height
+      },
+      positionH: {
+        relativeFrom: Cn.PAGE,
+        posOffset: 0
+      },
+      positionV: {
+        relativeFrom: In.PARAGRAPH,
+        posOffset: 0
+      },
+      angle: 0
+    }, l = {
+      unitId: a.getUnitId(),
+      subUnitId: a.getUnitId(),
+      drawingId: Et(),
+      drawingType: x.DRAWING_IMAGE,
+      imageSourceType: yn.URL,
+      source: n,
+      transform: Yn(u),
+      docTransform: u,
+      behindDoc: Rn.FALSE,
+      title: "",
+      description: "",
+      layoutType: Dn.INLINE,
+      // Insert inline drawing by default.
+      wrapText: bn.BOTH_SIDES,
+      distB: 0,
+      distL: 0,
+      distR: 0,
+      distT: 0
+    }, d = Mn.drawing.add({
+      documentDataModel: a,
+      drawings: [l],
+      selection: {
+        collapsed: !0,
+        startOffset: 0,
+        endOffset: 0
       }
+    });
+    return d ? (a.apply(d), this._commandService.syncExecuteCommand(xn.id, {
+      value: {
+        [(g = e == null ? void 0 : e.row) != null ? g : o.primary.actualRow]: {
+          [(h = e == null ? void 0 : e.col) != null ? h : o.primary.actualColumn]: {
+            p: a.getSnapshot(),
+            t: 1
+          }
+        }
+      },
+      unitId: e == null ? void 0 : e.unitId,
+      subUnitId: e == null ? void 0 : e.subUnitId
     })) : !1;
   }
   _getUnitInfo() {
-    const n = this._context.unit, t = n.getActiveSheet(), e = n.getUnitId(), r = t.getSheetId();
+    const n = this._context.unit, e = n.getActiveSheet(), t = n.getUnitId(), r = e.getSheetId();
     return {
-      unitId: e,
+      unitId: t,
       subUnitId: r
     };
   }
-  _getImagePosition(n, t, e, r) {
+  _getImagePosition(n, e, t, r) {
     const s = this._workbookSelections.getCurrentSelections();
     let o = {
       startRow: 0,
@@ -688,29 +771,29 @@ let et = class extends le {
       endColumn: 0
     };
     s && s.length > 0 && (o = s[s.length - 1].range);
-    const a = xn(this._skeletonManagerService.getCurrent().skeleton, o);
+    const a = Qn(this._skeletonManagerService.getCurrent().skeleton, o);
     if (a == null)
       return;
-    let { startColumn: c, startRow: u, startX: d, startY: l } = a, g = !1;
-    if (d + n > e && (d = e - n, d < 0 && (d = 0, n = e), g = !0), l + t > r && (l = r - t, l < 0 && (l = 0, t = r), g = !0), g) {
-      const m = this._selectionRenderService.getCellWithCoordByOffset(d, l);
+    let { startColumn: c, startRow: u, startX: l, startY: d } = a, g = !1;
+    if (l + n > t && (l = t - n, l < 0 && (l = 0, n = t), g = !0), d + e > r && (d = r - e, d < 0 && (d = 0, e = r), g = !0), g) {
+      const m = this._selectionRenderService.getCellWithCoordByOffset(l, d);
       if (m == null)
         return;
-      d = m.startX, l = m.startY, c = m.actualColumn, u = m.actualRow;
+      l = m.startX, d = m.startY, c = m.actualColumn, u = m.actualRow;
     }
     const h = {
       column: c,
       columnOffset: 0,
       row: u,
       rowOffset: 0
-    }, f = this._selectionRenderService.getCellWithCoordByOffset(d + n, l + t);
+    }, f = this._selectionRenderService.getCellWithCoordByOffset(l + n, d + e);
     if (f == null)
       return;
     const p = {
       column: f.actualColumn,
-      columnOffset: d + n - f.startX,
+      columnOffset: l + n - f.startX,
       row: f.actualRow,
-      rowOffset: l + t - f.startY
+      rowOffset: d + e - f.startY
     };
     return {
       from: h,
@@ -719,10 +802,10 @@ let et = class extends le {
   }
   _updateOrderListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginOrderUpdate$.subscribe((n) => {
-      const { unitId: t, subUnitId: e, drawingIds: r, arrangeType: s } = n;
-      this._commandService.executeCommand(fr.id, {
-        unitId: t,
-        subUnitId: e,
+      const { unitId: e, subUnitId: t, drawingIds: r, arrangeType: s } = n;
+      this._commandService.executeCommand(Mr.id, {
+        unitId: e,
+        subUnitId: t,
         drawingIds: r,
         arrangeType: s
       });
@@ -730,69 +813,69 @@ let et = class extends le {
   }
   _updateImageListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginUpdate$.subscribe((n) => {
-      const t = [];
-      n.length !== 0 && (n.forEach((e) => {
-        const { unitId: r, subUnitId: s, drawingId: o, drawingType: a, transform: c } = e;
+      const e = [];
+      n.length !== 0 && (n.forEach((t) => {
+        const { unitId: r, subUnitId: s, drawingId: o, drawingType: a, transform: c } = t;
         if (c == null)
           return;
         const u = this._sheetDrawingService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: o });
         if (u == null || u.unitId !== this._context.unitId)
           return;
-        const d = $({ ...u.transform, ...c }, this._selectionRenderService);
-        if (d == null)
+        const l = $({ ...u.transform, ...c }, this._selectionRenderService);
+        if (l == null)
           return;
-        const l = {
-          ...e,
-          transform: { ...u.transform, ...c, ...z(d, this._selectionRenderService, this._skeletonManagerService) },
-          sheetTransform: { ...d }
+        const d = {
+          ...t,
+          transform: { ...u.transform, ...c, ...z(l, this._selectionRenderService, this._skeletonManagerService) },
+          sheetTransform: { ...l }
         };
-        t.push(l);
-      }), t.length > 0 && this._commandService.executeCommand(Yt.id, {
+        e.push(d);
+      }), e.length > 0 && this._commandService.executeCommand(Gt.id, {
         unitId: n[0].unitId,
-        drawings: t
+        drawings: e
       }));
     }));
   }
   _groupDrawingListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe((n) => {
-      this._commandService.executeCommand(gr.id, n);
-      const { unitId: t, subUnitId: e, drawingId: r } = n[0].parent;
-      this._commandService.syncExecuteCommand(xt.id, [{ unitId: t, subUnitId: e, drawingId: r }]);
+      this._commandService.executeCommand(Rr.id, n);
+      const { unitId: e, subUnitId: t, drawingId: r } = n[0].parent;
+      this._commandService.syncExecuteCommand(Lt.id, [{ unitId: e, subUnitId: t, drawingId: r }]);
     })), this.disposeWithMe(this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((n) => {
-      this._commandService.executeCommand(mr.id, n);
+      this._commandService.executeCommand(yr.id, n);
     }));
   }
   _focusDrawingListener() {
     this.disposeWithMe(
       this._drawingManagerService.focus$.subscribe((n) => {
-        n == null || n.length === 0 ? (this._contextService.setContextValue(Le, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(Le, !0), this._sheetDrawingService.focusDrawing(n));
+        n == null || n.length === 0 ? (this._contextService.setContextValue(Fe, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(Fe, !0), this._sheetDrawingService.focusDrawing(n));
       })
     );
   }
 };
-et = vs([
+et = Cs([
   ie(1, N(V)),
   ie(2, G),
   ie(3, Xe),
-  ie(4, Wn),
-  ie(5, Oi),
+  ie(4, Kn),
+  ie(5, ki),
   ie(6, ae),
   ie(7, oe),
-  ie(8, Bn),
-  ie(9, Ui),
-  ie(10, N($t)),
-  ie(11, N(dn)),
+  ie(8, zn),
+  ie(9, Bi),
+  ie(10, N(xt)),
+  ie(11, N(hn)),
   ie(12, N(tt))
 ], et);
-var Is = Object.getOwnPropertyDescriptor, Cs = (i, n, t, e) => {
-  for (var r = e > 1 ? void 0 : e ? Is(n, t) : n, s = i.length - 1, o; s >= 0; s--)
+var Ds = Object.getOwnPropertyDescriptor, Rs = (i, n, e, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ds(n, e) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, De = (i, n) => (t, e) => n(t, e, i);
-function on(i, n, t) {
-  var e, r, s, o;
-  if (((r = (e = t == null ? void 0 : t.p) == null ? void 0 : e.body) == null ? void 0 : r.dataStream.length) === 3 && ((o = (s = t.p) == null ? void 0 : s.drawingsOrder) == null ? void 0 : o.length) === 1) {
-    const a = t.p.drawings[t.p.drawingsOrder[0]], c = pr(
+}, Me = (i, n) => (e, t) => n(e, t, i);
+function cn(i, n, e) {
+  var t, r, s, o;
+  if (((r = (t = e == null ? void 0 : e.p) == null ? void 0 : t.body) == null ? void 0 : r.dataStream.length) === 3 && ((o = (s = e.p) == null ? void 0 : s.drawingsOrder) == null ? void 0 : o.length) === 1) {
+    const a = e.p.drawings[e.p.drawingsOrder[0]], c = an(
       i,
       {
         unitId: n.unitId,
@@ -805,46 +888,59 @@ function on(i, n, t) {
       a.docTransform.angle
     );
     if (c)
-      return a.transform.width = c.width, a.transform.height = c.height, a.docTransform.size.width = c.width, a.docTransform.size.height = c.height, a.transform.left = 0, a.transform.top = 0, a.docTransform.positionH.posOffset = 0, a.docTransform.positionV.posOffset = 0, t.p.documentStyle.pageSize.width = 1 / 0, t.p.documentStyle.pageSize.height = 1 / 0, !0;
+      return a.transform.width = c.width, a.transform.height = c.height, a.docTransform.size.width = c.width, a.docTransform.size.height = c.height, a.transform.left = 0, a.transform.top = 0, a.docTransform.positionH.posOffset = 0, a.docTransform.positionV.posOffset = 0, e.p.documentStyle.pageSize.width = 1 / 0, e.p.documentStyle.pageSize.height = 1 / 0, !0;
   }
   return !1;
 }
-let Ot = class extends le {
-  constructor(i, n, t, e, r, s, o) {
-    super(), this._commandService = i, this._sheetInterceptorService = n, this._univerInstanceService = t, this._injector = e, this._drawingManagerService = r, this._docDrawingController = s, this._editorBridgeService = o, this._initHandleResize(), this._handleInitEditor(), this._handleWriteCell(), this._initCellContentInterceptor();
+let Ut = class extends le {
+  constructor(i, n, e, t, r, s, o) {
+    super(), this._commandService = i, this._sheetInterceptorService = n, this._univerInstanceService = e, this._injector = t, this._drawingManagerService = r, this._docDrawingController = s, this._editorBridgeService = o, this._initHandleResize(), this._handleInitEditor(), this._handleWriteCell(), this._initCellContentInterceptor(), this._initDisableEdit();
+  }
+  _initDisableEdit() {
+    this.disposeWithMe(this._commandService.beforeCommandExecuted((i) => {
+      var n, e, t;
+      if (i.id === bi.id) {
+        const r = i.params, { visible: s, eventType: o } = r;
+        if (s && o === _i.Dblclick) {
+          const a = this._editorBridgeService.getEditCellState();
+          if (((t = (e = (n = a == null ? void 0 : a.documentLayoutObject.documentModel) == null ? void 0 : n.getDrawingsOrder()) == null ? void 0 : e.length) != null ? t : 0) > 0)
+            throw new Error("Can not edit when there are drawings.");
+        }
+      }
+    }));
   }
   _initHandleResize() {
     this.disposeWithMe(this._commandService.onCommandExecuted((i) => {
-      let n, t = [];
-      if (i.id === Fn.id) {
-        const e = i.params;
-        t = e.ranges, n = H(this._univerInstanceService, { unitId: e.unitId, subUnitId: e.subUnitId });
-      } else if (i.id === Yn.id) {
-        const e = i.params;
-        t = e.ranges, n = H(this._univerInstanceService, { unitId: e.unitId, subUnitId: e.subUnitId });
-      } else if (i.id === Li.id) {
-        const e = i.params;
-        t = e.ranges, n = H(this._univerInstanceService, { unitId: e.unitId, subUnitId: e.subUnitId });
-      } else if (i.id === Gn.id) {
-        const e = i.params;
-        n = H(this._univerInstanceService, { unitId: e.unitId, subUnitId: e.subUnitId }), t = e.rowsAutoHeightInfo.map((r) => ({
+      let n, e = [];
+      if (i.id === er.id) {
+        const t = i.params;
+        e = t.ranges, n = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+      } else if (i.id === tr.id) {
+        const t = i.params;
+        e = t.ranges, n = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+      } else if (i.id === Xi.id) {
+        const t = i.params;
+        e = t.ranges, n = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+      } else if (i.id === nr.id) {
+        const t = i.params;
+        n = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId }), e = t.rowsAutoHeightInfo.map((r) => ({
           startRow: r.row,
           endRow: r.row,
           startColumn: 0,
           endColumn: 9999
         }));
-      } else if (i.id === Fi.id) {
-        const e = i.params;
-        t = e.ranges, n = H(this._univerInstanceService, { unitId: e.unitId, subUnitId: e.subUnitId });
-      } else if (i.id === Yi.id) {
-        const e = i.params;
-        t = e.ranges, n = H(this._univerInstanceService, { unitId: e.unitId, subUnitId: e.subUnitId });
+      } else if (i.id === Vi.id) {
+        const t = i.params;
+        e = t.ranges, n = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+      } else if (i.id === Hi.id) {
+        const t = i.params;
+        e = t.ranges, n = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
       }
-      n && t.length && t.forEach((e) => {
-        const r = xr.transformRange(e, n.worksheet);
+      n && e.length && e.forEach((t) => {
+        const r = Yr.transformRange(t, n.worksheet);
         for (let s = r.startRow; s <= r.endRow; s++)
           for (let o = r.startColumn; o <= r.endColumn; o++)
-            on(this._injector, { unitId: n.unitId, subUnitId: n.subUnitId, row: s, col: o }, n.worksheet.getCellRaw(s, o));
+            cn(this._injector, { unitId: n.unitId, subUnitId: n.subUnitId, row: s, col: o }, n.worksheet.getCellRaw(s, o));
       });
     }));
   }
@@ -852,46 +948,46 @@ let Ot = class extends le {
     this.disposeWithMe(this._editorBridgeService.visible$.subscribe((i) => {
       i.visible ? i.visible && (this._drawingManagerService.removeDrawingDataForUnit(pt), this._docDrawingController.loadDrawingDataForUnit(pt), this._drawingManagerService.initializeNotification(pt)) : this._drawingManagerService.removeDrawingDataForUnit(pt);
     })), this.disposeWithMe(this._commandService.onCommandExecuted((i) => {
-      i.id === is.id && i.params.unitId === wt && (this._drawingManagerService.removeDrawingDataForUnit(wt), this._docDrawingController.loadDrawingDataForUnit(wt), this._drawingManagerService.initializeNotification(wt));
+      i.id === as.id && i.params.unitId === wt && (this._drawingManagerService.removeDrawingDataForUnit(wt), this._docDrawingController.loadDrawingDataForUnit(wt), this._drawingManagerService.initializeNotification(wt));
     }));
   }
   _handleWriteCell() {
-    this.disposeWithMe(this._sheetInterceptorService.writeCellInterceptor.intercept(Gi, {
+    this.disposeWithMe(this._sheetInterceptorService.writeCellInterceptor.intercept(zi, {
       priority: 9999,
-      handler: (i, n, t) => (on(this._injector, { unitId: n.unitId, subUnitId: n.subUnitId, row: n.row, col: n.col }, i), t(i))
+      handler: (i, n, e) => (cn(this._injector, { unitId: n.unitId, subUnitId: n.subUnitId, row: n.row, col: n.col }, i), e(i))
     }));
   }
   _initCellContentInterceptor() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        Xi.CELL_CONTENT,
+        Ki.CELL_CONTENT,
         {
-          effect: Lr.Style,
-          priority: Vi.CELL_IMAGE,
-          handler: (i, n, t) => {
-            var e;
-            return i != null && i.p && ((e = i.p.drawingsOrder) != null && e.length) && (i.interceptorStyle || (i.interceptorStyle = {}), i.interceptorStyle.tr = { a: 0 }), t(i);
+          effect: Gr.Style,
+          priority: Zi.CELL_IMAGE,
+          handler: (i, n, e) => {
+            var t;
+            return i != null && i.p && ((t = i.p.drawingsOrder) != null && t.length) && (i.interceptorStyle || (i.interceptorStyle = {}), i.interceptorStyle.tr = { a: 0 }), e(i);
           }
         }
       )
     );
   }
 };
-Ot = Cs([
-  De(0, G),
-  De(1, N(Lt)),
-  De(2, Ge),
-  De(3, N(tt)),
-  De(4, oe),
-  De(5, N(ri)),
-  De(6, N(_i))
-], Ot);
-var bs = Object.getOwnPropertyDescriptor, Rs = (i, n, t, e) => {
-  for (var r = e > 1 ? void 0 : e ? bs(n, t) : n, s = i.length - 1, o; s >= 0; s--)
+Ut = Rs([
+  Me(0, G),
+  Me(1, N(Ft)),
+  Me(2, Ce),
+  Me(3, N(tt)),
+  Me(4, oe),
+  Me(5, N(oi)),
+  Me(6, N(Ci))
+], Ut);
+var Ms = Object.getOwnPropertyDescriptor, ys = (i, n, e, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ms(n, e) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, An = (i, n) => (t, e) => n(t, e, i);
-let Ut = class extends le {
+}, Xn = (i, n) => (e, t) => n(e, t, i);
+let Pt = class extends le {
   constructor(i, n) {
     super(), this._autoFillService = i, this._injector = n, this._initAutoFillHooks();
   }
@@ -899,103 +995,112 @@ let Ut = class extends le {
     this.disposeWithMe(
       this._autoFillService.addHook({
         id: "sheet-cell-image-autofill",
-        onBeforeSubmit: (i, n, t, e) => {
-          new Fr(e).forValue((r, s, o) => {
-            on(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
+        onBeforeSubmit: (i, n, e, t) => {
+          new Xr(t).forValue((r, s, o) => {
+            cn(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
           });
         }
       })
     );
   }
 };
-Ut = Rs([
-  An(0, N(vi)),
-  An(1, N(tt))
-], Ut);
-var Ds = Object.getOwnPropertyDescriptor, Ms = (i, n, t, e) => {
-  for (var r = e > 1 ? void 0 : e ? Ds(n, t) : n, s = i.length - 1, o; s >= 0; s--)
+Pt = ys([
+  Xn(0, N(Di)),
+  Xn(1, N(tt))
+], Pt);
+var Es = Object.getOwnPropertyDescriptor, Ts = (i, n, e, t) => {
+  for (var r = t > 1 ? void 0 : t ? Es(n, e) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, bt = (i, n) => (t, e) => n(t, e, i);
-let Pt = class extends le {
-  constructor(n, t, e, r) {
+}, Dt = (i, n) => (e, t) => n(e, t, i);
+let At = class extends le {
+  constructor(n, e, t, r) {
     super();
     Q(this, "_isSetCursor", !1);
-    this._hoverManagerService = n, this._renderManagerService = t, this._selectionsService = e, this._drawingRenderService = r;
+    this._hoverManagerService = n, this._renderManagerService = e, this._selectionsService = t, this._drawingRenderService = r;
   }
   _initHover() {
   }
   _initImageClick() {
   }
 };
-Pt = Ms([
-  bt(0, N(Si)),
-  bt(1, N(ne)),
-  bt(2, N(dn)),
-  bt(3, N(jn))
-], Pt);
-const Gt = {
+At = Ts([
+  Dt(0, N(Ri)),
+  Dt(1, N(ne)),
+  Dt(2, N(hn)),
+  Dt(3, N(Zn))
+], At);
+const Xt = {
   id: "sheet.command.insert-float-image",
   type: te.COMMAND,
   handler: async (i, n) => {
-    var s, o;
-    const e = (s = i.get(ne).getCurrentTypeOfRenderer(F.UNIVER_SHEET)) == null ? void 0 : s.with(et);
-    if (!e)
+    var o, a;
+    const e = i.get(Ce), t = i.get(ne), r = (o = Jn(
+      F.UNIVER_SHEET,
+      e,
+      t
+    )) == null ? void 0 : o.with(et);
+    if (!r)
       return !1;
-    const r = n == null ? void 0 : n.files;
-    if (r) {
-      const a = r.map((c) => e.insertFloatImageByFile(c));
-      return (await Promise.all(a)).every((c) => c);
+    const s = n == null ? void 0 : n.files;
+    if (s) {
+      const c = s.map((u) => r.insertFloatImageByFile(u));
+      return (await Promise.all(c)).every((u) => u);
     } else
-      return (o = e.insertFloatImage()) != null ? o : !1;
+      return (a = r.insertFloatImage()) != null ? a : !1;
   }
-}, un = {
+}, fn = {
   id: "sheet.command.insert-cell-image",
   type: te.COMMAND,
   handler: (i) => {
-    var t, e;
-    return (e = (t = i.get(ne).getCurrentTypeOfRenderer(F.UNIVER_SHEET)) == null ? void 0 : t.with(et).insertCellImage()) != null ? e : !1;
+    var t, r;
+    const n = i.get(Ce), e = i.get(ne);
+    return (r = (t = Jn(
+      F.UNIVER_SHEET,
+      n,
+      e
+    )) == null ? void 0 : t.with(et).insertCellImage()) != null ? r : !1;
   }
 };
-var ys = Object.getOwnPropertyDescriptor, Ts = (i, n, t, e) => {
-  for (var r = e > 1 ? void 0 : e ? ys(n, t) : n, s = i.length - 1, o; s >= 0; s--)
+var Os = Object.getOwnPropertyDescriptor, Us = (i, n, e, t) => {
+  for (var r = t > 1 ? void 0 : t ? Os(n, e) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Je = (i, n) => (t, e) => n(t, e, i);
-const wr = "image/png";
-function Es(i) {
-  const n = i.split(","), t = atob(n[1]), e = t.length, r = new Uint8Array(e);
-  for (let s = 0; s < e; s++)
-    r[s] = t.charCodeAt(s);
-  return new Blob([r], { type: wr });
+}, Je = (i, n) => (e, t) => n(e, t, i);
+const Er = "image/png";
+function Ps(i) {
+  const n = i.split(","), e = atob(n[1]), t = e.length, r = new Uint8Array(t);
+  for (let s = 0; s < t; s++)
+    r[s] = e.charCodeAt(s);
+  return new Blob([r], { type: Er });
 }
-function Os(i) {
-  const n = new ClipboardItem({ [wr]: Es(i) });
-  navigator.clipboard.write([n]).catch((t) => {
-    console.error("Could not copy image using clipboard API: ", t);
+function As(i) {
+  const n = new ClipboardItem({ [Er]: Ps(i) });
+  navigator.clipboard.write([n]).catch((e) => {
+    console.error("Could not copy image using clipboard API: ", e);
   });
 }
-function Us() {
+function Ns() {
   function i() {
-    const e = document.createElement("input");
-    return e.style.position = "absolute", e.style.height = "1px", e.style.width = "1px", e.style.opacity = "0", e;
+    const t = document.createElement("input");
+    return t.style.position = "absolute", t.style.height = "1px", t.style.width = "1px", t.style.opacity = "0", t;
   }
-  const n = document.activeElement, t = i();
-  return document.body.appendChild(t), t.focus(), () => {
-    t.blur(), document.body.removeChild(t), n instanceof HTMLElement && n.focus();
+  const n = document.activeElement, e = i();
+  return document.body.appendChild(e), e.focus(), () => {
+    e.blur(), document.body.removeChild(e), n instanceof HTMLElement && n.focus();
   };
 }
-const Nn = [
-  xe.SPECIAL_PASTE_COL_WIDTH,
-  xe.SPECIAL_PASTE_VALUE,
-  xe.SPECIAL_PASTE_FORMAT,
-  xe.SPECIAL_PASTE_FORMULA
+const Vn = [
+  Le.SPECIAL_PASTE_COL_WIDTH,
+  Le.SPECIAL_PASTE_VALUE,
+  Le.SPECIAL_PASTE_FORMAT,
+  Le.SPECIAL_PASTE_FORMULA
 ];
-let At = class extends le {
-  constructor(n, t, e, r, s) {
+let Nt = class extends le {
+  constructor(n, e, t, r, s) {
     super();
     Q(this, "_copyInfo");
-    this._sheetClipboardService = n, this._renderManagerService = t, this._drawingService = e, this._clipboardInterfaceService = r, this._commandService = s, this._initCopyPaste();
+    this._sheetClipboardService = n, this._renderManagerService = e, this._drawingService = t, this._clipboardInterfaceService = r, this._commandService = s, this._initCopyPaste();
   }
   get _focusedDrawings() {
     return this._drawingService.getFocusDrawings();
@@ -1004,11 +1109,11 @@ let At = class extends le {
   _initCopyPaste() {
     this._sheetClipboardService.addClipboardHook({
       id: "SHEET_IMAGE_UI_PLUGIN",
-      onBeforeCopy: (n, t, e, r) => {
+      onBeforeCopy: (n, e, t, r) => {
         const s = this._focusedDrawings;
         if (s.length > 0) {
           const [o] = s;
-          if (r === be.CUT) {
+          if (r === De.CUT) {
             const c = {
               unitId: n,
               drawings: [o]
@@ -1016,8 +1121,8 @@ let At = class extends le {
             this._commandService.executeCommand(nt.id, c);
           }
           setTimeout(() => {
-            const c = Us();
-            o.drawingType === L.DRAWING_IMAGE && o.imageSourceType === si.BASE64 ? Os(o.source) : this._clipboardInterfaceService.writeText(""), c();
+            const c = Ns();
+            o.drawingType === x.DRAWING_IMAGE && o.imageSourceType === ci.BASE64 ? As(o.source) : this._clipboardInterfaceService.writeText(""), c();
           }, 200);
           const a = {
             unitId: o.unitId,
@@ -1026,30 +1131,30 @@ let At = class extends le {
           };
           this._copyInfo = a;
         } else {
-          const o = this._createDrawingsCopyInfoByRange(n, t, e);
+          const o = this._createDrawingsCopyInfoByRange(n, e, t);
           this._copyInfo = o;
         }
       },
-      onPasteCells: (n, t, e, r) => {
+      onPasteCells: (n, e, t, r) => {
         if (!this._copyInfo)
           return { redos: [], undos: [] };
-        const { copyType: s = be.COPY, pasteType: o } = r, { range: a } = n || {}, { range: c, unitId: u, subUnitId: d } = t;
-        return this._copyInfo.copyRange ? this._generateRangeDrawingsPasteMutations({ pasteType: o, unitId: u, subUnitId: d, pasteRange: c }, { copyRange: a, copyType: s }) : this._generateSingleDrawingPasteMutations({ pasteTo: t, pasteType: o }, be.COPY);
+        const { copyType: s = De.COPY, pasteType: o } = r, { range: a } = n || {}, { range: c, unitId: u, subUnitId: l } = e;
+        return this._copyInfo.copyRange ? this._generateRangeDrawingsPasteMutations({ pasteType: o, unitId: u, subUnitId: l, pasteRange: c }, { copyRange: a, copyType: s }) : this._generateSingleDrawingPasteMutations({ pasteTo: e, pasteType: o }, De.COPY);
       },
-      onPastePlainText: (n, t) => ({ undos: [], redos: [] }),
-      onPasteUnrecognized: (n) => this._copyInfo ? this._generateSingleDrawingPasteMutations({ pasteTo: n, pasteType: xe.DEFAULT_PASTE }, be.COPY) : { undos: [], redos: [] },
-      onPasteFiles: (n, t) => {
+      onPastePlainText: (n, e) => ({ undos: [], redos: [] }),
+      onPasteUnrecognized: (n) => this._copyInfo ? this._generateSingleDrawingPasteMutations({ pasteTo: n, pasteType: Le.DEFAULT_PASTE }, De.COPY) : { undos: [], redos: [] },
+      onPasteFiles: (n, e) => {
         if (this._copyInfo)
-          return this._generateSingleDrawingPasteMutations({ pasteTo: n, pasteType: xe.DEFAULT_PASTE }, be.COPY);
+          return this._generateSingleDrawingPasteMutations({ pasteTo: n, pasteType: Le.DEFAULT_PASTE }, De.COPY);
         {
-          const e = t.filter((r) => r.type.includes("image"));
-          if (e.length)
+          const t = e.filter((r) => r.type.includes("image"));
+          if (t.length)
             return {
               undos: [],
               redos: [
                 {
-                  id: Gt.id,
-                  params: { files: e }
+                  id: Xt.id,
+                  params: { files: t }
                 }
               ]
             };
@@ -1058,45 +1163,45 @@ let At = class extends le {
       }
     });
   }
-  _createDrawingsCopyInfoByRange(n, t, e) {
+  _createDrawingsCopyInfoByRange(n, e, t) {
     var g;
     const r = (g = this._renderManagerService.getRenderById(n)) == null ? void 0 : g.with(V);
     if (!r) return;
-    const s = r.attachRangeWithCoord(e);
+    const s = r.attachRangeWithCoord(t);
     if (!s)
       return;
-    const { startX: o, endX: a, startY: c, endY: u } = s, d = this._drawingService.getDrawingData(n, t), l = this._focusedDrawings.slice();
-    if (Object.keys(d).forEach((h) => {
-      const f = d[h], { transform: p } = f;
+    const { startX: o, endX: a, startY: c, endY: u } = s, l = this._drawingService.getDrawingData(n, e), d = this._focusedDrawings.slice();
+    if (Object.keys(l).forEach((h) => {
+      const f = l[h], { transform: p } = f;
       if (f.anchorType !== U.Both || !p)
         return;
-      const { left: m = 0, top: w = 0, width: S = 0, height: C = 0 } = p, { drawingStartX: D, drawingEndX: v, drawingStartY: b, drawingEndY: _ } = {
+      const { left: m = 0, top: w = 0, width: S = 0, height: C = 0 } = p, { drawingStartX: b, drawingEndX: v, drawingStartY: D, drawingEndY: _ } = {
         drawingStartX: m,
         drawingEndX: m + S,
         drawingStartY: w,
         drawingEndY: w + C
       };
-      o <= D && v <= a && c <= b && _ <= u && l.push(f);
-    }), l.length)
+      o <= b && v <= a && c <= D && _ <= u && d.push(f);
+    }), d.length)
       return {
-        copyRange: e,
-        drawings: l,
+        copyRange: t,
+        drawings: d,
         unitId: n,
-        subUnitId: t
+        subUnitId: e
       };
   }
-  _generateSingleDrawingPasteMutations(n, t) {
-    const { pasteType: e, pasteTo: r } = n;
-    if (Nn.includes(e))
+  _generateSingleDrawingPasteMutations(n, e) {
+    const { pasteType: t, pasteTo: r } = n;
+    if (Vn.includes(t))
       return { redos: [], undos: [] };
-    const { unitId: s, subUnitId: o, range: a } = r, c = this._renderManagerService.getRenderById(s), u = c == null ? void 0 : c.with(V), d = c == null ? void 0 : c.with(Xe), l = this._copyInfo;
-    if (!u || !d)
+    const { unitId: s, subUnitId: o, range: a } = r, c = this._renderManagerService.getRenderById(s), u = c == null ? void 0 : c.with(V), l = c == null ? void 0 : c.with(Xe), d = this._copyInfo;
+    if (!u || !l)
       return { redos: [], undos: [] };
-    const { drawings: g } = l, h = Rn(a);
+    const { drawings: g } = d, h = Nn(a);
     return this._generateMutations(g, {
       unitId: s,
       subUnitId: o,
-      isCut: t === be.CUT,
+      isCut: e === De.CUT,
       getTransform: (f, p) => {
         var S;
         const m = u.attachRangeWithCoord({
@@ -1111,27 +1216,27 @@ let At = class extends le {
         };
         return {
           transform: w,
-          sheetTransform: (S = $(w, d)) != null ? S : p
+          sheetTransform: (S = $(w, l)) != null ? S : p
         };
       }
     });
   }
-  _generateMutations(n, t) {
+  _generateMutations(n, e) {
     const {
-      unitId: e,
+      unitId: t,
       subUnitId: r,
       getTransform: s,
       isCut: o
-    } = t, a = [], c = [], { _drawingService: u } = this;
-    return n.forEach((d) => {
-      const { transform: l, sheetTransform: g } = d;
-      if (!l)
+    } = e, a = [], c = [], { _drawingService: u } = this;
+    return n.forEach((l) => {
+      const { transform: d, sheetTransform: g } = l;
+      if (!d)
         return;
-      const h = s(l, g), f = {
-        ...d,
-        unitId: e,
+      const h = s(d, g), f = {
+        ...l,
+        unitId: t,
         subUnitId: r,
-        drawingId: o ? d.drawingId : ye.generateRandomId(),
+        drawingId: o ? l.drawingId : Ee.generateRandomId(),
         transform: h.transform,
         sheetTransform: h.sheetTransform
       };
@@ -1140,7 +1245,7 @@ let At = class extends le {
         a.push({
           id: A.id,
           params: {
-            unitId: e,
+            unitId: t,
             subUnitId: r,
             type: P.UPDATE,
             op: m,
@@ -1149,7 +1254,7 @@ let At = class extends le {
         }), c.push({
           id: A.id,
           params: {
-            unitId: e,
+            unitId: t,
             subUnitId: r,
             type: P.UPDATE,
             op: p,
@@ -1158,34 +1263,34 @@ let At = class extends le {
         });
       } else {
         const { undo: p, redo: m, objects: w } = u.getBatchAddOp([f]);
-        a.push({ id: A.id, params: { op: m, unitId: e, subUnitId: r, objects: w, type: P.INSERT } }), c.push({ id: A.id, params: { op: p, unitId: e, subUnitId: r, objects: w, type: P.REMOVE } });
+        a.push({ id: A.id, params: { op: m, unitId: t, subUnitId: r, objects: w, type: P.INSERT } }), c.push({ id: A.id, params: { op: p, unitId: t, subUnitId: r, objects: w, type: P.REMOVE } });
       }
     }), { redos: a, undos: c };
   }
   // eslint-disable-next-line max-lines-per-function
-  _generateRangeDrawingsPasteMutations(n, t) {
-    var E;
+  _generateRangeDrawingsPasteMutations(n, e) {
+    var T;
     const {
-      unitId: e,
+      unitId: t,
       subUnitId: r,
       pasteType: s,
       pasteRange: o
     } = n, {
       copyRange: a,
       copyType: c
-    } = t;
-    if (Nn.includes(s))
+    } = e;
+    if (Vn.includes(s))
       return { redos: [], undos: [] };
-    const u = (E = this._renderManagerService.getRenderById(e)) == null ? void 0 : E.with(V);
+    const u = (T = this._renderManagerService.getRenderById(t)) == null ? void 0 : T.with(V);
     if (!u || !this._copyInfo)
       return { redos: [], undos: [] };
-    const { drawings: d } = this._copyInfo;
+    const { drawings: l } = this._copyInfo;
     if (!a)
       return this._generateSingleDrawingPasteMutations({
-        pasteTo: { unitId: e, subUnitId: r, range: Rn(o) },
+        pasteTo: { unitId: t, subUnitId: r, range: Nn(o) },
         pasteType: s
       }, c);
-    const { ranges: [l, g], mapFunc: h } = Ii([a, o]), { row: f, col: p } = h(l.startRow, l.startColumn), { row: m, col: w } = h(g.startRow, g.startColumn), S = u.attachRangeWithCoord({
+    const { ranges: [d, g], mapFunc: h } = Mi([a, o]), { row: f, col: p } = h(d.startRow, d.startColumn), { row: m, col: w } = h(g.startRow, g.startColumn), S = u.attachRangeWithCoord({
       startRow: f,
       endRow: f,
       startColumn: p,
@@ -1198,68 +1303,68 @@ let At = class extends le {
     });
     if (!S || !C || !this._copyInfo)
       return { redos: [], undos: [] };
-    const D = C.startX - S.startX, v = C.startY - S.startY, b = m - f, _ = w - p;
-    return this._generateMutations(d, {
-      unitId: e,
+    const b = C.startX - S.startX, v = C.startY - S.startY, D = m - f, _ = w - p;
+    return this._generateMutations(l, {
+      unitId: t,
       subUnitId: r,
       getTransform: (M, y) => {
-        var T, I;
+        var E, I;
         return {
           transform: {
             ...M,
-            left: ((T = M == null ? void 0 : M.left) != null ? T : 0) + D,
+            left: ((E = M == null ? void 0 : M.left) != null ? E : 0) + b,
             top: ((I = M == null ? void 0 : M.top) != null ? I : 0) + v
           },
           sheetTransform: {
             ...y,
             to: {
               ...y.to,
-              row: y.to.row + b,
+              row: y.to.row + D,
               column: y.to.column + _
             },
             from: {
               ...y.from,
-              row: y.from.row + b,
+              row: y.from.row + D,
               column: y.from.column + _
             }
           }
         };
       },
-      isCut: c === be.CUT
+      isCut: c === De.CUT
     });
   }
 };
-At = Ts([
-  Je(0, Ci),
+Nt = Us([
+  Je(0, yi),
   Je(1, ne),
   Je(2, oe),
-  Je(3, Pi),
+  Je(3, Wi),
   Je(4, G)
-], At);
-var Ps = Object.getOwnPropertyDescriptor, As = (i, n, t, e) => {
-  for (var r = e > 1 ? void 0 : e ? Ps(n, t) : n, s = i.length - 1, o; s >= 0; s--)
+], Nt);
+var ks = Object.getOwnPropertyDescriptor, Bs = (i, n, e, t) => {
+  for (var r = t > 1 ? void 0 : t ? ks(n, e) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, qe = (i, n) => (t, e) => n(t, e, i);
-let Nt = class extends le {
-  constructor(i, n, t, e, r) {
-    super(), this._drawingManagerService = i, this._renderManagerService = n, this._permissionService = t, this._univerInstanceService = e, this._userManagerService = r, this._initDrawingVisible(), this._initDrawingEditable(), this._initViewPermissionChange(), this._initEditPermissionChange();
+}, qe = (i, n) => (e, t) => n(e, t, i);
+let kt = class extends le {
+  constructor(i, n, e, t, r) {
+    super(), this._drawingManagerService = i, this._renderManagerService = n, this._permissionService = e, this._univerInstanceService = t, this._userManagerService = r, this._initDrawingVisible(), this._initDrawingEditable(), this._initViewPermissionChange(), this._initEditPermissionChange();
   }
   _initDrawingVisible() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), n = this._userManagerService.currentUser$, t = St([i, n]);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), n = this._userManagerService.currentUser$, e = St([i, n]);
     this.disposeWithMe(
-      t.pipe(
-        Se(([e, r]) => e ? e.activeSheet$.pipe(
-          yn((s) => {
+      e.pipe(
+        Se(([t, r]) => t ? t.activeSheet$.pipe(
+          Wn((s) => {
             if (!s) {
               this._drawingManagerService.setDrawingVisible(!1);
               return;
             }
-            const o = e.getUnitId(), a = s.getSheetId();
+            const o = t.getUnitId(), a = s.getSheetId();
             this._permissionService.composePermission([
-              new On(o).id,
-              new Un(o, a).id
-            ]).every((u) => u.value) ? this._drawingManagerService.setDrawingVisible(!0) : this._handleDrawingVisibilityFalse(e, s);
+              new Ln(o).id,
+              new Fn(o, a).id
+            ]).every((u) => u.value) ? this._drawingManagerService.setDrawingVisible(!0) : this._handleDrawingVisibilityFalse(t, s);
           })
         ) : (this._drawingManagerService.setDrawingVisible(!1), pe))
       ).subscribe()
@@ -1267,28 +1372,28 @@ let Nt = class extends le {
   }
   _handleDrawingVisibilityFalse(i, n) {
     this._drawingManagerService.setDrawingVisible(!1);
-    const t = i.getUnitId(), e = n.getSheetId(), r = this._drawingManagerService.getDrawingData(t, e), s = Object.values(r), o = this._renderManagerService.getRenderById(t), a = o == null ? void 0 : o.scene;
+    const e = i.getUnitId(), t = n.getSheetId(), r = this._drawingManagerService.getDrawingData(e, t), s = Object.values(r), o = this._renderManagerService.getRenderById(e), a = o == null ? void 0 : o.scene;
     if (!a)
       return;
     a.getAllObjectsByOrder().forEach((u) => {
-      u.classType === We.IMAGE && s.some((d) => u.oKey.includes(d.drawingId)) && a.removeObject(u);
+      u.classType === je.IMAGE && s.some((l) => u.oKey.includes(l.drawingId)) && a.removeObject(u);
     });
   }
   _initDrawingEditable() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), n = this._userManagerService.currentUser$, t = St([i, n]);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), n = this._userManagerService.currentUser$, e = St([i, n]);
     this.disposeWithMe(
-      t.pipe(
-        Se(([e, r]) => e ? e.activeSheet$.pipe(
-          yn((s) => {
+      e.pipe(
+        Se(([t, r]) => t ? t.activeSheet$.pipe(
+          Wn((s) => {
             if (!s) {
               this._drawingManagerService.setDrawingEditable(!1);
               return;
             }
-            const o = e.getUnitId(), a = s.getSheetId();
+            const o = t.getUnitId(), a = s.getSheetId();
             this._permissionService.composePermission([
-              new Qt(o).id,
-              new en(o, a).id
-            ]).every((u) => u.value) ? this._drawingManagerService.setDrawingEditable(!0) : this._handleDrawingEditableFalse(e, s);
+              new en(o).id,
+              new tn(o, a).id
+            ]).every((u) => u.value) ? this._drawingManagerService.setDrawingEditable(!0) : this._handleDrawingEditableFalse(t, s);
           })
         ) : (this._drawingManagerService.setDrawingEditable(!1), pe))
       ).subscribe()
@@ -1296,34 +1401,34 @@ let Nt = class extends le {
   }
   _handleDrawingEditableFalse(i, n) {
     this._drawingManagerService.setDrawingEditable(!1);
-    const t = i.getUnitId(), e = n.getSheetId(), r = this._drawingManagerService.getDrawingData(t, e), s = Object.values(r), o = this._renderManagerService.getRenderById(t), a = o == null ? void 0 : o.scene;
+    const e = i.getUnitId(), t = n.getSheetId(), r = this._drawingManagerService.getDrawingData(e, t), s = Object.values(r), o = this._renderManagerService.getRenderById(e), a = o == null ? void 0 : o.scene;
     if (!a)
       return;
     a.getAllObjectsByOrder().forEach((u) => {
-      u.classType === We.IMAGE && s.some((d) => u.oKey.includes(d.drawingId)) && a.detachTransformerFrom(u);
+      u.classType === je.IMAGE && s.some((l) => u.oKey.includes(l.drawingId)) && a.detachTransformerFrom(u);
     });
   }
   _initViewPermissionChange() {
     const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), n = this._userManagerService.currentUser$;
     this.disposeWithMe(
       St([i, n]).pipe(
-        Se(([t, e]) => t ? t.activeSheet$.pipe(
+        Se(([e, t]) => e ? e.activeSheet$.pipe(
           Se((r) => {
             if (!r)
               return pe;
-            const s = t.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), c = a == null ? void 0 : a.scene;
+            const s = e.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), c = a == null ? void 0 : a.scene;
             if (!c)
               return pe;
             const u = c.getTransformerByCreate();
             return this._permissionService.composePermission$([
-              new On(s).id,
-              new Un(s, o).id
+              new Ln(s).id,
+              new Fn(s, o).id
             ]).pipe(
-              Ee((l) => l.every((g) => g.value)),
-              Tn()
+              Oe((d) => d.every((g) => g.value)),
+              jn()
             ).pipe(
-              Ee((l) => ({
-                permission: l,
+              Oe((d) => ({
+                permission: d,
                 scene: c,
                 transformer: u,
                 unitId: s,
@@ -1333,16 +1438,16 @@ let Nt = class extends le {
           })
         ) : pe)
       ).subscribe({
-        next: ({ permission: t, scene: e, transformer: r, unitId: s, subUnitId: o }) => {
-          this._drawingManagerService.setDrawingVisible(t);
-          const a = e.getAllObjectsByOrder(), c = this._drawingManagerService.getDrawingData(s, o), u = Object.values(c);
-          t ? this._drawingManagerService.addNotification(u) : (a.forEach((d) => {
-            d.classType === We.IMAGE && u.some((l) => d.oKey.includes(l.drawingId)) && e.removeObject(d);
+        next: ({ permission: e, scene: t, transformer: r, unitId: s, subUnitId: o }) => {
+          this._drawingManagerService.setDrawingVisible(e);
+          const a = t.getAllObjectsByOrder(), c = this._drawingManagerService.getDrawingData(s, o), u = Object.values(c);
+          e ? this._drawingManagerService.addNotification(u) : (a.forEach((l) => {
+            l.classType === je.IMAGE && u.some((d) => l.oKey.includes(d.drawingId)) && t.removeObject(l);
           }), r.clearSelectedObjects());
         },
         complete: () => {
           this._drawingManagerService.setDrawingVisible(!0);
-          const t = this._univerInstanceService.getCurrentUnitForType(F.UNIVER_SHEET), e = t == null ? void 0 : t.getActiveSheet(), r = t == null ? void 0 : t.getUnitId(), s = e == null ? void 0 : e.getSheetId();
+          const e = this._univerInstanceService.getCurrentUnitForType(F.UNIVER_SHEET), t = e == null ? void 0 : e.getActiveSheet(), r = e == null ? void 0 : e.getUnitId(), s = t == null ? void 0 : t.getSheetId();
           if (!r || !s)
             return;
           const o = this._drawingManagerService.getDrawingData(r, s), a = Object.values(o);
@@ -1355,23 +1460,23 @@ let Nt = class extends le {
     const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), n = this._userManagerService.currentUser$;
     this.disposeWithMe(
       St([i, n]).pipe(
-        Se(([t, e]) => t ? t.activeSheet$.pipe(
+        Se(([e, t]) => e ? e.activeSheet$.pipe(
           Se((r) => {
             if (!r)
               return pe;
-            const s = t.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), c = a == null ? void 0 : a.scene;
+            const s = e.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), c = a == null ? void 0 : a.scene;
             if (!c)
               return pe;
             const u = c.getTransformerByCreate();
             return this._permissionService.composePermission$([
-              new Qt(s).id,
-              new en(s, o).id
+              new en(s).id,
+              new tn(s, o).id
             ]).pipe(
-              Ee((l) => l.every((g) => g.value)),
-              Tn()
+              Oe((d) => d.every((g) => g.value)),
+              jn()
             ).pipe(
-              Ee((l) => ({
-                permission: l,
+              Oe((d) => ({
+                permission: d,
                 scene: c,
                 transformer: u,
                 unitId: s,
@@ -1381,60 +1486,60 @@ let Nt = class extends le {
           })
         ) : pe)
       ).subscribe({
-        next: ({ permission: t, scene: e, transformer: r, unitId: s, subUnitId: o }) => {
-          this._drawingManagerService.setDrawingEditable(t);
-          const a = e.getAllObjectsByOrder(), c = this._drawingManagerService.getDrawingData(s, o), u = Object.values(c);
-          t ? (a.forEach((d) => {
-            d.classType === We.IMAGE && u.some((l) => d.oKey.includes(l.drawingId)) && e.attachTransformerTo(d);
-          }), this._drawingManagerService.addNotification(u)) : (a.forEach((d) => {
-            d.classType === We.IMAGE && u.some((l) => d.oKey.includes(l.drawingId)) && e.detachTransformerFrom(d);
+        next: ({ permission: e, scene: t, transformer: r, unitId: s, subUnitId: o }) => {
+          this._drawingManagerService.setDrawingEditable(e);
+          const a = t.getAllObjectsByOrder(), c = this._drawingManagerService.getDrawingData(s, o), u = Object.values(c);
+          e ? (a.forEach((l) => {
+            l.classType === je.IMAGE && u.some((d) => l.oKey.includes(d.drawingId)) && t.attachTransformerTo(l);
+          }), this._drawingManagerService.addNotification(u)) : (a.forEach((l) => {
+            l.classType === je.IMAGE && u.some((d) => l.oKey.includes(d.drawingId)) && t.detachTransformerFrom(l);
           }), r.clearSelectedObjects());
         },
         complete: () => {
-          const t = this._univerInstanceService.getCurrentUnitForType(F.UNIVER_SHEET);
-          if (!t)
+          const e = this._univerInstanceService.getCurrentUnitForType(F.UNIVER_SHEET);
+          if (!e)
             return;
-          const e = t.getUnitId(), r = t.getActiveSheet();
+          const t = e.getUnitId(), r = e.getActiveSheet();
           if (!r)
             return;
-          const s = r.getSheetId(), o = this._renderManagerService.getRenderById(e), a = o == null ? void 0 : o.scene;
+          const s = r.getSheetId(), o = this._renderManagerService.getRenderById(t), a = o == null ? void 0 : o.scene;
           if (!a)
             return;
-          const c = this._drawingManagerService.getDrawingData(e, s), u = Object.values(c);
-          this._drawingManagerService.setDrawingEditable(!0), a.getAllObjectsByOrder().forEach((l) => {
-            l.classType === We.IMAGE && u.some((g) => l.oKey.includes(g.drawingId)) && a.detachTransformerFrom(l);
+          const c = this._drawingManagerService.getDrawingData(t, s), u = Object.values(c);
+          this._drawingManagerService.setDrawingEditable(!0), a.getAllObjectsByOrder().forEach((d) => {
+            d.classType === je.IMAGE && u.some((g) => d.oKey.includes(g.drawingId)) && a.detachTransformerFrom(d);
           });
         }
       })
     );
   }
 };
-Nt = As([
+kt = Bs([
   qe(0, oe),
   qe(1, ne),
-  qe(2, Yr),
-  qe(3, Ge),
-  qe(4, N(Gr))
-], Nt);
-var Ns = Object.getOwnPropertyDescriptor, ks = (i, n, t, e) => {
-  for (var r = e > 1 ? void 0 : e ? Ns(n, t) : n, s = i.length - 1, o; s >= 0; s--)
+  qe(2, Vr),
+  qe(3, Ce),
+  qe(4, N(Hr))
+], kt);
+var Ws = Object.getOwnPropertyDescriptor, js = (i, n, e, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ws(n, e) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Rt = (i, n) => (t, e) => n(t, e, i);
-let kt = class extends le {
-  constructor(i, n, t, e) {
-    super(), this._sheetPrintInterceptorService = i, this._drawingRenderService = n, this._drawingManagerService = t, this._renderManagerService = e, this._initPrinting();
+}, Rt = (i, n) => (e, t) => n(e, t, i);
+let Bt = class extends le {
+  constructor(i, n, e, t) {
+    super(), this._sheetPrintInterceptorService = i, this._drawingRenderService = n, this._drawingManagerService = e, this._renderManagerService = t, this._initPrinting();
   }
   _initPrinting() {
     this.disposeWithMe(
       this._sheetPrintInterceptorService.interceptor.intercept(
         this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT,
         {
-          handler: (i, n, t) => {
-            const { unitId: e, scene: r, subUnitId: s } = n, o = this._drawingManagerService.getDrawingDataForUnit(e), a = o == null ? void 0 : o[s];
+          handler: (i, n, e) => {
+            const { unitId: t, scene: r, subUnitId: s } = n, o = this._drawingManagerService.getDrawingDataForUnit(t), a = o == null ? void 0 : o[s];
             return a && a.order.forEach((c) => {
               this._drawingRenderService.renderDrawing(a.data[c], r);
-            }), t();
+            }), e();
           }
         }
       )
@@ -1442,128 +1547,128 @@ let kt = class extends le {
       this._sheetPrintInterceptorService.interceptor.intercept(
         this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_RANGE,
         {
-          handler: (i, n, t) => {
-            const { unitId: e, subUnitId: r } = n, s = this._renderManagerService.getRenderById(e);
+          handler: (i, n, e) => {
+            const { unitId: t, subUnitId: r } = n, s = this._renderManagerService.getRenderById(t);
             if (!s)
-              return t(i);
+              return e(i);
             const o = s.with(V).getSkeletonParam(r);
             if (!o)
-              return t(i);
-            const a = this._drawingManagerService.getDrawingDataForUnit(e), c = a == null ? void 0 : a[n.subUnitId];
+              return e(i);
+            const a = this._drawingManagerService.getDrawingDataForUnit(t), c = a == null ? void 0 : a[n.subUnitId];
             if (!c)
-              return t(i);
-            const { scaleX: u, scaleY: d } = s.scene, l = i ? { ...i } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, g = c.order.map((h) => c.data[h]).filter((h) => h.drawingType !== L.DRAWING_DOM);
+              return e(i);
+            const { scaleX: u, scaleY: l } = s.scene, d = i ? { ...i } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, g = c.order.map((h) => c.data[h]).filter((h) => h.drawingType !== x.DRAWING_DOM);
             return g.length ? (g.forEach((h) => {
-              if (!h.groupId && h.transform && ye.isDefine(h.transform.left) && ye.isDefine(h.transform.top) && ye.isDefine(h.transform.width) && ye.isDefine(h.transform.height)) {
-                const f = o.skeleton.getCellIndexByOffset(h.transform.left, h.transform.top, u, d, { x: 0, y: 0 }), p = o.skeleton.getCellIndexByOffset(h.transform.left + h.transform.width, h.transform.top + h.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 < p.row && (l.endRow = p.row), l.endColumn < p.column && (l.endColumn = p.column);
+              if (!h.groupId && h.transform && Ee.isDefine(h.transform.left) && Ee.isDefine(h.transform.top) && Ee.isDefine(h.transform.width) && Ee.isDefine(h.transform.height)) {
+                const f = o.skeleton.getCellIndexByOffset(h.transform.left, h.transform.top, u, l, { x: 0, y: 0 }), p = o.skeleton.getCellIndexByOffset(h.transform.left + h.transform.width, h.transform.top + h.transform.height, u, l, { x: 0, y: 0 });
+                f.column < d.startColumn && (d.startColumn = f.column), f.row < d.startRow && (d.startRow = f.row), d.endRow < p.row && (d.endRow = p.row), d.endColumn < p.column && (d.endColumn = p.column);
               }
-            }), t(l)) : t(i);
+            }), e(d)) : e(i);
           }
         }
       )
     );
   }
 };
-kt = ks([
-  Rt(0, N(bi)),
-  Rt(1, N(jn)),
+Bt = js([
+  Rt(0, N(Ei)),
+  Rt(1, N(Zn)),
   Rt(2, oe),
   Rt(3, ne)
-], kt);
-var Bs = Object.getOwnPropertyDescriptor, Ws = (i, n, t, e) => {
-  for (var r = e > 1 ? void 0 : e ? Bs(n, t) : n, s = i.length - 1, o; s >= 0; s--)
+], Bt);
+var $s = Object.getOwnPropertyDescriptor, xs = (i, n, e, t) => {
+  for (var r = t > 1 ? void 0 : t ? $s(n, e) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, _e = (i, n) => (t, e) => n(t, e, i);
-const js = [
-  Xn.id,
-  Vn.id,
-  Hn.id,
-  zn.id,
-  Kn.id,
-  Zn.id,
-  Jn.id,
-  qn.id,
-  tn.id,
-  nn.id,
-  Qn.id,
-  er.id,
-  tr.id,
-  nr.id,
+}, _e = (i, n) => (e, t) => n(e, t, i);
+const Ls = [
   rr.id,
   ir.id,
   sr.id,
   or.id,
-  ar.id
-], $s = [
-  Hi.id,
-  zi.id,
-  Ki.id,
-  Zi.id,
-  Fn.id,
-  Yn.id
+  ar.id,
+  cr.id,
+  dr.id,
+  lr.id,
+  nn.id,
+  rn.id,
+  ur.id,
+  hr.id,
+  gr.id,
+  fr.id,
+  mr.id,
+  pr.id,
+  wr.id,
+  _r.id,
+  vr.id
+], Fs = [
+  Ji.id,
+  qi.id,
+  Qi.id,
+  es.id,
+  er.id,
+  tr.id
 ];
-let an = class extends le {
-  constructor(i, n, t, e, r, s, o, a, c) {
-    super(), this._context = i, this._renderManagerService = n, this._commandService = t, this._selectionRenderService = e, this._skeletonManagerService = r, this._sheetInterceptorService = s, this._sheetDrawingService = o, this._drawingManagerService = a, this._univerInstanceService = c, this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
+let dn = class extends le {
+  constructor(i, n, e, t, r, s, o, a, c) {
+    super(), this._context = i, this._renderManagerService = n, this._commandService = e, this._selectionRenderService = t, this._skeletonManagerService = r, this._sheetInterceptorService = s, this._sheetDrawingService = o, this._drawingManagerService = a, this._univerInstanceService = c, this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
   }
   _sheetInterceptorListener() {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
         getMutations: (i) => {
-          if (!js.includes(i.id))
+          if (!Ls.includes(i.id))
             return { redos: [], undos: [] };
           if (i.params == null)
             return { redos: [], undos: [] };
           const n = i.id;
-          if (n === Xn.id)
+          if (n === rr.id)
             return this._moveRowInterceptor(i.params, "insert");
-          if ([sr.id, or.id, ar.id].includes(n))
+          if ([wr.id, _r.id, vr.id].includes(n))
             return this._moveRangeInterceptor(i.params);
-          if (n === Vn.id)
+          if (n === ir.id)
             return this._moveColInterceptor(i.params, "insert");
-          if (n === Hn.id)
+          if (n === sr.id)
             return this._moveRowInterceptor(i.params, "remove");
-          if (n === zn.id)
+          if (n === or.id)
             return this._moveColInterceptor(i.params, "remove");
-          if (n === Kn.id) {
-            const { range: t } = i.params;
+          if (n === ar.id) {
+            const { range: e } = i.params;
             return this._getRangeMoveUndo(
-              t,
+              e,
               0
               /* deleteLeft */
             );
-          } else if (n === Zn.id) {
-            const { range: t } = i.params;
+          } else if (n === cr.id) {
+            const { range: e } = i.params;
             return this._getRangeMoveUndo(
-              t,
+              e,
               1
               /* deleteUp */
             );
-          } else if (n === Jn.id) {
-            const { range: t } = i.params;
+          } else if (n === dr.id) {
+            const { range: e } = i.params;
             return this._getRangeMoveUndo(
-              t,
+              e,
               2
               /* insertDown */
             );
-          } else if (n === qn.id) {
-            const { range: t } = i.params;
+          } else if (n === lr.id) {
+            const { range: e } = i.params;
             return this._getRangeMoveUndo(
-              t,
+              e,
               3
               /* insertRight */
             );
-          } else if (n === tr.id || n === nr.id) {
-            const t = i.params, { unitId: e, subUnitId: r, ranges: s } = t;
-            return this._getDrawingUndoForRowVisible(e, r, s);
-          } else if (n === rr.id || n === ir.id) {
-            const t = i.params, { unitId: e, subUnitId: r, ranges: s } = t;
-            return this._getDrawingUndoForColVisible(e, r, s);
-          } else if (n === tn.id || n === nn.id || n === Qn.id || n === er.id) {
-            const t = i.params, { unitId: e, subUnitId: r, ranges: s } = t, o = n === tn.id || n === nn.id;
-            return this._getDrawingUndoForRowAndColSize(e, r, s, o);
+          } else if (n === gr.id || n === fr.id) {
+            const e = i.params, { unitId: t, subUnitId: r, ranges: s } = e;
+            return this._getDrawingUndoForRowVisible(t, r, s);
+          } else if (n === mr.id || n === pr.id) {
+            const e = i.params, { unitId: t, subUnitId: r, ranges: s } = e;
+            return this._getDrawingUndoForColVisible(t, r, s);
+          } else if (n === nn.id || n === rn.id || n === ur.id || n === hr.id) {
+            const e = i.params, { unitId: t, subUnitId: r, ranges: s } = e, o = n === nn.id || n === rn.id;
+            return this._getDrawingUndoForRowAndColSize(t, r, s, o);
           }
           return { redos: [], undos: [] };
         }
@@ -1571,83 +1676,83 @@ let an = class extends le {
     );
   }
   _getRangeMoveUndo(i, n) {
-    const t = H(this._univerInstanceService);
-    if (t == null)
+    const e = H(this._univerInstanceService);
+    if (e == null)
       return { redos: [], undos: [] };
-    const e = t.unitId, r = t.subUnitId, s = [], o = [], a = this._sheetDrawingService.getDrawingData(e, r), c = [], u = [];
-    if (Object.keys(a).forEach((d) => {
-      const l = a[d], { updateDrawings: g, deleteDrawings: h } = this._getUpdateOrDeleteDrawings(i, n, l);
+    const t = e.unitId, r = e.subUnitId, s = [], o = [], a = this._sheetDrawingService.getDrawingData(t, r), c = [], u = [];
+    if (Object.keys(a).forEach((l) => {
+      const d = a[l], { updateDrawings: g, deleteDrawings: h } = this._getUpdateOrDeleteDrawings(i, n, d);
       c.push(...g), u.push(...h);
     }), c.length === 0 && u.length === 0)
       return { redos: [], undos: [] };
     if (c.length > 0) {
-      const d = this._sheetDrawingService.getBatchUpdateOp(c), { undo: l, redo: g, objects: h } = d;
-      s.push({ id: A.id, params: { unitId: e, subUnitId: r, op: g, objects: h, type: P.UPDATE } }), o.push({ id: A.id, params: { unitId: e, subUnitId: r, op: l, objects: h, type: P.UPDATE } });
+      const l = this._sheetDrawingService.getBatchUpdateOp(c), { undo: d, redo: g, objects: h } = l;
+      s.push({ id: A.id, params: { unitId: t, subUnitId: r, op: g, objects: h, type: P.UPDATE } }), o.push({ id: A.id, params: { unitId: t, subUnitId: r, op: d, objects: h, type: P.UPDATE } });
     }
     if (u.length > 0) {
-      const d = this._sheetDrawingService.getBatchRemoveOp(u), l = d.undo, g = d.redo, h = d.objects;
-      s.push({ id: A.id, params: { unitId: e, subUnitId: r, op: g, objects: h, type: P.REMOVE } }), o.push({ id: A.id, params: { unitId: e, subUnitId: r, op: l, objects: h, type: P.INSERT } });
+      const l = this._sheetDrawingService.getBatchRemoveOp(u), d = l.undo, g = l.redo, h = l.objects;
+      s.push({ id: A.id, params: { unitId: t, subUnitId: r, op: g, objects: h, type: P.REMOVE } }), o.push({ id: A.id, params: { unitId: t, subUnitId: r, op: d, objects: h, type: P.INSERT } });
     }
-    return s.push({ id: x.id, params: [e] }), o.push({ id: x.id, params: [e] }), {
+    return s.push({ id: L.id, params: [t] }), o.push({ id: L.id, params: [t] }), {
       redos: s,
       undos: o
     };
   }
-  _getUpdateOrDeleteDrawings(i, n, t) {
-    const e = [], r = [], { sheetTransform: s, anchorType: o = U.Position, transform: a, unitId: c, subUnitId: u, drawingId: d } = t, { from: l, to: g } = s, { row: h, column: f } = l, { row: p, column: m } = g;
+  _getUpdateOrDeleteDrawings(i, n, e) {
+    const t = [], r = [], { sheetTransform: s, anchorType: o = U.Position, transform: a, unitId: c, subUnitId: u, drawingId: l } = e, { from: d, to: g } = s, { row: h, column: f } = d, { row: p, column: m } = g;
     if (s == null || a == null)
       return {
-        updateDrawings: e,
+        updateDrawings: t,
         deleteDrawings: r
       };
-    const { startRow: w, endRow: S, startColumn: C, endColumn: D } = i;
-    let v = null, b = null;
+    const { startRow: w, endRow: S, startColumn: C, endColumn: b } = i;
+    let v = null, D = null;
     if (n === 0 && h >= w && p <= S)
-      if (f >= C && m <= D)
-        r.push({ unitId: c, subUnitId: u, drawingId: d });
+      if (f >= C && m <= b)
+        r.push({ unitId: c, subUnitId: u, drawingId: l });
       else {
-        const _ = this._shrinkCol(s, a, C, D, o);
-        v = _ == null ? void 0 : _.newSheetTransform, b = _ == null ? void 0 : _.newTransform;
+        const _ = this._shrinkCol(s, a, C, b, o);
+        v = _ == null ? void 0 : _.newSheetTransform, D = _ == null ? void 0 : _.newTransform;
       }
-    else if (n === 1 && f >= C && m <= D)
+    else if (n === 1 && f >= C && m <= b)
       if (h >= w && p <= S)
-        r.push({ unitId: c, subUnitId: u, drawingId: d });
+        r.push({ unitId: c, subUnitId: u, drawingId: l });
       else {
         const _ = this._shrinkRow(s, a, w, S, o);
-        v = _ == null ? void 0 : _.newSheetTransform, b = _ == null ? void 0 : _.newTransform;
+        v = _ == null ? void 0 : _.newSheetTransform, D = _ == null ? void 0 : _.newTransform;
       }
     else if (n === 2) {
       const _ = this._expandRow(s, a, w, S, o);
-      v = _ == null ? void 0 : _.newSheetTransform, b = _ == null ? void 0 : _.newTransform;
+      v = _ == null ? void 0 : _.newSheetTransform, D = _ == null ? void 0 : _.newTransform;
     } else if (n === 3) {
-      const _ = this._expandCol(s, a, C, D, o);
-      v = _ == null ? void 0 : _.newSheetTransform, b = _ == null ? void 0 : _.newTransform;
+      const _ = this._expandCol(s, a, C, b, o);
+      v = _ == null ? void 0 : _.newSheetTransform, D = _ == null ? void 0 : _.newTransform;
     }
-    if (v != null && b != null) {
+    if (v != null && D != null) {
       const _ = z(v, this._selectionRenderService, this._skeletonManagerService);
-      e.push({ ...t, sheetTransform: v, transform: _ });
+      t.push({ ...e, sheetTransform: v, transform: _ });
     }
-    return { updateDrawings: e, deleteDrawings: r };
+    return { updateDrawings: t, deleteDrawings: r };
   }
-  _remainDrawingSize(i, n, t) {
-    const e = $({ ...i }, this._selectionRenderService);
-    e != null && n.push({
-      ...t,
-      sheetTransform: e
+  _remainDrawingSize(i, n, e) {
+    const t = $({ ...i }, this._selectionRenderService);
+    t != null && n.push({
+      ...e,
+      sheetTransform: t
     });
   }
   // eslint-disable-next-line max-lines-per-function
-  _getDrawingUndoForColVisible(i, n, t) {
-    const e = this._drawingManagerService.getDrawingData(i, n), r = [], s = [];
-    if (Object.keys(e).forEach((d) => {
-      const l = e[d], { sheetTransform: g, transform: h, anchorType: f = U.Position } = l;
+  _getDrawingUndoForColVisible(i, n, e) {
+    const t = this._drawingManagerService.getDrawingData(i, n), r = [], s = [];
+    if (Object.keys(t).forEach((l) => {
+      const d = t[l], { sheetTransform: g, transform: h, anchorType: f = U.Position } = d;
       if (f === U.None)
-        this._remainDrawingSize(h, r, l);
+        this._remainDrawingSize(h, r, d);
       else {
-        const { from: p, to: m } = g, { row: w, column: S } = p, { row: C, column: D } = m;
-        for (let v = 0; v < t.length; v++) {
-          const b = t[v], { startRow: _, endRow: E, startColumn: M, endColumn: y } = b;
-          if (D < M)
+        const { from: p, to: m } = g, { row: w, column: S } = p, { row: C, column: b } = m;
+        for (let v = 0; v < e.length; v++) {
+          const D = e[v], { startRow: _, endRow: T, startColumn: M, endColumn: y } = D;
+          if (b < M)
             continue;
           if (f === U.Position) {
             let R = null, O = null;
@@ -1658,15 +1763,15 @@ let an = class extends le {
               O = { ...h, left: B.startX };
             }
             if (O != null && (R = $(O, this._selectionRenderService), R != null && O != null)) {
-              r.push({ ...l, sheetTransform: R, transform: O });
+              r.push({ ...d, sheetTransform: R, transform: O });
               break;
             }
-            this._remainDrawingSize(h, r, l);
+            this._remainDrawingSize(h, r, d);
             continue;
           }
-          if (S >= M && D <= y)
+          if (S >= M && b <= y)
             continue;
-          let T = null, I = null;
+          let E = null, I = null;
           if (S >= M && S <= y) {
             const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: y, startRow: p.row, endRow: m.row });
             if (R == null)
@@ -1676,8 +1781,8 @@ let an = class extends le {
               left: (R == null ? void 0 : R.startX) || 0,
               width: ((h == null ? void 0 : h.width) || 0) - R.endX + R.startX
             };
-          } else if (D >= M && D <= y) {
-            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: M, endColumn: D, startRow: p.row, endRow: m.row });
+          } else if (b >= M && b <= y) {
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: M, endColumn: b, startRow: p.row, endRow: m.row });
             if (R == null)
               return;
             I = {
@@ -1691,24 +1796,24 @@ let an = class extends le {
             if (I = {
               ...h,
               width: ((h == null ? void 0 : h.width) || 0) - R.endX + R.startX
-            }, T = $(I, this._selectionRenderService), T != null && I != null) {
-              s.push({ ...l, sheetTransform: T, transform: I });
+            }, E = $(I, this._selectionRenderService), E != null && I != null) {
+              s.push({ ...d, sheetTransform: E, transform: I });
               break;
             }
           }
-          if (I != null && (T = $(I, this._selectionRenderService)), I != null && T != null) {
-            r.push({ ...l, sheetTransform: T, transform: I });
+          if (I != null && (E = $(I, this._selectionRenderService)), I != null && E != null) {
+            r.push({ ...d, sheetTransform: E, transform: I });
             break;
           } else
-            this._remainDrawingSize(h, r, l);
+            this._remainDrawingSize(h, r, d);
         }
       }
     }), r.length === 0 && s.length === 0)
       return { redos: [], undos: [] };
     const { redos: o, undos: a } = this._createUndoAndRedoMutation(i, n, r), c = [], u = [];
     if (s.length > 0) {
-      const { redos: d, undos: l } = this._createUndoAndRedoMutation(i, n, s);
-      c.push(...d), u.push(...l);
+      const { redos: l, undos: d } = this._createUndoAndRedoMutation(i, n, s);
+      c.push(...l), u.push(...d);
     }
     return {
       redos: o,
@@ -1717,13 +1822,13 @@ let an = class extends le {
       preUndos: u
     };
   }
-  _createUndoAndRedoMutation(i, n, t) {
-    const e = this._sheetDrawingService.getBatchUpdateOp(t), { undo: r, redo: s, objects: o } = e, a = [
+  _createUndoAndRedoMutation(i, n, e) {
+    const t = this._sheetDrawingService.getBatchUpdateOp(e), { undo: r, redo: s, objects: o } = t, a = [
       { id: A.id, params: { unitId: i, subUnitId: n, op: s, objects: o, type: P.UPDATE } },
-      { id: x.id, params: [i] }
+      { id: L.id, params: [i] }
     ], c = [
       { id: A.id, params: { unitId: i, subUnitId: n, op: r, objects: o, type: P.UPDATE } },
-      { id: x.id, params: [i] }
+      { id: L.id, params: [i] }
     ];
     return {
       redos: a,
@@ -1731,38 +1836,38 @@ let an = class extends le {
     };
   }
   // eslint-disable-next-line max-lines-per-function
-  _getDrawingUndoForRowVisible(i, n, t) {
-    const e = this._drawingManagerService.getDrawingData(i, n), r = [], s = [];
-    if (Object.keys(e).forEach((d) => {
-      const l = e[d], { sheetTransform: g, transform: h, anchorType: f = U.Position } = l;
+  _getDrawingUndoForRowVisible(i, n, e) {
+    const t = this._drawingManagerService.getDrawingData(i, n), r = [], s = [];
+    if (Object.keys(t).forEach((l) => {
+      const d = t[l], { sheetTransform: g, transform: h, anchorType: f = U.Position } = d;
       if (f === U.None)
-        this._remainDrawingSize(h, r, l);
+        this._remainDrawingSize(h, r, d);
       else {
-        const { from: p, to: m } = g, { row: w, column: S } = p, { row: C, column: D } = m;
-        for (let v = 0; v < t.length; v++) {
-          const b = t[v], { startRow: _, endRow: E, startColumn: M, endColumn: y } = b;
+        const { from: p, to: m } = g, { row: w, column: S } = p, { row: C, column: b } = m;
+        for (let v = 0; v < e.length; v++) {
+          const D = e[v], { startRow: _, endRow: T, startColumn: M, endColumn: y } = D;
           if (C < _)
             continue;
           if (f === U.Position) {
             let R = null, O = null;
-            if (w >= _ && w <= E) {
-              const B = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: w, endRow: E });
+            if (w >= _ && w <= T) {
+              const B = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: w, endRow: T });
               if (B == null)
                 return;
               O = { ...h, top: B.startY };
             }
             if (O != null && (R = $(O, this._selectionRenderService), R != null && O != null)) {
-              r.push({ ...l, sheetTransform: R, transform: O });
+              r.push({ ...d, sheetTransform: R, transform: O });
               break;
             }
-            this._remainDrawingSize(h, r, l);
+            this._remainDrawingSize(h, r, d);
             continue;
           }
-          if (w >= _ && C <= E)
+          if (w >= _ && C <= T)
             continue;
-          let T = null, I = null;
-          if (w >= _ && w <= E) {
-            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: w, endRow: E });
+          let E = null, I = null;
+          if (w >= _ && w <= T) {
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: w, endRow: T });
             if (R == null)
               return;
             I = {
@@ -1770,7 +1875,7 @@ let an = class extends le {
               top: (R == null ? void 0 : R.startY) || 0,
               height: ((h == null ? void 0 : h.height) || 0) - R.endY + R.startY
             };
-          } else if (C >= _ && C <= E) {
+          } else if (C >= _ && C <= T) {
             const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: _, endRow: C });
             if (R == null)
               return;
@@ -1779,30 +1884,30 @@ let an = class extends le {
               top: R.startY - ((h == null ? void 0 : h.height) || 0)
             };
           } else {
-            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: _, endRow: E });
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: _, endRow: T });
             if (R == null)
               return;
             if (I = {
               ...h,
               height: ((h == null ? void 0 : h.height) || 0) - R.endY + R.startY
-            }, T = $(I, this._selectionRenderService), T != null && I != null) {
-              s.push({ ...l, sheetTransform: T, transform: I });
+            }, E = $(I, this._selectionRenderService), E != null && I != null) {
+              s.push({ ...d, sheetTransform: E, transform: I });
               break;
             }
           }
-          if (I != null && (T = $(I, this._selectionRenderService)), I != null && T != null) {
-            r.push({ ...l, sheetTransform: T, transform: I });
+          if (I != null && (E = $(I, this._selectionRenderService)), I != null && E != null) {
+            r.push({ ...d, sheetTransform: E, transform: I });
             break;
           } else
-            this._remainDrawingSize(h, r, l);
+            this._remainDrawingSize(h, r, d);
         }
       }
     }), r.length === 0 && s.length === 0)
       return { redos: [], undos: [] };
     const { redos: o, undos: a } = this._createUndoAndRedoMutation(i, n, r), c = [], u = [];
     if (s.length > 0) {
-      const { redos: d, undos: l } = this._createUndoAndRedoMutation(i, n, s);
-      c.push(...d), u.push(...l);
+      const { redos: l, undos: d } = this._createUndoAndRedoMutation(i, n, s);
+      c.push(...l), u.push(...d);
     }
     return {
       redos: o,
@@ -1811,27 +1916,23 @@ let an = class extends le {
       preUndos: u
     };
   }
-  _getDrawingUndoForRowAndColSize(i, n, t, e) {
+  _getDrawingUndoForRowAndColSize(i, n, e, t) {
     const r = this._drawingManagerService.getDrawingData(i, n), s = [];
     return Object.keys(r).forEach((o) => {
-      const a = r[o], { sheetTransform: c, transform: u, anchorType: d = U.Position } = a;
-      if (d === U.None)
+      const a = r[o], { sheetTransform: c, transform: u, anchorType: l = U.Position } = a;
+      if (l === U.None)
         this._remainDrawingSize(u, s, a);
       else {
-        const { from: l, to: g } = c, { row: h, column: f } = l, { row: p, column: m } = g;
-        for (let w = 0; w < t.length; w++) {
-          const S = t[w], { startRow: C, endRow: D, startColumn: v, endColumn: b } = S;
+        const { from: d, to: g } = c, { row: h, column: f } = d, { row: p, column: m } = g;
+        for (let w = 0; w < e.length; w++) {
+          const S = e[w], { startRow: C, endRow: b, startColumn: v, endColumn: D } = S;
           if (p < C || m < v)
             continue;
-          if (d === U.Position && (h <= C && p >= D || f <= v && m >= b)) {
+          if (l === U.Position && (h <= C && p >= b || f <= v && m >= D)) {
             this._remainDrawingSize(u, s, a);
             continue;
           }
-          const _ = z(
-            { ...c },
-            this._selectionRenderService,
-            this._skeletonManagerService
-          );
+          const _ = z({ ...c }, this._selectionRenderService, this._skeletonManagerService);
           if (_ != null) {
             s.push({
               ...a,
@@ -1844,70 +1945,70 @@ let an = class extends le {
     }), s.length === 0 ? { redos: [], undos: [] } : this._createUndoAndRedoMutation(i, n, s);
   }
   _getUnitIdAndSubUnitId(i, n) {
-    let t, e;
+    let e, t;
     if (n === "insert")
-      t = i.unitId, e = i.subUnitId;
+      e = i.unitId, t = i.subUnitId;
     else {
       const r = H(this._univerInstanceService);
       if (r == null)
         return;
-      t = r.unitId, e = r.subUnitId;
+      e = r.unitId, t = r.subUnitId;
     }
-    return { unitId: t, subUnitId: e };
+    return { unitId: e, subUnitId: t };
   }
   _moveRangeInterceptor(i) {
-    var C, D;
-    const { toRange: n, fromRange: t } = i, e = H(this._univerInstanceService);
-    if (!e)
+    var C, b;
+    const { toRange: n, fromRange: e } = i, t = H(this._univerInstanceService);
+    if (!t)
       return { redos: [], undos: [] };
-    const { unitId: r, subUnitId: s } = e, o = (D = (C = this._renderManagerService.getRenderById(r)) == null ? void 0 : C.with(V)) == null ? void 0 : D.getCurrentSkeleton();
+    const { unitId: r, subUnitId: s } = t, o = (b = (C = this._renderManagerService.getRenderById(r)) == null ? void 0 : C.with(V)) == null ? void 0 : b.getCurrentSkeleton();
     if (!o)
       return { redos: [], undos: [] };
-    const a = xn(o, t);
+    const a = Qn(o, e);
     if (!a)
       return { redos: [], undos: [] };
-    const { startX: c, endX: u, startY: d, endY: l } = a, g = this._sheetDrawingService.getDrawingData(r, s), h = [];
+    const { startX: c, endX: u, startY: l, endY: d } = a, g = this._sheetDrawingService.getDrawingData(r, s), h = [];
     Object.keys(g).forEach((v) => {
-      const b = g[v];
-      if (b.anchorType !== U.Both)
+      const D = g[v];
+      if (D.anchorType !== U.Both)
         return;
-      const { transform: _ } = b;
+      const { transform: _ } = D;
       if (!_)
         return;
-      const { left: E = 0, top: M = 0, width: y = 0, height: T = 0 } = _, { drawingStartX: I, drawingEndX: R, drawingStartY: O, drawingEndY: B } = {
-        drawingStartX: E,
-        drawingEndX: E + y,
+      const { left: T = 0, top: M = 0, width: y = 0, height: E = 0 } = _, { drawingStartX: I, drawingEndX: R, drawingStartY: O, drawingEndY: B } = {
+        drawingStartX: T,
+        drawingEndX: T + y,
         drawingStartY: M,
-        drawingEndY: M + T
+        drawingEndY: M + E
       };
-      c <= I && R <= u && d <= O && B <= l && h.push(b);
+      c <= I && R <= u && l <= O && B <= d && h.push(D);
     });
-    const f = [], p = [], m = n.startRow - t.startRow, w = n.startColumn - t.startColumn, S = h.map((v) => {
-      const b = v.sheetTransform, _ = {
-        to: { ...b.to, row: b.to.row + m, column: b.to.column + w },
-        from: { ...b.from, row: b.from.row + m, column: b.from.column + w }
-      }, E = z(_, this._selectionRenderService, this._skeletonManagerService);
+    const f = [], p = [], m = n.startRow - e.startRow, w = n.startColumn - e.startColumn, S = h.map((v) => {
+      const D = v.sheetTransform, _ = {
+        to: { ...D.to, row: D.to.row + m, column: D.to.column + w },
+        from: { ...D.from, row: D.from.row + m, column: D.from.column + w }
+      }, T = z(_, this._selectionRenderService, this._skeletonManagerService);
       return {
         unitId: r,
         subUnitId: s,
         drawingId: v.drawingId,
-        transform: E,
+        transform: T,
         sheetTransform: _
       };
     });
     if (S.length) {
-      const v = this._sheetDrawingService.getBatchUpdateOp(S), { undo: b, redo: _, objects: E } = v;
-      f.push({ id: A.id, params: { unitId: r, subUnitId: s, op: _, objects: E, type: P.UPDATE } }), p.push({ id: A.id, params: { unitId: r, subUnitId: s, op: b, objects: E, type: P.UPDATE } });
+      const v = this._sheetDrawingService.getBatchUpdateOp(S), { undo: D, redo: _, objects: T } = v;
+      f.push({ id: A.id, params: { unitId: r, subUnitId: s, op: _, objects: T, type: P.UPDATE } }), p.push({ id: A.id, params: { unitId: r, subUnitId: s, op: D, objects: T, type: P.UPDATE } });
     }
     return { redos: f, undos: p };
   }
   _moveRowInterceptor(i, n) {
-    const t = this._getUnitIdAndSubUnitId(i, n);
-    if (t == null)
+    const e = this._getUnitIdAndSubUnitId(i, n);
+    if (e == null)
       return { redos: [], undos: [] };
-    const { unitId: e, subUnitId: r } = t, { range: s } = i, o = s.startRow, a = s.endRow, c = [], u = [], d = this._sheetDrawingService.getDrawingData(e, r), l = [], g = [];
-    if (Object.keys(d).forEach((h) => {
-      const f = d[h], { sheetTransform: p, transform: m, anchorType: w = U.Position } = f;
+    const { unitId: t, subUnitId: r } = e, { range: s } = i, o = s.startRow, a = s.endRow, c = [], u = [], l = this._sheetDrawingService.getDrawingData(t, r), d = [], g = [];
+    if (Object.keys(l).forEach((h) => {
+      const f = l[h], { sheetTransform: p, transform: m, anchorType: w = U.Position } = f;
       if (p == null || m == null)
         return;
       let S, C;
@@ -1915,9 +2016,9 @@ let an = class extends le {
         const v = this._expandRow(p, m, o, a, w);
         S = v == null ? void 0 : v.newSheetTransform, C = v == null ? void 0 : v.newTransform;
       } else {
-        const { from: v, to: b } = p, { row: _ } = v, { row: E } = b;
-        if (w === U.Both && _ >= o && E <= a)
-          g.push({ unitId: e, subUnitId: r, drawingId: h });
+        const { from: v, to: D } = p, { row: _ } = v, { row: T } = D;
+        if (w === U.Both && _ >= o && T <= a)
+          g.push({ unitId: t, subUnitId: r, drawingId: h });
         else {
           const M = this._shrinkRow(p, m, o, a, w);
           S = M == null ? void 0 : M.newSheetTransform, C = M == null ? void 0 : M.newTransform;
@@ -1925,30 +2026,30 @@ let an = class extends le {
       }
       if (!S || !C)
         return;
-      const D = { unitId: e, subUnitId: r, drawingId: h, transform: C, sheetTransform: S };
-      l.push(D);
-    }), l.length === 0 && g.length === 0)
+      const b = { unitId: t, subUnitId: r, drawingId: h, transform: C, sheetTransform: S };
+      d.push(b);
+    }), d.length === 0 && g.length === 0)
       return { redos: [], undos: [] };
-    if (l.length > 0) {
-      const h = this._sheetDrawingService.getBatchUpdateOp(l), { undo: f, redo: p, objects: m } = h;
-      c.push({ id: A.id, params: { unitId: e, subUnitId: r, op: p, objects: m, type: P.UPDATE } }), u.push({ id: A.id, params: { unitId: e, subUnitId: r, op: f, objects: m, type: P.UPDATE } });
+    if (d.length > 0) {
+      const h = this._sheetDrawingService.getBatchUpdateOp(d), { undo: f, redo: p, objects: m } = h;
+      c.push({ id: A.id, params: { unitId: t, subUnitId: r, op: p, objects: m, type: P.UPDATE } }), u.push({ id: A.id, params: { unitId: t, subUnitId: r, op: f, objects: m, type: P.UPDATE } });
     }
     if (g.length > 0) {
       const h = this._sheetDrawingService.getBatchRemoveOp(g), f = h.undo, p = h.redo, m = h.objects;
-      c.push({ id: A.id, params: { unitId: e, subUnitId: r, op: p, objects: m, type: P.REMOVE } }), u.push({ id: A.id, params: { unitId: e, subUnitId: r, op: f, objects: m, type: P.INSERT } });
+      c.push({ id: A.id, params: { unitId: t, subUnitId: r, op: p, objects: m, type: P.REMOVE } }), u.push({ id: A.id, params: { unitId: t, subUnitId: r, op: f, objects: m, type: P.INSERT } });
     }
-    return c.push({ id: x.id, params: [e] }), u.push({ id: x.id, params: [e] }), {
+    return c.push({ id: L.id, params: [t] }), u.push({ id: L.id, params: [t] }), {
       redos: c,
       undos: u
     };
   }
   _moveColInterceptor(i, n) {
-    const t = this._getUnitIdAndSubUnitId(i, n);
-    if (t == null)
+    const e = this._getUnitIdAndSubUnitId(i, n);
+    if (e == null)
       return { redos: [], undos: [] };
-    const { unitId: e, subUnitId: r } = t, { range: s } = i, o = s.startColumn, a = s.endColumn, c = [], u = [], d = this._sheetDrawingService.getDrawingData(e, r), l = [], g = [];
-    if (Object.keys(d).forEach((h) => {
-      const f = d[h], { sheetTransform: p, transform: m, anchorType: w = U.Position } = f;
+    const { unitId: t, subUnitId: r } = e, { range: s } = i, o = s.startColumn, a = s.endColumn, c = [], u = [], l = this._sheetDrawingService.getDrawingData(t, r), d = [], g = [];
+    if (Object.keys(l).forEach((h) => {
+      const f = l[h], { sheetTransform: p, transform: m, anchorType: w = U.Position } = f;
       if (p == null || m == null)
         return;
       let S, C;
@@ -1956,9 +2057,9 @@ let an = class extends le {
         const v = this._expandCol(p, m, o, a, w);
         S = v == null ? void 0 : v.newSheetTransform, C = v == null ? void 0 : v.newTransform;
       } else {
-        const { from: v, to: b } = p, { column: _ } = v, { column: E } = b;
-        if (w === U.Both && _ >= o && E <= a)
-          g.push({ unitId: e, subUnitId: r, drawingId: h });
+        const { from: v, to: D } = p, { column: _ } = v, { column: T } = D;
+        if (w === U.Both && _ >= o && T <= a)
+          g.push({ unitId: t, subUnitId: r, drawingId: h });
         else {
           const M = this._shrinkCol(p, m, o, a, w);
           S = M == null ? void 0 : M.newSheetTransform, C = M == null ? void 0 : M.newTransform;
@@ -1966,188 +2067,188 @@ let an = class extends le {
       }
       if (!S || !C)
         return;
-      const D = { unitId: e, subUnitId: r, drawingId: h, transform: C, sheetTransform: S };
-      l.push(D);
-    }), l.length === 0 && g.length === 0)
+      const b = { unitId: t, subUnitId: r, drawingId: h, transform: C, sheetTransform: S };
+      d.push(b);
+    }), d.length === 0 && g.length === 0)
       return { redos: [], undos: [] };
-    if (l.length > 0) {
-      const h = this._sheetDrawingService.getBatchUpdateOp(l), { undo: f, redo: p, objects: m } = h;
-      c.push({ id: A.id, params: { unitId: e, subUnitId: r, op: p, objects: m, type: P.UPDATE } }), u.push({ id: A.id, params: { unitId: e, subUnitId: r, op: f, objects: m, type: P.UPDATE } });
+    if (d.length > 0) {
+      const h = this._sheetDrawingService.getBatchUpdateOp(d), { undo: f, redo: p, objects: m } = h;
+      c.push({ id: A.id, params: { unitId: t, subUnitId: r, op: p, objects: m, type: P.UPDATE } }), u.push({ id: A.id, params: { unitId: t, subUnitId: r, op: f, objects: m, type: P.UPDATE } });
     }
     if (g.length > 0) {
       const h = this._sheetDrawingService.getBatchRemoveOp(g), f = h.undo, p = h.redo, m = h.objects;
-      c.push({ id: A.id, params: { unitId: e, subUnitId: r, op: p, objects: m, type: P.REMOVE } }), u.push({ id: A.id, params: { unitId: e, subUnitId: r, op: f, objects: m, type: P.INSERT } });
+      c.push({ id: A.id, params: { unitId: t, subUnitId: r, op: p, objects: m, type: P.REMOVE } }), u.push({ id: A.id, params: { unitId: t, subUnitId: r, op: f, objects: m, type: P.INSERT } });
     }
-    return c.push({ id: x.id, params: [e] }), u.push({ id: x.id, params: [e] }), { redos: c, undos: u };
+    return c.push({ id: L.id, params: [t] }), u.push({ id: L.id, params: [t] }), { redos: c, undos: u };
   }
-  _expandCol(i, n, t, e, r = U.Position) {
-    const s = e - t + 1, { from: o, to: a } = i, { column: c } = o, { column: u } = a;
+  _expandCol(i, n, e, t, r = U.Position) {
+    const s = t - e + 1, { from: o, to: a } = i, { column: c } = o, { column: u } = a;
     if (r === U.None)
       return {
         newSheetTransform: $({ ...n }, this._selectionRenderService),
         newTransform: n
       };
-    let d = null, l = null;
-    if (c >= t) {
-      const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: t, endColumn: e, startRow: o.row, endRow: a.row });
+    let l = null, d = null;
+    if (c >= e) {
+      const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: e, endColumn: t, startRow: o.row, endRow: a.row });
       if (g == null)
         return;
-      l = { ...n, left: (n.left || 0) + g.endX - g.startX }, d = $(l, this._selectionRenderService);
-    } else if (u >= e)
+      d = { ...n, left: (n.left || 0) + g.endX - g.startX }, l = $(d, this._selectionRenderService);
+    } else if (u >= t)
       if (r === U.Both)
-        d = {
+        l = {
           from: { ...o },
           to: { ...a, column: u + s }
-        }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
+        }, d = z(l, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
           newSheetTransform: $({ ...n }, this._selectionRenderService),
           newTransform: n
         };
-    return d != null && l != null ? {
-      newSheetTransform: d,
-      newTransform: l
+    return l != null && d != null ? {
+      newSheetTransform: l,
+      newTransform: d
     } : null;
   }
-  _shrinkCol(i, n, t, e, r = U.Position) {
-    const s = e - t + 1, { from: o, to: a } = i, { column: c } = o, { column: u } = a;
+  _shrinkCol(i, n, e, t, r = U.Position) {
+    const s = t - e + 1, { from: o, to: a } = i, { column: c } = o, { column: u } = a;
     if (r === U.None)
       return {
         newSheetTransform: $({ ...n }, this._selectionRenderService),
         newTransform: n
       };
-    let d = null, l = null;
-    if (c > e)
-      d = {
+    let l = null, d = null;
+    if (c > t)
+      l = {
         from: { ...o, column: c - s },
         to: { ...a, column: u - s }
-      }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
+      }, d = z(l, this._selectionRenderService, this._skeletonManagerService);
     else {
-      if (c >= t && u <= e)
+      if (c >= e && u <= t)
         return null;
-      if (c < t && u > e)
+      if (c < e && u > t)
         if (r === U.Both)
-          d = {
+          l = {
             from: { ...o },
             to: { ...a, column: u - s }
-          }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
+          }, d = z(l, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
             newSheetTransform: $({ ...n }, this._selectionRenderService),
             newTransform: n
           };
-      else if (c >= t && c <= e) {
-        if (c === t)
-          l = { ...n, left: (n.left || 0) - i.from.columnOffset };
+      else if (c >= e && c <= t) {
+        if (c === e)
+          d = { ...n, left: (n.left || 0) - i.from.columnOffset };
         else {
-          const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: t, endColumn: c - 1, startRow: o.row, endRow: a.row });
+          const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: e, endColumn: c - 1, startRow: o.row, endRow: a.row });
           if (g == null)
             return;
-          l = { ...n, left: (n.left || 0) - g.endX + g.startX - i.from.columnOffset };
+          d = { ...n, left: (n.left || 0) - g.endX + g.startX - i.from.columnOffset };
         }
-        d = $(l, this._selectionRenderService);
-      } else if (u >= t && u <= e && r === U.Both) {
+        l = $(d, this._selectionRenderService);
+      } else if (u >= e && u <= t && r === U.Both) {
         const g = this._skeletonManagerService.attachRangeWithCoord({
-          startColumn: t - 1,
-          endColumn: t - 1,
+          startColumn: e - 1,
+          endColumn: e - 1,
           startRow: o.row,
           endRow: a.row
         });
         if (g == null)
           return;
-        d = {
+        l = {
           from: { ...o },
-          to: { ...a, column: t - 1, columnOffset: g.endX - g.startX }
-        }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
+          to: { ...a, column: e - 1, columnOffset: g.endX - g.startX }
+        }, d = z(l, this._selectionRenderService, this._skeletonManagerService);
       }
     }
-    return d != null && l != null ? {
-      newSheetTransform: d,
-      newTransform: l
+    return l != null && d != null ? {
+      newSheetTransform: l,
+      newTransform: d
     } : null;
   }
-  _expandRow(i, n, t, e, r = U.Position) {
-    const s = e - t + 1, { from: o, to: a } = i, { row: c } = o, { row: u } = a;
+  _expandRow(i, n, e, t, r = U.Position) {
+    const s = t - e + 1, { from: o, to: a } = i, { row: c } = o, { row: u } = a;
     if (r === U.None)
       return {
         newSheetTransform: $({ ...n }, this._selectionRenderService),
         newTransform: n
       };
-    let d = null, l = null;
-    if (c >= t) {
-      const g = this._skeletonManagerService.attachRangeWithCoord({ startRow: t, endRow: e, startColumn: o.column, endColumn: a.column });
+    let l = null, d = null;
+    if (c >= e) {
+      const g = this._skeletonManagerService.attachRangeWithCoord({ startRow: e, endRow: t, startColumn: o.column, endColumn: a.column });
       if (g == null)
         return;
-      l = { ...n, top: (n.top || 0) + g.endY - g.startY }, d = $(l, this._selectionRenderService);
-    } else if (u >= e)
+      d = { ...n, top: (n.top || 0) + g.endY - g.startY }, l = $(d, this._selectionRenderService);
+    } else if (u >= t)
       if (r === U.Both)
-        d = {
+        l = {
           from: { ...o },
           to: {
             ...a,
             row: u + s
           }
-        }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
+        }, d = z(l, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
           newSheetTransform: $({ ...n }, this._selectionRenderService),
           newTransform: n
         };
-    return d != null && l != null ? {
-      newSheetTransform: d,
-      newTransform: l
+    return l != null && d != null ? {
+      newSheetTransform: l,
+      newTransform: d
     } : null;
   }
-  _shrinkRow(i, n, t, e, r = U.Position) {
-    const s = e - t + 1, { from: o, to: a } = i, { row: c } = o, { row: u } = a;
+  _shrinkRow(i, n, e, t, r = U.Position) {
+    const s = t - e + 1, { from: o, to: a } = i, { row: c } = o, { row: u } = a;
     if (r === U.None)
       return {
         newSheetTransform: $({ ...n }, this._selectionRenderService),
         newTransform: n
       };
-    let d = null, l = null;
-    if (c > e)
-      d = {
+    let l = null, d = null;
+    if (c > t)
+      l = {
         from: { ...o, row: c - s },
         to: { ...a, row: u - s }
-      }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
+      }, d = z(l, this._selectionRenderService, this._skeletonManagerService);
     else {
-      if (c >= t && u <= e)
+      if (c >= e && u <= t)
         return null;
-      if (c < t && u > e)
+      if (c < e && u > t)
         if (r === U.Both)
-          d = {
+          l = {
             from: { ...o },
             to: { ...a, row: u - s }
-          }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
+          }, d = z(l, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
             newSheetTransform: $({ ...n }, this._selectionRenderService),
             newTransform: n
           };
-      else if (c >= t && c <= e) {
-        if (c === t)
-          l = { ...n, top: (n.top || 0) - i.from.rowOffset };
+      else if (c >= e && c <= t) {
+        if (c === e)
+          d = { ...n, top: (n.top || 0) - i.from.rowOffset };
         else {
-          const g = this._skeletonManagerService.attachRangeWithCoord({ startRow: t, endRow: c - 1, startColumn: o.column, endColumn: a.column });
+          const g = this._skeletonManagerService.attachRangeWithCoord({ startRow: e, endRow: c - 1, startColumn: o.column, endColumn: a.column });
           if (g == null)
             return;
-          l = { ...n, top: (n.top || 0) - g.endY + g.startY - i.from.rowOffset };
+          d = { ...n, top: (n.top || 0) - g.endY + g.startY - i.from.rowOffset };
         }
-        d = $(l, this._selectionRenderService);
-      } else if (u >= t && u <= e && r === U.Both) {
-        const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: t - 1, endRow: t - 1 });
+        l = $(d, this._selectionRenderService);
+      } else if (u >= e && u <= t && r === U.Both) {
+        const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: e - 1, endRow: e - 1 });
         if (g == null)
           return;
-        d = {
+        l = {
           from: { ...o },
-          to: { ...a, row: t - 1, rowOffset: g.endY - g.startY }
-        }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
+          to: { ...a, row: e - 1, rowOffset: g.endY - g.startY }
+        }, d = z(l, this._selectionRenderService, this._skeletonManagerService);
       }
     }
-    return d != null && l != null ? {
-      newSheetTransform: d,
-      newTransform: l
+    return l != null && d != null ? {
+      newSheetTransform: l,
+      newTransform: d
     } : null;
   }
   _commandListener() {
@@ -2156,78 +2257,78 @@ let an = class extends le {
       // but the skeleton changes like other render modules. These two signals are not equivalent.
       // As a temp solution, I subscribed to activate$ here.
       this._commandService.onCommandExecuted((i) => {
-        if (i.id === Ji.id) {
-          const { unitId: n, subUnitId: t } = i.params;
-          this._updateDrawings(n, t);
+        if (i.id === ts.id) {
+          const { unitId: n, subUnitId: e } = i.params;
+          this._updateDrawings(n, e);
         }
       })
     ), this.disposeWithMe(
       this._context.activated$.subscribe((i) => {
-        const { unit: n, unitId: t } = this._context;
+        const { unit: n, unitId: e } = this._context;
         if (i) {
-          const e = n.getActiveSheet().getSheetId();
-          this._updateDrawings(t, e);
+          const t = n.getActiveSheet().getSheetId();
+          this._updateDrawings(e, t);
         } else
-          this._clearDrawings(t);
+          this._clearDrawings(e);
       })
     );
   }
   _clearDrawings(i) {
     setTimeout(() => {
-      const n = this._drawingManagerService.drawingManagerData, t = [];
-      Object.keys(n).forEach((e) => {
-        const r = n[e];
+      const n = this._drawingManagerService.drawingManagerData, e = [];
+      Object.keys(n).forEach((t) => {
+        const r = n[t];
         r != null && Object.keys(r).forEach((s) => {
           const o = r[s].data;
           o != null && Object.keys(o).forEach((a) => {
-            e === i && t.push(o[a]);
+            t === i && e.push(o[a]);
           });
         });
-      }), this._drawingManagerService.removeNotification(t);
+      }), this._drawingManagerService.removeNotification(e);
     });
   }
   _updateDrawings(i, n) {
     setTimeout(() => {
-      const t = this._drawingManagerService.drawingManagerData, e = [], r = [];
-      Object.keys(t).forEach((s) => {
-        const o = t[s];
+      const e = this._drawingManagerService.drawingManagerData, t = [], r = [];
+      Object.keys(e).forEach((s) => {
+        const o = e[s];
         o != null && Object.keys(o).forEach((a) => {
           const c = o[a].data;
           c != null && Object.keys(c).forEach((u) => {
             if (s === i && a === n) {
-              const d = c[u];
-              d.transform = z(d.sheetTransform, this._selectionRenderService, this._skeletonManagerService), e.push(c[u]);
+              const l = c[u];
+              l.transform = z(l.sheetTransform, this._selectionRenderService, this._skeletonManagerService), t.push(c[u]);
             } else
               r.push(c[u]);
           });
         });
-      }), this._drawingManagerService.removeNotification(r), this._drawingManagerService.addNotification(e);
+      }), this._drawingManagerService.removeNotification(r), this._drawingManagerService.addNotification(t);
     }, 0);
   }
   _sheetRefreshListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        $s.includes(i.id) && requestIdleCallback(() => {
-          const n = i.params, { unitId: t, subUnitId: e, ranges: r } = n;
-          this._refreshDrawingTransform(t, e, r);
+        Fs.includes(i.id) && requestIdleCallback(() => {
+          const n = i.params, { unitId: e, subUnitId: t, ranges: r } = n;
+          this._refreshDrawingTransform(e, t, r);
         });
       })
     );
   }
-  _refreshDrawingTransform(i, n, t) {
-    const e = this._drawingManagerService.getDrawingData(i, n), r = [];
-    Object.keys(e).forEach((s) => {
-      const o = e[s], { sheetTransform: a, transform: c, anchorType: u = U.Position } = o;
+  _refreshDrawingTransform(i, n, e) {
+    const t = this._drawingManagerService.getDrawingData(i, n), r = [];
+    Object.keys(t).forEach((s) => {
+      const o = t[s], { sheetTransform: a, transform: c, anchorType: u = U.Position } = o;
       if (u === U.None)
         return !0;
-      const { from: d, to: l } = a, { row: g, column: h } = d, { row: f, column: p } = l;
-      for (let m = 0; m < t.length; m++) {
-        const w = t[m], { startRow: S, endRow: C, startColumn: D, endColumn: v } = w;
-        if (Xr.intersects(
+      const { from: l, to: d } = a, { row: g, column: h } = l, { row: f, column: p } = d;
+      for (let m = 0; m < e.length; m++) {
+        const w = e[m], { startRow: S, endRow: C, startColumn: b, endColumn: v } = w;
+        if (zr.intersects(
           {
             startRow: S,
             endRow: C,
-            startColumn: D,
+            startColumn: b,
             endColumn: v
           },
           {
@@ -2237,99 +2338,99 @@ let an = class extends le {
             endColumn: p
           }
         ) || g > C || h > v) {
-          const b = u === U.Position, _ = z(a, this._selectionRenderService, this._skeletonManagerService);
+          const D = u === U.Position, _ = z(a, this._selectionRenderService, this._skeletonManagerService);
           r.push({
             ...o,
             transform: {
               ..._,
-              width: b ? c == null ? void 0 : c.width : _ == null ? void 0 : _.width,
-              height: b ? c == null ? void 0 : c.height : _ == null ? void 0 : _.height
+              width: D ? c == null ? void 0 : c.width : _ == null ? void 0 : _.width,
+              height: D ? c == null ? void 0 : c.height : _ == null ? void 0 : _.height
             }
           });
           break;
         }
       }
-    }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(x.id, [i]));
+    }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(L.id, [i]));
   }
 };
-an = Ws([
+dn = xs([
   _e(1, ne),
   _e(2, G),
   _e(3, Xe),
   _e(4, N(V)),
-  _e(5, N(Lt)),
+  _e(5, N(Ft)),
   _e(6, ae),
   _e(7, oe),
-  _e(8, Ge)
-], an);
+  _e(8, Ce)
+], dn);
 var se = function() {
   return se = Object.assign || function(i) {
-    for (var n, t = 1, e = arguments.length; t < e; t++) {
-      n = arguments[t];
+    for (var n, e = 1, t = arguments.length; e < t; e++) {
+      n = arguments[e];
       for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (i[r] = n[r]);
     }
     return i;
   }, se.apply(this, arguments);
-}, xs = function(i, n) {
-  var t = {};
-  for (var e in i) Object.prototype.hasOwnProperty.call(i, e) && n.indexOf(e) < 0 && (t[e] = i[e]);
+}, Ys = function(i, n) {
+  var e = {};
+  for (var t in i) Object.prototype.hasOwnProperty.call(i, t) && n.indexOf(t) < 0 && (e[t] = i[t]);
   if (i != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, e = Object.getOwnPropertySymbols(i); r < e.length; r++)
-      n.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, e[r]) && (t[e[r]] = i[e[r]]);
-  return t;
-}, _r = cr(function(i, n) {
-  var t = i.icon, e = i.id, r = i.className, s = i.extend, o = xs(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(e, " ").concat(r || "").trim(), c = ns("_".concat(Ys()));
-  return vr(t, "".concat(e), { defIds: t.defIds, idSuffix: c.current }, se({ ref: n, className: a }, o), s);
+    for (var r = 0, t = Object.getOwnPropertySymbols(i); r < t.length; r++)
+      n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, t[r]) && (e[t[r]] = i[t[r]]);
+  return e;
+}, Tr = Sr(function(i, n) {
+  var e = i.icon, t = i.id, r = i.className, s = i.extend, o = Ys(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), c = os("_".concat(Vs()));
+  return Or(e, "".concat(t), { defIds: e.defIds, idSuffix: c.current }, se({ ref: n, className: a }, o), s);
 });
-function vr(i, n, t, e, r) {
-  return dr(i.tag, se(se({ key: n }, Ls(i, t, r)), e), (Fs(i, t).children || []).map(function(s, o) {
-    return vr(s, "".concat(n, "-").concat(i.tag, "-").concat(o), t, void 0, r);
+function Or(i, n, e, t, r) {
+  return Ir(i.tag, se(se({ key: n }, Gs(i, e, r)), t), (Xs(i, e).children || []).map(function(s, o) {
+    return Or(s, "".concat(n, "-").concat(i.tag, "-").concat(o), e, void 0, r);
   }));
 }
-function Ls(i, n, t) {
-  var e = se({}, i.attrs);
-  t != null && t.colorChannel1 && e.fill === "colorChannel1" && (e.fill = t.colorChannel1), i.tag === "mask" && e.id && (e.id = e.id + n.idSuffix), Object.entries(e).forEach(function(s) {
+function Gs(i, n, e) {
+  var t = se({}, i.attrs);
+  e != null && e.colorChannel1 && t.fill === "colorChannel1" && (t.fill = e.colorChannel1), i.tag === "mask" && t.id && (t.id = t.id + n.idSuffix), Object.entries(t).forEach(function(s) {
     var o = s[0], a = s[1];
-    o === "mask" && typeof a == "string" && (e[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(n.idSuffix, ")")));
+    o === "mask" && typeof a == "string" && (t[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(n.idSuffix, ")")));
   });
   var r = n.defIds;
-  return !r || r.length === 0 || (i.tag === "use" && e["xlink:href"] && (e["xlink:href"] = e["xlink:href"] + n.idSuffix), Object.entries(e).forEach(function(s) {
+  return !r || r.length === 0 || (i.tag === "use" && t["xlink:href"] && (t["xlink:href"] = t["xlink:href"] + n.idSuffix), Object.entries(t).forEach(function(s) {
     var o = s[0], a = s[1];
-    typeof a == "string" && (e[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(n.idSuffix, ")")));
-  })), e;
+    typeof a == "string" && (t[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(n.idSuffix, ")")));
+  })), t;
 }
-function Fs(i, n) {
-  var t, e = n.defIds;
-  return !e || e.length === 0 ? i : i.tag === "defs" && (!((t = i.children) === null || t === void 0) && t.length) ? se(se({}, i), { children: i.children.map(function(r) {
-    return typeof r.attrs.id == "string" && e && e.indexOf(r.attrs.id) > -1 ? se(se({}, r), { attrs: se(se({}, r.attrs), { id: r.attrs.id + n.idSuffix }) }) : r;
+function Xs(i, n) {
+  var e, t = n.defIds;
+  return !t || t.length === 0 ? i : i.tag === "defs" && (!((e = i.children) === null || e === void 0) && e.length) ? se(se({}, i), { children: i.children.map(function(r) {
+    return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? se(se({}, r), { attrs: se(se({}, r.attrs), { id: r.attrs.id + n.idSuffix }) }) : r;
   }) }) : i;
 }
-function Ys() {
+function Vs() {
   return Math.random().toString(36).substring(2, 8);
 }
-_r.displayName = "UniverIcon";
-var Gs = { 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" } }] }, Sr = cr(function(i, n) {
-  return dr(_r, Object.assign({}, i, {
+Tr.displayName = "UniverIcon";
+var Hs = { 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" } }] }, Ur = Sr(function(i, n) {
+  return Ir(Tr, Object.assign({}, i, {
     id: "add-image-single",
     ref: n,
-    icon: Gs
+    icon: Hs
   }));
 });
-Sr.displayName = "AddImageSingle";
-const Ir = {
+Ur.displayName = "AddImageSingle";
+const Pr = {
   id: "sheet.command.delete-drawing",
   type: te.COMMAND,
   handler: (i) => {
-    const n = i.get(G), e = i.get(ae).getFocusDrawings();
-    if (e.length === 0)
+    const n = i.get(G), t = i.get(ae).getFocusDrawings();
+    if (t.length === 0)
       return !1;
-    const r = e[0].unitId, s = e.map((o) => {
-      const { unitId: a, subUnitId: c, drawingId: u, drawingType: d } = o;
+    const r = t[0].unitId, s = t.map((o) => {
+      const { unitId: a, subUnitId: c, drawingId: u, drawingType: l } = o;
       return {
         unitId: a,
         subUnitId: c,
         drawingId: u,
-        drawingType: d
+        drawingType: l
       };
     });
     return n.executeCommand(nt.id, {
@@ -2341,263 +2442,250 @@ const Ir = {
   id: "sheet.command.move-drawing",
   type: te.COMMAND,
   handler: (i, n) => {
-    const t = i.get(G), e = i.get(ae), r = i.get(Xe), { direction: s } = n, o = e.getFocusDrawings();
+    const e = i.get(G), t = i.get(ae), r = i.get(Xe), { direction: s } = n, o = t.getFocusDrawings();
     if (o.length === 0)
       return !1;
-    const a = o[0].unitId, c = o.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 g = { ...l }, { left: h = 0, top: f = 0 } = l;
+      const g = { ...d }, { left: h = 0, top: f = 0 } = d;
       return s === Ie.UP ? g.top = f - 1 : s === Ie.DOWN ? g.top = f + 1 : s === Ie.LEFT ? g.left = h - 1 : s === Ie.RIGHT && (g.left = h + 1), {
-        ...d,
+        ...l,
         transform: g,
         sheetTransform: $(g, r)
       };
-    }).filter((d) => d != null);
-    return t.syncExecuteCommand(Yt.id, {
+    }).filter((l) => l != null);
+    return e.syncExecuteCommand(Gt.id, {
       unitId: a,
       drawings: c
-    }) ? (t.syncExecuteCommand(x.id, [a]), !0) : !1;
+    }) ? (e.syncExecuteCommand(L.id, [a]), !0) : !1;
   }
-}, Cr = "addition-and-subtraction-single", br = "sheet.menu.image";
-function Xs(i) {
+}, Ar = "addition-and-subtraction-single", Nr = "sheet.menu.image";
+function zs(i) {
   return {
-    id: br,
-    type: cn.SUBITEMS,
-    icon: Cr,
+    id: Nr,
+    type: un.SUBITEMS,
+    icon: Ar,
     tooltip: "sheetImage.title",
-    hidden$: Ln(i, F.UNIVER_SHEET),
-    disabled$: Ri(i, { workbookTypes: [Qt], worksheetTypes: [en], rangeTypes: [qi] })
+    hidden$: ln(i, F.UNIVER_SHEET),
+    disabled$: Ti(i, { workbookTypes: [en], worksheetTypes: [tn], rangeTypes: [ns] })
   };
 }
-function Vs(i) {
+function Ks(i) {
   return {
-    id: Gt.id,
+    id: Xt.id,
     title: "sheetImage.upload.float",
-    type: cn.BUTTON,
-    hidden$: Ln(i, F.UNIVER_SHEET)
+    type: un.BUTTON,
+    hidden$: ln(i, F.UNIVER_SHEET)
   };
 }
-function Hs(i) {
+function Zs(i) {
   return {
-    id: un.id,
+    id: fn.id,
     title: "sheetImage.upload.cell",
-    type: cn.BUTTON
+    type: un.BUTTON,
+    hidden$: ln(i, F.UNIVER_SHEET)
   };
 }
-const zs = "univer-image-common-panel", Ks = "univer-image-common-panel-grid", Zs = "univer-image-common-panel-border", Js = "univer-image-common-panel-title", qs = "univer-image-common-panel-row", Qs = "univer-image-common-panel-column", ve = {
-  imageCommonPanel: zs,
-  imageCommonPanelGrid: Ks,
-  imageCommonPanelBorder: Zs,
-  imageCommonPanelTitle: Js,
-  imageCommonPanelRow: qs,
-  imageCommonPanelColumn: Qs
-};
-function Rr(i) {
-  var n, t, e = "";
-  if (typeof i == "string" || typeof i == "number") e += i;
-  else if (typeof i == "object") if (Array.isArray(i)) {
-    var r = i.length;
-    for (n = 0; n < r; n++) i[n] && (t = Rr(i[n])) && (e && (e += " "), e += t);
-  } else for (t in i) i[t] && (e && (e += " "), e += t);
-  return e;
-}
-function Dt() {
-  for (var i, n, t = 0, e = "", r = arguments.length; t < r; t++) (i = arguments[t]) && (n = Rr(i)) && (e && (e += " "), e += n);
-  return e;
-}
-const eo = (i) => {
+const Js = "univer-image-common-panel", qs = "univer-image-common-panel-grid", Qs = "univer-image-common-panel-border", eo = "univer-image-common-panel-title", to = "univer-image-common-panel-row", no = "univer-image-common-panel-column", ve = {
+  imageCommonPanel: Js,
+  imageCommonPanelGrid: qs,
+  imageCommonPanelBorder: Qs,
+  imageCommonPanelTitle: eo,
+  imageCommonPanelRow: to,
+  imageCommonPanelColumn: no
+}, ro = (i) => {
   var C;
-  const n = Te(G), t = Te($t), e = Te(oe), r = Te(ne), { drawings: s } = i, o = s[0];
+  const n = Te(G), e = Te(xt), t = Te(oe), r = Te(ne), { drawings: s } = i, o = s[0];
   if (o == null)
     return;
   const { unitId: a } = o, c = r.getRenderById(a), u = c == null ? void 0 : c.scene;
   if (u == null)
     return;
-  const d = u.getTransformerByCreate(), [l, g] = rn(!0), h = (C = o.anchorType) != null ? C : U.Position, [f, p] = rn(h);
-  function m(D, v) {
-    const b = [];
-    return D.forEach((_) => {
-      const { oKey: E } = _, M = v.getDrawingOKey(E);
+  const l = u.getTransformerByCreate(), [d, g] = sn(!0), h = (C = o.anchorType) != null ? C : U.Position, [f, p] = sn(h);
+  function m(b, v) {
+    const D = [];
+    return b.forEach((_) => {
+      const { oKey: T } = _, M = v.getDrawingOKey(T);
       if (M == null)
-        return b.push(null), !0;
-      const { unitId: y, subUnitId: T, drawingId: I, drawingType: R, anchorType: O, sheetTransform: B } = M;
-      b.push({
+        return D.push(null), !0;
+      const { unitId: y, subUnitId: E, drawingId: I, drawingType: R, anchorType: O, sheetTransform: B } = M;
+      D.push({
         unitId: y,
-        subUnitId: T,
+        subUnitId: E,
         drawingId: I,
         anchorType: O,
         sheetTransform: B,
         drawingType: R
       });
-    }), b;
+    }), D;
   }
-  ln(() => {
-    const D = d.clearControl$.subscribe((b) => {
-      b === !0 && g(!1);
-    }), v = d.changeStart$.subscribe((b) => {
+  gn(() => {
+    const b = l.clearControl$.subscribe((D) => {
+      D === !0 && g(!1);
+    }), v = l.changeStart$.subscribe((D) => {
       var M;
-      const { objects: _ } = b, E = m(_, e);
-      if (E.length === 0)
+      const { objects: _ } = D, T = m(_, t);
+      if (T.length === 0)
         g(!1);
-      else if (E.length >= 1) {
+      else if (T.length >= 1) {
         g(!0);
-        const y = ((M = E[0]) == null ? void 0 : M.anchorType) || U.Position;
+        const y = ((M = T[0]) == null ? void 0 : M.anchorType) || U.Position;
         p(y);
       }
     });
     return () => {
-      v.unsubscribe(), D.unsubscribe();
+      v.unsubscribe(), b.unsubscribe();
     };
   }, []);
-  function w(D) {
-    p(D);
-    const v = e.getFocusDrawings();
+  function w(b) {
+    p(b);
+    const v = t.getFocusDrawings();
     if (v.length === 0)
       return;
-    const b = v.map((_) => ({
+    const D = v.map((_) => ({
       unitId: _.unitId,
       subUnitId: _.subUnitId,
       drawingId: _.drawingId,
-      anchorType: D
+      anchorType: b
     }));
-    n.executeCommand(Yt.id, {
+    n.executeCommand(Gt.id, {
       unitId: v[0].unitId,
-      drawings: b
+      drawings: D
     });
   }
-  const S = (D) => D ? "block" : "none";
-  return /* @__PURE__ */ Tt("div", { className: Dt(ve.imageCommonPanelGrid, ve.imageCommonPanelBorder), style: { display: S(l) }, children: [
-    /* @__PURE__ */ ee("div", { className: ve.imageCommonPanelRow, children: /* @__PURE__ */ ee("div", { className: Dt(ve.imageCommonPanelColumn, ve.imageCommonPanelTitle), children: /* @__PURE__ */ ee("div", { children: t.t("drawing-anchor.title") }) }) }),
-    /* @__PURE__ */ ee("div", { className: Dt(ve.imageCommonPanelRow), children: /* @__PURE__ */ ee("div", { className: Dt(ve.imageCommonPanelColumn), children: /* @__PURE__ */ Tt(ss, { value: f, onChange: w, direction: "vertical", children: [
-      /* @__PURE__ */ ee(Jt, { value: U.Both, children: t.t("drawing-anchor.both") }),
-      /* @__PURE__ */ ee(Jt, { value: U.Position, children: t.t("drawing-anchor.position") }),
-      /* @__PURE__ */ ee(Jt, { value: U.None, children: t.t("drawing-anchor.none") })
+  const S = (b) => b ? "block" : "none";
+  return /* @__PURE__ */ Tt("div", { className: It(ve.imageCommonPanelGrid, ve.imageCommonPanelBorder), style: { display: S(d) }, children: [
+    /* @__PURE__ */ ee("div", { className: ve.imageCommonPanelRow, children: /* @__PURE__ */ ee("div", { className: It(ve.imageCommonPanelColumn, ve.imageCommonPanelTitle), children: /* @__PURE__ */ ee("div", { children: e.t("drawing-anchor.title") }) }) }),
+    /* @__PURE__ */ ee("div", { className: It(ve.imageCommonPanelRow), children: /* @__PURE__ */ ee("div", { className: It(ve.imageCommonPanelColumn), children: /* @__PURE__ */ Tt(cs, { value: f, onChange: w, direction: "vertical", children: [
+      /* @__PURE__ */ ee(qt, { value: U.Both, children: e.t("drawing-anchor.both") }),
+      /* @__PURE__ */ ee(qt, { value: U.Position, children: e.t("drawing-anchor.position") }),
+      /* @__PURE__ */ ee(qt, { value: U.None, children: e.t("drawing-anchor.none") })
     ] }) }) })
   ] });
-}, to = () => {
-  const i = Te(oe), n = i.getFocusDrawings(), [t, e] = rn(n);
-  return ln(() => {
+}, io = () => {
+  const i = Te(oe), n = i.getFocusDrawings(), [e, t] = sn(n);
+  return gn(() => {
     const r = i.focus$.subscribe((s) => {
-      e(s);
+      t(s);
     });
     return () => {
       r.unsubscribe();
     };
-  }, []), !!(t != null && t.length) && /* @__PURE__ */ Tt("div", { className: ve.imageCommonPanel, children: [
-    /* @__PURE__ */ ee(ui, { drawings: t }),
-    /* @__PURE__ */ ee(eo, { drawings: t })
+  }, []), !!(e != null && e.length) && /* @__PURE__ */ Tt("div", { className: ve.imageCommonPanel, children: [
+    /* @__PURE__ */ ee(fi, { drawings: e }),
+    /* @__PURE__ */ ee(ro, { drawings: e })
   ] });
-}, no = {
-  [Ai.FORMULAS_INSERT]: {
-    [br]: {
+}, so = {
+  [ji.FORMULAS_INSERT]: {
+    [Nr]: {
       order: 3,
-      menuItemFactory: Xs,
-      [Gt.id]: {
+      menuItemFactory: zs,
+      [Xt.id]: {
         order: 0,
-        menuItemFactory: Vs
+        menuItemFactory: Ks
       },
-      [un.id]: {
+      [fn.id]: {
         order: 1,
-        menuItemFactory: Hs
+        menuItemFactory: Zs
       }
     }
   }
 };
 function it(i) {
-  return !i.getContextValue(Vr) && !i.getContextValue(Hr) && !i.getContextValue(zr) && i.getContextValue(Le);
+  return !i.getContextValue(Kr) && !i.getContextValue(Zr) && !i.getContextValue(Jr) && i.getContextValue(Fe);
 }
-const ro = {
+const oo = {
   id: rt.id,
   description: "shortcut.sheet.drawing-move-down",
   group: "4_sheet-drawing-view",
-  binding: Fe.ARROW_DOWN,
+  binding: Ye.ARROW_DOWN,
   priority: 100,
   preconditions: it,
   staticParameters: {
     direction: Ie.DOWN
   }
-}, io = {
+}, ao = {
   id: rt.id,
   description: "shortcut.sheet.drawing-move-up",
   group: "4_sheet-drawing-view",
-  binding: Fe.ARROW_UP,
+  binding: Ye.ARROW_UP,
   priority: 100,
   preconditions: it,
   staticParameters: {
     direction: Ie.UP
   }
-}, so = {
+}, co = {
   id: rt.id,
   description: "shortcut.sheet.drawing-move-left",
   group: "4_sheet-drawing-view",
-  binding: Fe.ARROW_LEFT,
+  binding: Ye.ARROW_LEFT,
   priority: 100,
   preconditions: it,
   staticParameters: {
     direction: Ie.LEFT
   }
-}, oo = {
+}, lo = {
   id: rt.id,
   description: "shortcut.sheet.drawing-move-right",
   group: "4_sheet-drawing-view",
-  binding: Fe.ARROW_RIGHT,
+  binding: Ye.ARROW_RIGHT,
   priority: 100,
   preconditions: it,
   staticParameters: {
     direction: Ie.RIGHT
   }
-}, ao = {
-  id: Ir.id,
+}, uo = {
+  id: Pr.id,
   description: "shortcut.sheet.drawing-delete",
   group: "4_sheet-drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
   preconditions: it,
-  binding: Fe.DELETE,
-  mac: Fe.BACKSPACE
+  binding: Ye.DELETE,
+  mac: Ye.BACKSPACE
 };
-var co = Object.getOwnPropertyDescriptor, lo = (i, n, t, e) => {
-  for (var r = e > 1 ? void 0 : e ? co(n, t) : n, s = i.length - 1, o; s >= 0; s--)
+var ho = Object.getOwnPropertyDescriptor, go = (i, n, e, t) => {
+  for (var r = t > 1 ? void 0 : t ? ho(n, e) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, $e = (i, n) => (t, e) => n(t, e, i);
-let Bt = class extends le {
-  constructor(i, n, t, e, r, s) {
-    super(), this._componentManager = i, this._menuManagerService = n, this._commandService = t, this._shortcutService = e, this._drawingManagerService = r, this._sheetsSelectionsService = s, this._init();
+}, xe = (i, n) => (e, t) => n(e, t, i);
+let Wt = class extends le {
+  constructor(i, n, e, t, r, s) {
+    super(), this._componentManager = i, this._menuManagerService = n, this._commandService = e, this._shortcutService = t, this._drawingManagerService = r, this._sheetsSelectionsService = s, this._init();
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(Cr, Sr)), this.disposeWithMe(i.register(lr, to));
+    this.disposeWithMe(i.register(Ar, Ur)), this.disposeWithMe(i.register(Cr, io));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(no);
+    this._menuManagerService.mergeMenu(so);
   }
   _initCommands() {
     [
-      Gt,
-      un,
-      Ft,
-      nt,
+      Xt,
+      fn,
       Yt,
-      ur,
-      x,
-      hr,
-      gr,
-      mr,
+      nt,
+      Gt,
+      br,
+      L,
+      Dr,
+      Rr,
+      yr,
       rt,
-      Ir,
-      fr
+      Pr,
+      Mr
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      ro,
-      io,
-      so,
       oo,
-      ao
+      ao,
+      co,
+      lo,
+      uo
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -2606,21 +2694,21 @@ let Bt = class extends le {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-Bt = lo([
-  $e(0, N(Ni)),
-  $e(1, ki),
-  $e(2, G),
-  $e(3, Bi),
-  $e(4, oe),
-  $e(5, N(dn))
-], Bt);
-var uo = Object.getOwnPropertyDescriptor, ho = (i, n, t, e) => {
-  for (var r = e > 1 ? void 0 : e ? uo(n, t) : n, s = i.length - 1, o; s >= 0; s--)
+Wt = go([
+  xe(0, N($i)),
+  xe(1, xi),
+  xe(2, G),
+  xe(3, Li),
+  xe(4, oe),
+  xe(5, N(hn))
+], Wt);
+var fo = Object.getOwnPropertyDescriptor, mo = (i, n, e, t) => {
+  for (var r = t > 1 ? void 0 : t ? fo(n, e) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Me = (i, n) => (t, e) => n(t, e, i);
-function go(i, n, t, e, r) {
-  const { scaleX: s, scaleY: o } = n.getAncestorScale(), a = n.getViewport($n.VIEW_MAIN), c = e.getFreeze(), { startColumn: u, startRow: d, xSplit: l, ySplit: g } = c, h = {
+}, ye = (i, n) => (e, t) => n(e, t, i);
+function po(i, n, e, t, r) {
+  const { scaleX: s, scaleY: o } = n.getAncestorScale(), a = n.getViewport(qn.VIEW_MAIN), c = t.getFreeze(), { startColumn: u, startRow: l, xSplit: d, ySplit: g } = c, h = {
     left: !0,
     // left means the left of pic is in a viewMainLeft
     top: !0
@@ -2631,19 +2719,19 @@ function go(i, n, t, e, r) {
       absolute: h
     };
   const { left: f, right: p, top: m, bottom: w } = i;
-  let { top: S, left: C, viewportScrollX: D, viewportScrollY: v } = a;
-  const { boundsOfViewArea: b, scrollDirectionResponse: _ } = r || {}, { rowHeaderWidth: E, columnHeaderHeight: M } = t, y = {
+  let { top: S, left: C, viewportScrollX: b, viewportScrollY: v } = a;
+  const { boundsOfViewArea: D, scrollDirectionResponse: _ } = r || {}, { rowHeaderWidth: T, columnHeaderHeight: M } = e, y = {
     top: M,
-    left: E
+    left: T
   };
-  b && (ye.isDefine(y.top) && (y.top = b.top), ye.isDefine(y.left) && (y.left = b.left)), _ === "HORIZONTAL" && (v = 0), _ === "VERTICAL" && (D = 0);
-  let T = 0, I = 0;
-  const R = t.rowStartY(d - g) + M, O = t.colStartX(u - l) + E, B = t.rowStartY(d) + M, K = t.colStartX(u) + E;
-  if (l === 0)
-    h.left = !1, T = (f - D) * s, I = (p - D) * s;
+  D && (Ee.isDefine(y.top) && (y.top = D.top), Ee.isDefine(y.left) && (y.left = D.left)), _ === "HORIZONTAL" && (v = 0), _ === "VERTICAL" && (b = 0);
+  let E = 0, I = 0;
+  const R = e.rowStartY(l - g) + M, O = e.colStartX(u - d) + T, B = e.rowStartY(l) + M, K = e.colStartX(u) + T;
+  if (d === 0)
+    h.left = !1, E = (f - b) * s, I = (p - b) * s;
   else {
-    const X = f - (O - E), J = p - (O - E);
-    p < K ? (T = X * s, I = J * s) : f <= K && p >= K ? (T = X * s, I = Math.max(C, (p - D) * s)) : f > K && (h.left = !1, T = Math.max((f - D) * s, C), I = Math.max((p - D) * s, C));
+    const X = f - (O - T), J = p - (O - T);
+    p < K ? (E = X * s, I = J * s) : f <= K && p >= K ? (E = X * s, I = Math.max(C, (p - b) * s)) : f > K && (h.left = !1, E = Math.max((f - b) * s, C), I = Math.max((p - b) * s, C));
   }
   let Z = 0, Y = 0;
   if (g === 0)
@@ -2652,34 +2740,34 @@ function go(i, n, t, e, r) {
     const X = m - (R - M), J = w - (R - M);
     w < B ? (Z = X * o, Y = J * o) : m <= B && w >= B ? (Z = X * o, Y = Math.max(S, (w - v) * o)) : m > B && (h.top = !1, Z = Math.max((m - v) * o, S), Y = Math.max((w - v) * o, S));
   }
-  return T = Math.max(T, y.left), Z = Math.max(Z, y.top), I = Math.max(I, y.left), Y = Math.max(Y, y.top), {
-    left: T,
+  return E = Math.max(E, y.left), Z = Math.max(Z, y.top), I = Math.max(I, y.left), Y = Math.max(Y, y.top), {
+    left: E,
     right: I,
     top: Z,
     bottom: Y,
     absolute: h
   };
 }
-const fe = (i, n, t, e, r) => {
-  const { scene: s } = n, { left: o, top: a, width: c, height: u, angle: d } = i, l = {
+const fe = (i, n, e, t, r) => {
+  const { scene: s } = n, { left: o, top: a, width: c, height: u, angle: l } = i, d = {
     left: o,
     right: o + c,
     top: a,
     bottom: a + u
-  }, g = go(l, s, t, e, r), { scaleX: h, scaleY: f } = s.getAncestorScale();
+  }, g = po(d, s, e, t, r), { scaleX: h, scaleY: f } = s.getAncestorScale();
   return {
     startX: g.left,
     endX: g.right,
     startY: g.top,
     endY: g.bottom,
-    rotate: d,
+    rotate: l,
     width: c * h,
     height: u * f,
     absolute: g.absolute
   };
 };
-let Wt = class extends le {
-  constructor(n, t, e, r, s, o, a) {
+let jt = class extends le {
+  constructor(n, e, t, r, s, o, a) {
     super();
     /**
      * for update dom container position when scrolling and zoom
@@ -2689,17 +2777,17 @@ let Wt = class extends le {
      * for update dom container position when scrolling and zoom
      */
     Q(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
-    Q(this, "_transformChange$", new Zt());
+    Q(this, "_transformChange$", new Jt());
     Q(this, "transformChange$", this._transformChange$.asObservable());
-    Q(this, "_add$", new Zt());
+    Q(this, "_add$", new Jt());
     Q(this, "add$", this._add$.asObservable());
-    Q(this, "_remove$", new Zt());
+    Q(this, "_remove$", new Jt());
     Q(this, "remove$", this._remove$.asObservable());
     Q(this, "_hooks", []);
-    this._renderManagerService = n, this._univerInstanceService = t, this._commandService = e, this._drawingManagerService = r, this._canvasFloatDomService = s, this._sheetDrawingService = o, this._lifecycleService = a, this._drawingAddListener(), this._featureUpdateListener(), this._deleteListener(), this._bindScrollEvent();
+    this._renderManagerService = n, this._univerInstanceService = e, this._commandService = t, this._drawingManagerService = r, this._canvasFloatDomService = s, this._sheetDrawingService = o, this._lifecycleService = a, this._drawingAddListener(), this._featureUpdateListener(), this._deleteListener(), this._bindScrollEvent();
   }
   _bindScrollEvent() {
-    this._lifecycleService.lifecycle$.pipe(ji((n) => n === Zr.Rendered), $i(1)).subscribe(() => {
+    this._lifecycleService.lifecycle$.pipe(Yi((n) => n === Qr.Rendered), Gi(1)).subscribe(() => {
       this._scrollUpdateListener();
     });
   }
@@ -2708,11 +2796,11 @@ let Wt = class extends le {
    * @param unitId
    * @param subUnitId
    */
-  _ensureMap(n, t) {
-    let e = this._domLayerMap.get(n);
-    e || (e = /* @__PURE__ */ new Map(), this._domLayerMap.set(n, e));
-    let r = e.get(t);
-    return r || (r = /* @__PURE__ */ new Map(), e.set(t, r)), r;
+  _ensureMap(n, e) {
+    let t = this._domLayerMap.get(n);
+    t || (t = /* @__PURE__ */ new Map(), this._domLayerMap.set(n, t));
+    let r = t.get(e);
+    return r || (r = /* @__PURE__ */ new Map(), t.set(e, r)), r;
   }
   getFloatDomInfo(n) {
     return this._domLayerInfoMap.get(n);
@@ -2720,66 +2808,66 @@ let Wt = class extends le {
   _getSceneAndTransformerByDrawingSearch(n) {
     if (n == null)
       return;
-    const t = this._renderManagerService.getRenderById(n), e = t == null ? void 0 : t.scene;
-    if (t == null || e == null)
+    const e = this._renderManagerService.getRenderById(n), t = e == null ? void 0 : e.scene;
+    if (e == null || t == null)
       return null;
-    const r = e.getTransformerByCreate(), s = t.engine.getCanvasElement();
-    return { scene: e, transformer: r, renderUnit: t, canvas: s };
+    const r = t.getTransformerByCreate(), s = e.engine.getCanvasElement();
+    return { scene: t, transformer: r, renderUnit: e, canvas: s };
   }
   _getFloatDomProps(n) {
-    let t;
-    return this._hooks.forEach((e) => {
-      t = e.onGetFloatDomProps(n);
-    }), t;
+    let e;
+    return this._hooks.forEach((t) => {
+      e = t.onGetFloatDomProps(n);
+    }), e;
   }
   _drawingAddListener() {
     this.disposeWithMe(
       this._drawingManagerService.add$.subscribe((n) => {
-        n.forEach((t) => {
+        n.forEach((e) => {
           var J, ce, q;
-          const { unitId: e, subUnitId: r, drawingId: s } = t, o = H(this._univerInstanceService, { unitId: e, subUnitId: r }), a = this._drawingManagerService.getDrawingByParam(t), c = this._univerInstanceService.getUnit(e, F.UNIVER_SHEET);
+          const { unitId: t, subUnitId: r, drawingId: s } = e, o = H(this._univerInstanceService, { unitId: t, subUnitId: r }), a = this._drawingManagerService.getDrawingByParam(e), c = this._univerInstanceService.getUnit(t, F.UNIVER_SHEET);
           if (!c)
             return;
           const u = c.getActiveSheet().getSheetId();
           if (!a || !o)
             return;
-          const d = (J = this._renderManagerService.getRenderById(e)) == null ? void 0 : J.with(V).getSkeletonParam(r);
-          if (!d)
+          const l = (J = this._renderManagerService.getRenderById(t)) == null ? void 0 : J.with(V).getSkeletonParam(r);
+          if (!l)
             return;
-          const { transform: l, drawingType: g, data: h } = a;
-          if (g !== L.DRAWING_DOM && g !== L.DRAWING_CHART)
+          const { transform: d, drawingType: g, data: h } = a;
+          if (g !== x.DRAWING_DOM && g !== x.DRAWING_CHART)
             return;
-          const f = this._getSceneAndTransformerByDrawingSearch(e);
+          const f = this._getSceneAndTransformerByDrawingSearch(t);
           if (f == null)
             return;
           const { scene: p, canvas: m } = f;
-          if (l == null)
+          if (d == null)
             return !0;
           if (u !== r)
             return;
-          const { left: w, top: S, width: C, height: D, angle: v, flipX: b, flipY: _, skewX: E, skewY: M } = l, y = Ce({ unitId: e, subUnitId: r, drawingId: s }), T = p.getObject(y);
-          if (T != null) {
-            T.transformByState({ left: w, top: S, width: C, height: D, angle: v, flipX: b, flipY: _, skewX: E, skewY: M });
+          const { left: w, top: S, width: C, height: b, angle: v, flipX: D, flipY: _, skewX: T, skewY: M } = d, y = be({ unitId: t, subUnitId: r, drawingId: s }), E = p.getObject(y);
+          if (E != null) {
+            E.transformByState({ left: w, top: S, width: C, height: b, angle: v, flipX: D, flipY: _, skewX: T, skewY: M });
             return;
           }
           const I = {
             left: w,
             top: S,
             width: C,
-            height: D,
-            zIndex: this._drawingManagerService.getDrawingOrder(e, r).length - 1
-          }, R = g === L.DRAWING_CHART;
+            height: b,
+            zIndex: this._drawingManagerService.getDrawingOrder(t, r).length - 1
+          }, R = g === x.DRAWING_CHART;
           if (R) {
             const W = h ? h.backgroundColor : "white";
             I.fill = W, I.rotateEnabled = !1, h && h.border && (I.stroke = h.border), I.paintFirst = "stroke", I.strokeWidth = 1, I.borderEnabled = !1, I.radius = 8;
           }
-          const O = new je(y, I);
-          R && O.setObjectType(bn.CHART), p.addObject(O, Kt), a.allowTransform !== !1 && p.attachTransformerTo(O);
-          const B = this._ensureMap(e, r), K = new _t(), Z = fe(O, f.renderUnit, d.skeleton, o.worksheet), Y = new Ze(Z), me = {
+          const O = new $e(y, I);
+          R && O.setObjectType(An.CHART), p.addObject(O, Zt), a.allowTransform !== !1 && p.attachTransformerTo(O);
+          const B = this._ensureMap(t, r), K = new _t(), Z = fe(O, f.renderUnit, l.skeleton, o.worksheet), Y = new Ze(Z), me = {
             dispose: K,
             rect: O,
             position$: Y,
-            unitId: e,
+            unitId: t,
             subUnitId: r
           };
           this._canvasFloatDomService.addFloatDom({
@@ -2800,10 +2888,10 @@ let Wt = class extends le {
             },
             props: (q = (ce = B.get(s)) == null ? void 0 : ce.props) != null ? q : this._getFloatDomProps(s),
             data: h,
-            unitId: e
+            unitId: t
           });
           const X = O.onTransformChange$.subscribeEvent(() => {
-            const W = fe(O, f.renderUnit, d.skeleton, o.worksheet);
+            const W = fe(O, f.renderUnit, l.skeleton, o.worksheet);
             Y.next(
               W
             );
@@ -2817,95 +2905,95 @@ let Wt = class extends le {
       })
     ), this.disposeWithMe(
       this._drawingManagerService.remove$.subscribe((n) => {
-        n.forEach((t) => {
-          const { unitId: e, subUnitId: r, drawingId: s } = t, o = Ce({ unitId: e, subUnitId: r, drawingId: s }), a = this._getSceneAndTransformerByDrawingSearch(e);
+        n.forEach((e) => {
+          const { unitId: t, subUnitId: r, drawingId: s } = e, o = be({ unitId: t, subUnitId: r, drawingId: s }), a = this._getSceneAndTransformerByDrawingSearch(t);
           if (a == null)
             return;
-          const { transformer: c, scene: u } = a, d = u.getObject(o);
-          d != null && d.oKey && c.clearControlByIds([d == null ? void 0 : d.oKey]);
+          const { transformer: c, scene: u } = a, l = u.getObject(o);
+          l != null && l.oKey && c.clearControlByIds([l == null ? void 0 : l.oKey]);
         });
       })
     );
   }
   _scrollUpdateListener() {
-    const n = (t, e) => {
+    const n = (e, t) => {
       var u;
-      const r = this._getSceneAndTransformerByDrawingSearch(t), s = this._ensureMap(t, e), o = Array.from(s.keys()), a = H(this._univerInstanceService, { unitId: t, subUnitId: e }), c = (u = this._renderManagerService.getRenderById(t)) == null ? void 0 : u.with(V).getSkeletonParam(e);
-      !r || !a || !c || o.forEach((d) => {
-        const l = this._domLayerInfoMap.get(d);
-        if (l) {
-          const g = fe(l.rect, r.renderUnit, c.skeleton, a.worksheet, l);
-          l.position$.next(g);
+      const r = this._getSceneAndTransformerByDrawingSearch(e), s = this._ensureMap(e, t), o = Array.from(s.keys()), a = H(this._univerInstanceService, { unitId: e, subUnitId: t }), c = (u = this._renderManagerService.getRenderById(e)) == null ? void 0 : u.with(V).getSkeletonParam(t);
+      !r || !a || !c || o.forEach((l) => {
+        const d = this._domLayerInfoMap.get(l);
+        if (d) {
+          const g = fe(d.rect, r.renderUnit, c.skeleton, a.worksheet, d);
+          d.position$.next(g);
         }
       });
     };
     this.disposeWithMe(
       this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET).pipe(
-        Se((t) => t ? t.activeSheet$ : En(null)),
-        Ee((t) => {
-          if (!t) return null;
-          const e = t.getUnitId(), r = this._renderManagerService.getRenderById(e);
-          return r ? { render: r, unitId: e, subUnitId: t.getSheetId() } : null;
+        Se((e) => e ? e.activeSheet$ : $n(null)),
+        Oe((e) => {
+          if (!e) return null;
+          const t = e.getUnitId(), r = this._renderManagerService.getRenderById(t);
+          return r ? { render: r, unitId: t, subUnitId: e.getSheetId() } : null;
         }),
         Se(
-          (t) => t ? Jr(t.render.scene.getViewport($n.VIEW_MAIN).onScrollAfter$).pipe(Ee(() => ({ unitId: t.unitId, subUnitId: t.subUnitId }))) : En(null)
+          (e) => e ? ei(e.render.scene.getViewport(qn.VIEW_MAIN).onScrollAfter$).pipe(Oe(() => ({ unitId: e.unitId, subUnitId: e.subUnitId }))) : $n(null)
         )
-      ).subscribe((t) => {
-        if (!t) return;
-        const { unitId: e, subUnitId: r } = t;
-        n(e, r);
+      ).subscribe((e) => {
+        if (!e) return;
+        const { unitId: t, subUnitId: r } = e;
+        n(t, r);
       })
-    ), this.disposeWithMe(this._commandService.onCommandExecuted((t) => {
-      var e, r;
-      if (t.id === Dn.id) {
-        const s = t.params, { unitId: o } = s;
-        Array.from((r = (e = this._domLayerMap.get(o)) == null ? void 0 : e.keys()) != null ? r : []).forEach((c) => {
+    ), this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
+      var t, r;
+      if (e.id === kn.id) {
+        const s = e.params, { unitId: o } = s;
+        Array.from((r = (t = this._domLayerMap.get(o)) == null ? void 0 : t.keys()) != null ? r : []).forEach((c) => {
           n(o, c);
         });
-      } else if (t.id === Qi.id) {
-        const { unitId: s, subUnitId: o } = t.params;
+      } else if (e.id === rs.id) {
+        const { unitId: s, subUnitId: o } = e.params;
         n(s, o);
       }
     }));
   }
-  _getPosition(n, t) {
+  _getPosition(n, e) {
     var g;
-    const { startX: e, endX: r, startY: s, endY: o } = n, a = (g = this._renderManagerService.getRenderById(t)) == null ? void 0 : g.with(Xe);
+    const { startX: t, endX: r, startY: s, endY: o } = n, a = (g = this._renderManagerService.getRenderById(e)) == null ? void 0 : g.with(Xe);
     if (a == null)
       return;
-    const c = a.getCellWithCoordByOffset(e, s);
+    const c = a.getCellWithCoordByOffset(t, s);
     if (c == null)
       return;
     const u = {
       column: c.actualColumn,
-      columnOffset: e - c.startX,
+      columnOffset: t - c.startX,
       row: c.actualRow,
       rowOffset: s - c.startY
-    }, d = a.getCellWithCoordByOffset(r, o);
-    if (d == null)
+    }, l = a.getCellWithCoordByOffset(r, o);
+    if (l == null)
       return;
-    const l = {
-      column: d.actualColumn,
-      columnOffset: r - d.startX,
-      row: d.actualRow,
-      rowOffset: o - d.startY
+    const d = {
+      column: l.actualColumn,
+      columnOffset: r - l.startX,
+      row: l.actualRow,
+      rowOffset: o - l.startY
     };
     return {
       from: u,
-      to: l
+      to: d
     };
   }
   _featureUpdateListener() {
     this.disposeWithMe(
       this._drawingManagerService.update$.subscribe((n) => {
-        n.forEach((t) => {
-          const e = this._drawingManagerService.getDrawingByParam(t);
-          if (!e || e.drawingType !== L.DRAWING_DOM && e.drawingType !== L.DRAWING_CHART)
+        n.forEach((e) => {
+          const t = this._drawingManagerService.getDrawingByParam(e);
+          if (!t || t.drawingType !== x.DRAWING_DOM && t.drawingType !== x.DRAWING_CHART)
             return;
           const r = {
-            ...e.transform
+            ...t.transform
           };
-          this._transformChange$.next({ id: t.drawingId, value: r });
+          this._transformChange$.next({ id: e.drawingId, value: r });
         });
       })
     );
@@ -2913,38 +3001,38 @@ let Wt = class extends le {
   _deleteListener() {
     this.disposeWithMe(
       this._drawingManagerService.remove$.subscribe((n) => {
-        n.forEach((t) => {
-          this._removeDom(t.drawingId);
+        n.forEach((e) => {
+          this._removeDom(e.drawingId);
         });
       })
     );
   }
-  updateFloatDomProps(n, t, e, r) {
-    const s = this._domLayerInfoMap.get(e), o = this._getSceneAndTransformerByDrawingSearch(n);
+  updateFloatDomProps(n, e, t, r) {
+    const s = this._domLayerInfoMap.get(t), o = this._getSceneAndTransformerByDrawingSearch(n);
     if (s && o) {
-      const { scene: a } = o, c = Ce({ unitId: n, subUnitId: t, drawingId: e }), u = a.getObject(c);
-      u && u instanceof je && u.setProps(r);
+      const { scene: a } = o, c = be({ unitId: n, subUnitId: e, drawingId: t }), u = a.getObject(c);
+      u && u instanceof $e && u.setProps(r);
     }
   }
   // CreateFloatDomCommand --> floatDomService.addFloatDomToPosition
-  addFloatDomToPosition(n, t) {
-    const e = H(this._univerInstanceService, {
+  addFloatDomToPosition(n, e) {
+    const t = H(this._univerInstanceService, {
       unitId: n.unitId,
       subUnitId: n.subUnitId
     });
-    if (!e)
+    if (!t)
       throw new Error("cannot find current target!");
-    const { unitId: r, subUnitId: s } = e, { initPosition: o, componentKey: a, data: c, allowTransform: u = !0 } = n, d = t != null ? t : Ht(), l = this._getPosition(o, r);
-    if (l == null)
+    const { unitId: r, subUnitId: s } = t, { initPosition: o, componentKey: a, data: c, allowTransform: u = !0 } = n, l = e != null ? e : Et(), d = this._getPosition(o, r);
+    if (d == null)
       return;
-    this._ensureMap(r, s).set(d, n);
+    this._ensureMap(r, s).set(l, n);
     const h = {
       unitId: r,
       subUnitId: s,
-      drawingId: d,
-      drawingType: n.type || L.DRAWING_DOM,
+      drawingId: l,
+      drawingType: n.type || x.DRAWING_DOM,
       componentKey: a,
-      sheetTransform: l,
+      sheetTransform: d,
       transform: {
         left: o.startX,
         top: o.startY,
@@ -2954,46 +3042,46 @@ let Wt = class extends le {
       data: c,
       allowTransform: u
     };
-    return this._commandService.executeCommand(Ft.id, {
+    return this._commandService.executeCommand(Yt.id, {
       unitId: r,
       drawings: [h]
-    }), this._add$.next({ unitId: r, subUnitId: s, id: d }), {
-      id: d,
+    }), this._add$.next({ unitId: r, subUnitId: s, id: l }), {
+      id: l,
       dispose: () => {
-        this._removeDom(d, !0);
+        this._removeDom(l, !0);
       }
     };
   }
-  _removeDom(n, t = !1) {
-    const e = this._domLayerInfoMap.get(n);
-    if (!e)
+  _removeDom(n, e = !1) {
+    const t = this._domLayerInfoMap.get(n);
+    if (!t)
       return;
-    const { unitId: r, subUnitId: s } = e;
-    this._domLayerInfoMap.delete(n), e.dispose.dispose();
+    const { unitId: r, subUnitId: s } = t;
+    this._domLayerInfoMap.delete(n), t.dispose.dispose();
     const o = this._getSceneAndTransformerByDrawingSearch(r);
-    if (o && o.scene.removeObject(e.rect), t) {
+    if (o && o.scene.removeObject(t.rect), e) {
       this._ensureMap(r, s).delete(n);
       const c = this._drawingManagerService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: n });
       if (!c)
         return;
-      const u = this._sheetDrawingService.getBatchRemoveOp([c]), { redo: d, objects: l } = u;
-      this._commandService.syncExecuteCommand(A.id, { unitId: r, subUnitId: s, op: d, objects: l, type: P.REMOVE });
+      const u = this._sheetDrawingService.getBatchRemoveOp([c]), { redo: l, objects: d } = u;
+      this._commandService.syncExecuteCommand(A.id, { unitId: r, subUnitId: s, op: l, objects: d, type: P.REMOVE });
     }
   }
   addHook(n) {
     return this._hooks.push(n), {
       dispose: () => {
-        const t = this._hooks.findIndex((e) => e === n);
-        this._hooks.splice(t, 1);
+        const e = this._hooks.findIndex((t) => t === n);
+        this._hooks.splice(e, 1);
       }
     };
   }
   // eslint-disable-next-line max-lines-per-function, complexity
-  addFloatDomToRange(n, t, e, r) {
-    var _, E, M, y, T;
+  addFloatDomToRange(n, e, t, r) {
+    var _, T, M, y, E;
     const s = H(this._univerInstanceService, {
-      unitId: t.unitId,
-      subUnitId: t.subUnitId
+      unitId: e.unitId,
+      subUnitId: e.subUnitId
     });
     if (!s)
       throw new Error("cannot find current target!");
@@ -3001,18 +3089,18 @@ let Wt = class extends le {
     if (!c) return;
     const u = this._renderManagerService.getRenderById(o);
     if (!u) return;
-    const d = (_ = this._renderManagerService.getRenderById(o)) == null ? void 0 : _.with(V).getWorksheetSkeleton(a);
-    if (!d) return;
-    const { componentKey: l, data: g, allowTransform: h = !0 } = t, f = r != null ? r : Ht(), { position: p, position$: m } = this._createRangePositionObserver(n, u, d.skeleton);
+    const l = (_ = this._renderManagerService.getRenderById(o)) == null ? void 0 : _.with(V).getWorksheetSkeleton(a);
+    if (!l) return;
+    const { componentKey: d, data: g, allowTransform: h = !0 } = e, f = r != null ? r : Et(), { position: p, position$: m } = this._createRangePositionObserver(n, u, l.skeleton);
     if (this._getPosition(p, o) == null)
       return;
-    this._ensureMap(o, a).set(f, t);
-    const C = c.scene, { scaleX: D } = C.getAncestorScale(), v = Mt(p, e, D), b = {
+    this._ensureMap(o, a).set(f, e);
+    const C = c.scene, { scaleX: b } = C.getAncestorScale(), v = Mt(p, t, b), D = {
       unitId: o,
       subUnitId: a,
       drawingId: f,
-      drawingType: t.type || L.DRAWING_DOM,
-      componentKey: l,
+      drawingType: e.type || x.DRAWING_DOM,
+      componentKey: d,
       transform: {
         left: v.startX,
         top: v.startY,
@@ -3023,30 +3111,30 @@ let Wt = class extends le {
       allowTransform: h
     };
     {
-      const { unitId: I, subUnitId: R, drawingId: O } = b, B = H(this._univerInstanceService, { unitId: I, subUnitId: R }), K = b, Z = this._univerInstanceService.getUnit(I, F.UNIVER_SHEET);
+      const { unitId: I, subUnitId: R, drawingId: O } = D, B = H(this._univerInstanceService, { unitId: I, subUnitId: R }), K = D, Z = this._univerInstanceService.getUnit(I, F.UNIVER_SHEET);
       if (!Z)
         return;
       const Y = Z.getActiveSheet().getSheetId();
       if (!K || !B)
         return;
-      const me = (E = this._renderManagerService.getRenderById(I)) == null ? void 0 : E.with(V);
+      const me = (T = this._renderManagerService.getRenderById(I)) == null ? void 0 : T.with(V);
       if (!me)
         return;
       const X = me.getWorksheetSkeleton(R);
       if (!X)
         return;
       const { transform: J, drawingType: ce, data: q } = K;
-      if (ce !== L.DRAWING_DOM && ce !== L.DRAWING_CHART)
+      if (ce !== x.DRAWING_DOM && ce !== x.DRAWING_CHART)
         return;
       const W = this._getSceneAndTransformerByDrawingSearch(I);
       if (W == null)
         return;
-      const { scene: Oe, canvas: Ue } = W;
+      const { scene: Ue, canvas: Pe } = W;
       if (J == null || Y !== R)
         return;
-      const { left: st, top: ot, width: at, height: ct, angle: Xt, flipX: Vt, flipY: dt, skewX: lt, skewY: Pe } = J, ut = Ce({ unitId: I, subUnitId: R, drawingId: O }), ue = Oe.getObject(ut);
+      const { left: st, top: ot, width: at, height: ct, angle: Vt, flipX: Ht, flipY: dt, skewX: lt, skewY: Ae } = J, ut = be({ unitId: I, subUnitId: R, drawingId: O }), ue = Ue.getObject(ut);
       if (ue != null) {
-        ue.transformByState({ left: st, top: ot, width: at, height: ct, angle: Xt, flipX: Vt, flipY: dt, skewX: lt, skewY: Pe });
+        ue.transformByState({ left: st, top: ot, width: at, height: ct, angle: Vt, flipX: Ht, flipY: dt, skewX: lt, skewY: Ae });
         return;
       }
       const re = {
@@ -3056,29 +3144,29 @@ let Wt = class extends le {
         width: at,
         height: ct,
         zIndex: this._drawingManagerService.getDrawingOrder(I, R).length - 1
-      }, Ae = ce === L.DRAWING_CHART;
-      if (Ae) {
+      }, Ne = ce === x.DRAWING_CHART;
+      if (Ne) {
         const k = q ? q.backgroundColor : "white";
         re.fill = k, re.rotateEnabled = !1, q && q.border && (re.stroke = q.border), re.paintFirst = "stroke", re.strokeWidth = 1, re.borderEnabled = !1, re.radius = 8;
       }
-      const de = new je(ut, re);
-      Ae && de.setObjectType(bn.CHART), Oe.addObject(de, Kt), K.allowTransform !== !1 && Oe.attachTransformerTo(de);
-      const Ve = this._ensureMap(I, R), he = new _t(), ht = Oe.getMainViewport(), { rowHeaderWidth: Ne, columnHeaderHeight: He } = X.skeleton, gt = {
+      const de = new $e(ut, re);
+      Ne && de.setObjectType(An.CHART), Ue.addObject(de, Zt), K.allowTransform !== !1 && Ue.attachTransformerTo(de);
+      const Ve = this._ensureMap(I, R), he = new _t(), ht = Ue.getMainViewport(), { rowHeaderWidth: ke, columnHeaderHeight: He } = X.skeleton, gt = {
         top: He,
-        left: Ne,
+        left: ke,
         bottom: ht.bottom,
         right: ht.right
       }, ge = {
         dispose: he,
         rect: de,
         boundsOfViewArea: gt,
-        domAnchor: e,
+        domAnchor: t,
         unitId: I,
         subUnitId: R
-      }, j = fe(de, W.renderUnit, X.skeleton, B.worksheet, ge), ke = new Ze(j);
-      ge.position$ = ke;
+      }, j = fe(de, W.renderUnit, X.skeleton, B.worksheet, ge), Be = new Ze(j);
+      ge.position$ = Be;
       let ze = {
-        position$: ke,
+        position$: Be,
         id: O,
         componentKey: K.componentKey,
         onPointerDown: () => {
@@ -3088,52 +3176,52 @@ let Wt = class extends le {
         onPointerUp: () => {
         },
         onWheel: (k) => {
-          Ue.dispatchEvent(new WheelEvent(k.type, k));
+          Pe.dispatchEvent(new WheelEvent(k.type, k));
         },
         props: (y = (M = Ve.get(O)) == null ? void 0 : M.props) != null ? y : this._getFloatDomProps(O),
         data: q,
         unitId: I
       };
-      t.eventPassThrough && (ze = {
+      e.eventPassThrough && (ze = {
         ...ze,
         onPointerDown: (k) => {
-          Ue.dispatchEvent(new PointerEvent(k.type, k));
+          Pe.dispatchEvent(new PointerEvent(k.type, k));
         },
         onPointerMove: (k) => {
-          Ue.dispatchEvent(new PointerEvent(k.type, k));
+          Pe.dispatchEvent(new PointerEvent(k.type, k));
         },
         onPointerUp: (k) => {
-          Ue.dispatchEvent(new PointerEvent(k.type, k));
+          Pe.dispatchEvent(new PointerEvent(k.type, k));
         }
       }), this._canvasFloatDomService.addFloatDom(ze), this.disposeWithMe(m.subscribe((k) => {
-        var gn, fn, mn, pn;
-        const hn = Mt({
+        var pn, wn, _n, vn;
+        const mn = Mt({
           startX: k.startX,
           startY: k.startY,
           endX: k.endX,
           endY: k.endY,
-          width: (gn = e.width) != null ? gn : k.width,
-          height: (fn = e.height) != null ? fn : k.height,
+          width: (pn = t.width) != null ? pn : k.width,
+          height: (wn = t.height) != null ? wn : k.height,
           absolute: {
             left: p.absolute.left,
             top: p.absolute.top
           }
-        }, e), Mr = Ce({ unitId: I, subUnitId: R, drawingId: O }), yr = new je(Mr, {
-          left: hn.startX,
-          top: hn.startY,
-          width: (mn = e.width) != null ? mn : k.width,
-          height: (pn = e.height) != null ? pn : k.height,
+        }, t), Br = be({ unitId: I, subUnitId: R, drawingId: O }), Wr = new $e(Br, {
+          left: mn.startX,
+          top: mn.startY,
+          width: (_n = t.width) != null ? _n : k.width,
+          height: (vn = t.height) != null ? vn : k.height,
           zIndex: this._drawingManagerService.getDrawingOrder(I, R).length - 1
-        }), Tr = fe(yr, W.renderUnit, X.skeleton, B.worksheet, ge);
-        ke.next(Tr);
+        }), jr = fe(Wr, W.renderUnit, X.skeleton, B.worksheet, ge);
+        Be.next(jr);
       }));
-      const Ke = (T = this._renderManagerService.getRenderById(I)) == null ? void 0 : T.with(V);
+      const Ke = (E = this._renderManagerService.getRenderById(I)) == null ? void 0 : E.with(V);
       Ke == null || Ke.currentSkeleton$.subscribe((k) => {
         k && X.sheetId !== k.sheetId && this._removeDom(f, !0);
       });
       const ft = de.onTransformChange$.subscribeEvent(() => {
         const k = fe(de, W.renderUnit, X.skeleton, B.worksheet, ge);
-        ke.next(
+        Be.next(
           k
         );
       });
@@ -3150,11 +3238,11 @@ let Wt = class extends le {
       }
     };
   }
-  addFloatDomToColumnHeader(n, t, e, r) {
-    var v, b, _, E, M;
+  addFloatDomToColumnHeader(n, e, t, r) {
+    var v, D, _, T, M;
     const s = H(this._univerInstanceService, {
-      unitId: t.unitId,
-      subUnitId: t.subUnitId
+      unitId: e.unitId,
+      subUnitId: e.subUnitId
     });
     if (!s)
       throw new Error("cannot find current target!");
@@ -3162,23 +3250,23 @@ let Wt = class extends le {
     if (!this._getSceneAndTransformerByDrawingSearch(o)) return;
     const u = this._renderManagerService.getRenderById(o);
     if (!u) return;
-    const d = (v = this._renderManagerService.getRenderById(o)) == null ? void 0 : v.with(V).getWorksheetSkeleton(a);
-    if (!d) return;
-    const { componentKey: l, data: g, allowTransform: h = !0 } = t, f = r != null ? r : Ht(), { position: p, position$: m } = this._createRangePositionObserver({
+    const l = (v = this._renderManagerService.getRenderById(o)) == null ? void 0 : v.with(V).getWorksheetSkeleton(a);
+    if (!l) return;
+    const { componentKey: d, data: g, allowTransform: h = !0 } = e, f = r != null ? r : Et(), { position: p, position$: m } = this._createRangePositionObserver({
       startRow: 0,
       endRow: 0,
       startColumn: n,
       endColumn: n
-    }, u, d.skeleton), w = p;
+    }, u, l.skeleton), w = p;
     if (w.startY = 0, this._getPosition(p, o) == null)
       return;
-    this._ensureMap(o, a).set(f, t);
-    const D = {
+    this._ensureMap(o, a).set(f, e);
+    const b = {
       unitId: o,
       subUnitId: a,
       drawingId: f,
-      drawingType: t.type || L.DRAWING_DOM,
-      componentKey: l,
+      drawingType: e.type || x.DRAWING_DOM,
+      componentKey: d,
       transform: {
         left: w.startX,
         top: w.startY,
@@ -3189,68 +3277,68 @@ let Wt = class extends le {
       allowTransform: h
     };
     {
-      const { unitId: y, subUnitId: T, drawingId: I } = D, R = H(this._univerInstanceService, { unitId: y, subUnitId: T }), O = D, B = this._univerInstanceService.getUnit(y, F.UNIVER_SHEET);
+      const { unitId: y, subUnitId: E, drawingId: I } = b, R = H(this._univerInstanceService, { unitId: y, subUnitId: E }), O = b, B = this._univerInstanceService.getUnit(y, F.UNIVER_SHEET);
       if (!B)
         return;
       const K = B.getActiveSheet().getSheetId();
       if (!O || !R)
         return;
-      const Z = (b = this._renderManagerService.getRenderById(y)) == null ? void 0 : b.with(V);
+      const Z = (D = this._renderManagerService.getRenderById(y)) == null ? void 0 : D.with(V);
       if (!Z)
         return;
-      const Y = Z.getWorksheetSkeleton(T);
+      const Y = Z.getWorksheetSkeleton(E);
       if (!Y)
         return;
       const { transform: me, data: X } = O, J = this._getSceneAndTransformerByDrawingSearch(y);
       if (J == null)
         return;
       const { scene: ce, canvas: q } = J;
-      if (me == null || K !== T)
+      if (me == null || K !== E)
         return;
-      const { left: W, top: Oe, width: Ue, height: st, angle: ot, flipX: at, flipY: ct, skewX: Xt, skewY: Vt } = me, dt = Ce({ unitId: y, subUnitId: T, drawingId: I }), lt = ce.getObject(dt);
+      const { left: W, top: Ue, width: Pe, height: st, angle: ot, flipX: at, flipY: ct, skewX: Vt, skewY: Ht } = me, dt = be({ unitId: y, subUnitId: E, drawingId: I }), lt = ce.getObject(dt);
       if (lt != null) {
-        lt.transformByState({ left: W, top: Oe, width: Ue, height: st, angle: ot, flipX: at, flipY: ct, skewX: Xt, skewY: Vt });
+        lt.transformByState({ left: W, top: Ue, width: Pe, height: st, angle: ot, flipX: at, flipY: ct, skewX: Vt, skewY: Ht });
         return;
       }
-      const Pe = Mt({
+      const Ae = Mt({
         startX: w.startX,
         startY: 0,
         endX: p.endX,
         endY: p.endY,
-        width: e.width,
-        height: e.height,
+        width: t.width,
+        height: t.height,
         absolute: {
           left: p.absolute.left,
           top: p.absolute.top
         }
-      }, e), ut = {
-        left: Pe.startX,
-        top: Pe.startY,
-        width: Pe.width,
-        height: Pe.height,
-        zIndex: this._drawingManagerService.getDrawingOrder(y, T).length - 1
-      }, ue = new je(dt, ut);
-      ce.addObject(ue, Kt), O.allowTransform !== !1 && ce.attachTransformerTo(ue);
-      const re = this._ensureMap(y, T), Ae = new _t(), de = ce.getMainViewport(), Ve = {
+      }, t), ut = {
+        left: Ae.startX,
+        top: Ae.startY,
+        width: Ae.width,
+        height: Ae.height,
+        zIndex: this._drawingManagerService.getDrawingOrder(y, E).length - 1
+      }, ue = new $e(dt, ut);
+      ce.addObject(ue, Zt), O.allowTransform !== !1 && ce.attachTransformerTo(ue);
+      const re = this._ensureMap(y, E), Ne = new _t(), de = ce.getMainViewport(), Ve = {
         top: 0,
         //viewMain.top,
         left: de.left,
         bottom: de.bottom,
         right: de.right
       }, he = {
-        dispose: Ae,
+        dispose: Ne,
         rect: ue,
         // position$,
         unitId: y,
-        subUnitId: T,
+        subUnitId: E,
         boundsOfViewArea: Ve,
-        domAnchor: e,
+        domAnchor: t,
         scrollDirectionResponse: "HORIZONTAL"
         /* HORIZONTAL */
-      }, ht = fe(ue, J.renderUnit, Y.skeleton, R.worksheet, he), Ne = new Ze(ht);
-      he.position$ = Ne;
+      }, ht = fe(ue, J.renderUnit, Y.skeleton, R.worksheet, he), ke = new Ze(ht);
+      he.position$ = ke;
       let He = {
-        position$: Ne,
+        position$: ke,
         id: I,
         componentKey: O.componentKey,
         onPointerDown: () => {
@@ -3262,11 +3350,11 @@ let Wt = class extends le {
         onWheel: (j) => {
           q.dispatchEvent(new WheelEvent(j.type, j));
         },
-        props: (E = (_ = re.get(I)) == null ? void 0 : _.props) != null ? E : this._getFloatDomProps(I),
+        props: (T = (_ = re.get(I)) == null ? void 0 : _.props) != null ? T : this._getFloatDomProps(I),
         data: X,
         unitId: y
       };
-      t.eventPassThrough && (He = {
+      e.eventPassThrough && (He = {
         ...He,
         onPointerDown: (j) => {
           q.dispatchEvent(new PointerEvent(j.type, j));
@@ -3280,37 +3368,37 @@ let Wt = class extends le {
       }), this._canvasFloatDomService.addFloatDom(He);
       const gt = ue.onTransformChange$.subscribeEvent(() => {
         const j = fe(ue, J.renderUnit, Y.skeleton, R.worksheet, he);
-        Ne.next(
+        ke.next(
           j
         );
       });
       this.disposeWithMe(m.subscribe((j) => {
-        const ke = Mt({
+        const Be = Mt({
           startX: j.startX,
           startY: 0,
           endX: j.endX,
           endY: j.endY,
-          width: e.width,
-          height: e.height,
+          width: t.width,
+          height: t.height,
           absolute: {
             left: p.absolute.left,
             top: p.absolute.top
           }
-        }, e), ze = Ce({ unitId: y, subUnitId: T, drawingId: I }), Ke = new je(ze, {
-          left: ke.startX,
+        }, t), ze = be({ unitId: y, subUnitId: E, drawingId: I }), Ke = new $e(ze, {
+          left: Be.startX,
           top: 0,
-          width: e.width,
-          height: e.height,
-          zIndex: this._drawingManagerService.getDrawingOrder(y, T).length - 1
+          width: t.width,
+          height: t.height,
+          zIndex: this._drawingManagerService.getDrawingOrder(y, E).length - 1
         }), ft = fe(Ke, J.renderUnit, Y.skeleton, R.worksheet, he);
-        Ne.next(ft);
+        ke.next(ft);
       }));
       const ge = (M = this._renderManagerService.getRenderById(y)) == null ? void 0 : M.with(V);
       ge == null || ge.currentSkeleton$.subscribe((j) => {
-        j && d.sheetId !== j.sheetId && this._removeDom(f, !0);
-      }), Ae.add(() => {
+        j && l.sheetId !== j.sheetId && this._removeDom(f, !0);
+      }), Ne.add(() => {
         this._canvasFloatDomService.removeFloatDom(I);
-      }), gt && Ae.add(gt), this._domLayerInfoMap.set(I, he), re.set(I, {
+      }), gt && Ne.add(gt), this._domLayerInfoMap.set(I, he), re.set(I, {
         ...re.get(I)
       });
     }
@@ -3331,21 +3419,21 @@ let Wt = class extends le {
    * @param activeViewport
    * @returns position of cell to canvas.
    */
-  _createRangePositionObserver(n, t, e) {
+  _createRangePositionObserver(n, e, t) {
     let { startRow: r, startColumn: s } = n;
-    const o = Qe(r, s, e), a = new Ze(o), c = Qe(n.endRow, n.endColumn, e), u = new Ze(c), d = () => {
-      const m = Qe(r, s, e), w = Qe(n.endRow, n.endColumn, e);
+    const o = Qe(r, s, t), a = new Ze(o), c = Qe(n.endRow, n.endColumn, t), u = new Ze(c), l = () => {
+      const m = Qe(r, s, t), w = Qe(n.endRow, n.endColumn, t);
       a.next(m), u.next(w);
-    }, l = new _t();
-    l.add(t.engine.clientRect$.subscribe(() => d())), l.add(this._commandService.onCommandExecuted((m) => {
-      if (m.id === Gn.id && m.params.rowsAutoHeightInfo.findIndex((S) => S.row === r) > -1) {
-        d();
+    }, d = new _t();
+    d.add(e.engine.clientRect$.subscribe(() => l())), d.add(this._commandService.onCommandExecuted((m) => {
+      if (m.id === nr.id && m.params.rowsAutoHeightInfo.findIndex((S) => S.row === r) > -1) {
+        l();
         return;
       }
-      (es.indexOf(m.id) > -1 || m.id === Di.id || m.id === Dn.id) && d();
+      (is.indexOf(m.id) > -1 || m.id === Oi.id || m.id === kn.id) && l();
     }));
     const g = (m, w) => {
-      r = m, s = w, d();
+      r = m, s = w, l();
     }, h = () => ({
       rotate: 0,
       width: c.right - o.left,
@@ -3359,8 +3447,8 @@ let Wt = class extends le {
       endX: c.right,
       endY: c.bottom
     }), f = a.pipe(
-      Ee((m) => {
-        const w = Qe(n.endRow, n.endColumn, e);
+      Oe((m) => {
+        const w = Qe(n.endRow, n.endColumn, t);
         return {
           rotate: 0,
           width: w.right - m.left,
@@ -3382,21 +3470,21 @@ let Wt = class extends le {
       updateRowCol: g,
       topLeftPos$: a,
       rightBottomPos$: u,
-      disposable: l
+      disposable: d
     };
   }
 };
-Wt = ho([
-  Me(0, N(ne)),
-  Me(1, Ge),
-  Me(2, N(G)),
-  Me(3, oe),
-  Me(4, N(Wi)),
-  Me(5, ae),
-  Me(6, N(Kr))
-], Wt);
-function Qe(i, n, t) {
-  const e = t.getCellWithCoordByIndex(i, n), r = e.isMergedMainCell ? e.mergeInfo : e;
+jt = mo([
+  ye(0, N(ne)),
+  ye(1, Ce),
+  ye(2, N(G)),
+  ye(3, oe),
+  ye(4, N(Fi)),
+  ye(5, ae),
+  ye(6, N(qr))
+], jt);
+function Qe(i, n, e) {
+  const t = e.getCellWithCoordByIndex(i, n), r = t.isMergedMainCell ? t.mergeInfo : t;
   return {
     left: r.startX,
     right: r.endX,
@@ -3404,20 +3492,20 @@ function Qe(i, n, t) {
     bottom: r.endY
   };
 }
-function Mt(i, n, t) {
-  var u, d;
-  t = t != null ? t : 1;
-  const e = i.endX - i.startX, r = i.endY - i.startY, s = (u = n == null ? void 0 : n.width) != null ? u : e, o = (d = n == null ? void 0 : n.height) != null ? d : r;
+function Mt(i, n, e) {
+  var u, l;
+  e = e != null ? e : 1;
+  const t = i.endX - i.startX, r = i.endY - i.startY, s = (u = n == null ? void 0 : n.width) != null ? u : t, o = (l = n == null ? void 0 : n.height) != null ? l : r;
   let a = 0, c = 0;
   if (n) {
     if (n.horizonOffsetAlign === "right") {
-      const l = yt(n.marginX, e * t);
-      a = i.endX - l - s;
+      const d = yt(n.marginX, t * e);
+      a = i.endX - d - s;
     } else
-      a = i.startX + yt(n.marginX, e);
+      a = i.startX + yt(n.marginX, t);
     if (n.verticalOffsetAlign === "bottom") {
-      const l = yt(n.marginY, r * t);
-      c = i.endY - l - o;
+      const d = yt(n.marginY, r * e);
+      c = i.endY - d - o;
     } else
       c = i.startY + yt(n.marginY, r);
   }
@@ -3438,90 +3526,91 @@ function Mt(i, n, t) {
 function yt(i, n) {
   if (i === void 0) return 0;
   if (typeof i == "number") return i;
-  const t = Number.parseFloat(i);
-  return n * t / 100;
+  const e = Number.parseFloat(i);
+  return n * e / 100;
 }
-var fo = Object.defineProperty, mo = Object.getOwnPropertyDescriptor, po = (i, n, t) => n in i ? fo(i, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[n] = t, wo = (i, n, t, e) => {
-  for (var r = e > 1 ? void 0 : e ? mo(n, t) : n, s = i.length - 1, o; s >= 0; s--)
+var wo = Object.defineProperty, _o = Object.getOwnPropertyDescriptor, vo = (i, n, e) => n in i ? wo(i, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[n] = e, So = (i, n, e, t) => {
+  for (var r = t > 1 ? void 0 : t ? _o(n, e) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, qt = (i, n) => (t, e) => n(t, e, i), Dr = (i, n, t) => po(i, typeof n != "symbol" ? n + "" : n, t);
-const _o = "SHEET_IMAGE_UI_PLUGIN";
-let jt = class extends ei {
-  constructor(i = Pn, n, t, e) {
-    super(), this._config = i, this._injector = n, this._renderManagerService = t, this._configService = e;
-    const { menu: r, ...s } = ti(
+}, Qt = (i, n) => (e, t) => n(e, t, i), kr = (i, n, e) => vo(i, typeof n != "symbol" ? n + "" : n, e);
+const Io = "SHEET_IMAGE_UI_PLUGIN";
+let $t = class extends ri {
+  constructor(i = Gn, n, e, t) {
+    super(), this._config = i, this._injector = n, this._renderManagerService = e, this._configService = t;
+    const { menu: r, ...s } = ii(
       {},
-      Pn,
+      Gn,
       this._config
     );
-    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(os, s);
+    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(ds, s);
   }
   onStarting() {
-    ni(this._injector, [
+    si(this._injector, [
+      [jt],
       [Wt],
+      [Ot],
       [Bt],
-      [Et],
       [kt],
       [Nt],
+      [Ut],
       [At],
-      [Ot],
-      [Pt],
-      [Ut]
+      [Pt]
     ]), zt(this._injector, [
-      [Wt]
+      [jt]
     ]);
   }
   onReady() {
     zt(this._injector, [
-      [At]
+      [Nt]
     ]);
   }
   onRendered() {
     this._registerRenderModules(), zt(this._injector, [
-      [Nt],
       [kt],
       [Bt],
-      [Ot],
-      [Pt],
-      [Ut]
+      [Wt],
+      [Ut],
+      [At],
+      [Pt]
     ]);
   }
   onSteady() {
-    this._injector.get(Et);
+    this._injector.get(Ot);
   }
   _registerRenderModules() {
     [
       [et],
-      [an],
-      [sn]
+      [dn],
+      [on]
     ].forEach((i) => {
       this.disposeWithMe(this._renderManagerService.registerRenderModule(F.UNIVER_SHEET, i));
     });
   }
 };
-Dr(jt, "type", F.UNIVER_SHEET);
-Dr(jt, "pluginName", _o);
-jt = wo([
-  qr(oi, ii, hi, mi),
-  qt(1, N(tt)),
-  qt(2, ne),
-  qt(3, Qr)
-], jt);
+kr($t, "type", F.UNIVER_SHEET);
+kr($t, "pluginName", Io);
+$t = So([
+  ti(di, ai, mi, vi),
+  Qt(1, N(tt)),
+  Qt(2, ne),
+  Qt(3, ni)
+], $t);
 export {
-  x as ClearSheetDrawingTransformerOperation,
-  Ir as DeleteDrawingsCommand,
-  hr as EditSheetDrawingOperation,
-  gr as GroupSheetDrawingCommand,
-  Gt as InsertFloatImageCommand,
-  Ft as InsertSheetDrawingCommand,
+  L as ClearSheetDrawingTransformerOperation,
+  Pr as DeleteDrawingsCommand,
+  Dr as EditSheetDrawingOperation,
+  Rr as GroupSheetDrawingCommand,
+  Xt as InsertFloatImageCommand,
+  Yt as InsertSheetDrawingCommand,
   rt as MoveDrawingsCommand,
   nt as RemoveSheetDrawingCommand,
-  br as SHEETS_IMAGE_MENU_ID,
-  fr as SetDrawingArrangeCommand,
-  Yt as SetSheetDrawingCommand,
-  Wt as SheetCanvasFloatDomManagerService,
-  ur as SidebarSheetDrawingOperation,
-  mr as UngroupSheetDrawingCommand,
-  jt as UniverSheetsDrawingUIPlugin
+  Nr as SHEETS_IMAGE_MENU_ID,
+  Mr as SetDrawingArrangeCommand,
+  Gt as SetSheetDrawingCommand,
+  jt as SheetCanvasFloatDomManagerService,
+  et as SheetDrawingUpdateController,
+  br as SidebarSheetDrawingOperation,
+  yr as UngroupSheetDrawingCommand,
+  $t as UniverSheetsDrawingUIPlugin
 };