@univerjs/sheets-drawing-ui 0.6.10-nightly.202504161609 → 0.6.10-nightly.202504181606

package/lib/index.js

@@ -1,21 +1,21 @@
-var Wr = Object.defineProperty;
-var $r = (i, t, e) => t in i ? Wr(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 X, IUndoRedoService as Xe, sequenceExecute as Vn, LocaleService as rt, IUniverInstanceService as Se, Inject as A, Injector as Ge, IContextService as Hn, RxDisposable as xr, UniverInstanceType as x, toDisposable as Lr, FOCUSING_COMMON_DRAWINGS as Fe, DrawingTypeEnum as L, 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 Xr, Tools as ye, IPermissionService as Gr, 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 Gt } from "@univerjs/core";
-import { DocDrawingController as oi, UniverDocsDrawingPlugin as ai } from "@univerjs/docs-drawing";
-import { SetDrawingSelectedOperation as Wt, 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 ji, CanvasFloatDomService as Wi, FloatDomSingle 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 jn, Subject as zt, filter as Xi, take as Gi, BehaviorSubject as $e, of as Wn } 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 = {
+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 = {
   id: "sheet.operation.clear-drawing-transformer",
   type: J.MUTATION,
   handler: (i, t) => {
@@ -25,20 +25,20 @@ const gs = "sheets-drawing-ui.config", Yn = {}, F = {
       (s = (r = e.getRenderById(n)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
     }), !0;
   }
-}, it = {
+}, st = {
   id: "sheet.command.remove-sheet-image",
   type: J.COMMAND,
   handler: (i, t) => {
     var S, C, b;
-    const e = i.get(X), n = i.get(Xe), r = i.get($t), s = i.get(oe);
+    const e = i.get(G), n = i.get(Ge), r = i.get(xt), 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: 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({
+    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({
       unitID: u,
       undoMutations: [
         ...(C = f.preUndos) != null ? C : [],
@@ -54,19 +54,19 @@ const gs = "sheets-drawing-ui.config", Yn = {}, F = {
       ]
     }), !0) : !1;
   }
-}, vr = "COMPONENT_SHEET_DRAWING_PANEL", Sr = {
+}, Ir = "COMPONENT_SHEET_DRAWING_PANEL", Cr = {
   id: "sidebar.operation.sheet-image",
   type: J.COMMAND,
   handler: async (i, t) => {
-    const e = i.get(Pi), n = i.get(rt), r = i.get(Se), s = i.get(X);
+    const e = i.get(Ai), n = i.get(it), r = i.get(fe), 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: vr },
+          children: { label: Ir },
           onClose: () => {
-            s.syncExecuteCommand(Wt.id, []);
+            s.syncExecuteCommand($t.id, []);
           },
           width: 360
         });
@@ -78,45 +78,45 @@ const gs = "sheets-drawing-ui.config", Yn = {}, F = {
     }
     return !0;
   }
-}, Ir = {
+}, Dr = {
   id: "sheet.operation.edit-sheet-image",
   type: J.OPERATION,
   handler: (i, t) => {
-    const e = i.get(X);
-    return t == null ? !1 : (e.syncExecuteCommand(Wt.id, [t]), e.executeCommand(Sr.id, { value: "open" }), !0);
+    const e = i.get(G);
+    return t == null ? !1 : (e.syncExecuteCommand($t.id, [t]), e.executeCommand(Cr.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", Ct = {
+}, ms = "univer-upload-loading", fs = "univer-upload-loading-body", ps = "univer-upload-loading-body-animation", ws = "univer-upload-loading-body-text", Dt = {
   uploadLoading: ms,
   uploadLoadingBody: fs,
   uploadLoadingBodyAnimation: ps,
   uploadLoadingBodyText: ws
 }, _s = () => {
-  const i = Me(zn), t = Me(rt), [e, n] = ss.useState(0);
-  return gn(() => {
+  const i = me(Jn), t = me(it), [e, n] = os.useState(0);
+  return pn(() => {
     const r = i.change$.subscribe((s) => {
       n(s);
     });
     return () => {
       r.unsubscribe();
     };
-  }, [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}` })
+  }, [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}` })
   ] }) });
 };
 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;
-}, fe = (i, t) => (e, n) => t(e, n, i);
-let Tt = class extends xr {
+}, we = (i, t) => (e, n) => t(e, n, i);
+let Ot = class extends Fr {
   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$(x.UNIVER_SHEET).pipe(kn(this.dispose$)).subscribe((t) => this._create(t)), this._univerInstanceService.getTypeOfUnitDisposed$(x.UNIVER_SHEET).pipe(kn(this.dispose$)).subscribe((t) => this._dispose(t)), this._univerInstanceService.getAllUnitsForType(x.UNIVER_SHEET).forEach((t) => this._create(t)), this._uiPartsService.registerComponent(Ai.CONTENT, () => qn(_s, this._injector));
+    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));
   }
   _dispose(t) {
     const e = t.getUnitId();
@@ -131,7 +131,7 @@ let Tt = class extends xr {
   _hasCropObject(t) {
     const e = t.getAllObjectsByOrder();
     for (const n of e)
-      if (n instanceof li)
+      if (n instanceof hi)
         return !0;
     return !1;
   }
@@ -145,9 +145,9 @@ let Tt = class extends xr {
       return;
     let r;
     this.disposeWithMe(
-      Lr(
+      Yr(
         n.createControl$.subscribe(() => {
-          if (this._contextService.setContextValue(Fe, !0), this._hasCropObject(e))
+          if (this._contextService.setContextValue(Ye, !0), this._hasCropObject(e))
             return;
           const o = n.getSelectedObjectMap();
           if (o.size > 1) {
@@ -166,7 +166,7 @@ let Tt = class extends xr {
           r == null || r.dispose();
           const p = this._canvasPopManagerService.getFeatureMenu(d, l, g, h);
           r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
-            componentKey: ui,
+            componentKey: gi,
             direction: "horizontal",
             offset: [2, 0],
             extraProps: {
@@ -177,11 +177,11 @@ let Tt = class extends xr {
       )
     ), this.disposeWithMe(
       n.clearControl$.subscribe(() => {
-        r == null || r.dispose(), this._contextService.setContextValue(Fe, !1), this._commandService.syncExecuteCommand(Wt.id, []);
+        r == null || r.dispose(), this._contextService.setContextValue(Ye, !1), this._commandService.syncExecuteCommand($t.id, []);
       })
     ), this.disposeWithMe(
       this._contextService.contextChanged$.subscribe((o) => {
-        o[Fe] === !1 && (r == null || r.dispose());
+        o[Ye] === !1 && (r == null || r.dispose());
       })
     ), this.disposeWithMe(
       n.changing$.subscribe(() => {
@@ -194,60 +194,60 @@ let Tt = class extends xr {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: Ir.id,
+        commandId: Dr.id,
         commandParams: { unitId: t, subUnitId: e, drawingId: n },
-        disable: r === L.DRAWING_DOM
+        disable: r === W.DRAWING_DOM
       },
       {
         label: "image-popup.delete",
         index: 1,
-        commandId: it.id,
+        commandId: st.id,
         commandParams: { unitId: t, drawings: [{ unitId: t, subUnitId: e, drawingId: n }] },
         disable: !1
       },
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: hi.id,
+        commandId: mi.id,
         commandParams: { unitId: t, subUnitId: e, drawingId: n },
-        disable: r === L.DRAWING_DOM
+        disable: r === W.DRAWING_DOM
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: gi.id,
+        commandId: fi.id,
         commandParams: [{ unitId: t, subUnitId: e, drawingId: n }],
-        disable: r === L.DRAWING_DOM
+        disable: r === W.DRAWING_DOM
       }
     ];
   }
 };
-Tt = Ss([
-  fe(0, A(Ge)),
-  fe(1, se),
-  fe(2, A(Si)),
-  fe(3, q),
-  fe(4, Se),
-  fe(5, Hn),
-  fe(6, A(Ui)),
-  fe(7, X)
-], Tt);
+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);
 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;
-}, Dt = (i, t) => (e, n) => t(e, n, i);
-let sn = class extends ie {
+}, bt = (i, t) => (e, n) => t(e, n, i);
+let an = 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(Yi(33)).subscribe((t) => {
+    this.disposeWithMe(this._hoverManagerService.currentRichTextNoDistinct$.pipe(Xi(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(pi.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(_i.ZOOM_IN)) : this._isSetCursor && (this._isSetCursor = !1, this._context.scene.resetCursor());
     }));
   }
   _initImageClick() {
@@ -261,25 +261,25 @@ let sn = class extends ie {
     }));
   }
 };
-sn = Cs([
-  Dt(1, A(Ii)),
-  Dt(2, A(hn)),
-  Dt(3, A(Kn)),
-  Dt(4, A(V))
-], sn);
-function z(i, t, e) {
+an = Cs([
+  bt(1, A(Di)),
+  bt(2, A(fn)),
+  bt(3, A(qn)),
+  bt(4, A(H))
+], an);
+function K(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 = Ci(
+  const l = bi(
     d.unitId,
     d.sheetId,
     { from: n, to: r },
     e
   );
   let { left: g, top: h, width: f, height: p } = l;
-  const m = e.getCurrentSkeleton(), _ = m.rowHeaderWidth + m.columnTotalWidth, S = m.columnHeaderHeight + m.rowTotalHeight;
-  return g + f > _ && (g = _ - f), h + p > S && (h = S - p), {
+  const m = e.getCurrentSkeleton(), w = m.rowHeaderWidth + m.columnTotalWidth, S = m.columnHeaderHeight + m.rowTotalHeight;
+  return g + f > w && (g = w - f), h + p > S && (h = S - p), {
     flipY: s,
     flipX: o,
     angle: a,
@@ -291,23 +291,23 @@ function z(i, t, e) {
     height: p
   };
 }
-function $(i, t) {
+function x(i, t) {
   const { left: e = 0, top: n = 0, width: r = 0, height: s = 0, flipY: o = !1, flipX: a = !1, angle: c = 0, skewX: u = 0, skewY: d = 0 } = i, l = t.getCellWithCoordByOffset(e, n);
   if (l == null)
     return;
   const g = {
     column: l.actualColumn,
-    columnOffset: vt(e - l.startX, 1),
+    columnOffset: St(e - l.startX, 1),
     row: l.actualRow,
-    rowOffset: vt(n - l.startY, 1)
+    rowOffset: St(n - l.startY, 1)
   }, h = t.getCellWithCoordByOffset(e + r, n + s);
   if (h == null)
     return;
   const f = {
     column: h.actualColumn,
-    columnOffset: vt(e + r - h.startX, 1),
+    columnOffset: St(e + r - h.startX, 1),
     row: h.actualRow,
-    rowOffset: vt(n + s - h.startY, 1)
+    rowOffset: St(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;
-}, bt = (i, t) => (e, n) => t(e, n, i);
-let on = class extends ie {
+}, Rt = (i, t) => (e, n) => t(e, n, i);
+let cn = 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 on = class extends ie {
       const e = i[t];
       for (const n in e.data) {
         const r = e.data[n];
-        r.transform = z(r.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService);
+        r.transform = K(r.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService);
       }
     }
     this._drawingManagerService.registerDrawingData(this._context.unitId, this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId)), this._drawingManagerService.initializeNotification(this._context.unitId);
   }
 };
-on = bs([
-  bt(1, oe),
-  bt(2, se),
-  bt(3, A(Ve)),
-  bt(4, A(V))
-], on);
+cn = bs([
+  Rt(1, oe),
+  Rt(2, se),
+  Rt(3, A(He)),
+  Rt(4, A(H))
+], cn);
 function Rs(i) {
   const t = [];
   return i.forEach((e) => {
-    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 { 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 g = l.transform || { left: 0, top: 0 }, { unitId: h, subUnitId: f, drawingId: p } = l;
       return {
         unitId: h,
@@ -370,7 +370,7 @@ function Rs(i) {
       unitId: s,
       subUnitId: o,
       drawingId: a,
-      drawingType: L.DRAWING_GROUP,
+      drawingType: W.DRAWING_GROUP,
       transform: c
     };
     t.push({
@@ -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 = wi(g || {}, c, c.width || 0, c.height || 0);
+      const { transform: g } = l, { unitId: h, subUnitId: f, drawingId: p } = l, m = vi(g || {}, c, c.width || 0, c.height || 0);
       return {
         unitId: h,
         subUnitId: f,
@@ -398,7 +398,7 @@ function ys(i) {
       unitId: s,
       subUnitId: o,
       drawingId: a,
-      drawingType: L.DRAWING_GROUP,
+      drawingType: W.DRAWING_GROUP,
       transform: {
         left: 0,
         top: 0
@@ -410,11 +410,11 @@ function ys(i) {
     });
   }), t;
 }
-const Cr = {
+const br = {
   id: "sheet.command.group-sheet-image",
   type: J.COMMAND,
   handler: (i, t) => {
-    const e = i.get(X), n = i.get(Xe), r = i.get(oe);
+    const e = i.get(G), n = i.get(Ge), r = i.get(oe);
     if (!t) return !1;
     const s = [];
     t.forEach(({ parent: h, children: f }) => {
@@ -435,15 +435,15 @@ const Cr = {
       ]
     }), !0) : !1;
   }
-}, xt = {
+}, Lt = {
   id: "sheet.command.insert-sheet-image",
   type: J.COMMAND,
   handler: (i, t) => {
     var S, C, b;
-    const e = i.get(X), n = i.get(Xe), r = i.get(oe), s = i.get($t);
+    const e = i.get(G), n = i.get(Ge), r = i.get(oe), s = i.get(xt);
     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: 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({
+    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({
       unitID: u,
       undoMutations: [
         ...(C = f.preUndos) != null ? C : [],
@@ -459,15 +459,15 @@ const Cr = {
       ]
     }), !0) : !1;
   }
-}, Dr = {
+}, Rr = {
   id: "sheet.command.set-drawing-arrange",
   type: J.COMMAND,
   handler: (i, t) => {
-    const e = i.get(X), n = i.get(Xe);
+    const e = i.get(G), n = i.get(Ge);
     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 === 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)
+    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)
       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,11 +480,11 @@ const Cr = {
       ]
     }), !0) : !1;
   }
-}, Lt = {
+}, Ft = {
   id: "sheet.command.set-sheet-image",
   type: J.COMMAND,
   handler: (i, t) => {
-    const e = i.get(X), n = i.get(Xe), r = i.get(oe);
+    const e = i.get(G), n = i.get(Ge), r = i.get(oe);
     if (!t) return !1;
     const { drawings: s } = t, o = r.getBatchUpdateOp(s), { unitId: a, subUnitId: c, undo: u, redo: d, objects: l } = o;
     return e.syncExecuteCommand(U.id, { unitId: a, subUnitId: c, op: d, objects: l, type: P.UPDATE }) ? (n.pushUndoRedo({
@@ -499,11 +499,11 @@ const Cr = {
       ]
     }), !0) : !1;
   }
-}, br = {
+}, yr = {
   id: "sheet.command.ungroup-sheet-image",
   type: J.COMMAND,
   handler: (i, t) => {
-    const e = i.get(X), n = i.get(Xe), r = i.get(oe);
+    const e = i.get(G), n = i.get(Ge), r = i.get(oe);
     if (!t) return !1;
     const s = [];
     t.forEach(({ parent: h, children: f }) => {
@@ -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 an(i, t, e, n, r) {
+function dn(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(V).getSkeletonParam(t.subUnitId)) == null ? void 0 : S.skeleton;
+  const d = (S = c.with(H).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, _ = !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, w = !m || Number.isNaN(m) ? 1e-3 : m;
   return {
-    width: e * _,
-    height: n * _
+    width: e * w,
+    height: n * w
   };
 }
-let tt = class extends ie {
+let nt = 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 tt = class extends ie {
   async insertFloatImage() {
     const t = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: yn.map((n) => `.${n.replace("image/", "")}`).join(",")
+      accept: Tn.map((n) => `.${n.replace("image/", "")}`).join(",")
     }), e = t.length;
-    return e > Mn ? (this._messageService.show({
-      type: De.Error,
-      content: this._localeService.t("update-status.exceedMaxCount", String(Mn))
+    return e > On ? (this._messageService.show({
+      type: be.Error,
+      content: this._localeService.t("update-status.exceedMaxCount", String(On))
     }), !1) : e === 0 ? !1 : (t.forEach(async (n) => await this.insertFloatImageByFile(n)), !0);
   }
   async insertCellImage() {
     const e = (await this._fileOpenerService.openFile({
       multiple: !1,
-      accept: yn.map((n) => `.${n.replace("image/", "")}`).join(",")
+      accept: Tn.map((n) => `.${n.replace("image/", "")}`).join(",")
     }))[0];
     return e ? (await this._insertCellImage(e), !0) : !1;
   }
@@ -581,70 +581,70 @@ let tt = class extends ie {
     } catch (S) {
       const C = S.message;
       C === Ne.ERROR_EXCEED_SIZE ? this._messageService.show({
-        type: De.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(En / (1024 * 1024)))
+        type: be.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(Pn / (1024 * 1024)))
       }) : C === Ne.ERROR_IMAGE_TYPE ? this._messageService.show({
-        type: De.Error,
+        type: be.Error,
         content: this._localeService.t("update-status.invalidImageType")
       }) : C === Ne.ERROR_IMAGE && this._messageService.show({
-        type: De.Error,
+        type: be.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 Vt(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 Ht(u || ""), { width: h, height: f } = this._context.scene;
     this._imageIoService.addImageSourceCache(c, a, g);
     let p = 1;
-    if (d > Tn || l > On) {
-      const S = Tn / d, C = On / l;
+    if (d > Un || l > An) {
+      const S = Un / d, C = An / l;
       p = Math.max(S, C);
     }
     const m = this._getImagePosition(d * p, l * p, h, f);
     if (m == null)
       return;
-    const _ = {
+    const w = {
       unitId: r,
       subUnitId: s,
       drawingId: o,
-      drawingType: L.DRAWING_IMAGE,
+      drawingType: W.DRAWING_IMAGE,
       imageSourceType: a,
       source: c,
-      transform: z(m, this._selectionRenderService, this._skeletonManagerService),
+      transform: K(m, this._selectionRenderService, this._skeletonManagerService),
       sheetTransform: m
     };
-    return this._commandService.executeCommand(xt.id, {
+    return this._commandService.executeCommand(Lt.id, {
       unitId: r,
-      drawings: [_]
+      drawings: [w]
     });
   }
   // eslint-disable-next-line max-lines-per-function
   async _insertCellImage(t, e) {
-    var _, S;
+    var w, 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: De.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(En / (1024 * 1024)))
+        type: be.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(Pn / (1024 * 1024)))
       }) : b === Ne.ERROR_IMAGE_TYPE ? this._messageService.show({
-        type: De.Error,
+        type: be.Error,
         content: this._localeService.t("update-status.invalidImageType")
       }) : b === Ne.ERROR_IMAGE && this._messageService.show({
-        type: De.Error,
+        type: be.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 Vt(a || "");
+    const { imageId: r, imageSourceType: s, source: o, base64Cache: a } = n, { width: c, height: u, image: d } = await Ht(a || "");
     this._imageIoService.addImageSourceCache(o, s, d);
     const l = this._workbookSelections.getCurrentLastSelection();
     if (!l)
       return !1;
-    const g = Jt("", {}), h = an(
+    const g = qt("", {}), h = dn(
       this._injector,
       {
         unitId: this._context.unitId,
@@ -664,11 +664,11 @@ let tt = class extends ie {
         height: h.height
       },
       positionH: {
-        relativeFrom: In.PAGE,
+        relativeFrom: bn.PAGE,
         posOffset: 0
       },
       positionV: {
-        relativeFrom: Sn.PARAGRAPH,
+        relativeFrom: Dn.PARAGRAPH,
         posOffset: 0
       },
       angle: 0
@@ -676,22 +676,22 @@ let tt = class extends ie {
       unitId: g.getUnitId(),
       subUnitId: g.getUnitId(),
       drawingId: r,
-      drawingType: L.DRAWING_IMAGE,
+      drawingType: W.DRAWING_IMAGE,
       imageSourceType: s,
       source: o,
-      transform: Fn(f),
+      transform: Gn(f),
       docTransform: f,
-      behindDoc: bn.FALSE,
+      behindDoc: Mn.FALSE,
       title: "",
       description: "",
-      layoutType: Dn.INLINE,
+      layoutType: yn.INLINE,
       // Insert inline drawing by default.
-      wrapText: Cn.BOTH_SIDES,
+      wrapText: Rn.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 tt = class extends ie {
         endOffset: 0
       }
     });
-    return m ? (g.apply(m), this._commandService.syncExecuteCommand($n.id, {
+    return m ? (g.apply(m), this._commandService.syncExecuteCommand(Fn.id, {
       value: {
-        [(_ = e == null ? void 0 : e.row) != null ? _ : l.primary.actualRow]: {
+        [(w = e == null ? void 0 : e.row) != null ? w : 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 tt = 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 Vt(t || "");
-    this._imageIoService.addImageSourceCache(t, Rn.URL, s);
+    const { width: n, height: r, image: s } = await Ht(t || "");
+    this._imageIoService.addImageSourceCache(t, En.URL, s);
     const o = this._workbookSelections.getCurrentLastSelection();
     if (!o)
       return !1;
-    const a = Jt("", {}), c = an(
+    const a = qt("", {}), c = dn(
       this._injector,
       {
         unitId: this._context.unitId,
@@ -741,34 +741,34 @@ let tt = class extends ie {
         height: c.height
       },
       positionH: {
-        relativeFrom: In.PAGE,
+        relativeFrom: bn.PAGE,
         posOffset: 0
       },
       positionV: {
-        relativeFrom: Sn.PARAGRAPH,
+        relativeFrom: Dn.PARAGRAPH,
         posOffset: 0
       },
       angle: 0
     }, d = {
       unitId: a.getUnitId(),
       subUnitId: a.getUnitId(),
-      drawingId: Mt(),
-      drawingType: L.DRAWING_IMAGE,
-      imageSourceType: Rn.URL,
+      drawingId: Et(),
+      drawingType: W.DRAWING_IMAGE,
+      imageSourceType: En.URL,
       source: t,
-      transform: Fn(u),
+      transform: Gn(u),
       docTransform: u,
-      behindDoc: bn.FALSE,
+      behindDoc: Mn.FALSE,
       title: "",
       description: "",
-      layoutType: Dn.INLINE,
+      layoutType: yn.INLINE,
       // Insert inline drawing by default.
-      wrapText: Cn.BOTH_SIDES,
+      wrapText: Rn.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 tt = class extends ie {
         endOffset: 0
       }
     });
-    return l ? (a.apply(l), this._commandService.syncExecuteCommand($n.id, {
+    return l ? (a.apply(l), this._commandService.syncExecuteCommand(Fn.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 tt = class extends ie {
       endColumn: 0
     };
     s && s.length > 0 && (o = s[s.length - 1].range);
-    const a = Jn(this._skeletonManagerService.getCurrent().skeleton, o);
+    const a = er(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 tt = class extends ie {
   _updateOrderListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginOrderUpdate$.subscribe((t) => {
       const { unitId: e, subUnitId: n, drawingIds: r, arrangeType: s } = t;
-      this._commandService.executeCommand(Dr.id, {
+      this._commandService.executeCommand(Rr.id, {
         unitId: e,
         subUnitId: n,
         drawingIds: r,
@@ -856,16 +856,16 @@ let tt = class extends ie {
         const u = this._sheetDrawingService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: o });
         if (u == null || u.unitId !== this._context.unitId)
           return;
-        const d = $({ ...u.transform, ...c }, this._selectionRenderService);
+        const d = x({ ...u.transform, ...c }, this._selectionRenderService);
         if (d == null)
           return;
         const l = {
           ...n,
-          transform: { ...u.transform, ...c, ...z(d, this._selectionRenderService, this._skeletonManagerService) },
+          transform: { ...u.transform, ...c, ...K(d, this._selectionRenderService, this._skeletonManagerService) },
           sheetTransform: { ...d }
         };
         e.push(l);
-      }), e.length > 0 && this._commandService.executeCommand(Lt.id, {
+      }), e.length > 0 && this._commandService.executeCommand(Ft.id, {
         unitId: t[0].unitId,
         drawings: e
       }));
@@ -873,44 +873,44 @@ let tt = class extends ie {
   }
   _groupDrawingListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe((t) => {
-      this._commandService.executeCommand(Cr.id, t);
+      this._commandService.executeCommand(br.id, t);
       const { unitId: e, subUnitId: n, drawingId: r } = t[0].parent;
-      this._commandService.syncExecuteCommand(Wt.id, [{ unitId: e, subUnitId: n, drawingId: r }]);
+      this._commandService.syncExecuteCommand($t.id, [{ unitId: e, subUnitId: n, drawingId: r }]);
     })), this.disposeWithMe(this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((t) => {
-      this._commandService.executeCommand(br.id, t);
+      this._commandService.executeCommand(yr.id, t);
     }));
   }
   _focusDrawingListener() {
     this.disposeWithMe(
       this._drawingManagerService.focus$.subscribe((t) => {
-        t == null || t.length === 0 ? (this._contextService.setContextValue(Fe, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(Fe, !0), this._sheetDrawingService.focusDrawing(t));
+        t == null || t.length === 0 ? (this._contextService.setContextValue(Ye, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(Ye, !0), this._sheetDrawingService.focusDrawing(t));
       })
     );
   }
 };
-tt = Es([
-  ne(1, A(V)),
-  ne(2, X),
-  ne(3, Ve),
-  ne(4, zn),
-  ne(5, Ni),
+nt = Es([
+  ne(1, A(H)),
+  ne(2, G),
+  ne(3, He),
+  ne(4, Jn),
+  ne(5, Bi),
   ne(6, oe),
   ne(7, se),
-  ne(8, Hn),
-  ne(9, ki),
-  ne(10, A(rt)),
-  ne(11, A(hn)),
-  ne(12, A(Ge))
-], tt);
+  ne(8, Zn),
+  ne(9, Wi),
+  ne(10, A(it)),
+  ne(11, A(fn)),
+  ne(12, A(Ve))
+], nt);
 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;
-}, je = (i, t) => (e, n) => t(e, n, i);
-function Rr(i, t, e) {
+}, We = (i, t) => (e, n) => t(e, n, i);
+function Mr(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 = an(
+    const a = e.p.drawings[e.p.drawingsOrder[0]], c = dn(
       i,
       {
         unitId: t.unitId,
@@ -927,47 +927,47 @@ function Rr(i, t, e) {
   }
   return !1;
 }
-let Ot = class extends ie {
+let Pt = 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(et), this._docDrawingController.loadDrawingDataForUnit(et), this._drawingManagerService.initializeNotification(et)) : this._drawingManagerService.removeDrawingDataForUnit(et);
+      i.visible ? i.visible && (this._drawingManagerService.removeDrawingDataForUnit(tt), this._docDrawingController.loadDrawingDataForUnit(tt), this._drawingManagerService.initializeNotification(tt)) : this._drawingManagerService.removeDrawingDataForUnit(tt);
     })), this.disposeWithMe(this._commandService.onCommandExecuted((i) => {
-      i.id === cs.id && i.params.unitId === xe && (this._drawingManagerService.removeDrawingDataForUnit(xe), this._docDrawingController.loadDrawingDataForUnit(xe), this._drawingManagerService.initializeNotification(xe));
+      i.id === cs.id && i.params.unitId === Le && (this._drawingManagerService.removeDrawingDataForUnit(Le), this._docDrawingController.loadDrawingDataForUnit(Le), this._drawingManagerService.initializeNotification(Le));
     }));
   }
   _initCellContentInterceptor() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        Vi.CELL_CONTENT,
+        Hi.CELL_CONTENT,
         {
-          effect: Fr.Style,
-          priority: Hi.CELL_IMAGE,
+          effect: Xr.Style,
+          priority: zi.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 }, Rr(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 }, Mr(this._injector, { unitId: t.unitId, subUnitId: t.subUnitId, row: t.row, col: t.col }, i)), e(i);
           }
         }
       )
     );
   }
 };
-Ot = Ps([
-  je(0, X),
-  je(1, A($t)),
-  je(2, A(Ge)),
-  je(3, se),
-  je(4, A(oi)),
-  je(5, A(Di))
-], Ot);
+Pt = Ps([
+  We(0, G),
+  We(1, A(xt)),
+  We(2, A(Ve)),
+  We(3, se),
+  We(4, A(ci)),
+  We(5, A(Ri))
+], Pt);
 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;
-}, Xn = (i, t) => (e, n) => t(e, n, i);
-let Pt = class extends ie {
+}, Hn = (i, t) => (e, n) => t(e, n, i);
+let Ut = class extends ie {
   constructor(i, t) {
     super(), this._autoFillService = i, this._injector = t, this._initAutoFillHooks();
   }
@@ -976,35 +976,35 @@ let Pt = class extends ie {
       this._autoFillService.addHook({
         id: "sheet-cell-image-autofill",
         onBeforeSubmit: (i, t, e, n) => {
-          new Yr(n).forValue((r, s, o) => {
-            Rr(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
+          new Gr(n).forValue((r, s, o) => {
+            Mr(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
           });
         }
       })
     );
   }
 };
-Pt = As([
-  Xn(0, A(bi)),
-  Xn(1, A(Ge))
-], Pt);
+Ut = As([
+  Hn(0, A(yi)),
+  Hn(1, A(Ve))
+], Ut);
 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;
-}, Ze = (i, t) => (e, n) => t(e, n, i);
+}, Je = (i, t) => (e, n) => t(e, n, i);
 const Bs = [
-  et,
-  Xr,
-  xe
+  tt,
+  Vr,
+  Le
 ];
-let Ut = class extends ie {
+let At = 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 = Jt("", {}), e = (r = dn(x.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.with(Ri), n = qt.drawing.add({
+    const t = qt("", {}), e = (r = un(L.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) == null ? void 0 : r.with(Mi), n = Qt.drawing.add({
       documentDataModel: t,
       drawings: [i],
       selection: {
@@ -1020,19 +1020,19 @@ let Ut = class extends ie {
       this._commandService.beforeCommandExecuted((i) => {
         var t, e;
         if (i.id === ds.id) {
-          const n = i.params, { doc: r } = n, s = this._univerInstanceService.getCurrentUnitOfType(x.UNIVER_DOC);
+          const n = i.params, { doc: r } = n, s = this._univerInstanceService.getCurrentUnitOfType(L.UNIVER_DOC);
           if (s == null || !Object.keys((t = r.drawings) != null ? t : {}).length)
             return;
           const o = s.getUnitId();
           if (Bs.includes(o)) {
-            if (o !== xe) {
+            if (o !== Le) {
               const a = () => {
-                this._dialogService.close("sheet-cell-image-copy-paste"), this._commandService.syncExecuteCommand(Un.id, {
+                this._dialogService.close("sheet-cell-image-copy-paste"), this._commandService.syncExecuteCommand(kn.id, {
                   visible: !1
                 });
               };
               ((e = s.getBody()) == null ? void 0 : e.dataStream) === `\r
-` ? (this._commandService.syncExecuteCommand(Un.id, {
+` ? (this._commandService.syncExecuteCommand(kn.id, {
                 visible: !1
               }), this._setCellImage(Object.values(r.drawings)[0])) : this._dialogService.open({
                 id: "sheet-cell-image-copy-paste",
@@ -1060,23 +1060,23 @@ let Ut = class extends ie {
     );
   }
 };
-Ut = ks([
-  Ze(0, X),
-  Ze(1, Se),
-  Ze(2, Bi),
-  Ze(3, q),
-  Ze(4, A(rt))
-], Ut);
-const Ft = {
+At = ks([
+  Je(0, G),
+  Je(1, fe),
+  Je(2, ji),
+  Je(3, q),
+  Je(4, A(it))
+], At);
+const Yt = {
   id: "sheet.command.insert-float-image",
   type: J.COMMAND,
   handler: async (i, t) => {
     var o, a;
-    const e = i.get(Se), n = i.get(q), r = (o = dn(
-      x.UNIVER_SHEET,
+    const e = i.get(fe), n = i.get(q), r = (o = un(
+      L.UNIVER_SHEET,
       e,
       n
-    )) == null ? void 0 : o.with(tt);
+    )) == null ? void 0 : o.with(nt);
     if (!r)
       return !1;
     const s = t == null ? void 0 : t.files;
@@ -1086,33 +1086,33 @@ const Ft = {
     } else
       return (a = r.insertFloatImage()) != null ? a : !1;
   }
-}, mn = {
+}, wn = {
   id: "sheet.command.insert-cell-image",
   type: J.COMMAND,
   handler: (i) => {
     var n, r;
-    const t = i.get(Se), e = i.get(q);
-    return (r = (n = dn(
-      x.UNIVER_SHEET,
+    const t = i.get(fe), e = i.get(q);
+    return (r = (n = un(
+      L.UNIVER_SHEET,
       t,
       e
-    )) == null ? void 0 : n.with(tt).insertCellImage()) != null ? r : !1;
+    )) == null ? void 0 : n.with(nt).insertCellImage()) != null ? r : !1;
   }
 };
-var js = Object.getOwnPropertyDescriptor, Ws = (i, t, e, n) => {
-  for (var r = n > 1 ? void 0 : n ? js(t, e) : t, s = i.length - 1, o; s >= 0; s--)
+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;
-}, Je = (i, t) => (e, n) => t(e, n, i);
-const yr = "image/png";
+}, qe = (i, t) => (e, n) => t(e, n, i);
+const Er = "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: yr });
+  return new Blob([r], { type: Er });
 }
 function xs(i) {
-  const t = new ClipboardItem({ [yr]: $s(i) });
+  const t = new ClipboardItem({ [Er]: $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 Gn = [
-  Le.SPECIAL_PASTE_COL_WIDTH,
-  Le.SPECIAL_PASTE_VALUE,
-  Le.SPECIAL_PASTE_FORMAT,
-  Le.SPECIAL_PASTE_FORMULA
+const zn = [
+  Fe.SPECIAL_PASTE_COL_WIDTH,
+  Fe.SPECIAL_PASTE_VALUE,
+  Fe.SPECIAL_PASTE_FORMAT,
+  Fe.SPECIAL_PASTE_FORMULA
 ];
-let At = class extends ie {
+let Nt = class extends ie {
   constructor(t, e, n, r, s) {
     super();
     te(this, "_copyInfo");
@@ -1150,16 +1150,16 @@ let At = class extends ie {
         const s = this._focusedDrawings;
         if (s.length > 0) {
           const [o] = s;
-          if (r === Ce.CUT) {
+          if (r === De.CUT) {
             const c = {
               unitId: t,
               drawings: [o]
             };
-            this._commandService.executeCommand(it.id, c);
+            this._commandService.executeCommand(st.id, c);
           }
           setTimeout(() => {
             const c = Ls();
-            o.drawingType === L.DRAWING_IMAGE && o.imageSourceType === ci.BASE64 ? xs(o.source) : this._clipboardInterfaceService.writeText(""), c();
+            o.drawingType === W.DRAWING_IMAGE && o.imageSourceType === li.BASE64 ? xs(o.source) : this._clipboardInterfaceService.writeText(""), c();
           }, 200);
           const a = {
             unitId: o.unitId,
@@ -1175,14 +1175,14 @@ let At = class extends ie {
       onPasteCells: (t, e, n, r) => {
         if (!this._copyInfo)
           return { redos: [], undos: [] };
-        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);
+        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);
       },
       onPastePlainText: (t, e) => ({ undos: [], redos: [] }),
-      onPasteUnrecognized: (t) => this._copyInfo ? this._generateSingleDrawingPasteMutations({ pasteTo: t, pasteType: Le.DEFAULT_PASTE }, Ce.COPY) : { undos: [], redos: [] },
+      onPasteUnrecognized: (t) => this._copyInfo ? this._generateSingleDrawingPasteMutations({ pasteTo: t, pasteType: Fe.DEFAULT_PASTE }, De.COPY) : { undos: [], redos: [] },
       onPasteFiles: (t, e) => {
         if (this._copyInfo)
-          return this._generateSingleDrawingPasteMutations({ pasteTo: t, pasteType: Le.DEFAULT_PASTE }, Ce.COPY);
+          return this._generateSingleDrawingPasteMutations({ pasteTo: t, pasteType: Fe.DEFAULT_PASTE }, De.COPY);
         {
           const n = e.filter((r) => r.type.includes("image"));
           if (n.length)
@@ -1190,7 +1190,7 @@ let At = class extends ie {
               undos: [],
               redos: [
                 {
-                  id: Ft.id,
+                  id: Yt.id,
                   params: { files: n }
                 }
               ]
@@ -1202,7 +1202,7 @@ let At = class extends ie {
   }
   _createDrawingsCopyInfoByRange(t, e, n) {
     var g;
-    const r = (g = this._renderManagerService.getRenderById(t)) == null ? void 0 : g.with(V);
+    const r = (g = this._renderManagerService.getRenderById(t)) == null ? void 0 : g.with(H);
     if (!r) return;
     const s = r.attachRangeWithCoord(n);
     if (!s)
@@ -1212,13 +1212,13 @@ let At = class extends ie {
       const f = d[h], { transform: p } = f;
       if (f.anchorType !== O.Both || !p)
         return;
-      const { left: m = 0, top: _ = 0, width: S = 0, height: C = 0 } = p, { drawingStartX: b, drawingEndX: v, drawingStartY: D, drawingEndY: w } = {
+      const { left: m = 0, top: w = 0, width: S = 0, height: C = 0 } = p, { drawingStartX: b, drawingEndX: v, drawingStartY: D, drawingEndY: _ } = {
         drawingStartX: m,
         drawingEndX: m + S,
-        drawingStartY: _,
-        drawingEndY: _ + C
+        drawingStartY: w,
+        drawingEndY: w + C
       };
-      o <= b && v <= a && c <= D && w <= u && l.push(f);
+      o <= b && v <= a && c <= D && _ <= u && l.push(f);
     }), l.length)
       return {
         copyRange: n,
@@ -1229,16 +1229,16 @@ let At = class extends ie {
   }
   _generateSingleDrawingPasteMutations(t, e) {
     const { pasteType: n, pasteTo: r } = t;
-    if (Gn.includes(n))
+    if (zn.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(V), d = c == null ? void 0 : c.with(Ve), l = this._copyInfo;
+    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;
     if (!u || !d)
       return { redos: [], undos: [] };
-    const { drawings: g } = l, h = An(a);
+    const { drawings: g } = l, h = Bn(a);
     return this._generateMutations(g, {
       unitId: s,
       subUnitId: o,
-      isCut: e === Ce.CUT,
+      isCut: e === De.CUT,
       getTransform: (f, p) => {
         var S;
         const m = u.attachRangeWithCoord({
@@ -1246,14 +1246,14 @@ let At = 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: _,
-          sheetTransform: (S = $(_, d)) != null ? S : p
+          transform: w,
+          sheetTransform: (S = x(w, d)) != null ? S : p
         };
       }
     });
@@ -1273,12 +1273,12 @@ let At = class extends ie {
         ...d,
         unitId: n,
         subUnitId: r,
-        drawingId: o ? d.drawingId : ye.generateRandomId(),
+        drawingId: o ? d.drawingId : Me.generateRandomId(),
         transform: h.transform,
         sheetTransform: h.sheetTransform
       };
       if (o) {
-        const { undo: p, redo: m, objects: _ } = u.getBatchUpdateOp([f]);
+        const { undo: p, redo: m, objects: w } = u.getBatchUpdateOp([f]);
         a.push({
           id: U.id,
           params: {
@@ -1286,7 +1286,7 @@ let At = class extends ie {
             subUnitId: r,
             type: P.UPDATE,
             op: m,
-            objects: _
+            objects: w
           }
         }), c.push({
           id: U.id,
@@ -1295,12 +1295,12 @@ let At = class extends ie {
             subUnitId: r,
             type: P.UPDATE,
             op: p,
-            objects: _
+            objects: w
           }
         });
       } else {
-        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 } });
+        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 } });
       }
     }), { redos: a, undos: c };
   }
@@ -1316,18 +1316,18 @@ let At = class extends ie {
       copyRange: a,
       copyType: c
     } = e;
-    if (Gn.includes(s))
+    if (zn.includes(s))
       return { redos: [], undos: [] };
-    const u = (M = this._renderManagerService.getRenderById(n)) == null ? void 0 : M.with(V);
+    const u = (M = this._renderManagerService.getRenderById(n)) == null ? void 0 : M.with(H);
     if (!u || !this._copyInfo)
       return { redos: [], undos: [] };
     const { drawings: d } = this._copyInfo;
     if (!a)
       return this._generateSingleDrawingPasteMutations({
-        pasteTo: { unitId: n, subUnitId: r, range: An(o) },
+        pasteTo: { unitId: n, subUnitId: r, range: Bn(o) },
         pasteType: s
       }, c);
-    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({
+    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({
       startRow: f,
       endRow: f,
       startColumn: p,
@@ -1335,12 +1335,12 @@ let At = class extends ie {
     }), C = u.attachRangeWithCoord({
       startRow: m,
       endRow: m,
-      startColumn: _,
-      endColumn: _
+      startColumn: w,
+      endColumn: w
     });
     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 At = class extends ie {
             to: {
               ...E.to,
               row: E.to.row + D,
-              column: E.to.column + w
+              column: E.to.column + _
             },
             from: {
               ...E.from,
               row: E.from.row + D,
-              column: E.from.column + w
+              column: E.from.column + _
             }
           }
         };
       },
-      isCut: c === Ce.CUT
+      isCut: c === De.CUT
     });
   }
 };
-At = Ws([
-  Je(0, Mi),
-  Je(1, q),
-  Je(2, se),
-  Je(3, ji),
-  Je(4, X)
-], At);
+Nt = js([
+  qe(0, Ti),
+  qe(1, q),
+  qe(2, se),
+  qe(3, $i),
+  qe(4, G)
+], Nt);
 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 Nt = class extends ie {
+}, Qe = (i, t) => (e, n) => t(e, n, i);
+let kt = 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$(x.UNIVER_SHEET), t = this._userManagerService.currentUser$, e = St([i, t]);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(L.UNIVER_SHEET), t = this._userManagerService.currentUser$, e = It([i, t]);
     this.disposeWithMe(
       e.pipe(
-        _e(([n, r]) => n ? n.activeSheet$.pipe(
-          Bn((s) => {
+        Se(([n, r]) => n ? n.activeSheet$.pipe(
+          $n((s) => {
             if (!s) {
               this._drawingManagerService.setDrawingVisible(!1);
               return;
             }
             const o = n.getUnitId(), a = s.getSheetId();
             this._permissionService.composePermission([
-              new xn(o).id,
-              new Ln(o, a).id
+              new Yn(o).id,
+              new Xn(o, a).id
             ]).every((u) => u.value) ? this._drawingManagerService.setDrawingVisible(!0) : this._handleDrawingVisibilityFalse(n, s);
           })
-        ) : (this._drawingManagerService.setDrawingVisible(!1), me))
+        ) : (this._drawingManagerService.setDrawingVisible(!1), pe))
       ).subscribe()
     );
   }
@@ -1417,22 +1417,22 @@ let Nt = class extends ie {
     });
   }
   _initDrawingEditable() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(x.UNIVER_SHEET), t = this._userManagerService.currentUser$, e = St([i, t]);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(L.UNIVER_SHEET), t = this._userManagerService.currentUser$, e = It([i, t]);
     this.disposeWithMe(
       e.pipe(
-        _e(([n, r]) => n ? n.activeSheet$.pipe(
-          Bn((s) => {
+        Se(([n, r]) => n ? n.activeSheet$.pipe(
+          $n((s) => {
             if (!s) {
               this._drawingManagerService.setDrawingEditable(!1);
               return;
             }
             const o = n.getUnitId(), a = s.getSheetId();
             this._permissionService.composePermission([
-              new Qt(o).id,
-              new en(o, a).id
+              new en(o).id,
+              new tn(o, a).id
             ]).every((u) => u.value) ? this._drawingManagerService.setDrawingEditable(!0) : this._handleDrawingEditableFalse(n, s);
           })
-        ) : (this._drawingManagerService.setDrawingEditable(!1), me))
+        ) : (this._drawingManagerService.setDrawingEditable(!1), pe))
       ).subscribe()
     );
   }
@@ -1446,23 +1446,23 @@ let Nt = class extends ie {
     });
   }
   _initViewPermissionChange() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(x.UNIVER_SHEET), t = this._userManagerService.currentUser$;
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(L.UNIVER_SHEET), t = this._userManagerService.currentUser$;
     this.disposeWithMe(
-      St([i, t]).pipe(
-        _e(([e, n]) => e ? e.activeSheet$.pipe(
-          _e((r) => {
+      It([i, t]).pipe(
+        Se(([e, n]) => e ? e.activeSheet$.pipe(
+          Se((r) => {
             if (!r)
-              return me;
+              return pe;
             const s = e.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), c = a == null ? void 0 : a.scene;
             if (!c)
-              return me;
+              return pe;
             const u = c.getTransformerByCreate();
             return this._permissionService.composePermission$([
-              new xn(s).id,
-              new Ln(s, o).id
+              new Yn(s).id,
+              new Xn(s, o).id
             ]).pipe(
               Ee((l) => l.every((g) => g.value)),
-              jn()
+              xn()
             ).pipe(
               Ee((l) => ({
                 permission: l,
@@ -1473,7 +1473,7 @@ let Nt = class extends ie {
               }))
             );
           })
-        ) : me)
+        ) : pe)
       ).subscribe({
         next: ({ permission: e, scene: n, transformer: r, unitId: s, subUnitId: o }) => {
           this._drawingManagerService.setDrawingVisible(e);
@@ -1484,7 +1484,7 @@ let Nt = class extends ie {
         },
         complete: () => {
           this._drawingManagerService.setDrawingVisible(!0);
-          const e = this._univerInstanceService.getCurrentUnitForType(x.UNIVER_SHEET), n = e == null ? void 0 : e.getActiveSheet(), r = e == null ? void 0 : e.getUnitId(), s = n == null ? void 0 : n.getSheetId();
+          const e = this._univerInstanceService.getCurrentUnitForType(L.UNIVER_SHEET), n = e == null ? void 0 : e.getActiveSheet(), r = e == null ? void 0 : e.getUnitId(), s = n == null ? void 0 : n.getSheetId();
           if (!r || !s)
             return;
           const o = this._drawingManagerService.getDrawingData(r, s), a = Object.values(o);
@@ -1494,23 +1494,23 @@ let Nt = class extends ie {
     );
   }
   _initEditPermissionChange() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(x.UNIVER_SHEET), t = this._userManagerService.currentUser$;
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(L.UNIVER_SHEET), t = this._userManagerService.currentUser$;
     this.disposeWithMe(
-      St([i, t]).pipe(
-        _e(([e, n]) => e ? e.activeSheet$.pipe(
-          _e((r) => {
+      It([i, t]).pipe(
+        Se(([e, n]) => e ? e.activeSheet$.pipe(
+          Se((r) => {
             if (!r)
-              return me;
+              return pe;
             const s = e.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), c = a == null ? void 0 : a.scene;
             if (!c)
-              return me;
+              return pe;
             const u = c.getTransformerByCreate();
             return this._permissionService.composePermission$([
-              new Qt(s).id,
-              new en(s, o).id
+              new en(s).id,
+              new tn(s, o).id
             ]).pipe(
               Ee((l) => l.every((g) => g.value)),
-              jn()
+              xn()
             ).pipe(
               Ee((l) => ({
                 permission: l,
@@ -1521,7 +1521,7 @@ let Nt = class extends ie {
               }))
             );
           })
-        ) : me)
+        ) : pe)
       ).subscribe({
         next: ({ permission: e, scene: n, transformer: r, unitId: s, subUnitId: o }) => {
           this._drawingManagerService.setDrawingEditable(e);
@@ -1533,7 +1533,7 @@ let Nt = class extends ie {
           }), r.clearSelectedObjects());
         },
         complete: () => {
-          const e = this._univerInstanceService.getCurrentUnitForType(x.UNIVER_SHEET);
+          const e = this._univerInstanceService.getCurrentUnitForType(L.UNIVER_SHEET);
           if (!e)
             return;
           const n = e.getUnitId(), r = e.getActiveSheet();
@@ -1551,20 +1551,20 @@ let Nt = class extends ie {
     );
   }
 };
-Nt = Ys([
-  qe(0, se),
-  qe(1, q),
-  qe(2, Gr),
-  qe(3, Se),
-  qe(4, A(Vr))
-], Nt);
+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--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, 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 = {
+}, 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 = {
     left: !0,
     // left means the left of pic is in a viewMainLeft
     top: !0
@@ -1574,32 +1574,32 @@ function Mr(i, t, e, n, r, s = !1) {
       ...i,
       absolute: f
     };
-  const { left: p, right: m, top: _, bottom: S } = i;
+  const { left: p, right: m, top: w, bottom: S } = i;
   let { top: C, left: b, viewportScrollX: v, viewportScrollY: D } = c;
-  const { boundsOfViewArea: w, scrollDirectionResponse: M } = r || {}, { rowHeaderWidth: I, columnHeaderHeight: E } = e, T = {
+  const { boundsOfViewArea: _, scrollDirectionResponse: M } = r || {}, { rowHeaderWidth: I, columnHeaderHeight: E } = e, T = {
     top: s ? 0 : E,
     left: s ? 0 : I
   };
-  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);
+  _ && (Me.isDefine(T.top) && (T.top = _.top), Me.isDefine(T.left) && (T.left = _.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, H = e.colStartX(d) + I;
+  const N = e.rowStartY(l - h) + E, j = e.colStartX(d - g) + I, Q = e.rowStartY(l) + E, z = 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 < 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));
+    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));
   }
-  let G = 0, Y = 0;
+  let V = 0, Y = 0;
   if (h === 0)
-    f.top = !1, G = (_ - D) * a, Y = (S - D) * a;
+    f.top = !1, V = (w - D) * a, Y = (S - D) * a;
   else {
-    const k = _ - (N - E), ce = S - (N - E);
-    S < Q ? (G = k * a, Y = ce * a) : _ <= Q && S >= Q ? (G = k * a, Y = Math.max(C, (S - D) * a)) : _ > Q && (f.top = !1, G = Math.max((_ - D) * a, C), Y = Math.max((S - D) * a, C));
+    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));
   }
-  return y = Math.max(y, T.left), G = Math.max(G, T.top), R = Math.max(R, T.left), Y = Math.max(Y, T.top), {
+  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), {
     left: y,
     right: R,
-    top: G,
+    top: V,
     bottom: Y,
     absolute: f
   };
@@ -1610,7 +1610,7 @@ const ge = (i, t, e, n, r) => {
     right: s + a,
     top: o,
     bottom: o + c
-  }, l = Mr(d, t, e, n, r), { scaleX: g, scaleY: h } = t.getAncestorScale();
+  }, l = Tr(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 nt = class extends ie {
+let rt = 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 zt());
+    te(this, "_transformChange$", new Kt());
     te(this, "transformChange$", this._transformChange$.asObservable());
-    te(this, "_add$", new zt());
+    te(this, "_add$", new Kt());
     te(this, "add$", this._add$.asObservable());
-    te(this, "_remove$", new zt());
+    te(this, "_remove$", new Kt());
     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(Xi((t) => t === zr.Rendered), Gi(1)).subscribe(() => {
+    this._lifecycleService.lifecycle$.pipe(Gi((t) => t === Zr.Rendered), Vi(1)).subscribe(() => {
       this._scrollUpdateListener();
     });
   }
@@ -1664,17 +1664,17 @@ let nt = class extends ie {
       this._drawingManagerService.add$.subscribe((t) => {
         t.forEach((e) => {
           var Z;
-          const { unitId: n, subUnitId: r, drawingId: s } = e, o = ae(this._univerInstanceService, { unitId: n, subUnitId: r }), a = this._drawingManagerService.getDrawingByParam(e), c = this._univerInstanceService.getUnit(n, x.UNIVER_SHEET);
+          const { unitId: n, subUnitId: r, drawingId: s } = e, o = ae(this._univerInstanceService, { unitId: n, subUnitId: r }), a = this._drawingManagerService.getDrawingByParam(e), c = this._univerInstanceService.getUnit(n, L.UNIVER_SHEET);
           if (!c)
             return;
           const u = c.getActiveSheet().getSheetId();
           if (!a || !o)
             return;
-          const d = (Z = this._renderManagerService.getRenderById(n)) == null ? void 0 : Z.with(V).getSkeletonParam(r);
+          const d = (Z = this._renderManagerService.getRenderById(n)) == null ? void 0 : Z.with(H).getSkeletonParam(r);
           if (!d)
             return;
           const { transform: l, drawingType: g, data: h } = a;
-          if (g !== L.DRAWING_DOM && g !== L.DRAWING_CHART)
+          if (g !== W.DRAWING_DOM && g !== W.DRAWING_CHART)
             return;
           const f = this._getSceneAndTransformerByDrawingSearch(n);
           if (f == null)
@@ -1684,34 +1684,34 @@ let nt = class extends ie {
             return !0;
           if (u !== r)
             return;
-          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);
+          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);
           if (T != null) {
-            T.transformByState({ left: _, top: S, width: C, height: b, angle: v, flipX: D, flipY: w, skewX: M, skewY: I });
+            T.transformByState({ left: w, top: S, width: C, height: b, angle: v, flipX: D, flipY: _, skewX: M, skewY: I });
             return;
           }
           const y = {
-            left: _,
+            left: w,
             top: S,
             width: C,
             height: b,
             zIndex: this._drawingManagerService.getDrawingOrder(n, r).length - 1
-          }, R = g === L.DRAWING_CHART;
+          }, R = g === W.DRAWING_CHART;
           if (y.rotateEnabled = !1, R) {
             const k = h ? h.backgroundColor : "white";
             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(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), G = {
+          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 = {
             dispose: j,
             rect: N,
-            position$: H,
+            position$: z,
             unitId: n,
             subUnitId: r,
             id: s
           };
           this._canvasFloatDomService.addFloatDom({
-            position$: H,
+            position$: z,
             id: s,
             componentKey: a.componentKey,
             onPointerDown: (k) => {
@@ -1731,19 +1731,19 @@ let nt = class extends ie {
           });
           const Y = N.onTransformChange$.subscribeEvent(() => {
             const k = ge(N, f.renderUnit.scene, d.skeleton, o.worksheet);
-            H.next(
+            z.next(
               k
             );
           });
           j.add(() => {
             this._canvasFloatDomService.removeFloatDom(s);
-          }), Y && j.add(Y), this._domLayerInfoMap.set(s, G);
+          }), Y && j.add(Y), this._domLayerInfoMap.set(s, V);
         });
       })
     ), this.disposeWithMe(
       this._drawingManagerService.remove$.subscribe((t) => {
         t.forEach((e) => {
-          const { unitId: n, subUnitId: r, drawingId: s } = e, o = Ie({ unitId: n, subUnitId: r, drawingId: s }), a = this._getSceneAndTransformerByDrawingSearch(n);
+          const { unitId: n, subUnitId: r, drawingId: s } = e, o = Ce({ 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 nt = 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(V).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(H).getSkeletonParam(n);
       !r || !o || !a || s.forEach((u) => {
         const d = this._domLayerInfoMap.get(u);
         if (d) {
@@ -1765,15 +1765,15 @@ let nt = class extends ie {
       });
     };
     this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(x.UNIVER_SHEET).pipe(
-        _e((e) => e ? e.activeSheet$ : Wn(null)),
+      this._univerInstanceService.getCurrentTypeOfUnit$(L.UNIVER_SHEET).pipe(
+        Se((e) => e ? e.activeSheet$ : Ln(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;
         }),
-        _e(
-          (e) => e ? Kr(e.render.scene.getViewport(Zn.VIEW_MAIN).onScrollAfter$).pipe(Ee(() => ({ unitId: e.unitId, subUnitId: e.subUnitId }))) : Wn(null)
+        Se(
+          (e) => e ? Jr(e.render.scene.getViewport(Qn.VIEW_MAIN).onScrollAfter$).pipe(Ee(() => ({ unitId: e.unitId, subUnitId: e.subUnitId }))) : Ln(null)
         )
       ).subscribe((e) => {
         if (!e) return;
@@ -1781,12 +1781,12 @@ let nt = class extends ie {
         t(n, r);
       })
     ), this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
-      if (e.id === Nn.id) {
+      if (e.id === Wn.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 === zi.id) {
+      } else if (e.id === Ki.id) {
         const { unitId: n, subUnitId: r } = e.params;
         t(n, r);
       }
@@ -1794,7 +1794,7 @@ let nt = 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(Ve);
+    const { startX: n, endX: r, startY: s, endY: o } = t, a = (g = this._renderManagerService.getRenderById(e)) == null ? void 0 : g.with(He);
     if (a == null)
       return;
     const c = a.getCellWithCoordByOffset(n, s);
@@ -1824,7 +1824,7 @@ let nt = class extends ie {
       this._drawingManagerService.update$.subscribe((t) => {
         t.forEach((e) => {
           const n = this._drawingManagerService.getDrawingByParam(e);
-          if (!n || n.drawingType !== L.DRAWING_DOM && n.drawingType !== L.DRAWING_CHART)
+          if (!n || n.drawingType !== W.DRAWING_DOM && n.drawingType !== W.DRAWING_CHART)
             return;
           const r = {
             ...n.transform
@@ -1846,7 +1846,7 @@ let nt = 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 = Ie({ unitId: t, subUnitId: e, drawingId: n }), u = a.getObject(c);
+      const { scene: a } = o, c = Ce({ unitId: t, subUnitId: e, drawingId: n }), u = a.getObject(c);
       u && u instanceof Be && u.setProps(r);
     }
   }
@@ -1858,14 +1858,14 @@ let nt = 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 : Mt(), 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 : Et(), l = this._getPosition(o, r);
     if (l == null)
       return;
     const g = {
       unitId: r,
       subUnitId: s,
       drawingId: d,
-      drawingType: t.type || L.DRAWING_DOM,
+      drawingType: t.type || W.DRAWING_DOM,
       componentKey: a,
       sheetTransform: l,
       transform: {
@@ -1877,7 +1877,7 @@ let nt = class extends ie {
       data: c,
       allowTransform: u
     };
-    return this._commandService.executeCommand(xt.id, {
+    return this._commandService.executeCommand(Lt.id, {
       unitId: r,
       drawings: [g]
     }), this._add$.next({ unitId: r, subUnitId: s, id: d }), {
@@ -1904,7 +1904,7 @@ let nt = class extends ie {
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   addFloatDomToRange(t, e, n, r) {
-    var D, w, M;
+    var D, _, M;
     const s = ae(this._univerInstanceService, {
       unitId: e.unitId,
       subUnitId: e.subUnitId
@@ -1915,16 +1915,16 @@ let nt = 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(V).getWorksheetSkeleton(a);
+    const d = (D = this._renderManagerService.getRenderById(o)) == null ? void 0 : D.with(H).getWorksheetSkeleton(a);
     if (!d) return;
-    const { componentKey: l, data: g, allowTransform: h = !0 } = e, f = r != null ? r : Mt(), { position: p, position$: m } = this._createRangePositionObserver(t, u, d.skeleton);
+    const { componentKey: l, data: g, allowTransform: h = !0 } = e, f = r != null ? r : Et(), { 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 = Rt(p, n, C), v = {
+    const S = c.scene, { scaleX: C } = S.getAncestorScale(), b = yt(p, n, C), v = {
       unitId: o,
       subUnitId: a,
       drawingId: f,
-      drawingType: e.type || L.DRAWING_DOM,
+      drawingType: e.type || W.DRAWING_DOM,
       componentKey: l,
       transform: {
         left: b.startX,
@@ -1936,61 +1936,61 @@ let nt = class extends ie {
       allowTransform: h
     };
     {
-      const { unitId: I, subUnitId: E, drawingId: T } = v, y = ae(this._univerInstanceService, { unitId: I, subUnitId: E }), R = v, N = this._univerInstanceService.getUnit(I, x.UNIVER_SHEET);
+      const { unitId: I, subUnitId: E, drawingId: T } = v, y = ae(this._univerInstanceService, { unitId: I, subUnitId: E }), R = v, N = this._univerInstanceService.getUnit(I, L.UNIVER_SHEET);
       if (!N)
         return;
       const j = N.getActiveSheet().getSheetId();
       if (!R || !y)
         return;
-      const Q = (w = this._renderManagerService.getRenderById(I)) == null ? void 0 : w.with(V);
+      const Q = (_ = this._renderManagerService.getRenderById(I)) == null ? void 0 : _.with(H);
       if (!Q)
         return;
-      const H = Q.getWorksheetSkeleton(E);
-      if (!H)
+      const z = Q.getWorksheetSkeleton(E);
+      if (!z)
         return;
-      const { transform: G, drawingType: Y, data: Z } = R;
-      if (Y !== L.DRAWING_DOM && Y !== L.DRAWING_CHART)
+      const { transform: V, 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 (G == null || j !== E)
+      if (V == null || j !== E)
         return;
-      const { left: at, top: ct, width: dt, height: lt, angle: Yt, flipX: Xt, flipY: ut, skewX: ht, skewY: Oe } = G, gt = Ie({ unitId: I, subUnitId: E, drawingId: T }), de = ce.getObject(gt);
+      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);
       if (de != null) {
-        de.transformByState({ left: at, top: ct, width: dt, height: lt, angle: Yt, flipX: Xt, flipY: ut, skewX: ht, skewY: Oe });
+        de.transformByState({ left: ct, top: dt, width: lt, height: ut, angle: Xt, flipX: Gt, flipY: ht, skewX: gt, skewY: Oe });
         return;
       }
       const ee = {
-        left: at,
+        left: ct,
         // from floatDomParam.transform
-        top: ct,
-        width: dt,
-        height: lt,
+        top: dt,
+        width: lt,
+        height: ut,
         zIndex: this._drawingManagerService.getDrawingOrder(I, E).length - 1
-      }, Pe = Y === L.DRAWING_CHART;
+      }, 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(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,
+      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,
         left: Ue,
-        bottom: mt.bottom,
-        right: mt.right
+        bottom: ft.bottom,
+        right: ft.right
       }, he = {
         dispose: ue,
         rect: le,
-        boundsOfViewArea: ft,
+        boundsOfViewArea: pt,
         domAnchor: n,
         unitId: I,
         subUnitId: E
-      }, W = ge(le, k.renderUnit.scene, H.skeleton, y.worksheet, he), Ae = new $e(W);
+      }, $ = ge(le, k.renderUnit.scene, z.skeleton, y.worksheet, he), Ae = new $e($);
       he.position$ = Ae;
-      let ze = {
+      let Ke = {
         position$: Ae,
         id: T,
         componentKey: R.componentKey,
@@ -2006,8 +2006,8 @@ let nt = class extends ie {
         data: Z,
         unitId: I
       };
-      e.eventPassThrough && (ze = {
-        ...ze,
+      e.eventPassThrough && (Ke = {
+        ...Ke,
         onPointerDown: (B) => {
           Te.dispatchEvent(new PointerEvent(B.type, B));
         },
@@ -2017,41 +2017,41 @@ let nt = class extends ie {
         onPointerUp: (B) => {
           Te.dispatchEvent(new PointerEvent(B.type, B));
         }
-      }), this._canvasFloatDomService.addFloatDom(ze), this.disposeWithMe(m.subscribe((B) => {
-        var pn, wn, _n, vn;
-        const fn = Rt({
+      }), this._canvasFloatDomService.addFloatDom(Ke), this.disposeWithMe(m.subscribe((B) => {
+        var vn, Sn, In, Cn;
+        const _n = yt({
           startX: B.startX,
           startY: B.startY,
           endX: B.endX,
           endY: B.endY,
-          width: (pn = n.width) != null ? pn : B.width,
-          height: (wn = n.height) != null ? wn : B.height,
+          width: (vn = n.width) != null ? vn : B.width,
+          height: (Sn = n.height) != null ? Sn : B.height,
           absolute: {
             left: p.absolute.left,
             top: p.absolute.top
           }
-        }, 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,
+        }, 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,
           zIndex: this._drawingManagerService.getDrawingOrder(I, E).length - 1
-        }), jr = ge(Br, k.renderUnit.scene, H.skeleton, y.worksheet, he);
-        Ae.next(jr);
+        }), $r = ge(jr, k.renderUnit.scene, z.skeleton, y.worksheet, he);
+        Ae.next($r);
       }));
-      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 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 pt = le.onTransformChange$.subscribeEvent(() => {
-        const B = ge(le, k.renderUnit.scene, H.skeleton, y.worksheet, he);
+      const wt = le.onTransformChange$.subscribeEvent(() => {
+        const B = ge(le, k.renderUnit.scene, z.skeleton, y.worksheet, he);
         Ae.next(
           B
         );
       });
       ue.add(() => {
         this._canvasFloatDomService.removeFloatDom(T);
-      }), pt && ue.add(pt), this._domLayerInfoMap.set(T, he);
+      }), wt && ue.add(wt), this._domLayerInfoMap.set(T, he);
     }
     return {
       id: f,
@@ -2073,57 +2073,57 @@ let nt = 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(V).getWorksheetSkeleton(a);
+    const d = (b = this._renderManagerService.getRenderById(o)) == null ? void 0 : b.with(H).getWorksheetSkeleton(a);
     if (!d) return;
-    const { componentKey: l, data: g, allowTransform: h = !0 } = e, f = r != null ? r : Mt(), { position: p, position$: m } = this._createRangePositionObserver({
+    const { componentKey: l, data: g, allowTransform: h = !0 } = e, f = r != null ? r : Et(), { position: p, position$: m } = this._createRangePositionObserver({
       startRow: 0,
       endRow: 0,
       startColumn: t,
       endColumn: t
-    }, u, d.skeleton), _ = p;
-    if (_.startY = 0, this._getPosition(p, o) == null)
+    }, u, d.skeleton), w = p;
+    if (w.startY = 0, this._getPosition(p, o) == null)
       return;
     const C = {
       unitId: o,
       subUnitId: a,
       drawingId: f,
-      drawingType: e.type || L.DRAWING_DOM,
+      drawingType: e.type || W.DRAWING_DOM,
       componentKey: l,
       transform: {
-        left: _.startX,
-        top: _.startY,
-        width: _.width,
-        height: _.height
+        left: w.startX,
+        top: w.startY,
+        width: w.width,
+        height: w.height
       },
       data: g,
       allowTransform: h
     };
     {
-      const { unitId: w, subUnitId: M, drawingId: I } = C, E = ae(this._univerInstanceService, { unitId: w, subUnitId: M }), T = C, y = this._univerInstanceService.getUnit(w, x.UNIVER_SHEET);
+      const { unitId: _, subUnitId: M, drawingId: I } = C, E = ae(this._univerInstanceService, { unitId: _, subUnitId: M }), T = C, y = this._univerInstanceService.getUnit(_, L.UNIVER_SHEET);
       if (!y)
         return;
       const R = y.getActiveSheet().getSheetId();
       if (!T || !E)
         return;
-      const N = (v = this._renderManagerService.getRenderById(w)) == null ? void 0 : v.with(V);
+      const N = (v = this._renderManagerService.getRenderById(_)) == null ? void 0 : v.with(H);
       if (!N)
         return;
       const j = N.getWorksheetSkeleton(M);
       if (!j)
         return;
-      const { transform: Q, data: H } = T, G = this._getSceneAndTransformerByDrawingSearch(w);
-      if (G == null)
+      const { transform: Q, data: z } = T, V = this._getSceneAndTransformerByDrawingSearch(_);
+      if (V == null)
         return;
-      const { scene: Y, canvas: Z } = G;
+      const { scene: Y, canvas: Z } = V;
       if (Q == null || R !== M)
         return;
-      const { left: k, top: ce, width: Te, height: at, angle: ct, flipX: dt, flipY: lt, skewX: Yt, skewY: Xt } = 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: Xt });
+      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 });
         return;
       }
-      const Oe = Rt({
-        startX: _.startX,
+      const Oe = yt({
+        startX: w.startX,
         startY: 0,
         endX: p.endX,
         endY: p.endY,
@@ -2133,15 +2133,15 @@ let nt = class extends ie {
           left: p.absolute.left,
           top: p.absolute.top
         }
-      }, n), gt = {
+      }, n), mt = {
         left: Oe.startX,
         top: Oe.startY,
         width: Oe.width,
         height: Oe.height,
-        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 = {
+        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 = {
         top: 0,
         //viewMain.top,
         left: Pe.left,
@@ -2151,15 +2151,15 @@ let nt = class extends ie {
         dispose: ee,
         rect: de,
         // position$,
-        unitId: w,
+        unitId: _,
         subUnitId: M,
         boundsOfViewArea: le,
         domAnchor: n,
         scrollDirectionResponse: "HORIZONTAL"
         /* HORIZONTAL */
-      }, mt = ge(de, G.renderUnit.scene, j.skeleton, E.worksheet, ue), Ue = new $e(mt);
+      }, ft = ge(de, V.renderUnit.scene, j.skeleton, E.worksheet, ue), Ue = new $e(ft);
       ue.position$ = Ue;
-      let He = {
+      let ze = {
         position$: Ue,
         id: I,
         componentKey: T.componentKey,
@@ -2169,57 +2169,57 @@ let nt = class extends ie {
         },
         onPointerUp: () => {
         },
-        onWheel: (W) => {
-          Z.dispatchEvent(new WheelEvent(W.type, W));
+        onWheel: ($) => {
+          Z.dispatchEvent(new WheelEvent($.type, $));
         },
-        data: H,
-        unitId: w
+        data: z,
+        unitId: _
       };
-      e.eventPassThrough && (He = {
-        ...He,
-        onPointerDown: (W) => {
-          Z.dispatchEvent(new PointerEvent(W.type, W));
+      e.eventPassThrough && (ze = {
+        ...ze,
+        onPointerDown: ($) => {
+          Z.dispatchEvent(new PointerEvent($.type, $));
         },
-        onPointerMove: (W) => {
-          Z.dispatchEvent(new PointerEvent(W.type, W));
+        onPointerMove: ($) => {
+          Z.dispatchEvent(new PointerEvent($.type, $));
         },
-        onPointerUp: (W) => {
-          Z.dispatchEvent(new PointerEvent(W.type, W));
+        onPointerUp: ($) => {
+          Z.dispatchEvent(new PointerEvent($.type, $));
         }
-      }), this._canvasFloatDomService.addFloatDom(He);
-      const ft = de.onTransformChange$.subscribeEvent(() => {
-        const W = ge(de, G.renderUnit.scene, j.skeleton, E.worksheet, ue);
+      }), this._canvasFloatDomService.addFloatDom(ze);
+      const pt = de.onTransformChange$.subscribeEvent(() => {
+        const $ = ge(de, V.renderUnit.scene, j.skeleton, E.worksheet, ue);
         Ue.next(
-          W
+          $
         );
       });
-      this.disposeWithMe(m.subscribe((W) => {
-        const Ae = Rt({
-          startX: W.startX,
+      this.disposeWithMe(m.subscribe(($) => {
+        const Ae = yt({
+          startX: $.startX,
           startY: 0,
-          endX: W.endX,
-          endY: W.endY,
+          endX: $.endX,
+          endY: $.endY,
           width: n.width,
           height: n.height,
           absolute: {
             left: p.absolute.left,
             top: p.absolute.top
           }
-        }, n), ze = Ie({ unitId: w, subUnitId: M, drawingId: I }), Ke = new Be(ze, {
+        }, n), Ke = Ce({ unitId: _, subUnitId: M, drawingId: I }), Ze = new Be(Ke, {
           left: Ae.startX,
           top: 0,
           width: n.width,
           height: n.height,
-          zIndex: this._drawingManagerService.getDrawingOrder(w, M).length - 1
-        }), pt = ge(Ke, G.renderUnit.scene, j.skeleton, E.worksheet, ue);
-        Ue.next(pt);
+          zIndex: this._drawingManagerService.getDrawingOrder(_, M).length - 1
+        }), wt = ge(Ze, V.renderUnit.scene, j.skeleton, E.worksheet, ue);
+        Ue.next(wt);
       }));
-      const he = (D = this._renderManagerService.getRenderById(w)) == null ? void 0 : D.with(V);
-      he == null || he.currentSkeleton$.subscribe((W) => {
-        W && d.sheetId !== W.sheetId && this._removeDom(f, !0);
+      const he = (D = this._renderManagerService.getRenderById(_)) == null ? void 0 : D.with(H);
+      he == null || he.currentSkeleton$.subscribe(($) => {
+        $ && d.sheetId !== $.sheetId && this._removeDom(f, !0);
       }), ee.add(() => {
         this._canvasFloatDomService.removeFloatDom(I);
-      }), ft && ee.add(ft), this._domLayerInfoMap.set(I, ue);
+      }), pt && ee.add(pt), this._domLayerInfoMap.set(I, ue);
     }
     return {
       id: f,
@@ -2241,19 +2241,19 @@ let nt = class extends ie {
   // eslint-disable-next-line max-lines-per-function
   _createRangePositionObserver(t, e, n) {
     let { startRow: r, startColumn: s } = t;
-    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();
+    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();
     l.add(e.engine.clientRect$.subscribe(() => d())), l.add(this._commandService.onCommandExecuted((m) => {
-      if (m.id === Ki.id && m.params.rowsAutoHeightInfo.findIndex((S) => S.row === r) > -1) {
+      if (m.id === Zi.id && m.params.rowsAutoHeightInfo.findIndex((S) => S.row === r) > -1) {
         d();
         return;
       }
-      (Zi.indexOf(m.id) > -1 || m.id === Ei.id || m.id === Nn.id) && d();
+      (Ji.indexOf(m.id) > -1 || m.id === Oi.id || m.id === Wn.id) && d();
     }));
-    const g = (m, _) => {
-      r = m, s = _, d();
+    const g = (m, w) => {
+      r = m, s = w, d();
     }, h = () => ({
       rotate: 0,
       width: c.right - o.left,
@@ -2268,19 +2268,19 @@ let nt = class extends ie {
       endY: c.bottom
     }), f = a.pipe(
       Ee((m) => {
-        const _ = Qe(t.endRow, t.endColumn, n);
+        const w = et(t.endRow, t.endColumn, n);
         return {
           rotate: 0,
-          width: _.right - m.left,
-          height: _.bottom - m.top,
+          width: w.right - m.left,
+          height: w.bottom - m.top,
           absolute: {
             left: !0,
             top: !0
           },
           startX: m.left,
           startY: m.top,
-          endX: _.right,
-          endY: _.bottom
+          endX: w.right,
+          endY: w.bottom
         };
       })
     ), p = h();
@@ -2294,16 +2294,16 @@ let nt = class extends ie {
     };
   }
 };
-nt = Gs([
-  be(0, A(q)),
-  be(1, Se),
-  be(2, A(X)),
-  be(3, se),
-  be(4, A(Wi)),
-  be(5, oe),
-  be(6, A(Hr))
-], nt);
-function Qe(i, t, e) {
+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) {
   const n = e.getCellWithCoordByIndex(i, t), r = n.isMergedMainCell ? n.mergeInfo : n;
   return {
     left: r.startX,
@@ -2312,22 +2312,22 @@ function Qe(i, t, e) {
     bottom: r.endY
   };
 }
-function Rt(i, t, e) {
+function yt(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 = yt(t.marginX, n * e);
+      const l = Mt(t.marginX, n * e);
       a = i.endX - l - s;
     } else
-      a = i.startX + yt(t.marginX, n);
+      a = i.startX + Mt(t.marginX, n);
     if (t.verticalOffsetAlign === "bottom") {
-      const l = yt(t.marginY, r * e);
+      const l = Mt(t.marginY, r * e);
       c = i.endY - l - o;
     } else
-      c = i.startY + yt(t.marginY, r);
+      c = i.startY + Mt(t.marginY, r);
   }
   return {
     rotate: 0,
@@ -2343,15 +2343,80 @@ function Rt(i, t, e) {
     }
   };
 }
-function yt(i, t) {
+function Mt(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 = (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(
+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(
       {
         left: d != null ? d : 0,
         right: (d != null ? d : 0) + (a != null ? a : 0),
@@ -2374,6 +2439,7 @@ const Vs = (i) => {
       absolute: g.absolute
     }, m = {
       position$: new $e(p),
+      position: p,
       id: o.drawingId,
       componentKey: o.componentKey,
       onPointerMove: () => {
@@ -2388,14 +2454,14 @@ const Vs = (i) => {
     };
     return [o.drawingId, m];
   }), [t, e, n, r]);
-  return /* @__PURE__ */ K("div", { style: { position: "absolute", top: 0, left: 0 }, children: s.map(([o, a]) => /* @__PURE__ */ K($i, { layer: a, id: o }, o)) });
+  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)) });
 };
-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--)
+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--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Re = (i, t) => (e, n) => t(e, n, i);
-let kt = class extends ie {
+}, ye = (i, t) => (e, n) => t(e, n, i);
+let Bt = 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();
   }
@@ -2407,7 +2473,8 @@ let kt = class extends ie {
           handler: (i, t, e) => {
             const { unitId: n, scene: r, subUnitId: s } = t, o = this._drawingManagerService.getDrawingDataForUnit(n), a = o == null ? void 0 : o[s];
             return a && a.order.forEach((c) => {
-              this._drawingRenderService.renderDrawing(a.data[c], r);
+              const u = a.data[c];
+              u.drawingType !== W.DRAWING_CHART && u.drawingType !== W.DRAWING_DOM && this._drawingRenderService.renderDrawing(u, r);
             }), e();
           }
         }
@@ -2420,7 +2487,7 @@ let kt = class extends ie {
             const { unitId: n, subUnitId: r } = t, s = this._renderManagerService.getRenderById(n);
             if (!s)
               return e(i);
-            const o = s.with(V).getSkeletonParam(r);
+            const o = s.with(H).getSkeletonParam(r);
             if (!o)
               return e(i);
             const a = this._drawingManagerService.getDrawingDataForUnit(n), c = a == null ? void 0 : a[t.subUnitId];
@@ -2428,7 +2495,7 @@ let kt = 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 && ye.isDefine(h.transform.left) && ye.isDefine(h.transform.top) && ye.isDefine(h.transform.width) && ye.isDefine(h.transform.height)) {
+              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)) {
                 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);
               }
@@ -2444,68 +2511,74 @@ let kt = class extends ie {
         this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_DOM_COLLECT,
         {
           handler: (i, t, e) => {
-            const { unitId: n, subUnitId: r } = t, s = this._canvasFloatDomManagerService.getFloatDomsBySubUnitId(n, r).map((a) => {
-              const c = this._drawingManagerService.getDrawingByParam({ drawingId: a.id, unitId: n, subUnitId: r });
-              return c && {
-                ...c,
-                componentKey: this._componetManager.get(c.drawingType === L.DRAWING_CHART ? Zr : c.componentKey)
-              };
-            }).filter(Boolean), o = qn(Vs, this._injector);
-            return ls(
-              /* @__PURE__ */ K(o, { floatDomInfos: s, scene: t.scene, skeleton: t.skeleton, worksheet: t.worksheet }),
-              t.root
-            ), i == null || i.add(() => {
-              us(t.root);
-            }), e(i);
+            const { unitId: n, subUnitId: r } = t, s = this._drawingManagerService.getDrawingDataForUnit(n), o = s == null ? void 0 : s[r];
+            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);
+              return ls(
+                /* @__PURE__ */ X(c, { floatDomInfos: a, scene: t.scene, skeleton: t.skeleton, worksheet: t.worksheet }),
+                t.root
+              ), i == null || i.add(() => {
+                us(t.root);
+              }), e(i);
+            }
           }
         }
       )
     );
   }
 };
-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(Ge))
-], 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--)
+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--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, pe = (i, t) => (e, n) => t(e, n, i);
-const Js = [
-  er.id,
-  tr.id,
+}, _e = (i, t) => (e, n) => t(e, n, i);
+const qs = [
   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
-], qs = [
-  Ji.id,
+  pr.id,
+  wr.id,
+  _r.id
+], Qs = [
   qi.id,
   Qi.id,
   es.id,
   ts.id,
-  ns.id
+  ns.id,
+  rs.id
 ];
-let cn = class extends ie {
+let ln = 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();
   }
@@ -2513,57 +2586,57 @@ let cn = class extends ie {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
         getMutations: (i) => {
-          if (!Js.includes(i.id))
+          if (!qs.includes(i.id))
             return { redos: [], undos: [] };
           if (i.params == null)
             return { redos: [], undos: [] };
           const t = i.id;
-          if (t === er.id)
+          if (t === nr.id)
             return this._moveRowInterceptor(i.params, "insert");
-          if ([mr.id, fr.id, pr.id].includes(t))
+          if ([pr.id, wr.id, _r.id].includes(t))
             return this._moveRangeInterceptor(i.params);
-          if (t === tr.id)
+          if (t === rr.id)
             return this._moveColInterceptor(i.params, "insert");
-          if (t === nr.id)
+          if (t === ir.id)
             return this._moveRowInterceptor(i.params, "remove");
-          if (t === rr.id)
+          if (t === sr.id)
             return this._moveColInterceptor(i.params, "remove");
-          if (t === ir.id) {
+          if (t === or.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               0
               /* deleteLeft */
             );
-          } else if (t === sr.id) {
+          } else if (t === ar.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               1
               /* deleteUp */
             );
-          } else if (t === or.id) {
+          } else if (t === cr.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               2
               /* insertDown */
             );
-          } else if (t === ar.id) {
+          } else if (t === dr.id) {
             const { range: e } = i.params;
             return this._getRangeMoveUndo(
               e,
               3
               /* insertRight */
             );
-          } else if (t === lr.id || t === ur.id) {
+          } else if (t === hr.id || t === gr.id) {
             const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e;
             return this._getDrawingUndoForRowVisible(n, r, s);
-          } else if (t === hr.id || t === gr.id) {
+          } else if (t === mr.id || t === fr.id) {
             const e = i.params, { unitId: n, subUnitId: r, ranges: s } = e;
             return this._getDrawingUndoForColVisible(n, r, s);
-          } 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;
+          } 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;
             return this._getDrawingUndoForRowAndColSize(n, r, s, o);
           }
           return { redos: [], undos: [] };
@@ -2601,37 +2674,37 @@ let cn = class extends ie {
         updateDrawings: n,
         deleteDrawings: r
       };
-    const { startRow: _, endRow: S, startColumn: C, endColumn: b } = i;
+    const { startRow: w, endRow: S, startColumn: C, endColumn: b } = i;
     let v = null, D = null;
-    if (t === 0 && h >= _ && p <= S)
+    if (t === 0 && h >= w && p <= S)
       if (f >= C && m <= b)
         r.push({ unitId: c, subUnitId: u, drawingId: d });
       else {
-        const w = this._shrinkCol(s, a, C, b, o);
-        v = w == null ? void 0 : w.newSheetTransform, D = w == null ? void 0 : w.newTransform;
+        const _ = this._shrinkCol(s, a, C, b, o);
+        v = _ == null ? void 0 : _.newSheetTransform, D = _ == null ? void 0 : _.newTransform;
       }
     else if (t === 1 && f >= C && m <= b)
-      if (h >= _ && p <= S)
+      if (h >= w && p <= S)
         r.push({ unitId: c, subUnitId: u, drawingId: d });
       else {
-        const w = this._shrinkRow(s, a, _, S, o);
-        v = w == null ? void 0 : w.newSheetTransform, D = w == null ? void 0 : w.newTransform;
+        const _ = this._shrinkRow(s, a, w, S, o);
+        v = _ == null ? void 0 : _.newSheetTransform, D = _ == null ? void 0 : _.newTransform;
       }
     else if (t === 2) {
-      const w = this._expandRow(s, a, _, S, o);
-      v = w == null ? void 0 : w.newSheetTransform, D = w == null ? void 0 : w.newTransform;
+      const _ = this._expandRow(s, a, w, S, o);
+      v = _ == null ? void 0 : _.newSheetTransform, D = _ == null ? void 0 : _.newTransform;
     } else if (t === 3) {
-      const w = this._expandCol(s, a, C, b, o);
-      v = w == null ? void 0 : w.newSheetTransform, D = w == null ? void 0 : w.newTransform;
+      const _ = this._expandCol(s, a, C, b, o);
+      v = _ == null ? void 0 : _.newSheetTransform, D = _ == null ? void 0 : _.newTransform;
     }
     if (v != null && D != null) {
-      const w = z(v, this._selectionRenderService, this._skeletonManagerService);
-      n.push({ ...e, sheetTransform: v, transform: w });
+      const _ = K(v, this._selectionRenderService, this._skeletonManagerService);
+      n.push({ ...e, sheetTransform: v, transform: _ });
     }
     return { updateDrawings: n, deleteDrawings: r };
   }
   _remainDrawingSize(i, t, e) {
-    const n = $({ ...i }, this._selectionRenderService);
+    const n = x({ ...i }, this._selectionRenderService);
     n != null && t.push({
       ...e,
       sheetTransform: n
@@ -2645,9 +2718,9 @@ let cn = class extends ie {
       if (f === O.None)
         this._remainDrawingSize(h, r, l);
       else {
-        const { from: p, to: m } = g, { row: _, column: S } = p, { row: C, column: b } = m;
+        const { from: p, to: m } = g, { row: w, column: S } = p, { row: C, column: b } = m;
         for (let v = 0; v < e.length; v++) {
-          const D = e[v], { startRow: w, endRow: M, startColumn: I, endColumn: E } = D;
+          const D = e[v], { startRow: _, endRow: M, startColumn: I, endColumn: E } = D;
           if (b < I)
             continue;
           if (f === O.Position) {
@@ -2658,7 +2731,7 @@ let cn = class extends ie {
                 return;
               N = { ...h, left: j.startX };
             }
-            if (N != null && (R = $(N, this._selectionRenderService), R != null && N != null)) {
+            if (N != null && (R = x(N, this._selectionRenderService), R != null && N != null)) {
               r.push({ ...l, sheetTransform: R, transform: N });
               break;
             }
@@ -2692,12 +2765,12 @@ let cn = class extends ie {
             if (y = {
               ...h,
               width: ((h == null ? void 0 : h.width) || 0) - R.endX + R.startX
-            }, T = $(y, this._selectionRenderService), T != null && y != null) {
+            }, T = x(y, this._selectionRenderService), T != null && y != null) {
               s.push({ ...l, sheetTransform: T, transform: y });
               break;
             }
           }
-          if (y != null && (T = $(y, this._selectionRenderService)), y != null && T != null) {
+          if (y != null && (T = x(y, this._selectionRenderService)), y != null && T != null) {
             r.push({ ...l, sheetTransform: T, transform: y });
             break;
           } else
@@ -2739,31 +2812,31 @@ let cn = class extends ie {
       if (f === O.None)
         this._remainDrawingSize(h, r, l);
       else {
-        const { from: p, to: m } = g, { row: _, column: S } = p, { row: C, column: b } = m;
+        const { from: p, to: m } = g, { row: w, column: S } = p, { row: C, column: b } = m;
         for (let v = 0; v < e.length; v++) {
-          const D = e[v], { startRow: w, endRow: M, startColumn: I, endColumn: E } = D;
-          if (C < w)
+          const D = e[v], { startRow: _, endRow: M, startColumn: I, endColumn: E } = D;
+          if (C < _)
             continue;
           if (f === O.Position) {
             let R = null, N = null;
-            if (_ >= w && _ <= M) {
-              const j = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: _, endRow: M });
+            if (w >= _ && w <= M) {
+              const j = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: w, endRow: M });
               if (j == null)
                 return;
               N = { ...h, top: j.startY };
             }
-            if (N != null && (R = $(N, this._selectionRenderService), R != null && N != null)) {
+            if (N != null && (R = x(N, this._selectionRenderService), R != null && N != null)) {
               r.push({ ...l, sheetTransform: R, transform: N });
               break;
             }
             this._remainDrawingSize(h, r, l);
             continue;
           }
-          if (_ >= w && C <= M)
+          if (w >= _ && C <= M)
             continue;
           let T = null, y = null;
-          if (_ >= w && _ <= M) {
-            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: _, endRow: M });
+          if (w >= _ && w <= M) {
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: w, endRow: M });
             if (R == null)
               return;
             y = {
@@ -2771,8 +2844,8 @@ let cn = 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 >= w && C <= M) {
-            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: w, endRow: C });
+          } else if (C >= _ && C <= M) {
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: _, endRow: C });
             if (R == null)
               return;
             y = {
@@ -2780,18 +2853,18 @@ let cn = 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: w, endRow: M });
+            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: _, endRow: M });
             if (R == null)
               return;
             if (y = {
               ...h,
               height: ((h == null ? void 0 : h.height) || 0) - R.endY + R.startY
-            }, T = $(y, this._selectionRenderService), T != null && y != null) {
+            }, T = x(y, this._selectionRenderService), T != null && y != null) {
               s.push({ ...l, sheetTransform: T, transform: y });
               break;
             }
           }
-          if (y != null && (T = $(y, this._selectionRenderService)), y != null && T != null) {
+          if (y != null && (T = x(y, this._selectionRenderService)), y != null && T != null) {
             r.push({ ...l, sheetTransform: T, transform: y });
             break;
           } else
@@ -2820,19 +2893,19 @@ let cn = 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 _ = 0; _ < e.length; _++) {
-          const S = e[_], { startRow: C, endRow: b, startColumn: v, endColumn: D } = S;
+        for (let w = 0; w < e.length; w++) {
+          const S = e[w], { startRow: C, endRow: b, startColumn: v, endColumn: D } = S;
           if (p < C || m < v)
             continue;
           if (d === O.Position && (h <= C && p >= b || f <= v && m >= D)) {
             this._remainDrawingSize(u, s, a);
             continue;
           }
-          const w = z({ ...c }, this._selectionRenderService, this._skeletonManagerService);
-          if (w != null) {
+          const _ = K({ ...c }, this._selectionRenderService, this._skeletonManagerService);
+          if (_ != null) {
             s.push({
               ...a,
-              transform: w
+              transform: _
             });
             break;
           }
@@ -2857,10 +2930,10 @@ let cn = 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(V)) == null ? void 0 : b.getCurrentSkeleton();
+    const { unitId: r, subUnitId: s } = n, o = (b = (C = this._renderManagerService.getRenderById(r)) == null ? void 0 : C.with(H)) == null ? void 0 : b.getCurrentSkeleton();
     if (!o)
       return { redos: [], undos: [] };
-    const a = Jn(o, e);
+    const a = er(o, e);
     if (!a)
       return { redos: [], undos: [] };
     const { startX: c, endX: u, startY: d, endY: l } = a, g = this._sheetDrawingService.getDrawingData(r, s), h = [];
@@ -2868,10 +2941,10 @@ let cn = class extends ie {
       const D = g[v];
       if (D.anchorType !== O.Both)
         return;
-      const { transform: w } = D;
-      if (!w)
+      const { transform: _ } = D;
+      if (!_)
         return;
-      const { left: M = 0, top: I = 0, width: E = 0, height: T = 0 } = w, { drawingStartX: y, drawingEndX: R, drawingStartY: N, drawingEndY: j } = {
+      const { left: M = 0, top: I = 0, width: E = 0, height: T = 0 } = _, { drawingStartX: y, drawingEndX: R, drawingStartY: N, drawingEndY: j } = {
         drawingStartX: M,
         drawingEndX: M + E,
         drawingStartY: I,
@@ -2879,22 +2952,22 @@ let cn = class extends ie {
       };
       c <= y && R <= u && d <= N && j <= l && h.push(D);
     });
-    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);
+    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);
       return {
         unitId: r,
         subUnitId: s,
         drawingId: v.drawingId,
         transform: M,
-        sheetTransform: w
+        sheetTransform: _
       };
     });
     if (S.length) {
-      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 } });
+      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 } });
     }
     return { redos: f, undos: p };
   }
@@ -2904,19 +2977,19 @@ let cn = 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: _ = O.Position } = f;
+      const f = d[h], { sheetTransform: p, transform: m, anchorType: w = O.Position } = f;
       if (p == null || m == null)
         return;
       let S, C;
       if (t === "insert") {
-        const v = this._expandRow(p, m, o, a, _);
+        const v = this._expandRow(p, m, o, a, w);
         S = v == null ? void 0 : v.newSheetTransform, C = v == null ? void 0 : v.newTransform;
       } else {
-        const { from: v, to: D } = p, { row: w } = v, { row: M } = D;
-        if (_ === O.Both && w >= o && M <= a)
+        const { from: v, to: D } = p, { row: _ } = v, { row: M } = D;
+        if (w === O.Both && _ >= o && M <= a)
           g.push({ unitId: n, subUnitId: r, drawingId: h });
         else {
-          const I = this._shrinkRow(p, m, o, a, _);
+          const I = this._shrinkRow(p, m, o, a, w);
           S = I == null ? void 0 : I.newSheetTransform, C = I == null ? void 0 : I.newTransform;
         }
       }
@@ -2945,19 +3018,19 @@ let cn = 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: _ = O.Position } = f;
+      const f = d[h], { sheetTransform: p, transform: m, anchorType: w = O.Position } = f;
       if (p == null || m == null)
         return;
       let S, C;
       if (t === "insert") {
-        const v = this._expandCol(p, m, o, a, _);
+        const v = this._expandCol(p, m, o, a, w);
         S = v == null ? void 0 : v.newSheetTransform, C = v == null ? void 0 : v.newTransform;
       } else {
-        const { from: v, to: D } = p, { column: w } = v, { column: M } = D;
-        if (_ === O.Both && w >= o && M <= a)
+        const { from: v, to: D } = p, { column: _ } = v, { column: M } = D;
+        if (w === O.Both && _ >= o && M <= a)
           g.push({ unitId: n, subUnitId: r, drawingId: h });
         else {
-          const I = this._shrinkCol(p, m, o, a, _);
+          const I = this._shrinkCol(p, m, o, a, w);
           S = I == null ? void 0 : I.newSheetTransform, C = I == null ? void 0 : I.newTransform;
         }
       }
@@ -2981,7 +3054,7 @@ let cn = class extends ie {
     const s = n - e + 1, { from: o, to: a } = i, { column: c } = o, { column: u } = a;
     if (r === O.None)
       return {
-        newSheetTransform: $({ ...t }, this._selectionRenderService),
+        newSheetTransform: x({ ...t }, this._selectionRenderService),
         newTransform: t
       };
     let d = null, l = null;
@@ -2989,16 +3062,16 @@ let cn = class extends ie {
       const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: e, endColumn: n, startRow: o.row, endRow: a.row });
       if (g == null)
         return;
-      l = { ...t, left: (t.left || 0) + g.endX - g.startX }, d = $(l, this._selectionRenderService);
+      l = { ...t, left: (t.left || 0) + g.endX - g.startX }, d = x(l, this._selectionRenderService);
     } else if (u >= n)
       if (r === O.Both)
         d = {
           from: { ...o },
           to: { ...a, column: u + s }
-        }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
+        }, l = K(d, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
-          newSheetTransform: $({ ...t }, this._selectionRenderService),
+          newSheetTransform: x({ ...t }, this._selectionRenderService),
           newTransform: t
         };
     return d != null && l != null ? {
@@ -3010,7 +3083,7 @@ let cn = class extends ie {
     const s = n - e + 1, { from: o, to: a } = i, { column: c } = o, { column: u } = a;
     if (r === O.None)
       return {
-        newSheetTransform: $({ ...t }, this._selectionRenderService),
+        newSheetTransform: x({ ...t }, this._selectionRenderService),
         newTransform: t
       };
     let d = null, l = null;
@@ -3018,7 +3091,7 @@ let cn = class extends ie {
       d = {
         from: { ...o, column: c - s },
         to: { ...a, column: u - s }
-      }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
+      }, l = K(d, this._selectionRenderService, this._skeletonManagerService);
     else {
       if (c >= e && u <= n)
         return null;
@@ -3027,10 +3100,10 @@ let cn = class extends ie {
           d = {
             from: { ...o },
             to: { ...a, column: u - s }
-          }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
+          }, l = K(d, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
-            newSheetTransform: $({ ...t }, this._selectionRenderService),
+            newSheetTransform: x({ ...t }, this._selectionRenderService),
             newTransform: t
           };
       else if (c >= e && c <= n) {
@@ -3042,7 +3115,7 @@ let cn = class extends ie {
             return;
           l = { ...t, left: (t.left || 0) - g.endX + g.startX - i.from.columnOffset };
         }
-        d = $(l, this._selectionRenderService);
+        d = x(l, this._selectionRenderService);
       } else if (u >= e && u <= n && r === O.Both) {
         const g = this._skeletonManagerService.attachRangeWithCoord({
           startColumn: e - 1,
@@ -3055,7 +3128,7 @@ let cn = class extends ie {
         d = {
           from: { ...o },
           to: { ...a, column: e - 1, columnOffset: g.endX - g.startX }
-        }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
+        }, l = K(d, this._selectionRenderService, this._skeletonManagerService);
       }
     }
     return d != null && l != null ? {
@@ -3067,7 +3140,7 @@ let cn = class extends ie {
     const s = n - e + 1, { from: o, to: a } = i, { row: c } = o, { row: u } = a;
     if (r === O.None)
       return {
-        newSheetTransform: $({ ...t }, this._selectionRenderService),
+        newSheetTransform: x({ ...t }, this._selectionRenderService),
         newTransform: t
       };
     let d = null, l = null;
@@ -3075,7 +3148,7 @@ let cn = class extends ie {
       const g = this._skeletonManagerService.attachRangeWithCoord({ startRow: e, endRow: n, startColumn: o.column, endColumn: a.column });
       if (g == null)
         return;
-      l = { ...t, top: (t.top || 0) + g.endY - g.startY }, d = $(l, this._selectionRenderService);
+      l = { ...t, top: (t.top || 0) + g.endY - g.startY }, d = x(l, this._selectionRenderService);
     } else if (u >= n)
       if (r === O.Both)
         d = {
@@ -3084,10 +3157,10 @@ let cn = class extends ie {
             ...a,
             row: u + s
           }
-        }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
+        }, l = K(d, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
-          newSheetTransform: $({ ...t }, this._selectionRenderService),
+          newSheetTransform: x({ ...t }, this._selectionRenderService),
           newTransform: t
         };
     return d != null && l != null ? {
@@ -3099,7 +3172,7 @@ let cn = class extends ie {
     const s = n - e + 1, { from: o, to: a } = i, { row: c } = o, { row: u } = a;
     if (r === O.None)
       return {
-        newSheetTransform: $({ ...t }, this._selectionRenderService),
+        newSheetTransform: x({ ...t }, this._selectionRenderService),
         newTransform: t
       };
     let d = null, l = null;
@@ -3107,7 +3180,7 @@ let cn = class extends ie {
       d = {
         from: { ...o, row: c - s },
         to: { ...a, row: u - s }
-      }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
+      }, l = K(d, this._selectionRenderService, this._skeletonManagerService);
     else {
       if (c >= e && u <= n)
         return null;
@@ -3116,10 +3189,10 @@ let cn = class extends ie {
           d = {
             from: { ...o },
             to: { ...a, row: u - s }
-          }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
+          }, l = K(d, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
-            newSheetTransform: $({ ...t }, this._selectionRenderService),
+            newSheetTransform: x({ ...t }, this._selectionRenderService),
             newTransform: t
           };
       else if (c >= e && c <= n) {
@@ -3131,7 +3204,7 @@ let cn = class extends ie {
             return;
           l = { ...t, top: (t.top || 0) - g.endY + g.startY - i.from.rowOffset };
         }
-        d = $(l, this._selectionRenderService);
+        d = x(l, this._selectionRenderService);
       } else if (u >= e && u <= n && r === O.Both) {
         const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: e - 1, endRow: e - 1 });
         if (g == null)
@@ -3139,7 +3212,7 @@ let cn = class extends ie {
         d = {
           from: { ...o },
           to: { ...a, row: e - 1, rowOffset: g.endY - g.startY }
-        }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
+        }, l = K(d, this._selectionRenderService, this._skeletonManagerService);
       }
     }
     return d != null && l != null ? {
@@ -3153,7 +3226,7 @@ let cn = 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 === rs.id) {
+        if (i.id === is.id) {
           const { unitId: t, subUnitId: e } = i.params;
           this._updateDrawings(t, e);
         }
@@ -3193,7 +3266,7 @@ let cn = class extends ie {
           c != null && Object.keys(c).forEach((u) => {
             if (s === i && a === t) {
               const d = c[u];
-              d.transform = z(d.sheetTransform, this._selectionRenderService, this._skeletonManagerService), n.push(c[u]);
+              d.transform = K(d.sheetTransform, this._selectionRenderService, this._skeletonManagerService), n.push(c[u]);
             } else
               r.push(c[u]);
           });
@@ -3204,7 +3277,7 @@ let cn = 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);
         });
@@ -3219,8 +3292,8 @@ let cn = 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 _ = e[m], { startRow: S, endRow: C, startColumn: b, endColumn: v } = _;
-        if (Jr.intersects(
+        const w = e[m], { startRow: S, endRow: C, startColumn: b, endColumn: v } = w;
+        if (Qr.intersects(
           {
             startRow: S,
             endRow: C,
@@ -3234,13 +3307,13 @@ let cn = class extends ie {
             endColumn: p
           }
         ) || g > C || h > v) {
-          const D = u === O.Position, w = z(a, this._selectionRenderService, this._skeletonManagerService);
+          const D = u === O.Position, _ = K(a, this._selectionRenderService, this._skeletonManagerService);
           r.push({
             ...o,
             transform: {
-              ...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
+              ..._,
+              width: D ? c == null ? void 0 : c.width : _ == null ? void 0 : _.width,
+              height: D ? c == null ? void 0 : c.height : _ == null ? void 0 : _.height
             }
           });
           break;
@@ -3249,16 +3322,16 @@ let cn = class extends ie {
     }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(F.id, [i]));
   }
 };
-cn = Zs([
-  pe(1, q),
-  pe(2, X),
-  pe(3, Ve),
-  pe(4, A(V)),
-  pe(5, A($t)),
-  pe(6, oe),
-  pe(7, se),
-  pe(8, Se)
-], cn);
+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);
 var re = function() {
   return re = Object.assign || function(i) {
     for (var t, e = 1, n = arguments.length; e < n; e++) {
@@ -3267,23 +3340,23 @@ var re = function() {
     }
     return i;
   }, re.apply(this, arguments);
-}, Qs = function(i, t) {
+}, eo = 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;
-}, 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);
+}, 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);
 });
-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 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 eo(i, t, e) {
+function to(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];
@@ -3295,29 +3368,29 @@ function eo(i, t, e) {
     typeof a == "string" && (n[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
   })), n;
 }
-function to(i, t) {
+function no(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 no() {
+function ro() {
   return Math.random().toString(36).substring(2, 8);
 }
-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, {
+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, {
     id: "add-image-single",
     ref: t,
-    icon: ro
+    icon: io
   }));
 });
-Or.displayName = "AddImageSingle";
-const Pr = {
+Ur.displayName = "AddImageSingle";
+const Ar = {
   id: "sheet.command.delete-drawing",
   type: J.COMMAND,
   handler: (i) => {
-    const t = i.get(X), n = i.get(oe).getFocusDrawings();
+    const t = i.get(G), n = i.get(oe).getFocusDrawings();
     if (n.length === 0)
       return !1;
     const r = n[0].unitId, s = n.map((o) => {
@@ -3329,16 +3402,16 @@ const Pr = {
         drawingType: d
       };
     });
-    return t.executeCommand(it.id, {
+    return t.executeCommand(st.id, {
       unitId: r,
       drawings: s
     });
   }
-}, st = {
+}, ot = {
   id: "sheet.command.move-drawing",
   type: J.COMMAND,
   handler: (i, t) => {
-    const e = i.get(X), n = i.get(oe), r = i.get(Ve), { direction: s } = t, o = n.getFocusDrawings();
+    const e = i.get(G), n = i.get(oe), r = i.get(He), { direction: s } = t, o = n.getFocusDrawings();
     if (o.length === 0)
       return !1;
     const a = o[0].unitId, c = o.map((d) => {
@@ -3346,64 +3419,64 @@ const Pr = {
       if (l == null)
         return null;
       const g = { ...l }, { left: h = 0, top: f = 0 } = l;
-      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), {
+      return s === Ie.UP ? g.top = f - 1 : s === Ie.DOWN ? g.top = f + 1 : s === Ie.LEFT ? g.left = h - 1 : s === Ie.RIGHT && (g.left = h + 1), {
         ...d,
         transform: g,
-        sheetTransform: $(g, r)
+        sheetTransform: x(g, r)
       };
     }).filter((d) => d != null);
-    return e.syncExecuteCommand(Lt.id, {
+    return e.syncExecuteCommand(Ft.id, {
       unitId: a,
       drawings: c
     }) ? (e.syncExecuteCommand(F.id, [a]), !0) : !1;
   }
-}, Ur = "addition-and-subtraction-single", Ar = "sheet.menu.image";
-function io(i) {
+}, Nr = "addition-and-subtraction-single", kr = "sheet.menu.image";
+function so(i) {
   return {
-    id: Ar,
-    type: un.SUBITEMS,
-    icon: Ur,
+    id: kr,
+    type: mn.SUBITEMS,
+    icon: Nr,
     tooltip: "sheetImage.title",
-    hidden$: ln(i, x.UNIVER_SHEET),
-    disabled$: Oi(i, { workbookTypes: [Qt], worksheetTypes: [en], rangeTypes: [is] })
+    hidden$: gn(i, L.UNIVER_SHEET),
+    disabled$: Ui(i, { workbookTypes: [en], worksheetTypes: [tn], rangeTypes: [ss] })
   };
 }
-function so(i) {
+function oo(i) {
   return {
-    id: Ft.id,
+    id: Yt.id,
     title: "sheetImage.upload.float",
-    type: un.BUTTON,
-    hidden$: ln(i, x.UNIVER_SHEET)
+    type: mn.BUTTON,
+    hidden$: gn(i, L.UNIVER_SHEET)
   };
 }
-function oo(i) {
+function ao(i) {
   return {
-    id: mn.id,
+    id: wn.id,
     title: "sheetImage.upload.cell",
-    type: un.BUTTON,
-    hidden$: ln(i, x.UNIVER_SHEET)
+    type: mn.BUTTON,
+    hidden$: gn(i, L.UNIVER_SHEET)
   };
 }
-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) => {
+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) => {
   var C;
-  const t = Me(X), e = Me(rt), n = Me(se), r = Me(q), { drawings: s } = i, o = s[0];
+  const t = me(G), e = me(it), 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] = rn(!0), h = (C = o.anchorType) != null ? C : O.Position, [f, p] = rn(h);
+  const d = u.getTransformerByCreate(), [l, g] = on(!0), h = (C = o.anchorType) != null ? C : O.Position, [f, p] = on(h);
   function m(b, v) {
     const D = [];
-    return b.forEach((w) => {
-      const { oKey: M } = w, I = v.getDrawingOKey(M);
+    return b.forEach((_) => {
+      const { oKey: M } = _, 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;
@@ -3417,12 +3490,12 @@ const ao = "univer-image-common-panel", co = "univer-image-common-panel-grid", l
       });
     }), D;
   }
-  gn(() => {
+  pn(() => {
     const b = d.clearControl$.subscribe((D) => {
       D === !0 && g(!1);
     }), v = d.changeStart$.subscribe((D) => {
       var I;
-      const { objects: w } = D, M = m(w, n);
+      const { objects: _ } = D, M = m(_, n);
       if (M.length === 0)
         g(!1);
       else if (M.length >= 1) {
@@ -3435,153 +3508,153 @@ const ao = "univer-image-common-panel", co = "univer-image-common-panel-grid", l
       v.unsubscribe(), b.unsubscribe();
     };
   }, []);
-  function _(b) {
+  function w(b) {
     p(b);
     const v = n.getFocusDrawings();
     if (v.length === 0)
       return;
-    const D = v.map((w) => ({
-      unitId: w.unitId,
-      subUnitId: w.subUnitId,
-      drawingId: w.drawingId,
+    const D = v.map((_) => ({
+      unitId: _.unitId,
+      subUnitId: _.subUnitId,
+      drawingId: _.drawingId,
       anchorType: b
     }));
-    t.executeCommand(Lt.id, {
+    t.executeCommand(Ft.id, {
       unitId: v[0].unitId,
       drawings: D
     });
   }
   const S = (b) => b ? "block" : "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") })
+  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") })
     ] }) }) })
   ] });
-}, fo = () => {
-  const i = Me(se), t = i.getFocusDrawings(), [e, n] = rn(t);
-  return gn(() => {
+}, po = () => {
+  const i = me(se), t = i.getFocusDrawings(), [e, n] = on(t);
+  return pn(() => {
     const r = i.focus$.subscribe((s) => {
       n(s);
     });
     return () => {
       r.unsubscribe();
     };
-  }, []), !!(e != null && e.length) && /* @__PURE__ */ Et("div", { className: we.imageCommonPanel, children: [
-    /* @__PURE__ */ K(mi, { drawings: e }),
-    /* @__PURE__ */ K(mo, { drawings: e })
+  }, []), !!(e != null && e.length) && /* @__PURE__ */ Tt("div", { className: ve.imageCommonPanel, children: [
+    /* @__PURE__ */ X(pi, { drawings: e }),
+    /* @__PURE__ */ X(fo, { drawings: e })
   ] });
-}, po = {
-  [xi.FORMULAS_INSERT]: {
-    [Ar]: {
+}, wo = {
+  [Li.FORMULAS_INSERT]: {
+    [kr]: {
       order: 3,
-      menuItemFactory: io,
-      [Ft.id]: {
+      menuItemFactory: so,
+      [Yt.id]: {
         order: 0,
-        menuItemFactory: so
+        menuItemFactory: oo
       },
-      [mn.id]: {
+      [wn.id]: {
         order: 1,
-        menuItemFactory: oo
+        menuItemFactory: ao
       }
     }
   }
 };
-function ot(i) {
-  return !i.getContextValue(qr) && !i.getContextValue(Qr) && !i.getContextValue(ei) && i.getContextValue(Fe);
+function at(i) {
+  return !i.getContextValue(ei) && !i.getContextValue(ti) && !i.getContextValue(ni) && i.getContextValue(Ye);
 }
-const wo = {
-  id: st.id,
-  description: "shortcut.sheet.drawing-move-down",
-  group: "4_sheet-drawing-view",
-  binding: Ye.ARROW_DOWN,
-  priority: 100,
-  preconditions: ot,
-  staticParameters: {
-    direction: ve.DOWN
-  }
-}, _o = {
-  id: st.id,
-  description: "shortcut.sheet.drawing-move-up",
-  group: "4_sheet-drawing-view",
-  binding: Ye.ARROW_UP,
+const _o = {
+  id: ot.id,
+  description: "shortcut.drawing-move-down",
+  group: "4_drawing-view",
+  binding: Xe.ARROW_DOWN,
   priority: 100,
-  preconditions: ot,
+  preconditions: at,
   staticParameters: {
-    direction: ve.UP
+    direction: Ie.DOWN
   }
 }, vo = {
-  id: st.id,
-  description: "shortcut.sheet.drawing-move-left",
-  group: "4_sheet-drawing-view",
-  binding: Ye.ARROW_LEFT,
+  id: ot.id,
+  description: "shortcut.drawing-move-up",
+  group: "4_drawing-view",
+  binding: Xe.ARROW_UP,
   priority: 100,
-  preconditions: ot,
+  preconditions: at,
   staticParameters: {
-    direction: ve.LEFT
+    direction: Ie.UP
   }
 }, So = {
-  id: st.id,
-  description: "shortcut.sheet.drawing-move-right",
-  group: "4_sheet-drawing-view",
-  binding: Ye.ARROW_RIGHT,
+  id: ot.id,
+  description: "shortcut.drawing-move-left",
+  group: "4_drawing-view",
+  binding: Xe.ARROW_LEFT,
   priority: 100,
-  preconditions: ot,
+  preconditions: at,
   staticParameters: {
-    direction: ve.RIGHT
+    direction: Ie.LEFT
   }
 }, Io = {
-  id: Pr.id,
-  description: "shortcut.sheet.drawing-delete",
-  group: "4_sheet-drawing-view",
+  id: ot.id,
+  description: "shortcut.drawing-move-right",
+  group: "4_drawing-view",
+  binding: Xe.ARROW_RIGHT,
+  priority: 100,
+  preconditions: at,
+  staticParameters: {
+    direction: Ie.RIGHT
+  }
+}, Co = {
+  id: Ar.id,
+  description: "shortcut.drawing-delete",
+  group: "4_drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
-  preconditions: ot,
-  binding: Ye.DELETE,
-  mac: Ye.BACKSPACE
+  preconditions: at,
+  binding: Xe.DELETE,
+  mac: Xe.BACKSPACE
 };
-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--)
+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--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, We = (i, t) => (e, n) => t(e, n, i);
-let Bt = class extends ie {
+}, je = (i, t) => (e, n) => t(e, n, i);
+let Wt = 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(Ur, Or)), this.disposeWithMe(i.register(vr, fo));
+    this.disposeWithMe(i.register(Nr, Ur)), this.disposeWithMe(i.register(Ir, po));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(po);
+    this._menuManagerService.mergeMenu(wo);
   }
   _initCommands() {
     [
-      Ft,
-      mn,
-      xt,
-      it,
+      Yt,
+      wn,
       Lt,
-      Sr,
-      F,
-      Ir,
+      st,
+      Ft,
       Cr,
+      F,
+      Dr,
       br,
-      st,
-      Pr,
-      Dr
+      yr,
+      ot,
+      Ar,
+      Rr
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      wo,
       _o,
       vo,
       So,
-      Io
+      Io,
+      Co
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -3590,97 +3663,97 @@ let Bt = class extends ie {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-Bt = Do([
-  We(0, A(Qn)),
-  We(1, Li),
-  We(2, X),
-  We(3, Fi),
-  We(4, se),
-  We(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--)
+Wt = bo([
+  je(0, A(hn)),
+  je(1, Fi),
+  je(2, G),
+  je(3, Yi),
+  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--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, 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 jt = class extends ri {
-  constructor(i = Yn, t, e, n) {
+}, 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) {
     super(), this._config = i, this._injector = t, this._renderManagerService = e, this._configService = n;
-    const { menu: r, ...s } = ii(
+    const { menu: r, ...s } = oi(
       {},
-      Yn,
+      Vn,
       this._config
     );
     r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(gs, s);
   }
   onStarting() {
-    si(this._injector, [
-      [nt],
+    ai(this._injector, [
+      [rt],
+      [Wt],
+      [Ot],
       [Bt],
-      [Tt],
       [kt],
       [Nt],
-      [At],
-      [Ot],
       [Pt],
-      [Ut]
-    ]), Gt(this._injector, [
-      [nt]
+      [Ut],
+      [At]
+    ]), Vt(this._injector, [
+      [rt]
     ]);
   }
   onReady() {
-    Gt(this._injector, [
-      [At],
-      [Ut]
+    Vt(this._injector, [
+      [Nt],
+      [At]
     ]);
   }
   onRendered() {
-    this._registerRenderModules(), Gt(this._injector, [
-      [Nt],
+    this._registerRenderModules(), Vt(this._injector, [
       [kt],
       [Bt],
-      [Ot],
-      [Pt]
+      [Wt],
+      [Pt],
+      [Ut]
     ]);
   }
   onSteady() {
-    this._injector.get(Tt);
+    this._injector.get(Ot);
   }
   _registerRenderModules() {
     [
-      [tt],
+      [nt],
+      [ln],
       [cn],
-      [on],
-      [sn]
+      [an]
     ].forEach((i) => {
-      this.disposeWithMe(this._renderManagerService.registerRenderModule(x.UNIVER_SHEET, i));
+      this.disposeWithMe(this._renderManagerService.registerRenderModule(L.UNIVER_SHEET, i));
     });
   }
 };
-Nr(jt, "type", x.UNIVER_SHEET);
-Nr(jt, "pluginName", Eo);
-jt = Mo([
-  ti(di, ai, fi, vi),
-  Zt(1, A(Ge)),
-  Zt(2, q),
-  Zt(3, ni)
+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);
 export {
   F as ClearSheetDrawingTransformerOperation,
-  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,
+  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
 };