npm - @univerjs/sheets-drawing-ui - Versions diffs - 0.6.0-nightly.202502181606 → 0.6.0-nightly.202502201606 - Mend

@univerjs/sheets-drawing-ui 0.6.0-nightly.202502181606 → 0.6.0-nightly.202502201606

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

Files changed (11) hide show

package/lib/cjs/facade.js +1 -1
package/lib/cjs/index.js +1 -1
package/lib/es/facade.js +519 -381
package/lib/es/index.js +955 -969
package/lib/types/facade/f-event.d.ts +61 -45
package/lib/types/facade/f-over-grid-image.d.ts +378 -217
package/lib/types/facade/f-worksheet.d.ts +290 -131
package/lib/types/services/canvas-float-dom-manager.service.d.ts +2 -2
package/lib/umd/facade.js +1 -1
package/lib/umd/index.js +1 -1
package/package.json +16 -16

package/lib/es/index.js CHANGED Viewed

@@ -1,28 +1,28 @@
-var Or = Object.defineProperty;
-var Pr = (i, n, e) => n in i ? Or(i, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[n] = e;
-var Q = (i, n, e) => Pr(i, typeof n != "symbol" ? n + "" : n, e);
-import { CommandType as te, ICommandService as G, IUndoRedoService as Ye, sequenceExecute as jn, LocaleService as xt, IUniverInstanceService as Ge, Inject as N, Injector as tt, IContextService as Bn, RxDisposable as Ur, UniverInstanceType as k, toDisposable as Ar, FOCUSING_COMMON_DRAWINGS as Fe, DrawingTypeEnum as F, Disposable as le, ArrangeTypeEnum as mt, createDocumentModelWithStyle as Nr, ObjectRelativeFromH as jr, ObjectRelativeFromV as Br, BooleanNumber as Wr, PositionedObjectLayoutType as $r, WrapTextType as xr, BuildTextUtils as Lr, Range as Fr, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as pt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as wt, InterceptorEffectEnum as kr, ObjectMatrix as Yr, Tools as ye, UserManagerService as Gr, IPermissionService as Xr, Rectangle as Vr, Direction as Ie, FOCUSING_FX_BAR_EDITOR as Hr, EDITOR_ACTIVATED as zr, FOCUSING_PANEL_EDITOR as Kr, LifecycleService as Zr, LifecycleStages as Jr, DisposableCollection as _t, fromEventSubject as qr, generateRandomId as Ht, DependentOn as Qr, Plugin as ei, merge as ti, registerDependencies as ni, touchDependencies as zt, IConfigService as ri } from "@univerjs/core";
-import { DocDrawingController as ii, UniverDocsDrawingPlugin as si } from "@univerjs/docs-drawing";
-import { SetDrawingSelectedOperation as Lt, 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 oi, getDrawingShapeKeyByDrawingSearch as Ce, UniverDrawingPlugin as ai } from "@univerjs/drawing";
-import { ImageCropperObject as ci, COMPONENT_IMAGE_POPUP_MENU as di, OpenImageCropOperation as li, ImageResetSizeOperation as ui, DrawingRenderService as $n, DrawingCommonPanel as hi, UniverDrawingUIPlugin as gi } from "@univerjs/drawing-ui";
-import { IRenderManagerService as ne, precisionTo as vt, getGroupState as fi, transformObjectOutOfGroup as mi, RENDER_CLASS_TYPE as We, Rect as $e, ObjectType as bn, DRAWING_OBJECT_LAYER_INDEX as Kt, SHEET_VIEWPORT_KEY as xn } from "@univerjs/engine-render";
-import { ISheetDrawingService as ae, SetDrawingApplyMutation as U, DrawingApplyType as A, SheetDrawingAnchorType as P, UniverSheetsDrawingPlugin as pi } from "@univerjs/sheets-drawing";
-import { SheetCanvasPopManagerService as wi, convertPositionSheetOverGridToAbsolute as _i, ISheetSelectionRenderService as Xe, SheetSkeletonManagerService as V, attachRangeWithCoord as Ln, IEditorBridgeService as vi, IAutoFillService as Si, HoverManagerService as Ii, PREDEFINED_HOOK_NAME as Le, COPY_TYPE as be, discreteRangeToRange as Rn, virtualizeDiscreteRanges as Ci, ISheetClipboardService as bi, SheetPrintInterceptorService as Ri, getCurrentRangeDisable$ as Di, SetZoomRatioOperation as Dn, SetScrollOperation as Mi } from "@univerjs/sheets-ui";
-import { ISidebarService as yi, useDependency as Te, IUIPartsService as Ti, BuiltInUIPart as Ei, connectInjector as Oi, ILocalFileService as Pi, IMessageService as Ui, IClipboardInterfaceService as Ai, MenuItemType as cn, getMenuHiddenObservable as Fn, RibbonStartGroup as Ni, KeyCode as ke, ComponentManager as ji, IMenuManagerService as Bi, IShortcutService as Wi, CanvasFloatDomService as $i } 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 xi, take as Li, BehaviorSubject as Ze, of as En } from "rxjs";
-import { SheetInterceptorService as Ft, getSheetCommandTarget as H, SheetsSelectionsService as dn, SetRangeValuesCommand as Fi, SetWorksheetRowHeightMutation as kn, SetWorksheetColWidthMutation as Yn, SetWorksheetRowIsAutoHeightMutation as ki, SetWorksheetRowAutoHeightMutation as Gn, AddWorksheetMergeMutation as Yi, RemoveWorksheetMergeMutation as Gi, AFTER_CELL_EDIT as Xi, INTERCEPTOR_POINT as Vi, InterceptCellContentPriority as Hi, WorkbookViewPermission as On, WorksheetViewPermission as Pn, 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 zi, SetRowHiddenMutation as Ki, SetColVisibleMutation as Zi, SetColHiddenMutation as Ji, SetWorksheetActiveOperation as qi, RangeProtectionPermissionEditPoint as Qi, SetFrozenMutation as es, COMMAND_LISTENER_SKELETON_CHANGE as ts } from "@univerjs/sheets";
+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";
 import { jsx as ee, jsxs as Tt } from "react/jsx-runtime";
-import ns, { useEffect as ln, forwardRef as cr, useRef as rs, createElement as dr, useState as rn } from "react";
-import { docDrawingPositionToTransform as is, ReplaceSnapshotCommand as ss } from "@univerjs/docs-ui";
-import { MessageType as Re, RadioGroup as os, Radio as Jt } from "@univerjs/design";
-const as = "sheets-drawing-ui.config", Un = {}, L = {
+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 = {
   id: "sheet.operation.clear-drawing-transformer",
   type: te.MUTATION,
   handler: (i, n) => {
-    const e = i.get(ne);
-    return n.forEach((t) => {
+    const t = i.get(ne);
+    return n.forEach((e) => {
       var r, s;
-      (s = (r = e.getRenderById(t)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
+      (s = (r = t.getRenderById(e)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
     }), !0;
   }
 }, nt = {
@@ -30,27 +30,27 @@ const as = "sheets-drawing-ui.config", Un = {}, L = {
   type: te.COMMAND,
   handler: (i, n) => {
     var S, C, D;
-    const e = i.get(G), t = i.get(Ye), r = i.get(Ft), s = i.get(ae);
+    const t = i.get(G), e = i.get(Ye), r = i.get(Lt), s = i.get(ae);
     if (!n) return !1;
     const { drawings: o } = n, a = [];
     o.forEach((v) => {
       const { unitId: b } = v;
       a.push(b);
     });
-    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: U.id, params: { unitId: u, subUnitId: d, op: g, objects: h, type: A.REMOVE } }, m = { id: U.id, params: { unitId: u, subUnitId: d, op: l, objects: h, type: A.INSERT } };
-    return jn([...(S = f.preRedos) != null ? S : [], p, ...f.redos], e) ? (t.pushUndoRedo({
+    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({
       unitID: u,
       undoMutations: [
         ...(C = f.preUndos) != null ? C : [],
         m,
         ...f.undos,
-        { id: L.id, params: a }
+        { id: x.id, params: a }
       ],
       redoMutations: [
         ...(D = f.preRedos) != null ? D : [],
         p,
         ...f.redos,
-        { id: L.id, params: a }
+        { id: x.id, params: a }
       ]
     }), !0) : !1;
   }
@@ -58,22 +58,22 @@ const as = "sheets-drawing-ui.config", Un = {}, L = {
   id: "sidebar.operation.sheet-image",
   type: te.COMMAND,
   handler: async (i, n) => {
-    const e = i.get(yi), t = i.get(xt), r = i.get(Ge), s = i.get(G);
+    const t = i.get(Mi), e = i.get($t), r = i.get(Ge), s = i.get(G);
     if (!H(r)) return !1;
     switch (n.value) {
       case "open":
-        e.open({
-          header: { title: t.t("sheetImage.panel.title") },
+        t.open({
+          header: { title: e.t("sheetImage.panel.title") },
           children: { label: lr },
           onClose: () => {
-            s.syncExecuteCommand(Lt.id, []);
+            s.syncExecuteCommand(xt.id, []);
           },
           width: 360
         });
         break;
       case "close":
       default:
-        e.close();
+        t.close();
         break;
     }
     return !0;
@@ -82,75 +82,74 @@ const as = "sheets-drawing-ui.config", Un = {}, L = {
   id: "sheet.operation.edit-sheet-image",
   type: te.OPERATION,
   handler: (i, n) => {
-    const e = i.get(G);
-    return n == null ? !1 : (e.syncExecuteCommand(Lt.id, [n]), e.executeCommand(ur.id, { value: "open" }), !0);
-  }
-}, cs = "univer-upload-loading", ds = "univer-upload-loading-body", ls = "univer-upload-loading-body-animation", us = "univer-UniverCircleAnimation", hs = "univer-upload-loading-body-text", It = {
-  uploadLoading: cs,
-  uploadLoadingBody: ds,
-  uploadLoadingBodyAnimation: ls,
-  univerCircleAnimation: us,
-  uploadLoadingBodyText: hs
-}, gs = () => {
-  const i = Te(Wn), n = Te(xt), [e, t] = ns.useState(0);
+    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 r = i.change$.subscribe((s) => {
-      t(s);
+      e(s);
     });
     return () => {
       r.unsubscribe();
     };
-  }, [i]), /* @__PURE__ */ ee("div", { style: { display: e > 0 ? "block" : "none" }, className: It.uploadLoading, children: /* @__PURE__ */ Tt("div", { className: It.uploadLoadingBody, children: [
+  }, [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")}: ${e}` })
+    /* @__PURE__ */ ee("div", { className: It.uploadLoadingBodyText, children: `${n.t("uploadLoading.loading")}: ${t}` })
   ] }) });
 };
-var fs = Object.defineProperty, 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 = (t ? o(n, e, r) : o(r)) || r);
-  return t && r && fs(n, e, r), r;
-}, we = (i, n) => (e, t) => n(e, t, i);
+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--)
+    (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, e, t, r, s, o, a, c) {
+  constructor(n, t, e, r, s, o, a, c) {
     super();
     Q(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
-    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();
+    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();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(k.UNIVER_SHEET).pipe(Mn(this.dispose$)).subscribe((n) => this._create(n)), this._univerInstanceService.getTypeOfUnitDisposed$(k.UNIVER_SHEET).pipe(Mn(this.dispose$)).subscribe((n) => this._dispose(n)), this._univerInstanceService.getAllUnitsForType(k.UNIVER_SHEET).forEach((n) => this._create(n)), this._uiPartsService.registerComponent(Ei.CONTENT, () => Oi(gs, this._injector));
+    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));
   }
   _dispose(n) {
-    const e = n.getUnitId();
-    this._renderManagerService.removeRender(e);
+    const t = n.getUnitId();
+    this._renderManagerService.removeRender(t);
   }
   _create(n) {
     if (!n)
       return;
-    const e = n.getUnitId();
-    this._renderManagerService.has(e) && !this._initImagePopupMenu.has(e) && (this._popupMenuListener(e), this._initImagePopupMenu.add(e));
+    const t = n.getUnitId();
+    this._renderManagerService.has(t) && !this._initImagePopupMenu.has(t) && (this._popupMenuListener(t), this._initImagePopupMenu.add(t));
   }
   _hasCropObject(n) {
-    const e = n.getAllObjectsByOrder();
-    for (const t of e)
-      if (t instanceof ci)
+    const t = n.getAllObjectsByOrder();
+    for (const e of t)
+      if (e instanceof ai)
         return !0;
     return !1;
   }
   _popupMenuListener(n) {
     var s;
-    const e = (s = this._renderManagerService.getRenderById(n)) == null ? void 0 : s.scene;
-    if (!e)
-      return;
-    const t = e.getTransformerByCreate();
+    const t = (s = this._renderManagerService.getRenderById(n)) == null ? void 0 : s.scene;
     if (!t)
       return;
+    const e = t.getTransformerByCreate();
+    if (!e)
+      return;
     let r;
     this.disposeWithMe(
-      Ar(
-        t.createControl$.subscribe(() => {
-          if (this._contextService.setContextValue(Fe, !0), this._hasCropObject(e))
+      Pr(
+        e.createControl$.subscribe(() => {
+          if (this._contextService.setContextValue(Le, !0), this._hasCropObject(t))
             return;
-          const o = t.getSelectedObjectMap();
+          const o = e.getSelectedObjectMap();
           if (o.size > 1) {
             r == null || r.dispose();
             return;
@@ -167,7 +166,7 @@ let Et = class extends Ur {
           r == null || r.dispose();
           const p = this._canvasPopManagerService.getFeatureMenu(d, l, g, h);
           r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
-            componentKey: di,
+            componentKey: ci,
             direction: "horizontal",
             offset: [2, 0],
             extraProps: {
@@ -177,74 +176,74 @@ let Et = class extends Ur {
         })
       )
     ), this.disposeWithMe(
-      t.clearControl$.subscribe(() => {
-        r == null || r.dispose(), this._contextService.setContextValue(Fe, !1), this._commandService.syncExecuteCommand(Lt.id, []);
+      e.clearControl$.subscribe(() => {
+        r == null || r.dispose(), this._contextService.setContextValue(Le, !1), this._commandService.syncExecuteCommand(xt.id, []);
       })
     ), this.disposeWithMe(
       this._contextService.contextChanged$.subscribe((o) => {
-        o[Fe] === !1 && (r == null || r.dispose());
+        o[Le] === !1 && (r == null || r.dispose());
       })
     ), this.disposeWithMe(
-      t.changing$.subscribe(() => {
+      e.changing$.subscribe(() => {
         r == null || r.dispose();
       })
     );
   }
-  _getImageMenuItems(n, e, t, r) {
+  _getImageMenuItems(n, t, e, r) {
     return [
       {
         label: "image-popup.edit",
         index: 0,
         commandId: hr.id,
-        commandParams: { unitId: n, subUnitId: e, drawingId: t },
-        disable: r === F.DRAWING_DOM
+        commandParams: { unitId: n, subUnitId: t, drawingId: e },
+        disable: r === L.DRAWING_DOM
       },
       {
         label: "image-popup.delete",
         index: 1,
         commandId: nt.id,
-        commandParams: { unitId: n, drawings: [{ unitId: n, subUnitId: e, drawingId: t }] },
+        commandParams: { unitId: n, drawings: [{ unitId: n, subUnitId: t, drawingId: e }] },
         disable: !1
       },
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: li.id,
-        commandParams: { unitId: n, subUnitId: e, drawingId: t },
-        disable: r === F.DRAWING_DOM
+        commandId: di.id,
+        commandParams: { unitId: n, subUnitId: t, drawingId: e },
+        disable: r === L.DRAWING_DOM
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: ui.id,
-        commandParams: [{ unitId: n, subUnitId: e, drawingId: t }],
-        disable: r === F.DRAWING_DOM
+        commandId: li.id,
+        commandParams: [{ unitId: n, subUnitId: t, drawingId: e }],
+        disable: r === L.DRAWING_DOM
       }
     ];
   }
 };
-Et = ps([
+Et = gs([
   we(0, N(tt)),
   we(1, oe),
-  we(2, N(wi)),
+  we(2, N(pi)),
   we(3, ne),
   we(4, Ge),
   we(5, Bn),
-  we(6, N(Ti)),
+  we(6, N(yi)),
   we(7, G)
 ], Et);
-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, d = e.getCurrent();
+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)
     return;
-  const l = _i(
+  const l = wi(
     d.unitId,
     d.sheetId,
-    { from: t, to: r },
-    e
+    { from: e, to: r },
+    t
   );
   let { left: g, top: h, width: f, height: p } = l;
-  const m = e.getCurrentSkeleton(), w = m.rowHeaderWidth + m.columnTotalWidth, S = m.columnHeaderHeight + m.rowTotalHeight;
+  const m = t.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,23 +256,23 @@ function z(i, n, e) {
     height: p
   };
 }
-function x(i, n) {
-  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: d = 0 } = i, l = n.getCellWithCoordByOffset(e, 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)
     return;
   const g = {
     column: l.actualColumn,
-    columnOffset: vt(e - l.startX, 1),
+    columnOffset: vt(t - l.startX, 1),
     row: l.actualRow,
-    rowOffset: vt(t - l.startY, 1)
-  }, h = n.getCellWithCoordByOffset(e + r, t + s);
+    rowOffset: vt(e - l.startY, 1)
+  }, h = n.getCellWithCoordByOffset(t + r, e + s);
   if (h == null)
     return;
   const f = {
     column: h.actualColumn,
-    columnOffset: vt(e + r - h.startX, 1),
+    columnOffset: vt(t + r - h.startX, 1),
     row: h.actualRow,
-    rowOffset: vt(t + s - h.startY, 1)
+    rowOffset: vt(e + s - h.startY, 1)
   };
   return {
     flipY: o,
@@ -285,14 +284,14 @@ function x(i, n) {
     to: f
   };
 }
-var ws = Object.defineProperty, _s = Object.getOwnPropertyDescriptor, vs = (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 = (t ? o(n, e, r) : o(r)) || r);
-  return t && r && ws(n, e, r), r;
-}, Ct = (i, n) => (e, t) => n(e, t, i);
+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--)
+    (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, e, t, r) {
-    super(), this._context = i, this._sheetDrawingService = n, this._drawingManagerService = e, this._sheetSelectionRenderService = t, this._sheetSkeletonManagerService = r, this._init();
+  constructor(i, n, t, e, r) {
+    super(), this._context = i, this._sheetDrawingService = n, this._drawingManagerService = t, this._sheetSelectionRenderService = e, this._sheetSkeletonManagerService = r, this._init();
   }
   _init() {
     this._drawingInitializeListener();
@@ -301,25 +300,25 @@ 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 e = i[n];
-      for (const t in e.data) {
-        const r = e.data[t];
+      const t = i[n];
+      for (const e in t.data) {
+        const r = t.data[e];
         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 = vs([
+sn = ms([
   Ct(1, ae),
   Ct(2, oe),
   Ct(3, N(Xe)),
   Ct(4, N(V))
 ], sn);
-function Ss(i) {
+function ps(i) {
   const n = [];
-  return i.forEach((e) => {
-    const { parent: t, children: r } = e, { unitId: s, subUnitId: o, drawingId: a } = t, c = fi(0, 0, r.map((l) => l.transform || {})), u = r.map((l) => {
+  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 {
         unitId: h,
@@ -336,7 +335,7 @@ function Ss(i) {
       unitId: s,
       subUnitId: o,
       drawingId: a,
-      drawingType: F.DRAWING_GROUP,
+      drawingType: L.DRAWING_GROUP,
       transform: c
     };
     n.push({
@@ -345,14 +344,14 @@ function Ss(i) {
     });
   }), n;
 }
-function Is(i) {
+function ws(i) {
   const n = [];
-  return i.forEach((e) => {
-    const { parent: t, children: r } = e, { unitId: s, subUnitId: o, drawingId: a, transform: c = { width: 0, height: 0 } } = t;
+  return i.forEach((t) => {
+    const { parent: e, children: r } = t, { unitId: s, subUnitId: o, drawingId: a, transform: c = { width: 0, height: 0 } } = e;
     if (c == null)
       return;
     const u = r.map((l) => {
-      const { transform: g } = l, { unitId: h, subUnitId: f, drawingId: p } = l, m = mi(g || {}, c, c.width || 0, c.height || 0);
+      const { transform: g } = l, { unitId: h, subUnitId: f, drawingId: p } = l, m = gi(g || {}, c, c.width || 0, c.height || 0);
       return {
         unitId: h,
         subUnitId: f,
@@ -364,7 +363,7 @@ function Is(i) {
       unitId: s,
       subUnitId: o,
       drawingId: a,
-      drawingType: F.DRAWING_GROUP,
+      drawingType: L.DRAWING_GROUP,
       transform: {
         left: 0,
         top: 0
@@ -380,7 +379,7 @@ const gr = {
   id: "sheet.command.group-sheet-image",
   type: te.COMMAND,
   handler: (i, n) => {
-    const e = i.get(G), t = i.get(Ye), r = i.get(ae);
+    const t = i.get(G), e = i.get(Ye), r = i.get(ae);
     if (!n) return !1;
     const s = [];
     n.forEach(({ parent: h, children: f }) => {
@@ -389,39 +388,39 @@ const gr = {
       });
     });
     const o = r.getGroupDrawingOp(n), { unitId: a, subUnitId: c, undo: u, redo: d, objects: l } = o;
-    return e.syncExecuteCommand(U.id, { op: d, unitId: a, subUnitId: c, objects: l, type: A.GROUP }) ? (t.pushUndoRedo({
+    return t.syncExecuteCommand(A.id, { op: d, unitId: a, subUnitId: c, objects: l, type: P.GROUP }) ? (e.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: U.id, params: { op: u, unitId: a, subUnitId: c, objects: Is(l), type: A.UNGROUP } },
-        { id: L.id, params: s }
+        { id: A.id, params: { op: u, unitId: a, subUnitId: c, objects: ws(l), type: P.UNGROUP } },
+        { id: x.id, params: s }
       ],
       redoMutations: [
-        { id: U.id, params: { op: d, unitId: a, subUnitId: c, objects: l, type: A.GROUP } },
-        { id: L.id, params: s }
+        { id: A.id, params: { op: d, unitId: a, subUnitId: c, objects: l, type: P.GROUP } },
+        { id: x.id, params: s }
       ]
     }), !0) : !1;
   }
-}, kt = {
+}, Ft = {
   id: "sheet.command.insert-sheet-image",
   type: te.COMMAND,
   handler: (i, n) => {
     var S, C, D;
-    const e = i.get(G), t = i.get(Ye), r = i.get(ae), s = i.get(Ft);
+    const t = i.get(G), e = i.get(Ye), r = i.get(ae), s = i.get(Lt);
     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: kt.id, params: n }), p = { id: U.id, params: { op: g, unitId: u, subUnitId: d, objects: h, type: A.INSERT } }, m = { id: U.id, params: { op: l, unitId: u, subUnitId: d, objects: h, type: A.REMOVE } };
-    return jn([...(S = f.preRedos) != null ? S : [], p, ...f.redos], e) ? (t.pushUndoRedo({
+    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({
       unitID: u,
       undoMutations: [
         ...(C = f.preUndos) != null ? C : [],
         m,
         ...f.undos,
-        { id: L.id, params: a }
+        { id: x.id, params: a }
       ],
       redoMutations: [
         ...(D = f.preRedos) != null ? D : [],
         p,
         ...f.redos,
-        { id: L.id, params: a }
+        { id: x.id, params: a }
       ]
     }), !0) : !1;
   }
@@ -429,20 +428,20 @@ const gr = {
   id: "sheet.command.set-drawing-arrange",
   type: te.COMMAND,
   handler: (i, n) => {
-    const e = i.get(G), t = i.get(Ye);
+    const t = i.get(G), e = i.get(Ye);
     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)
       return !1;
     const { objects: l, redo: g, undo: h } = d;
-    return e.syncExecuteCommand(U.id, { op: g, unitId: s, subUnitId: o, objects: l, type: A.ARRANGE }) ? (t.pushUndoRedo({
+    return t.syncExecuteCommand(A.id, { op: g, unitId: s, subUnitId: o, objects: l, type: P.ARRANGE }) ? (e.pushUndoRedo({
       unitID: s,
       undoMutations: [
-        { id: U.id, params: { op: h, unitId: s, subUnitId: o, objects: l, type: A.ARRANGE } }
+        { id: A.id, params: { op: h, unitId: s, subUnitId: o, objects: l, type: P.ARRANGE } }
       ],
       redoMutations: [
-        { id: U.id, params: { op: g, unitId: s, subUnitId: o, objects: l, type: A.ARRANGE } }
+        { id: A.id, params: { op: g, unitId: s, subUnitId: o, objects: l, type: P.ARRANGE } }
       ]
     }), !0) : !1;
   }
@@ -450,18 +449,18 @@ const gr = {
   id: "sheet.command.set-sheet-image",
   type: te.COMMAND,
   handler: (i, n) => {
-    const e = i.get(G), t = i.get(Ye), r = i.get(ae);
+    const t = i.get(G), e = i.get(Ye), 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 e.syncExecuteCommand(U.id, { unitId: a, subUnitId: c, op: d, objects: l, type: A.UPDATE }) ? (t.pushUndoRedo({
+    return t.syncExecuteCommand(A.id, { unitId: a, subUnitId: c, op: d, objects: l, type: P.UPDATE }) ? (e.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: U.id, params: { unitId: a, subUnitId: c, op: u, objects: l, type: A.UPDATE } },
-        { id: L.id, params: [a] }
+        { id: A.id, params: { unitId: a, subUnitId: c, op: u, objects: l, type: P.UPDATE } },
+        { id: x.id, params: [a] }
       ],
       redoMutations: [
-        { id: U.id, params: { unitId: a, subUnitId: c, op: d, objects: l, type: A.UPDATE } },
-        { id: L.id, params: [a] }
+        { id: A.id, params: { unitId: a, subUnitId: c, op: d, objects: l, type: P.UPDATE } },
+        { id: x.id, params: [a] }
       ]
     }), !0) : !1;
   }
@@ -469,7 +468,7 @@ const gr = {
   id: "sheet.command.ungroup-sheet-image",
   type: te.COMMAND,
   handler: (i, n) => {
-    const e = i.get(G), t = i.get(Ye), r = i.get(ae);
+    const t = i.get(G), e = i.get(Ye), r = i.get(ae);
     if (!n) return !1;
     const s = [];
     n.forEach(({ parent: h, children: f }) => {
@@ -478,31 +477,31 @@ const gr = {
       });
     });
     const o = r.getUngroupDrawingOp(n), { unitId: a, subUnitId: c, undo: u, redo: d, objects: l } = o;
-    return e.syncExecuteCommand(U.id, { op: d, unitId: a, subUnitId: c, objects: l, type: A.UNGROUP }) ? (t.pushUndoRedo({
+    return t.syncExecuteCommand(A.id, { op: d, unitId: a, subUnitId: c, objects: l, type: P.UNGROUP }) ? (e.pushUndoRedo({
       unitID: a,
       undoMutations: [
-        { id: U.id, params: { op: u, unitId: a, subUnitId: c, objects: Ss(l), type: A.GROUP } },
-        { id: L.id, params: s }
+        { id: A.id, params: { op: u, unitId: a, subUnitId: c, objects: ps(l), type: P.GROUP } },
+        { id: x.id, params: s }
       ],
       redoMutations: [
-        { id: U.id, params: { op: d, unitId: a, subUnitId: c, objects: l, type: A.UNGROUP } },
-        { id: L.id, params: s }
+        { id: A.id, params: { op: d, unitId: a, subUnitId: c, objects: l, type: P.UNGROUP } },
+        { id: x.id, params: s }
       ]
     }), !0) : !1;
   }
 };
-var Cs = Object.defineProperty, bs = Object.getOwnPropertyDescriptor, Rs = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? bs(n, e) : n, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (t ? o(n, e, r) : o(r)) || r);
-  return t && r && Cs(n, e, r), r;
-}, ie = (i, n) => (e, t) => n(e, t, i);
-function Ds(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));
+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--)
+    (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));
   return { rotatedWidth: r, rotatedHeight: s };
 }
-function pr(i, n, e, t, r) {
+function pr(i, n, t, e, r) {
   var S;
-  const { rotatedHeight: s, rotatedWidth: o } = Ds(e, t, r), c = i.get(ne).getRenderById(n.unitId);
+  const { rotatedHeight: s, rotatedWidth: o } = Ss(t, e, 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;
@@ -510,37 +509,37 @@ function pr(i, n, e, t, r) {
     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;
   return {
-    width: e * w,
-    height: t * w
+    width: t * w,
+    height: e * w
   };
 }
 let et = class extends le {
-  constructor(n, e, t, r, s, o, a, c, u, d, l, g, h) {
+  constructor(n, t, e, r, s, o, a, c, u, d, l, g, h) {
     super();
     Q(this, "_workbookSelections");
-    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 = 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 = 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();
   }
   async insertFloatImage() {
     const n = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: wn.map((t) => `.${t.replace("image/", "")}`).join(",")
-    }), e = n.length;
-    return e > _n ? (this._messageService.show({
+      accept: wn.map((e) => `.${e.replace("image/", "")}`).join(",")
+    }), t = n.length;
+    return t > _n ? (this._messageService.show({
       type: Re.Error,
       content: this._localeService.t("update-status.exceedMaxCount", String(_n))
-    }), !1) : e === 0 ? !1 : (n.forEach(async (t) => await this.insertFloatImageByFile(t)), !0);
+    }), !1) : t === 0 ? !1 : (n.forEach(async (e) => await this.insertFloatImageByFile(e)), !0);
   }
   async insertCellImage() {
-    const e = (await this._fileOpenerService.openFile({
+    const t = (await this._fileOpenerService.openFile({
       multiple: !1,
-      accept: wn.map((t) => `.${t.replace("image/", "")}`).join(",")
+      accept: wn.map((e) => `.${e.replace("image/", "")}`).join(",")
     }))[0];
-    return e ? (await this._insertCellImage(e), !0) : !1;
+    return t ? (await this._insertCellImage(t), !0) : !1;
   }
   async insertFloatImageByFile(n) {
-    let e;
+    let t;
     try {
-      e = await this._imageIoService.saveImage(n);
+      t = await this._imageIoService.saveImage(n);
     } catch (S) {
       const C = S.message;
       C === Be.ERROR_EXCEED_SIZE ? this._messageService.show({
@@ -554,9 +553,9 @@ let et = class extends le {
         content: this._localeService.t("update-status.invalidImage")
       });
     }
-    if (e == null)
+    if (t == null)
       return;
-    const t = this._getUnitInfo(), { unitId: r, subUnitId: s } = t, { imageId: o, imageSourceType: a, source: c, base64Cache: u } = e, { width: d, height: l, image: g } = await Sn(u || ""), { width: h, height: f } = this._context.scene;
+    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;
     this._imageIoService.addImageSourceCache(c, a, g);
     let p = 1;
     if (d > In || l > Cn) {
@@ -570,22 +569,22 @@ let et = class extends le {
       unitId: r,
       subUnitId: s,
       drawingId: o,
-      drawingType: F.DRAWING_IMAGE,
+      drawingType: L.DRAWING_IMAGE,
       imageSourceType: a,
       source: c,
       transform: z(m, this._selectionRenderService, this._skeletonManagerService),
       sheetTransform: m
     };
-    return this._commandService.executeCommand(kt.id, {
+    return this._commandService.executeCommand(Ft.id, {
       unitId: r,
       drawings: [w]
     });
   }
   // eslint-disable-next-line max-lines-per-function
   async _insertCellImage(n) {
-    let e;
+    let t;
     try {
-      e = await this._imageIoService.saveImage(n);
+      t = await this._imageIoService.saveImage(n);
     } catch (m) {
       const w = m.message;
       w === Be.ERROR_EXCEED_SIZE ? this._messageService.show({
@@ -599,14 +598,14 @@ let et = class extends le {
         content: this._localeService.t("update-status.invalidImage")
       });
     }
-    if (e == null)
+    if (t == null)
       return;
-    const { imageId: t, imageSourceType: r, source: s, base64Cache: o } = e, { width: a, height: c, image: u } = await Sn(o || "");
+    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);
     const d = this._workbookSelections.getCurrentLastSelection();
     if (!d)
       return !1;
-    const l = Nr("", {}), g = pr(
+    const l = Ar("", {}), g = pr(
       this._injector,
       {
         unitId: this._context.unitId,
@@ -626,34 +625,34 @@ let et = class extends le {
         height: g.height
       },
       positionH: {
-        relativeFrom: jr.PAGE,
+        relativeFrom: kr.PAGE,
         posOffset: 0
       },
       positionV: {
-        relativeFrom: Br.PARAGRAPH,
+        relativeFrom: Nr.PARAGRAPH,
         posOffset: 0
       },
       angle: 0
     }, f = {
       unitId: l.getUnitId(),
       subUnitId: l.getUnitId(),
-      drawingId: t,
-      drawingType: F.DRAWING_IMAGE,
+      drawingId: e,
+      drawingType: L.DRAWING_IMAGE,
       imageSourceType: r,
       source: s,
-      transform: is(h),
+      transform: rs(h),
       docTransform: h,
-      behindDoc: Wr.FALSE,
+      behindDoc: jr.FALSE,
       title: "",
       description: "",
-      layoutType: $r.INLINE,
+      layoutType: Wr.INLINE,
       // Insert inline drawing by default.
-      wrapText: xr.BOTH_SIDES,
+      wrapText: Br.BOTH_SIDES,
       distB: 0,
       distL: 0,
       distR: 0,
       distT: 0
-    }, p = Lr.drawing.add({
+    }, p = $r.drawing.add({
       documentDataModel: l,
       drawings: [f],
       selection: {
@@ -662,7 +661,7 @@ let et = class extends le {
         endOffset: 0
       }
     });
-    return p ? (l.apply(p), this._commandService.syncExecuteCommand(Fi.id, {
+    return p ? (l.apply(p), this._commandService.syncExecuteCommand(xi.id, {
       value: {
         [d.primary.actualRow]: {
           [d.primary.actualColumn]: {
@@ -674,13 +673,13 @@ let et = class extends le {
     })) : !1;
   }
   _getUnitInfo() {
-    const n = this._context.unit, e = n.getActiveSheet(), t = n.getUnitId(), r = e.getSheetId();
+    const n = this._context.unit, t = n.getActiveSheet(), e = n.getUnitId(), r = t.getSheetId();
     return {
-      unitId: t,
+      unitId: e,
       subUnitId: r
     };
   }
-  _getImagePosition(n, e, t, r) {
+  _getImagePosition(n, t, e, r) {
     const s = this._workbookSelections.getCurrentSelections();
     let o = {
       startRow: 0,
@@ -689,11 +688,11 @@ let et = class extends le {
       endColumn: 0
     };
     s && s.length > 0 && (o = s[s.length - 1].range);
-    const a = Ln(this._skeletonManagerService.getCurrent().skeleton, o);
+    const a = xn(this._skeletonManagerService.getCurrent().skeleton, o);
     if (a == null)
       return;
     let { startColumn: c, startRow: u, startX: d, startY: l } = a, g = !1;
-    if (d + n > t && (d = t - n, d < 0 && (d = 0, n = t), g = !0), l + e > r && (l = r - e, l < 0 && (l = 0, e = r), g = !0), g) {
+    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);
       if (m == null)
         return;
@@ -704,14 +703,14 @@ let et = class extends le {
       columnOffset: 0,
       row: u,
       rowOffset: 0
-    }, f = this._selectionRenderService.getCellWithCoordByOffset(d + n, l + e);
+    }, f = this._selectionRenderService.getCellWithCoordByOffset(d + n, l + t);
     if (f == null)
       return;
     const p = {
       column: f.actualColumn,
       columnOffset: d + n - f.startX,
       row: f.actualRow,
-      rowOffset: l + e - f.startY
+      rowOffset: l + t - f.startY
     };
     return {
       from: h,
@@ -720,10 +719,10 @@ let et = class extends le {
   }
   _updateOrderListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginOrderUpdate$.subscribe((n) => {
-      const { unitId: e, subUnitId: t, drawingIds: r, arrangeType: s } = n;
+      const { unitId: t, subUnitId: e, drawingIds: r, arrangeType: s } = n;
       this._commandService.executeCommand(fr.id, {
-        unitId: e,
-        subUnitId: t,
+        unitId: t,
+        subUnitId: e,
         drawingIds: r,
         arrangeType: s
       });
@@ -731,34 +730,34 @@ let et = class extends le {
   }
   _updateImageListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginUpdate$.subscribe((n) => {
-      const e = [];
-      n.length !== 0 && (n.forEach((t) => {
-        const { unitId: r, subUnitId: s, drawingId: o, drawingType: a, transform: c } = t;
+      const t = [];
+      n.length !== 0 && (n.forEach((e) => {
+        const { unitId: r, subUnitId: s, drawingId: o, drawingType: a, transform: c } = e;
         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 = x({ ...u.transform, ...c }, this._selectionRenderService);
+        const d = $({ ...u.transform, ...c }, this._selectionRenderService);
         if (d == null)
           return;
         const l = {
-          ...t,
+          ...e,
           transform: { ...u.transform, ...c, ...z(d, this._selectionRenderService, this._skeletonManagerService) },
           sheetTransform: { ...d }
         };
-        e.push(l);
-      }), e.length > 0 && this._commandService.executeCommand(Yt.id, {
+        t.push(l);
+      }), t.length > 0 && this._commandService.executeCommand(Yt.id, {
         unitId: n[0].unitId,
-        drawings: e
+        drawings: t
       }));
     }));
   }
   _groupDrawingListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe((n) => {
       this._commandService.executeCommand(gr.id, n);
-      const { unitId: e, subUnitId: t, drawingId: r } = n[0].parent;
-      this._commandService.syncExecuteCommand(Lt.id, [{ unitId: e, subUnitId: t, drawingId: r }]);
+      const { unitId: t, subUnitId: e, drawingId: r } = n[0].parent;
+      this._commandService.syncExecuteCommand(xt.id, [{ unitId: t, subUnitId: e, drawingId: r }]);
     })), this.disposeWithMe(this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((n) => {
       this._commandService.executeCommand(mr.id, n);
     }));
@@ -766,34 +765,34 @@ let et = class extends le {
   _focusDrawingListener() {
     this.disposeWithMe(
       this._drawingManagerService.focus$.subscribe((n) => {
-        n == null || n.length === 0 ? (this._contextService.setContextValue(Fe, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(Fe, !0), this._sheetDrawingService.focusDrawing(n));
+        n == null || n.length === 0 ? (this._contextService.setContextValue(Le, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(Le, !0), this._sheetDrawingService.focusDrawing(n));
       })
     );
   }
 };
-et = Rs([
+et = vs([
   ie(1, N(V)),
   ie(2, G),
   ie(3, Xe),
   ie(4, Wn),
-  ie(5, Pi),
+  ie(5, Oi),
   ie(6, ae),
   ie(7, oe),
   ie(8, Bn),
   ie(9, Ui),
-  ie(10, N(xt)),
+  ie(10, N($t)),
   ie(11, N(dn)),
   ie(12, N(tt))
 ], et);
-var Ms = Object.defineProperty, ys = Object.getOwnPropertyDescriptor, Ts = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? ys(n, e) : n, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (t ? o(n, e, r) : o(r)) || r);
-  return t && r && Ms(n, e, r), r;
-}, De = (i, n) => (e, t) => n(e, t, i);
-function on(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 = pr(
+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--)
+    (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(
       i,
       {
         unitId: n.unitId,
@@ -806,43 +805,43 @@ function on(i, n, e) {
       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, e.p.documentStyle.pageSize.width = 1 / 0, e.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, t.p.documentStyle.pageSize.width = 1 / 0, t.p.documentStyle.pageSize.height = 1 / 0, !0;
   }
   return !1;
 }
 let Ot = 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();
+  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();
   }
   _initHandleResize() {
     this.disposeWithMe(this._commandService.onCommandExecuted((i) => {
-      let n, e = [];
-      if (i.id === kn.id) {
-        const t = i.params;
-        e = t.ranges, n = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+      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 t = i.params;
-        e = t.ranges, n = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
-      } else if (i.id === ki.id) {
-        const t = i.params;
-        e = t.ranges, n = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+        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 t = i.params;
-        n = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId }), e = t.rowsAutoHeightInfo.map((r) => ({
+        const e = i.params;
+        n = H(this._univerInstanceService, { unitId: e.unitId, subUnitId: e.subUnitId }), t = e.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 t = i.params;
-        e = t.ranges, n = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
-      } else if (i.id === Gi.id) {
-        const t = i.params;
-        e = t.ranges, n = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+        const e = i.params;
+        t = e.ranges, n = H(this._univerInstanceService, { unitId: e.unitId, subUnitId: e.subUnitId });
       }
-      n && e.length && e.forEach((t) => {
-        const r = Fr.transformRange(t, n.worksheet);
+      n && t.length && t.forEach((e) => {
+        const r = xr.transformRange(e, 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));
@@ -853,46 +852,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 === ss.id && i.params.unitId === wt && (this._drawingManagerService.removeDrawingDataForUnit(wt), this._docDrawingController.loadDrawingDataForUnit(wt), this._drawingManagerService.initializeNotification(wt));
+      i.id === is.id && i.params.unitId === wt && (this._drawingManagerService.removeDrawingDataForUnit(wt), this._docDrawingController.loadDrawingDataForUnit(wt), this._drawingManagerService.initializeNotification(wt));
     }));
   }
   _handleWriteCell() {
-    this.disposeWithMe(this._sheetInterceptorService.writeCellInterceptor.intercept(Xi, {
+    this.disposeWithMe(this._sheetInterceptorService.writeCellInterceptor.intercept(Gi, {
       priority: 9999,
-      handler: (i, n, e) => (on(this._injector, { unitId: n.unitId, subUnitId: n.subUnitId, row: n.row, col: n.col }, i), e(i))
+      handler: (i, n, t) => (on(this._injector, { unitId: n.unitId, subUnitId: n.subUnitId, row: n.row, col: n.col }, i), t(i))
     }));
   }
   _initCellContentInterceptor() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        Vi.CELL_CONTENT,
+        Xi.CELL_CONTENT,
         {
-          effect: kr.Style,
-          priority: Hi.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);
+          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);
           }
         }
       )
     );
   }
 };
-Ot = Ts([
+Ot = Cs([
   De(0, G),
-  De(1, N(Ft)),
+  De(1, N(Lt)),
   De(2, Ge),
   De(3, N(tt)),
   De(4, oe),
-  De(5, N(ii)),
-  De(6, N(vi))
+  De(5, N(ri)),
+  De(6, N(_i))
 ], Ot);
-var Es = Object.defineProperty, Os = Object.getOwnPropertyDescriptor, Ps = (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 = (t ? o(n, e, r) : o(r)) || r);
-  return t && r && Es(n, e, r), r;
-}, An = (i, n) => (e, t) => n(e, t, i);
-let Pt = class extends le {
+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--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, An = (i, n) => (t, e) => n(t, e, i);
+let Ut = class extends le {
   constructor(i, n) {
     super(), this._autoFillService = i, this._injector = n, this._initAutoFillHooks();
   }
@@ -900,8 +899,8 @@ let Pt = class extends le {
     this.disposeWithMe(
       this._autoFillService.addHook({
         id: "sheet-cell-image-autofill",
-        onBeforeSubmit: (i, n, e, t) => {
-          new Yr(t).forValue((r, s, o) => {
+        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);
           });
         }
@@ -909,94 +908,94 @@ let Pt = class extends le {
     );
   }
 };
-Pt = Ps([
-  An(0, N(Si)),
+Ut = Rs([
+  An(0, N(vi)),
   An(1, N(tt))
-], Pt);
-var Us = Object.defineProperty, As = Object.getOwnPropertyDescriptor, Ns = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? As(n, e) : n, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (t ? o(n, e, r) : o(r)) || r);
-  return t && r && Us(n, e, r), r;
-}, bt = (i, n) => (e, t) => n(e, t, i);
-let Ut = class extends le {
-  constructor(n, e, t, r) {
+], 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--)
+    (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) {
     super();
     Q(this, "_isSetCursor", !1);
-    this._hoverManagerService = n, this._renderManagerService = e, this._selectionsService = t, this._drawingRenderService = r;
+    this._hoverManagerService = n, this._renderManagerService = t, this._selectionsService = e, this._drawingRenderService = r;
   }
   _initHover() {
   }
   _initImageClick() {
   }
 };
-Ut = Ns([
-  bt(0, N(Ii)),
+Pt = Ms([
+  bt(0, N(Si)),
   bt(1, N(ne)),
   bt(2, N(dn)),
-  bt(3, N($n))
-], Ut);
+  bt(3, N(jn))
+], Pt);
 const Gt = {
   id: "sheet.command.insert-float-image",
   type: te.COMMAND,
   handler: async (i, n) => {
     var s, o;
-    const t = (s = i.get(ne).getCurrentTypeOfRenderer(k.UNIVER_SHEET)) == null ? void 0 : s.with(et);
-    if (!t)
+    const e = (s = i.get(ne).getCurrentTypeOfRenderer(F.UNIVER_SHEET)) == null ? void 0 : s.with(et);
+    if (!e)
       return !1;
     const r = n == null ? void 0 : n.files;
     if (r) {
-      const a = r.map((c) => t.insertFloatImageByFile(c));
+      const a = r.map((c) => e.insertFloatImageByFile(c));
       return (await Promise.all(a)).every((c) => c);
     } else
-      return (o = t.insertFloatImage()) != null ? o : !1;
+      return (o = e.insertFloatImage()) != null ? o : !1;
   }
 }, un = {
   id: "sheet.command.insert-cell-image",
   type: te.COMMAND,
   handler: (i) => {
-    var e, t;
-    return (t = (e = i.get(ne).getCurrentTypeOfRenderer(k.UNIVER_SHEET)) == null ? void 0 : e.with(et).insertCellImage()) != null ? t : !1;
+    var t, e;
+    return (e = (t = i.get(ne).getCurrentTypeOfRenderer(F.UNIVER_SHEET)) == null ? void 0 : t.with(et).insertCellImage()) != null ? e : !1;
   }
 };
-var js = Object.defineProperty, Bs = Object.getOwnPropertyDescriptor, Ws = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? Bs(n, e) : n, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (t ? o(n, e, r) : o(r)) || r);
-  return t && r && js(n, e, r), r;
-}, Je = (i, n) => (e, t) => n(e, t, i);
+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--)
+    (o = i[s]) && (r = o(r) || r);
+  return r;
+}, Je = (i, n) => (t, e) => n(t, e, i);
 const wr = "image/png";
-function $s(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);
+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 });
 }
-function xs(i) {
-  const n = new ClipboardItem({ [wr]: $s(i) });
-  navigator.clipboard.write([n]).catch((e) => {
-    console.error("Could not copy image using clipboard API: ", e);
+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 Ls() {
+function Us() {
   function i() {
-    const t = document.createElement("input");
-    return t.style.position = "absolute", t.style.height = "1px", t.style.width = "1px", t.style.opacity = "0", t;
+    const e = document.createElement("input");
+    return e.style.position = "absolute", e.style.height = "1px", e.style.width = "1px", e.style.opacity = "0", e;
   }
-  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 n = document.activeElement, t = i();
+  return document.body.appendChild(t), t.focus(), () => {
+    t.blur(), document.body.removeChild(t), n instanceof HTMLElement && n.focus();
   };
 }
 const Nn = [
-  Le.SPECIAL_PASTE_COL_WIDTH,
-  Le.SPECIAL_PASTE_VALUE,
-  Le.SPECIAL_PASTE_FORMAT,
-  Le.SPECIAL_PASTE_FORMULA
+  xe.SPECIAL_PASTE_COL_WIDTH,
+  xe.SPECIAL_PASTE_VALUE,
+  xe.SPECIAL_PASTE_FORMAT,
+  xe.SPECIAL_PASTE_FORMULA
 ];
 let At = class extends le {
-  constructor(n, e, t, r, s) {
+  constructor(n, t, e, r, s) {
     super();
     Q(this, "_copyInfo");
-    this._sheetClipboardService = n, this._renderManagerService = e, this._drawingService = t, this._clipboardInterfaceService = r, this._commandService = s, this._initCopyPaste();
+    this._sheetClipboardService = n, this._renderManagerService = t, this._drawingService = e, this._clipboardInterfaceService = r, this._commandService = s, this._initCopyPaste();
   }
   get _focusedDrawings() {
     return this._drawingService.getFocusDrawings();
@@ -1005,7 +1004,7 @@ let At = class extends le {
   _initCopyPaste() {
     this._sheetClipboardService.addClipboardHook({
       id: "SHEET_IMAGE_UI_PLUGIN",
-      onBeforeCopy: (n, e, t, r) => {
+      onBeforeCopy: (n, t, e, r) => {
         const s = this._focusedDrawings;
         if (s.length > 0) {
           const [o] = s;
@@ -1017,8 +1016,8 @@ let At = class extends le {
             this._commandService.executeCommand(nt.id, c);
           }
           setTimeout(() => {
-            const c = Ls();
-            o.drawingType === F.DRAWING_IMAGE && o.imageSourceType === oi.BASE64 ? xs(o.source) : this._clipboardInterfaceService.writeText(""), c();
+            const c = Us();
+            o.drawingType === L.DRAWING_IMAGE && o.imageSourceType === si.BASE64 ? Os(o.source) : this._clipboardInterfaceService.writeText(""), c();
           }, 200);
           const a = {
             unitId: o.unitId,
@@ -1027,30 +1026,30 @@ let At = class extends le {
           };
           this._copyInfo = a;
         } else {
-          const o = this._createDrawingsCopyInfoByRange(n, e, t);
+          const o = this._createDrawingsCopyInfoByRange(n, t, e);
           this._copyInfo = o;
         }
       },
-      onPasteCells: (n, e, t, r) => {
+      onPasteCells: (n, t, e, r) => {
         if (!this._copyInfo)
           return { redos: [], undos: [] };
-        const { copyType: s = be.COPY, pasteType: o } = r, { range: a } = n || {}, { range: c, unitId: u, subUnitId: d } = e;
-        return this._copyInfo.copyRange ? this._generateRangeDrawingsPasteMutations({ pasteType: o, unitId: u, subUnitId: d, pasteRange: c }, { copyRange: a, copyType: s }) : this._generateSingleDrawingPasteMutations({ pasteTo: e, pasteType: o }, be.COPY);
+        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);
       },
-      onPastePlainText: (n, e) => ({ undos: [], redos: [] }),
-      onPasteUnrecognized: (n) => this._copyInfo ? this._generateSingleDrawingPasteMutations({ pasteTo: n, pasteType: Le.DEFAULT_PASTE }, be.COPY) : { undos: [], redos: [] },
-      onPasteFiles: (n, e) => {
+      onPastePlainText: (n, t) => ({ undos: [], redos: [] }),
+      onPasteUnrecognized: (n) => this._copyInfo ? this._generateSingleDrawingPasteMutations({ pasteTo: n, pasteType: xe.DEFAULT_PASTE }, be.COPY) : { undos: [], redos: [] },
+      onPasteFiles: (n, t) => {
         if (this._copyInfo)
-          return this._generateSingleDrawingPasteMutations({ pasteTo: n, pasteType: Le.DEFAULT_PASTE }, be.COPY);
+          return this._generateSingleDrawingPasteMutations({ pasteTo: n, pasteType: xe.DEFAULT_PASTE }, be.COPY);
         {
-          const t = e.filter((r) => r.type.includes("image"));
-          if (t.length)
+          const e = t.filter((r) => r.type.includes("image"));
+          if (e.length)
             return {
               undos: [],
               redos: [
                 {
                   id: Gt.id,
-                  params: { files: t }
+                  params: { files: e }
                 }
               ]
             };
@@ -1059,17 +1058,17 @@ let At = class extends le {
       }
     });
   }
-  _createDrawingsCopyInfoByRange(n, e, t) {
+  _createDrawingsCopyInfoByRange(n, t, e) {
     var g;
     const r = (g = this._renderManagerService.getRenderById(n)) == null ? void 0 : g.with(V);
     if (!r) return;
-    const s = r.attachRangeWithCoord(t);
+    const s = r.attachRangeWithCoord(e);
     if (!s)
       return;
-    const { startX: o, endX: a, startY: c, endY: u } = s, d = this._drawingService.getDrawingData(n, e), l = this._focusedDrawings.slice();
+    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;
-      if (f.anchorType !== P.Both || !p)
+      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: _ } = {
         drawingStartX: m,
@@ -1080,15 +1079,15 @@ let At = class extends le {
       o <= D && v <= a && c <= b && _ <= u && l.push(f);
     }), l.length)
       return {
-        copyRange: t,
+        copyRange: e,
         drawings: l,
         unitId: n,
-        subUnitId: e
+        subUnitId: t
       };
   }
-  _generateSingleDrawingPasteMutations(n, e) {
-    const { pasteType: t, pasteTo: r } = n;
-    if (Nn.includes(t))
+  _generateSingleDrawingPasteMutations(n, t) {
+    const { pasteType: e, pasteTo: r } = n;
+    if (Nn.includes(e))
       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)
@@ -1097,7 +1096,7 @@ let At = class extends le {
     return this._generateMutations(g, {
       unitId: s,
       subUnitId: o,
-      isCut: e === be.CUT,
+      isCut: t === be.CUT,
       getTransform: (f, p) => {
         var S;
         const m = u.attachRangeWithCoord({
@@ -1112,25 +1111,25 @@ let At = class extends le {
         };
         return {
           transform: w,
-          sheetTransform: (S = x(w, d)) != null ? S : p
+          sheetTransform: (S = $(w, d)) != null ? S : p
         };
       }
     });
   }
-  _generateMutations(n, e) {
+  _generateMutations(n, t) {
     const {
-      unitId: t,
+      unitId: e,
       subUnitId: r,
       getTransform: s,
       isCut: o
-    } = e, a = [], c = [], { _drawingService: u } = this;
+    } = t, a = [], c = [], { _drawingService: u } = this;
     return n.forEach((d) => {
       const { transform: l, sheetTransform: g } = d;
       if (!l)
         return;
       const h = s(l, g), f = {
         ...d,
-        unitId: t,
+        unitId: e,
         subUnitId: r,
         drawingId: o ? d.drawingId : ye.generateRandomId(),
         transform: h.transform,
@@ -1139,54 +1138,54 @@ let At = class extends le {
       if (o) {
         const { undo: p, redo: m, objects: w } = u.getBatchUpdateOp([f]);
         a.push({
-          id: U.id,
+          id: A.id,
           params: {
-            unitId: t,
+            unitId: e,
             subUnitId: r,
-            type: A.UPDATE,
+            type: P.UPDATE,
             op: m,
             objects: w
           }
         }), c.push({
-          id: U.id,
+          id: A.id,
           params: {
-            unitId: t,
+            unitId: e,
             subUnitId: r,
-            type: A.UPDATE,
+            type: P.UPDATE,
             op: p,
             objects: w
           }
         });
       } else {
         const { undo: p, redo: m, objects: w } = u.getBatchAddOp([f]);
-        a.push({ id: U.id, params: { op: m, unitId: t, subUnitId: r, objects: w, type: A.INSERT } }), c.push({ id: U.id, params: { op: p, unitId: t, subUnitId: r, objects: w, type: A.REMOVE } });
+        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 } });
       }
     }), { redos: a, undos: c };
   }
   // eslint-disable-next-line max-lines-per-function
-  _generateRangeDrawingsPasteMutations(n, e) {
+  _generateRangeDrawingsPasteMutations(n, t) {
     var E;
     const {
-      unitId: t,
+      unitId: e,
       subUnitId: r,
       pasteType: s,
       pasteRange: o
     } = n, {
       copyRange: a,
       copyType: c
-    } = e;
+    } = t;
     if (Nn.includes(s))
       return { redos: [], undos: [] };
-    const u = (E = this._renderManagerService.getRenderById(t)) == null ? void 0 : E.with(V);
+    const u = (E = this._renderManagerService.getRenderById(e)) == null ? void 0 : E.with(V);
     if (!u || !this._copyInfo)
       return { redos: [], undos: [] };
     const { drawings: d } = this._copyInfo;
     if (!a)
       return this._generateSingleDrawingPasteMutations({
-        pasteTo: { unitId: t, subUnitId: r, range: Rn(o) },
+        pasteTo: { unitId: e, subUnitId: r, range: Rn(o) },
         pasteType: s
       }, c);
-    const { ranges: [l, g], mapFunc: h } = Ci([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: [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({
       startRow: f,
       endRow: f,
       startColumn: p,
@@ -1201,7 +1200,7 @@ let At = class extends le {
       return { redos: [], undos: [] };
     const D = C.startX - S.startX, v = C.startY - S.startY, b = m - f, _ = w - p;
     return this._generateMutations(d, {
-      unitId: t,
+      unitId: e,
       subUnitId: r,
       getTransform: (M, y) => {
         var T, I;
@@ -1230,37 +1229,37 @@ let At = class extends le {
     });
   }
 };
-At = Ws([
-  Je(0, bi),
+At = Ts([
+  Je(0, Ci),
   Je(1, ne),
   Je(2, oe),
-  Je(3, Ai),
+  Je(3, Pi),
   Je(4, G)
 ], At);
-var Fs = Object.defineProperty, ks = Object.getOwnPropertyDescriptor, Ys = (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 = (t ? o(n, e, r) : o(r)) || r);
-  return t && r && Fs(n, e, r), r;
-}, qe = (i, n) => (e, t) => n(e, t, i);
+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--)
+    (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, 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();
+  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();
   }
   _initDrawingVisible() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(k.UNIVER_SHEET), n = this._userManagerService.currentUser$, e = St([i, n]);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), n = this._userManagerService.currentUser$, t = St([i, n]);
     this.disposeWithMe(
-      e.pipe(
-        Se(([t, r]) => t ? t.activeSheet$.pipe(
+      t.pipe(
+        Se(([e, r]) => e ? e.activeSheet$.pipe(
           yn((s) => {
             if (!s) {
               this._drawingManagerService.setDrawingVisible(!1);
               return;
             }
-            const o = t.getUnitId(), a = s.getSheetId();
+            const o = e.getUnitId(), a = s.getSheetId();
             this._permissionService.composePermission([
               new On(o).id,
-              new Pn(o, a).id
-            ]).every((u) => u.value) ? this._drawingManagerService.setDrawingVisible(!0) : this._handleDrawingVisibilityFalse(t, s);
+              new Un(o, a).id
+            ]).every((u) => u.value) ? this._drawingManagerService.setDrawingVisible(!0) : this._handleDrawingVisibilityFalse(e, s);
           })
         ) : (this._drawingManagerService.setDrawingVisible(!1), pe))
       ).subscribe()
@@ -1268,7 +1267,7 @@ let Nt = class extends le {
   }
   _handleDrawingVisibilityFalse(i, n) {
     this._drawingManagerService.setDrawingVisible(!1);
-    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;
+    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;
     if (!a)
       return;
     a.getAllObjectsByOrder().forEach((u) => {
@@ -1276,20 +1275,20 @@ let Nt = class extends le {
     });
   }
   _initDrawingEditable() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(k.UNIVER_SHEET), n = this._userManagerService.currentUser$, e = St([i, n]);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), n = this._userManagerService.currentUser$, t = St([i, n]);
     this.disposeWithMe(
-      e.pipe(
-        Se(([t, r]) => t ? t.activeSheet$.pipe(
+      t.pipe(
+        Se(([e, r]) => e ? e.activeSheet$.pipe(
           yn((s) => {
             if (!s) {
               this._drawingManagerService.setDrawingEditable(!1);
               return;
             }
-            const o = t.getUnitId(), a = s.getSheetId();
+            const o = e.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(t, s);
+            ]).every((u) => u.value) ? this._drawingManagerService.setDrawingEditable(!0) : this._handleDrawingEditableFalse(e, s);
           })
         ) : (this._drawingManagerService.setDrawingEditable(!1), pe))
       ).subscribe()
@@ -1297,7 +1296,7 @@ let Nt = class extends le {
   }
   _handleDrawingEditableFalse(i, n) {
     this._drawingManagerService.setDrawingEditable(!1);
-    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;
+    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;
     if (!a)
       return;
     a.getAllObjectsByOrder().forEach((u) => {
@@ -1305,20 +1304,20 @@ let Nt = class extends le {
     });
   }
   _initViewPermissionChange() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(k.UNIVER_SHEET), n = this._userManagerService.currentUser$;
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), n = this._userManagerService.currentUser$;
     this.disposeWithMe(
       St([i, n]).pipe(
-        Se(([e, t]) => e ? e.activeSheet$.pipe(
+        Se(([t, e]) => t ? t.activeSheet$.pipe(
           Se((r) => {
             if (!r)
               return pe;
-            const s = e.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), c = a == null ? void 0 : a.scene;
+            const s = t.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 Pn(s, o).id
+              new Un(s, o).id
             ]).pipe(
               Ee((l) => l.every((g) => g.value)),
               Tn()
@@ -1334,16 +1333,16 @@ let Nt = class extends le {
           })
         ) : pe)
       ).subscribe({
-        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((d) => {
-            d.classType === We.IMAGE && u.some((l) => d.oKey.includes(l.drawingId)) && t.removeObject(d);
+        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);
           }), r.clearSelectedObjects());
         },
         complete: () => {
           this._drawingManagerService.setDrawingVisible(!0);
-          const e = this._univerInstanceService.getCurrentUnitForType(k.UNIVER_SHEET), t = e == null ? void 0 : e.getActiveSheet(), r = e == null ? void 0 : e.getUnitId(), s = t == null ? void 0 : t.getSheetId();
+          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();
           if (!r || !s)
             return;
           const o = this._drawingManagerService.getDrawingData(r, s), a = Object.values(o);
@@ -1353,14 +1352,14 @@ let Nt = class extends le {
     );
   }
   _initEditPermissionChange() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(k.UNIVER_SHEET), n = this._userManagerService.currentUser$;
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), n = this._userManagerService.currentUser$;
     this.disposeWithMe(
       St([i, n]).pipe(
-        Se(([e, t]) => e ? e.activeSheet$.pipe(
+        Se(([t, e]) => t ? t.activeSheet$.pipe(
           Se((r) => {
             if (!r)
               return pe;
-            const s = e.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), c = a == null ? void 0 : a.scene;
+            const s = t.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), c = a == null ? void 0 : a.scene;
             if (!c)
               return pe;
             const u = c.getTransformerByCreate();
@@ -1382,26 +1381,26 @@ let Nt = class extends le {
           })
         ) : pe)
       ).subscribe({
-        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((d) => {
-            d.classType === We.IMAGE && u.some((l) => d.oKey.includes(l.drawingId)) && t.attachTransformerTo(d);
+        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)) && t.detachTransformerFrom(d);
+            d.classType === We.IMAGE && u.some((l) => d.oKey.includes(l.drawingId)) && e.detachTransformerFrom(d);
           }), r.clearSelectedObjects());
         },
         complete: () => {
-          const e = this._univerInstanceService.getCurrentUnitForType(k.UNIVER_SHEET);
-          if (!e)
+          const t = this._univerInstanceService.getCurrentUnitForType(F.UNIVER_SHEET);
+          if (!t)
             return;
-          const t = e.getUnitId(), r = e.getActiveSheet();
+          const e = t.getUnitId(), r = t.getActiveSheet();
           if (!r)
             return;
-          const s = r.getSheetId(), o = this._renderManagerService.getRenderById(t), a = o == null ? void 0 : o.scene;
+          const s = r.getSheetId(), o = this._renderManagerService.getRenderById(e), a = o == null ? void 0 : o.scene;
           if (!a)
             return;
-          const c = this._drawingManagerService.getDrawingData(t, s), u = Object.values(c);
+          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);
           });
@@ -1410,32 +1409,32 @@ let Nt = class extends le {
     );
   }
 };
-Nt = Ys([
+Nt = As([
   qe(0, oe),
   qe(1, ne),
-  qe(2, Xr),
+  qe(2, Yr),
   qe(3, Ge),
   qe(4, N(Gr))
 ], Nt);
-var Gs = Object.defineProperty, Xs = Object.getOwnPropertyDescriptor, Vs = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? Xs(n, e) : n, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (t ? o(n, e, r) : o(r)) || r);
-  return t && r && Gs(n, e, r), r;
-}, Rt = (i, n) => (e, t) => n(e, t, i);
-let jt = class extends le {
-  constructor(i, n, e, t) {
-    super(), this._sheetPrintInterceptorService = i, this._drawingRenderService = n, this._drawingManagerService = e, this._renderManagerService = t, this._initPrinting();
+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--)
+    (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();
   }
   _initPrinting() {
     this.disposeWithMe(
       this._sheetPrintInterceptorService.interceptor.intercept(
         this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT,
         {
-          handler: (i, n, e) => {
-            const { unitId: t, scene: r, subUnitId: s } = n, o = this._drawingManagerService.getDrawingDataForUnit(t), a = o == null ? void 0 : o[s];
+          handler: (i, n, t) => {
+            const { unitId: e, scene: r, subUnitId: s } = n, o = this._drawingManagerService.getDrawingDataForUnit(e), a = o == null ? void 0 : o[s];
             return a && a.order.forEach((c) => {
               this._drawingRenderService.renderDrawing(a.data[c], r);
-            }), e();
+            }), t();
           }
         }
       )
@@ -1443,41 +1442,41 @@ let jt = class extends le {
       this._sheetPrintInterceptorService.interceptor.intercept(
         this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_RANGE,
         {
-          handler: (i, n, e) => {
-            const { unitId: t, subUnitId: r } = n, s = this._renderManagerService.getRenderById(t);
+          handler: (i, n, t) => {
+            const { unitId: e, subUnitId: r } = n, s = this._renderManagerService.getRenderById(e);
             if (!s)
-              return e(i);
+              return t(i);
             const o = s.with(V).getSkeletonParam(r);
             if (!o)
-              return e(i);
-            const a = this._drawingManagerService.getDrawingDataForUnit(t), c = a == null ? void 0 : a[n.subUnitId];
+              return t(i);
+            const a = this._drawingManagerService.getDrawingDataForUnit(e), c = a == null ? void 0 : a[n.subUnitId];
             if (!c)
-              return e(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 !== F.DRAWING_DOM);
+              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 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);
               }
-            }), e(l)) : e(i);
+            }), t(l)) : t(i);
           }
         }
       )
     );
   }
 };
-jt = Vs([
-  Rt(0, N(Ri)),
-  Rt(1, N($n)),
+kt = ks([
+  Rt(0, N(bi)),
+  Rt(1, N(jn)),
   Rt(2, oe),
   Rt(3, ne)
-], jt);
-var Hs = Object.defineProperty, zs = Object.getOwnPropertyDescriptor, Ks = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? zs(n, e) : n, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (t ? o(n, e, r) : o(r)) || r);
-  return t && r && Hs(n, e, r), r;
-}, _e = (i, n) => (e, t) => n(e, t, i);
-const Zs = [
+], 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--)
+    (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,
@@ -1497,23 +1496,23 @@ const Zs = [
   sr.id,
   or.id,
   ar.id
-], Js = [
+], $s = [
+  Hi.id,
   zi.id,
   Ki.id,
   Zi.id,
-  Ji.id,
-  kn.id,
+  Fn.id,
   Yn.id
 ];
 let an = 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();
+  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();
   }
   _sheetInterceptorListener() {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
         getMutations: (i) => {
-          if (!Zs.includes(i.id))
+          if (!js.includes(i.id))
             return { redos: [], undos: [] };
           if (i.params == null)
             return { redos: [], undos: [] };
@@ -1529,42 +1528,42 @@ let an = class extends le {
           if (n === zn.id)
             return this._moveColInterceptor(i.params, "remove");
           if (n === Kn.id) {
-            const { range: e } = i.params;
+            const { range: t } = i.params;
             return this._getRangeMoveUndo(
-              e,
+              t,
               0
               /* deleteLeft */
             );
           } else if (n === Zn.id) {
-            const { range: e } = i.params;
+            const { range: t } = i.params;
             return this._getRangeMoveUndo(
-              e,
+              t,
               1
               /* deleteUp */
             );
           } else if (n === Jn.id) {
-            const { range: e } = i.params;
+            const { range: t } = i.params;
             return this._getRangeMoveUndo(
-              e,
+              t,
               2
               /* insertDown */
             );
           } else if (n === qn.id) {
-            const { range: e } = i.params;
+            const { range: t } = i.params;
             return this._getRangeMoveUndo(
-              e,
+              t,
               3
               /* insertRight */
             );
           } else if (n === tr.id || n === nr.id) {
-            const e = i.params, { unitId: t, subUnitId: r, ranges: s } = e;
-            return this._getDrawingUndoForRowVisible(t, r, s);
+            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 e = i.params, { unitId: t, subUnitId: r, ranges: s } = e;
-            return this._getDrawingUndoForColVisible(t, r, s);
+            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 e = i.params, { unitId: t, subUnitId: r, ranges: s } = e, o = n === tn.id || n === nn.id;
-            return this._getDrawingUndoForRowAndColSize(t, r, s, o);
+            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);
           }
           return { redos: [], undos: [] };
         }
@@ -1572,10 +1571,10 @@ let an = class extends le {
     );
   }
   _getRangeMoveUndo(i, n) {
-    const e = H(this._univerInstanceService);
-    if (e == null)
+    const t = H(this._univerInstanceService);
+    if (t == null)
       return { redos: [], undos: [] };
-    const t = e.unitId, r = e.subUnitId, s = [], o = [], a = this._sheetDrawingService.getDrawingData(t, r), c = [], u = [];
+    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);
       c.push(...g), u.push(...h);
@@ -1583,22 +1582,22 @@ let an = class extends le {
       return { redos: [], undos: [] };
     if (c.length > 0) {
       const d = this._sheetDrawingService.getBatchUpdateOp(c), { undo: l, redo: g, objects: h } = d;
-      s.push({ id: U.id, params: { unitId: t, subUnitId: r, op: g, objects: h, type: A.UPDATE } }), o.push({ id: U.id, params: { unitId: t, subUnitId: r, op: l, objects: h, type: A.UPDATE } });
+      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 } });
     }
     if (u.length > 0) {
       const d = this._sheetDrawingService.getBatchRemoveOp(u), l = d.undo, g = d.redo, h = d.objects;
-      s.push({ id: U.id, params: { unitId: t, subUnitId: r, op: g, objects: h, type: A.REMOVE } }), o.push({ id: U.id, params: { unitId: t, subUnitId: r, op: l, objects: h, type: A.INSERT } });
+      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 } });
     }
-    return s.push({ id: L.id, params: [t] }), o.push({ id: L.id, params: [t] }), {
+    return s.push({ id: x.id, params: [e] }), o.push({ id: x.id, params: [e] }), {
       redos: s,
       undos: o
     };
   }
-  _getUpdateOrDeleteDrawings(i, n, e) {
-    const t = [], r = [], { sheetTransform: s, anchorType: o = P.Position, transform: a, unitId: c, subUnitId: u, drawingId: d } = e, { from: l, to: g } = s, { row: h, column: f } = l, { row: p, column: m } = g;
+  _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;
     if (s == null || a == null)
       return {
-        updateDrawings: t,
+        updateDrawings: e,
         deleteDrawings: r
       };
     const { startRow: w, endRow: S, startColumn: C, endColumn: D } = i;
@@ -1626,31 +1625,31 @@ let an = class extends le {
     }
     if (v != null && b != null) {
       const _ = z(v, this._selectionRenderService, this._skeletonManagerService);
-      t.push({ ...e, sheetTransform: v, transform: _ });
+      e.push({ ...t, sheetTransform: v, transform: _ });
     }
-    return { updateDrawings: t, deleteDrawings: r };
+    return { updateDrawings: e, deleteDrawings: r };
   }
-  _remainDrawingSize(i, n, e) {
-    const t = x({ ...i }, this._selectionRenderService);
-    t != null && n.push({
-      ...e,
-      sheetTransform: t
+  _remainDrawingSize(i, n, t) {
+    const e = $({ ...i }, this._selectionRenderService);
+    e != null && n.push({
+      ...t,
+      sheetTransform: e
     });
   }
   // eslint-disable-next-line max-lines-per-function
-  _getDrawingUndoForColVisible(i, n, e) {
-    const t = this._drawingManagerService.getDrawingData(i, n), r = [], s = [];
-    if (Object.keys(t).forEach((d) => {
-      const l = t[d], { sheetTransform: g, transform: h, anchorType: f = P.Position } = l;
-      if (f === P.None)
+  _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;
+      if (f === U.None)
         this._remainDrawingSize(h, r, l);
       else {
         const { from: p, to: m } = g, { row: w, column: S } = p, { row: C, column: D } = m;
-        for (let v = 0; v < e.length; v++) {
-          const b = e[v], { startRow: _, endRow: E, startColumn: M, endColumn: y } = b;
+        for (let v = 0; v < t.length; v++) {
+          const b = t[v], { startRow: _, endRow: E, startColumn: M, endColumn: y } = b;
           if (D < M)
             continue;
-          if (f === P.Position) {
+          if (f === U.Position) {
             let R = null, O = null;
             if (S >= M && S <= y) {
               const B = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: y, startRow: p.row, endRow: m.row });
@@ -1658,7 +1657,7 @@ let an = class extends le {
                 return;
               O = { ...h, left: B.startX };
             }
-            if (O != null && (R = x(O, this._selectionRenderService), R != null && O != null)) {
+            if (O != null && (R = $(O, this._selectionRenderService), R != null && O != null)) {
               r.push({ ...l, sheetTransform: R, transform: O });
               break;
             }
@@ -1692,12 +1691,12 @@ let an = class extends le {
             if (I = {
               ...h,
               width: ((h == null ? void 0 : h.width) || 0) - R.endX + R.startX
-            }, T = x(I, this._selectionRenderService), T != null && I != null) {
+            }, T = $(I, this._selectionRenderService), T != null && I != null) {
               s.push({ ...l, sheetTransform: T, transform: I });
               break;
             }
           }
-          if (I != null && (T = x(I, this._selectionRenderService)), I != null && T != null) {
+          if (I != null && (T = $(I, this._selectionRenderService)), I != null && T != null) {
             r.push({ ...l, sheetTransform: T, transform: I });
             break;
           } else
@@ -1718,13 +1717,13 @@ let an = class extends le {
       preUndos: u
     };
   }
-  _createUndoAndRedoMutation(i, n, e) {
-    const t = this._sheetDrawingService.getBatchUpdateOp(e), { undo: r, redo: s, objects: o } = t, a = [
-      { id: U.id, params: { unitId: i, subUnitId: n, op: s, objects: o, type: A.UPDATE } },
-      { id: L.id, params: [i] }
+  _createUndoAndRedoMutation(i, n, t) {
+    const e = this._sheetDrawingService.getBatchUpdateOp(t), { undo: r, redo: s, objects: o } = e, a = [
+      { id: A.id, params: { unitId: i, subUnitId: n, op: s, objects: o, type: P.UPDATE } },
+      { id: x.id, params: [i] }
     ], c = [
-      { id: U.id, params: { unitId: i, subUnitId: n, op: r, objects: o, type: A.UPDATE } },
-      { id: L.id, params: [i] }
+      { id: A.id, params: { unitId: i, subUnitId: n, op: r, objects: o, type: P.UPDATE } },
+      { id: x.id, params: [i] }
     ];
     return {
       redos: a,
@@ -1732,19 +1731,19 @@ let an = class extends le {
     };
   }
   // eslint-disable-next-line max-lines-per-function
-  _getDrawingUndoForRowVisible(i, n, e) {
-    const t = this._drawingManagerService.getDrawingData(i, n), r = [], s = [];
-    if (Object.keys(t).forEach((d) => {
-      const l = t[d], { sheetTransform: g, transform: h, anchorType: f = P.Position } = l;
-      if (f === P.None)
+  _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;
+      if (f === U.None)
         this._remainDrawingSize(h, r, l);
       else {
         const { from: p, to: m } = g, { row: w, column: S } = p, { row: C, column: D } = m;
-        for (let v = 0; v < e.length; v++) {
-          const b = e[v], { startRow: _, endRow: E, startColumn: M, endColumn: y } = b;
+        for (let v = 0; v < t.length; v++) {
+          const b = t[v], { startRow: _, endRow: E, startColumn: M, endColumn: y } = b;
           if (C < _)
             continue;
-          if (f === P.Position) {
+          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 });
@@ -1752,7 +1751,7 @@ let an = class extends le {
                 return;
               O = { ...h, top: B.startY };
             }
-            if (O != null && (R = x(O, this._selectionRenderService), R != null && O != null)) {
+            if (O != null && (R = $(O, this._selectionRenderService), R != null && O != null)) {
               r.push({ ...l, sheetTransform: R, transform: O });
               break;
             }
@@ -1786,12 +1785,12 @@ let an = class extends le {
             if (I = {
               ...h,
               height: ((h == null ? void 0 : h.height) || 0) - R.endY + R.startY
-            }, T = x(I, this._selectionRenderService), T != null && I != null) {
+            }, T = $(I, this._selectionRenderService), T != null && I != null) {
               s.push({ ...l, sheetTransform: T, transform: I });
               break;
             }
           }
-          if (I != null && (T = x(I, this._selectionRenderService)), I != null && T != null) {
+          if (I != null && (T = $(I, this._selectionRenderService)), I != null && T != null) {
             r.push({ ...l, sheetTransform: T, transform: I });
             break;
           } else
@@ -1812,19 +1811,19 @@ let an = class extends le {
       preUndos: u
     };
   }
-  _getDrawingUndoForRowAndColSize(i, n, e, t) {
+  _getDrawingUndoForRowAndColSize(i, n, t, e) {
     const r = this._drawingManagerService.getDrawingData(i, n), s = [];
     return Object.keys(r).forEach((o) => {
-      const a = r[o], { sheetTransform: c, transform: u, anchorType: d = P.Position } = a;
-      if (d === P.None)
+      const a = r[o], { sheetTransform: c, transform: u, anchorType: d = U.Position } = a;
+      if (d === 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 < e.length; w++) {
-          const S = e[w], { startRow: C, endRow: D, startColumn: v, endColumn: b } = S;
+        for (let w = 0; w < t.length; w++) {
+          const S = t[w], { startRow: C, endRow: D, startColumn: v, endColumn: b } = S;
           if (p < C || m < v)
             continue;
-          if (d === P.Position && (h <= C && p >= D || f <= v && m >= b)) {
+          if (d === U.Position && (h <= C && p >= D || f <= v && m >= b)) {
             this._remainDrawingSize(u, s, a);
             continue;
           }
@@ -1845,32 +1844,32 @@ let an = class extends le {
     }), s.length === 0 ? { redos: [], undos: [] } : this._createUndoAndRedoMutation(i, n, s);
   }
   _getUnitIdAndSubUnitId(i, n) {
-    let e, t;
+    let t, e;
     if (n === "insert")
-      e = i.unitId, t = i.subUnitId;
+      t = i.unitId, e = i.subUnitId;
     else {
       const r = H(this._univerInstanceService);
       if (r == null)
         return;
-      e = r.unitId, t = r.subUnitId;
+      t = r.unitId, e = r.subUnitId;
     }
-    return { unitId: e, subUnitId: t };
+    return { unitId: t, subUnitId: e };
   }
   _moveRangeInterceptor(i) {
     var C, D;
-    const { toRange: n, fromRange: e } = i, t = H(this._univerInstanceService);
-    if (!t)
+    const { toRange: n, fromRange: t } = i, e = H(this._univerInstanceService);
+    if (!e)
       return { redos: [], undos: [] };
-    const { unitId: r, subUnitId: s } = t, o = (D = (C = this._renderManagerService.getRenderById(r)) == null ? void 0 : C.with(V)) == null ? void 0 : D.getCurrentSkeleton();
+    const { unitId: r, subUnitId: s } = e, o = (D = (C = this._renderManagerService.getRenderById(r)) == null ? void 0 : C.with(V)) == null ? void 0 : D.getCurrentSkeleton();
     if (!o)
       return { redos: [], undos: [] };
-    const a = Ln(o, e);
+    const a = xn(o, t);
     if (!a)
       return { redos: [], undos: [] };
     const { startX: c, endX: u, startY: d, endY: l } = a, g = this._sheetDrawingService.getDrawingData(r, s), h = [];
     Object.keys(g).forEach((v) => {
       const b = g[v];
-      if (b.anchorType !== P.Both)
+      if (b.anchorType !== U.Both)
         return;
       const { transform: _ } = b;
       if (!_)
@@ -1883,7 +1882,7 @@ let an = class extends le {
       };
       c <= I && R <= u && d <= O && B <= l && h.push(b);
     });
-    const f = [], p = [], m = n.startRow - e.startRow, w = n.startColumn - e.startColumn, S = h.map((v) => {
+    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 }
@@ -1898,17 +1897,17 @@ let an = class extends le {
     });
     if (S.length) {
       const v = this._sheetDrawingService.getBatchUpdateOp(S), { undo: b, redo: _, objects: E } = v;
-      f.push({ id: U.id, params: { unitId: r, subUnitId: s, op: _, objects: E, type: A.UPDATE } }), p.push({ id: U.id, params: { unitId: r, subUnitId: s, op: b, objects: E, type: A.UPDATE } });
+      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 } });
     }
     return { redos: f, undos: p };
   }
   _moveRowInterceptor(i, n) {
-    const e = this._getUnitIdAndSubUnitId(i, n);
-    if (e == null)
+    const t = this._getUnitIdAndSubUnitId(i, n);
+    if (t == null)
       return { redos: [], undos: [] };
-    const { unitId: t, subUnitId: r } = e, { range: s } = i, o = s.startRow, a = s.endRow, c = [], u = [], d = this._sheetDrawingService.getDrawingData(t, r), l = [], g = [];
+    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 = P.Position } = f;
+      const f = d[h], { sheetTransform: p, transform: m, anchorType: w = U.Position } = f;
       if (p == null || m == null)
         return;
       let S, C;
@@ -1917,8 +1916,8 @@ let an = class extends le {
         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 === P.Both && _ >= o && E <= a)
-          g.push({ unitId: t, subUnitId: r, drawingId: h });
+        if (w === U.Both && _ >= o && E <= a)
+          g.push({ unitId: e, 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;
@@ -1926,30 +1925,30 @@ let an = class extends le {
       }
       if (!S || !C)
         return;
-      const D = { unitId: t, subUnitId: r, drawingId: h, transform: C, sheetTransform: S };
+      const D = { unitId: e, subUnitId: r, drawingId: h, transform: C, sheetTransform: S };
       l.push(D);
     }), l.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: U.id, params: { unitId: t, subUnitId: r, op: p, objects: m, type: A.UPDATE } }), u.push({ id: U.id, params: { unitId: t, subUnitId: r, op: f, objects: m, type: A.UPDATE } });
+      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 (g.length > 0) {
       const h = this._sheetDrawingService.getBatchRemoveOp(g), f = h.undo, p = h.redo, m = h.objects;
-      c.push({ id: U.id, params: { unitId: t, subUnitId: r, op: p, objects: m, type: A.REMOVE } }), u.push({ id: U.id, params: { unitId: t, subUnitId: r, op: f, objects: m, type: A.INSERT } });
+      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 } });
     }
-    return c.push({ id: L.id, params: [t] }), u.push({ id: L.id, params: [t] }), {
+    return c.push({ id: x.id, params: [e] }), u.push({ id: x.id, params: [e] }), {
       redos: c,
       undos: u
     };
   }
   _moveColInterceptor(i, n) {
-    const e = this._getUnitIdAndSubUnitId(i, n);
-    if (e == null)
+    const t = this._getUnitIdAndSubUnitId(i, n);
+    if (t == null)
       return { redos: [], undos: [] };
-    const { unitId: t, subUnitId: r } = e, { range: s } = i, o = s.startColumn, a = s.endColumn, c = [], u = [], d = this._sheetDrawingService.getDrawingData(t, r), l = [], g = [];
+    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 = P.Position } = f;
+      const f = d[h], { sheetTransform: p, transform: m, anchorType: w = U.Position } = f;
       if (p == null || m == null)
         return;
       let S, C;
@@ -1958,8 +1957,8 @@ let an = class extends le {
         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 === P.Both && _ >= o && E <= a)
-          g.push({ unitId: t, subUnitId: r, drawingId: h });
+        if (w === U.Both && _ >= o && E <= a)
+          g.push({ unitId: e, 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;
@@ -1967,42 +1966,42 @@ let an = class extends le {
       }
       if (!S || !C)
         return;
-      const D = { unitId: t, subUnitId: r, drawingId: h, transform: C, sheetTransform: S };
+      const D = { unitId: e, subUnitId: r, drawingId: h, transform: C, sheetTransform: S };
       l.push(D);
     }), l.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: U.id, params: { unitId: t, subUnitId: r, op: p, objects: m, type: A.UPDATE } }), u.push({ id: U.id, params: { unitId: t, subUnitId: r, op: f, objects: m, type: A.UPDATE } });
+      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 (g.length > 0) {
       const h = this._sheetDrawingService.getBatchRemoveOp(g), f = h.undo, p = h.redo, m = h.objects;
-      c.push({ id: U.id, params: { unitId: t, subUnitId: r, op: p, objects: m, type: A.REMOVE } }), u.push({ id: U.id, params: { unitId: t, subUnitId: r, op: f, objects: m, type: A.INSERT } });
+      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 } });
     }
-    return c.push({ id: L.id, params: [t] }), u.push({ id: L.id, params: [t] }), { redos: c, undos: u };
+    return c.push({ id: x.id, params: [e] }), u.push({ id: x.id, params: [e] }), { redos: c, undos: u };
   }
-  _expandCol(i, n, e, t, r = P.Position) {
-    const s = t - e + 1, { from: o, to: a } = i, { column: c } = o, { column: u } = a;
-    if (r === P.None)
+  _expandCol(i, n, t, e, r = U.Position) {
+    const s = e - t + 1, { from: o, to: a } = i, { column: c } = o, { column: u } = a;
+    if (r === U.None)
       return {
-        newSheetTransform: x({ ...n }, this._selectionRenderService),
+        newSheetTransform: $({ ...n }, this._selectionRenderService),
         newTransform: n
       };
     let d = null, l = null;
-    if (c >= e) {
-      const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: e, endColumn: t, startRow: o.row, endRow: a.row });
+    if (c >= t) {
+      const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: t, endColumn: e, startRow: o.row, endRow: a.row });
       if (g == null)
         return;
-      l = { ...n, left: (n.left || 0) + g.endX - g.startX }, d = x(l, this._selectionRenderService);
-    } else if (u >= t)
-      if (r === P.Both)
+      l = { ...n, left: (n.left || 0) + g.endX - g.startX }, d = $(l, this._selectionRenderService);
+    } else if (u >= e)
+      if (r === U.Both)
         d = {
           from: { ...o },
           to: { ...a, column: u + s }
         }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
-          newSheetTransform: x({ ...n }, this._selectionRenderService),
+          newSheetTransform: $({ ...n }, this._selectionRenderService),
           newTransform: n
         };
     return d != null && l != null ? {
@@ -2010,47 +2009,47 @@ let an = class extends le {
       newTransform: l
     } : null;
   }
-  _shrinkCol(i, n, e, t, r = P.Position) {
-    const s = t - e + 1, { from: o, to: a } = i, { column: c } = o, { column: u } = a;
-    if (r === P.None)
+  _shrinkCol(i, n, t, e, r = U.Position) {
+    const s = e - t + 1, { from: o, to: a } = i, { column: c } = o, { column: u } = a;
+    if (r === U.None)
       return {
-        newSheetTransform: x({ ...n }, this._selectionRenderService),
+        newSheetTransform: $({ ...n }, this._selectionRenderService),
         newTransform: n
       };
     let d = null, l = null;
-    if (c > t)
+    if (c > e)
       d = {
         from: { ...o, column: c - s },
         to: { ...a, column: u - s }
       }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
     else {
-      if (c >= e && u <= t)
+      if (c >= t && u <= e)
         return null;
-      if (c < e && u > t)
-        if (r === P.Both)
+      if (c < t && u > e)
+        if (r === U.Both)
           d = {
             from: { ...o },
             to: { ...a, column: u - s }
           }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
-            newSheetTransform: x({ ...n }, this._selectionRenderService),
+            newSheetTransform: $({ ...n }, this._selectionRenderService),
             newTransform: n
           };
-      else if (c >= e && c <= t) {
-        if (c === e)
+      else if (c >= t && c <= e) {
+        if (c === t)
           l = { ...n, left: (n.left || 0) - i.from.columnOffset };
         else {
-          const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: e, endColumn: c - 1, startRow: o.row, endRow: a.row });
+          const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: t, 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 = x(l, this._selectionRenderService);
-      } else if (u >= e && u <= t && r === P.Both) {
+        d = $(l, this._selectionRenderService);
+      } else if (u >= t && u <= e && r === U.Both) {
         const g = this._skeletonManagerService.attachRangeWithCoord({
-          startColumn: e - 1,
-          endColumn: e - 1,
+          startColumn: t - 1,
+          endColumn: t - 1,
           startRow: o.row,
           endRow: a.row
         });
@@ -2058,7 +2057,7 @@ let an = class extends le {
           return;
         d = {
           from: { ...o },
-          to: { ...a, column: e - 1, columnOffset: g.endX - g.startX }
+          to: { ...a, column: t - 1, columnOffset: g.endX - g.startX }
         }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
       }
     }
@@ -2067,21 +2066,21 @@ let an = class extends le {
       newTransform: l
     } : null;
   }
-  _expandRow(i, n, e, t, r = P.Position) {
-    const s = t - e + 1, { from: o, to: a } = i, { row: c } = o, { row: u } = a;
-    if (r === P.None)
+  _expandRow(i, n, t, e, r = U.Position) {
+    const s = e - t + 1, { from: o, to: a } = i, { row: c } = o, { row: u } = a;
+    if (r === U.None)
       return {
-        newSheetTransform: x({ ...n }, this._selectionRenderService),
+        newSheetTransform: $({ ...n }, this._selectionRenderService),
         newTransform: n
       };
     let d = null, l = null;
-    if (c >= e) {
-      const g = this._skeletonManagerService.attachRangeWithCoord({ startRow: e, endRow: t, startColumn: o.column, endColumn: a.column });
+    if (c >= t) {
+      const g = this._skeletonManagerService.attachRangeWithCoord({ startRow: t, endRow: e, startColumn: o.column, endColumn: a.column });
       if (g == null)
         return;
-      l = { ...n, top: (n.top || 0) + g.endY - g.startY }, d = x(l, this._selectionRenderService);
-    } else if (u >= t)
-      if (r === P.Both)
+      l = { ...n, top: (n.top || 0) + g.endY - g.startY }, d = $(l, this._selectionRenderService);
+    } else if (u >= e)
+      if (r === U.Both)
         d = {
           from: { ...o },
           to: {
@@ -2091,7 +2090,7 @@ let an = class extends le {
         }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
-          newSheetTransform: x({ ...n }, this._selectionRenderService),
+          newSheetTransform: $({ ...n }, this._selectionRenderService),
           newTransform: n
         };
     return d != null && l != null ? {
@@ -2099,50 +2098,50 @@ let an = class extends le {
       newTransform: l
     } : null;
   }
-  _shrinkRow(i, n, e, t, r = P.Position) {
-    const s = t - e + 1, { from: o, to: a } = i, { row: c } = o, { row: u } = a;
-    if (r === P.None)
+  _shrinkRow(i, n, t, e, r = U.Position) {
+    const s = e - t + 1, { from: o, to: a } = i, { row: c } = o, { row: u } = a;
+    if (r === U.None)
       return {
-        newSheetTransform: x({ ...n }, this._selectionRenderService),
+        newSheetTransform: $({ ...n }, this._selectionRenderService),
         newTransform: n
       };
     let d = null, l = null;
-    if (c > t)
+    if (c > e)
       d = {
         from: { ...o, row: c - s },
         to: { ...a, row: u - s }
       }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
     else {
-      if (c >= e && u <= t)
+      if (c >= t && u <= e)
         return null;
-      if (c < e && u > t)
-        if (r === P.Both)
+      if (c < t && u > e)
+        if (r === U.Both)
           d = {
             from: { ...o },
             to: { ...a, row: u - s }
           }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
-            newSheetTransform: x({ ...n }, this._selectionRenderService),
+            newSheetTransform: $({ ...n }, this._selectionRenderService),
             newTransform: n
           };
-      else if (c >= e && c <= t) {
-        if (c === e)
+      else if (c >= t && c <= e) {
+        if (c === t)
           l = { ...n, top: (n.top || 0) - i.from.rowOffset };
         else {
-          const g = this._skeletonManagerService.attachRangeWithCoord({ startRow: e, endRow: c - 1, startColumn: o.column, endColumn: a.column });
+          const g = this._skeletonManagerService.attachRangeWithCoord({ startRow: t, 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 = x(l, this._selectionRenderService);
-      } else if (u >= e && u <= t && r === P.Both) {
-        const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: e - 1, endRow: e - 1 });
+        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 });
         if (g == null)
           return;
         d = {
           from: { ...o },
-          to: { ...a, row: e - 1, rowOffset: g.endY - g.startY }
+          to: { ...a, row: t - 1, rowOffset: g.endY - g.startY }
         }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
       }
     }
@@ -2157,74 +2156,74 @@ 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 === qi.id) {
-          const { unitId: n, subUnitId: e } = i.params;
-          this._updateDrawings(n, e);
+        if (i.id === Ji.id) {
+          const { unitId: n, subUnitId: t } = i.params;
+          this._updateDrawings(n, t);
         }
       })
     ), this.disposeWithMe(
       this._context.activated$.subscribe((i) => {
-        const { unit: n, unitId: e } = this._context;
+        const { unit: n, unitId: t } = this._context;
         if (i) {
-          const t = n.getActiveSheet().getSheetId();
-          this._updateDrawings(e, t);
+          const e = n.getActiveSheet().getSheetId();
+          this._updateDrawings(t, e);
         } else
-          this._clearDrawings(e);
+          this._clearDrawings(t);
       })
     );
   }
   _clearDrawings(i) {
     setTimeout(() => {
-      const n = this._drawingManagerService.drawingManagerData, e = [];
-      Object.keys(n).forEach((t) => {
-        const r = n[t];
+      const n = this._drawingManagerService.drawingManagerData, t = [];
+      Object.keys(n).forEach((e) => {
+        const r = n[e];
         r != null && Object.keys(r).forEach((s) => {
           const o = r[s].data;
           o != null && Object.keys(o).forEach((a) => {
-            t === i && e.push(o[a]);
+            e === i && t.push(o[a]);
           });
         });
-      }), this._drawingManagerService.removeNotification(e);
+      }), this._drawingManagerService.removeNotification(t);
     });
   }
   _updateDrawings(i, n) {
     setTimeout(() => {
-      const e = this._drawingManagerService.drawingManagerData, t = [], r = [];
-      Object.keys(e).forEach((s) => {
-        const o = e[s];
+      const t = this._drawingManagerService.drawingManagerData, e = [], r = [];
+      Object.keys(t).forEach((s) => {
+        const o = t[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), t.push(c[u]);
+              d.transform = z(d.sheetTransform, this._selectionRenderService, this._skeletonManagerService), e.push(c[u]);
             } else
               r.push(c[u]);
           });
         });
-      }), this._drawingManagerService.removeNotification(r), this._drawingManagerService.addNotification(t);
+      }), this._drawingManagerService.removeNotification(r), this._drawingManagerService.addNotification(e);
     }, 0);
   }
   _sheetRefreshListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        Js.includes(i.id) && requestIdleCallback(() => {
-          const n = i.params, { unitId: e, subUnitId: t, ranges: r } = n;
-          this._refreshDrawingTransform(e, t, r);
+        $s.includes(i.id) && requestIdleCallback(() => {
+          const n = i.params, { unitId: t, subUnitId: e, ranges: r } = n;
+          this._refreshDrawingTransform(t, e, r);
         });
       })
     );
   }
-  _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 = P.Position } = o;
-      if (u === P.None)
+  _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;
+      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 < e.length; m++) {
-        const w = e[m], { startRow: S, endRow: C, startColumn: D, endColumn: v } = w;
-        if (Vr.intersects(
+      for (let m = 0; m < t.length; m++) {
+        const w = t[m], { startRow: S, endRow: C, startColumn: D, endColumn: v } = w;
+        if (Xr.intersects(
           {
             startRow: S,
             endRow: C,
@@ -2238,7 +2237,7 @@ let an = class extends le {
             endColumn: p
           }
         ) || g > C || h > v) {
-          const b = u === P.Position, _ = z(a, this._selectionRenderService, this._skeletonManagerService);
+          const b = u === U.Position, _ = z(a, this._selectionRenderService, this._skeletonManagerService);
           r.push({
             ...o,
             transform: {
@@ -2250,67 +2249,70 @@ let an = class extends le {
           break;
         }
       }
-    }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(L.id, [i]));
+    }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(x.id, [i]));
   }
 };
-an = Ks([
+an = Ws([
   _e(1, ne),
   _e(2, G),
   _e(3, Xe),
   _e(4, N(V)),
-  _e(5, N(Ft)),
+  _e(5, N(Lt)),
   _e(6, ae),
   _e(7, oe),
   _e(8, Ge)
 ], an);
 var se = function() {
   return se = Object.assign || function(i) {
-    for (var n, e = 1, t = arguments.length; e < t; e++) {
-      n = arguments[e];
+    for (var n, t = 1, e = arguments.length; t < e; t++) {
+      n = arguments[t];
       for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (i[r] = n[r]);
     }
     return i;
   }, se.apply(this, arguments);
-}, qs = function(i, n) {
-  var e = {};
-  for (var t in i) Object.prototype.hasOwnProperty.call(i, t) && n.indexOf(t) < 0 && (e[t] = i[t]);
+}, 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]);
   if (i != null && typeof Object.getOwnPropertySymbols == "function")
-    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;
+    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 e = i.icon, t = i.id, r = i.className, s = i.extend, o = qs(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), c = rs("_".concat(to()));
-  return vr(e, "".concat(t), { defIds: e.defIds, idSuffix: c.current }, se({ ref: n, className: a }, o), s);
+  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);
 });
-function vr(i, n, e, t, r) {
-  return dr(i.tag, se(se({ key: n }, Qs(i, e, r)), t), (eo(i, e).children || []).map(function(s, o) {
-    return vr(s, "".concat(n, "-").concat(i.tag, "-").concat(o), e, void 0, r);
+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 Qs(i, n, e) {
-  var t = se({}, i.attrs);
-  e != null && e.colorChannel1 && t.fill === "colorChannel1" && (t.fill = e.colorChannel1);
+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) {
+    var o = s[0], a = s[1];
+    o === "mask" && typeof a == "string" && (e[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(n.idSuffix, ")")));
+  });
   var r = n.defIds;
-  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) {
+  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) {
     var o = s[0], a = s[1];
-    typeof a == "string" && (t[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(n.idSuffix, ")")));
-  })), t;
+    typeof a == "string" && (e[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(n.idSuffix, ")")));
+  })), e;
 }
-function eo(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;
+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;
   }) }) : i;
 }
-function to() {
+function Ys() {
   return Math.random().toString(36).substring(2, 8);
 }
 _r.displayName = "UniverIcon";
-var no = { 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) {
+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, {
     id: "add-image-single",
     ref: n,
-    icon: no
+    icon: Gs
   }));
 });
 Sr.displayName = "AddImageSingle";
@@ -2318,10 +2320,10 @@ const Ir = {
   id: "sheet.command.delete-drawing",
   type: te.COMMAND,
   handler: (i) => {
-    const n = i.get(G), t = i.get(ae).getFocusDrawings();
-    if (t.length === 0)
+    const n = i.get(G), e = i.get(ae).getFocusDrawings();
+    if (e.length === 0)
       return !1;
-    const r = t[0].unitId, s = t.map((o) => {
+    const r = e[0].unitId, s = e.map((o) => {
       const { unitId: a, subUnitId: c, drawingId: u, drawingType: d } = o;
       return {
         unitId: a,
@@ -2339,7 +2341,7 @@ const Ir = {
   id: "sheet.command.move-drawing",
   type: te.COMMAND,
   handler: (i, n) => {
-    const e = i.get(G), t = i.get(ae), r = i.get(Xe), { direction: s } = n, o = t.getFocusDrawings();
+    const t = i.get(G), e = i.get(ae), r = i.get(Xe), { direction: s } = n, o = e.getFocusDrawings();
     if (o.length === 0)
       return !1;
     const a = o[0].unitId, c = o.map((d) => {
@@ -2350,79 +2352,70 @@ const Ir = {
       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,
         transform: g,
-        sheetTransform: x(g, r)
+        sheetTransform: $(g, r)
       };
     }).filter((d) => d != null);
-    return e.syncExecuteCommand(Yt.id, {
+    return t.syncExecuteCommand(Yt.id, {
       unitId: a,
       drawings: c
-    }) ? (e.syncExecuteCommand(L.id, [a]), !0) : !1;
+    }) ? (t.syncExecuteCommand(x.id, [a]), !0) : !1;
   }
 }, Cr = "addition-and-subtraction-single", br = "sheet.menu.image";
-function ro(i) {
+function Xs(i) {
   return {
     id: br,
     type: cn.SUBITEMS,
     icon: Cr,
     tooltip: "sheetImage.title",
-    hidden$: Fn(i, k.UNIVER_SHEET),
-    disabled$: Di(i, { workbookTypes: [Qt], worksheetTypes: [en], rangeTypes: [Qi] })
+    hidden$: Ln(i, F.UNIVER_SHEET),
+    disabled$: Ri(i, { workbookTypes: [Qt], worksheetTypes: [en], rangeTypes: [qi] })
   };
 }
-function io(i) {
+function Vs(i) {
   return {
     id: Gt.id,
     title: "sheetImage.upload.float",
     type: cn.BUTTON,
-    hidden$: Fn(i, k.UNIVER_SHEET)
+    hidden$: Ln(i, F.UNIVER_SHEET)
   };
 }
-function so(i) {
+function Hs(i) {
   return {
     id: un.id,
     title: "sheetImage.upload.cell",
     type: cn.BUTTON
   };
 }
-const oo = "univer-image-common-panel", ao = "univer-image-common-panel-grid", co = "univer-image-common-panel-border", lo = "univer-image-common-panel-title", uo = "univer-image-common-panel-subtitle", ho = "univer-image-common-panel-row", go = "univer-image-common-panel-row-vertical", fo = "univer-image-common-panel-column", mo = "univer-image-common-panel-column-center", po = "univer-image-common-panel-inline", wo = "univer-image-common-panel-span2", _o = "univer-image-common-panel-span3", vo = "univer-image-common-panel-input", So = "univer-sheet-image-menu", Io = "univer-sheet-image-menu-input", ve = {
-  imageCommonPanel: oo,
-  imageCommonPanelGrid: ao,
-  imageCommonPanelBorder: co,
-  imageCommonPanelTitle: lo,
-  imageCommonPanelSubtitle: uo,
-  imageCommonPanelRow: ho,
-  imageCommonPanelRowVertical: go,
-  imageCommonPanelColumn: fo,
-  imageCommonPanelColumnCenter: mo,
-  imageCommonPanelInline: po,
-  imageCommonPanelSpan2: wo,
-  imageCommonPanelSpan3: _o,
-  imageCommonPanelInput: vo,
-  sheetImageMenu: So,
-  sheetImageMenuInput: Io
+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, e, t = "";
-  if (typeof i == "string" || typeof i == "number") t += 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] && (e = Rr(i[n])) && (t && (t += " "), t += e);
-  } else for (e in i) i[e] && (t && (t += " "), t += e);
-  return t;
+    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, e = 0, t = "", r = arguments.length; e < r; e++) (i = arguments[e]) && (n = Rr(i)) && (t && (t += " "), t += n);
-  return t;
+  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 Co = (i) => {
+const eo = (i) => {
   var C;
-  const n = Te(G), e = Te(xt), t = Te(oe), r = Te(ne), { drawings: s } = i, o = s[0];
+  const n = Te(G), t = Te($t), e = 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 : P.Position, [f, p] = rn(h);
+  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((_) => {
@@ -2445,12 +2438,12 @@ const Co = (i) => {
       b === !0 && g(!1);
     }), v = d.changeStart$.subscribe((b) => {
       var M;
-      const { objects: _ } = b, E = m(_, t);
+      const { objects: _ } = b, E = m(_, e);
       if (E.length === 0)
         g(!1);
       else if (E.length >= 1) {
         g(!0);
-        const y = ((M = E[0]) == null ? void 0 : M.anchorType) || P.Position;
+        const y = ((M = E[0]) == null ? void 0 : M.anchorType) || U.Position;
         p(y);
       }
     });
@@ -2460,7 +2453,7 @@ const Co = (i) => {
   }, []);
   function w(D) {
     p(D);
-    const v = t.getFocusDrawings();
+    const v = e.getFocusDrawings();
     if (v.length === 0)
       return;
     const b = v.map((_) => ({
@@ -2476,119 +2469,119 @@ const Co = (i) => {
   }
   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: e.t("drawing-anchor.title") }) }) }),
-    /* @__PURE__ */ ee("div", { className: Dt(ve.imageCommonPanelRow), children: /* @__PURE__ */ ee("div", { className: Dt(ve.imageCommonPanelColumn), children: /* @__PURE__ */ Tt(os, { value: f, onChange: w, direction: "vertical", children: [
-      /* @__PURE__ */ ee(Jt, { value: P.Both, children: e.t("drawing-anchor.both") }),
-      /* @__PURE__ */ ee(Jt, { value: P.Position, children: e.t("drawing-anchor.position") }),
-      /* @__PURE__ */ ee(Jt, { value: P.None, children: e.t("drawing-anchor.none") })
+    /* @__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") })
     ] }) }) })
   ] });
-}, bo = () => {
-  const i = Te(oe), n = i.getFocusDrawings(), [e, t] = rn(n);
+}, to = () => {
+  const i = Te(oe), n = i.getFocusDrawings(), [t, e] = rn(n);
   return ln(() => {
     const r = i.focus$.subscribe((s) => {
-      t(s);
+      e(s);
     });
     return () => {
       r.unsubscribe();
     };
-  }, []), !!(e != null && e.length) && /* @__PURE__ */ Tt("div", { className: ve.imageCommonPanel, children: [
-    /* @__PURE__ */ ee(hi, { drawings: e }),
-    /* @__PURE__ */ ee(Co, { drawings: e })
+  }, []), !!(t != null && t.length) && /* @__PURE__ */ Tt("div", { className: ve.imageCommonPanel, children: [
+    /* @__PURE__ */ ee(ui, { drawings: t }),
+    /* @__PURE__ */ ee(eo, { drawings: t })
   ] });
-}, Ro = {
-  [Ni.FORMULAS_INSERT]: {
+}, no = {
+  [Ai.FORMULAS_INSERT]: {
     [br]: {
       order: 3,
-      menuItemFactory: ro,
+      menuItemFactory: Xs,
       [Gt.id]: {
         order: 0,
-        menuItemFactory: io
+        menuItemFactory: Vs
       },
       [un.id]: {
         order: 1,
-        menuItemFactory: so
+        menuItemFactory: Hs
       }
     }
   }
 };
 function it(i) {
-  return !i.getContextValue(Hr) && !i.getContextValue(zr) && !i.getContextValue(Kr) && i.getContextValue(Fe);
+  return !i.getContextValue(Vr) && !i.getContextValue(Hr) && !i.getContextValue(zr) && i.getContextValue(Le);
 }
-const Do = {
+const ro = {
   id: rt.id,
   description: "shortcut.sheet.drawing-move-down",
   group: "4_sheet-drawing-view",
-  binding: ke.ARROW_DOWN,
+  binding: Fe.ARROW_DOWN,
   priority: 100,
   preconditions: it,
   staticParameters: {
     direction: Ie.DOWN
   }
-}, Mo = {
+}, io = {
   id: rt.id,
   description: "shortcut.sheet.drawing-move-up",
   group: "4_sheet-drawing-view",
-  binding: ke.ARROW_UP,
+  binding: Fe.ARROW_UP,
   priority: 100,
   preconditions: it,
   staticParameters: {
     direction: Ie.UP
   }
-}, yo = {
+}, so = {
   id: rt.id,
   description: "shortcut.sheet.drawing-move-left",
   group: "4_sheet-drawing-view",
-  binding: ke.ARROW_LEFT,
+  binding: Fe.ARROW_LEFT,
   priority: 100,
   preconditions: it,
   staticParameters: {
     direction: Ie.LEFT
   }
-}, To = {
+}, oo = {
   id: rt.id,
   description: "shortcut.sheet.drawing-move-right",
   group: "4_sheet-drawing-view",
-  binding: ke.ARROW_RIGHT,
+  binding: Fe.ARROW_RIGHT,
   priority: 100,
   preconditions: it,
   staticParameters: {
     direction: Ie.RIGHT
   }
-}, Eo = {
+}, ao = {
   id: Ir.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: ke.DELETE,
-  mac: ke.BACKSPACE
+  binding: Fe.DELETE,
+  mac: Fe.BACKSPACE
 };
-var Oo = Object.defineProperty, Po = Object.getOwnPropertyDescriptor, Uo = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? Po(n, e) : n, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (t ? o(n, e, r) : o(r)) || r);
-  return t && r && Oo(n, e, r), r;
-}, xe = (i, n) => (e, t) => n(e, t, i);
+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--)
+    (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, 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();
+  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();
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(Cr, Sr)), this.disposeWithMe(i.register(lr, bo));
+    this.disposeWithMe(i.register(Cr, Sr)), this.disposeWithMe(i.register(lr, to));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(Ro);
+    this._menuManagerService.mergeMenu(no);
   }
   _initCommands() {
     [
       Gt,
       un,
-      kt,
+      Ft,
       nt,
       Yt,
       ur,
-      L,
+      x,
       hr,
       gr,
       mr,
@@ -2600,11 +2593,11 @@ let Bt = class extends le {
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      Do,
-      Mo,
-      yo,
-      To,
-      Eo
+      ro,
+      io,
+      so,
+      oo,
+      ao
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -2613,21 +2606,21 @@ let Bt = class extends le {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-Bt = Uo([
-  xe(0, N(ji)),
-  xe(1, Bi),
-  xe(2, G),
-  xe(3, Wi),
-  xe(4, oe),
-  xe(5, N(dn))
+Bt = lo([
+  $e(0, N(Ni)),
+  $e(1, ki),
+  $e(2, G),
+  $e(3, Bi),
+  $e(4, oe),
+  $e(5, N(dn))
 ], Bt);
-var Ao = Object.defineProperty, No = Object.getOwnPropertyDescriptor, jo = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? No(n, e) : n, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (t ? o(n, e, r) : o(r)) || r);
-  return t && r && Ao(n, e, r), r;
-}, Me = (i, n) => (e, t) => n(e, t, i);
-function Bo(i, n, e, t, r) {
-  const { scaleX: s, scaleY: o } = n.getAncestorScale(), a = n.getViewport(xn.VIEW_MAIN), c = t.getFreeze(), { startColumn: u, startRow: d, xSplit: l, ySplit: g } = c, h = {
+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--)
+    (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 = {
     left: !0,
     // left means the left of pic is in a viewMainLeft
     top: !0
@@ -2639,13 +2632,13 @@ function Bo(i, n, e, t, r) {
     };
   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 } = e, y = {
+  const { boundsOfViewArea: b, scrollDirectionResponse: _ } = r || {}, { rowHeaderWidth: E, columnHeaderHeight: M } = t, y = {
     top: M,
     left: E
   };
   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 = e.rowStartY(d - g) + M, O = e.colStartX(u - l) + E, B = e.rowStartY(d) + M, K = e.colStartX(u) + E;
+  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;
   else {
@@ -2667,13 +2660,13 @@ function Bo(i, n, e, t, r) {
     absolute: h
   };
 }
-const fe = (i, n, e, t, r) => {
+const fe = (i, n, t, e, r) => {
   const { scene: s } = n, { left: o, top: a, width: c, height: u, angle: d } = i, l = {
     left: o,
     right: o + c,
     top: a,
     bottom: a + u
-  }, g = Bo(l, s, e, t, r), { scaleX: h, scaleY: f } = s.getAncestorScale();
+  }, g = go(l, s, t, e, r), { scaleX: h, scaleY: f } = s.getAncestorScale();
   return {
     startX: g.left,
     endX: g.right,
@@ -2686,7 +2679,7 @@ const fe = (i, n, e, t, r) => {
   };
 };
 let Wt = class extends le {
-  constructor(n, e, t, r, s, o, a) {
+  constructor(n, t, e, r, s, o, a) {
     super();
     /**
      * for update dom container position when scrolling and zoom
@@ -2703,10 +2696,10 @@ let Wt = class extends le {
     Q(this, "_remove$", new Zt());
     Q(this, "remove$", this._remove$.asObservable());
     Q(this, "_hooks", []);
-    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();
+    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();
   }
   _bindScrollEvent() {
-    this._lifecycleService.lifecycle$.pipe(xi((n) => n === Jr.Rendered), Li(1)).subscribe(() => {
+    this._lifecycleService.lifecycle$.pipe(ji((n) => n === Zr.Rendered), $i(1)).subscribe(() => {
       this._scrollUpdateListener();
     });
   }
@@ -2715,11 +2708,11 @@ let Wt = class extends le {
    * @param unitId
    * @param subUnitId
    */
-  _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;
+  _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;
   }
   getFloatDomInfo(n) {
     return this._domLayerInfoMap.get(n);
@@ -2727,36 +2720,36 @@ let Wt = class extends le {
   _getSceneAndTransformerByDrawingSearch(n) {
     if (n == null)
       return;
-    const e = this._renderManagerService.getRenderById(n), t = e == null ? void 0 : e.scene;
-    if (e == null || t == null)
+    const t = this._renderManagerService.getRenderById(n), e = t == null ? void 0 : t.scene;
+    if (t == null || e == null)
       return null;
-    const r = t.getTransformerByCreate(), s = e.engine.getCanvasElement();
-    return { scene: t, transformer: r, renderUnit: e, canvas: s };
+    const r = e.getTransformerByCreate(), s = t.engine.getCanvasElement();
+    return { scene: e, transformer: r, renderUnit: t, canvas: s };
   }
   _getFloatDomProps(n) {
-    let e;
-    return this._hooks.forEach((t) => {
-      e = t.onGetFloatDomProps(n);
-    }), e;
+    let t;
+    return this._hooks.forEach((e) => {
+      t = e.onGetFloatDomProps(n);
+    }), t;
   }
   _drawingAddListener() {
     this.disposeWithMe(
       this._drawingManagerService.add$.subscribe((n) => {
-        n.forEach((e) => {
+        n.forEach((t) => {
           var J, ce, q;
-          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, k.UNIVER_SHEET);
+          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);
           if (!c)
             return;
           const u = c.getActiveSheet().getSheetId();
           if (!a || !o)
             return;
-          const d = (J = this._renderManagerService.getRenderById(t)) == null ? void 0 : J.with(V).getSkeletonParam(r);
+          const d = (J = this._renderManagerService.getRenderById(e)) == null ? void 0 : J.with(V).getSkeletonParam(r);
           if (!d)
             return;
           const { transform: l, drawingType: g, data: h } = a;
-          if (g !== F.DRAWING_DOM && g !== F.DRAWING_CHART)
+          if (g !== L.DRAWING_DOM && g !== L.DRAWING_CHART)
             return;
-          const f = this._getSceneAndTransformerByDrawingSearch(t);
+          const f = this._getSceneAndTransformerByDrawingSearch(e);
           if (f == null)
             return;
           const { scene: p, canvas: m } = f;
@@ -2764,7 +2757,7 @@ let Wt = class extends le {
             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: t, subUnitId: r, drawingId: s }), T = p.getObject(y);
+          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 });
             return;
@@ -2774,19 +2767,19 @@ let Wt = class extends le {
             top: S,
             width: C,
             height: D,
-            zIndex: this._drawingManagerService.getDrawingOrder(t, r).length - 1
-          }, R = g === F.DRAWING_CHART;
+            zIndex: this._drawingManagerService.getDrawingOrder(e, r).length - 1
+          }, R = g === L.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 $e(y, I);
+          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(t, r), K = new _t(), Z = fe(O, f.renderUnit, d.skeleton, o.worksheet), Y = new Ze(Z), me = {
+          const B = this._ensureMap(e, r), K = new _t(), Z = fe(O, f.renderUnit, d.skeleton, o.worksheet), Y = new Ze(Z), me = {
             dispose: K,
             rect: O,
             position$: Y,
-            unitId: t,
+            unitId: e,
             subUnitId: r
           };
           this._canvasFloatDomService.addFloatDom({
@@ -2807,7 +2800,7 @@ let Wt = class extends le {
             },
             props: (q = (ce = B.get(s)) == null ? void 0 : ce.props) != null ? q : this._getFloatDomProps(s),
             data: h,
-            unitId: t
+            unitId: e
           });
           const X = O.onTransformChange$.subscribeEvent(() => {
             const W = fe(O, f.renderUnit, d.skeleton, o.worksheet);
@@ -2824,8 +2817,8 @@ let Wt = class extends le {
       })
     ), this.disposeWithMe(
       this._drawingManagerService.remove$.subscribe((n) => {
-        n.forEach((e) => {
-          const { unitId: t, subUnitId: r, drawingId: s } = e, o = Ce({ unitId: t, subUnitId: r, drawingId: s }), a = this._getSceneAndTransformerByDrawingSearch(t);
+        n.forEach((t) => {
+          const { unitId: e, subUnitId: r, drawingId: s } = t, o = Ce({ unitId: e, subUnitId: r, drawingId: s }), a = this._getSceneAndTransformerByDrawingSearch(e);
           if (a == null)
             return;
           const { transformer: c, scene: u } = a, d = u.getObject(o);
@@ -2835,9 +2828,9 @@ let Wt = class extends le {
     );
   }
   _scrollUpdateListener() {
-    const n = (e, t) => {
+    const n = (t, e) => {
       var u;
-      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);
+      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) {
@@ -2847,45 +2840,45 @@ let Wt = class extends le {
       });
     };
     this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(k.UNIVER_SHEET).pipe(
-        Se((e) => e ? e.activeSheet$ : En(null)),
-        Ee((e) => {
-          if (!e) return null;
-          const t = e.getUnitId(), r = this._renderManagerService.getRenderById(t);
-          return r ? { render: r, unitId: t, subUnitId: e.getSheetId() } : null;
+      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 ? qr(e.render.scene.getViewport(xn.VIEW_MAIN).onScrollAfter$).pipe(Ee(() => ({ unitId: e.unitId, subUnitId: e.subUnitId }))) : En(null)
+          (t) => t ? Jr(t.render.scene.getViewport($n.VIEW_MAIN).onScrollAfter$).pipe(Ee(() => ({ unitId: t.unitId, subUnitId: t.subUnitId }))) : En(null)
         )
-      ).subscribe((e) => {
-        if (!e) return;
-        const { unitId: t, subUnitId: r } = e;
-        n(t, r);
+      ).subscribe((t) => {
+        if (!t) return;
+        const { unitId: e, subUnitId: r } = t;
+        n(e, r);
       })
-    ), this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
-      var t, r;
-      if (e.id === Dn.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) => {
+    ), 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) => {
           n(o, c);
         });
-      } else if (e.id === es.id) {
-        const { unitId: s, subUnitId: o } = e.params;
+      } else if (t.id === Qi.id) {
+        const { unitId: s, subUnitId: o } = t.params;
         n(s, o);
       }
     }));
   }
-  _getPosition(n, e) {
+  _getPosition(n, t) {
     var g;
-    const { startX: t, endX: r, startY: s, endY: o } = n, a = (g = this._renderManagerService.getRenderById(e)) == null ? void 0 : g.with(Xe);
+    const { startX: e, endX: r, startY: s, endY: o } = n, a = (g = this._renderManagerService.getRenderById(t)) == null ? void 0 : g.with(Xe);
     if (a == null)
       return;
-    const c = a.getCellWithCoordByOffset(t, s);
+    const c = a.getCellWithCoordByOffset(e, s);
     if (c == null)
       return;
     const u = {
       column: c.actualColumn,
-      columnOffset: t - c.startX,
+      columnOffset: e - c.startX,
       row: c.actualRow,
       rowOffset: s - c.startY
     }, d = a.getCellWithCoordByOffset(r, o);
@@ -2905,14 +2898,14 @@ let Wt = class extends le {
   _featureUpdateListener() {
     this.disposeWithMe(
       this._drawingManagerService.update$.subscribe((n) => {
-        n.forEach((e) => {
-          const t = this._drawingManagerService.getDrawingByParam(e);
-          if (!t || t.drawingType !== F.DRAWING_DOM && t.drawingType !== F.DRAWING_CHART)
+        n.forEach((t) => {
+          const e = this._drawingManagerService.getDrawingByParam(t);
+          if (!e || e.drawingType !== L.DRAWING_DOM && e.drawingType !== L.DRAWING_CHART)
             return;
           const r = {
-            ...t.transform
+            ...e.transform
           };
-          this._transformChange$.next({ id: e.drawingId, value: r });
+          this._transformChange$.next({ id: t.drawingId, value: r });
         });
       })
     );
@@ -2920,28 +2913,28 @@ let Wt = class extends le {
   _deleteListener() {
     this.disposeWithMe(
       this._drawingManagerService.remove$.subscribe((n) => {
-        n.forEach((e) => {
-          this._removeDom(e.drawingId);
+        n.forEach((t) => {
+          this._removeDom(t.drawingId);
         });
       })
     );
   }
-  updateFloatDomProps(n, e, t, r) {
-    const s = this._domLayerInfoMap.get(t), o = this._getSceneAndTransformerByDrawingSearch(n);
+  updateFloatDomProps(n, t, e, r) {
+    const s = this._domLayerInfoMap.get(e), o = this._getSceneAndTransformerByDrawingSearch(n);
     if (s && o) {
-      const { scene: a } = o, c = Ce({ unitId: n, subUnitId: e, drawingId: t }), u = a.getObject(c);
-      u && u instanceof $e && u.setProps(r);
+      const { scene: a } = o, c = Ce({ unitId: n, subUnitId: t, drawingId: e }), u = a.getObject(c);
+      u && u instanceof je && u.setProps(r);
     }
   }
   // CreateFloatDomCommand --> floatDomService.addFloatDomToPosition
-  addFloatDomToPosition(n, e) {
-    const t = H(this._univerInstanceService, {
+  addFloatDomToPosition(n, t) {
+    const e = H(this._univerInstanceService, {
       unitId: n.unitId,
       subUnitId: n.subUnitId
     });
-    if (!t)
+    if (!e)
       throw new Error("cannot find current target!");
-    const { unitId: r, subUnitId: s } = t, { initPosition: o, componentKey: a, data: c, allowTransform: u = !0 } = n, d = e != null ? e : Ht(), l = this._getPosition(o, r);
+    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)
       return;
     this._ensureMap(r, s).set(d, n);
@@ -2949,7 +2942,7 @@ let Wt = class extends le {
       unitId: r,
       subUnitId: s,
       drawingId: d,
-      drawingType: n.type || F.DRAWING_DOM,
+      drawingType: n.type || L.DRAWING_DOM,
       componentKey: a,
       sheetTransform: l,
       transform: {
@@ -2961,7 +2954,7 @@ let Wt = class extends le {
       data: c,
       allowTransform: u
     };
-    return this._commandService.executeCommand(kt.id, {
+    return this._commandService.executeCommand(Ft.id, {
       unitId: r,
       drawings: [h]
     }), this._add$.next({ unitId: r, subUnitId: s, id: d }), {
@@ -2971,36 +2964,36 @@ let Wt = class extends le {
       }
     };
   }
-  _removeDom(n, e = !1) {
-    const t = this._domLayerInfoMap.get(n);
-    if (!t)
+  _removeDom(n, t = !1) {
+    const e = this._domLayerInfoMap.get(n);
+    if (!e)
       return;
-    const { unitId: r, subUnitId: s } = t;
-    this._domLayerInfoMap.delete(n), t.dispose.dispose();
+    const { unitId: r, subUnitId: s } = e;
+    this._domLayerInfoMap.delete(n), e.dispose.dispose();
     const o = this._getSceneAndTransformerByDrawingSearch(r);
-    if (o && o.scene.removeObject(t.rect), e) {
+    if (o && o.scene.removeObject(e.rect), t) {
       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(U.id, { unitId: r, subUnitId: s, op: d, objects: l, type: A.REMOVE });
+      this._commandService.syncExecuteCommand(A.id, { unitId: r, subUnitId: s, op: d, objects: l, type: P.REMOVE });
     }
   }
   addHook(n) {
     return this._hooks.push(n), {
       dispose: () => {
-        const e = this._hooks.findIndex((t) => t === n);
-        this._hooks.splice(e, 1);
+        const t = this._hooks.findIndex((e) => e === n);
+        this._hooks.splice(t, 1);
       }
     };
   }
   // eslint-disable-next-line max-lines-per-function, complexity
-  addFloatDomToRange(n, e, t, r) {
+  addFloatDomToRange(n, t, e, r) {
     var _, E, M, y, T;
     const s = H(this._univerInstanceService, {
-      unitId: e.unitId,
-      subUnitId: e.subUnitId
+      unitId: t.unitId,
+      subUnitId: t.subUnitId
     });
     if (!s)
       throw new Error("cannot find current target!");
@@ -3010,17 +3003,16 @@ let Wt = class extends le {
     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 } = e, f = r != null ? r : Ht(), { position: p, position$: m } = this._createRangePositionObserver(n, u, d.skeleton), w = this._getPosition(p, o);
-    if (w == null)
+    const { componentKey: l, data: g, allowTransform: h = !0 } = t, f = r != null ? r : Ht(), { position: p, position$: m } = this._createRangePositionObserver(n, u, d.skeleton);
+    if (this._getPosition(p, o) == null)
       return;
-    this._ensureMap(o, a).set(f, e);
-    const C = c.scene, { scaleX: D } = C.getAncestorScale(), v = Mt(p, t, D), b = {
+    this._ensureMap(o, a).set(f, t);
+    const C = c.scene, { scaleX: D } = C.getAncestorScale(), v = Mt(p, e, D), b = {
       unitId: o,
       subUnitId: a,
       drawingId: f,
-      drawingType: e.type || F.DRAWING_DOM,
+      drawingType: t.type || L.DRAWING_DOM,
       componentKey: l,
-      sheetTransform: w,
       transform: {
         left: v.startX,
         top: v.startY,
@@ -3031,7 +3023,7 @@ 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, k.UNIVER_SHEET);
+      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);
       if (!Z)
         return;
       const Y = Z.getActiveSheet().getSheetId();
@@ -3044,17 +3036,17 @@ let Wt = class extends le {
       if (!X)
         return;
       const { transform: J, drawingType: ce, data: q } = K;
-      if (ce !== F.DRAWING_DOM && ce !== F.DRAWING_CHART)
+      if (ce !== L.DRAWING_DOM && ce !== L.DRAWING_CHART)
         return;
       const W = this._getSceneAndTransformerByDrawingSearch(I);
       if (W == null)
         return;
-      const { scene: Oe, canvas: Pe } = W;
+      const { scene: Oe, canvas: Ue } = 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: Ue } = J, ut = Ce({ unitId: I, subUnitId: R, drawingId: O }), ue = Oe.getObject(ut);
+      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);
       if (ue != null) {
-        ue.transformByState({ left: st, top: ot, width: at, height: ct, angle: Xt, flipX: Vt, flipY: dt, skewX: lt, skewY: Ue });
+        ue.transformByState({ left: st, top: ot, width: at, height: ct, angle: Xt, flipX: Vt, flipY: dt, skewX: lt, skewY: Pe });
         return;
       }
       const re = {
@@ -3064,12 +3056,12 @@ let Wt = class extends le {
         width: at,
         height: ct,
         zIndex: this._drawingManagerService.getDrawingOrder(I, R).length - 1
-      }, Ae = ce === F.DRAWING_CHART;
+      }, Ae = ce === L.DRAWING_CHART;
       if (Ae) {
-        const j = q ? q.backgroundColor : "white";
-        re.fill = j, re.rotateEnabled = !1, q && q.border && (re.stroke = q.border), re.paintFirst = "stroke", re.strokeWidth = 1, re.borderEnabled = !1, re.radius = 8;
+        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 $e(ut, re);
+      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 = {
         top: He,
@@ -3080,13 +3072,13 @@ let Wt = class extends le {
         dispose: he,
         rect: de,
         boundsOfViewArea: gt,
-        domAnchor: t,
+        domAnchor: e,
         unitId: I,
         subUnitId: R
-      }, $ = fe(de, W.renderUnit, X.skeleton, B.worksheet, ge), je = new Ze($);
-      ge.position$ = je;
+      }, j = fe(de, W.renderUnit, X.skeleton, B.worksheet, ge), ke = new Ze(j);
+      ge.position$ = ke;
       let ze = {
-        position$: je,
+        position$: ke,
         id: O,
         componentKey: K.componentKey,
         onPointerDown: () => {
@@ -3095,55 +3087,54 @@ let Wt = class extends le {
         },
         onPointerUp: () => {
         },
-        onWheel: (j) => {
-          Pe.dispatchEvent(new WheelEvent(j.type, j));
+        onWheel: (k) => {
+          Ue.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
       };
-      e.eventPassThrough && (ze = {
+      t.eventPassThrough && (ze = {
         ...ze,
-        onPointerDown: (j) => {
-          Pe.dispatchEvent(new PointerEvent(j.type, j));
+        onPointerDown: (k) => {
+          Ue.dispatchEvent(new PointerEvent(k.type, k));
         },
-        onPointerMove: (j) => {
-          Pe.dispatchEvent(new PointerEvent(j.type, j));
+        onPointerMove: (k) => {
+          Ue.dispatchEvent(new PointerEvent(k.type, k));
         },
-        onPointerUp: (j) => {
-          Pe.dispatchEvent(new PointerEvent(j.type, j));
+        onPointerUp: (k) => {
+          Ue.dispatchEvent(new PointerEvent(k.type, k));
         }
-      }), this._canvasFloatDomService.addFloatDom(ze), this.disposeWithMe(m.subscribe((j) => {
+      }), this._canvasFloatDomService.addFloatDom(ze), this.disposeWithMe(m.subscribe((k) => {
         var gn, fn, mn, pn;
         const hn = Mt({
-          rotate: 0,
-          startX: j.startX,
-          startY: j.startY,
-          endX: j.endX,
-          endY: j.endY,
-          width: (gn = t.width) != null ? gn : j.width,
-          height: (fn = t.height) != null ? fn : j.height,
+          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,
           absolute: {
             left: p.absolute.left,
             top: p.absolute.top
           }
-        }, t), yr = Ce({ unitId: I, subUnitId: R, drawingId: O }), Tr = new $e(yr, {
+        }, e), Mr = Ce({ unitId: I, subUnitId: R, drawingId: O }), yr = new je(Mr, {
           left: hn.startX,
           top: hn.startY,
-          width: (mn = t.width) != null ? mn : j.width,
-          height: (pn = t.height) != null ? pn : j.height,
+          width: (mn = e.width) != null ? mn : k.width,
+          height: (pn = e.height) != null ? pn : k.height,
           zIndex: this._drawingManagerService.getDrawingOrder(I, R).length - 1
-        }), Er = fe(Tr, W.renderUnit, X.skeleton, B.worksheet, ge);
-        je.next(Er);
+        }), Tr = fe(yr, W.renderUnit, X.skeleton, B.worksheet, ge);
+        ke.next(Tr);
       }));
       const Ke = (T = this._renderManagerService.getRenderById(I)) == null ? void 0 : T.with(V);
-      Ke == null || Ke.currentSkeleton$.subscribe((j) => {
-        j && X.sheetId !== j.sheetId && this._removeDom(f, !0);
+      Ke == null || Ke.currentSkeleton$.subscribe((k) => {
+        k && X.sheetId !== k.sheetId && this._removeDom(f, !0);
       });
       const ft = de.onTransformChange$.subscribeEvent(() => {
-        const j = fe(de, W.renderUnit, X.skeleton, B.worksheet, ge);
-        je.next(
-          j
+        const k = fe(de, W.renderUnit, X.skeleton, B.worksheet, ge);
+        ke.next(
+          k
         );
       });
       he.add(() => {
@@ -3159,11 +3150,11 @@ let Wt = class extends le {
       }
     };
   }
-  addFloatDomToColumnHeader(n, e, t, r) {
+  addFloatDomToColumnHeader(n, t, e, r) {
     var v, b, _, E, M;
     const s = H(this._univerInstanceService, {
-      unitId: e.unitId,
-      subUnitId: e.subUnitId
+      unitId: t.unitId,
+      subUnitId: t.subUnitId
     });
     if (!s)
       throw new Error("cannot find current target!");
@@ -3173,24 +3164,21 @@ let Wt = class extends le {
     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 } = e, f = r != null ? r : Ht(), { position: p, position$: m } = this._createRangePositionObserver({
+    const { componentKey: l, data: g, allowTransform: h = !0 } = t, f = r != null ? r : Ht(), { position: p, position$: m } = this._createRangePositionObserver({
       startRow: 0,
       endRow: 0,
       startColumn: n,
       endColumn: n
     }, u, d.skeleton), w = p;
-    w.startY = 0;
-    const S = this._getPosition(p, o);
-    if (S == null)
+    if (w.startY = 0, this._getPosition(p, o) == null)
       return;
-    this._ensureMap(o, a).set(f, e);
+    this._ensureMap(o, a).set(f, t);
     const D = {
       unitId: o,
       subUnitId: a,
       drawingId: f,
-      drawingType: e.type || F.DRAWING_DOM,
+      drawingType: t.type || L.DRAWING_DOM,
       componentKey: l,
-      sheetTransform: S,
       transform: {
         left: w.startX,
         top: w.startY,
@@ -3201,7 +3189,7 @@ 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, k.UNIVER_SHEET);
+      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);
       if (!B)
         return;
       const K = B.getActiveSheet().getSheetId();
@@ -3219,30 +3207,29 @@ let Wt = class extends le {
       const { scene: ce, canvas: q } = J;
       if (me == null || K !== T)
         return;
-      const { left: W, top: Oe, width: Pe, 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: 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);
       if (lt != null) {
-        lt.transformByState({ left: W, top: Oe, width: Pe, height: st, angle: ot, flipX: at, flipY: ct, skewX: Xt, skewY: Vt });
+        lt.transformByState({ left: W, top: Oe, width: Ue, height: st, angle: ot, flipX: at, flipY: ct, skewX: Xt, skewY: Vt });
         return;
       }
-      const Ue = Mt({
-        rotate: 0,
+      const Pe = Mt({
         startX: w.startX,
         startY: 0,
         endX: p.endX,
         endY: p.endY,
-        width: t.width,
-        height: t.height,
+        width: e.width,
+        height: e.height,
         absolute: {
           left: p.absolute.left,
           top: p.absolute.top
         }
-      }, t), ut = {
-        left: Ue.startX,
-        top: Ue.startY,
-        width: Ue.width,
-        height: Ue.height,
+      }, e), ut = {
+        left: Pe.startX,
+        top: Pe.startY,
+        width: Pe.width,
+        height: Pe.height,
         zIndex: this._drawingManagerService.getDrawingOrder(y, T).length - 1
-      }, ue = new $e(dt, ut);
+      }, 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 = {
         top: 0,
@@ -3257,7 +3244,7 @@ let Wt = class extends le {
         unitId: y,
         subUnitId: T,
         boundsOfViewArea: Ve,
-        domAnchor: t,
+        domAnchor: e,
         scrollDirectionResponse: "HORIZONTAL"
         /* HORIZONTAL */
       }, ht = fe(ue, J.renderUnit, Y.skeleton, R.worksheet, he), Ne = new Ze(ht);
@@ -3272,56 +3259,55 @@ let Wt = class extends le {
         },
         onPointerUp: () => {
         },
-        onWheel: ($) => {
-          q.dispatchEvent(new WheelEvent($.type, $));
+        onWheel: (j) => {
+          q.dispatchEvent(new WheelEvent(j.type, j));
         },
         props: (E = (_ = re.get(I)) == null ? void 0 : _.props) != null ? E : this._getFloatDomProps(I),
         data: X,
         unitId: y
       };
-      e.eventPassThrough && (He = {
+      t.eventPassThrough && (He = {
         ...He,
-        onPointerDown: ($) => {
-          q.dispatchEvent(new PointerEvent($.type, $));
+        onPointerDown: (j) => {
+          q.dispatchEvent(new PointerEvent(j.type, j));
         },
-        onPointerMove: ($) => {
-          q.dispatchEvent(new PointerEvent($.type, $));
+        onPointerMove: (j) => {
+          q.dispatchEvent(new PointerEvent(j.type, j));
         },
-        onPointerUp: ($) => {
-          q.dispatchEvent(new PointerEvent($.type, $));
+        onPointerUp: (j) => {
+          q.dispatchEvent(new PointerEvent(j.type, j));
         }
       }), this._canvasFloatDomService.addFloatDom(He);
       const gt = ue.onTransformChange$.subscribeEvent(() => {
-        const $ = fe(ue, J.renderUnit, Y.skeleton, R.worksheet, he);
+        const j = fe(ue, J.renderUnit, Y.skeleton, R.worksheet, he);
         Ne.next(
-          $
+          j
         );
       });
-      this.disposeWithMe(m.subscribe(($) => {
-        const je = Mt({
-          rotate: 0,
-          startX: $.startX,
+      this.disposeWithMe(m.subscribe((j) => {
+        const ke = Mt({
+          startX: j.startX,
           startY: 0,
-          endX: $.endX,
-          endY: $.endY,
-          width: t.width,
-          height: t.height,
+          endX: j.endX,
+          endY: j.endY,
+          width: e.width,
+          height: e.height,
           absolute: {
             left: p.absolute.left,
             top: p.absolute.top
           }
-        }, t), ze = Ce({ unitId: y, subUnitId: T, drawingId: I }), Ke = new $e(ze, {
-          left: je.startX,
+        }, e), ze = Ce({ unitId: y, subUnitId: T, drawingId: I }), Ke = new je(ze, {
+          left: ke.startX,
           top: 0,
-          width: t.width,
-          height: t.height,
+          width: e.width,
+          height: e.height,
           zIndex: this._drawingManagerService.getDrawingOrder(y, T).length - 1
         }), ft = fe(Ke, J.renderUnit, Y.skeleton, R.worksheet, he);
         Ne.next(ft);
       }));
       const ge = (M = this._renderManagerService.getRenderById(y)) == null ? void 0 : M.with(V);
-      ge == null || ge.currentSkeleton$.subscribe(($) => {
-        $ && d.sheetId !== $.sheetId && this._removeDom(f, !0);
+      ge == null || ge.currentSkeleton$.subscribe((j) => {
+        j && d.sheetId !== j.sheetId && this._removeDom(f, !0);
       }), Ae.add(() => {
         this._canvasFloatDomService.removeFloatDom(I);
       }), gt && Ae.add(gt), this._domLayerInfoMap.set(I, he), re.set(I, {
@@ -3345,18 +3331,18 @@ let Wt = class extends le {
    * @param activeViewport
    * @returns position of cell to canvas.
    */
-  _createRangePositionObserver(n, e, t) {
+  _createRangePositionObserver(n, t, e) {
     let { startRow: r, startColumn: s } = n;
-    const o = Qe(r, s, t), a = new Ze(o), c = Qe(n.endRow, n.endColumn, t), u = new Ze(c), d = () => {
-      const m = Qe(r, s, t), w = Qe(n.endRow, n.endColumn, t);
+    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);
       a.next(m), u.next(w);
     }, l = new _t();
-    l.add(e.engine.clientRect$.subscribe(() => d())), l.add(this._commandService.onCommandExecuted((m) => {
+    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();
         return;
       }
-      (ts.indexOf(m.id) > -1 || m.id === Mi.id || m.id === Dn.id) && d();
+      (es.indexOf(m.id) > -1 || m.id === Di.id || m.id === Dn.id) && d();
     }));
     const g = (m, w) => {
       r = m, s = w, d();
@@ -3374,7 +3360,7 @@ let Wt = class extends le {
       endY: c.bottom
     }), f = a.pipe(
       Ee((m) => {
-        const w = Qe(n.endRow, n.endColumn, t);
+        const w = Qe(n.endRow, n.endColumn, e);
         return {
           rotate: 0,
           width: w.right - m.left,
@@ -3400,17 +3386,17 @@ let Wt = class extends le {
     };
   }
 };
-Wt = jo([
+Wt = ho([
   Me(0, N(ne)),
   Me(1, Ge),
   Me(2, N(G)),
   Me(3, oe),
-  Me(4, N($i)),
+  Me(4, N(Wi)),
   Me(5, ae),
-  Me(6, N(Zr))
+  Me(6, N(Kr))
 ], Wt);
-function Qe(i, n, e) {
-  const t = e.getCellWithCoordByIndex(i, n), r = t.isMergedMainCell ? t.mergeInfo : t;
+function Qe(i, n, t) {
+  const e = t.getCellWithCoordByIndex(i, n), r = e.isMergedMainCell ? e.mergeInfo : e;
   return {
     left: r.startX,
     right: r.endX,
@@ -3418,19 +3404,19 @@ function Qe(i, n, e) {
     bottom: r.endY
   };
 }
-function Mt(i, n, e) {
+function Mt(i, n, t) {
   var u, d;
-  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 = (d = n == null ? void 0 : n.height) != null ? d : r;
+  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;
   let a = 0, c = 0;
   if (n) {
     if (n.horizonOffsetAlign === "right") {
-      const l = yt(n.marginX, t * e);
+      const l = yt(n.marginX, e * t);
       a = i.endX - l - s;
     } else
-      a = i.startX + yt(n.marginX, t);
+      a = i.startX + yt(n.marginX, e);
     if (n.verticalOffsetAlign === "bottom") {
-      const l = yt(n.marginY, r * e);
+      const l = yt(n.marginY, r * t);
       c = i.endY - l - o;
     } else
       c = i.startY + yt(n.marginY, r);
@@ -3452,36 +3438,36 @@ function Mt(i, n, e) {
 function yt(i, n) {
   if (i === void 0) return 0;
   if (typeof i == "number") return i;
-  const e = Number.parseFloat(i);
-  return n * e / 100;
+  const t = Number.parseFloat(i);
+  return n * t / 100;
 }
-var Dr = Object.defineProperty, Wo = Object.getOwnPropertyDescriptor, $o = (i, n, e) => n in i ? Dr(i, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[n] = e, xo = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? Wo(n, e) : n, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (t ? o(n, e, r) : o(r)) || r);
-  return t && r && Dr(n, e, r), r;
-}, qt = (i, n) => (e, t) => n(e, t, i), Mr = (i, n, e) => $o(i, typeof n != "symbol" ? n + "" : n, e);
-const Lo = "SHEET_IMAGE_UI_PLUGIN";
-let $t = class extends ei {
-  constructor(i = Un, n, e, t) {
-    super(), this._config = i, this._injector = n, this._renderManagerService = e, this._configService = t;
+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--)
+    (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(
       {},
-      Un,
+      Pn,
       this._config
     );
-    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(as, s);
+    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(os, s);
   }
   onStarting() {
     ni(this._injector, [
       [Wt],
       [Bt],
       [Et],
-      [jt],
+      [kt],
       [Nt],
       [At],
       [Ot],
-      [Ut],
-      [Pt]
+      [Pt],
+      [Ut]
     ]), zt(this._injector, [
       [Wt]
     ]);
@@ -3494,11 +3480,11 @@ let $t = class extends ei {
   onRendered() {
     this._registerRenderModules(), zt(this._injector, [
       [Nt],
-      [jt],
+      [kt],
       [Bt],
       [Ot],
-      [Ut],
-      [Pt]
+      [Pt],
+      [Ut]
     ]);
   }
   onSteady() {
@@ -3510,25 +3496,25 @@ let $t = class extends ei {
       [an],
       [sn]
     ].forEach((i) => {
-      this.disposeWithMe(this._renderManagerService.registerRenderModule(k.UNIVER_SHEET, i));
+      this.disposeWithMe(this._renderManagerService.registerRenderModule(F.UNIVER_SHEET, i));
     });
   }
 };
-Mr($t, "type", k.UNIVER_SHEET);
-Mr($t, "pluginName", Lo);
-$t = xo([
-  Qr(ai, si, gi, pi),
+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, ri)
-], $t);
+  qt(3, Qr)
+], jt);
 export {
-  L as ClearSheetDrawingTransformerOperation,
+  x as ClearSheetDrawingTransformerOperation,
   Ir as DeleteDrawingsCommand,
   hr as EditSheetDrawingOperation,
   gr as GroupSheetDrawingCommand,
   Gt as InsertFloatImageCommand,
-  kt as InsertSheetDrawingCommand,
+  Ft as InsertSheetDrawingCommand,
   rt as MoveDrawingsCommand,
   nt as RemoveSheetDrawingCommand,
   br as SHEETS_IMAGE_MENU_ID,
@@ -3537,5 +3523,5 @@ export {
   Wt as SheetCanvasFloatDomManagerService,
   ur as SidebarSheetDrawingOperation,
   mr as UngroupSheetDrawingCommand,
-  $t as UniverSheetsDrawingUIPlugin
+  jt as UniverSheetsDrawingUIPlugin
 };