@univerjs/sheets-drawing-ui 0.6.10-nightly.202504261606 → 0.6.10-nightly.202504281607

package/lib/es/index.js

@@ -1,21 +1,21 @@
-var xr = Object.defineProperty;
-var Lr = (i, t, e) => t in i ? xr(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var te = (i, t, e) => Lr(i, typeof t != "symbol" ? t + "" : t, e);
-import { CommandType as J, ICommandService as G, IUndoRedoService as Ge, sequenceExecute as Kn, LocaleService as it, IUniverInstanceService as fe, Inject as A, Injector as Ve, IContextService as Zn, RxDisposable as Fr, UniverInstanceType as L, toDisposable as Yr, FOCUSING_COMMON_DRAWINGS as Ye, DrawingTypeEnum as W, Disposable as ie, ArrangeTypeEnum as _t, createDocumentModelWithStyle as qt, ObjectRelativeFromV as Dn, ObjectRelativeFromH as bn, WrapTextType as Rn, PositionedObjectLayoutType as yn, BooleanNumber as Mn, BuildTextUtils as Qt, ImageSourceType as En, generateRandomId as Et, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as tt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Le, InterceptorEffectEnum as Xr, ObjectMatrix as Gr, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Vr, Tools as Me, IPermissionService as Hr, UserManagerService as zr, LifecycleService as Kr, LifecycleStages as Zr, DisposableCollection as vt, fromEventSubject as Jr, PRINT_CHART_COMPONENT_KEY as qr, Rectangle as Qr, Direction as Ie, FOCUSING_FX_BAR_EDITOR as ei, EDITOR_ACTIVATED as ti, FOCUSING_PANEL_EDITOR as ni, DependentOn as ri, IConfigService as ii, Plugin as si, merge as oi, registerDependencies as ai, touchDependencies as Vt } from "@univerjs/core";
-import { DocDrawingController as ci, UniverDocsDrawingPlugin as di } from "@univerjs/docs-drawing";
-import { SetDrawingSelectedOperation as $t, IImageIoService as Jn, IDrawingManagerService as se, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Tn, DRAWING_IMAGE_COUNT_LIMIT as On, ImageUploadStatusType as Ne, DRAWING_IMAGE_ALLOW_SIZE as Pn, getImageSize as Ht, DRAWING_IMAGE_WIDTH_LIMIT as Un, DRAWING_IMAGE_HEIGHT_LIMIT as An, ImageSourceType as li, getDrawingShapeKeyByDrawingSearch as Ce, UniverDrawingPlugin as ui } from "@univerjs/drawing";
-import { ImageCropperObject as hi, COMPONENT_IMAGE_POPUP_MENU as gi, OpenImageCropOperation as mi, ImageResetSizeOperation as fi, DrawingRenderService as qn, DrawingCommonPanel as pi, UniverDrawingUIPlugin as wi } from "@univerjs/drawing-ui";
-import { IRenderManagerService as q, CURSOR_TYPE as _i, precisionTo as St, transformObjectOutOfGroup as vi, getGroupState as Si, getCurrentTypeOfRenderer as un, RENDER_CLASS_TYPE as ke, Rect as Be, ObjectType as Nn, DRAWING_OBJECT_LAYER_INDEX as zt, SHEET_VIEWPORT_KEY as Qn } from "@univerjs/engine-render";
-import { ISheetDrawingService as oe, DrawingApplyType as P, SetDrawingApplyMutation as U, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as Ii } from "@univerjs/sheets-drawing";
-import { SheetCanvasPopManagerService as Ci, HoverManagerService as Di, SheetSkeletonManagerService as H, convertPositionSheetOverGridToAbsolute as bi, ISheetSelectionRenderService as He, attachRangeWithCoord as er, IEditorBridgeService as Ri, IAutoFillService as yi, EditingRenderController as Mi, SetCellEditVisibleOperation as kn, PREDEFINED_HOOK_NAME as Fe, COPY_TYPE as De, discreteRangeToRange as Bn, virtualizeDiscreteRanges as Ei, ISheetClipboardService as Ti, SetZoomRatioOperation as Wn, SetScrollOperation as Oi, SheetPrintInterceptorService as Pi, getCurrentRangeDisable$ as Ui } from "@univerjs/sheets-ui";
-import { ISidebarService as Ai, useDependency as me, IUIPartsService as Ni, BuiltInUIPart as ki, connectInjector as tr, ILocalFileService as Bi, IMessageService as Wi, IDialogService as ji, IClipboardInterfaceService as $i, CanvasFloatDomService as xi, ComponentManager as hn, getMenuHiddenObservable as gn, MenuItemType as mn, RibbonStartGroup as Li, KeyCode as Xe, IMenuManagerService as Fi, IShortcutService as Yi } from "@univerjs/ui";
-import { takeUntil as jn, throttleTime as Xi, combineLatest as It, switchMap as Se, EMPTY as pe, tap as $n, map as Ee, distinctUntilChanged as xn, Subject as Kt, filter as Gi, take as Vi, BehaviorSubject as $e, of as Ln } from "rxjs";
-import { SheetInterceptorService as xt, getSheetCommandTarget as ae, SheetsSelectionsService as fn, SetRangeValuesCommand as Fn, INTERCEPTOR_POINT as Hi, InterceptCellContentPriority as zi, WorkbookViewPermission as Yn, WorksheetViewPermission as Xn, WorkbookEditablePermission as en, WorksheetEditPermission as tn, SetFrozenMutation as Ki, SetWorksheetRowAutoHeightMutation as Zi, COMMAND_LISTENER_SKELETON_CHANGE as Ji, InsertRowCommand as nr, InsertColCommand as rr, RemoveRowCommand as ir, RemoveColCommand as sr, DeleteRangeMoveLeftCommand as or, DeleteRangeMoveUpCommand as ar, InsertRangeMoveDownCommand as cr, InsertRangeMoveRightCommand as dr, DeltaRowHeightCommand as nn, SetRowHeightCommand as rn, DeltaColumnWidthCommand as lr, SetColWidthCommand as ur, SetRowHiddenCommand as hr, SetSpecificRowsVisibleCommand as gr, SetSpecificColsVisibleCommand as mr, SetColHiddenCommand as fr, MoveColsCommand as pr, MoveRowsCommand as wr, MoveRangeCommand as _r, SetRowVisibleMutation as qi, SetRowHiddenMutation as Qi, SetColVisibleMutation as es, SetColHiddenMutation as ts, SetWorksheetRowHeightMutation as ns, SetWorksheetColWidthMutation as rs, SetWorksheetActiveOperation as is, RangeProtectionPermissionEditPoint as ss } from "@univerjs/sheets";
-import { jsx as X, jsxs as Tt } from "react/jsx-runtime";
-import os, { useEffect as pn, memo as as, useRef as xe, useMemo as sn, forwardRef as vr, createElement as Sr, useState as on } from "react";
-import { docDrawingPositionToTransform as Gn, ReplaceSnapshotCommand as cs, InnerPasteCommand as ds } from "@univerjs/docs-ui";
-import { MessageType as be, render as ls, unmount as us, clsx as Ct, RadioGroup as hs, Radio as Zt } from "@univerjs/design";
-const gs = "sheets-drawing-ui.config", Vn = {}, F = {
+var jr = Object.defineProperty;
+var $r = (i, t, e) => t in i ? jr(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var te = (i, t, e) => $r(i, typeof t != "symbol" ? t + "" : t, e);
+import { CommandType as J, ICommandService as G, IUndoRedoService as Ge, sequenceExecute as Vn, LocaleService as rt, IUniverInstanceService as Se, Inject as A, Injector as Xe, IContextService as Hn, RxDisposable as xr, UniverInstanceType as L, toDisposable as Lr, FOCUSING_COMMON_DRAWINGS as Fe, DrawingTypeEnum as W, Disposable as ie, ArrangeTypeEnum as wt, createDocumentModelWithStyle as Jt, ObjectRelativeFromV as Sn, ObjectRelativeFromH as In, WrapTextType as Cn, PositionedObjectLayoutType as Dn, BooleanNumber as bn, BuildTextUtils as qt, ImageSourceType as Rn, generateRandomId as Mt, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as et, DOCS_ZEN_EDITOR_UNIT_ID_KEY as xe, InterceptorEffectEnum as Fr, ObjectMatrix as Yr, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as Gr, Tools as ye, IPermissionService as Xr, UserManagerService as Vr, LifecycleService as Hr, LifecycleStages as zr, DisposableCollection as _t, fromEventSubject as Kr, PRINT_CHART_COMPONENT_KEY as Zr, Rectangle as Jr, Direction as ve, FOCUSING_FX_BAR_EDITOR as qr, EDITOR_ACTIVATED as Qr, FOCUSING_PANEL_EDITOR as ei, DependentOn as ti, IConfigService as ni, Plugin as ri, merge as ii, registerDependencies as si, touchDependencies as Xt } from "@univerjs/core";
+import { DocDrawingController as oi, UniverDocsDrawingPlugin as ai } from "@univerjs/docs-drawing";
+import { SetDrawingSelectedOperation as jt, IImageIoService as zn, IDrawingManagerService as se, DRAWING_IMAGE_ALLOW_IMAGE_LIST as yn, DRAWING_IMAGE_COUNT_LIMIT as Mn, ImageUploadStatusType as Ne, DRAWING_IMAGE_ALLOW_SIZE as En, getImageSize as Vt, DRAWING_IMAGE_WIDTH_LIMIT as Tn, DRAWING_IMAGE_HEIGHT_LIMIT as On, ImageSourceType as ci, getDrawingShapeKeyByDrawingSearch as Ie, UniverDrawingPlugin as di } from "@univerjs/drawing";
+import { ImageCropperObject as li, COMPONENT_IMAGE_POPUP_MENU as ui, OpenImageCropOperation as hi, ImageResetSizeOperation as gi, DrawingRenderService as Kn, DrawingCommonPanel as mi, UniverDrawingUIPlugin as fi } from "@univerjs/drawing-ui";
+import { IRenderManagerService as q, CURSOR_TYPE as pi, precisionTo as vt, transformObjectOutOfGroup as wi, getGroupState as _i, getCurrentTypeOfRenderer as dn, RENDER_CLASS_TYPE as ke, Rect as Be, ObjectType as Pn, DRAWING_OBJECT_LAYER_INDEX as Ht, SHEET_VIEWPORT_KEY as Zn } from "@univerjs/engine-render";
+import { ISheetDrawingService as oe, DrawingApplyType as P, SetDrawingApplyMutation as U, SheetDrawingAnchorType as O, UniverSheetsDrawingPlugin as vi } from "@univerjs/sheets-drawing";
+import { SheetCanvasPopManagerService as Si, HoverManagerService as Ii, SheetSkeletonManagerService as V, convertPositionSheetOverGridToAbsolute as Ci, ISheetSelectionRenderService as Ve, attachRangeWithCoord as Jn, IEditorBridgeService as Di, IAutoFillService as bi, EditingRenderController as Ri, SetCellEditVisibleOperation as Un, PREDEFINED_HOOK_NAME as Le, COPY_TYPE as Ce, discreteRangeToRange as An, virtualizeDiscreteRanges as yi, ISheetClipboardService as Mi, SetZoomRatioOperation as Nn, SetScrollOperation as Ei, SheetPrintInterceptorService as Ti, getCurrentRangeDisable$ as Oi } from "@univerjs/sheets-ui";
+import { ISidebarService as Pi, useDependency as Me, IUIPartsService as Ui, BuiltInUIPart as Ai, connectInjector as qn, ILocalFileService as Ni, IMessageService as ki, IDialogService as Bi, IClipboardInterfaceService as Wi, CanvasFloatDomService as ji, PrintFloatDomSingle as $i, ComponentManager as Qn, getMenuHiddenObservable as ln, MenuItemType as un, RibbonStartGroup as xi, KeyCode as Ye, IMenuManagerService as Li, IShortcutService as Fi } from "@univerjs/ui";
+import { takeUntil as kn, throttleTime as Yi, combineLatest as St, switchMap as _e, EMPTY as me, tap as Bn, map as Ee, distinctUntilChanged as Wn, Subject as zt, filter as Gi, take as Xi, BehaviorSubject as $e, of as jn } from "rxjs";
+import { SheetInterceptorService as $t, getSheetCommandTarget as ae, SheetsSelectionsService as hn, SetRangeValuesCommand as $n, INTERCEPTOR_POINT as Vi, InterceptCellContentPriority as Hi, WorkbookViewPermission as xn, WorksheetViewPermission as Ln, WorkbookEditablePermission as Qt, WorksheetEditPermission as en, SetFrozenMutation as zi, SetWorksheetRowAutoHeightMutation as Ki, COMMAND_LISTENER_SKELETON_CHANGE as Zi, InsertRowCommand as er, InsertColCommand as tr, RemoveRowCommand as nr, RemoveColCommand as rr, DeleteRangeMoveLeftCommand as ir, DeleteRangeMoveUpCommand as sr, InsertRangeMoveDownCommand as or, InsertRangeMoveRightCommand as ar, DeltaRowHeightCommand as tn, SetRowHeightCommand as nn, DeltaColumnWidthCommand as cr, SetColWidthCommand as dr, SetRowHiddenCommand as lr, SetSpecificRowsVisibleCommand as ur, SetSpecificColsVisibleCommand as hr, SetColHiddenCommand as gr, MoveColsCommand as mr, MoveRowsCommand as fr, MoveRangeCommand as pr, SetRowVisibleMutation as Ji, SetRowHiddenMutation as qi, SetColVisibleMutation as Qi, SetColHiddenMutation as es, SetWorksheetRowHeightMutation as ts, SetWorksheetColWidthMutation as ns, SetWorksheetActiveOperation as rs, RangeProtectionPermissionEditPoint as is } from "@univerjs/sheets";
+import { jsx as K, jsxs as Et } from "react/jsx-runtime";
+import ss, { useEffect as gn, useMemo as os, forwardRef as wr, useRef as as, createElement as _r, useState as rn } from "react";
+import { docDrawingPositionToTransform as Fn, ReplaceSnapshotCommand as cs, InnerPasteCommand as ds } from "@univerjs/docs-ui";
+import { MessageType as De, render as ls, unmount as us, clsx as It, RadioGroup as hs, Radio as Kt } from "@univerjs/design";
+const gs = "sheets-drawing-ui.config", Yn = {}, F = {
   id: "sheet.operation.clear-drawing-transformer",
   type: J.MUTATION,
   handler: (i, t) => {
@@ -25,20 +25,20 @@ const gs = "sheets-drawing-ui.config", Vn = {}, F = {
       (s = (r = e.getRenderById(n)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
     }), !0;
   }
-}, st = {
+}, it = {
   id: "sheet.command.remove-sheet-image",
   type: J.COMMAND,
   handler: (i, t) => {
     var S, C, b;
-    const e = i.get(G), n = i.get(Ge), r = i.get(xt), s = i.get(oe);
+    const e = i.get(G), n = i.get(Ge), r = i.get($t), s = i.get(oe);
     if (!t) return !1;
     const { drawings: o } = t, a = [];
     o.forEach((v) => {
       const { unitId: D } = v;
       a.push(D);
     });
-    const c = s.getBatchRemoveOp(o), { unitId: u, subUnitId: d, undo: l, redo: g, objects: h } = c, f = r.onCommandExecute({ id: st.id, params: t }), p = { id: U.id, params: { unitId: u, subUnitId: d, op: g, objects: h, type: P.REMOVE } }, m = { id: U.id, params: { unitId: u, subUnitId: d, op: l, objects: h, type: P.INSERT } };
-    return Kn([...(S = f.preRedos) != null ? S : [], p, ...f.redos], e) ? (n.pushUndoRedo({
+    const c = s.getBatchRemoveOp(o), { unitId: u, subUnitId: d, undo: l, redo: g, objects: h } = c, f = r.onCommandExecute({ id: it.id, params: t }), p = { id: U.id, params: { unitId: u, subUnitId: d, op: g, objects: h, type: P.REMOVE } }, m = { id: U.id, params: { unitId: u, subUnitId: d, op: l, objects: h, type: P.INSERT } };
+    return Vn([...(S = f.preRedos) != null ? S : [], p, ...f.redos], e) ? (n.pushUndoRedo({
       unitID: u,
       undoMutations: [
         ...(C = f.preUndos) != null ? C : [],
@@ -54,19 +54,19 @@ const gs = "sheets-drawing-ui.config", Vn = {}, F = {
       ]
     }), !0) : !1;
   }
-}, Ir = "COMPONENT_SHEET_DRAWING_PANEL", Cr = {
+}, vr = "COMPONENT_SHEET_DRAWING_PANEL", Sr = {
   id: "sidebar.operation.sheet-image",
   type: J.COMMAND,
   handler: async (i, t) => {
-    const e = i.get(Ai), n = i.get(it), r = i.get(fe), s = i.get(G);
+    const e = i.get(Pi), n = i.get(rt), r = i.get(Se), s = i.get(G);
     if (!ae(r)) return !1;
     switch (t.value) {
       case "open":
         e.open({
           header: { title: n.t("sheetImage.panel.title") },
-          children: { label: Ir },
+          children: { label: vr },
           onClose: () => {
-            s.syncExecuteCommand($t.id, []);
+            s.syncExecuteCommand(jt.id, []);
           },
           width: 360
         });
@@ -78,45 +78,45 @@ const gs = "sheets-drawing-ui.config", Vn = {}, F = {
     }
     return !0;
   }
-}, Dr = {
+}, Ir = {
   id: "sheet.operation.edit-sheet-image",
   type: J.OPERATION,
   handler: (i, t) => {
     const e = i.get(G);
-    return t == null ? !1 : (e.syncExecuteCommand($t.id, [t]), e.executeCommand(Cr.id, { value: "open" }), !0);
+    return t == null ? !1 : (e.syncExecuteCommand(jt.id, [t]), e.executeCommand(Sr.id, { value: "open" }), !0);
   }
-}, ms = "univer-upload-loading", fs = "univer-upload-loading-body", ps = "univer-upload-loading-body-animation", ws = "univer-upload-loading-body-text", Dt = {
+}, ms = "univer-upload-loading", fs = "univer-upload-loading-body", ps = "univer-upload-loading-body-animation", ws = "univer-upload-loading-body-text", Ct = {
   uploadLoading: ms,
   uploadLoadingBody: fs,
   uploadLoadingBodyAnimation: ps,
   uploadLoadingBodyText: ws
 }, _s = () => {
-  const i = me(Jn), t = me(it), [e, n] = os.useState(0);
-  return pn(() => {
+  const i = Me(zn), t = Me(rt), [e, n] = ss.useState(0);
+  return gn(() => {
     const r = i.change$.subscribe((s) => {
       n(s);
     });
     return () => {
       r.unsubscribe();
     };
-  }, [i]), /* @__PURE__ */ X("div", { style: { display: e > 0 ? "block" : "none" }, className: Dt.uploadLoading, children: /* @__PURE__ */ Tt("div", { className: Dt.uploadLoadingBody, children: [
-    /* @__PURE__ */ X("div", { className: Dt.uploadLoadingBodyAnimation }),
-    /* @__PURE__ */ X("div", { className: Dt.uploadLoadingBodyText, children: `${t.t("uploadLoading.loading")}: ${e}` })
+  }, [i]), /* @__PURE__ */ K("div", { style: { display: e > 0 ? "block" : "none" }, className: Ct.uploadLoading, children: /* @__PURE__ */ Et("div", { className: Ct.uploadLoadingBody, children: [
+    /* @__PURE__ */ K("div", { className: Ct.uploadLoadingBodyAnimation }),
+    /* @__PURE__ */ K("div", { className: Ct.uploadLoadingBodyText, children: `${t.t("uploadLoading.loading")}: ${e}` })
   ] }) });
 };
 var vs = Object.getOwnPropertyDescriptor, Ss = (i, t, e, n) => {
   for (var r = n > 1 ? void 0 : n ? vs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, we = (i, t) => (e, n) => t(e, n, i);
-let Ot = class extends Fr {
+}, fe = (i, t) => (e, n) => t(e, n, i);
+let Tt = class extends xr {
   constructor(t, e, n, r, s, o, a, c) {
     super();
     te(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
     this._injector = t, this._drawingManagerService = e, this._canvasPopManagerService = n, this._renderManagerService = r, this._univerInstanceService = s, this._contextService = o, this._uiPartsService = a, this._commandService = c, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(L.UNIVER_SHEET).pipe(jn(this.dispose$)).subscribe((t) => this._create(t)), this._univerInstanceService.getTypeOfUnitDisposed$(L.UNIVER_SHEET).pipe(jn(this.dispose$)).subscribe((t) => this._dispose(t)), this._univerInstanceService.getAllUnitsForType(L.UNIVER_SHEET).forEach((t) => this._create(t)), this._uiPartsService.registerComponent(ki.CONTENT, () => tr(_s, this._injector));
+    this._univerInstanceService.getCurrentTypeOfUnit$(L.UNIVER_SHEET).pipe(kn(this.dispose$)).subscribe((t) => this._create(t)), this._univerInstanceService.getTypeOfUnitDisposed$(L.UNIVER_SHEET).pipe(kn(this.dispose$)).subscribe((t) => this._dispose(t)), this._univerInstanceService.getAllUnitsForType(L.UNIVER_SHEET).forEach((t) => this._create(t)), this._uiPartsService.registerComponent(Ai.CONTENT, () => qn(_s, this._injector));
   }
   _dispose(t) {
     const e = t.getUnitId();
@@ -131,7 +131,7 @@ let Ot = class extends Fr {
   _hasCropObject(t) {
     const e = t.getAllObjectsByOrder();
     for (const n of e)
-      if (n instanceof hi)
+      if (n instanceof li)
         return !0;
     return !1;
   }
@@ -145,9 +145,9 @@ let Ot = class extends Fr {
       return;
     let r;
     this.disposeWithMe(
-      Yr(
+      Lr(
         n.createControl$.subscribe(() => {
-          if (this._contextService.setContextValue(Ye, !0), this._hasCropObject(e))
+          if (this._contextService.setContextValue(Fe, !0), this._hasCropObject(e))
             return;
           const o = n.getSelectedObjectMap();
           if (o.size > 1) {
@@ -166,7 +166,7 @@ let Ot = class extends Fr {
           r == null || r.dispose();
           const p = this._canvasPopManagerService.getFeatureMenu(d, l, g, h);
           r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
-            componentKey: gi,
+            componentKey: ui,
             direction: "horizontal",
             offset: [2, 0],
             extraProps: {
@@ -177,11 +177,11 @@ let Ot = class extends Fr {
       )
     ), this.disposeWithMe(
       n.clearControl$.subscribe(() => {
-        r == null || r.dispose(), this._contextService.setContextValue(Ye, !1), this._commandService.syncExecuteCommand($t.id, []);
+        r == null || r.dispose(), this._contextService.setContextValue(Fe, !1), this._commandService.syncExecuteCommand(jt.id, []);
       })
     ), this.disposeWithMe(
       this._contextService.contextChanged$.subscribe((o) => {
-        o[Ye] === !1 && (r == null || r.dispose());
+        o[Fe] === !1 && (r == null || r.dispose());
       })
     ), this.disposeWithMe(
       n.changing$.subscribe(() => {
@@ -194,60 +194,60 @@ let Ot = class extends Fr {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: Dr.id,
+        commandId: Ir.id,
         commandParams: { unitId: t, subUnitId: e, drawingId: n },
         disable: r === W.DRAWING_DOM
       },
       {
         label: "image-popup.delete",
         index: 1,
-        commandId: st.id,
+        commandId: it.id,
         commandParams: { unitId: t, drawings: [{ unitId: t, subUnitId: e, drawingId: n }] },
         disable: !1
       },
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: mi.id,
+        commandId: hi.id,
         commandParams: { unitId: t, subUnitId: e, drawingId: n },
         disable: r === W.DRAWING_DOM
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: fi.id,
+        commandId: gi.id,
         commandParams: [{ unitId: t, subUnitId: e, drawingId: n }],
         disable: r === W.DRAWING_DOM
       }
     ];
   }
 };
-Ot = Ss([
-  we(0, A(Ve)),
-  we(1, se),
-  we(2, A(Ci)),
-  we(3, q),
-  we(4, fe),
-  we(5, Zn),
-  we(6, A(Ni)),
-  we(7, G)
-], Ot);
+Tt = Ss([
+  fe(0, A(Xe)),
+  fe(1, se),
+  fe(2, A(Si)),
+  fe(3, q),
+  fe(4, Se),
+  fe(5, Hn),
+  fe(6, A(Ui)),
+  fe(7, G)
+], Tt);
 var Is = Object.getOwnPropertyDescriptor, Cs = (i, t, e, n) => {
   for (var r = n > 1 ? void 0 : n ? Is(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, bt = (i, t) => (e, n) => t(e, n, i);
-let an = class extends ie {
+}, Dt = (i, t) => (e, n) => t(e, n, i);
+let sn = class extends ie {
   constructor(t, e, n, r, s) {
     super();
     te(this, "_isSetCursor", !1);
     this._context = t, this._hoverManagerService = e, this._selectionsService = n, this._drawingRenderService = r, this._sheetSkeletonManagerService = s, this._initHover(), this._initImageClick();
   }
   _initHover() {
-    this.disposeWithMe(this._hoverManagerService.currentRichTextNoDistinct$.pipe(Xi(33)).subscribe((t) => {
+    this.disposeWithMe(this._hoverManagerService.currentRichTextNoDistinct$.pipe(Yi(33)).subscribe((t) => {
       var n, r;
       let e = [];
-      t !== null && (e = this._selectionsService.getWorkbookSelections(this._context.unitId).getCurrentSelections()), e.length > 0 && (t == null ? void 0 : t.unitId) === this._context.unitId && (t != null && t.drawing) && e.length === 1 && ((n = e[0].primary) == null ? void 0 : n.actualRow) === t.row && ((r = e[0].primary) == null ? void 0 : r.actualColumn) === t.col ? (this._isSetCursor = !0, this._context.scene.setCursor(_i.ZOOM_IN)) : this._isSetCursor && (this._isSetCursor = !1, this._context.scene.resetCursor());
+      t !== null && (e = this._selectionsService.getWorkbookSelections(this._context.unitId).getCurrentSelections()), e.length > 0 && (t == null ? void 0 : t.unitId) === this._context.unitId && (t != null && t.drawing) && e.length === 1 && ((n = e[0].primary) == null ? void 0 : n.actualRow) === t.row && ((r = e[0].primary) == null ? void 0 : r.actualColumn) === t.col ? (this._isSetCursor = !0, this._context.scene.setCursor(pi.ZOOM_IN)) : this._isSetCursor && (this._isSetCursor = !1, this._context.scene.resetCursor());
     }));
   }
   _initImageClick() {
@@ -261,25 +261,25 @@ let an = class extends ie {
     }));
   }
 };
-an = Cs([
-  bt(1, A(Di)),
-  bt(2, A(fn)),
-  bt(3, A(qn)),
-  bt(4, A(H))
-], an);
-function K(i, t, e) {
+sn = Cs([
+  Dt(1, A(Ii)),
+  Dt(2, A(hn)),
+  Dt(3, A(Kn)),
+  Dt(4, A(V))
+], sn);
+function z(i, t, e) {
   const { from: n, to: r, flipY: s = !1, flipX: o = !1, angle: a = 0, skewX: c = 0, skewY: u = 0 } = i, d = e.getCurrent();
   if (d == null)
     return;
-  const l = bi(
+  const l = Ci(
     d.unitId,
     d.sheetId,
     { from: n, to: r },
     e
   );
   let { left: g, top: h, width: f, height: p } = l;
-  const m = e.getCurrentSkeleton(), w = m.rowHeaderWidth + m.columnTotalWidth, S = m.columnHeaderHeight + m.rowTotalHeight;
-  return g + f > w && (g = w - f), h + p > S && (h = S - p), {
+  const m = e.getCurrentSkeleton(), _ = m.rowHeaderWidth + m.columnTotalWidth, S = m.columnHeaderHeight + m.rowTotalHeight;
+  return g + f > _ && (g = _ - f), h + p > S && (h = S - p), {
     flipY: s,
     flipX: o,
     angle: a,
@@ -297,17 +297,17 @@ function x(i, t) {
     return;
   const g = {
     column: l.actualColumn,
-    columnOffset: St(e - l.startX, 1),
+    columnOffset: vt(e - l.startX, 1),
     row: l.actualRow,
-    rowOffset: St(n - l.startY, 1)
+    rowOffset: vt(n - l.startY, 1)
   }, h = t.getCellWithCoordByOffset(e + r, n + s);
   if (h == null)
     return;
   const f = {
     column: h.actualColumn,
-    columnOffset: St(e + r - h.startX, 1),
+    columnOffset: vt(e + r - h.startX, 1),
     row: h.actualRow,
-    rowOffset: St(n + s - h.startY, 1)
+    rowOffset: vt(n + s - h.startY, 1)
   };
   return {
     flipY: o,
@@ -323,8 +323,8 @@ var Ds = Object.getOwnPropertyDescriptor, bs = (i, t, e, n) => {
   for (var r = n > 1 ? void 0 : n ? Ds(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Rt = (i, t) => (e, n) => t(e, n, i);
-let cn = class extends ie {
+}, bt = (i, t) => (e, n) => t(e, n, i);
+let on = class extends ie {
   constructor(i, t, e, n, r) {
     super(), this._context = i, this._sheetDrawingService = t, this._drawingManagerService = e, this._sheetSelectionRenderService = n, this._sheetSkeletonManagerService = r, this._init();
   }
@@ -338,22 +338,22 @@ let cn = class extends ie {
       const e = i[t];
       for (const n in e.data) {
         const r = e.data[n];
-        r.transform = K(r.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService);
+        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);
   }
 };
-cn = bs([
-  Rt(1, oe),
-  Rt(2, se),
-  Rt(3, A(He)),
-  Rt(4, A(H))
-], cn);
+on = bs([
+  bt(1, oe),
+  bt(2, se),
+  bt(3, A(Ve)),
+  bt(4, A(V))
+], on);
 function Rs(i) {
   const t = [];
   return i.forEach((e) => {
-    const { parent: n, children: r } = e, { unitId: s, subUnitId: o, drawingId: a } = n, c = Si(0, 0, r.map((l) => l.transform || {})), u = r.map((l) => {
+    const { parent: n, children: r } = e, { unitId: s, subUnitId: o, drawingId: a } = n, c = _i(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,
@@ -386,7 +386,7 @@ function ys(i) {
     if (c == null)
       return;
     const u = r.map((l) => {
-      const { transform: g } = l, { unitId: h, subUnitId: f, drawingId: p } = l, m = vi(g || {}, c, c.width || 0, c.height || 0);
+      const { transform: g } = l, { unitId: h, subUnitId: f, drawingId: p } = l, m = wi(g || {}, c, c.width || 0, c.height || 0);
       return {
         unitId: h,
         subUnitId: f,
@@ -410,7 +410,7 @@ function ys(i) {
     });
   }), t;
 }
-const br = {
+const Cr = {
   id: "sheet.command.group-sheet-image",
   type: J.COMMAND,
   handler: (i, t) => {
@@ -435,15 +435,15 @@ const br = {
       ]
     }), !0) : !1;
   }
-}, Lt = {
+}, xt = {
   id: "sheet.command.insert-sheet-image",
   type: J.COMMAND,
   handler: (i, t) => {
     var S, C, b;
-    const e = i.get(G), n = i.get(Ge), r = i.get(oe), s = i.get(xt);
+    const e = i.get(G), n = i.get(Ge), r = i.get(oe), s = i.get($t);
     if (!t) return !1;
-    const o = t.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: Lt.id, params: t }), p = { id: U.id, params: { op: g, unitId: u, subUnitId: d, objects: h, type: P.INSERT } }, m = { id: U.id, params: { op: l, unitId: u, subUnitId: d, objects: h, type: P.REMOVE } };
-    return Kn([...(S = f.preRedos) != null ? S : [], p, ...f.redos], e) ? (n.pushUndoRedo({
+    const o = t.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: xt.id, params: t }), p = { id: U.id, params: { op: g, unitId: u, subUnitId: d, objects: h, type: P.INSERT } }, m = { id: U.id, params: { op: l, unitId: u, subUnitId: d, objects: h, type: P.REMOVE } };
+    return Vn([...(S = f.preRedos) != null ? S : [], p, ...f.redos], e) ? (n.pushUndoRedo({
       unitID: u,
       undoMutations: [
         ...(C = f.preUndos) != null ? C : [],
@@ -459,7 +459,7 @@ const br = {
       ]
     }), !0) : !1;
   }
-}, Rr = {
+}, Dr = {
   id: "sheet.command.set-drawing-arrange",
   type: J.COMMAND,
   handler: (i, t) => {
@@ -467,7 +467,7 @@ const br = {
     if (!t) return !1;
     const r = i.get(oe), { unitId: s, subUnitId: o, drawingIds: a, arrangeType: c } = t, u = { unitId: s, subUnitId: o, drawingIds: a };
     let d;
-    if (c === _t.forward ? d = r.getForwardDrawingsOp(u) : c === _t.backward ? d = r.getBackwardDrawingOp(u) : c === _t.front ? d = r.getFrontDrawingsOp(u) : c === _t.back && (d = r.getBackDrawingsOp(u)), d == null)
+    if (c === wt.forward ? d = r.getForwardDrawingsOp(u) : c === wt.backward ? d = r.getBackwardDrawingOp(u) : c === wt.front ? d = r.getFrontDrawingsOp(u) : c === wt.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: P.ARRANGE }) ? (n.pushUndoRedo({
@@ -480,7 +480,7 @@ const br = {
       ]
     }), !0) : !1;
   }
-}, Ft = {
+}, Lt = {
   id: "sheet.command.set-sheet-image",
   type: J.COMMAND,
   handler: (i, t) => {
@@ -499,7 +499,7 @@ const br = {
       ]
     }), !0) : !1;
   }
-}, yr = {
+}, br = {
   id: "sheet.command.ungroup-sheet-image",
   type: J.COMMAND,
   handler: (i, t) => {
@@ -534,21 +534,21 @@ function Ts(i, t, e) {
   const n = e * Math.PI / 180, r = Math.abs(i * Math.cos(n)) + Math.abs(t * Math.sin(n)), s = Math.abs(i * Math.sin(n)) + Math.abs(t * Math.cos(n));
   return { rotatedWidth: r, rotatedHeight: s };
 }
-function dn(i, t, e, n, r) {
+function an(i, t, e, n, r) {
   var S;
   const { rotatedHeight: s, rotatedWidth: o } = Ts(e, n, r), c = i.get(q).getRenderById(t.unitId);
   if (!c)
     return !1;
-  const d = (S = c.with(H).getSkeletonParam(t.subUnitId)) == null ? void 0 : S.skeleton;
+  const d = (S = c.with(V).getSkeletonParam(t.subUnitId)) == null ? void 0 : S.skeleton;
   if (d == null)
     return !1;
-  const l = d.getCellByIndex(t.row, t.col), g = l.mergeInfo.endX - l.mergeInfo.startX - 2, h = l.mergeInfo.endY - l.mergeInfo.startY - 2, f = o / s, m = Math.ceil(Math.min(g, h * f)) / o, w = !m || Number.isNaN(m) ? 1e-3 : m;
+  const l = d.getCellByIndex(t.row, t.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, _ = !m || Number.isNaN(m) ? 1e-3 : m;
   return {
-    width: e * w,
-    height: n * w
+    width: e * _,
+    height: n * _
   };
 }
-let nt = class extends ie {
+let tt = class extends ie {
   constructor(t, e, n, r, s, o, a, c, u, d, l, g, h) {
     super();
     te(this, "_workbookSelections");
@@ -557,17 +557,17 @@ let nt = class extends ie {
   async insertFloatImage() {
     const t = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: Tn.map((n) => `.${n.replace("image/", "")}`).join(",")
+      accept: yn.map((n) => `.${n.replace("image/", "")}`).join(",")
     }), e = t.length;
-    return e > On ? (this._messageService.show({
-      type: be.Error,
-      content: this._localeService.t("update-status.exceedMaxCount", String(On))
+    return e > Mn ? (this._messageService.show({
+      type: De.Error,
+      content: this._localeService.t("update-status.exceedMaxCount", String(Mn))
     }), !1) : e === 0 ? !1 : (t.forEach(async (n) => await this.insertFloatImageByFile(n)), !0);
   }
   async insertCellImage() {
     const e = (await this._fileOpenerService.openFile({
       multiple: !1,
-      accept: Tn.map((n) => `.${n.replace("image/", "")}`).join(",")
+      accept: yn.map((n) => `.${n.replace("image/", "")}`).join(",")
     }))[0];
     return e ? (await this._insertCellImage(e), !0) : !1;
   }
@@ -581,70 +581,70 @@ let nt = class extends ie {
     } catch (S) {
       const C = S.message;
       C === Ne.ERROR_EXCEED_SIZE ? this._messageService.show({
-        type: be.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(Pn / (1024 * 1024)))
+        type: De.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(En / (1024 * 1024)))
       }) : C === Ne.ERROR_IMAGE_TYPE ? this._messageService.show({
-        type: be.Error,
+        type: De.Error,
         content: this._localeService.t("update-status.invalidImageType")
       }) : C === Ne.ERROR_IMAGE && this._messageService.show({
-        type: be.Error,
+        type: De.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
     }
     if (e == null)
       return;
-    const n = this._getUnitInfo(), { unitId: r, subUnitId: s } = n, { imageId: o, imageSourceType: a, source: c, base64Cache: u } = e, { width: d, height: l, image: g } = await Ht(u || ""), { width: h, height: f } = this._context.scene;
+    const n = this._getUnitInfo(), { unitId: r, subUnitId: s } = n, { imageId: o, imageSourceType: a, source: c, base64Cache: u } = e, { width: d, height: l, image: g } = await Vt(u || ""), { width: h, height: f } = this._context.scene;
     this._imageIoService.addImageSourceCache(c, a, g);
     let p = 1;
-    if (d > Un || l > An) {
-      const S = Un / d, C = An / l;
+    if (d > Tn || l > On) {
+      const S = Tn / d, C = On / l;
       p = Math.max(S, C);
     }
     const m = this._getImagePosition(d * p, l * p, h, f);
     if (m == null)
       return;
-    const w = {
+    const _ = {
       unitId: r,
       subUnitId: s,
       drawingId: o,
       drawingType: W.DRAWING_IMAGE,
       imageSourceType: a,
       source: c,
-      transform: K(m, this._selectionRenderService, this._skeletonManagerService),
+      transform: z(m, this._selectionRenderService, this._skeletonManagerService),
       sheetTransform: m
     };
-    return this._commandService.executeCommand(Lt.id, {
+    return this._commandService.executeCommand(xt.id, {
       unitId: r,
-      drawings: [w]
+      drawings: [_]
     });
   }
   // eslint-disable-next-line max-lines-per-function
   async _insertCellImage(t, e) {
-    var w, S;
+    var _, S;
     let n;
     try {
       n = await this._imageIoService.saveImage(t);
     } catch (C) {
       const b = C.message;
       b === Ne.ERROR_EXCEED_SIZE ? this._messageService.show({
-        type: be.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(Pn / (1024 * 1024)))
+        type: De.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(En / (1024 * 1024)))
       }) : b === Ne.ERROR_IMAGE_TYPE ? this._messageService.show({
-        type: be.Error,
+        type: De.Error,
         content: this._localeService.t("update-status.invalidImageType")
       }) : b === Ne.ERROR_IMAGE && this._messageService.show({
-        type: be.Error,
+        type: De.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
     }
     if (n == null)
       return !1;
-    const { imageId: r, imageSourceType: s, source: o, base64Cache: a } = n, { width: c, height: u, image: d } = await Ht(a || "");
+    const { imageId: r, imageSourceType: s, source: o, base64Cache: a } = n, { width: c, height: u, image: d } = await Vt(a || "");
     this._imageIoService.addImageSourceCache(o, s, d);
     const l = this._workbookSelections.getCurrentLastSelection();
     if (!l)
       return !1;
-    const g = qt("", {}), h = dn(
+    const g = Jt("", {}), h = an(
       this._injector,
       {
         unitId: this._context.unitId,
@@ -664,11 +664,11 @@ let nt = class extends ie {
         height: h.height
       },
       positionH: {
-        relativeFrom: bn.PAGE,
+        relativeFrom: In.PAGE,
         posOffset: 0
       },
       positionV: {
-        relativeFrom: Dn.PARAGRAPH,
+        relativeFrom: Sn.PARAGRAPH,
         posOffset: 0
       },
       angle: 0
@@ -679,19 +679,19 @@ let nt = class extends ie {
       drawingType: W.DRAWING_IMAGE,
       imageSourceType: s,
       source: o,
-      transform: Gn(f),
+      transform: Fn(f),
       docTransform: f,
-      behindDoc: Mn.FALSE,
+      behindDoc: bn.FALSE,
       title: "",
       description: "",
-      layoutType: yn.INLINE,
+      layoutType: Dn.INLINE,
       // Insert inline drawing by default.
-      wrapText: Rn.BOTH_SIDES,
+      wrapText: Cn.BOTH_SIDES,
       distB: 0,
       distL: 0,
       distR: 0,
       distT: 0
-    }, m = Qt.drawing.add({
+    }, m = qt.drawing.add({
       documentDataModel: g,
       drawings: [p],
       selection: {
@@ -700,9 +700,9 @@ let nt = class extends ie {
         endOffset: 0
       }
     });
-    return m ? (g.apply(m), this._commandService.syncExecuteCommand(Fn.id, {
+    return m ? (g.apply(m), this._commandService.syncExecuteCommand($n.id, {
       value: {
-        [(w = e == null ? void 0 : e.row) != null ? w : l.primary.actualRow]: {
+        [(_ = e == null ? void 0 : e.row) != null ? _ : l.primary.actualRow]: {
           [(S = e == null ? void 0 : e.col) != null ? S : l.primary.actualColumn]: {
             p: g.getSnapshot(),
             t: 1
@@ -716,12 +716,12 @@ let nt = class extends ie {
   // eslint-disable-next-line max-lines-per-function
   async insertCellImageByUrl(t, e) {
     var g, h;
-    const { width: n, height: r, image: s } = await Ht(t || "");
-    this._imageIoService.addImageSourceCache(t, En.URL, s);
+    const { width: n, height: r, image: s } = await Vt(t || "");
+    this._imageIoService.addImageSourceCache(t, Rn.URL, s);
     const o = this._workbookSelections.getCurrentLastSelection();
     if (!o)
       return !1;
-    const a = qt("", {}), c = dn(
+    const a = Jt("", {}), c = an(
       this._injector,
       {
         unitId: this._context.unitId,
@@ -741,34 +741,34 @@ let nt = class extends ie {
         height: c.height
       },
       positionH: {
-        relativeFrom: bn.PAGE,
+        relativeFrom: In.PAGE,
         posOffset: 0
       },
       positionV: {
-        relativeFrom: Dn.PARAGRAPH,
+        relativeFrom: Sn.PARAGRAPH,
         posOffset: 0
       },
       angle: 0
     }, d = {
       unitId: a.getUnitId(),
       subUnitId: a.getUnitId(),
-      drawingId: Et(),
+      drawingId: Mt(),
       drawingType: W.DRAWING_IMAGE,
-      imageSourceType: En.URL,
+      imageSourceType: Rn.URL,
       source: t,
-      transform: Gn(u),
+      transform: Fn(u),
       docTransform: u,
-      behindDoc: Mn.FALSE,
+      behindDoc: bn.FALSE,
       title: "",
       description: "",
-      layoutType: yn.INLINE,
+      layoutType: Dn.INLINE,
       // Insert inline drawing by default.
-      wrapText: Rn.BOTH_SIDES,
+      wrapText: Cn.BOTH_SIDES,
       distB: 0,
       distL: 0,
       distR: 0,
       distT: 0
-    }, l = Qt.drawing.add({
+    }, l = qt.drawing.add({
       documentDataModel: a,
       drawings: [d],
       selection: {
@@ -777,7 +777,7 @@ let nt = class extends ie {
         endOffset: 0
       }
     });
-    return l ? (a.apply(l), this._commandService.syncExecuteCommand(Fn.id, {
+    return l ? (a.apply(l), this._commandService.syncExecuteCommand($n.id, {
       value: {
         [(g = e == null ? void 0 : e.row) != null ? g : o.primary.actualRow]: {
           [(h = e == null ? void 0 : e.col) != null ? h : o.primary.actualColumn]: {
@@ -806,7 +806,7 @@ let nt = class extends ie {
       endColumn: 0
     };
     s && s.length > 0 && (o = s[s.length - 1].range);
-    const a = er(this._skeletonManagerService.getCurrent().skeleton, o);
+    const a = Jn(this._skeletonManagerService.getCurrent().skeleton, o);
     if (a == null)
       return;
     let { startColumn: c, startRow: u, startX: d, startY: l } = a, g = !1;
@@ -838,7 +838,7 @@ let nt = class extends ie {
   _updateOrderListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginOrderUpdate$.subscribe((t) => {
       const { unitId: e, subUnitId: n, drawingIds: r, arrangeType: s } = t;
-      this._commandService.executeCommand(Rr.id, {
+      this._commandService.executeCommand(Dr.id, {
         unitId: e,
         subUnitId: n,
         drawingIds: r,
@@ -861,11 +861,11 @@ let nt = class extends ie {
           return;
         const l = {
           ...n,
-          transform: { ...u.transform, ...c, ...K(d, this._selectionRenderService, this._skeletonManagerService) },
+          transform: { ...u.transform, ...c, ...z(d, this._selectionRenderService, this._skeletonManagerService) },
           sheetTransform: { ...d }
         };
         e.push(l);
-      }), e.length > 0 && this._commandService.executeCommand(Ft.id, {
+      }), e.length > 0 && this._commandService.executeCommand(Lt.id, {
         unitId: t[0].unitId,
         drawings: e
       }));
@@ -873,44 +873,44 @@ let nt = class extends ie {
   }
   _groupDrawingListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe((t) => {
-      this._commandService.executeCommand(br.id, t);
+      this._commandService.executeCommand(Cr.id, t);
       const { unitId: e, subUnitId: n, drawingId: r } = t[0].parent;
-      this._commandService.syncExecuteCommand($t.id, [{ unitId: e, subUnitId: n, drawingId: r }]);
+      this._commandService.syncExecuteCommand(jt.id, [{ unitId: e, subUnitId: n, drawingId: r }]);
     })), this.disposeWithMe(this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((t) => {
-      this._commandService.executeCommand(yr.id, t);
+      this._commandService.executeCommand(br.id, t);
     }));
   }
   _focusDrawingListener() {
     this.disposeWithMe(
       this._drawingManagerService.focus$.subscribe((t) => {
-        t == null || t.length === 0 ? (this._contextService.setContextValue(Ye, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(Ye, !0), this._sheetDrawingService.focusDrawing(t));
+        t == null || t.length === 0 ? (this._contextService.setContextValue(Fe, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(Fe, !0), this._sheetDrawingService.focusDrawing(t));
       })
     );
   }
 };
-nt = Es([
-  ne(1, A(H)),
+tt = Es([
+  ne(1, A(V)),
   ne(2, G),
-  ne(3, He),
-  ne(4, Jn),
-  ne(5, Bi),
+  ne(3, Ve),
+  ne(4, zn),
+  ne(5, Ni),
   ne(6, oe),
   ne(7, se),
-  ne(8, Zn),
-  ne(9, Wi),
-  ne(10, A(it)),
-  ne(11, A(fn)),
-  ne(12, A(Ve))
-], nt);
+  ne(8, Hn),
+  ne(9, ki),
+  ne(10, A(rt)),
+  ne(11, A(hn)),
+  ne(12, A(Xe))
+], tt);
 var Os = Object.getOwnPropertyDescriptor, Ps = (i, t, e, n) => {
   for (var r = n > 1 ? void 0 : n ? Os(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, We = (i, t) => (e, n) => t(e, n, i);
-function Mr(i, t, e) {
+function Rr(i, t, e) {
   var n, r, s, o;
   if (((r = (n = e == null ? void 0 : e.p) == null ? void 0 : n.body) == null ? void 0 : r.dataStream.length) === 3 && ((o = (s = e.p) == null ? void 0 : s.drawingsOrder) == null ? void 0 : o.length) === 1) {
-    const a = e.p.drawings[e.p.drawingsOrder[0]], c = dn(
+    const a = e.p.drawings[e.p.drawingsOrder[0]], c = an(
       i,
       {
         unitId: t.unitId,
@@ -927,47 +927,47 @@ function Mr(i, t, e) {
   }
   return !1;
 }
-let Pt = class extends ie {
+let Ot = class extends ie {
   constructor(i, t, e, n, r, s) {
     super(), this._commandService = i, this._sheetInterceptorService = t, this._injector = e, this._drawingManagerService = n, this._docDrawingController = r, this._editorBridgeService = s, this._handleInitEditor(), this._initCellContentInterceptor();
   }
   _handleInitEditor() {
     this.disposeWithMe(this._editorBridgeService.visible$.subscribe((i) => {
-      i.visible ? i.visible && (this._drawingManagerService.removeDrawingDataForUnit(tt), this._docDrawingController.loadDrawingDataForUnit(tt), this._drawingManagerService.initializeNotification(tt)) : this._drawingManagerService.removeDrawingDataForUnit(tt);
+      i.visible ? i.visible && (this._drawingManagerService.removeDrawingDataForUnit(et), this._docDrawingController.loadDrawingDataForUnit(et), this._drawingManagerService.initializeNotification(et)) : this._drawingManagerService.removeDrawingDataForUnit(et);
     })), this.disposeWithMe(this._commandService.onCommandExecuted((i) => {
-      i.id === cs.id && i.params.unitId === Le && (this._drawingManagerService.removeDrawingDataForUnit(Le), this._docDrawingController.loadDrawingDataForUnit(Le), this._drawingManagerService.initializeNotification(Le));
+      i.id === cs.id && i.params.unitId === xe && (this._drawingManagerService.removeDrawingDataForUnit(xe), this._docDrawingController.loadDrawingDataForUnit(xe), this._drawingManagerService.initializeNotification(xe));
     }));
   }
   _initCellContentInterceptor() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        Hi.CELL_CONTENT,
+        Vi.CELL_CONTENT,
         {
-          effect: Xr.Style,
-          priority: zi.CELL_IMAGE,
+          effect: Fr.Style,
+          priority: Hi.CELL_IMAGE,
           handler: (i, t, e) => {
             var n;
-            return i != null && i.p && ((n = i.p.drawingsOrder) != null && n.length) && (i.interceptorStyle || (i.interceptorStyle = {}), i.interceptorStyle.tr = { a: 0 }, Mr(this._injector, { unitId: t.unitId, subUnitId: t.subUnitId, row: t.row, col: t.col }, i)), e(i);
+            return i != null && i.p && ((n = i.p.drawingsOrder) != null && n.length) && (i.interceptorStyle || (i.interceptorStyle = {}), i.interceptorStyle.tr = { a: 0 }, Rr(this._injector, { unitId: t.unitId, subUnitId: t.subUnitId, row: t.row, col: t.col }, i)), e(i);
           }
         }
       )
     );
   }
 };
-Pt = Ps([
+Ot = Ps([
   We(0, G),
-  We(1, A(xt)),
-  We(2, A(Ve)),
+  We(1, A($t)),
+  We(2, A(Xe)),
   We(3, se),
-  We(4, A(ci)),
-  We(5, A(Ri))
-], Pt);
+  We(4, A(oi)),
+  We(5, A(Di))
+], Ot);
 var Us = Object.getOwnPropertyDescriptor, As = (i, t, e, n) => {
   for (var r = n > 1 ? void 0 : n ? Us(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Hn = (i, t) => (e, n) => t(e, n, i);
-let Ut = class extends ie {
+}, Gn = (i, t) => (e, n) => t(e, n, i);
+let Pt = class extends ie {
   constructor(i, t) {
     super(), this._autoFillService = i, this._injector = t, this._initAutoFillHooks();
   }
@@ -976,35 +976,35 @@ let Ut = class extends ie {
       this._autoFillService.addHook({
         id: "sheet-cell-image-autofill",
         onBeforeSubmit: (i, t, e, n) => {
-          new Gr(n).forValue((r, s, o) => {
-            Mr(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
+          new Yr(n).forValue((r, s, o) => {
+            Rr(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
           });
         }
       })
     );
   }
 };
-Ut = As([
-  Hn(0, A(yi)),
-  Hn(1, A(Ve))
-], Ut);
+Pt = As([
+  Gn(0, A(bi)),
+  Gn(1, A(Xe))
+], Pt);
 var Ns = Object.getOwnPropertyDescriptor, ks = (i, t, e, n) => {
   for (var r = n > 1 ? void 0 : n ? Ns(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Je = (i, t) => (e, n) => t(e, n, i);
+}, Ze = (i, t) => (e, n) => t(e, n, i);
 const Bs = [
-  tt,
-  Vr,
-  Le
+  et,
+  Gr,
+  xe
 ];
-let At = class extends ie {
+let Ut = class extends ie {
   constructor(i, t, e, n, r) {
     super(), this._commandService = i, this._univerInstanceService = t, this._dialogService = e, this._renderManagerService = n, this._localeService = r, this._initDocImageCopyPasteHooks();
   }
   _setCellImage(i) {
     var r;
-    const t = qt("", {}), e = (r = un(L.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.with(Mi), n = Qt.drawing.add({
+    const t = Jt("", {}), e = (r = dn(L.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.with(Ri), n = qt.drawing.add({
       documentDataModel: t,
       drawings: [i],
       selection: {
@@ -1025,14 +1025,14 @@ let At = class extends ie {
             return;
           const o = s.getUnitId();
           if (Bs.includes(o)) {
-            if (o !== Le) {
+            if (o !== xe) {
               const a = () => {
-                this._dialogService.close("sheet-cell-image-copy-paste"), this._commandService.syncExecuteCommand(kn.id, {
+                this._dialogService.close("sheet-cell-image-copy-paste"), this._commandService.syncExecuteCommand(Un.id, {
                   visible: !1
                 });
               };
               ((e = s.getBody()) == null ? void 0 : e.dataStream) === `\r
-` ? (this._commandService.syncExecuteCommand(kn.id, {
+` ? (this._commandService.syncExecuteCommand(Un.id, {
                 visible: !1
               }), this._setCellImage(Object.values(r.drawings)[0])) : this._dialogService.open({
                 id: "sheet-cell-image-copy-paste",
@@ -1060,23 +1060,23 @@ let At = class extends ie {
     );
   }
 };
-At = ks([
-  Je(0, G),
-  Je(1, fe),
-  Je(2, ji),
-  Je(3, q),
-  Je(4, A(it))
-], At);
-const Yt = {
+Ut = ks([
+  Ze(0, G),
+  Ze(1, Se),
+  Ze(2, Bi),
+  Ze(3, q),
+  Ze(4, A(rt))
+], Ut);
+const Ft = {
   id: "sheet.command.insert-float-image",
   type: J.COMMAND,
   handler: async (i, t) => {
     var o, a;
-    const e = i.get(fe), n = i.get(q), r = (o = un(
+    const e = i.get(Se), n = i.get(q), r = (o = dn(
       L.UNIVER_SHEET,
       e,
       n
-    )) == null ? void 0 : o.with(nt);
+    )) == null ? void 0 : o.with(tt);
     if (!r)
       return !1;
     const s = t == null ? void 0 : t.files;
@@ -1086,33 +1086,33 @@ const Yt = {
     } else
       return (a = r.insertFloatImage()) != null ? a : !1;
   }
-}, wn = {
+}, mn = {
   id: "sheet.command.insert-cell-image",
   type: J.COMMAND,
   handler: (i) => {
     var n, r;
-    const t = i.get(fe), e = i.get(q);
-    return (r = (n = un(
+    const t = i.get(Se), e = i.get(q);
+    return (r = (n = dn(
       L.UNIVER_SHEET,
       t,
       e
-    )) == null ? void 0 : n.with(nt).insertCellImage()) != null ? r : !1;
+    )) == null ? void 0 : n.with(tt).insertCellImage()) != null ? r : !1;
   }
 };
 var Ws = Object.getOwnPropertyDescriptor, js = (i, t, e, n) => {
   for (var r = n > 1 ? void 0 : n ? Ws(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, qe = (i, t) => (e, n) => t(e, n, i);
-const Er = "image/png";
+}, Je = (i, t) => (e, n) => t(e, n, i);
+const yr = "image/png";
 function $s(i) {
   const t = i.split(","), e = atob(t[1]), n = e.length, r = new Uint8Array(n);
   for (let s = 0; s < n; s++)
     r[s] = e.charCodeAt(s);
-  return new Blob([r], { type: Er });
+  return new Blob([r], { type: yr });
 }
 function xs(i) {
-  const t = new ClipboardItem({ [Er]: $s(i) });
+  const t = new ClipboardItem({ [yr]: $s(i) });
   navigator.clipboard.write([t]).catch((e) => {
     console.error("Could not copy image using clipboard API: ", e);
   });
@@ -1127,13 +1127,13 @@ function Ls() {
     e.blur(), document.body.removeChild(e), t instanceof HTMLElement && t.focus();
   };
 }
-const zn = [
-  Fe.SPECIAL_PASTE_COL_WIDTH,
-  Fe.SPECIAL_PASTE_VALUE,
-  Fe.SPECIAL_PASTE_FORMAT,
-  Fe.SPECIAL_PASTE_FORMULA
+const Xn = [
+  Le.SPECIAL_PASTE_COL_WIDTH,
+  Le.SPECIAL_PASTE_VALUE,
+  Le.SPECIAL_PASTE_FORMAT,
+  Le.SPECIAL_PASTE_FORMULA
 ];
-let Nt = class extends ie {
+let At = class extends ie {
   constructor(t, e, n, r, s) {
     super();
     te(this, "_copyInfo");
@@ -1150,16 +1150,16 @@ let Nt = class extends ie {
         const s = this._focusedDrawings;
         if (s.length > 0) {
           const [o] = s;
-          if (r === De.CUT) {
+          if (r === Ce.CUT) {
             const c = {
               unitId: t,
               drawings: [o]
             };
-            this._commandService.executeCommand(st.id, c);
+            this._commandService.executeCommand(it.id, c);
           }
           setTimeout(() => {
             const c = Ls();
-            o.drawingType === W.DRAWING_IMAGE && o.imageSourceType === li.BASE64 ? xs(o.source) : this._clipboardInterfaceService.writeText(""), c();
+            o.drawingType === W.DRAWING_IMAGE && o.imageSourceType === ci.BASE64 ? xs(o.source) : this._clipboardInterfaceService.writeText(""), c();
           }, 200);
           const a = {
             unitId: o.unitId,
@@ -1175,14 +1175,14 @@ let Nt = class extends ie {
       onPasteCells: (t, e, n, r) => {
         if (!this._copyInfo)
           return { redos: [], undos: [] };
-        const { copyType: s = De.COPY, pasteType: o } = r, { range: a } = t || {}, { 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 }, De.COPY);
+        const { copyType: s = Ce.COPY, pasteType: o } = r, { range: a } = t || {}, { 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 }, Ce.COPY);
       },
       onPastePlainText: (t, e) => ({ undos: [], redos: [] }),
-      onPasteUnrecognized: (t) => this._copyInfo ? this._generateSingleDrawingPasteMutations({ pasteTo: t, pasteType: Fe.DEFAULT_PASTE }, De.COPY) : { undos: [], redos: [] },
+      onPasteUnrecognized: (t) => this._copyInfo ? this._generateSingleDrawingPasteMutations({ pasteTo: t, pasteType: Le.DEFAULT_PASTE }, Ce.COPY) : { undos: [], redos: [] },
       onPasteFiles: (t, e) => {
         if (this._copyInfo)
-          return this._generateSingleDrawingPasteMutations({ pasteTo: t, pasteType: Fe.DEFAULT_PASTE }, De.COPY);
+          return this._generateSingleDrawingPasteMutations({ pasteTo: t, pasteType: Le.DEFAULT_PASTE }, Ce.COPY);
         {
           const n = e.filter((r) => r.type.includes("image"));
           if (n.length)
@@ -1190,7 +1190,7 @@ let Nt = class extends ie {
               undos: [],
               redos: [
                 {
-                  id: Yt.id,
+                  id: Ft.id,
                   params: { files: n }
                 }
               ]
@@ -1202,7 +1202,7 @@ let Nt = class extends ie {
   }
   _createDrawingsCopyInfoByRange(t, e, n) {
     var g;
-    const r = (g = this._renderManagerService.getRenderById(t)) == null ? void 0 : g.with(H);
+    const r = (g = this._renderManagerService.getRenderById(t)) == null ? void 0 : g.with(V);
     if (!r) return;
     const s = r.attachRangeWithCoord(n);
     if (!s)
@@ -1212,13 +1212,13 @@ let Nt = class extends ie {
       const f = d[h], { transform: p } = f;
       if (f.anchorType !== O.Both || !p)
         return;
-      const { left: m = 0, top: w = 0, width: S = 0, height: C = 0 } = p, { drawingStartX: b, drawingEndX: v, drawingStartY: D, drawingEndY: _ } = {
+      const { left: m = 0, top: _ = 0, width: S = 0, height: C = 0 } = p, { drawingStartX: b, drawingEndX: v, drawingStartY: D, drawingEndY: w } = {
         drawingStartX: m,
         drawingEndX: m + S,
-        drawingStartY: w,
-        drawingEndY: w + C
+        drawingStartY: _,
+        drawingEndY: _ + C
       };
-      o <= b && v <= a && c <= D && _ <= u && l.push(f);
+      o <= b && v <= a && c <= D && w <= u && l.push(f);
     }), l.length)
       return {
         copyRange: n,
@@ -1229,16 +1229,16 @@ let Nt = class extends ie {
   }
   _generateSingleDrawingPasteMutations(t, e) {
     const { pasteType: n, pasteTo: r } = t;
-    if (zn.includes(n))
+    if (Xn.includes(n))
       return { redos: [], undos: [] };
-    const { unitId: s, subUnitId: o, range: a } = r, c = this._renderManagerService.getRenderById(s), u = c == null ? void 0 : c.with(H), d = c == null ? void 0 : c.with(He), l = this._copyInfo;
+    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(Ve), l = this._copyInfo;
     if (!u || !d)
       return { redos: [], undos: [] };
-    const { drawings: g } = l, h = Bn(a);
+    const { drawings: g } = l, h = An(a);
     return this._generateMutations(g, {
       unitId: s,
       subUnitId: o,
-      isCut: e === De.CUT,
+      isCut: e === Ce.CUT,
       getTransform: (f, p) => {
         var S;
         const m = u.attachRangeWithCoord({
@@ -1246,14 +1246,14 @@ let Nt = class extends ie {
           endRow: h.endRow,
           startColumn: h.startColumn,
           endColumn: h.endColumn
-        }), w = {
+        }), _ = {
           ...f,
           left: m == null ? void 0 : m.startX,
           top: m == null ? void 0 : m.startY
         };
         return {
-          transform: w,
-          sheetTransform: (S = x(w, d)) != null ? S : p
+          transform: _,
+          sheetTransform: (S = x(_, d)) != null ? S : p
         };
       }
     });
@@ -1273,12 +1273,12 @@ let Nt = class extends ie {
         ...d,
         unitId: n,
         subUnitId: r,
-        drawingId: o ? d.drawingId : Me.generateRandomId(),
+        drawingId: o ? d.drawingId : ye.generateRandomId(),
         transform: h.transform,
         sheetTransform: h.sheetTransform
       };
       if (o) {
-        const { undo: p, redo: m, objects: w } = u.getBatchUpdateOp([f]);
+        const { undo: p, redo: m, objects: _ } = u.getBatchUpdateOp([f]);
         a.push({
           id: U.id,
           params: {
@@ -1286,7 +1286,7 @@ let Nt = class extends ie {
             subUnitId: r,
             type: P.UPDATE,
             op: m,
-            objects: w
+            objects: _
           }
         }), c.push({
           id: U.id,
@@ -1295,12 +1295,12 @@ let Nt = class extends ie {
             subUnitId: r,
             type: P.UPDATE,
             op: p,
-            objects: w
+            objects: _
           }
         });
       } else {
-        const { undo: p, redo: m, objects: w } = u.getBatchAddOp([f]);
-        a.push({ id: U.id, params: { op: m, unitId: n, subUnitId: r, objects: w, type: P.INSERT } }), c.push({ id: U.id, params: { op: p, unitId: n, subUnitId: r, objects: w, type: P.REMOVE } });
+        const { undo: p, redo: m, objects: _ } = u.getBatchAddOp([f]);
+        a.push({ id: U.id, params: { op: m, unitId: n, subUnitId: r, objects: _, type: P.INSERT } }), c.push({ id: U.id, params: { op: p, unitId: n, subUnitId: r, objects: _, type: P.REMOVE } });
       }
     }), { redos: a, undos: c };
   }
@@ -1316,18 +1316,18 @@ let Nt = class extends ie {
       copyRange: a,
       copyType: c
     } = e;
-    if (zn.includes(s))
+    if (Xn.includes(s))
       return { redos: [], undos: [] };
-    const u = (M = this._renderManagerService.getRenderById(n)) == null ? void 0 : M.with(H);
+    const u = (M = this._renderManagerService.getRenderById(n)) == null ? void 0 : M.with(V);
     if (!u || !this._copyInfo)
       return { redos: [], undos: [] };
     const { drawings: d } = this._copyInfo;
     if (!a)
       return this._generateSingleDrawingPasteMutations({
-        pasteTo: { unitId: n, subUnitId: r, range: Bn(o) },
+        pasteTo: { unitId: n, subUnitId: r, range: An(o) },
         pasteType: s
       }, c);
-    const { ranges: [l, g], mapFunc: h } = Ei([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 } = yi([a, o]), { row: f, col: p } = h(l.startRow, l.startColumn), { row: m, col: _ } = h(g.startRow, g.startColumn), S = u.attachRangeWithCoord({
       startRow: f,
       endRow: f,
       startColumn: p,
@@ -1335,12 +1335,12 @@ let Nt = class extends ie {
     }), C = u.attachRangeWithCoord({
       startRow: m,
       endRow: m,
-      startColumn: w,
-      endColumn: w
+      startColumn: _,
+      endColumn: _
     });
     if (!S || !C || !this._copyInfo)
       return { redos: [], undos: [] };
-    const b = C.startX - S.startX, v = C.startY - S.startY, D = m - f, _ = w - p;
+    const b = C.startX - S.startX, v = C.startY - S.startY, D = m - f, w = _ - p;
     return this._generateMutations(d, {
       unitId: n,
       subUnitId: r,
@@ -1357,53 +1357,53 @@ let Nt = class extends ie {
             to: {
               ...E.to,
               row: E.to.row + D,
-              column: E.to.column + _
+              column: E.to.column + w
             },
             from: {
               ...E.from,
               row: E.from.row + D,
-              column: E.from.column + _
+              column: E.from.column + w
             }
           }
         };
       },
-      isCut: c === De.CUT
+      isCut: c === Ce.CUT
     });
   }
 };
-Nt = js([
-  qe(0, Ti),
-  qe(1, q),
-  qe(2, se),
-  qe(3, $i),
-  qe(4, G)
-], Nt);
+At = js([
+  Je(0, Mi),
+  Je(1, q),
+  Je(2, se),
+  Je(3, Wi),
+  Je(4, G)
+], At);
 var Fs = Object.getOwnPropertyDescriptor, Ys = (i, t, e, n) => {
   for (var r = n > 1 ? void 0 : n ? Fs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Qe = (i, t) => (e, n) => t(e, n, i);
-let kt = class extends ie {
+}, qe = (i, t) => (e, n) => t(e, n, i);
+let Nt = class extends ie {
   constructor(i, t, e, n, r) {
     super(), this._drawingManagerService = i, this._renderManagerService = t, this._permissionService = e, this._univerInstanceService = n, this._userManagerService = r, this._initDrawingVisible(), this._initDrawingEditable(), this._initViewPermissionChange(), this._initEditPermissionChange();
   }
   _initDrawingVisible() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(L.UNIVER_SHEET), t = this._userManagerService.currentUser$, e = It([i, t]);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(L.UNIVER_SHEET), t = this._userManagerService.currentUser$, e = St([i, t]);
     this.disposeWithMe(
       e.pipe(
-        Se(([n, r]) => n ? n.activeSheet$.pipe(
-          $n((s) => {
+        _e(([n, r]) => n ? n.activeSheet$.pipe(
+          Bn((s) => {
             if (!s) {
               this._drawingManagerService.setDrawingVisible(!1);
               return;
             }
             const o = n.getUnitId(), a = s.getSheetId();
             this._permissionService.composePermission([
-              new Yn(o).id,
-              new Xn(o, a).id
+              new xn(o).id,
+              new Ln(o, a).id
             ]).every((u) => u.value) ? this._drawingManagerService.setDrawingVisible(!0) : this._handleDrawingVisibilityFalse(n, s);
           })
-        ) : (this._drawingManagerService.setDrawingVisible(!1), pe))
+        ) : (this._drawingManagerService.setDrawingVisible(!1), me))
       ).subscribe()
     );
   }
@@ -1417,22 +1417,22 @@ let kt = class extends ie {
     });
   }
   _initDrawingEditable() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(L.UNIVER_SHEET), t = this._userManagerService.currentUser$, e = It([i, t]);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(L.UNIVER_SHEET), t = this._userManagerService.currentUser$, e = St([i, t]);
     this.disposeWithMe(
       e.pipe(
-        Se(([n, r]) => n ? n.activeSheet$.pipe(
-          $n((s) => {
+        _e(([n, r]) => n ? n.activeSheet$.pipe(
+          Bn((s) => {
             if (!s) {
               this._drawingManagerService.setDrawingEditable(!1);
               return;
             }
             const o = n.getUnitId(), a = s.getSheetId();
             this._permissionService.composePermission([
-              new en(o).id,
-              new tn(o, a).id
+              new Qt(o).id,
+              new en(o, a).id
             ]).every((u) => u.value) ? this._drawingManagerService.setDrawingEditable(!0) : this._handleDrawingEditableFalse(n, s);
           })
-        ) : (this._drawingManagerService.setDrawingEditable(!1), pe))
+        ) : (this._drawingManagerService.setDrawingEditable(!1), me))
       ).subscribe()
     );
   }
@@ -1448,21 +1448,21 @@ let kt = class extends ie {
   _initViewPermissionChange() {
     const i = this._univerInstanceService.getCurrentTypeOfUnit$(L.UNIVER_SHEET), t = this._userManagerService.currentUser$;
     this.disposeWithMe(
-      It([i, t]).pipe(
-        Se(([e, n]) => e ? e.activeSheet$.pipe(
-          Se((r) => {
+      St([i, t]).pipe(
+        _e(([e, n]) => e ? e.activeSheet$.pipe(
+          _e((r) => {
             if (!r)
-              return pe;
+              return me;
             const s = e.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), c = a == null ? void 0 : a.scene;
             if (!c)
-              return pe;
+              return me;
             const u = c.getTransformerByCreate();
             return this._permissionService.composePermission$([
-              new Yn(s).id,
-              new Xn(s, o).id
+              new xn(s).id,
+              new Ln(s, o).id
             ]).pipe(
               Ee((l) => l.every((g) => g.value)),
-              xn()
+              Wn()
             ).pipe(
               Ee((l) => ({
                 permission: l,
@@ -1473,7 +1473,7 @@ let kt = class extends ie {
               }))
             );
           })
-        ) : pe)
+        ) : me)
       ).subscribe({
         next: ({ permission: e, scene: n, transformer: r, unitId: s, subUnitId: o }) => {
           this._drawingManagerService.setDrawingVisible(e);
@@ -1496,21 +1496,21 @@ let kt = class extends ie {
   _initEditPermissionChange() {
     const i = this._univerInstanceService.getCurrentTypeOfUnit$(L.UNIVER_SHEET), t = this._userManagerService.currentUser$;
     this.disposeWithMe(
-      It([i, t]).pipe(
-        Se(([e, n]) => e ? e.activeSheet$.pipe(
-          Se((r) => {
+      St([i, t]).pipe(
+        _e(([e, n]) => e ? e.activeSheet$.pipe(
+          _e((r) => {
             if (!r)
-              return pe;
+              return me;
             const s = e.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), c = a == null ? void 0 : a.scene;
             if (!c)
-              return pe;
+              return me;
             const u = c.getTransformerByCreate();
             return this._permissionService.composePermission$([
-              new en(s).id,
-              new tn(s, o).id
+              new Qt(s).id,
+              new en(s, o).id
             ]).pipe(
               Ee((l) => l.every((g) => g.value)),
-              xn()
+              Wn()
             ).pipe(
               Ee((l) => ({
                 permission: l,
@@ -1521,7 +1521,7 @@ let kt = class extends ie {
               }))
             );
           })
-        ) : pe)
+        ) : me)
       ).subscribe({
         next: ({ permission: e, scene: n, transformer: r, unitId: s, subUnitId: o }) => {
           this._drawingManagerService.setDrawingEditable(e);
@@ -1551,20 +1551,20 @@ let kt = class extends ie {
     );
   }
 };
-kt = Ys([
-  Qe(0, se),
-  Qe(1, q),
-  Qe(2, Hr),
-  Qe(3, fe),
-  Qe(4, A(zr))
-], kt);
-var Xs = Object.getOwnPropertyDescriptor, Gs = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Xs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+Nt = Ys([
+  qe(0, se),
+  qe(1, q),
+  qe(2, Xr),
+  qe(3, Se),
+  qe(4, A(Vr))
+], Nt);
+var Gs = Object.getOwnPropertyDescriptor, Xs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Gs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Re = (i, t) => (e, n) => t(e, n, i);
-function Tr(i, t, e, n, r, s = !1) {
-  const { scaleX: o, scaleY: a } = t.getAncestorScale(), c = t.getViewport(Qn.VIEW_MAIN), u = n.getFreeze(), { startColumn: d, startRow: l, xSplit: g, ySplit: h } = u, f = {
+}, be = (i, t) => (e, n) => t(e, n, i);
+function Mr(i, t, e, n, r, s = !1) {
+  const { scaleX: o, scaleY: a } = t.getAncestorScale(), c = t.getViewport(Zn.VIEW_MAIN), u = n.getFreeze(), { startColumn: d, startRow: l, xSplit: g, ySplit: h } = u, f = {
     left: !0,
     // left means the left of pic is in a viewMainLeft
     top: !0
@@ -1574,32 +1574,32 @@ function Tr(i, t, e, n, r, s = !1) {
       ...i,
       absolute: f
     };
-  const { left: p, right: m, top: w, bottom: S } = i;
+  const { left: p, right: m, top: _, bottom: S } = i;
   let { top: C, left: b, viewportScrollX: v, viewportScrollY: D } = c;
-  const { boundsOfViewArea: _, scrollDirectionResponse: M } = r || {}, { rowHeaderWidth: I, columnHeaderHeight: E } = e, T = {
+  const { boundsOfViewArea: w, scrollDirectionResponse: M } = r || {}, { rowHeaderWidth: I, columnHeaderHeight: E } = e, T = {
     top: s ? 0 : E,
     left: s ? 0 : I
   };
-  _ && (Me.isDefine(T.top) && (T.top = _.top), Me.isDefine(T.left) && (T.left = _.left)), M === "HORIZONTAL" && (D = 0), M === "VERTICAL" && (v = 0);
+  w && (ye.isDefine(T.top) && (T.top = w.top), ye.isDefine(T.left) && (T.left = w.left)), M === "HORIZONTAL" && (D = 0), M === "VERTICAL" && (v = 0);
   let y = 0, R = 0;
-  const N = e.rowStartY(l - h) + E, j = e.colStartX(d - g) + I, Q = e.rowStartY(l) + E, z = e.colStartX(d) + I;
+  const N = e.rowStartY(l - h) + E, j = e.colStartX(d - g) + I, Q = e.rowStartY(l) + E, H = e.colStartX(d) + I;
   if (g === 0)
     f.left = !1, y = (p - v) * o, R = (m - v) * o;
   else {
     const k = p - (j - I), ce = m - (j - I);
-    m < z ? (y = k * o, R = ce * o) : p <= z && m >= z ? (y = k * o, R = Math.max(b, (m - v) * o)) : p > z && (f.left = !1, y = Math.max((p - v) * o, b), R = Math.max((m - v) * o, b));
+    m < H ? (y = k * o, R = ce * o) : p <= H && m >= H ? (y = k * o, R = Math.max(b, (m - v) * o)) : p > H && (f.left = !1, y = Math.max((p - v) * o, b), R = Math.max((m - v) * o, b));
   }
-  let V = 0, Y = 0;
+  let X = 0, Y = 0;
   if (h === 0)
-    f.top = !1, V = (w - D) * a, Y = (S - D) * a;
+    f.top = !1, X = (_ - D) * a, Y = (S - D) * a;
   else {
-    const k = w - (N - E), ce = S - (N - E);
-    S < Q ? (V = k * a, Y = ce * a) : w <= Q && S >= Q ? (V = k * a, Y = Math.max(C, (S - D) * a)) : w > Q && (f.top = !1, V = Math.max((w - D) * a, C), Y = Math.max((S - D) * a, C));
+    const k = _ - (N - E), ce = S - (N - E);
+    S < Q ? (X = k * a, Y = ce * a) : _ <= Q && S >= Q ? (X = k * a, Y = Math.max(C, (S - D) * a)) : _ > Q && (f.top = !1, X = Math.max((_ - D) * a, C), Y = Math.max((S - D) * a, C));
   }
-  return y = Math.max(y, T.left), V = Math.max(V, T.top), R = Math.max(R, T.left), Y = Math.max(Y, T.top), {
+  return y = Math.max(y, T.left), X = Math.max(X, T.top), R = Math.max(R, T.left), Y = Math.max(Y, T.top), {
     left: y,
     right: R,
-    top: V,
+    top: X,
     bottom: Y,
     absolute: f
   };
@@ -1610,7 +1610,7 @@ const ge = (i, t, e, n, r) => {
     right: s + a,
     top: o,
     bottom: o + c
-  }, l = Tr(d, t, e, n, r), { scaleX: g, scaleY: h } = t.getAncestorScale();
+  }, l = Mr(d, t, e, n, r), { scaleX: g, scaleY: h } = t.getAncestorScale();
   return {
     startX: l.left,
     endX: l.right,
@@ -1622,23 +1622,23 @@ const ge = (i, t, e, n, r) => {
     absolute: l.absolute
   };
 };
-let rt = class extends ie {
+let nt = class extends ie {
   constructor(t, e, n, r, s, o, a) {
     super();
     /**
      * for update dom container position when scrolling and zoom
      */
     te(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
-    te(this, "_transformChange$", new Kt());
+    te(this, "_transformChange$", new zt());
     te(this, "transformChange$", this._transformChange$.asObservable());
-    te(this, "_add$", new Kt());
+    te(this, "_add$", new zt());
     te(this, "add$", this._add$.asObservable());
-    te(this, "_remove$", new Kt());
+    te(this, "_remove$", new zt());
     te(this, "remove$", this._remove$.asObservable());
     this._renderManagerService = t, this._univerInstanceService = e, this._commandService = n, this._drawingManagerService = r, this._canvasFloatDomService = s, this._sheetDrawingService = o, this._lifecycleService = a, this._drawingAddListener(), this._featureUpdateListener(), this._deleteListener(), this._bindScrollEvent();
   }
   _bindScrollEvent() {
-    this._lifecycleService.lifecycle$.pipe(Gi((t) => t === Zr.Rendered), Vi(1)).subscribe(() => {
+    this._lifecycleService.lifecycle$.pipe(Gi((t) => t === zr.Rendered), Xi(1)).subscribe(() => {
       this._scrollUpdateListener();
     });
   }
@@ -1670,7 +1670,7 @@ let rt = class extends ie {
           const u = c.getActiveSheet().getSheetId();
           if (!a || !o)
             return;
-          const d = (Z = this._renderManagerService.getRenderById(n)) == null ? void 0 : Z.with(H).getSkeletonParam(r);
+          const d = (Z = this._renderManagerService.getRenderById(n)) == null ? void 0 : Z.with(V).getSkeletonParam(r);
           if (!d)
             return;
           const { transform: l, drawingType: g, data: h } = a;
@@ -1684,13 +1684,13 @@ let rt = class extends ie {
             return !0;
           if (u !== r)
             return;
-          const { left: w, top: S, width: C, height: b, angle: v, flipX: D, flipY: _, skewX: M, skewY: I } = l, E = Ce({ unitId: n, subUnitId: r, drawingId: s }), T = p.getObject(E);
+          const { left: _, top: S, width: C, height: b, angle: v, flipX: D, flipY: w, skewX: M, skewY: I } = l, E = Ie({ unitId: n, subUnitId: r, drawingId: s }), T = p.getObject(E);
           if (T != null) {
-            T.transformByState({ left: w, top: S, width: C, height: b, angle: v, flipX: D, flipY: _, skewX: M, skewY: I });
+            T.transformByState({ left: _, top: S, width: C, height: b, angle: v, flipX: D, flipY: w, skewX: M, skewY: I });
             return;
           }
           const y = {
-            left: w,
+            left: _,
             top: S,
             width: C,
             height: b,
@@ -1701,17 +1701,17 @@ let rt = class extends ie {
             y.fill = k, h && h.border && (y.stroke = h.border), y.paintFirst = "stroke", y.strokeWidth = 1, y.borderEnabled = !1, y.radius = 8;
           }
           const N = new Be(E, y);
-          R && N.setObjectType(Nn.CHART), p.addObject(N, zt), a.allowTransform !== !1 && p.attachTransformerTo(N);
-          const j = new vt(), Q = ge(N, f.renderUnit.scene, d.skeleton, o.worksheet), z = new $e(Q), V = {
+          R && N.setObjectType(Pn.CHART), p.addObject(N, Ht), a.allowTransform !== !1 && p.attachTransformerTo(N);
+          const j = new _t(), Q = ge(N, f.renderUnit.scene, d.skeleton, o.worksheet), H = new $e(Q), X = {
             dispose: j,
             rect: N,
-            position$: z,
+            position$: H,
             unitId: n,
             subUnitId: r,
             id: s
           };
           this._canvasFloatDomService.addFloatDom({
-            position$: z,
+            position$: H,
             id: s,
             componentKey: a.componentKey,
             onPointerDown: (k) => {
@@ -1731,19 +1731,19 @@ let rt = class extends ie {
           });
           const Y = N.onTransformChange$.subscribeEvent(() => {
             const k = ge(N, f.renderUnit.scene, d.skeleton, o.worksheet);
-            z.next(
+            H.next(
               k
             );
           });
           j.add(() => {
             this._canvasFloatDomService.removeFloatDom(s);
-          }), Y && j.add(Y), this._domLayerInfoMap.set(s, V);
+          }), Y && j.add(Y), this._domLayerInfoMap.set(s, X);
         });
       })
     ), this.disposeWithMe(
       this._drawingManagerService.remove$.subscribe((t) => {
         t.forEach((e) => {
-          const { unitId: n, subUnitId: r, drawingId: s } = e, o = Ce({ unitId: n, subUnitId: r, drawingId: s }), a = this._getSceneAndTransformerByDrawingSearch(n);
+          const { unitId: n, subUnitId: r, drawingId: s } = e, o = Ie({ unitId: n, subUnitId: r, drawingId: s }), a = this._getSceneAndTransformerByDrawingSearch(n);
           if (a == null)
             return;
           const { transformer: c, scene: u } = a, d = u.getObject(o);
@@ -1755,7 +1755,7 @@ let rt = class extends ie {
   _scrollUpdateListener() {
     const t = (e, n) => {
       var c;
-      const r = this._getSceneAndTransformerByDrawingSearch(e), s = Array.from(this._domLayerInfoMap.keys()).map((u) => ({ id: u, ...this._domLayerInfoMap.get(u) })).filter((u) => u.subUnitId === n && u.unitId === e).map((u) => u.id), o = ae(this._univerInstanceService, { unitId: e, subUnitId: n }), a = (c = this._renderManagerService.getRenderById(e)) == null ? void 0 : c.with(H).getSkeletonParam(n);
+      const r = this._getSceneAndTransformerByDrawingSearch(e), s = Array.from(this._domLayerInfoMap.keys()).map((u) => ({ id: u, ...this._domLayerInfoMap.get(u) })).filter((u) => u.subUnitId === n && u.unitId === e).map((u) => u.id), o = ae(this._univerInstanceService, { unitId: e, subUnitId: n }), a = (c = this._renderManagerService.getRenderById(e)) == null ? void 0 : c.with(V).getSkeletonParam(n);
       !r || !o || !a || s.forEach((u) => {
         const d = this._domLayerInfoMap.get(u);
         if (d) {
@@ -1766,14 +1766,14 @@ let rt = class extends ie {
     };
     this.disposeWithMe(
       this._univerInstanceService.getCurrentTypeOfUnit$(L.UNIVER_SHEET).pipe(
-        Se((e) => e ? e.activeSheet$ : Ln(null)),
+        _e((e) => e ? e.activeSheet$ : jn(null)),
         Ee((e) => {
           if (!e) return null;
           const n = e.getUnitId(), r = this._renderManagerService.getRenderById(n);
           return r ? { render: r, unitId: n, subUnitId: e.getSheetId() } : null;
         }),
-        Se(
-          (e) => e ? Jr(e.render.scene.getViewport(Qn.VIEW_MAIN).onScrollAfter$).pipe(Ee(() => ({ unitId: e.unitId, subUnitId: e.subUnitId }))) : Ln(null)
+        _e(
+          (e) => e ? Kr(e.render.scene.getViewport(Zn.VIEW_MAIN).onScrollAfter$).pipe(Ee(() => ({ unitId: e.unitId, subUnitId: e.subUnitId }))) : jn(null)
         )
       ).subscribe((e) => {
         if (!e) return;
@@ -1781,12 +1781,12 @@ let rt = class extends ie {
         t(n, r);
       })
     ), this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
-      if (e.id === Wn.id) {
+      if (e.id === Nn.id) {
         const n = e.params, { unitId: r } = n;
         Array.from(this._domLayerInfoMap.values()).filter((o) => o.unitId === r).map((o) => o.subUnitId).forEach((o) => {
           t(r, o);
         });
-      } else if (e.id === Ki.id) {
+      } else if (e.id === zi.id) {
         const { unitId: n, subUnitId: r } = e.params;
         t(n, r);
       }
@@ -1794,7 +1794,7 @@ let rt = class extends ie {
   }
   _getPosition(t, e) {
     var g;
-    const { startX: n, endX: r, startY: s, endY: o } = t, a = (g = this._renderManagerService.getRenderById(e)) == null ? void 0 : g.with(He);
+    const { startX: n, endX: r, startY: s, endY: o } = t, a = (g = this._renderManagerService.getRenderById(e)) == null ? void 0 : g.with(Ve);
     if (a == null)
       return;
     const c = a.getCellWithCoordByOffset(n, s);
@@ -1846,7 +1846,7 @@ let rt = class extends ie {
   updateFloatDomProps(t, e, n, r) {
     const s = this._domLayerInfoMap.get(n), o = this._getSceneAndTransformerByDrawingSearch(t);
     if (s && o) {
-      const { scene: a } = o, c = Ce({ unitId: t, subUnitId: e, drawingId: n }), u = a.getObject(c);
+      const { scene: a } = o, c = Ie({ unitId: t, subUnitId: e, drawingId: n }), u = a.getObject(c);
       u && u instanceof Be && u.setProps(r);
     }
   }
@@ -1858,7 +1858,7 @@ let rt = class extends ie {
     });
     if (!n)
       throw new Error("cannot find current target!");
-    const { unitId: r, subUnitId: s } = n, { initPosition: o, componentKey: a, data: c, allowTransform: u = !0 } = t, d = e != null ? e : Et(), l = this._getPosition(o, r);
+    const { unitId: r, subUnitId: s } = n, { initPosition: o, componentKey: a, data: c, allowTransform: u = !0 } = t, d = e != null ? e : Mt(), l = this._getPosition(o, r);
     if (l == null)
       return;
     const g = {
@@ -1877,7 +1877,7 @@ let rt = class extends ie {
       data: c,
       allowTransform: u
     };
-    return this._commandService.executeCommand(Lt.id, {
+    return this._commandService.executeCommand(xt.id, {
       unitId: r,
       drawings: [g]
     }), this._add$.next({ unitId: r, subUnitId: s, id: d }), {
@@ -1904,7 +1904,7 @@ let rt = class extends ie {
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   addFloatDomToRange(t, e, n, r) {
-    var D, _, M;
+    var D, w, M;
     const s = ae(this._univerInstanceService, {
       unitId: e.unitId,
       subUnitId: e.subUnitId
@@ -1915,12 +1915,12 @@ let rt = class extends ie {
     if (!c) return;
     const u = this._renderManagerService.getRenderById(o);
     if (!u) return;
-    const d = (D = this._renderManagerService.getRenderById(o)) == null ? void 0 : D.with(H).getWorksheetSkeleton(a);
+    const d = (D = this._renderManagerService.getRenderById(o)) == null ? void 0 : D.with(V).getWorksheetSkeleton(a);
     if (!d) return;
-    const { componentKey: l, data: g, allowTransform: h = !0 } = e, f = r != null ? r : Et(), { position: p, position$: m } = this._createRangePositionObserver(t, u, d.skeleton);
+    const { componentKey: l, data: g, allowTransform: h = !0 } = e, f = r != null ? r : Mt(), { position: p, position$: m } = this._createRangePositionObserver(t, u, d.skeleton);
     if (this._getPosition(p, o) == null)
       return;
-    const S = c.scene, { scaleX: C } = S.getAncestorScale(), b = yt(p, n, C), v = {
+    const S = c.scene, { scaleX: C } = S.getAncestorScale(), b = Rt(p, n, C), v = {
       unitId: o,
       subUnitId: a,
       drawingId: f,
@@ -1942,55 +1942,55 @@ let rt = class extends ie {
       const j = N.getActiveSheet().getSheetId();
       if (!R || !y)
         return;
-      const Q = (_ = this._renderManagerService.getRenderById(I)) == null ? void 0 : _.with(H);
+      const Q = (w = this._renderManagerService.getRenderById(I)) == null ? void 0 : w.with(V);
       if (!Q)
         return;
-      const z = Q.getWorksheetSkeleton(E);
-      if (!z)
+      const H = Q.getWorksheetSkeleton(E);
+      if (!H)
         return;
-      const { transform: V, drawingType: Y, data: Z } = R;
+      const { transform: X, drawingType: Y, data: Z } = R;
       if (Y !== W.DRAWING_DOM && Y !== W.DRAWING_CHART)
         return;
       const k = this._getSceneAndTransformerByDrawingSearch(I);
       if (k == null)
         return;
       const { scene: ce, canvas: Te } = k;
-      if (V == null || j !== E)
+      if (X == null || j !== E)
         return;
-      const { left: ct, top: dt, width: lt, height: ut, angle: Xt, flipX: Gt, flipY: ht, skewX: gt, skewY: Oe } = V, mt = Ce({ unitId: I, subUnitId: E, drawingId: T }), de = ce.getObject(mt);
+      const { left: at, top: ct, width: dt, height: lt, angle: Yt, flipX: Gt, flipY: ut, skewX: ht, skewY: Oe } = X, gt = Ie({ unitId: I, subUnitId: E, drawingId: T }), de = ce.getObject(gt);
       if (de != null) {
-        de.transformByState({ left: ct, top: dt, width: lt, height: ut, angle: Xt, flipX: Gt, flipY: ht, skewX: gt, skewY: Oe });
+        de.transformByState({ left: at, top: ct, width: dt, height: lt, angle: Yt, flipX: Gt, flipY: ut, skewX: ht, skewY: Oe });
         return;
       }
       const ee = {
-        left: ct,
+        left: at,
         // from floatDomParam.transform
-        top: dt,
-        width: lt,
-        height: ut,
+        top: ct,
+        width: dt,
+        height: lt,
         zIndex: this._drawingManagerService.getDrawingOrder(I, E).length - 1
       }, Pe = Y === W.DRAWING_CHART;
       if (Pe) {
         const B = Z ? Z.backgroundColor : "white";
         ee.fill = B, ee.rotateEnabled = !1, Z && Z.border && (ee.stroke = Z.border), ee.paintFirst = "stroke", ee.strokeWidth = 1, ee.borderEnabled = !1, ee.radius = 8;
       }
-      const le = new Be(mt, ee);
-      Pe && le.setObjectType(Nn.CHART), ce.addObject(le, zt), R.allowTransform !== !1 && ce.attachTransformerTo(le);
-      const ue = new vt(), ft = ce.getMainViewport(), { rowHeaderWidth: Ue, columnHeaderHeight: ze } = z.skeleton, pt = {
-        top: ze,
+      const le = new Be(gt, ee);
+      Pe && le.setObjectType(Pn.CHART), ce.addObject(le, Ht), R.allowTransform !== !1 && ce.attachTransformerTo(le);
+      const ue = new _t(), mt = ce.getMainViewport(), { rowHeaderWidth: Ue, columnHeaderHeight: He } = H.skeleton, ft = {
+        top: He,
         left: Ue,
-        bottom: ft.bottom,
-        right: ft.right
+        bottom: mt.bottom,
+        right: mt.right
       }, he = {
         dispose: ue,
         rect: le,
-        boundsOfViewArea: pt,
+        boundsOfViewArea: ft,
         domAnchor: n,
         unitId: I,
         subUnitId: E
-      }, $ = ge(le, k.renderUnit.scene, z.skeleton, y.worksheet, he), Ae = new $e($);
+      }, $ = ge(le, k.renderUnit.scene, H.skeleton, y.worksheet, he), Ae = new $e($);
       he.position$ = Ae;
-      let Ke = {
+      let ze = {
         position$: Ae,
         id: T,
         componentKey: R.componentKey,
@@ -2006,8 +2006,8 @@ let rt = class extends ie {
         data: Z,
         unitId: I
       };
-      e.eventPassThrough && (Ke = {
-        ...Ke,
+      e.eventPassThrough && (ze = {
+        ...ze,
         onPointerDown: (B) => {
           Te.dispatchEvent(new PointerEvent(B.type, B));
         },
@@ -2017,41 +2017,41 @@ let rt = class extends ie {
         onPointerUp: (B) => {
           Te.dispatchEvent(new PointerEvent(B.type, B));
         }
-      }), this._canvasFloatDomService.addFloatDom(Ke), this.disposeWithMe(m.subscribe((B) => {
-        var vn, Sn, In, Cn;
-        const _n = yt({
+      }), this._canvasFloatDomService.addFloatDom(ze), this.disposeWithMe(m.subscribe((B) => {
+        var pn, wn, _n, vn;
+        const fn = Rt({
           startX: B.startX,
           startY: B.startY,
           endX: B.endX,
           endY: B.endY,
-          width: (vn = n.width) != null ? vn : B.width,
-          height: (Sn = n.height) != null ? Sn : B.height,
+          width: (pn = n.width) != null ? pn : B.width,
+          height: (wn = n.height) != null ? wn : B.height,
           absolute: {
             left: p.absolute.left,
             top: p.absolute.top
           }
-        }, n), Wr = Ce({ unitId: I, subUnitId: E, drawingId: T }), jr = new Be(Wr, {
-          left: _n.startX,
-          top: _n.startY,
-          width: (In = n.width) != null ? In : B.width,
-          height: (Cn = n.height) != null ? Cn : B.height,
+        }, n), kr = Ie({ unitId: I, subUnitId: E, drawingId: T }), Br = new Be(kr, {
+          left: fn.startX,
+          top: fn.startY,
+          width: (_n = n.width) != null ? _n : B.width,
+          height: (vn = n.height) != null ? vn : B.height,
           zIndex: this._drawingManagerService.getDrawingOrder(I, E).length - 1
-        }), $r = ge(jr, k.renderUnit.scene, z.skeleton, y.worksheet, he);
-        Ae.next($r);
+        }), Wr = ge(Br, k.renderUnit.scene, H.skeleton, y.worksheet, he);
+        Ae.next(Wr);
       }));
-      const Ze = (M = this._renderManagerService.getRenderById(I)) == null ? void 0 : M.with(H);
-      Ze == null || Ze.currentSkeleton$.subscribe((B) => {
-        B && z.sheetId !== B.sheetId && this._removeDom(f, !0);
+      const Ke = (M = this._renderManagerService.getRenderById(I)) == null ? void 0 : M.with(V);
+      Ke == null || Ke.currentSkeleton$.subscribe((B) => {
+        B && H.sheetId !== B.sheetId && this._removeDom(f, !0);
       });
-      const wt = le.onTransformChange$.subscribeEvent(() => {
-        const B = ge(le, k.renderUnit.scene, z.skeleton, y.worksheet, he);
+      const pt = le.onTransformChange$.subscribeEvent(() => {
+        const B = ge(le, k.renderUnit.scene, H.skeleton, y.worksheet, he);
         Ae.next(
           B
         );
       });
       ue.add(() => {
         this._canvasFloatDomService.removeFloatDom(T);
-      }), wt && ue.add(wt), this._domLayerInfoMap.set(T, he);
+      }), pt && ue.add(pt), this._domLayerInfoMap.set(T, he);
     }
     return {
       id: f,
@@ -2073,15 +2073,15 @@ let rt = class extends ie {
     if (!this._getSceneAndTransformerByDrawingSearch(o)) return;
     const u = this._renderManagerService.getRenderById(o);
     if (!u) return;
-    const d = (b = this._renderManagerService.getRenderById(o)) == null ? void 0 : b.with(H).getWorksheetSkeleton(a);
+    const d = (b = this._renderManagerService.getRenderById(o)) == null ? void 0 : b.with(V).getWorksheetSkeleton(a);
     if (!d) return;
-    const { componentKey: l, data: g, allowTransform: h = !0 } = e, f = r != null ? r : Et(), { position: p, position$: m } = this._createRangePositionObserver({
+    const { componentKey: l, data: g, allowTransform: h = !0 } = e, f = r != null ? r : Mt(), { position: p, position$: m } = this._createRangePositionObserver({
       startRow: 0,
       endRow: 0,
       startColumn: t,
       endColumn: t
-    }, u, d.skeleton), w = p;
-    if (w.startY = 0, this._getPosition(p, o) == null)
+    }, u, d.skeleton), _ = p;
+    if (_.startY = 0, this._getPosition(p, o) == null)
       return;
     const C = {
       unitId: o,
@@ -2090,40 +2090,40 @@ let rt = class extends ie {
       drawingType: e.type || W.DRAWING_DOM,
       componentKey: l,
       transform: {
-        left: w.startX,
-        top: w.startY,
-        width: w.width,
-        height: w.height
+        left: _.startX,
+        top: _.startY,
+        width: _.width,
+        height: _.height
       },
       data: g,
       allowTransform: h
     };
     {
-      const { unitId: _, subUnitId: M, drawingId: I } = C, E = ae(this._univerInstanceService, { unitId: _, subUnitId: M }), T = C, y = this._univerInstanceService.getUnit(_, L.UNIVER_SHEET);
+      const { unitId: w, subUnitId: M, drawingId: I } = C, E = ae(this._univerInstanceService, { unitId: w, subUnitId: M }), T = C, y = this._univerInstanceService.getUnit(w, L.UNIVER_SHEET);
       if (!y)
         return;
       const R = y.getActiveSheet().getSheetId();
       if (!T || !E)
         return;
-      const N = (v = this._renderManagerService.getRenderById(_)) == null ? void 0 : v.with(H);
+      const N = (v = this._renderManagerService.getRenderById(w)) == null ? void 0 : v.with(V);
       if (!N)
         return;
       const j = N.getWorksheetSkeleton(M);
       if (!j)
         return;
-      const { transform: Q, data: z } = T, V = this._getSceneAndTransformerByDrawingSearch(_);
-      if (V == null)
+      const { transform: Q, data: H } = T, X = this._getSceneAndTransformerByDrawingSearch(w);
+      if (X == null)
         return;
-      const { scene: Y, canvas: Z } = V;
+      const { scene: Y, canvas: Z } = X;
       if (Q == null || R !== M)
         return;
-      const { left: k, top: ce, width: Te, height: ct, angle: dt, flipX: lt, flipY: ut, skewX: Xt, skewY: Gt } = Q, ht = Ce({ unitId: _, subUnitId: M, drawingId: I }), gt = Y.getObject(ht);
-      if (gt != null) {
-        gt.transformByState({ left: k, top: ce, width: Te, height: ct, angle: dt, flipX: lt, flipY: ut, skewX: Xt, skewY: Gt });
+      const { left: k, top: ce, width: Te, height: at, angle: ct, flipX: dt, flipY: lt, skewX: Yt, skewY: Gt } = Q, ut = Ie({ unitId: w, subUnitId: M, drawingId: I }), ht = Y.getObject(ut);
+      if (ht != null) {
+        ht.transformByState({ left: k, top: ce, width: Te, height: at, angle: ct, flipX: dt, flipY: lt, skewX: Yt, skewY: Gt });
         return;
       }
-      const Oe = yt({
-        startX: w.startX,
+      const Oe = Rt({
+        startX: _.startX,
         startY: 0,
         endX: p.endX,
         endY: p.endY,
@@ -2133,15 +2133,15 @@ let rt = class extends ie {
           left: p.absolute.left,
           top: p.absolute.top
         }
-      }, n), mt = {
+      }, n), gt = {
         left: Oe.startX,
         top: Oe.startY,
         width: Oe.width,
         height: Oe.height,
-        zIndex: this._drawingManagerService.getDrawingOrder(_, M).length - 1
-      }, de = new Be(ht, mt);
-      Y.addObject(de, zt), T.allowTransform !== !1 && Y.attachTransformerTo(de);
-      const ee = new vt(), Pe = Y.getMainViewport(), le = {
+        zIndex: this._drawingManagerService.getDrawingOrder(w, M).length - 1
+      }, de = new Be(ut, gt);
+      Y.addObject(de, Ht), T.allowTransform !== !1 && Y.attachTransformerTo(de);
+      const ee = new _t(), Pe = Y.getMainViewport(), le = {
         top: 0,
         //viewMain.top,
         left: Pe.left,
@@ -2151,15 +2151,15 @@ let rt = class extends ie {
         dispose: ee,
         rect: de,
         // position$,
-        unitId: _,
+        unitId: w,
         subUnitId: M,
         boundsOfViewArea: le,
         domAnchor: n,
         scrollDirectionResponse: "HORIZONTAL"
         /* HORIZONTAL */
-      }, ft = ge(de, V.renderUnit.scene, j.skeleton, E.worksheet, ue), Ue = new $e(ft);
+      }, mt = ge(de, X.renderUnit.scene, j.skeleton, E.worksheet, ue), Ue = new $e(mt);
       ue.position$ = Ue;
-      let ze = {
+      let He = {
         position$: Ue,
         id: I,
         componentKey: T.componentKey,
@@ -2172,11 +2172,11 @@ let rt = class extends ie {
         onWheel: ($) => {
           Z.dispatchEvent(new WheelEvent($.type, $));
         },
-        data: z,
-        unitId: _
+        data: H,
+        unitId: w
       };
-      e.eventPassThrough && (ze = {
-        ...ze,
+      e.eventPassThrough && (He = {
+        ...He,
         onPointerDown: ($) => {
           Z.dispatchEvent(new PointerEvent($.type, $));
         },
@@ -2186,15 +2186,15 @@ let rt = class extends ie {
         onPointerUp: ($) => {
           Z.dispatchEvent(new PointerEvent($.type, $));
         }
-      }), this._canvasFloatDomService.addFloatDom(ze);
-      const pt = de.onTransformChange$.subscribeEvent(() => {
-        const $ = ge(de, V.renderUnit.scene, j.skeleton, E.worksheet, ue);
+      }), this._canvasFloatDomService.addFloatDom(He);
+      const ft = de.onTransformChange$.subscribeEvent(() => {
+        const $ = ge(de, X.renderUnit.scene, j.skeleton, E.worksheet, ue);
         Ue.next(
           $
         );
       });
       this.disposeWithMe(m.subscribe(($) => {
-        const Ae = yt({
+        const Ae = Rt({
           startX: $.startX,
           startY: 0,
           endX: $.endX,
@@ -2205,21 +2205,21 @@ let rt = class extends ie {
             left: p.absolute.left,
             top: p.absolute.top
           }
-        }, n), Ke = Ce({ unitId: _, subUnitId: M, drawingId: I }), Ze = new Be(Ke, {
+        }, n), ze = Ie({ unitId: w, subUnitId: M, drawingId: I }), Ke = new Be(ze, {
           left: Ae.startX,
           top: 0,
           width: n.width,
           height: n.height,
-          zIndex: this._drawingManagerService.getDrawingOrder(_, M).length - 1
-        }), wt = ge(Ze, V.renderUnit.scene, j.skeleton, E.worksheet, ue);
-        Ue.next(wt);
+          zIndex: this._drawingManagerService.getDrawingOrder(w, M).length - 1
+        }), pt = ge(Ke, X.renderUnit.scene, j.skeleton, E.worksheet, ue);
+        Ue.next(pt);
       }));
-      const he = (D = this._renderManagerService.getRenderById(_)) == null ? void 0 : D.with(H);
+      const he = (D = this._renderManagerService.getRenderById(w)) == null ? void 0 : D.with(V);
       he == null || he.currentSkeleton$.subscribe(($) => {
         $ && d.sheetId !== $.sheetId && this._removeDom(f, !0);
       }), ee.add(() => {
         this._canvasFloatDomService.removeFloatDom(I);
-      }), pt && ee.add(pt), this._domLayerInfoMap.set(I, ue);
+      }), ft && ee.add(ft), this._domLayerInfoMap.set(I, ue);
     }
     return {
       id: f,
@@ -2241,19 +2241,19 @@ let rt = class extends ie {
   // eslint-disable-next-line max-lines-per-function
   _createRangePositionObserver(t, e, n) {
     let { startRow: r, startColumn: s } = t;
-    const o = et(r, s, n), a = new $e(o), c = et(t.endRow, t.endColumn, n), u = new $e(c), d = () => {
-      const m = et(r, s, n), w = et(t.endRow, t.endColumn, n);
-      a.next(m), u.next(w);
-    }, l = new vt();
+    const o = Qe(r, s, n), a = new $e(o), c = Qe(t.endRow, t.endColumn, n), u = new $e(c), d = () => {
+      const m = Qe(r, s, n), _ = Qe(t.endRow, t.endColumn, n);
+      a.next(m), u.next(_);
+    }, l = new _t();
     l.add(e.engine.clientRect$.subscribe(() => d())), l.add(this._commandService.onCommandExecuted((m) => {
-      if (m.id === Zi.id && m.params.rowsAutoHeightInfo.findIndex((S) => S.row === r) > -1) {
+      if (m.id === Ki.id && m.params.rowsAutoHeightInfo.findIndex((S) => S.row === r) > -1) {
         d();
         return;
       }
-      (Ji.indexOf(m.id) > -1 || m.id === Oi.id || m.id === Wn.id) && d();
+      (Zi.indexOf(m.id) > -1 || m.id === Ei.id || m.id === Nn.id) && d();
     }));
-    const g = (m, w) => {
-      r = m, s = w, d();
+    const g = (m, _) => {
+      r = m, s = _, d();
     }, h = () => ({
       rotate: 0,
       width: c.right - o.left,
@@ -2268,19 +2268,19 @@ let rt = class extends ie {
       endY: c.bottom
     }), f = a.pipe(
       Ee((m) => {
-        const w = et(t.endRow, t.endColumn, n);
+        const _ = Qe(t.endRow, t.endColumn, n);
         return {
           rotate: 0,
-          width: w.right - m.left,
-          height: w.bottom - m.top,
+          width: _.right - m.left,
+          height: _.bottom - m.top,
           absolute: {
             left: !0,
             top: !0
           },
           startX: m.left,
           startY: m.top,
-          endX: w.right,
-          endY: w.bottom
+          endX: _.right,
+          endY: _.bottom
         };
       })
     ), p = h();
@@ -2294,16 +2294,16 @@ let rt = class extends ie {
     };
   }
 };
-rt = Gs([
-  Re(0, A(q)),
-  Re(1, fe),
-  Re(2, A(G)),
-  Re(3, se),
-  Re(4, A(xi)),
-  Re(5, oe),
-  Re(6, A(Kr))
-], rt);
-function et(i, t, e) {
+nt = Xs([
+  be(0, A(q)),
+  be(1, Se),
+  be(2, A(G)),
+  be(3, se),
+  be(4, A(ji)),
+  be(5, oe),
+  be(6, A(Hr))
+], nt);
+function Qe(i, t, e) {
   const n = e.getCellWithCoordByIndex(i, t), r = n.isMergedMainCell ? n.mergeInfo : n;
   return {
     left: r.startX,
@@ -2312,22 +2312,22 @@ function et(i, t, e) {
     bottom: r.endY
   };
 }
-function yt(i, t, e) {
+function Rt(i, t, e) {
   var u, d;
   e = e != null ? e : 1;
   const n = i.endX - i.startX, r = i.endY - i.startY, s = (u = t == null ? void 0 : t.width) != null ? u : n, o = (d = t == null ? void 0 : t.height) != null ? d : r;
   let a = 0, c = 0;
   if (t) {
     if (t.horizonOffsetAlign === "right") {
-      const l = Mt(t.marginX, n * e);
+      const l = yt(t.marginX, n * e);
       a = i.endX - l - s;
     } else
-      a = i.startX + Mt(t.marginX, n);
+      a = i.startX + yt(t.marginX, n);
     if (t.verticalOffsetAlign === "bottom") {
-      const l = Mt(t.marginY, r * e);
+      const l = yt(t.marginY, r * e);
       c = i.endY - l - o;
     } else
-      c = i.startY + Mt(t.marginY, r);
+      c = i.startY + yt(t.marginY, r);
   }
   return {
     rotate: 0,
@@ -2343,80 +2343,15 @@ function yt(i, t, e) {
     }
   };
 }
-function Mt(i, t) {
+function yt(i, t) {
   if (i === void 0) return 0;
   if (typeof i == "number") return i;
   const e = Number.parseFloat(i);
   return t * e / 100;
 }
-const Vs = as((i) => {
-  var p, m;
-  const { layer: t, id: e, position: n } = i, r = me(fe), s = xe(null), o = xe(null), a = xe(`transform: rotate(${n == null ? void 0 : n.rotate}deg) translate(${n == null ? void 0 : n.startX}px, ${n == null ? void 0 : n.startY}px)`), c = xe((p = n == null ? void 0 : n.startY) != null ? p : 0), u = xe((m = n == null ? void 0 : n.startX) != null ? m : 0), d = typeof t.componentKey == "string" ? me(hn).get(t.componentKey) : t.componentKey, l = sn(() => ({
-    data: t.data,
-    ...t.props
-  }), [t.data, t.props]), g = {
-    width: `${n.width - 4}px`,
-    height: `${n.height - 4}px`,
-    left: `${n.absolute.left ? 0 : "auto"}`,
-    top: `${n.absolute.top ? 0 : "auto"}`,
-    right: `${n.absolute.left ? "auto" : 0}`,
-    bottom: `${n.absolute.top ? "auto" : 0}`
-  };
-  a.current = `rotate(${n.rotate}deg)`, c.current = n.startY, u.current = n.startX;
-  const h = r.getUnit(t.unitId), f = sn(() => d ? /* @__PURE__ */ X(
-    d,
-    {
-      ...l,
-      unitId: t.unitId,
-      unit: h,
-      floatDomId: t.id,
-      context: {
-        root: o
-      }
-    }
-  ) : null, [d, l]);
-  return n ? /* @__PURE__ */ X(
-    "div",
-    {
-      ref: s,
-      className: "univer-z-10",
-      style: {
-        position: "absolute",
-        top: c.current,
-        left: u.current,
-        width: Math.max(n.endX - n.startX - 2, 0),
-        height: Math.max(n.endY - n.startY - 2, 0),
-        transform: a.current,
-        overflow: "hidden",
-        transformOrigin: "center center"
-      },
-      onPointerMove: (w) => {
-        t.onPointerMove(w.nativeEvent);
-      },
-      onPointerDown: (w) => {
-        t.onPointerDown(w.nativeEvent);
-      },
-      onPointerUp: (w) => {
-        t.onPointerUp(w.nativeEvent);
-      },
-      onWheel: (w) => {
-        t.onWheel(w.nativeEvent);
-      },
-      children: /* @__PURE__ */ X(
-        "div",
-        {
-          id: e,
-          ref: o,
-          className: "univer-overflow-hidden",
-          style: { position: "absolute", ...g },
-          children: f
-        }
-      )
-    }
-  ) : null;
-}), Hs = (i) => {
-  const { floatDomInfos: t, scene: e, skeleton: n, worksheet: r } = i, s = sn(() => t.map((o) => {
-    const { width: a, height: c, angle: u, left: d, top: l } = o.transform, g = Tr(
+const Vs = (i) => {
+  const { floatDomInfos: t, scene: e, skeleton: n, worksheet: r } = i, s = os(() => t.map((o) => {
+    const { width: a, height: c, angle: u, left: d, top: l } = o.transform, g = Mr(
       {
         left: d != null ? d : 0,
         right: (d != null ? d : 0) + (a != null ? a : 0),
@@ -2450,18 +2385,19 @@ const Vs = as((i) => {
       },
       onWheel: () => {
       },
-      unitId: o.unitId
+      unitId: o.unitId,
+      data: o.data
     };
     return [o.drawingId, m];
   }), [t, e, n, r]);
-  return /* @__PURE__ */ X("div", { style: { position: "absolute", top: 0, left: 0 }, children: s.map(([o, a]) => /* @__PURE__ */ X(Vs, { layer: a, id: o, position: a.position }, o)) });
+  return /* @__PURE__ */ K("div", { style: { position: "absolute", top: 0, left: 0 }, children: s.map(([o, a]) => /* @__PURE__ */ K($i, { layer: a, id: o, position: a.position }, o)) });
 };
-var zs = Object.getOwnPropertyDescriptor, Ks = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? zs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var Hs = Object.getOwnPropertyDescriptor, zs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Hs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, ye = (i, t) => (e, n) => t(e, n, i);
-let Bt = class extends ie {
+}, Re = (i, t) => (e, n) => t(e, n, i);
+let kt = class extends ie {
   constructor(i, t, e, n, r, s, o) {
     super(), this._sheetPrintInterceptorService = i, this._drawingRenderService = t, this._drawingManagerService = e, this._renderManagerService = n, this._canvasFloatDomManagerService = r, this._componetManager = s, this._injector = o, this._initPrinting(), this._initPrintingDom();
   }
@@ -2487,7 +2423,7 @@ let Bt = class extends ie {
             const { unitId: n, subUnitId: r } = t, s = this._renderManagerService.getRenderById(n);
             if (!s)
               return e(i);
-            const o = s.with(H).getSkeletonParam(r);
+            const o = s.with(V).getSkeletonParam(r);
             if (!o)
               return e(i);
             const a = this._drawingManagerService.getDrawingDataForUnit(n), c = a == null ? void 0 : a[t.subUnitId];
@@ -2495,7 +2431,7 @@ let Bt = class extends ie {
               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]);
             return g.length ? (g.forEach((h) => {
-              if (!h.groupId && h.transform && Me.isDefine(h.transform.left) && Me.isDefine(h.transform.top) && Me.isDefine(h.transform.width) && Me.isDefine(h.transform.height)) {
+              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);
               }
@@ -2515,16 +2451,22 @@ let Bt = class extends ie {
             if (o) {
               const a = o.order.map((u) => {
                 const d = o.data[u];
-                return d.drawingType === W.DRAWING_CHART ? {
-                  ...d,
-                  componentKey: this._componetManager.get(qr)
-                } : d.drawingType === W.DRAWING_DOM ? {
-                  ...d,
-                  componentKey: this._componetManager.get(d.componentKey)
-                } : null;
-              }).filter(Boolean), c = tr(Hs, this._injector);
+                if (d.drawingType === W.DRAWING_CHART)
+                  return {
+                    ...d,
+                    componentKey: this._componetManager.get(Zr)
+                  };
+                if (d.drawingType === W.DRAWING_DOM) {
+                  const l = this._sheetPrintInterceptorService.getPrintComponent(d.componentKey);
+                  return {
+                    ...d,
+                    componentKey: this._componetManager.get(l || d.componentKey)
+                  };
+                }
+                return null;
+              }).filter(Boolean), c = qn(Vs, this._injector);
               return ls(
-                /* @__PURE__ */ X(c, { floatDomInfos: a, scene: t.scene, skeleton: t.skeleton, worksheet: t.worksheet }),
+                /* @__PURE__ */ K(c, { floatDomInfos: a, scene: t.scene, skeleton: t.skeleton, worksheet: t.worksheet }),
                 t.root
               ), i == null || i.add(() => {
                 us(t.root);
@@ -2536,49 +2478,49 @@ let Bt = class extends ie {
     );
   }
 };
-Bt = Ks([
-  ye(0, A(Pi)),
-  ye(1, A(qn)),
-  ye(2, se),
-  ye(3, q),
-  ye(4, A(rt)),
-  ye(5, A(hn)),
-  ye(6, A(Ve))
-], Bt);
-var Zs = Object.getOwnPropertyDescriptor, Js = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Zs(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+kt = zs([
+  Re(0, A(Ti)),
+  Re(1, A(Kn)),
+  Re(2, se),
+  Re(3, q),
+  Re(4, A(nt)),
+  Re(5, A(Qn)),
+  Re(6, A(Xe))
+], kt);
+var Ks = Object.getOwnPropertyDescriptor, Zs = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Ks(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, _e = (i, t) => (e, n) => t(e, n, i);
-const qs = [
+}, pe = (i, t) => (e, n) => t(e, n, i);
+const Js = [
+  er.id,
+  tr.id,
   nr.id,
   rr.id,
   ir.id,
   sr.id,
   or.id,
   ar.id,
+  tn.id,
+  nn.id,
   cr.id,
   dr.id,
-  nn.id,
-  rn.id,
   lr.id,
   ur.id,
   hr.id,
   gr.id,
   mr.id,
   fr.id,
-  pr.id,
-  wr.id,
-  _r.id
-], Qs = [
+  pr.id
+], qs = [
+  Ji.id,
   qi.id,
   Qi.id,
   es.id,
   ts.id,
-  ns.id,
-  rs.id
+  ns.id
 ];
-let ln = class extends ie {
+let cn = class extends ie {
   constructor(i, t, e, n, r, s, o, a, c) {
     super(), this._context = i, this._renderManagerService = t, this._commandService = e, this._selectionRenderService = n, this._skeletonManagerService = r, this._sheetInterceptorService = s, this._sheetDrawingService = o, this._drawingManagerService = a, this._univerInstanceService = c, this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
   }
@@ -2586,57 +2528,57 @@ let ln = class extends ie {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
         getMutations: (i) => {
-          if (!qs.includes(i.id))
+          if (!Js.includes(i.id))
             return { redos: [], undos: [] };
           if (i.params == null)
             return { redos: [], undos: [] };
           const t = i.id;
-          if (t === nr.id)
+          if (t === er.id)
             return this._moveRowInterceptor(i.params, "insert");
-          if ([pr.id, wr.id, _r.id].includes(t))
+          if ([mr.id, fr.id, pr.id].includes(t))
             return this._moveRangeInterceptor(i.params);
-          if (t === rr.id)
+          if (t === tr.id)
             return this._moveColInterceptor(i.params, "insert");
-          if (t === ir.id)
+          if (t === nr.id)
             return this._moveRowInterceptor(i.params, "remove");
-          if (t === sr.id)
+          if (t === rr.id)
             return this._moveColInterceptor(i.params, "remove");
-          if (t === or.id) {
+          if (t === ir.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               0
               /* deleteLeft */
             );
-          } else if (t === ar.id) {
+          } else if (t === sr.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               1
               /* deleteUp */
             );
-          } else if (t === cr.id) {
+          } else if (t === or.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               2
               /* insertDown */
             );
-          } else if (t === dr.id) {
+          } else if (t === ar.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               3
               /* insertRight */
             );
-          } else if (t === hr.id || t === gr.id) {
+          } else if (t === lr.id || t === ur.id) {
             const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e;
             return this._getDrawingUndoForRowVisible(n, r, s);
-          } else if (t === mr.id || t === fr.id) {
+          } else if (t === hr.id || t === gr.id) {
             const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e;
             return this._getDrawingUndoForColVisible(n, r, s);
-          } else if (t === nn.id || t === rn.id || t === lr.id || t === ur.id) {
-            const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e, o = t === nn.id || t === rn.id;
+          } else if (t === tn.id || t === nn.id || t === cr.id || t === dr.id) {
+            const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e, o = t === tn.id || t === nn.id;
             return this._getDrawingUndoForRowAndColSize(n, r, s, o);
           }
           return { redos: [], undos: [] };
@@ -2674,32 +2616,32 @@ let ln = class extends ie {
         updateDrawings: n,
         deleteDrawings: r
       };
-    const { startRow: w, endRow: S, startColumn: C, endColumn: b } = i;
+    const { startRow: _, endRow: S, startColumn: C, endColumn: b } = i;
     let v = null, D = null;
-    if (t === 0 && h >= w && p <= S)
+    if (t === 0 && h >= _ && p <= S)
       if (f >= C && m <= b)
         r.push({ unitId: c, subUnitId: u, drawingId: d });
       else {
-        const _ = this._shrinkCol(s, a, C, b, o);
-        v = _ == null ? void 0 : _.newSheetTransform, D = _ == null ? void 0 : _.newTransform;
+        const w = this._shrinkCol(s, a, C, b, o);
+        v = w == null ? void 0 : w.newSheetTransform, D = w == null ? void 0 : w.newTransform;
       }
     else if (t === 1 && f >= C && m <= b)
-      if (h >= w && p <= S)
+      if (h >= _ && p <= S)
         r.push({ unitId: c, subUnitId: u, drawingId: d });
       else {
-        const _ = this._shrinkRow(s, a, w, S, o);
-        v = _ == null ? void 0 : _.newSheetTransform, D = _ == null ? void 0 : _.newTransform;
+        const w = this._shrinkRow(s, a, _, S, o);
+        v = w == null ? void 0 : w.newSheetTransform, D = w == null ? void 0 : w.newTransform;
       }
     else if (t === 2) {
-      const _ = this._expandRow(s, a, w, S, o);
-      v = _ == null ? void 0 : _.newSheetTransform, D = _ == null ? void 0 : _.newTransform;
+      const w = this._expandRow(s, a, _, S, o);
+      v = w == null ? void 0 : w.newSheetTransform, D = w == null ? void 0 : w.newTransform;
     } else if (t === 3) {
-      const _ = this._expandCol(s, a, C, b, o);
-      v = _ == null ? void 0 : _.newSheetTransform, D = _ == null ? void 0 : _.newTransform;
+      const w = this._expandCol(s, a, C, b, o);
+      v = w == null ? void 0 : w.newSheetTransform, D = w == null ? void 0 : w.newTransform;
     }
     if (v != null && D != null) {
-      const _ = K(v, this._selectionRenderService, this._skeletonManagerService);
-      n.push({ ...e, sheetTransform: v, transform: _ });
+      const w = z(v, this._selectionRenderService, this._skeletonManagerService);
+      n.push({ ...e, sheetTransform: v, transform: w });
     }
     return { updateDrawings: n, deleteDrawings: r };
   }
@@ -2718,9 +2660,9 @@ let ln = class extends ie {
       if (f === O.None)
         this._remainDrawingSize(h, r, l);
       else {
-        const { from: p, to: m } = g, { row: w, column: S } = p, { row: C, column: b } = m;
+        const { from: p, to: m } = g, { row: _, column: S } = p, { row: C, column: b } = m;
         for (let v = 0; v < e.length; v++) {
-          const D = e[v], { startRow: _, endRow: M, startColumn: I, endColumn: E } = D;
+          const D = e[v], { startRow: w, endRow: M, startColumn: I, endColumn: E } = D;
           if (b < I)
             continue;
           if (f === O.Position) {
@@ -2812,15 +2754,15 @@ let ln = class extends ie {
       if (f === O.None)
         this._remainDrawingSize(h, r, l);
       else {
-        const { from: p, to: m } = g, { row: w, column: S } = p, { row: C, column: b } = m;
+        const { from: p, to: m } = g, { row: _, column: S } = p, { row: C, column: b } = m;
         for (let v = 0; v < e.length; v++) {
-          const D = e[v], { startRow: _, endRow: M, startColumn: I, endColumn: E } = D;
-          if (C < _)
+          const D = e[v], { startRow: w, endRow: M, startColumn: I, endColumn: E } = D;
+          if (C < w)
             continue;
           if (f === O.Position) {
             let R = null, N = null;
-            if (w >= _ && w <= M) {
-              const j = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: w, endRow: M });
+            if (_ >= w && _ <= M) {
+              const j = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: _, endRow: M });
               if (j == null)
                 return;
               N = { ...h, top: j.startY };
@@ -2832,11 +2774,11 @@ let ln = class extends ie {
             this._remainDrawingSize(h, r, l);
             continue;
           }
-          if (w >= _ && C <= M)
+          if (_ >= w && C <= M)
             continue;
           let T = null, y = null;
-          if (w >= _ && w <= M) {
-            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: w, endRow: M });
+          if (_ >= w && _ <= M) {
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: _, endRow: M });
             if (R == null)
               return;
             y = {
@@ -2844,8 +2786,8 @@ let ln = class extends ie {
               top: (R == null ? void 0 : R.startY) || 0,
               height: ((h == null ? void 0 : h.height) || 0) - R.endY + R.startY
             };
-          } else if (C >= _ && C <= M) {
-            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: _, endRow: C });
+          } else if (C >= w && C <= M) {
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: w, endRow: C });
             if (R == null)
               return;
             y = {
@@ -2853,7 +2795,7 @@ let ln = class extends ie {
               top: R.startY - ((h == null ? void 0 : h.height) || 0)
             };
           } else {
-            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: _, endRow: M });
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: w, endRow: M });
             if (R == null)
               return;
             if (y = {
@@ -2893,19 +2835,19 @@ let ln = class extends ie {
         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: b, startColumn: v, endColumn: D } = S;
+        for (let _ = 0; _ < e.length; _++) {
+          const S = e[_], { startRow: C, endRow: b, startColumn: v, endColumn: D } = S;
           if (p < C || m < v)
             continue;
           if (d === O.Position && (h <= C && p >= b || f <= v && m >= D)) {
             this._remainDrawingSize(u, s, a);
             continue;
           }
-          const _ = K({ ...c }, this._selectionRenderService, this._skeletonManagerService);
-          if (_ != null) {
+          const w = z({ ...c }, this._selectionRenderService, this._skeletonManagerService);
+          if (w != null) {
             s.push({
               ...a,
-              transform: _
+              transform: w
             });
             break;
           }
@@ -2930,10 +2872,10 @@ let ln = class extends ie {
     const { toRange: t, fromRange: e } = i, n = ae(this._univerInstanceService);
     if (!n)
       return { redos: [], undos: [] };
-    const { unitId: r, subUnitId: s } = n, o = (b = (C = this._renderManagerService.getRenderById(r)) == null ? void 0 : C.with(H)) == null ? void 0 : b.getCurrentSkeleton();
+    const { unitId: r, subUnitId: s } = n, o = (b = (C = this._renderManagerService.getRenderById(r)) == null ? void 0 : C.with(V)) == null ? void 0 : b.getCurrentSkeleton();
     if (!o)
       return { redos: [], undos: [] };
-    const a = er(o, e);
+    const a = Jn(o, e);
     if (!a)
       return { redos: [], undos: [] };
     const { startX: c, endX: u, startY: d, endY: l } = a, g = this._sheetDrawingService.getDrawingData(r, s), h = [];
@@ -2941,10 +2883,10 @@ let ln = class extends ie {
       const D = g[v];
       if (D.anchorType !== O.Both)
         return;
-      const { transform: _ } = D;
-      if (!_)
+      const { transform: w } = D;
+      if (!w)
         return;
-      const { left: M = 0, top: I = 0, width: E = 0, height: T = 0 } = _, { drawingStartX: y, drawingEndX: R, drawingStartY: N, drawingEndY: j } = {
+      const { left: M = 0, top: I = 0, width: E = 0, height: T = 0 } = w, { drawingStartX: y, drawingEndX: R, drawingStartY: N, drawingEndY: j } = {
         drawingStartX: M,
         drawingEndX: M + E,
         drawingStartY: I,
@@ -2952,22 +2894,22 @@ let ln = class extends ie {
       };
       c <= y && R <= u && d <= N && j <= l && h.push(D);
     });
-    const f = [], p = [], m = t.startRow - e.startRow, w = t.startColumn - e.startColumn, S = h.map((v) => {
-      const D = v.sheetTransform, _ = {
-        to: { ...D.to, row: D.to.row + m, column: D.to.column + w },
-        from: { ...D.from, row: D.from.row + m, column: D.from.column + w }
-      }, M = K(_, this._selectionRenderService, this._skeletonManagerService);
+    const f = [], p = [], m = t.startRow - e.startRow, _ = t.startColumn - e.startColumn, S = h.map((v) => {
+      const D = v.sheetTransform, w = {
+        to: { ...D.to, row: D.to.row + m, column: D.to.column + _ },
+        from: { ...D.from, row: D.from.row + m, column: D.from.column + _ }
+      }, M = z(w, this._selectionRenderService, this._skeletonManagerService);
       return {
         unitId: r,
         subUnitId: s,
         drawingId: v.drawingId,
         transform: M,
-        sheetTransform: _
+        sheetTransform: w
       };
     });
     if (S.length) {
-      const v = this._sheetDrawingService.getBatchUpdateOp(S), { undo: D, redo: _, objects: M } = v;
-      f.push({ id: U.id, params: { unitId: r, subUnitId: s, op: _, objects: M, type: P.UPDATE } }), p.push({ id: U.id, params: { unitId: r, subUnitId: s, op: D, objects: M, type: P.UPDATE } });
+      const v = this._sheetDrawingService.getBatchUpdateOp(S), { undo: D, redo: w, objects: M } = v;
+      f.push({ id: U.id, params: { unitId: r, subUnitId: s, op: w, objects: M, type: P.UPDATE } }), p.push({ id: U.id, params: { unitId: r, subUnitId: s, op: D, objects: M, type: P.UPDATE } });
     }
     return { redos: f, undos: p };
   }
@@ -2977,19 +2919,19 @@ let ln = class extends ie {
       return { redos: [], undos: [] };
     const { unitId: n, subUnitId: r } = e, { range: s } = i, o = s.startRow, a = s.endRow, c = [], u = [], d = this._sheetDrawingService.getDrawingData(n, r), l = [], g = [];
     if (Object.keys(d).forEach((h) => {
-      const f = d[h], { sheetTransform: p, transform: m, anchorType: w = O.Position } = f;
+      const f = d[h], { sheetTransform: p, transform: m, anchorType: _ = O.Position } = f;
       if (p == null || m == null)
         return;
       let S, C;
       if (t === "insert") {
-        const v = this._expandRow(p, m, o, a, w);
+        const v = this._expandRow(p, m, o, a, _);
         S = v == null ? void 0 : v.newSheetTransform, C = v == null ? void 0 : v.newTransform;
       } else {
-        const { from: v, to: D } = p, { row: _ } = v, { row: M } = D;
-        if (w === O.Both && _ >= o && M <= a)
+        const { from: v, to: D } = p, { row: w } = v, { row: M } = D;
+        if (_ === O.Both && w >= o && M <= a)
           g.push({ unitId: n, subUnitId: r, drawingId: h });
         else {
-          const I = this._shrinkRow(p, m, o, a, w);
+          const I = this._shrinkRow(p, m, o, a, _);
           S = I == null ? void 0 : I.newSheetTransform, C = I == null ? void 0 : I.newTransform;
         }
       }
@@ -3018,19 +2960,19 @@ let ln = class extends ie {
       return { redos: [], undos: [] };
     const { unitId: n, subUnitId: r } = e, { range: s } = i, o = s.startColumn, a = s.endColumn, c = [], u = [], d = this._sheetDrawingService.getDrawingData(n, r), l = [], g = [];
     if (Object.keys(d).forEach((h) => {
-      const f = d[h], { sheetTransform: p, transform: m, anchorType: w = O.Position } = f;
+      const f = d[h], { sheetTransform: p, transform: m, anchorType: _ = O.Position } = f;
       if (p == null || m == null)
         return;
       let S, C;
       if (t === "insert") {
-        const v = this._expandCol(p, m, o, a, w);
+        const v = this._expandCol(p, m, o, a, _);
         S = v == null ? void 0 : v.newSheetTransform, C = v == null ? void 0 : v.newTransform;
       } else {
-        const { from: v, to: D } = p, { column: _ } = v, { column: M } = D;
-        if (w === O.Both && _ >= o && M <= a)
+        const { from: v, to: D } = p, { column: w } = v, { column: M } = D;
+        if (_ === O.Both && w >= o && M <= a)
           g.push({ unitId: n, subUnitId: r, drawingId: h });
         else {
-          const I = this._shrinkCol(p, m, o, a, w);
+          const I = this._shrinkCol(p, m, o, a, _);
           S = I == null ? void 0 : I.newSheetTransform, C = I == null ? void 0 : I.newTransform;
         }
       }
@@ -3068,7 +3010,7 @@ let ln = class extends ie {
         d = {
           from: { ...o },
           to: { ...a, column: u + s }
-        }, l = K(d, this._selectionRenderService, this._skeletonManagerService);
+        }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
           newSheetTransform: x({ ...t }, this._selectionRenderService),
@@ -3091,7 +3033,7 @@ let ln = class extends ie {
       d = {
         from: { ...o, column: c - s },
         to: { ...a, column: u - s }
-      }, l = K(d, this._selectionRenderService, this._skeletonManagerService);
+      }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
     else {
       if (c >= e && u <= n)
         return null;
@@ -3100,7 +3042,7 @@ let ln = class extends ie {
           d = {
             from: { ...o },
             to: { ...a, column: u - s }
-          }, l = K(d, this._selectionRenderService, this._skeletonManagerService);
+          }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
             newSheetTransform: x({ ...t }, this._selectionRenderService),
@@ -3128,7 +3070,7 @@ let ln = class extends ie {
         d = {
           from: { ...o },
           to: { ...a, column: e - 1, columnOffset: g.endX - g.startX }
-        }, l = K(d, this._selectionRenderService, this._skeletonManagerService);
+        }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
       }
     }
     return d != null && l != null ? {
@@ -3157,7 +3099,7 @@ let ln = class extends ie {
             ...a,
             row: u + s
           }
-        }, l = K(d, this._selectionRenderService, this._skeletonManagerService);
+        }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
           newSheetTransform: x({ ...t }, this._selectionRenderService),
@@ -3180,7 +3122,7 @@ let ln = class extends ie {
       d = {
         from: { ...o, row: c - s },
         to: { ...a, row: u - s }
-      }, l = K(d, this._selectionRenderService, this._skeletonManagerService);
+      }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
     else {
       if (c >= e && u <= n)
         return null;
@@ -3189,7 +3131,7 @@ let ln = class extends ie {
           d = {
             from: { ...o },
             to: { ...a, row: u - s }
-          }, l = K(d, this._selectionRenderService, this._skeletonManagerService);
+          }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
             newSheetTransform: x({ ...t }, this._selectionRenderService),
@@ -3212,7 +3154,7 @@ let ln = class extends ie {
         d = {
           from: { ...o },
           to: { ...a, row: e - 1, rowOffset: g.endY - g.startY }
-        }, l = K(d, this._selectionRenderService, this._skeletonManagerService);
+        }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
       }
     }
     return d != null && l != null ? {
@@ -3226,7 +3168,7 @@ let ln = class extends ie {
       // 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 === is.id) {
+        if (i.id === rs.id) {
           const { unitId: t, subUnitId: e } = i.params;
           this._updateDrawings(t, e);
         }
@@ -3266,7 +3208,7 @@ let ln = class extends ie {
           c != null && Object.keys(c).forEach((u) => {
             if (s === i && a === t) {
               const d = c[u];
-              d.transform = K(d.sheetTransform, this._selectionRenderService, this._skeletonManagerService), n.push(c[u]);
+              d.transform = z(d.sheetTransform, this._selectionRenderService, this._skeletonManagerService), n.push(c[u]);
             } else
               r.push(c[u]);
           });
@@ -3277,7 +3219,7 @@ let ln = class extends ie {
   _sheetRefreshListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        Qs.includes(i.id) && requestIdleCallback(() => {
+        qs.includes(i.id) && requestIdleCallback(() => {
           const t = i.params, { unitId: e, subUnitId: n, ranges: r } = t;
           this._refreshDrawingTransform(e, n, r);
         });
@@ -3292,8 +3234,8 @@ let ln = class extends ie {
         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: b, endColumn: v } = w;
-        if (Qr.intersects(
+        const _ = e[m], { startRow: S, endRow: C, startColumn: b, endColumn: v } = _;
+        if (Jr.intersects(
           {
             startRow: S,
             endRow: C,
@@ -3307,13 +3249,13 @@ let ln = class extends ie {
             endColumn: p
           }
         ) || g > C || h > v) {
-          const D = u === O.Position, _ = K(a, this._selectionRenderService, this._skeletonManagerService);
+          const D = u === O.Position, w = z(a, this._selectionRenderService, this._skeletonManagerService);
           r.push({
             ...o,
             transform: {
-              ..._,
-              width: D ? c == null ? void 0 : c.width : _ == null ? void 0 : _.width,
-              height: D ? c == null ? void 0 : c.height : _ == null ? void 0 : _.height
+              ...w,
+              width: D ? c == null ? void 0 : c.width : w == null ? void 0 : w.width,
+              height: D ? c == null ? void 0 : c.height : w == null ? void 0 : w.height
             }
           });
           break;
@@ -3322,16 +3264,16 @@ let ln = class extends ie {
     }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(F.id, [i]));
   }
 };
-ln = Js([
-  _e(1, q),
-  _e(2, G),
-  _e(3, He),
-  _e(4, A(H)),
-  _e(5, A(xt)),
-  _e(6, oe),
-  _e(7, se),
-  _e(8, fe)
-], ln);
+cn = Zs([
+  pe(1, q),
+  pe(2, G),
+  pe(3, Ve),
+  pe(4, A(V)),
+  pe(5, A($t)),
+  pe(6, oe),
+  pe(7, se),
+  pe(8, Se)
+], cn);
 var re = function() {
   return re = Object.assign || function(i) {
     for (var t, e = 1, n = arguments.length; e < n; e++) {
@@ -3340,23 +3282,23 @@ var re = function() {
     }
     return i;
   }, re.apply(this, arguments);
-}, eo = function(i, t) {
+}, Qs = function(i, t) {
   var e = {};
   for (var n in i) Object.prototype.hasOwnProperty.call(i, n) && t.indexOf(n) < 0 && (e[n] = i[n]);
   if (i != null && typeof Object.getOwnPropertySymbols == "function")
     for (var r = 0, n = Object.getOwnPropertySymbols(i); r < n.length; r++)
       t.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, n[r]) && (e[n[r]] = i[n[r]]);
   return e;
-}, Or = vr(function(i, t) {
-  var e = i.icon, n = i.id, r = i.className, s = i.extend, o = eo(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), c = xe("_".concat(ro()));
-  return Pr(e, "".concat(n), { defIds: e.defIds, idSuffix: c.current }, re({ ref: t, className: a }, o), s);
+}, Er = wr(function(i, t) {
+  var e = i.icon, n = i.id, r = i.className, s = i.extend, o = Qs(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), c = as("_".concat(no()));
+  return Tr(e, "".concat(n), { defIds: e.defIds, idSuffix: c.current }, re({ ref: t, className: a }, o), s);
 });
-function Pr(i, t, e, n, r) {
-  return Sr(i.tag, re(re({ key: t }, to(i, e, r)), n), (no(i, e).children || []).map(function(s, o) {
-    return Pr(s, "".concat(t, "-").concat(i.tag, "-").concat(o), e, void 0, r);
+function Tr(i, t, e, n, r) {
+  return _r(i.tag, re(re({ key: t }, eo(i, e, r)), n), (to(i, e).children || []).map(function(s, o) {
+    return Tr(s, "".concat(t, "-").concat(i.tag, "-").concat(o), e, void 0, r);
   }));
 }
-function to(i, t, e) {
+function eo(i, t, e) {
   var n = re({}, i.attrs);
   e != null && e.colorChannel1 && n.fill === "colorChannel1" && (n.fill = e.colorChannel1), i.tag === "mask" && n.id && (n.id = n.id + t.idSuffix), Object.entries(n).forEach(function(s) {
     var o = s[0], a = s[1];
@@ -3368,25 +3310,25 @@ function to(i, t, e) {
     typeof a == "string" && (n[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
   })), n;
 }
-function no(i, t) {
+function to(i, t) {
   var e, n = t.defIds;
   return !n || n.length === 0 ? i : i.tag === "defs" && (!((e = i.children) === null || e === void 0) && e.length) ? re(re({}, i), { children: i.children.map(function(r) {
     return typeof r.attrs.id == "string" && n && n.indexOf(r.attrs.id) > -1 ? re(re({}, r), { attrs: re(re({}, r.attrs), { id: r.attrs.id + t.idSuffix }) }) : r;
   }) }) : i;
 }
-function ro() {
+function no() {
   return Math.random().toString(36).substring(2, 8);
 }
-Or.displayName = "UniverIcon";
-var io = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, Ur = vr(function(i, t) {
-  return Sr(Or, Object.assign({}, i, {
+Er.displayName = "UniverIcon";
+var ro = { 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" } }] }, Or = wr(function(i, t) {
+  return _r(Er, Object.assign({}, i, {
     id: "add-image-single",
     ref: t,
-    icon: io
+    icon: ro
   }));
 });
-Ur.displayName = "AddImageSingle";
-const Ar = {
+Or.displayName = "AddImageSingle";
+const Pr = {
   id: "sheet.command.delete-drawing",
   type: J.COMMAND,
   handler: (i) => {
@@ -3402,16 +3344,16 @@ const Ar = {
         drawingType: d
       };
     });
-    return t.executeCommand(st.id, {
+    return t.executeCommand(it.id, {
       unitId: r,
       drawings: s
     });
   }
-}, ot = {
+}, st = {
   id: "sheet.command.move-drawing",
   type: J.COMMAND,
   handler: (i, t) => {
-    const e = i.get(G), n = i.get(oe), r = i.get(He), { direction: s } = t, o = n.getFocusDrawings();
+    const e = i.get(G), n = i.get(oe), r = i.get(Ve), { direction: s } = t, o = n.getFocusDrawings();
     if (o.length === 0)
       return !1;
     const a = o[0].unitId, c = o.map((d) => {
@@ -3419,64 +3361,64 @@ const Ar = {
       if (l == null)
         return null;
       const g = { ...l }, { left: h = 0, top: f = 0 } = l;
-      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), {
+      return s === ve.UP ? g.top = f - 1 : s === ve.DOWN ? g.top = f + 1 : s === ve.LEFT ? g.left = h - 1 : s === ve.RIGHT && (g.left = h + 1), {
         ...d,
         transform: g,
         sheetTransform: x(g, r)
       };
     }).filter((d) => d != null);
-    return e.syncExecuteCommand(Ft.id, {
+    return e.syncExecuteCommand(Lt.id, {
       unitId: a,
       drawings: c
     }) ? (e.syncExecuteCommand(F.id, [a]), !0) : !1;
   }
-}, Nr = "addition-and-subtraction-single", kr = "sheet.menu.image";
-function so(i) {
+}, Ur = "addition-and-subtraction-single", Ar = "sheet.menu.image";
+function io(i) {
   return {
-    id: kr,
-    type: mn.SUBITEMS,
-    icon: Nr,
+    id: Ar,
+    type: un.SUBITEMS,
+    icon: Ur,
     tooltip: "sheetImage.title",
-    hidden$: gn(i, L.UNIVER_SHEET),
-    disabled$: Ui(i, { workbookTypes: [en], worksheetTypes: [tn], rangeTypes: [ss] })
+    hidden$: ln(i, L.UNIVER_SHEET),
+    disabled$: Oi(i, { workbookTypes: [Qt], worksheetTypes: [en], rangeTypes: [is] })
   };
 }
-function oo(i) {
+function so(i) {
   return {
-    id: Yt.id,
+    id: Ft.id,
     title: "sheetImage.upload.float",
-    type: mn.BUTTON,
-    hidden$: gn(i, L.UNIVER_SHEET)
+    type: un.BUTTON,
+    hidden$: ln(i, L.UNIVER_SHEET)
   };
 }
-function ao(i) {
+function oo(i) {
   return {
-    id: wn.id,
+    id: mn.id,
     title: "sheetImage.upload.cell",
-    type: mn.BUTTON,
-    hidden$: gn(i, L.UNIVER_SHEET)
+    type: un.BUTTON,
+    hidden$: ln(i, L.UNIVER_SHEET)
   };
 }
-const co = "univer-image-common-panel", lo = "univer-image-common-panel-grid", uo = "univer-image-common-panel-border", ho = "univer-image-common-panel-title", go = "univer-image-common-panel-row", mo = "univer-image-common-panel-column", ve = {
-  imageCommonPanel: co,
-  imageCommonPanelGrid: lo,
-  imageCommonPanelBorder: uo,
-  imageCommonPanelTitle: ho,
-  imageCommonPanelRow: go,
-  imageCommonPanelColumn: mo
-}, fo = (i) => {
+const ao = "univer-image-common-panel", co = "univer-image-common-panel-grid", lo = "univer-image-common-panel-border", uo = "univer-image-common-panel-title", ho = "univer-image-common-panel-row", go = "univer-image-common-panel-column", we = {
+  imageCommonPanel: ao,
+  imageCommonPanelGrid: co,
+  imageCommonPanelBorder: lo,
+  imageCommonPanelTitle: uo,
+  imageCommonPanelRow: ho,
+  imageCommonPanelColumn: go
+}, mo = (i) => {
   var C;
-  const t = me(G), e = me(it), n = me(se), r = me(q), { drawings: s } = i, o = s[0];
+  const t = Me(G), e = Me(rt), n = Me(se), r = Me(q), { 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] = on(!0), h = (C = o.anchorType) != null ? C : O.Position, [f, p] = on(h);
+  const d = u.getTransformerByCreate(), [l, g] = rn(!0), h = (C = o.anchorType) != null ? C : O.Position, [f, p] = rn(h);
   function m(b, v) {
     const D = [];
-    return b.forEach((_) => {
-      const { oKey: M } = _, I = v.getDrawingOKey(M);
+    return b.forEach((w) => {
+      const { oKey: M } = w, I = v.getDrawingOKey(M);
       if (I == null)
         return D.push(null), !0;
       const { unitId: E, subUnitId: T, drawingId: y, drawingType: R, anchorType: N, sheetTransform: j } = I;
@@ -3490,12 +3432,12 @@ const co = "univer-image-common-panel", lo = "univer-image-common-panel-grid", u
       });
     }), D;
   }
-  pn(() => {
+  gn(() => {
     const b = d.clearControl$.subscribe((D) => {
       D === !0 && g(!1);
     }), v = d.changeStart$.subscribe((D) => {
       var I;
-      const { objects: _ } = D, M = m(_, n);
+      const { objects: w } = D, M = m(w, n);
       if (M.length === 0)
         g(!1);
       else if (M.length >= 1) {
@@ -3508,153 +3450,153 @@ const co = "univer-image-common-panel", lo = "univer-image-common-panel-grid", u
       v.unsubscribe(), b.unsubscribe();
     };
   }, []);
-  function w(b) {
+  function _(b) {
     p(b);
     const v = n.getFocusDrawings();
     if (v.length === 0)
       return;
-    const D = v.map((_) => ({
-      unitId: _.unitId,
-      subUnitId: _.subUnitId,
-      drawingId: _.drawingId,
+    const D = v.map((w) => ({
+      unitId: w.unitId,
+      subUnitId: w.subUnitId,
+      drawingId: w.drawingId,
       anchorType: b
     }));
-    t.executeCommand(Ft.id, {
+    t.executeCommand(Lt.id, {
       unitId: v[0].unitId,
       drawings: D
     });
   }
   const S = (b) => b ? "block" : "none";
-  return /* @__PURE__ */ Tt("div", { className: Ct(ve.imageCommonPanelGrid, ve.imageCommonPanelBorder), style: { display: S(l) }, children: [
-    /* @__PURE__ */ X("div", { className: ve.imageCommonPanelRow, children: /* @__PURE__ */ X("div", { className: Ct(ve.imageCommonPanelColumn, ve.imageCommonPanelTitle), children: /* @__PURE__ */ X("div", { children: e.t("drawing-anchor.title") }) }) }),
-    /* @__PURE__ */ X("div", { className: Ct(ve.imageCommonPanelRow), children: /* @__PURE__ */ X("div", { className: Ct(ve.imageCommonPanelColumn), children: /* @__PURE__ */ Tt(hs, { value: f, onChange: w, direction: "vertical", children: [
-      /* @__PURE__ */ X(Zt, { value: O.Both, children: e.t("drawing-anchor.both") }),
-      /* @__PURE__ */ X(Zt, { value: O.Position, children: e.t("drawing-anchor.position") }),
-      /* @__PURE__ */ X(Zt, { value: O.None, children: e.t("drawing-anchor.none") })
+  return /* @__PURE__ */ Et("div", { className: It(we.imageCommonPanelGrid, we.imageCommonPanelBorder), style: { display: S(l) }, children: [
+    /* @__PURE__ */ K("div", { className: we.imageCommonPanelRow, children: /* @__PURE__ */ K("div", { className: It(we.imageCommonPanelColumn, we.imageCommonPanelTitle), children: /* @__PURE__ */ K("div", { children: e.t("drawing-anchor.title") }) }) }),
+    /* @__PURE__ */ K("div", { className: It(we.imageCommonPanelRow), children: /* @__PURE__ */ K("div", { className: It(we.imageCommonPanelColumn), children: /* @__PURE__ */ Et(hs, { value: f, onChange: _, direction: "vertical", children: [
+      /* @__PURE__ */ K(Kt, { value: O.Both, children: e.t("drawing-anchor.both") }),
+      /* @__PURE__ */ K(Kt, { value: O.Position, children: e.t("drawing-anchor.position") }),
+      /* @__PURE__ */ K(Kt, { value: O.None, children: e.t("drawing-anchor.none") })
     ] }) }) })
   ] });
-}, po = () => {
-  const i = me(se), t = i.getFocusDrawings(), [e, n] = on(t);
-  return pn(() => {
+}, fo = () => {
+  const i = Me(se), t = i.getFocusDrawings(), [e, n] = rn(t);
+  return gn(() => {
     const r = i.focus$.subscribe((s) => {
       n(s);
     });
     return () => {
       r.unsubscribe();
     };
-  }, []), !!(e != null && e.length) && /* @__PURE__ */ Tt("div", { className: ve.imageCommonPanel, children: [
-    /* @__PURE__ */ X(pi, { drawings: e }),
-    /* @__PURE__ */ X(fo, { drawings: e })
+  }, []), !!(e != null && e.length) && /* @__PURE__ */ Et("div", { className: we.imageCommonPanel, children: [
+    /* @__PURE__ */ K(mi, { drawings: e }),
+    /* @__PURE__ */ K(mo, { drawings: e })
   ] });
-}, wo = {
-  [Li.FORMULAS_INSERT]: {
-    [kr]: {
+}, po = {
+  [xi.FORMULAS_INSERT]: {
+    [Ar]: {
       order: 3,
-      menuItemFactory: so,
-      [Yt.id]: {
+      menuItemFactory: io,
+      [Ft.id]: {
         order: 0,
-        menuItemFactory: oo
+        menuItemFactory: so
       },
-      [wn.id]: {
+      [mn.id]: {
         order: 1,
-        menuItemFactory: ao
+        menuItemFactory: oo
       }
     }
   }
 };
-function at(i) {
-  return !i.getContextValue(ei) && !i.getContextValue(ti) && !i.getContextValue(ni) && i.getContextValue(Ye);
+function ot(i) {
+  return !i.getContextValue(qr) && !i.getContextValue(Qr) && !i.getContextValue(ei) && i.getContextValue(Fe);
 }
-const _o = {
-  id: ot.id,
+const wo = {
+  id: st.id,
   description: "shortcut.drawing-move-down",
   group: "4_drawing-view",
-  binding: Xe.ARROW_DOWN,
+  binding: Ye.ARROW_DOWN,
   priority: 100,
-  preconditions: at,
+  preconditions: ot,
   staticParameters: {
-    direction: Ie.DOWN
+    direction: ve.DOWN
   }
-}, vo = {
-  id: ot.id,
+}, _o = {
+  id: st.id,
   description: "shortcut.drawing-move-up",
   group: "4_drawing-view",
-  binding: Xe.ARROW_UP,
+  binding: Ye.ARROW_UP,
   priority: 100,
-  preconditions: at,
+  preconditions: ot,
   staticParameters: {
-    direction: Ie.UP
+    direction: ve.UP
   }
-}, So = {
-  id: ot.id,
+}, vo = {
+  id: st.id,
   description: "shortcut.drawing-move-left",
   group: "4_drawing-view",
-  binding: Xe.ARROW_LEFT,
+  binding: Ye.ARROW_LEFT,
   priority: 100,
-  preconditions: at,
+  preconditions: ot,
   staticParameters: {
-    direction: Ie.LEFT
+    direction: ve.LEFT
   }
-}, Io = {
-  id: ot.id,
+}, So = {
+  id: st.id,
   description: "shortcut.drawing-move-right",
   group: "4_drawing-view",
-  binding: Xe.ARROW_RIGHT,
+  binding: Ye.ARROW_RIGHT,
   priority: 100,
-  preconditions: at,
+  preconditions: ot,
   staticParameters: {
-    direction: Ie.RIGHT
+    direction: ve.RIGHT
   }
-}, Co = {
-  id: Ar.id,
+}, Io = {
+  id: Pr.id,
   description: "shortcut.drawing-delete",
   group: "4_drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
-  preconditions: at,
-  binding: Xe.DELETE,
-  mac: Xe.BACKSPACE
+  preconditions: ot,
+  binding: Ye.DELETE,
+  mac: Ye.BACKSPACE
 };
-var Do = Object.getOwnPropertyDescriptor, bo = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? Do(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+var Co = Object.getOwnPropertyDescriptor, Do = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Co(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
 }, je = (i, t) => (e, n) => t(e, n, i);
-let Wt = class extends ie {
+let Bt = class extends ie {
   constructor(i, t, e, n, r, s) {
     super(), this._componentManager = i, this._menuManagerService = t, this._commandService = e, this._shortcutService = n, this._drawingManagerService = r, this._sheetsSelectionsService = s, this._init();
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(Nr, Ur)), this.disposeWithMe(i.register(Ir, po));
+    this.disposeWithMe(i.register(Ur, Or)), this.disposeWithMe(i.register(vr, fo));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(wo);
+    this._menuManagerService.mergeMenu(po);
   }
   _initCommands() {
     [
-      Yt,
-      wn,
-      Lt,
-      st,
       Ft,
-      Cr,
+      mn,
+      xt,
+      it,
+      Lt,
+      Sr,
       F,
-      Dr,
+      Ir,
+      Cr,
       br,
-      yr,
-      ot,
-      Ar,
-      Rr
+      st,
+      Pr,
+      Dr
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
+      wo,
       _o,
       vo,
       So,
-      Io,
-      Co
+      Io
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -3663,97 +3605,97 @@ let Wt = class extends ie {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-Wt = bo([
-  je(0, A(hn)),
-  je(1, Fi),
+Bt = Do([
+  je(0, A(Qn)),
+  je(1, Li),
   je(2, G),
-  je(3, Yi),
+  je(3, Fi),
   je(4, se),
-  je(5, A(fn))
-], Wt);
-var Ro = Object.defineProperty, yo = Object.getOwnPropertyDescriptor, Mo = (i, t, e) => t in i ? Ro(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, Eo = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? yo(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+  je(5, A(hn))
+], Bt);
+var bo = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, yo = (i, t, e) => t in i ? bo(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, Mo = (i, t, e, n) => {
+  for (var r = n > 1 ? void 0 : n ? Ro(t, e) : t, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Jt = (i, t) => (e, n) => t(e, n, i), Br = (i, t, e) => Mo(i, typeof t != "symbol" ? t + "" : t, e);
-const To = "SHEET_IMAGE_UI_PLUGIN";
-let jt = class extends si {
-  constructor(i = Vn, t, e, n) {
+}, Zt = (i, t) => (e, n) => t(e, n, i), Nr = (i, t, e) => yo(i, typeof t != "symbol" ? t + "" : t, e);
+const Eo = "SHEET_IMAGE_UI_PLUGIN";
+let Wt = class extends ri {
+  constructor(i = Yn, t, e, n) {
     super(), this._config = i, this._injector = t, this._renderManagerService = e, this._configService = n;
-    const { menu: r, ...s } = oi(
+    const { menu: r, ...s } = ii(
       {},
-      Vn,
+      Yn,
       this._config
     );
     r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(gs, s);
   }
   onStarting() {
-    ai(this._injector, [
-      [rt],
-      [Wt],
-      [Ot],
+    si(this._injector, [
+      [nt],
       [Bt],
+      [Tt],
       [kt],
       [Nt],
+      [At],
+      [Ot],
       [Pt],
-      [Ut],
-      [At]
-    ]), Vt(this._injector, [
-      [rt]
+      [Ut]
+    ]), Xt(this._injector, [
+      [nt]
     ]);
   }
   onReady() {
-    Vt(this._injector, [
-      [Nt],
-      [At]
+    Xt(this._injector, [
+      [At],
+      [Ut]
     ]);
   }
   onRendered() {
-    this._registerRenderModules(), Vt(this._injector, [
+    this._registerRenderModules(), Xt(this._injector, [
+      [Nt],
       [kt],
       [Bt],
-      [Wt],
-      [Pt],
-      [Ut]
+      [Ot],
+      [Pt]
     ]);
   }
   onSteady() {
-    this._injector.get(Ot);
+    this._injector.get(Tt);
   }
   _registerRenderModules() {
     [
-      [nt],
-      [ln],
+      [tt],
       [cn],
-      [an]
+      [on],
+      [sn]
     ].forEach((i) => {
       this.disposeWithMe(this._renderManagerService.registerRenderModule(L.UNIVER_SHEET, i));
     });
   }
 };
-Br(jt, "type", L.UNIVER_SHEET);
-Br(jt, "pluginName", To);
-jt = Eo([
-  ri(ui, di, wi, Ii),
-  Jt(1, A(Ve)),
-  Jt(2, q),
-  Jt(3, ii)
-], jt);
+Nr(Wt, "type", L.UNIVER_SHEET);
+Nr(Wt, "pluginName", Eo);
+Wt = Mo([
+  ti(di, ai, fi, vi),
+  Zt(1, A(Xe)),
+  Zt(2, q),
+  Zt(3, ni)
+], Wt);
 export {
   F as ClearSheetDrawingTransformerOperation,
-  Ar as DeleteDrawingsCommand,
-  Dr as EditSheetDrawingOperation,
-  br as GroupSheetDrawingCommand,
-  Yt as InsertFloatImageCommand,
-  Lt as InsertSheetDrawingCommand,
-  ot as MoveDrawingsCommand,
-  st as RemoveSheetDrawingCommand,
-  kr as SHEETS_IMAGE_MENU_ID,
-  Rr as SetDrawingArrangeCommand,
-  Ft as SetSheetDrawingCommand,
-  rt as SheetCanvasFloatDomManagerService,
-  nt as SheetDrawingUpdateController,
-  Cr as SidebarSheetDrawingOperation,
-  yr as UngroupSheetDrawingCommand,
-  jt as UniverSheetsDrawingUIPlugin
+  Pr as DeleteDrawingsCommand,
+  Ir as EditSheetDrawingOperation,
+  Cr as GroupSheetDrawingCommand,
+  Ft as InsertFloatImageCommand,
+  xt as InsertSheetDrawingCommand,
+  st as MoveDrawingsCommand,
+  it as RemoveSheetDrawingCommand,
+  Ar as SHEETS_IMAGE_MENU_ID,
+  Dr as SetDrawingArrangeCommand,
+  Lt as SetSheetDrawingCommand,
+  nt as SheetCanvasFloatDomManagerService,
+  tt as SheetDrawingUpdateController,
+  Sr as SidebarSheetDrawingOperation,
+  br as UngroupSheetDrawingCommand,
+  Wt as UniverSheetsDrawingUIPlugin
 };