@univerjs/sheets-drawing-ui 0.6.10 → 0.7.0-beta.1

package/lib/index.js

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