@univerjs/sheets-drawing-ui 0.5.4-nightly.202501160704 → 0.5.4-nightly.202501161606

package/lib/es/index.js

@@ -1,71 +1,71 @@
-var Wn = Object.defineProperty;
-var xn = (i, e, n) => e in i ? Wn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
-var V = (i, e, n) => xn(i, typeof e != "symbol" ? e + "" : e, n);
-import { CommandType as Y, ICommandService as B, IUndoRedoService as fe, sequenceExecute as Ft, LocaleService as Je, IUniverInstanceService as pe, useDependency as le, Inject as U, Injector as Ie, IContextService as Vt, RxDisposable as $n, UniverInstanceType as F, connectInjector as Bn, toDisposable as Ln, FOCUSING_COMMON_DRAWINGS as ge, DrawingTypeEnum as k, Disposable as q, ArrangeTypeEnum as be, createDocumentModelWithStyle as Gn, ObjectRelativeFromH as Fn, ObjectRelativeFromV as Vn, BooleanNumber as kn, PositionedObjectLayoutType as Hn, WrapTextType as Yn, BuildTextUtils as Xn, Range as zn, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as De, DOCS_ZEN_EDITOR_UNIT_ID_KEY as ye, InterceptorEffectEnum as Kn, ObjectMatrix as Jn, Tools as ve, UserManagerService as qn, IPermissionService as Zn, Rectangle as Qn, Direction as re, FOCUSING_FX_BAR_EDITOR as er, EDITOR_ACTIVATED as tr, FOCUSING_PANEL_EDITOR as nr, LifecycleService as rr, LifecycleStages as ir, DisposableCollection as sr, fromEventSubject as or, generateRandomId as ar, DependentOn as cr, Plugin as dr, merge as lr, registerDependencies as ur, touchDependencies as rt, IConfigService as hr } from "@univerjs/core";
-import { DocDrawingController as gr, UniverDocsDrawingPlugin as mr } from "@univerjs/docs-drawing";
-import { SetDrawingSelectedOperation as qe, IImageIoService as kt, IDrawingManagerService as Q, DRAWING_IMAGE_ALLOW_IMAGE_LIST as yt, DRAWING_IMAGE_COUNT_LIMIT as Ot, ImageUploadStatusType as ue, DRAWING_IMAGE_ALLOW_SIZE as Et, getImageSize as Tt, DRAWING_IMAGE_WIDTH_LIMIT as Pt, DRAWING_IMAGE_HEIGHT_LIMIT as Ut, getDrawingShapeKeyByDrawingSearch as it, UniverDrawingPlugin as fr } from "@univerjs/drawing";
-import { ImageCropperObject as pr, COMPONENT_IMAGE_POPUP_MENU as _r, OpenImageCropOperation as wr, ImageResetSizeOperation as vr, DrawingRenderService as Ht, DrawingCommonPanel as Sr, UniverDrawingUIPlugin as Ir } from "@univerjs/drawing-ui";
-import { IRenderManagerService as X, precisionTo as Oe, getGroupState as Cr, transformObjectOutOfGroup as Rr, RENDER_CLASS_TYPE as he, Rect as At, ObjectType as Mr, DRAWING_OBJECT_LAYER_INDEX as br, SHEET_VIEWPORT_KEY as Yt } from "@univerjs/engine-render";
-import { ISheetDrawingService as z, SetDrawingApplyMutation as O, DrawingApplyType as E, SheetDrawingAnchorType as y, UniverSheetsDrawingPlugin as Dr } from "@univerjs/sheets-drawing";
-import { SheetCanvasPopManagerService as yr, convertPositionSheetOverGridToAbsolute as Or, ISheetSelectionRenderService as Ce, SheetSkeletonManagerService as Z, attachRangeWithCoord as Xt, IEditorBridgeService as Er, IAutoFillService as Tr, HoverManagerService as Pr, COPY_TYPE as Nt, PREDEFINED_HOOK_NAME as Ee, virtualizeDiscreteRanges as Ur, ISheetClipboardService as Ar, SheetPrintInterceptorService as Nr, getCurrentRangeDisable$ as jr, SetZoomRatioOperation as Wr } from "@univerjs/sheets-ui";
-import { ISidebarService as xr, IUIPartsService as $r, BuiltInUIPart as Br, ILocalFileService as Lr, IMessageService as Gr, MenuItemType as vt, getMenuHiddenObservable as zt, RibbonStartGroup as Fr, KeyCode as me, ComponentManager as Vr, IMenuManagerService as kr, IShortcutService as Hr, CanvasFloatDomService as Yr } from "@univerjs/ui";
-import { takeUntil as jt, combineLatest as Te, map as Be, filter as ie, distinctUntilChanged as Pe, Subject as st, take as Xr, BehaviorSubject as zr, switchMap as Wt } from "rxjs";
-import { SheetInterceptorService as Ze, getSheetCommandTarget as H, SheetsSelectionsService as Kt, SetRangeValuesCommand as Kr, SetWorksheetRowHeightMutation as Jt, SetWorksheetColWidthMutation as qt, SetWorksheetRowIsAutoHeightMutation as Jr, SetWorksheetRowAutoHeightMutation as qr, AddWorksheetMergeMutation as Zr, RemoveWorksheetMergeMutation as Qr, AFTER_CELL_EDIT as ei, INTERCEPTOR_POINT as ti, InterceptCellContentPriority as ni, WorkbookViewPermission as xt, WorksheetViewPermission as ot, WorkbookEditablePermission as ht, WorksheetEditPermission as $e, InsertRowCommand as Zt, InsertColCommand as Qt, RemoveRowCommand as en, RemoveColCommand as tn, DeleteRangeMoveLeftCommand as nn, DeleteRangeMoveUpCommand as rn, InsertRangeMoveDownCommand as sn, InsertRangeMoveRightCommand as on, DeltaRowHeightCommand as gt, SetRowHeightCommand as mt, DeltaColumnWidthCommand as an, SetColWidthCommand as cn, SetRowHiddenCommand as dn, SetSpecificRowsVisibleCommand as ln, SetSpecificColsVisibleCommand as un, SetColHiddenCommand as hn, MoveColsCommand as gn, MoveRowsCommand as mn, MoveRangeCommand as fn, SetRowVisibleMutation as ri, SetRowHiddenMutation as ii, SetColVisibleMutation as si, SetColHiddenMutation as oi, SetWorksheetActiveOperation as ai, RangeProtectionPermissionEditPoint as ci, SetFrozenMutation as di } from "@univerjs/sheets";
-import pn, { useEffect as St, forwardRef as _n, useRef as li, createElement as wn, useState as ft } from "react";
-import { docDrawingPositionToTransform as ui, ReplaceSnapshotCommand as hi } from "@univerjs/docs-ui";
-import { MessageType as ae, RadioGroup as gi, Radio as at } from "@univerjs/design";
-const mi = "sheets-drawing-ui.config", $t = {}, W = {
+var pr = Object.defineProperty;
+var wr = (i, e, n) => e in i ? pr(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
+var K = (i, e, n) => wr(i, typeof e != "symbol" ? e + "" : e, n);
+import { CommandType as Z, ICommandService as H, IUndoRedoService as Ae, sequenceExecute as Rn, LocaleService as Ot, IUniverInstanceService as Ne, useDependency as Me, Inject as j, Injector as ze, IContextService as bn, RxDisposable as _r, UniverInstanceType as V, connectInjector as vr, toDisposable as Sr, FOCUSING_COMMON_DRAWINGS as Pe, DrawingTypeEnum as $, Disposable as se, ArrangeTypeEnum as tt, createDocumentModelWithStyle as Ir, ObjectRelativeFromH as Cr, ObjectRelativeFromV as Rr, BooleanNumber as br, PositionedObjectLayoutType as Dr, WrapTextType as Mr, BuildTextUtils as yr, Range as Or, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as nt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as rt, InterceptorEffectEnum as Er, ObjectMatrix as Tr, Tools as ye, UserManagerService as Pr, IPermissionService as Ur, Rectangle as Ar, Direction as we, FOCUSING_FX_BAR_EDITOR as Nr, EDITOR_ACTIVATED as jr, FOCUSING_PANEL_EDITOR as Wr, LifecycleService as xr, LifecycleStages as Br, DisposableCollection as it, fromEventSubject as $r, generateRandomId as Lt, DependentOn as Lr, Plugin as kr, merge as Gr, registerDependencies as Fr, touchDependencies as kt, IConfigService as Vr } from "@univerjs/core";
+import { DocDrawingController as Hr, UniverDocsDrawingPlugin as Yr } from "@univerjs/docs-drawing";
+import { SetDrawingSelectedOperation as Et, IImageIoService as Dn, IDrawingManagerService as oe, DRAWING_IMAGE_ALLOW_IMAGE_LIST as an, DRAWING_IMAGE_COUNT_LIMIT as cn, ImageUploadStatusType as Ee, DRAWING_IMAGE_ALLOW_SIZE as dn, getImageSize as ln, DRAWING_IMAGE_WIDTH_LIMIT as un, DRAWING_IMAGE_HEIGHT_LIMIT as hn, getDrawingShapeKeyByDrawingSearch as ke, UniverDrawingPlugin as Xr } from "@univerjs/drawing";
+import { ImageCropperObject as zr, COMPONENT_IMAGE_POPUP_MENU as Kr, OpenImageCropOperation as Jr, ImageResetSizeOperation as Zr, DrawingRenderService as Mn, DrawingCommonPanel as qr, UniverDrawingUIPlugin as Qr } from "@univerjs/drawing-ui";
+import { IRenderManagerService as q, precisionTo as st, getGroupState as ei, transformObjectOutOfGroup as ti, RENDER_CLASS_TYPE as Te, Rect as ot, ObjectType as gn, DRAWING_OBJECT_LAYER_INDEX as Gt, SHEET_VIEWPORT_KEY as yn } from "@univerjs/engine-render";
+import { ISheetDrawingService as Q, SetDrawingApplyMutation as T, DrawingApplyType as P, SheetDrawingAnchorType as E, UniverSheetsDrawingPlugin as ni } from "@univerjs/sheets-drawing";
+import { SheetCanvasPopManagerService as ri, convertPositionSheetOverGridToAbsolute as ii, ISheetSelectionRenderService as Ke, SheetSkeletonManagerService as J, attachRangeWithCoord as On, IEditorBridgeService as si, IAutoFillService as oi, HoverManagerService as ai, COPY_TYPE as mn, PREDEFINED_HOOK_NAME as at, virtualizeDiscreteRanges as ci, ISheetClipboardService as di, SheetPrintInterceptorService as li, getCurrentRangeDisable$ as ui, SetZoomRatioOperation as fn, SetScrollOperation as hi } from "@univerjs/sheets-ui";
+import { ISidebarService as gi, IUIPartsService as mi, BuiltInUIPart as fi, ILocalFileService as pi, IMessageService as wi, MenuItemType as nn, getMenuHiddenObservable as En, RibbonStartGroup as _i, KeyCode as Ue, ComponentManager as vi, IMenuManagerService as Si, IShortcutService as Ii, CanvasFloatDomService as Ci } from "@univerjs/ui";
+import { takeUntil as pn, combineLatest as ct, map as Ye, filter as _e, distinctUntilChanged as dt, Subject as Ft, take as Ri, BehaviorSubject as Ge, switchMap as wn } from "rxjs";
+import { SheetInterceptorService as Tt, getSheetCommandTarget as F, SheetsSelectionsService as Tn, SetRangeValuesCommand as bi, SetWorksheetRowHeightMutation as Pn, SetWorksheetColWidthMutation as Un, SetWorksheetRowIsAutoHeightMutation as Di, SetWorksheetRowAutoHeightMutation as An, AddWorksheetMergeMutation as Mi, RemoveWorksheetMergeMutation as yi, AFTER_CELL_EDIT as Oi, INTERCEPTOR_POINT as Ei, InterceptCellContentPriority as Ti, WorkbookViewPermission as _n, WorksheetViewPermission as Vt, WorkbookEditablePermission as Kt, WorksheetEditPermission as wt, InsertRowCommand as Nn, InsertColCommand as jn, RemoveRowCommand as Wn, RemoveColCommand as xn, DeleteRangeMoveLeftCommand as Bn, DeleteRangeMoveUpCommand as $n, InsertRangeMoveDownCommand as Ln, InsertRangeMoveRightCommand as kn, DeltaRowHeightCommand as Jt, SetRowHeightCommand as Zt, DeltaColumnWidthCommand as Gn, SetColWidthCommand as Fn, SetRowHiddenCommand as Vn, SetSpecificRowsVisibleCommand as Hn, SetSpecificColsVisibleCommand as Yn, SetColHiddenCommand as Xn, MoveColsCommand as zn, MoveRowsCommand as Kn, MoveRangeCommand as Jn, SetRowVisibleMutation as Pi, SetRowHiddenMutation as Ui, SetColVisibleMutation as Ai, SetColHiddenMutation as Ni, SetWorksheetActiveOperation as ji, RangeProtectionPermissionEditPoint as Wi, SetFrozenMutation as xi, COMMAND_LISTENER_SKELETON_CHANGE as Bi } from "@univerjs/sheets";
+import Zn, { useEffect as rn, forwardRef as qn, useRef as $i, createElement as Qn, useState as qt } from "react";
+import { docDrawingPositionToTransform as Li, ReplaceSnapshotCommand as ki } from "@univerjs/docs-ui";
+import { MessageType as Ce, RadioGroup as Gi, Radio as Ht } from "@univerjs/design";
+const Fi = "sheets-drawing-ui.config", vn = {}, L = {
   id: "sheet.operation.clear-drawing-transformer",
-  type: Y.MUTATION,
+  type: Z.MUTATION,
   handler: (i, e) => {
-    const n = i.get(X);
+    const n = i.get(q);
     return e.forEach((t) => {
       var r, s;
       (s = (r = n.getRenderById(t)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
     }), !0;
   }
-}, Qe = {
+}, Pt = {
   id: "sheet.command.remove-sheet-image",
-  type: Y.COMMAND,
+  type: Z.COMMAND,
   handler: (i, e) => {
-    var I, S, M;
-    const n = i.get(B), t = i.get(fe), r = i.get(Ze), s = i.get(z);
+    var S, I, b;
+    const n = i.get(H), t = i.get(Ae), r = i.get(Tt), s = i.get(Q);
     if (!e) return !1;
-    const { drawings: o } = e, a = [];
-    o.forEach((w) => {
-      const { unitId: C } = w;
-      a.push(C);
+    const { drawings: o } = e, c = [];
+    o.forEach((v) => {
+      const { unitId: R } = v;
+      c.push(R);
     });
-    const l = s.getBatchRemoveOp(o), { unitId: g, subUnitId: d, undo: c, redo: h, objects: u } = l, m = r.onCommandExecute({ id: Qe.id, params: e }), f = { id: O.id, params: { unitId: g, subUnitId: d, op: h, objects: u, type: E.REMOVE } }, p = { id: O.id, params: { unitId: g, subUnitId: d, op: c, objects: u, type: E.INSERT } };
-    return Ft([...(I = m.preRedos) != null ? I : [], f, ...m.redos], n) ? (t.pushUndoRedo({
+    const d = s.getBatchRemoveOp(o), { unitId: g, subUnitId: a, undo: l, redo: u, objects: h } = d, f = r.onCommandExecute({ id: Pt.id, params: e }), p = { id: T.id, params: { unitId: g, subUnitId: a, op: u, objects: h, type: P.REMOVE } }, m = { id: T.id, params: { unitId: g, subUnitId: a, op: l, objects: h, type: P.INSERT } };
+    return Rn([...(S = f.preRedos) != null ? S : [], p, ...f.redos], n) ? (t.pushUndoRedo({
       unitID: g,
       undoMutations: [
-        ...(S = m.preUndos) != null ? S : [],
-        p,
-        ...m.undos,
-        { id: W.id, params: a }
+        ...(I = f.preUndos) != null ? I : [],
+        m,
+        ...f.undos,
+        { id: L.id, params: c }
       ],
       redoMutations: [
-        ...(M = m.preRedos) != null ? M : [],
-        f,
-        ...m.redos,
-        { id: W.id, params: a }
+        ...(b = f.preRedos) != null ? b : [],
+        p,
+        ...f.redos,
+        { id: L.id, params: c }
       ]
     }), !0) : !1;
   }
-}, vn = "COMPONENT_SHEET_DRAWING_PANEL", Sn = {
+}, er = "COMPONENT_SHEET_DRAWING_PANEL", tr = {
   id: "sidebar.operation.sheet-image",
-  type: Y.COMMAND,
+  type: Z.COMMAND,
   handler: async (i, e) => {
-    const n = i.get(xr), t = i.get(Je), r = i.get(pe), s = i.get(B);
-    if (!H(r)) return !1;
+    const n = i.get(gi), t = i.get(Ot), r = i.get(Ne), s = i.get(H);
+    if (!F(r)) return !1;
     switch (e.value) {
       case "open":
         n.open({
           header: { title: t.t("sheetImage.panel.title") },
-          children: { label: vn },
+          children: { label: er },
           onClose: () => {
-            s.syncExecuteCommand(qe.id, []);
+            s.syncExecuteCommand(Et.id, []);
           },
           width: 360
         });
@@ -77,15 +77,15 @@ const mi = "sheets-drawing-ui.config", $t = {}, W = {
     }
     return !0;
   }
-}, In = {
+}, nr = {
   id: "sheet.operation.edit-sheet-image",
-  type: Y.OPERATION,
+  type: Z.OPERATION,
   handler: (i, e) => {
-    const n = i.get(B);
-    return e == null ? !1 : (n.syncExecuteCommand(qe.id, [e]), n.executeCommand(Sn.id, { value: "open" }), !0);
+    const n = i.get(H);
+    return e == null ? !1 : (n.syncExecuteCommand(Et.id, [e]), n.executeCommand(tr.id, { value: "open" }), !0);
   }
 };
-var ct = { exports: {} }, _e = {};
+var Yt = { exports: {} }, Fe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -95,58 +95,58 @@ var ct = { exports: {} }, _e = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Bt;
-function fi() {
-  if (Bt) return _e;
-  Bt = 1;
-  var i = pn, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), t = Object.prototype.hasOwnProperty, r = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function o(a, l, g) {
-    var d, c = {}, h = null, u = null;
-    g !== void 0 && (h = "" + g), l.key !== void 0 && (h = "" + l.key), l.ref !== void 0 && (u = l.ref);
-    for (d in l) t.call(l, d) && !s.hasOwnProperty(d) && (c[d] = l[d]);
-    if (a && a.defaultProps) for (d in l = a.defaultProps, l) c[d] === void 0 && (c[d] = l[d]);
-    return { $$typeof: e, type: a, key: h, ref: u, props: c, _owner: r.current };
-  }
-  return _e.Fragment = n, _e.jsx = o, _e.jsxs = o, _e;
+var Sn;
+function Vi() {
+  if (Sn) return Fe;
+  Sn = 1;
+  var i = Zn, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), t = Object.prototype.hasOwnProperty, r = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function o(c, d, g) {
+    var a, l = {}, u = null, h = null;
+    g !== void 0 && (u = "" + g), d.key !== void 0 && (u = "" + d.key), d.ref !== void 0 && (h = d.ref);
+    for (a in d) t.call(d, a) && !s.hasOwnProperty(a) && (l[a] = d[a]);
+    if (c && c.defaultProps) for (a in d = c.defaultProps, d) l[a] === void 0 && (l[a] = d[a]);
+    return { $$typeof: e, type: c, key: u, ref: h, props: l, _owner: r.current };
+  }
+  return Fe.Fragment = n, Fe.jsx = o, Fe.jsxs = o, Fe;
 }
-var Lt;
-function pi() {
-  return Lt || (Lt = 1, ct.exports = fi()), ct.exports;
+var In;
+function Hi() {
+  return In || (In = 1, Yt.exports = Vi()), Yt.exports;
 }
-var $ = pi();
-const _i = "univer-upload-loading", wi = "univer-upload-loading-body", vi = "univer-upload-loading-body-animation", Si = "univer-UniverCircleAnimation", Ii = "univer-upload-loading-body-text", Ue = {
-  uploadLoading: _i,
-  uploadLoadingBody: wi,
-  uploadLoadingBodyAnimation: vi,
-  univerCircleAnimation: Si,
-  uploadLoadingBodyText: Ii
-}, Ci = () => {
-  const i = le(kt), e = le(Je), [n, t] = pn.useState(0);
-  return St(() => {
+var G = Hi();
+const Yi = "univer-upload-loading", Xi = "univer-upload-loading-body", zi = "univer-upload-loading-body-animation", Ki = "univer-UniverCircleAnimation", Ji = "univer-upload-loading-body-text", lt = {
+  uploadLoading: Yi,
+  uploadLoadingBody: Xi,
+  uploadLoadingBodyAnimation: zi,
+  univerCircleAnimation: Ki,
+  uploadLoadingBodyText: Ji
+}, Zi = () => {
+  const i = Me(Dn), e = Me(Ot), [n, t] = Zn.useState(0);
+  return rn(() => {
     const r = i.change$.subscribe((s) => {
       t(s);
     });
     return () => {
       r.unsubscribe();
     };
-  }, [i]), /* @__PURE__ */ $.jsx("div", { style: { display: n > 0 ? "block" : "none" }, className: Ue.uploadLoading, children: /* @__PURE__ */ $.jsxs("div", { className: Ue.uploadLoadingBody, children: [
-    /* @__PURE__ */ $.jsx("div", { className: Ue.uploadLoadingBodyAnimation }),
-    /* @__PURE__ */ $.jsx("div", { className: Ue.uploadLoadingBodyText, children: `${e.t("uploadLoading.loading")}: ${n}` })
+  }, [i]), /* @__PURE__ */ G.jsx("div", { style: { display: n > 0 ? "block" : "none" }, className: lt.uploadLoading, children: /* @__PURE__ */ G.jsxs("div", { className: lt.uploadLoadingBody, children: [
+    /* @__PURE__ */ G.jsx("div", { className: lt.uploadLoadingBodyAnimation }),
+    /* @__PURE__ */ G.jsx("div", { className: lt.uploadLoadingBodyText, children: `${e.t("uploadLoading.loading")}: ${n}` })
   ] }) });
 };
-var Ri = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, bi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Mi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var qi = Object.defineProperty, Qi = Object.getOwnPropertyDescriptor, es = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Qi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Ri(e, n, r), r;
-}, ee = (i, e) => (n, t) => e(n, t, i);
-let Le = class extends $n {
-  constructor(e, n, t, r, s, o, a, l) {
+  return t && r && qi(e, n, r), r;
+}, me = (i, e) => (n, t) => e(n, t, i);
+let _t = class extends _r {
+  constructor(e, n, t, r, s, o, c, d) {
     super();
-    V(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
-    this._injector = e, this._drawingManagerService = n, this._canvasPopManagerService = t, this._renderManagerService = r, this._univerInstanceService = s, this._contextService = o, this._uiPartsService = a, this._commandService = l, this._init();
+    K(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    this._injector = e, this._drawingManagerService = n, this._canvasPopManagerService = t, this._renderManagerService = r, this._univerInstanceService = s, this._contextService = o, this._uiPartsService = c, this._commandService = d, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET).pipe(jt(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(F.UNIVER_SHEET).pipe(jt(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(F.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(Br.CONTENT, () => Bn(Ci, this._injector));
+    this._univerInstanceService.getCurrentTypeOfUnit$(V.UNIVER_SHEET).pipe(pn(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(V.UNIVER_SHEET).pipe(pn(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(V.UNIVER_SHEET).forEach((e) => this._create(e)), this._uiPartsService.registerComponent(fi.CONTENT, () => vr(Zi, this._injector));
   }
   _dispose(e) {
     const n = e.getUnitId();
@@ -161,7 +161,7 @@ let Le = class extends $n {
   _hasCropObject(e) {
     const n = e.getAllObjectsByOrder();
     for (const t of n)
-      if (t instanceof pr)
+      if (t instanceof zr)
         return !0;
     return !1;
   }
@@ -175,43 +175,43 @@ let Le = class extends $n {
       return;
     let r;
     this.disposeWithMe(
-      Ln(
+      Sr(
         t.createControl$.subscribe(() => {
-          if (this._contextService.setContextValue(ge, !0), this._hasCropObject(n))
+          if (this._contextService.setContextValue(Pe, !0), this._hasCropObject(n))
             return;
           const o = t.getSelectedObjectMap();
           if (o.size > 1) {
             r == null || r.dispose();
             return;
           }
-          const a = o.values().next().value;
-          if (!a)
+          const c = o.values().next().value;
+          if (!c)
             return;
-          const l = a.oKey, g = this._drawingManagerService.getDrawingOKey(l);
+          const d = c.oKey, g = this._drawingManagerService.getDrawingOKey(d);
           if (!g)
             return;
-          const { unitId: d, subUnitId: c, drawingId: h, drawingType: u } = g, m = g.data;
-          if (m && m.disablePopup)
+          const { unitId: a, subUnitId: l, drawingId: u, drawingType: h } = g, f = g.data;
+          if (f && f.disablePopup)
             return;
           r == null || r.dispose();
-          const f = this._canvasPopManagerService.getFeatureMenu(d, c, h, u);
-          r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(a, {
-            componentKey: _r,
+          const p = this._canvasPopManagerService.getFeatureMenu(a, l, u, h);
+          r = this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(c, {
+            componentKey: Kr,
             direction: "horizontal",
             offset: [2, 0],
             extraProps: {
-              menuItems: f || this._getImageMenuItems(d, c, h, u)
+              menuItems: p || this._getImageMenuItems(a, l, u, h)
             }
           }));
         })
       )
     ), this.disposeWithMe(
       t.clearControl$.subscribe(() => {
-        r == null || r.dispose(), this._contextService.setContextValue(ge, !1), this._commandService.syncExecuteCommand(qe.id, []);
+        r == null || r.dispose(), this._contextService.setContextValue(Pe, !1), this._commandService.syncExecuteCommand(Et.id, []);
       })
     ), this.disposeWithMe(
       this._contextService.contextChanged$.subscribe((o) => {
-        o[ge] === !1 && (r == null || r.dispose());
+        o[Pe] === !1 && (r == null || r.dispose());
       })
     ), this.disposeWithMe(
       t.changing$.subscribe(() => {
@@ -224,102 +224,102 @@ let Le = class extends $n {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: In.id,
+        commandId: nr.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
-        disable: r === k.DRAWING_DOM
+        disable: r === $.DRAWING_DOM
       },
       {
         label: "image-popup.delete",
         index: 1,
-        commandId: Qe.id,
+        commandId: Pt.id,
         commandParams: { unitId: e, drawings: [{ unitId: e, subUnitId: n, drawingId: t }] },
         disable: !1
       },
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: wr.id,
+        commandId: Jr.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
-        disable: r === k.DRAWING_DOM
+        disable: r === $.DRAWING_DOM
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: vr.id,
+        commandId: Zr.id,
         commandParams: [{ unitId: e, subUnitId: n, drawingId: t }],
-        disable: r === k.DRAWING_DOM
+        disable: r === $.DRAWING_DOM
       }
     ];
   }
 };
-Le = bi([
-  ee(0, U(Ie)),
-  ee(1, Q),
-  ee(2, U(yr)),
-  ee(3, X),
-  ee(4, pe),
-  ee(5, Vt),
-  ee(6, U($r)),
-  ee(7, B)
-], Le);
-function L(i, e, n) {
-  const { from: t, to: r, flipY: s = !1, flipX: o = !1, angle: a = 0, skewX: l = 0, skewY: g = 0 } = i, d = n.getCurrent();
-  if (d == null)
+_t = es([
+  me(0, j(ze)),
+  me(1, oe),
+  me(2, j(ri)),
+  me(3, q),
+  me(4, Ne),
+  me(5, bn),
+  me(6, j(mi)),
+  me(7, H)
+], _t);
+function X(i, e, n) {
+  const { from: t, to: r, flipY: s = !1, flipX: o = !1, angle: c = 0, skewX: d = 0, skewY: g = 0 } = i, a = n.getCurrent();
+  if (a == null)
     return;
-  const c = Or(
-    d.unitId,
-    d.sheetId,
+  const l = ii(
+    a.unitId,
+    a.sheetId,
     { from: t, to: r },
     n
   );
-  let { left: h, top: u, width: m, height: f } = c;
-  const p = n.getCurrentSkeleton(), v = p.rowHeaderWidth + p.columnTotalWidth, I = p.columnHeaderHeight + p.rowTotalHeight;
-  return h + m > v && (h = v - m), u + f > I && (u = I - f), {
+  let { left: u, top: h, width: f, height: p } = l;
+  const m = n.getCurrentSkeleton(), _ = m.rowHeaderWidth + m.columnTotalWidth, S = m.columnHeaderHeight + m.rowTotalHeight;
+  return u + f > _ && (u = _ - f), h + p > S && (h = S - p), {
     flipY: s,
     flipX: o,
-    angle: a,
-    skewX: l,
+    angle: c,
+    skewX: d,
     skewY: g,
-    left: h,
-    top: u,
-    width: m,
-    height: f
+    left: u,
+    top: h,
+    width: f,
+    height: p
   };
 }
-function j(i, e) {
-  const { left: n = 0, top: t = 0, width: r = 0, height: s = 0, flipY: o = !1, flipX: a = !1, angle: l = 0, skewX: g = 0, skewY: d = 0 } = i, c = e.getCellWithCoordByOffset(n, t);
-  if (c == null)
+function B(i, e) {
+  const { left: n = 0, top: t = 0, width: r = 0, height: s = 0, flipY: o = !1, flipX: c = !1, angle: d = 0, skewX: g = 0, skewY: a = 0 } = i, l = e.getCellWithCoordByOffset(n, t);
+  if (l == null)
     return;
-  const h = {
-    column: c.actualColumn,
-    columnOffset: Oe(n - c.startX, 1),
-    row: c.actualRow,
-    rowOffset: Oe(t - c.startY, 1)
-  }, u = e.getCellWithCoordByOffset(n + r, t + s);
-  if (u == null)
+  const u = {
+    column: l.actualColumn,
+    columnOffset: st(n - l.startX, 1),
+    row: l.actualRow,
+    rowOffset: st(t - l.startY, 1)
+  }, h = e.getCellWithCoordByOffset(n + r, t + s);
+  if (h == null)
     return;
-  const m = {
-    column: u.actualColumn,
-    columnOffset: Oe(n + r - u.startX, 1),
-    row: u.actualRow,
-    rowOffset: Oe(t + s - u.startY, 1)
+  const f = {
+    column: h.actualColumn,
+    columnOffset: st(n + r - h.startX, 1),
+    row: h.actualRow,
+    rowOffset: st(t + s - h.startY, 1)
   };
   return {
     flipY: o,
-    flipX: a,
-    angle: l,
+    flipX: c,
+    angle: d,
     skewX: g,
-    skewY: d,
-    from: h,
-    to: m
+    skewY: a,
+    from: u,
+    to: f
   };
 }
-var Di = Object.defineProperty, yi = Object.getOwnPropertyDescriptor, Oi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? yi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var ts = Object.defineProperty, ns = Object.getOwnPropertyDescriptor, rs = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? ns(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Di(e, n, r), r;
-}, Ae = (i, e) => (n, t) => e(n, t, i);
-let pt = class extends q {
+  return t && r && ts(e, n, r), r;
+}, ut = (i, e) => (n, t) => e(n, t, i);
+let Qt = class extends se {
   constructor(i, e, n, t, r) {
     super(), this._context = i, this._sheetDrawingService = e, this._drawingManagerService = n, this._sheetSelectionRenderService = t, this._sheetSkeletonManagerService = r, this._init();
   }
@@ -333,236 +333,236 @@ let pt = class extends q {
       const n = i[e];
       for (const t in n.data) {
         const r = n.data[t];
-        r.transform = L(r.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService);
+        r.transform = X(r.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService);
       }
     }
     this._drawingManagerService.registerDrawingData(this._context.unitId, this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId)), this._drawingManagerService.initializeNotification(this._context.unitId);
   }
 };
-pt = Oi([
-  Ae(1, z),
-  Ae(2, Q),
-  Ae(3, U(Ce)),
-  Ae(4, U(Z))
-], pt);
-function Ei(i) {
+Qt = rs([
+  ut(1, Q),
+  ut(2, oe),
+  ut(3, j(Ke)),
+  ut(4, j(J))
+], Qt);
+function is(i) {
   const e = [];
   return i.forEach((n) => {
-    const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: a } = t, l = Cr(0, 0, r.map((c) => c.transform || {})), g = r.map((c) => {
-      const h = c.transform || { left: 0, top: 0 }, { unitId: u, subUnitId: m, drawingId: f } = c;
+    const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: c } = t, d = ei(0, 0, r.map((l) => l.transform || {})), g = r.map((l) => {
+      const u = l.transform || { left: 0, top: 0 }, { unitId: h, subUnitId: f, drawingId: p } = l;
       return {
-        unitId: u,
-        subUnitId: m,
-        drawingId: f,
+        unitId: h,
+        subUnitId: f,
+        drawingId: p,
         transform: {
-          ...h,
-          left: h.left - l.left,
-          top: h.top - l.top
+          ...u,
+          left: u.left - d.left,
+          top: u.top - d.top
         },
-        groupId: a
+        groupId: c
       };
-    }), d = {
+    }), a = {
       unitId: s,
       subUnitId: o,
-      drawingId: a,
-      drawingType: k.DRAWING_GROUP,
-      transform: l
+      drawingId: c,
+      drawingType: $.DRAWING_GROUP,
+      transform: d
     };
     e.push({
-      parent: d,
+      parent: a,
       children: g
     });
   }), e;
 }
-function Ti(i) {
+function ss(i) {
   const e = [];
   return i.forEach((n) => {
-    const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: a, transform: l = { width: 0, height: 0 } } = t;
-    if (l == null)
+    const { parent: t, children: r } = n, { unitId: s, subUnitId: o, drawingId: c, transform: d = { width: 0, height: 0 } } = t;
+    if (d == null)
       return;
-    const g = r.map((c) => {
-      const { transform: h } = c, { unitId: u, subUnitId: m, drawingId: f } = c, p = Rr(h || {}, l, l.width || 0, l.height || 0);
+    const g = r.map((l) => {
+      const { transform: u } = l, { unitId: h, subUnitId: f, drawingId: p } = l, m = ti(u || {}, d, d.width || 0, d.height || 0);
       return {
-        unitId: u,
-        subUnitId: m,
-        drawingId: f,
-        transform: p,
+        unitId: h,
+        subUnitId: f,
+        drawingId: p,
+        transform: m,
         groupId: void 0
       };
-    }), d = {
+    }), a = {
       unitId: s,
       subUnitId: o,
-      drawingId: a,
-      drawingType: k.DRAWING_GROUP,
+      drawingId: c,
+      drawingType: $.DRAWING_GROUP,
       transform: {
         left: 0,
         top: 0
       }
     };
     e.push({
-      parent: d,
+      parent: a,
       children: g
     });
   }), e;
 }
-const Cn = {
+const rr = {
   id: "sheet.command.group-sheet-image",
-  type: Y.COMMAND,
+  type: Z.COMMAND,
   handler: (i, e) => {
-    const n = i.get(B), t = i.get(fe), r = i.get(z);
+    const n = i.get(H), t = i.get(Ae), r = i.get(Q);
     if (!e) return !1;
     const s = [];
-    e.forEach(({ parent: u, children: m }) => {
-      s.push(u.unitId), m.forEach((f) => {
-        s.push(f.unitId);
+    e.forEach(({ parent: h, children: f }) => {
+      s.push(h.unitId), f.forEach((p) => {
+        s.push(p.unitId);
       });
     });
-    const o = r.getGroupDrawingOp(e), { unitId: a, subUnitId: l, undo: g, redo: d, objects: c } = o;
-    return n.syncExecuteCommand(O.id, { op: d, unitId: a, subUnitId: l, objects: c, type: E.GROUP }) ? (t.pushUndoRedo({
-      unitID: a,
+    const o = r.getGroupDrawingOp(e), { unitId: c, subUnitId: d, undo: g, redo: a, objects: l } = o;
+    return n.syncExecuteCommand(T.id, { op: a, unitId: c, subUnitId: d, objects: l, type: P.GROUP }) ? (t.pushUndoRedo({
+      unitID: c,
       undoMutations: [
-        { id: O.id, params: { op: g, unitId: a, subUnitId: l, objects: Ti(c), type: E.UNGROUP } },
-        { id: W.id, params: s }
+        { id: T.id, params: { op: g, unitId: c, subUnitId: d, objects: ss(l), type: P.UNGROUP } },
+        { id: L.id, params: s }
       ],
       redoMutations: [
-        { id: O.id, params: { op: d, unitId: a, subUnitId: l, objects: c, type: E.GROUP } },
-        { id: W.id, params: s }
+        { id: T.id, params: { op: a, unitId: c, subUnitId: d, objects: l, type: P.GROUP } },
+        { id: L.id, params: s }
       ]
     }), !0) : !1;
   }
-}, et = {
+}, Ut = {
   id: "sheet.command.insert-sheet-image",
-  type: Y.COMMAND,
+  type: Z.COMMAND,
   handler: (i, e) => {
-    var I, S, M;
-    const n = i.get(B), t = i.get(fe), r = i.get(z), s = i.get(Ze);
+    var S, I, b;
+    const n = i.get(H), t = i.get(Ae), r = i.get(Q), s = i.get(Tt);
     if (!e) return !1;
-    const o = e.drawings, a = o.map((w) => w.unitId), l = r.getBatchAddOp(o), { unitId: g, subUnitId: d, undo: c, redo: h, objects: u } = l, m = s.onCommandExecute({ id: et.id, params: e }), f = { id: O.id, params: { op: h, unitId: g, subUnitId: d, objects: u, type: E.INSERT } }, p = { id: O.id, params: { op: c, unitId: g, subUnitId: d, objects: u, type: E.REMOVE } };
-    return Ft([...(I = m.preRedos) != null ? I : [], f, ...m.redos], n) ? (t.pushUndoRedo({
+    const o = e.drawings, c = o.map((v) => v.unitId), d = r.getBatchAddOp(o), { unitId: g, subUnitId: a, undo: l, redo: u, objects: h } = d, f = s.onCommandExecute({ id: Ut.id, params: e }), p = { id: T.id, params: { op: u, unitId: g, subUnitId: a, objects: h, type: P.INSERT } }, m = { id: T.id, params: { op: l, unitId: g, subUnitId: a, objects: h, type: P.REMOVE } };
+    return Rn([...(S = f.preRedos) != null ? S : [], p, ...f.redos], n) ? (t.pushUndoRedo({
       unitID: g,
       undoMutations: [
-        ...(S = m.preUndos) != null ? S : [],
-        p,
-        ...m.undos,
-        { id: W.id, params: a }
+        ...(I = f.preUndos) != null ? I : [],
+        m,
+        ...f.undos,
+        { id: L.id, params: c }
       ],
       redoMutations: [
-        ...(M = m.preRedos) != null ? M : [],
-        f,
-        ...m.redos,
-        { id: W.id, params: a }
+        ...(b = f.preRedos) != null ? b : [],
+        p,
+        ...f.redos,
+        { id: L.id, params: c }
       ]
     }), !0) : !1;
   }
-}, Rn = {
+}, ir = {
   id: "sheet.command.set-drawing-arrange",
-  type: Y.COMMAND,
+  type: Z.COMMAND,
   handler: (i, e) => {
-    const n = i.get(B), t = i.get(fe);
+    const n = i.get(H), t = i.get(Ae);
     if (!e) return !1;
-    const r = i.get(z), { unitId: s, subUnitId: o, drawingIds: a, arrangeType: l } = e, g = { unitId: s, subUnitId: o, drawingIds: a };
-    let d;
-    if (l === be.forward ? d = r.getForwardDrawingsOp(g) : l === be.backward ? d = r.getBackwardDrawingOp(g) : l === be.front ? d = r.getFrontDrawingsOp(g) : l === be.back && (d = r.getBackDrawingsOp(g)), d == null)
+    const r = i.get(Q), { unitId: s, subUnitId: o, drawingIds: c, arrangeType: d } = e, g = { unitId: s, subUnitId: o, drawingIds: c };
+    let a;
+    if (d === tt.forward ? a = r.getForwardDrawingsOp(g) : d === tt.backward ? a = r.getBackwardDrawingOp(g) : d === tt.front ? a = r.getFrontDrawingsOp(g) : d === tt.back && (a = r.getBackDrawingsOp(g)), a == null)
       return !1;
-    const { objects: c, redo: h, undo: u } = d;
-    return n.syncExecuteCommand(O.id, { op: h, unitId: s, subUnitId: o, objects: c, type: E.ARRANGE }) ? (t.pushUndoRedo({
+    const { objects: l, redo: u, undo: h } = a;
+    return n.syncExecuteCommand(T.id, { op: u, unitId: s, subUnitId: o, objects: l, type: P.ARRANGE }) ? (t.pushUndoRedo({
       unitID: s,
       undoMutations: [
-        { id: O.id, params: { op: u, unitId: s, subUnitId: o, objects: c, type: E.ARRANGE } }
+        { id: T.id, params: { op: h, unitId: s, subUnitId: o, objects: l, type: P.ARRANGE } }
       ],
       redoMutations: [
-        { id: O.id, params: { op: h, unitId: s, subUnitId: o, objects: c, type: E.ARRANGE } }
+        { id: T.id, params: { op: u, unitId: s, subUnitId: o, objects: l, type: P.ARRANGE } }
       ]
     }), !0) : !1;
   }
-}, tt = {
+}, At = {
   id: "sheet.command.set-sheet-image",
-  type: Y.COMMAND,
+  type: Z.COMMAND,
   handler: (i, e) => {
-    const n = i.get(B), t = i.get(fe), r = i.get(z);
+    const n = i.get(H), t = i.get(Ae), r = i.get(Q);
     if (!e) return !1;
-    const { drawings: s } = e, o = r.getBatchUpdateOp(s), { unitId: a, subUnitId: l, undo: g, redo: d, objects: c } = o;
-    return n.syncExecuteCommand(O.id, { unitId: a, subUnitId: l, op: d, objects: c, type: E.UPDATE }) ? (t.pushUndoRedo({
-      unitID: a,
+    const { drawings: s } = e, o = r.getBatchUpdateOp(s), { unitId: c, subUnitId: d, undo: g, redo: a, objects: l } = o;
+    return n.syncExecuteCommand(T.id, { unitId: c, subUnitId: d, op: a, objects: l, type: P.UPDATE }) ? (t.pushUndoRedo({
+      unitID: c,
       undoMutations: [
-        { id: O.id, params: { unitId: a, subUnitId: l, op: g, objects: c, type: E.UPDATE } },
-        { id: W.id, params: [a] }
+        { id: T.id, params: { unitId: c, subUnitId: d, op: g, objects: l, type: P.UPDATE } },
+        { id: L.id, params: [c] }
       ],
       redoMutations: [
-        { id: O.id, params: { unitId: a, subUnitId: l, op: d, objects: c, type: E.UPDATE } },
-        { id: W.id, params: [a] }
+        { id: T.id, params: { unitId: c, subUnitId: d, op: a, objects: l, type: P.UPDATE } },
+        { id: L.id, params: [c] }
       ]
     }), !0) : !1;
   }
-}, Mn = {
+}, sr = {
   id: "sheet.command.ungroup-sheet-image",
-  type: Y.COMMAND,
+  type: Z.COMMAND,
   handler: (i, e) => {
-    const n = i.get(B), t = i.get(fe), r = i.get(z);
+    const n = i.get(H), t = i.get(Ae), r = i.get(Q);
     if (!e) return !1;
     const s = [];
-    e.forEach(({ parent: u, children: m }) => {
-      s.push(u.unitId), m.forEach((f) => {
-        s.push(f.unitId);
+    e.forEach(({ parent: h, children: f }) => {
+      s.push(h.unitId), f.forEach((p) => {
+        s.push(p.unitId);
       });
     });
-    const o = r.getUngroupDrawingOp(e), { unitId: a, subUnitId: l, undo: g, redo: d, objects: c } = o;
-    return n.syncExecuteCommand(O.id, { op: d, unitId: a, subUnitId: l, objects: c, type: E.UNGROUP }) ? (t.pushUndoRedo({
-      unitID: a,
+    const o = r.getUngroupDrawingOp(e), { unitId: c, subUnitId: d, undo: g, redo: a, objects: l } = o;
+    return n.syncExecuteCommand(T.id, { op: a, unitId: c, subUnitId: d, objects: l, type: P.UNGROUP }) ? (t.pushUndoRedo({
+      unitID: c,
       undoMutations: [
-        { id: O.id, params: { op: g, unitId: a, subUnitId: l, objects: Ei(c), type: E.GROUP } },
-        { id: W.id, params: s }
+        { id: T.id, params: { op: g, unitId: c, subUnitId: d, objects: is(l), type: P.GROUP } },
+        { id: L.id, params: s }
       ],
       redoMutations: [
-        { id: O.id, params: { op: d, unitId: a, subUnitId: l, objects: c, type: E.UNGROUP } },
-        { id: W.id, params: s }
+        { id: T.id, params: { op: a, unitId: c, subUnitId: d, objects: l, type: P.UNGROUP } },
+        { id: L.id, params: s }
       ]
     }), !0) : !1;
   }
 };
-var Pi = Object.defineProperty, Ui = Object.getOwnPropertyDescriptor, Ai = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ui(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var os = Object.defineProperty, as = Object.getOwnPropertyDescriptor, cs = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? as(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Pi(e, n, r), r;
-}, K = (i, e) => (n, t) => e(n, t, i);
-function Ni(i, e, n) {
+  return t && r && os(e, n, r), r;
+}, te = (i, e) => (n, t) => e(n, t, i);
+function ds(i, e, n) {
   const t = n * Math.PI / 180, r = Math.abs(i * Math.cos(t)) + Math.abs(e * Math.sin(t)), s = Math.abs(i * Math.sin(t)) + Math.abs(e * Math.cos(t));
   return { rotatedWidth: r, rotatedHeight: s };
 }
-function bn(i, e, n, t, r) {
-  var I;
-  const { rotatedHeight: s, rotatedWidth: o } = Ni(n, t, r), l = i.get(X).getRenderById(e.unitId);
-  if (!l)
+function or(i, e, n, t, r) {
+  var S;
+  const { rotatedHeight: s, rotatedWidth: o } = ds(n, t, r), d = i.get(q).getRenderById(e.unitId);
+  if (!d)
     return !1;
-  const d = (I = l.with(Z).getWorksheetSkeleton(e.subUnitId)) == null ? void 0 : I.skeleton;
-  if (d == null)
+  const a = (S = d.with(J).getWorksheetSkeleton(e.subUnitId)) == null ? void 0 : S.skeleton;
+  if (a == null)
     return !1;
-  const c = d.getCellByIndex(e.row, e.col), h = c.mergeInfo.endX - c.mergeInfo.startX - 2, u = c.mergeInfo.endY - c.mergeInfo.startY - 2, m = o / s, p = Math.ceil(Math.min(h, u * m)) / o, v = !p || Number.isNaN(p) ? 1e-3 : p;
+  const l = a.getCellByIndex(e.row, e.col), u = l.mergeInfo.endX - l.mergeInfo.startX - 2, h = l.mergeInfo.endY - l.mergeInfo.startY - 2, f = o / s, m = Math.ceil(Math.min(u, h * f)) / o, _ = !m || Number.isNaN(m) ? 1e-3 : m;
   return {
-    width: n * v,
-    height: t * v
+    width: n * _,
+    height: t * _
   };
 }
-let Se = class extends q {
-  constructor(e, n, t, r, s, o, a, l, g, d, c, h, u) {
+let Xe = class extends se {
+  constructor(e, n, t, r, s, o, c, d, g, a, l, u, h) {
     super();
-    V(this, "_workbookSelections");
-    this._context = e, this._skeletonManagerService = n, this._commandService = t, this._selectionRenderService = r, this._imageIoService = s, this._fileOpenerService = o, this._sheetDrawingService = a, this._drawingManagerService = l, this._contextService = g, this._messageService = d, this._localeService = c, this._injector = u, this._workbookSelections = h.getWorkbookSelections(this._context.unitId), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
+    K(this, "_workbookSelections");
+    this._context = e, this._skeletonManagerService = n, this._commandService = t, this._selectionRenderService = r, this._imageIoService = s, this._fileOpenerService = o, this._sheetDrawingService = c, this._drawingManagerService = d, this._contextService = g, this._messageService = a, this._localeService = l, this._injector = h, this._workbookSelections = u.getWorkbookSelections(this._context.unitId), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
   }
   async insertFloatImage() {
     const e = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: yt.map((t) => `.${t.replace("image/", "")}`).join(",")
+      accept: an.map((t) => `.${t.replace("image/", "")}`).join(",")
     }), n = e.length;
-    return n > Ot ? (this._messageService.show({
-      type: ae.Error,
-      content: this._localeService.t("update-status.exceedMaxCount", String(Ot))
+    return n > cn ? (this._messageService.show({
+      type: Ce.Error,
+      content: this._localeService.t("update-status.exceedMaxCount", String(cn))
     }), !1) : n === 0 ? !1 : (e.forEach(async (t) => await this._insertFloatImage(t)), !0);
   }
   async insertCellImage() {
     const n = (await this._fileOpenerService.openFile({
       multiple: !1,
-      accept: yt.map((t) => `.${t.replace("image/", "")}`).join(",")
+      accept: an.map((t) => `.${t.replace("image/", "")}`).join(",")
     }))[0];
     return n ? (await this._insertCellImage(n), !0) : !1;
   }
@@ -570,44 +570,44 @@ let Se = class extends q {
     let n;
     try {
       n = await this._imageIoService.saveImage(e);
-    } catch (I) {
-      const S = I.message;
-      S === ue.ERROR_EXCEED_SIZE ? this._messageService.show({
-        type: ae.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(Et / (1024 * 1024)))
-      }) : S === ue.ERROR_IMAGE_TYPE ? this._messageService.show({
-        type: ae.Error,
+    } catch (S) {
+      const I = S.message;
+      I === Ee.ERROR_EXCEED_SIZE ? this._messageService.show({
+        type: Ce.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(dn / (1024 * 1024)))
+      }) : I === Ee.ERROR_IMAGE_TYPE ? this._messageService.show({
+        type: Ce.Error,
         content: this._localeService.t("update-status.invalidImageType")
-      }) : S === ue.ERROR_IMAGE && this._messageService.show({
-        type: ae.Error,
+      }) : I === Ee.ERROR_IMAGE && this._messageService.show({
+        type: Ce.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
     }
     if (n == null)
       return;
-    const t = this._getUnitInfo(), { unitId: r, subUnitId: s } = t, { imageId: o, imageSourceType: a, source: l, base64Cache: g } = n, { width: d, height: c, image: h } = await Tt(g || ""), { width: u, height: m } = this._context.scene;
-    this._imageIoService.addImageSourceCache(l, a, h);
-    let f = 1;
-    if (d > Pt || c > Ut) {
-      const I = Pt / d, S = Ut / c;
-      f = Math.max(I, S);
+    const t = this._getUnitInfo(), { unitId: r, subUnitId: s } = t, { imageId: o, imageSourceType: c, source: d, base64Cache: g } = n, { width: a, height: l, image: u } = await ln(g || ""), { width: h, height: f } = this._context.scene;
+    this._imageIoService.addImageSourceCache(d, c, u);
+    let p = 1;
+    if (a > un || l > hn) {
+      const S = un / a, I = hn / l;
+      p = Math.max(S, I);
     }
-    const p = this._getImagePosition(d * f, c * f, u, m);
-    if (p == null)
+    const m = this._getImagePosition(a * p, l * p, h, f);
+    if (m == null)
       return;
-    const v = {
+    const _ = {
       unitId: r,
       subUnitId: s,
       drawingId: o,
-      drawingType: k.DRAWING_IMAGE,
-      imageSourceType: a,
-      source: l,
-      transform: L(p, this._selectionRenderService, this._skeletonManagerService),
-      sheetTransform: p
+      drawingType: $.DRAWING_IMAGE,
+      imageSourceType: c,
+      source: d,
+      transform: X(m, this._selectionRenderService, this._skeletonManagerService),
+      sheetTransform: m
     };
-    this._commandService.executeCommand(et.id, {
+    this._commandService.executeCommand(Ut.id, {
       unitId: r,
-      drawings: [v]
+      drawings: [_]
     });
   }
   // eslint-disable-next-line max-lines-per-function
@@ -615,87 +615,87 @@ let Se = class extends q {
     let n;
     try {
       n = await this._imageIoService.saveImage(e);
-    } catch (p) {
-      const v = p.message;
-      v === ue.ERROR_EXCEED_SIZE ? this._messageService.show({
-        type: ae.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(Et / (1024 * 1024)))
-      }) : v === ue.ERROR_IMAGE_TYPE ? this._messageService.show({
-        type: ae.Error,
+    } catch (m) {
+      const _ = m.message;
+      _ === Ee.ERROR_EXCEED_SIZE ? this._messageService.show({
+        type: Ce.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(dn / (1024 * 1024)))
+      }) : _ === Ee.ERROR_IMAGE_TYPE ? this._messageService.show({
+        type: Ce.Error,
         content: this._localeService.t("update-status.invalidImageType")
-      }) : v === ue.ERROR_IMAGE && this._messageService.show({
-        type: ae.Error,
+      }) : _ === Ee.ERROR_IMAGE && this._messageService.show({
+        type: Ce.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
     }
     if (n == null)
       return;
-    const { imageId: t, imageSourceType: r, source: s, base64Cache: o } = n, { width: a, height: l, image: g } = await Tt(o || "");
+    const { imageId: t, imageSourceType: r, source: s, base64Cache: o } = n, { width: c, height: d, image: g } = await ln(o || "");
     this._imageIoService.addImageSourceCache(s, r, g);
-    const d = this._workbookSelections.getCurrentLastSelection();
-    if (!d)
+    const a = this._workbookSelections.getCurrentLastSelection();
+    if (!a)
       return !1;
-    const c = Gn("", {}), h = bn(
+    const l = Ir("", {}), u = or(
       this._injector,
       {
         unitId: this._context.unitId,
         subUnitId: this._context.unit.getActiveSheet().getSheetId(),
-        row: d.primary.actualRow,
-        col: d.primary.actualColumn
+        row: a.primary.actualRow,
+        col: a.primary.actualColumn
       },
-      a,
-      l,
+      c,
+      d,
       0
     );
-    if (!h)
+    if (!u)
       return !1;
-    const u = {
+    const h = {
       size: {
-        width: h.width,
-        height: h.height
+        width: u.width,
+        height: u.height
       },
       positionH: {
-        relativeFrom: Fn.PAGE,
+        relativeFrom: Cr.PAGE,
         posOffset: 0
       },
       positionV: {
-        relativeFrom: Vn.PARAGRAPH,
+        relativeFrom: Rr.PARAGRAPH,
         posOffset: 0
       },
       angle: 0
-    }, m = {
-      unitId: c.getUnitId(),
-      subUnitId: c.getUnitId(),
+    }, f = {
+      unitId: l.getUnitId(),
+      subUnitId: l.getUnitId(),
       drawingId: t,
-      drawingType: k.DRAWING_IMAGE,
+      drawingType: $.DRAWING_IMAGE,
       imageSourceType: r,
       source: s,
-      transform: ui(u),
-      docTransform: u,
-      behindDoc: kn.FALSE,
+      transform: Li(h),
+      docTransform: h,
+      behindDoc: br.FALSE,
       title: "",
       description: "",
-      layoutType: Hn.INLINE,
+      layoutType: Dr.INLINE,
       // Insert inline drawing by default.
-      wrapText: Yn.BOTH_SIDES,
+      wrapText: Mr.BOTH_SIDES,
       distB: 0,
       distL: 0,
       distR: 0,
       distT: 0
-    }, f = Xn.drawing.add({
-      documentDataModel: c,
-      drawings: [m],
+    }, p = yr.drawing.add({
+      documentDataModel: l,
+      drawings: [f],
       selection: {
         collapsed: !0,
         startOffset: 0,
         endOffset: 0
       }
     });
-    return f ? (c.apply(f), this._commandService.syncExecuteCommand(Kr.id, {
+    return p ? (l.apply(p), this._commandService.syncExecuteCommand(bi.id, {
       value: {
-        [d.primary.actualRow]: {
-          [d.primary.actualColumn]: {
-            p: c.getSnapshot(),
+        [a.primary.actualRow]: {
+          [a.primary.actualColumn]: {
+            p: l.getSnapshot(),
             t: 1
           }
         }
@@ -718,39 +718,39 @@ let Se = class extends q {
       endColumn: 0
     };
     s && s.length > 0 && (o = s[s.length - 1].range);
-    const a = Xt(this._skeletonManagerService.getCurrent().skeleton, o);
-    if (a == null)
+    const c = On(this._skeletonManagerService.getCurrent().skeleton, o);
+    if (c == null)
       return;
-    let { startColumn: l, startRow: g, startX: d, startY: c } = a, h = !1;
-    if (d + e > t && (d = t - e, d < 0 && (d = 0, e = t), h = !0), c + n > r && (c = r - n, c < 0 && (c = 0, n = r), h = !0), h) {
-      const p = this._selectionRenderService.getCellWithCoordByOffset(d, c);
-      if (p == null)
+    let { startColumn: d, startRow: g, startX: a, startY: l } = c, u = !1;
+    if (a + e > t && (a = t - e, a < 0 && (a = 0, e = t), u = !0), l + n > r && (l = r - n, l < 0 && (l = 0, n = r), u = !0), u) {
+      const m = this._selectionRenderService.getCellWithCoordByOffset(a, l);
+      if (m == null)
         return;
-      d = p.startX, c = p.startY, l = p.actualColumn, g = p.actualRow;
+      a = m.startX, l = m.startY, d = m.actualColumn, g = m.actualRow;
     }
-    const u = {
-      column: l,
+    const h = {
+      column: d,
       columnOffset: 0,
       row: g,
       rowOffset: 0
-    }, m = this._selectionRenderService.getCellWithCoordByOffset(d + e, c + n);
-    if (m == null)
+    }, f = this._selectionRenderService.getCellWithCoordByOffset(a + e, l + n);
+    if (f == null)
       return;
-    const f = {
-      column: m.actualColumn,
-      columnOffset: d + e - m.startX,
-      row: m.actualRow,
-      rowOffset: c + n - m.startY
+    const p = {
+      column: f.actualColumn,
+      columnOffset: a + e - f.startX,
+      row: f.actualRow,
+      rowOffset: l + n - f.startY
     };
     return {
-      from: u,
-      to: f
+      from: h,
+      to: p
     };
   }
   _updateOrderListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginOrderUpdate$.subscribe((e) => {
       const { unitId: n, subUnitId: t, drawingIds: r, arrangeType: s } = e;
-      this._commandService.executeCommand(Rn.id, {
+      this._commandService.executeCommand(ir.id, {
         unitId: n,
         subUnitId: t,
         drawingIds: r,
@@ -762,22 +762,22 @@ let Se = class extends q {
     this.disposeWithMe(this._drawingManagerService.featurePluginUpdate$.subscribe((e) => {
       const n = [];
       e.length !== 0 && (e.forEach((t) => {
-        const { unitId: r, subUnitId: s, drawingId: o, drawingType: a, transform: l } = t;
-        if (l == null)
+        const { unitId: r, subUnitId: s, drawingId: o, drawingType: c, transform: d } = t;
+        if (d == null)
           return;
         const g = this._sheetDrawingService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: o });
         if (g == null || g.unitId !== this._context.unitId)
           return;
-        const d = j({ ...g.transform, ...l }, this._selectionRenderService);
-        if (d == null)
+        const a = B({ ...g.transform, ...d }, this._selectionRenderService);
+        if (a == null)
           return;
-        const c = {
+        const l = {
           ...t,
-          transform: { ...g.transform, ...l, ...L(d, this._selectionRenderService, this._skeletonManagerService) },
-          sheetTransform: { ...d }
+          transform: { ...g.transform, ...d, ...X(a, this._selectionRenderService, this._skeletonManagerService) },
+          sheetTransform: { ...a }
         };
-        n.push(c);
-      }), n.length > 0 && this._commandService.executeCommand(tt.id, {
+        n.push(l);
+      }), n.length > 0 && this._commandService.executeCommand(At.id, {
         unitId: e[0].unitId,
         drawings: n
       }));
@@ -785,44 +785,44 @@ let Se = class extends q {
   }
   _groupDrawingListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe((e) => {
-      this._commandService.executeCommand(Cn.id, e);
+      this._commandService.executeCommand(rr.id, e);
       const { unitId: n, subUnitId: t, drawingId: r } = e[0].parent;
-      this._commandService.syncExecuteCommand(qe.id, [{ unitId: n, subUnitId: t, drawingId: r }]);
+      this._commandService.syncExecuteCommand(Et.id, [{ unitId: n, subUnitId: t, drawingId: r }]);
     })), this.disposeWithMe(this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((e) => {
-      this._commandService.executeCommand(Mn.id, e);
+      this._commandService.executeCommand(sr.id, e);
     }));
   }
   _focusDrawingListener() {
     this.disposeWithMe(
       this._drawingManagerService.focus$.subscribe((e) => {
-        e == null || e.length === 0 ? (this._contextService.setContextValue(ge, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(ge, !0), this._sheetDrawingService.focusDrawing(e));
+        e == null || e.length === 0 ? (this._contextService.setContextValue(Pe, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(Pe, !0), this._sheetDrawingService.focusDrawing(e));
       })
     );
   }
 };
-Se = Ai([
-  K(1, U(Z)),
-  K(2, B),
-  K(3, Ce),
-  K(4, kt),
-  K(5, Lr),
-  K(6, z),
-  K(7, Q),
-  K(8, Vt),
-  K(9, Gr),
-  K(10, U(Je)),
-  K(11, U(Kt)),
-  K(12, U(Ie))
-], Se);
-var ji = Object.defineProperty, Wi = Object.getOwnPropertyDescriptor, xi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Wi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+Xe = cs([
+  te(1, j(J)),
+  te(2, H),
+  te(3, Ke),
+  te(4, Dn),
+  te(5, pi),
+  te(6, Q),
+  te(7, oe),
+  te(8, bn),
+  te(9, wi),
+  te(10, j(Ot)),
+  te(11, j(Tn)),
+  te(12, j(ze))
+], Xe);
+var ls = Object.defineProperty, us = Object.getOwnPropertyDescriptor, hs = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? us(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && ji(e, n, r), r;
-}, ce = (i, e) => (n, t) => e(n, t, i);
-function _t(i, e, n) {
+  return t && r && ls(e, n, r), r;
+}, Re = (i, e) => (n, t) => e(n, t, i);
+function en(i, e, n) {
   var t, r, s, o;
   if (((r = (t = n == null ? void 0 : n.p) == null ? void 0 : t.body) == null ? void 0 : r.dataStream.length) === 3 && ((o = (s = n.p) == null ? void 0 : s.drawingsOrder) == null ? void 0 : o.length) === 1) {
-    const a = n.p.drawings[n.p.drawingsOrder[0]], l = bn(
+    const c = n.p.drawings[n.p.drawingsOrder[0]], d = or(
       i,
       {
         unitId: e.unitId,
@@ -830,74 +830,74 @@ function _t(i, e, n) {
         row: e.row,
         col: e.col
       },
-      a.docTransform.size.width,
-      a.docTransform.size.height,
-      a.docTransform.angle
+      c.docTransform.size.width,
+      c.docTransform.size.height,
+      c.docTransform.angle
     );
-    if (l)
-      return a.transform.width = l.width, a.transform.height = l.height, a.docTransform.size.width = l.width, a.docTransform.size.height = l.height, a.transform.left = 0, a.transform.top = 0, a.docTransform.positionH.posOffset = 0, a.docTransform.positionV.posOffset = 0, n.p.documentStyle.pageSize.width = 1 / 0, n.p.documentStyle.pageSize.height = 1 / 0, !0;
+    if (d)
+      return c.transform.width = d.width, c.transform.height = d.height, c.docTransform.size.width = d.width, c.docTransform.size.height = d.height, c.transform.left = 0, c.transform.top = 0, c.docTransform.positionH.posOffset = 0, c.docTransform.positionV.posOffset = 0, n.p.documentStyle.pageSize.width = 1 / 0, n.p.documentStyle.pageSize.height = 1 / 0, !0;
   }
   return !1;
 }
-let Ge = class extends q {
+let vt = class extends se {
   constructor(i, e, n, t, r, s, o) {
     super(), this._commandService = i, this._sheetInterceptorService = e, this._univerInstanceService = n, this._injector = t, this._drawingManagerService = r, this._docDrawingController = s, this._editorBridgeService = o, this._initHandleResize(), this._handleInitEditor(), this._handleWriteCell(), this._initCellContentInterceptor();
   }
   _initHandleResize() {
     this.disposeWithMe(this._commandService.onCommandExecuted((i) => {
       let e, n = [];
-      if (i.id === Jt.id) {
+      if (i.id === Pn.id) {
         const t = i.params;
-        n = t.ranges, e = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
-      } else if (i.id === qt.id) {
+        n = t.ranges, e = F(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+      } else if (i.id === Un.id) {
         const t = i.params;
-        n = t.ranges, e = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
-      } else if (i.id === Jr.id) {
+        n = t.ranges, e = F(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+      } else if (i.id === Di.id) {
         const t = i.params;
-        n = t.ranges, e = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
-      } else if (i.id === qr.id) {
+        n = t.ranges, e = F(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+      } else if (i.id === An.id) {
         const t = i.params;
-        e = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId }), n = t.rowsAutoHeightInfo.map((r) => ({
+        e = F(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId }), n = t.rowsAutoHeightInfo.map((r) => ({
           startRow: r.row,
           endRow: r.row,
           startColumn: 0,
           endColumn: 9999
         }));
-      } else if (i.id === Zr.id) {
+      } else if (i.id === Mi.id) {
         const t = i.params;
-        n = t.ranges, e = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
-      } else if (i.id === Qr.id) {
+        n = t.ranges, e = F(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+      } else if (i.id === yi.id) {
         const t = i.params;
-        n = t.ranges, e = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+        n = t.ranges, e = F(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
       }
       e && n.length && n.forEach((t) => {
-        const r = zn.transformRange(t, e.worksheet);
+        const r = Or.transformRange(t, e.worksheet);
         for (let s = r.startRow; s <= r.endRow; s++)
           for (let o = r.startColumn; o <= r.endColumn; o++)
-            _t(this._injector, { unitId: e.unitId, subUnitId: e.subUnitId, row: s, col: o }, e.worksheet.getCellRaw(s, o));
+            en(this._injector, { unitId: e.unitId, subUnitId: e.subUnitId, row: s, col: o }, e.worksheet.getCellRaw(s, o));
       });
     }));
   }
   _handleInitEditor() {
     this.disposeWithMe(this._editorBridgeService.visible$.subscribe((i) => {
-      i.visible ? i.visible && (this._drawingManagerService.removeDrawingDataForUnit(De), this._docDrawingController.loadDrawingDataForUnit(De), this._drawingManagerService.initializeNotification(De)) : this._drawingManagerService.removeDrawingDataForUnit(De);
+      i.visible ? i.visible && (this._drawingManagerService.removeDrawingDataForUnit(nt), this._docDrawingController.loadDrawingDataForUnit(nt), this._drawingManagerService.initializeNotification(nt)) : this._drawingManagerService.removeDrawingDataForUnit(nt);
     })), this.disposeWithMe(this._commandService.onCommandExecuted((i) => {
-      i.id === hi.id && i.params.unitId === ye && (this._drawingManagerService.removeDrawingDataForUnit(ye), this._docDrawingController.loadDrawingDataForUnit(ye), this._drawingManagerService.initializeNotification(ye));
+      i.id === ki.id && i.params.unitId === rt && (this._drawingManagerService.removeDrawingDataForUnit(rt), this._docDrawingController.loadDrawingDataForUnit(rt), this._drawingManagerService.initializeNotification(rt));
     }));
   }
   _handleWriteCell() {
-    this.disposeWithMe(this._sheetInterceptorService.writeCellInterceptor.intercept(ei, {
+    this.disposeWithMe(this._sheetInterceptorService.writeCellInterceptor.intercept(Oi, {
       priority: 9999,
-      handler: (i, e, n) => (_t(this._injector, { unitId: e.unitId, subUnitId: e.subUnitId, row: e.row, col: e.col }, i), n(i))
+      handler: (i, e, n) => (en(this._injector, { unitId: e.unitId, subUnitId: e.subUnitId, row: e.row, col: e.col }, i), n(i))
     }));
   }
   _initCellContentInterceptor() {
     this.disposeWithMe(
       this._sheetInterceptorService.intercept(
-        ti.CELL_CONTENT,
+        Ei.CELL_CONTENT,
         {
-          effect: Kn.Style,
-          priority: ni.CELL_IMAGE,
+          effect: Er.Style,
+          priority: Ti.CELL_IMAGE,
           handler: (i, e, n) => {
             var t;
             return i != null && i.p && ((t = i.p.drawingsOrder) != null && t.length) && (i.interceptorStyle || (i.interceptorStyle = {}), i.interceptorStyle.tr = { a: 0 }), n(i);
@@ -907,21 +907,21 @@ let Ge = class extends q {
     );
   }
 };
-Ge = xi([
-  ce(0, B),
-  ce(1, U(Ze)),
-  ce(2, pe),
-  ce(3, U(Ie)),
-  ce(4, Q),
-  ce(5, U(gr)),
-  ce(6, U(Er))
-], Ge);
-var $i = Object.defineProperty, Bi = Object.getOwnPropertyDescriptor, Li = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Bi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+vt = hs([
+  Re(0, H),
+  Re(1, j(Tt)),
+  Re(2, Ne),
+  Re(3, j(ze)),
+  Re(4, oe),
+  Re(5, j(Hr)),
+  Re(6, j(si))
+], vt);
+var gs = Object.defineProperty, ms = Object.getOwnPropertyDescriptor, fs = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? ms(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && $i(e, n, r), r;
-}, Gt = (i, e) => (n, t) => e(n, t, i);
-let Fe = class extends q {
+  return t && r && gs(e, n, r), r;
+}, Cn = (i, e) => (n, t) => e(n, t, i);
+let St = class extends se {
   constructor(i, e) {
     super(), this._autoFillService = i, this._injector = e, this._initAutoFillHooks();
   }
@@ -930,27 +930,27 @@ let Fe = class extends q {
       this._autoFillService.addHook({
         id: "sheet-cell-image-autofill",
         onBeforeSubmit: (i, e, n, t) => {
-          new Jn(t).forValue((r, s, o) => {
-            _t(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
+          new Tr(t).forValue((r, s, o) => {
+            en(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
           });
         }
       })
     );
   }
 };
-Fe = Li([
-  Gt(0, U(Tr)),
-  Gt(1, U(Ie))
-], Fe);
-var Gi = Object.defineProperty, Fi = Object.getOwnPropertyDescriptor, Vi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Fi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+St = fs([
+  Cn(0, j(oi)),
+  Cn(1, j(ze))
+], St);
+var ps = Object.defineProperty, ws = Object.getOwnPropertyDescriptor, _s = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? ws(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Gi(e, n, r), r;
-}, Ne = (i, e) => (n, t) => e(n, t, i);
-let Ve = class extends q {
+  return t && r && ps(e, n, r), r;
+}, ht = (i, e) => (n, t) => e(n, t, i);
+let It = class extends se {
   constructor(e, n, t, r) {
     super();
-    V(this, "_isSetCursor", !1);
+    K(this, "_isSetCursor", !1);
     this._hoverManagerService = e, this._renderManagerService = n, this._selectionsService = t, this._drawingRenderService = r;
   }
   _initHover() {
@@ -958,21 +958,21 @@ let Ve = class extends q {
   _initImageClick() {
   }
 };
-Ve = Vi([
-  Ne(0, U(Pr)),
-  Ne(1, U(X)),
-  Ne(2, U(Kt)),
-  Ne(3, U(Ht))
-], Ve);
-var ki = Object.defineProperty, Hi = Object.getOwnPropertyDescriptor, Yi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Hi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+It = _s([
+  ht(0, j(ai)),
+  ht(1, j(q)),
+  ht(2, j(Tn)),
+  ht(3, j(Mn))
+], It);
+var vs = Object.defineProperty, Ss = Object.getOwnPropertyDescriptor, Is = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ss(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && ki(e, n, r), r;
-}, dt = (i, e) => (n, t) => e(n, t, i);
-let ke = class extends q {
+  return t && r && vs(e, n, r), r;
+}, Xt = (i, e) => (n, t) => e(n, t, i);
+let Ct = class extends se {
   constructor(e, n, t) {
     super();
-    V(this, "_copyInfo");
+    K(this, "_copyInfo");
     this._sheetClipboardService = e, this._renderManagerService = n, this._sheetDrawingService = t, this._initCopyPaste();
   }
   _initCopyPaste() {
@@ -980,33 +980,33 @@ let ke = class extends q {
       id: "SHEET_IMAGE_UI_PLUGIN",
       onBeforeCopy: (e, n, t) => this._collect(e, n, t),
       onPasteCells: (e, n, t, r) => {
-        const { copyType: s = Nt.COPY, pasteType: o } = r, { range: a } = e || {}, { range: l, unitId: g, subUnitId: d } = n;
-        return this._generateMutations(l, { copyType: s, pasteType: o, copyRange: a, unitId: g, subUnitId: d });
+        const { copyType: s = mn.COPY, pasteType: o } = r, { range: c } = e || {}, { range: d, unitId: g, subUnitId: a } = n;
+        return this._generateMutations(d, { copyType: s, pasteType: o, copyRange: c, unitId: g, subUnitId: a });
       },
       onPastePlainText: (e, n) => ({ undos: [], redos: [] })
     });
   }
   _collect(e, n, t) {
-    var h;
-    const r = (h = this._renderManagerService.getRenderById(e)) == null ? void 0 : h.with(Z);
+    var u;
+    const r = (u = this._renderManagerService.getRenderById(e)) == null ? void 0 : u.with(J);
     if (!r) return;
     const s = r.attachRangeWithCoord(t);
     if (!s)
       return;
-    const { startX: o, endX: a, startY: l, endY: g } = s, d = this._sheetDrawingService.getDrawingData(e, n), c = [];
-    Object.keys(d).forEach((u) => {
-      const m = d[u], { transform: f } = m;
-      if (m.anchorType !== y.Both || !f)
+    const { startX: o, endX: c, startY: d, endY: g } = s, a = this._sheetDrawingService.getDrawingData(e, n), l = [];
+    Object.keys(a).forEach((h) => {
+      const f = a[h], { transform: p } = f;
+      if (f.anchorType !== E.Both || !p)
         return;
-      const { left: p = 0, top: v = 0, width: I = 0, height: S = 0 } = f, { drawingStartX: M, drawingEndX: w, drawingStartY: C, drawingEndY: _ } = {
-        drawingStartX: p,
-        drawingEndX: p + I,
-        drawingStartY: v,
-        drawingEndY: v + S
+      const { left: m = 0, top: _ = 0, width: S = 0, height: I = 0 } = p, { drawingStartX: b, drawingEndX: v, drawingStartY: R, drawingEndY: w } = {
+        drawingStartX: m,
+        drawingEndX: m + S,
+        drawingStartY: _,
+        drawingEndY: _ + I
       };
-      o <= M && w <= a && l <= C && _ <= g && c.push(m);
-    }), c.length && (this._copyInfo = {
-      drawings: c,
+      o <= b && v <= c && d <= R && w <= g && l.push(f);
+    }), l.length && (this._copyInfo = {
+      drawings: l,
       unitId: e,
       subUnitId: n
     });
@@ -1017,100 +1017,100 @@ let ke = class extends q {
     if (!this._copyInfo)
       return { redos: [], undos: [] };
     if ([
-      Ee.SPECIAL_PASTE_COL_WIDTH,
-      Ee.SPECIAL_PASTE_VALUE,
-      Ee.SPECIAL_PASTE_FORMAT,
-      Ee.SPECIAL_PASTE_FORMULA
+      at.SPECIAL_PASTE_COL_WIDTH,
+      at.SPECIAL_PASTE_VALUE,
+      at.SPECIAL_PASTE_FORMAT,
+      at.SPECIAL_PASTE_FORMULA
     ].includes(n.pasteType))
       return { redos: [], undos: [] };
     const { copyRange: r } = n;
     if (!r)
       return { redos: [], undos: [] };
-    const { drawings: s, unitId: o, subUnitId: a } = this._copyInfo, { ranges: [l, g], mapFunc: d } = Ur([r, e]), { row: c, col: h } = d(l.startRow, l.startColumn), { row: u, col: m } = d(g.startRow, g.startColumn), f = (N = this._renderManagerService.getRenderById(o)) == null ? void 0 : N.with(Z);
-    if (!f)
+    const { drawings: s, unitId: o, subUnitId: c } = this._copyInfo, { ranges: [d, g], mapFunc: a } = ci([r, e]), { row: l, col: u } = a(d.startRow, d.startColumn), { row: h, col: f } = a(g.startRow, g.startColumn), p = (N = this._renderManagerService.getRenderById(o)) == null ? void 0 : N.with(J);
+    if (!p)
       return { redos: [], undos: [] };
-    const p = f.attachRangeWithCoord({
-      startRow: c,
-      endRow: c,
-      startColumn: h,
-      endColumn: h
-    }), v = f.attachRangeWithCoord({
-      startRow: u,
-      endRow: u,
-      startColumn: m,
-      endColumn: m
+    const m = p.attachRangeWithCoord({
+      startRow: l,
+      endRow: l,
+      startColumn: u,
+      endColumn: u
+    }), _ = p.attachRangeWithCoord({
+      startRow: h,
+      endRow: h,
+      startColumn: f,
+      endColumn: f
     });
-    if (!p || !v)
+    if (!m || !_)
       return { redos: [], undos: [] };
-    const I = [], S = [], M = v.startX - p.startX, w = v.startY - p.startY, C = u - c, _ = m - h, T = n.copyType === Nt.CUT, { _sheetDrawingService: D } = this;
+    const S = [], I = [], b = _.startX - m.startX, v = _.startY - m.startY, R = h - l, w = f - u, O = n.copyType === mn.CUT, { _sheetDrawingService: M } = this;
     return s.forEach((A) => {
-      const { transform: b, sheetTransform: R } = A;
-      if (!b)
+      const { transform: D, sheetTransform: C } = A;
+      if (!D)
         return;
-      const P = {
+      const y = {
         ...A,
         unitId: o,
-        subUnitId: a,
-        drawingId: T ? A.drawingId : ve.generateRandomId(),
+        subUnitId: c,
+        drawingId: O ? A.drawingId : ye.generateRandomId(),
         transform: {
-          ...b,
-          left: b.left + M,
-          top: b.top + w
+          ...D,
+          left: D.left + b,
+          top: D.top + v
         },
         sheetTransform: {
-          to: { ...R.to, row: R.to.row + C, column: R.to.column + _ },
-          from: { ...R.from, row: R.from.row + C, column: R.from.column + _ }
+          to: { ...C.to, row: C.to.row + R, column: C.to.column + w },
+          from: { ...C.from, row: C.from.row + R, column: C.from.column + w }
         }
       };
-      if (T) {
-        const { undo: x, redo: se, objects: oe } = D.getBatchUpdateOp([P]);
-        I.push({
-          id: O.id,
+      if (O) {
+        const { undo: U, redo: k, objects: Y } = M.getBatchUpdateOp([y]);
+        S.push({
+          id: T.id,
           params: {
             unitId: o,
-            subUnitId: a,
-            type: E.UPDATE,
-            op: se,
-            objects: oe
+            subUnitId: c,
+            type: P.UPDATE,
+            op: k,
+            objects: Y
           }
-        }), S.push({
-          id: O.id,
+        }), I.push({
+          id: T.id,
           params: {
             unitId: o,
-            subUnitId: a,
-            type: E.UPDATE,
-            op: x,
-            objects: oe
+            subUnitId: c,
+            type: P.UPDATE,
+            op: U,
+            objects: Y
           }
         });
       } else {
-        const { undo: x, redo: se, objects: oe } = D.getBatchAddOp([P]);
-        I.push({ id: O.id, params: { op: se, unitId: o, subUnitId: a, objects: oe, type: E.INSERT } }), S.push({ id: O.id, params: { op: x, unitId: o, subUnitId: a, objects: oe, type: E.REMOVE } });
+        const { undo: U, redo: k, objects: Y } = M.getBatchAddOp([y]);
+        S.push({ id: T.id, params: { op: k, unitId: o, subUnitId: c, objects: Y, type: P.INSERT } }), I.push({ id: T.id, params: { op: U, unitId: o, subUnitId: c, objects: Y, type: P.REMOVE } });
       }
     }), {
-      redos: I,
-      undos: S
+      redos: S,
+      undos: I
     };
   }
 };
-ke = Yi([
-  dt(0, Ar),
-  dt(1, X),
-  dt(2, z)
-], ke);
-var Xi = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, Ki = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? zi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+Ct = Is([
+  Xt(0, di),
+  Xt(1, q),
+  Xt(2, Q)
+], Ct);
+var Cs = Object.defineProperty, Rs = Object.getOwnPropertyDescriptor, bs = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Rs(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Xi(e, n, r), r;
-}, we = (i, e) => (n, t) => e(n, t, i);
-let He = class extends q {
+  return t && r && Cs(e, n, r), r;
+}, Ve = (i, e) => (n, t) => e(n, t, i);
+let Rt = class extends se {
   constructor(i, e, n, t, r) {
     super(), this._drawingManagerService = i, this._renderManagerService = e, this._permissionService = n, this._univerInstanceService = t, this._userManagerService = r, this._initDrawingVisible(), this._initDrawingEditable(), this._initViewPermissionChange(), this._initEditPermissionChange();
   }
   _initDrawingVisible() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(V.UNIVER_SHEET);
     this.disposeWithMe(
-      Te([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+      ct([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
         if (!e) {
           this._drawingManagerService.setDrawingVisible(!1);
           return;
@@ -1121,15 +1121,15 @@ let He = class extends q {
             return;
           }
           const r = e.getUnitId(), s = t.getSheetId();
-          if (this._permissionService.composePermission([new xt(r).id, new ot(r, s).id]).every((a) => a.value))
+          if (this._permissionService.composePermission([new _n(r).id, new Vt(r, s).id]).every((c) => c.value))
             this._drawingManagerService.setDrawingVisible(!0);
           else {
             this._drawingManagerService.setDrawingVisible(!1);
-            const a = e.getUnitId(), l = t.getSheetId(), g = this._drawingManagerService.getDrawingData(a, l), d = Object.values(g), c = this._renderManagerService.getRenderById(a), h = c == null ? void 0 : c.scene;
-            if (h == null)
+            const c = e.getUnitId(), d = t.getSheetId(), g = this._drawingManagerService.getDrawingData(c, d), a = Object.values(g), l = this._renderManagerService.getRenderById(c), u = l == null ? void 0 : l.scene;
+            if (u == null)
               return;
-            h.getAllObjectsByOrder().forEach((m) => {
-              m.classType === he.IMAGE && d.some((f) => m.oKey.includes(f.drawingId)) && h.removeObject(m);
+            u.getAllObjectsByOrder().forEach((f) => {
+              f.classType === Te.IMAGE && a.some((p) => f.oKey.includes(p.drawingId)) && u.removeObject(f);
             });
           }
         });
@@ -1137,9 +1137,9 @@ let He = class extends q {
     );
   }
   _initDrawingEditable() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(V.UNIVER_SHEET);
     this.disposeWithMe(
-      Te([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+      ct([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
         if (!e) {
           this._drawingManagerService.setDrawingEditable(!1);
           return;
@@ -1150,15 +1150,15 @@ let He = class extends q {
             return;
           }
           const r = e.getUnitId(), s = t.getSheetId();
-          if (this._permissionService.composePermission([new ht(r).id, new $e(r, s).id]).every((a) => a.value))
+          if (this._permissionService.composePermission([new Kt(r).id, new wt(r, s).id]).every((c) => c.value))
             this._drawingManagerService.setDrawingEditable(!0);
           else {
             this._drawingManagerService.setDrawingEditable(!1);
-            const a = e.getUnitId(), l = t.getSheetId(), g = this._drawingManagerService.getDrawingData(a, l), d = Object.values(g), c = this._renderManagerService.getRenderById(a), h = c == null ? void 0 : c.scene;
-            if (h == null)
+            const c = e.getUnitId(), d = t.getSheetId(), g = this._drawingManagerService.getDrawingData(c, d), a = Object.values(g), l = this._renderManagerService.getRenderById(c), u = l == null ? void 0 : l.scene;
+            if (u == null)
               return;
-            h.getAllObjectsByOrder().forEach((m) => {
-              m.classType === he.IMAGE && d.some((f) => m.oKey.includes(f.drawingId)) && h.detachTransformerFrom(m);
+            u.getAllObjectsByOrder().forEach((f) => {
+              f.classType === Te.IMAGE && a.some((p) => f.oKey.includes(p.drawingId)) && u.detachTransformerFrom(f);
             });
           }
         });
@@ -1166,38 +1166,38 @@ let He = class extends q {
     );
   }
   _initViewPermissionChange() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(V.UNIVER_SHEET);
     this.disposeWithMe(
-      Te([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+      ct([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
         e && e.activeSheet$.subscribe((t) => {
-          var c;
+          var l;
           if (!t)
             return;
           const r = e.getUnitId(), s = t.getSheetId();
           let o = !0;
-          const a = this._renderManagerService.getRenderById(r), l = a == null ? void 0 : a.scene;
-          if (l == null)
+          const c = this._renderManagerService.getRenderById(r), d = c == null ? void 0 : c.scene;
+          if (d == null)
             return;
-          const g = l.getTransformerByCreate(), d = this._permissionService.composePermission$([new xt(r).id, new ot(r, s).id]).pipe(Be((h) => h.every((u) => u.value)));
-          d == null || d.pipe(
-            ie((h) => h !== o),
-            Pe()
+          const g = d.getTransformerByCreate(), a = this._permissionService.composePermission$([new _n(r).id, new Vt(r, s).id]).pipe(Ye((u) => u.every((h) => h.value)));
+          a == null || a.pipe(
+            _e((u) => u !== o),
+            dt()
           ).subscribe({
-            next: (h) => {
-              o = h, this._drawingManagerService.setDrawingVisible(h);
-              const u = l.getAllObjectsByOrder(), m = this._drawingManagerService.getDrawingData(r, s), f = Object.values(m);
-              h ? this._drawingManagerService.addNotification(f) : (u.forEach((p) => {
-                p.classType === he.IMAGE && f.some((v) => p.oKey.includes(v.drawingId)) && l.removeObject(p);
+            next: (u) => {
+              o = u, this._drawingManagerService.setDrawingVisible(u);
+              const h = d.getAllObjectsByOrder(), f = this._drawingManagerService.getDrawingData(r, s), p = Object.values(f);
+              u ? this._drawingManagerService.addNotification(p) : (h.forEach((m) => {
+                m.classType === Te.IMAGE && p.some((_) => m.oKey.includes(_.drawingId)) && d.removeObject(m);
               }), g.clearSelectedObjects());
             }
-          }), (c = this._permissionService.getPermissionPoint$(new ot(r, s).id)) == null || c.pipe(
-            ie((h) => h.value !== o),
-            Pe()
+          }), (l = this._permissionService.getPermissionPoint$(new Vt(r, s).id)) == null || l.pipe(
+            _e((u) => u.value !== o),
+            dt()
           ).subscribe({
             complete: () => {
               o = !0, this._drawingManagerService.setDrawingVisible(!0);
-              const h = this._drawingManagerService.getDrawingData(r, s), u = Object.values(h);
-              this._drawingManagerService.addNotification(u);
+              const u = this._drawingManagerService.getDrawingData(r, s), h = Object.values(u);
+              this._drawingManagerService.addNotification(h);
             }
           });
         });
@@ -1205,43 +1205,43 @@ let He = class extends q {
     );
   }
   _initEditPermissionChange() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(V.UNIVER_SHEET);
     this.disposeWithMe(
-      Te([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
+      ct([i, this._userManagerService.currentUser$]).subscribe(([e, n]) => {
         e && e.activeSheet$.subscribe((t) => {
-          var c;
+          var l;
           if (!t)
             return;
           const r = e.getUnitId(), s = t.getSheetId();
           let o = !0;
-          const a = this._renderManagerService.getRenderById(r), l = a == null ? void 0 : a.scene;
-          if (l == null)
+          const c = this._renderManagerService.getRenderById(r), d = c == null ? void 0 : c.scene;
+          if (d == null)
             return;
-          const g = l.getTransformerByCreate(), d = this._permissionService.composePermission$([new ht(r).id, new $e(r, s).id]).pipe(Be((h) => h.every((u) => u.value)));
-          d == null || d.pipe(
-            ie((h) => h !== o),
-            Pe()
+          const g = d.getTransformerByCreate(), a = this._permissionService.composePermission$([new Kt(r).id, new wt(r, s).id]).pipe(Ye((u) => u.every((h) => h.value)));
+          a == null || a.pipe(
+            _e((u) => u !== o),
+            dt()
           ).subscribe({
-            next: (h) => {
-              o = h, this._drawingManagerService.setDrawingEditable(h);
-              const u = l.getAllObjectsByOrder(), m = this._drawingManagerService.getDrawingData(r, s), f = Object.values(m);
-              h ? (u.forEach((p) => {
-                p.classType === he.IMAGE && f.some((v) => p.oKey.includes(v.drawingId)) && l.attachTransformerTo(p);
-              }), this._drawingManagerService.addNotification(f)) : (u.forEach((p) => {
-                p.classType === he.IMAGE && f.some((v) => p.oKey.includes(v.drawingId)) && l.detachTransformerFrom(p);
+            next: (u) => {
+              o = u, this._drawingManagerService.setDrawingEditable(u);
+              const h = d.getAllObjectsByOrder(), f = this._drawingManagerService.getDrawingData(r, s), p = Object.values(f);
+              u ? (h.forEach((m) => {
+                m.classType === Te.IMAGE && p.some((_) => m.oKey.includes(_.drawingId)) && d.attachTransformerTo(m);
+              }), this._drawingManagerService.addNotification(p)) : (h.forEach((m) => {
+                m.classType === Te.IMAGE && p.some((_) => m.oKey.includes(_.drawingId)) && d.detachTransformerFrom(m);
               }), g.clearSelectedObjects());
             }
-          }), (c = this._permissionService.getPermissionPoint$(new $e(r, s).id)) == null || c.pipe(
-            ie((h) => h.value !== o),
-            Pe()
+          }), (l = this._permissionService.getPermissionPoint$(new wt(r, s).id)) == null || l.pipe(
+            _e((u) => u.value !== o),
+            dt()
           ).subscribe({
             complete: () => {
               o = !0;
-              const h = e.getUnitId(), u = t.getSheetId(), m = this._drawingManagerService.getDrawingData(h, u), f = Object.values(m), p = this._renderManagerService.getRenderById(h), v = p == null ? void 0 : p.scene;
-              if (v == null)
+              const u = e.getUnitId(), h = t.getSheetId(), f = this._drawingManagerService.getDrawingData(u, h), p = Object.values(f), m = this._renderManagerService.getRenderById(u), _ = m == null ? void 0 : m.scene;
+              if (_ == null)
                 return;
-              this._drawingManagerService.setDrawingEditable(!0), v.getAllObjectsByOrder().forEach((S) => {
-                S.classType === he.IMAGE && f.some((M) => S.oKey.includes(M.drawingId)) && v.detachTransformerFrom(S);
+              this._drawingManagerService.setDrawingEditable(!0), _.getAllObjectsByOrder().forEach((I) => {
+                I.classType === Te.IMAGE && p.some((b) => I.oKey.includes(b.drawingId)) && _.detachTransformerFrom(I);
               });
             }
           });
@@ -1250,19 +1250,19 @@ let He = class extends q {
     );
   }
 };
-He = Ki([
-  we(0, Q),
-  we(1, X),
-  we(2, Zn),
-  we(3, pe),
-  we(4, U(qn))
-], He);
-var Ji = Object.defineProperty, qi = Object.getOwnPropertyDescriptor, Zi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? qi(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+Rt = bs([
+  Ve(0, oe),
+  Ve(1, q),
+  Ve(2, Ur),
+  Ve(3, Ne),
+  Ve(4, j(Pr))
+], Rt);
+var Ds = Object.defineProperty, Ms = Object.getOwnPropertyDescriptor, ys = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ms(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Ji(e, n, r), r;
-}, je = (i, e) => (n, t) => e(n, t, i);
-let Ye = class extends q {
+  return t && r && Ds(e, n, r), r;
+}, gt = (i, e) => (n, t) => e(n, t, i);
+let bt = class extends se {
   constructor(i, e, n, t) {
     super(), this._sheetPrintInterceptorService = i, this._drawingRenderService = e, this._drawingManagerService = n, this._renderManagerService = t, this._initPrinting();
   }
@@ -1272,9 +1272,9 @@ let Ye = class extends q {
         this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT,
         {
           handler: (i, e, n) => {
-            const { unitId: t, scene: r, subUnitId: s } = e, o = this._drawingManagerService.getDrawingDataForUnit(t), a = o == null ? void 0 : o[s];
-            return a && a.order.forEach((l) => {
-              this._drawingRenderService.renderDrawing(a.data[l], r);
+            const { unitId: t, scene: r, subUnitId: s } = e, o = this._drawingManagerService.getDrawingDataForUnit(t), c = o == null ? void 0 : o[s];
+            return c && c.order.forEach((d) => {
+              this._drawingRenderService.renderDrawing(c.data[d], r);
             }), n();
           }
         }
@@ -1287,123 +1287,123 @@ let Ye = class extends q {
             const { unitId: t, subUnitId: r } = e, s = this._renderManagerService.getRenderById(t);
             if (!s)
               return n(i);
-            const o = s.with(Z).getWorksheetSkeleton(r);
+            const o = s.with(J).getWorksheetSkeleton(r);
             if (!o)
               return n(i);
-            const a = this._drawingManagerService.getDrawingDataForUnit(t), l = a == null ? void 0 : a[e.subUnitId];
-            if (!l)
+            const c = this._drawingManagerService.getDrawingDataForUnit(t), d = c == null ? void 0 : c[e.subUnitId];
+            if (!d)
               return n(i);
-            const { scaleX: g, scaleY: d } = s.scene, c = i ? { ...i } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, h = l.order.map((u) => l.data[u]).filter((u) => u.drawingType !== k.DRAWING_DOM);
-            return h.length ? (h.forEach((u) => {
-              if (!u.groupId && u.transform && ve.isDefine(u.transform.left) && ve.isDefine(u.transform.top) && ve.isDefine(u.transform.width) && ve.isDefine(u.transform.height)) {
-                const m = o.skeleton.getCellIndexByOffset(u.transform.left, u.transform.top, g, d, { x: 0, y: 0 }), f = o.skeleton.getCellIndexByOffset(u.transform.left + u.transform.width, u.transform.top + u.transform.height, g, d, { x: 0, y: 0 });
-                m.column < c.startColumn && (c.startColumn = m.column), m.row < c.startRow && (c.startRow = m.row), c.endRow < f.row && (c.endRow = f.row), c.endColumn < f.column && (c.endColumn = f.column);
+            const { scaleX: g, scaleY: a } = s.scene, l = i ? { ...i } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, u = d.order.map((h) => d.data[h]).filter((h) => h.drawingType !== $.DRAWING_DOM);
+            return u.length ? (u.forEach((h) => {
+              if (!h.groupId && h.transform && ye.isDefine(h.transform.left) && ye.isDefine(h.transform.top) && ye.isDefine(h.transform.width) && ye.isDefine(h.transform.height)) {
+                const f = o.skeleton.getCellIndexByOffset(h.transform.left, h.transform.top, g, a, { x: 0, y: 0 }), p = o.skeleton.getCellIndexByOffset(h.transform.left + h.transform.width, h.transform.top + h.transform.height, g, a, { 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);
               }
-            }), n(c)) : n(i);
+            }), n(l)) : n(i);
           }
         }
       )
     );
   }
 };
-Ye = Zi([
-  je(0, U(Nr)),
-  je(1, U(Ht)),
-  je(2, Q),
-  je(3, X)
-], Ye);
-var Qi = Object.defineProperty, es = Object.getOwnPropertyDescriptor, ts = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? es(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+bt = ys([
+  gt(0, j(li)),
+  gt(1, j(Mn)),
+  gt(2, oe),
+  gt(3, q)
+], bt);
+var Os = Object.defineProperty, Es = Object.getOwnPropertyDescriptor, Ts = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Es(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && Qi(e, n, r), r;
-}, te = (i, e) => (n, t) => e(n, t, i);
-const ns = [
-  Zt.id,
-  Qt.id,
-  en.id,
-  tn.id,
-  nn.id,
-  rn.id,
-  sn.id,
-  on.id,
-  gt.id,
-  mt.id,
-  an.id,
-  cn.id,
-  dn.id,
-  ln.id,
-  un.id,
-  hn.id,
-  gn.id,
-  mn.id,
-  fn.id
-], rs = [
-  ri.id,
-  ii.id,
-  si.id,
-  oi.id,
+  return t && r && Os(e, n, r), r;
+}, fe = (i, e) => (n, t) => e(n, t, i);
+const Ps = [
+  Nn.id,
+  jn.id,
+  Wn.id,
+  xn.id,
+  Bn.id,
+  $n.id,
+  Ln.id,
+  kn.id,
   Jt.id,
-  qt.id
+  Zt.id,
+  Gn.id,
+  Fn.id,
+  Vn.id,
+  Hn.id,
+  Yn.id,
+  Xn.id,
+  zn.id,
+  Kn.id,
+  Jn.id
+], Us = [
+  Pi.id,
+  Ui.id,
+  Ai.id,
+  Ni.id,
+  Pn.id,
+  Un.id
 ];
-let wt = class extends q {
-  constructor(i, e, n, t, r, s, o, a, l) {
-    super(), this._context = i, this._renderManagerService = e, this._commandService = n, this._selectionRenderService = t, this._skeletonManagerService = r, this._sheetInterceptorService = s, this._sheetDrawingService = o, this._drawingManagerService = a, this._univerInstanceService = l, this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
+let tn = class extends se {
+  constructor(i, e, n, t, r, s, o, c, d) {
+    super(), this._context = i, this._renderManagerService = e, this._commandService = n, this._selectionRenderService = t, this._skeletonManagerService = r, this._sheetInterceptorService = s, this._sheetDrawingService = o, this._drawingManagerService = c, this._univerInstanceService = d, this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
   }
   _sheetInterceptorListener() {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
         getMutations: (i) => {
-          if (!ns.includes(i.id))
+          if (!Ps.includes(i.id))
             return { redos: [], undos: [] };
           if (i.params == null)
             return { redos: [], undos: [] };
           const e = i.id;
-          if (e === Zt.id)
+          if (e === Nn.id)
             return this._moveRowInterceptor(i.params, "insert");
-          if ([gn.id, mn.id, fn.id].includes(e))
+          if ([zn.id, Kn.id, Jn.id].includes(e))
             return this._moveRangeInterceptor(i.params);
-          if (e === Qt.id)
+          if (e === jn.id)
             return this._moveColInterceptor(i.params, "insert");
-          if (e === en.id)
+          if (e === Wn.id)
             return this._moveRowInterceptor(i.params, "remove");
-          if (e === tn.id)
+          if (e === xn.id)
             return this._moveColInterceptor(i.params, "remove");
-          if (e === nn.id) {
+          if (e === Bn.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               0
               /* deleteLeft */
             );
-          } else if (e === rn.id) {
+          } else if (e === $n.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               1
               /* deleteUp */
             );
-          } else if (e === sn.id) {
+          } else if (e === Ln.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               2
               /* insertDown */
             );
-          } else if (e === on.id) {
+          } else if (e === kn.id) {
             const { range: n } = i.params;
             return this._getRangeMoveUndo(
               n,
               3
               /* insertRight */
             );
-          } else if (e === dn.id || e === ln.id) {
+          } else if (e === Vn.id || e === Hn.id) {
             const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n;
             return this._getDrawingUndoForRowVisible(t, r, s);
-          } else if (e === un.id || e === hn.id) {
+          } else if (e === Yn.id || e === Xn.id) {
             const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n;
             return this._getDrawingUndoForColVisible(t, r, s);
-          } else if (e === gt.id || e === mt.id || e === an.id || e === cn.id) {
-            const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n, o = e === gt.id || e === mt.id;
+          } else if (e === Jt.id || e === Zt.id || e === Gn.id || e === Fn.id) {
+            const n = i.params, { unitId: t, subUnitId: r, ranges: s } = n, o = e === Jt.id || e === Zt.id;
             return this._getDrawingUndoForRowAndColSize(t, r, s, o);
           }
           return { redos: [], undos: [] };
@@ -1412,66 +1412,66 @@ let wt = class extends q {
     );
   }
   _getRangeMoveUndo(i, e) {
-    const n = H(this._univerInstanceService);
+    const n = F(this._univerInstanceService);
     if (n == null)
       return { redos: [], undos: [] };
-    const t = n.unitId, r = n.subUnitId, s = [], o = [], a = this._sheetDrawingService.getDrawingData(t, r), l = [], g = [];
-    if (Object.keys(a).forEach((d) => {
-      const c = a[d], { updateDrawings: h, deleteDrawings: u } = this._getUpdateOrDeleteDrawings(i, e, c);
-      l.push(...h), g.push(...u);
-    }), l.length === 0 && g.length === 0)
+    const t = n.unitId, r = n.subUnitId, s = [], o = [], c = this._sheetDrawingService.getDrawingData(t, r), d = [], g = [];
+    if (Object.keys(c).forEach((a) => {
+      const l = c[a], { updateDrawings: u, deleteDrawings: h } = this._getUpdateOrDeleteDrawings(i, e, l);
+      d.push(...u), g.push(...h);
+    }), d.length === 0 && g.length === 0)
       return { redos: [], undos: [] };
-    if (l.length > 0) {
-      const d = this._sheetDrawingService.getBatchUpdateOp(l), { undo: c, redo: h, objects: u } = d;
-      s.push({ id: O.id, params: { unitId: t, subUnitId: r, op: h, objects: u, type: E.UPDATE } }), o.push({ id: O.id, params: { unitId: t, subUnitId: r, op: c, objects: u, type: E.UPDATE } });
+    if (d.length > 0) {
+      const a = this._sheetDrawingService.getBatchUpdateOp(d), { undo: l, redo: u, objects: h } = a;
+      s.push({ id: T.id, params: { unitId: t, subUnitId: r, op: u, objects: h, type: P.UPDATE } }), o.push({ id: T.id, params: { unitId: t, subUnitId: r, op: l, objects: h, type: P.UPDATE } });
     }
     if (g.length > 0) {
-      const d = this._sheetDrawingService.getBatchRemoveOp(g), c = d.undo, h = d.redo, u = d.objects;
-      s.push({ id: O.id, params: { unitId: t, subUnitId: r, op: h, objects: u, type: E.REMOVE } }), o.push({ id: O.id, params: { unitId: t, subUnitId: r, op: c, objects: u, type: E.INSERT } });
+      const a = this._sheetDrawingService.getBatchRemoveOp(g), l = a.undo, u = a.redo, h = a.objects;
+      s.push({ id: T.id, params: { unitId: t, subUnitId: r, op: u, objects: h, type: P.REMOVE } }), o.push({ id: T.id, params: { unitId: t, subUnitId: r, op: l, objects: h, type: P.INSERT } });
     }
-    return s.push({ id: W.id, params: [t] }), o.push({ id: W.id, params: [t] }), {
+    return s.push({ id: L.id, params: [t] }), o.push({ id: L.id, params: [t] }), {
       redos: s,
       undos: o
     };
   }
   _getUpdateOrDeleteDrawings(i, e, n) {
-    const t = [], r = [], { sheetTransform: s, anchorType: o = y.Position, transform: a, unitId: l, subUnitId: g, drawingId: d } = n, { from: c, to: h } = s, { row: u, column: m } = c, { row: f, column: p } = h;
-    if (s == null || a == null)
+    const t = [], r = [], { sheetTransform: s, anchorType: o = E.Position, transform: c, unitId: d, subUnitId: g, drawingId: a } = n, { from: l, to: u } = s, { row: h, column: f } = l, { row: p, column: m } = u;
+    if (s == null || c == null)
       return {
         updateDrawings: t,
         deleteDrawings: r
       };
-    const { startRow: v, endRow: I, startColumn: S, endColumn: M } = i;
-    let w = null, C = null;
-    if (e === 0 && u >= v && f <= I)
-      if (m >= S && p <= M)
-        r.push({ unitId: l, subUnitId: g, drawingId: d });
+    const { startRow: _, endRow: S, startColumn: I, endColumn: b } = i;
+    let v = null, R = null;
+    if (e === 0 && h >= _ && p <= S)
+      if (f >= I && m <= b)
+        r.push({ unitId: d, subUnitId: g, drawingId: a });
       else {
-        const _ = this._shrinkCol(s, a, S, M, o);
-        w = _ == null ? void 0 : _.newSheetTransform, C = _ == null ? void 0 : _.newTransform;
+        const w = this._shrinkCol(s, c, I, b, o);
+        v = w == null ? void 0 : w.newSheetTransform, R = w == null ? void 0 : w.newTransform;
       }
-    else if (e === 1 && m >= S && p <= M)
-      if (u >= v && f <= I)
-        r.push({ unitId: l, subUnitId: g, drawingId: d });
+    else if (e === 1 && f >= I && m <= b)
+      if (h >= _ && p <= S)
+        r.push({ unitId: d, subUnitId: g, drawingId: a });
       else {
-        const _ = this._shrinkRow(s, a, v, I, o);
-        w = _ == null ? void 0 : _.newSheetTransform, C = _ == null ? void 0 : _.newTransform;
+        const w = this._shrinkRow(s, c, _, S, o);
+        v = w == null ? void 0 : w.newSheetTransform, R = w == null ? void 0 : w.newTransform;
       }
     else if (e === 2) {
-      const _ = this._expandRow(s, a, v, I, o);
-      w = _ == null ? void 0 : _.newSheetTransform, C = _ == null ? void 0 : _.newTransform;
+      const w = this._expandRow(s, c, _, S, o);
+      v = w == null ? void 0 : w.newSheetTransform, R = w == null ? void 0 : w.newTransform;
     } else if (e === 3) {
-      const _ = this._expandCol(s, a, S, M, o);
-      w = _ == null ? void 0 : _.newSheetTransform, C = _ == null ? void 0 : _.newTransform;
+      const w = this._expandCol(s, c, I, b, o);
+      v = w == null ? void 0 : w.newSheetTransform, R = w == null ? void 0 : w.newTransform;
     }
-    if (w != null && C != null) {
-      const _ = L(w, this._selectionRenderService, this._skeletonManagerService);
-      t.push({ ...n, sheetTransform: w, transform: _ });
+    if (v != null && R != null) {
+      const w = X(v, this._selectionRenderService, this._skeletonManagerService);
+      t.push({ ...n, sheetTransform: v, transform: w });
     }
     return { updateDrawings: t, deleteDrawings: r };
   }
   _remainDrawingSize(i, e, n) {
-    const t = j({ ...i }, this._selectionRenderService);
+    const t = B({ ...i }, this._selectionRenderService);
     t != null && e.push({
       ...n,
       sheetTransform: t
@@ -1480,203 +1480,203 @@ let wt = class extends q {
   // eslint-disable-next-line max-lines-per-function
   _getDrawingUndoForColVisible(i, e, n) {
     const t = this._drawingManagerService.getDrawingData(i, e), r = [], s = [];
-    if (Object.keys(t).forEach((d) => {
-      const c = t[d], { sheetTransform: h, transform: u, anchorType: m = y.Position } = c;
-      if (m === y.None)
-        this._remainDrawingSize(u, r, c);
+    if (Object.keys(t).forEach((a) => {
+      const l = t[a], { sheetTransform: u, transform: h, anchorType: f = E.Position } = l;
+      if (f === E.None)
+        this._remainDrawingSize(h, r, l);
       else {
-        const { from: f, to: p } = h, { row: v, column: I } = f, { row: S, column: M } = p;
-        for (let w = 0; w < n.length; w++) {
-          const C = n[w], { startRow: _, endRow: T, startColumn: D, endColumn: N } = C;
-          if (M < D)
+        const { from: p, to: m } = u, { row: _, column: S } = p, { row: I, column: b } = m;
+        for (let v = 0; v < n.length; v++) {
+          const R = n[v], { startRow: w, endRow: O, startColumn: M, endColumn: N } = R;
+          if (b < M)
             continue;
-          if (m === y.Position) {
-            let R = null, P = null;
-            if (I >= D && I <= N) {
-              const x = this._skeletonManagerService.attachRangeWithCoord({ startColumn: I, endColumn: N, startRow: f.row, endRow: p.row });
-              if (x == null)
+          if (f === E.Position) {
+            let C = null, y = null;
+            if (S >= M && S <= N) {
+              const U = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: N, startRow: p.row, endRow: m.row });
+              if (U == null)
                 return;
-              P = { ...u, left: x.startX };
+              y = { ...h, left: U.startX };
             }
-            if (P != null && (R = j(P, this._selectionRenderService), R != null && P != null)) {
-              r.push({ ...c, sheetTransform: R, transform: P });
+            if (y != null && (C = B(y, this._selectionRenderService), C != null && y != null)) {
+              r.push({ ...l, sheetTransform: C, transform: y });
               break;
             }
-            this._remainDrawingSize(u, r, c);
+            this._remainDrawingSize(h, r, l);
             continue;
           }
-          if (I >= D && M <= N)
+          if (S >= M && b <= N)
             continue;
-          let A = null, b = null;
-          if (I >= D && I <= N) {
-            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: I, endColumn: N, startRow: f.row, endRow: p.row });
-            if (R == null)
+          let A = null, D = null;
+          if (S >= M && S <= N) {
+            const C = this._skeletonManagerService.attachRangeWithCoord({ startColumn: S, endColumn: N, startRow: p.row, endRow: m.row });
+            if (C == null)
               return;
-            b = {
-              ...u,
-              left: (R == null ? void 0 : R.startX) || 0,
-              width: ((u == null ? void 0 : u.width) || 0) - R.endX + R.startX
+            D = {
+              ...h,
+              left: (C == null ? void 0 : C.startX) || 0,
+              width: ((h == null ? void 0 : h.width) || 0) - C.endX + C.startX
             };
-          } else if (M >= D && M <= N) {
-            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: D, endColumn: M, startRow: f.row, endRow: p.row });
-            if (R == null)
+          } else if (b >= M && b <= N) {
+            const C = this._skeletonManagerService.attachRangeWithCoord({ startColumn: M, endColumn: b, startRow: p.row, endRow: m.row });
+            if (C == null)
               return;
-            b = {
-              ...u,
-              left: R.startX - ((u == null ? void 0 : u.width) || 0)
+            D = {
+              ...h,
+              left: C.startX - ((h == null ? void 0 : h.width) || 0)
             };
           } else {
-            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: D, endColumn: N, startRow: f.row, endRow: p.row });
-            if (R == null)
+            const C = this._skeletonManagerService.attachRangeWithCoord({ startColumn: M, endColumn: N, startRow: p.row, endRow: m.row });
+            if (C == null)
               return;
-            if (b = {
-              ...u,
-              width: ((u == null ? void 0 : u.width) || 0) - R.endX + R.startX
-            }, A = j(b, this._selectionRenderService), A != null && b != null) {
-              s.push({ ...c, sheetTransform: A, transform: b });
+            if (D = {
+              ...h,
+              width: ((h == null ? void 0 : h.width) || 0) - C.endX + C.startX
+            }, A = B(D, this._selectionRenderService), A != null && D != null) {
+              s.push({ ...l, sheetTransform: A, transform: D });
               break;
             }
           }
-          if (b != null && (A = j(b, this._selectionRenderService)), b != null && A != null) {
-            r.push({ ...c, sheetTransform: A, transform: b });
+          if (D != null && (A = B(D, this._selectionRenderService)), D != null && A != null) {
+            r.push({ ...l, sheetTransform: A, transform: D });
             break;
           } else
-            this._remainDrawingSize(u, r, c);
+            this._remainDrawingSize(h, r, l);
         }
       }
     }), r.length === 0 && s.length === 0)
       return { redos: [], undos: [] };
-    const { redos: o, undos: a } = this._createUndoAndRedoMutation(i, e, r), l = [], g = [];
+    const { redos: o, undos: c } = this._createUndoAndRedoMutation(i, e, r), d = [], g = [];
     if (s.length > 0) {
-      const { redos: d, undos: c } = this._createUndoAndRedoMutation(i, e, s);
-      l.push(...d), g.push(...c);
+      const { redos: a, undos: l } = this._createUndoAndRedoMutation(i, e, s);
+      d.push(...a), g.push(...l);
     }
     return {
       redos: o,
-      undos: a,
-      preRedos: l,
+      undos: c,
+      preRedos: d,
       preUndos: g
     };
   }
   _createUndoAndRedoMutation(i, e, n) {
-    const t = this._sheetDrawingService.getBatchUpdateOp(n), { undo: r, redo: s, objects: o } = t, a = [
-      { id: O.id, params: { unitId: i, subUnitId: e, op: s, objects: o, type: E.UPDATE } },
-      { id: W.id, params: [i] }
-    ], l = [
-      { id: O.id, params: { unitId: i, subUnitId: e, op: r, objects: o, type: E.UPDATE } },
-      { id: W.id, params: [i] }
+    const t = this._sheetDrawingService.getBatchUpdateOp(n), { undo: r, redo: s, objects: o } = t, c = [
+      { id: T.id, params: { unitId: i, subUnitId: e, op: s, objects: o, type: P.UPDATE } },
+      { id: L.id, params: [i] }
+    ], d = [
+      { id: T.id, params: { unitId: i, subUnitId: e, op: r, objects: o, type: P.UPDATE } },
+      { id: L.id, params: [i] }
     ];
     return {
-      redos: a,
-      undos: l
+      redos: c,
+      undos: d
     };
   }
   // eslint-disable-next-line max-lines-per-function
   _getDrawingUndoForRowVisible(i, e, n) {
     const t = this._drawingManagerService.getDrawingData(i, e), r = [], s = [];
-    if (Object.keys(t).forEach((d) => {
-      const c = t[d], { sheetTransform: h, transform: u, anchorType: m = y.Position } = c;
-      if (m === y.None)
-        this._remainDrawingSize(u, r, c);
+    if (Object.keys(t).forEach((a) => {
+      const l = t[a], { sheetTransform: u, transform: h, anchorType: f = E.Position } = l;
+      if (f === E.None)
+        this._remainDrawingSize(h, r, l);
       else {
-        const { from: f, to: p } = h, { row: v, column: I } = f, { row: S, column: M } = p;
-        for (let w = 0; w < n.length; w++) {
-          const C = n[w], { startRow: _, endRow: T, startColumn: D, endColumn: N } = C;
-          if (S < _)
+        const { from: p, to: m } = u, { row: _, column: S } = p, { row: I, column: b } = m;
+        for (let v = 0; v < n.length; v++) {
+          const R = n[v], { startRow: w, endRow: O, startColumn: M, endColumn: N } = R;
+          if (I < w)
             continue;
-          if (m === y.Position) {
-            let R = null, P = null;
-            if (v >= _ && v <= T) {
-              const x = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: v, endRow: T });
-              if (x == null)
+          if (f === E.Position) {
+            let C = null, y = null;
+            if (_ >= w && _ <= O) {
+              const U = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: _, endRow: O });
+              if (U == null)
                 return;
-              P = { ...u, top: x.startY };
+              y = { ...h, top: U.startY };
             }
-            if (P != null && (R = j(P, this._selectionRenderService), R != null && P != null)) {
-              r.push({ ...c, sheetTransform: R, transform: P });
+            if (y != null && (C = B(y, this._selectionRenderService), C != null && y != null)) {
+              r.push({ ...l, sheetTransform: C, transform: y });
               break;
             }
-            this._remainDrawingSize(u, r, c);
+            this._remainDrawingSize(h, r, l);
             continue;
           }
-          if (v >= _ && S <= T)
+          if (_ >= w && I <= O)
             continue;
-          let A = null, b = null;
-          if (v >= _ && v <= T) {
-            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: v, endRow: T });
-            if (R == null)
+          let A = null, D = null;
+          if (_ >= w && _ <= O) {
+            const C = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: _, endRow: O });
+            if (C == null)
               return;
-            b = {
-              ...u,
-              top: (R == null ? void 0 : R.startY) || 0,
-              height: ((u == null ? void 0 : u.height) || 0) - R.endY + R.startY
+            D = {
+              ...h,
+              top: (C == null ? void 0 : C.startY) || 0,
+              height: ((h == null ? void 0 : h.height) || 0) - C.endY + C.startY
             };
-          } else if (S >= _ && S <= T) {
-            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: _, endRow: S });
-            if (R == null)
+          } else if (I >= w && I <= O) {
+            const C = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: w, endRow: I });
+            if (C == null)
               return;
-            b = {
-              ...u,
-              top: R.startY - ((u == null ? void 0 : u.height) || 0)
+            D = {
+              ...h,
+              top: C.startY - ((h == null ? void 0 : h.height) || 0)
             };
           } else {
-            const R = this._skeletonManagerService.attachRangeWithCoord({ startColumn: f.column, endColumn: p.column, startRow: _, endRow: T });
-            if (R == null)
+            const C = this._skeletonManagerService.attachRangeWithCoord({ startColumn: p.column, endColumn: m.column, startRow: w, endRow: O });
+            if (C == null)
               return;
-            if (b = {
-              ...u,
-              height: ((u == null ? void 0 : u.height) || 0) - R.endY + R.startY
-            }, A = j(b, this._selectionRenderService), A != null && b != null) {
-              s.push({ ...c, sheetTransform: A, transform: b });
+            if (D = {
+              ...h,
+              height: ((h == null ? void 0 : h.height) || 0) - C.endY + C.startY
+            }, A = B(D, this._selectionRenderService), A != null && D != null) {
+              s.push({ ...l, sheetTransform: A, transform: D });
               break;
             }
           }
-          if (b != null && (A = j(b, this._selectionRenderService)), b != null && A != null) {
-            r.push({ ...c, sheetTransform: A, transform: b });
+          if (D != null && (A = B(D, this._selectionRenderService)), D != null && A != null) {
+            r.push({ ...l, sheetTransform: A, transform: D });
             break;
           } else
-            this._remainDrawingSize(u, r, c);
+            this._remainDrawingSize(h, r, l);
         }
       }
     }), r.length === 0 && s.length === 0)
       return { redos: [], undos: [] };
-    const { redos: o, undos: a } = this._createUndoAndRedoMutation(i, e, r), l = [], g = [];
+    const { redos: o, undos: c } = this._createUndoAndRedoMutation(i, e, r), d = [], g = [];
     if (s.length > 0) {
-      const { redos: d, undos: c } = this._createUndoAndRedoMutation(i, e, s);
-      l.push(...d), g.push(...c);
+      const { redos: a, undos: l } = this._createUndoAndRedoMutation(i, e, s);
+      d.push(...a), g.push(...l);
     }
     return {
       redos: o,
-      undos: a,
-      preRedos: l,
+      undos: c,
+      preRedos: d,
       preUndos: g
     };
   }
   _getDrawingUndoForRowAndColSize(i, e, n, t) {
     const r = this._drawingManagerService.getDrawingData(i, e), s = [];
     return Object.keys(r).forEach((o) => {
-      const a = r[o], { sheetTransform: l, transform: g, anchorType: d = y.Position } = a;
-      if (d === y.None)
-        this._remainDrawingSize(g, s, a);
+      const c = r[o], { sheetTransform: d, transform: g, anchorType: a = E.Position } = c;
+      if (a === E.None)
+        this._remainDrawingSize(g, s, c);
       else {
-        const { from: c, to: h } = l, { row: u, column: m } = c, { row: f, column: p } = h;
-        for (let v = 0; v < n.length; v++) {
-          const I = n[v], { startRow: S, endRow: M, startColumn: w, endColumn: C } = I;
-          if (f < S || p < w)
+        const { from: l, to: u } = d, { row: h, column: f } = l, { row: p, column: m } = u;
+        for (let _ = 0; _ < n.length; _++) {
+          const S = n[_], { startRow: I, endRow: b, startColumn: v, endColumn: R } = S;
+          if (p < I || m < v)
             continue;
-          if (d === y.Position && (u <= S && f >= M || m <= w && p >= C)) {
-            this._remainDrawingSize(g, s, a);
+          if (a === E.Position && (h <= I && p >= b || f <= v && m >= R)) {
+            this._remainDrawingSize(g, s, c);
             continue;
           }
-          const _ = L(
-            { ...l },
+          const w = X(
+            { ...d },
             this._selectionRenderService,
             this._skeletonManagerService
           );
-          if (_ != null) {
+          if (w != null) {
             s.push({
-              ...a,
-              transform: _
+              ...c,
+              transform: w
             });
             break;
           }
@@ -1689,7 +1689,7 @@ let wt = class extends q {
     if (e === "insert")
       n = i.unitId, t = i.subUnitId;
     else {
-      const r = H(this._univerInstanceService);
+      const r = F(this._univerInstanceService);
       if (r == null)
         return;
       n = r.unitId, t = r.subUnitId;
@@ -1697,89 +1697,89 @@ let wt = class extends q {
     return { unitId: n, subUnitId: t };
   }
   _moveRangeInterceptor(i) {
-    var S, M;
-    const { toRange: e, fromRange: n } = i, t = H(this._univerInstanceService);
+    var I, b;
+    const { toRange: e, fromRange: n } = i, t = F(this._univerInstanceService);
     if (!t)
       return { redos: [], undos: [] };
-    const { unitId: r, subUnitId: s } = t, o = (M = (S = this._renderManagerService.getRenderById(r)) == null ? void 0 : S.with(Z)) == null ? void 0 : M.getCurrentSkeleton();
+    const { unitId: r, subUnitId: s } = t, o = (b = (I = this._renderManagerService.getRenderById(r)) == null ? void 0 : I.with(J)) == null ? void 0 : b.getCurrentSkeleton();
     if (!o)
       return { redos: [], undos: [] };
-    const a = Xt(o, n);
-    if (!a)
+    const c = On(o, n);
+    if (!c)
       return { redos: [], undos: [] };
-    const { startX: l, endX: g, startY: d, endY: c } = a, h = this._sheetDrawingService.getDrawingData(r, s), u = [];
-    Object.keys(h).forEach((w) => {
-      const C = h[w];
-      if (C.anchorType !== y.Both)
+    const { startX: d, endX: g, startY: a, endY: l } = c, u = this._sheetDrawingService.getDrawingData(r, s), h = [];
+    Object.keys(u).forEach((v) => {
+      const R = u[v];
+      if (R.anchorType !== E.Both)
         return;
-      const { transform: _ } = C;
-      if (!_)
+      const { transform: w } = R;
+      if (!w)
         return;
-      const { left: T = 0, top: D = 0, width: N = 0, height: A = 0 } = _, { drawingStartX: b, drawingEndX: R, drawingStartY: P, drawingEndY: x } = {
-        drawingStartX: T,
-        drawingEndX: T + N,
-        drawingStartY: D,
-        drawingEndY: D + A
+      const { left: O = 0, top: M = 0, width: N = 0, height: A = 0 } = w, { drawingStartX: D, drawingEndX: C, drawingStartY: y, drawingEndY: U } = {
+        drawingStartX: O,
+        drawingEndX: O + N,
+        drawingStartY: M,
+        drawingEndY: M + A
       };
-      l <= b && R <= g && d <= P && x <= c && u.push(C);
+      d <= D && C <= g && a <= y && U <= l && h.push(R);
     });
-    const m = [], f = [], p = e.startRow - n.startRow, v = e.startColumn - n.startColumn, I = u.map((w) => {
-      const C = w.sheetTransform, _ = {
-        to: { ...C.to, row: C.to.row + p, column: C.to.column + v },
-        from: { ...C.from, row: C.from.row + p, column: C.from.column + v }
-      }, T = L(_, this._selectionRenderService, this._skeletonManagerService);
+    const f = [], p = [], m = e.startRow - n.startRow, _ = e.startColumn - n.startColumn, S = h.map((v) => {
+      const R = v.sheetTransform, w = {
+        to: { ...R.to, row: R.to.row + m, column: R.to.column + _ },
+        from: { ...R.from, row: R.from.row + m, column: R.from.column + _ }
+      }, O = X(w, this._selectionRenderService, this._skeletonManagerService);
       return {
         unitId: r,
         subUnitId: s,
-        drawingId: w.drawingId,
-        transform: T,
-        sheetTransform: _
+        drawingId: v.drawingId,
+        transform: O,
+        sheetTransform: w
       };
     });
-    if (I.length) {
-      const w = this._sheetDrawingService.getBatchUpdateOp(I), { undo: C, redo: _, objects: T } = w;
-      m.push({ id: O.id, params: { unitId: r, subUnitId: s, op: _, objects: T, type: E.UPDATE } }), f.push({ id: O.id, params: { unitId: r, subUnitId: s, op: C, objects: T, type: E.UPDATE } });
+    if (S.length) {
+      const v = this._sheetDrawingService.getBatchUpdateOp(S), { undo: R, redo: w, objects: O } = v;
+      f.push({ id: T.id, params: { unitId: r, subUnitId: s, op: w, objects: O, type: P.UPDATE } }), p.push({ id: T.id, params: { unitId: r, subUnitId: s, op: R, objects: O, type: P.UPDATE } });
     }
-    return { redos: m, undos: f };
+    return { redos: f, undos: p };
   }
   _moveRowInterceptor(i, e) {
     const n = this._getUnitIdAndSubUnitId(i, e);
     if (n == null)
       return { redos: [], undos: [] };
-    const { unitId: t, subUnitId: r } = n, { range: s } = i, o = s.startRow, a = s.endRow, l = [], g = [], d = this._sheetDrawingService.getDrawingData(t, r), c = [], h = [];
-    if (Object.keys(d).forEach((u) => {
-      const m = d[u], { sheetTransform: f, transform: p, anchorType: v = y.Position } = m;
-      if (f == null || p == null)
+    const { unitId: t, subUnitId: r } = n, { range: s } = i, o = s.startRow, c = s.endRow, d = [], g = [], a = this._sheetDrawingService.getDrawingData(t, r), l = [], u = [];
+    if (Object.keys(a).forEach((h) => {
+      const f = a[h], { sheetTransform: p, transform: m, anchorType: _ = E.Position } = f;
+      if (p == null || m == null)
         return;
-      let I, S;
+      let S, I;
       if (e === "insert") {
-        const w = this._expandRow(f, p, o, a, v);
-        I = w == null ? void 0 : w.newSheetTransform, S = w == null ? void 0 : w.newTransform;
+        const v = this._expandRow(p, m, o, c, _);
+        S = v == null ? void 0 : v.newSheetTransform, I = v == null ? void 0 : v.newTransform;
       } else {
-        const { from: w, to: C } = f, { row: _ } = w, { row: T } = C;
-        if (v === y.Both && _ >= o && T <= a)
-          h.push({ unitId: t, subUnitId: r, drawingId: u });
+        const { from: v, to: R } = p, { row: w } = v, { row: O } = R;
+        if (_ === E.Both && w >= o && O <= c)
+          u.push({ unitId: t, subUnitId: r, drawingId: h });
         else {
-          const D = this._shrinkRow(f, p, o, a, v);
-          I = D == null ? void 0 : D.newSheetTransform, S = D == null ? void 0 : D.newTransform;
+          const M = this._shrinkRow(p, m, o, c, _);
+          S = M == null ? void 0 : M.newSheetTransform, I = M == null ? void 0 : M.newTransform;
         }
       }
-      if (!I || !S)
+      if (!S || !I)
         return;
-      const M = { unitId: t, subUnitId: r, drawingId: u, transform: S, sheetTransform: I };
-      c.push(M);
-    }), c.length === 0 && h.length === 0)
+      const b = { unitId: t, subUnitId: r, drawingId: h, transform: I, sheetTransform: S };
+      l.push(b);
+    }), l.length === 0 && u.length === 0)
       return { redos: [], undos: [] };
-    if (c.length > 0) {
-      const u = this._sheetDrawingService.getBatchUpdateOp(c), { undo: m, redo: f, objects: p } = u;
-      l.push({ id: O.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: E.UPDATE } }), g.push({ id: O.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: E.UPDATE } });
+    if (l.length > 0) {
+      const h = this._sheetDrawingService.getBatchUpdateOp(l), { undo: f, redo: p, objects: m } = h;
+      d.push({ id: T.id, params: { unitId: t, subUnitId: r, op: p, objects: m, type: P.UPDATE } }), g.push({ id: T.id, params: { unitId: t, subUnitId: r, op: f, objects: m, type: P.UPDATE } });
     }
-    if (h.length > 0) {
-      const u = this._sheetDrawingService.getBatchRemoveOp(h), m = u.undo, f = u.redo, p = u.objects;
-      l.push({ id: O.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: E.REMOVE } }), g.push({ id: O.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: E.INSERT } });
+    if (u.length > 0) {
+      const h = this._sheetDrawingService.getBatchRemoveOp(u), f = h.undo, p = h.redo, m = h.objects;
+      d.push({ id: T.id, params: { unitId: t, subUnitId: r, op: p, objects: m, type: P.REMOVE } }), g.push({ id: T.id, params: { unitId: t, subUnitId: r, op: f, objects: m, type: P.INSERT } });
     }
-    return l.push({ id: W.id, params: [t] }), g.push({ id: W.id, params: [t] }), {
-      redos: l,
+    return d.push({ id: L.id, params: [t] }), g.push({ id: L.id, params: [t] }), {
+      redos: d,
       undos: g
     };
   }
@@ -1787,225 +1787,225 @@ let wt = class extends q {
     const n = this._getUnitIdAndSubUnitId(i, e);
     if (n == null)
       return { redos: [], undos: [] };
-    const { unitId: t, subUnitId: r } = n, { range: s } = i, o = s.startColumn, a = s.endColumn, l = [], g = [], d = this._sheetDrawingService.getDrawingData(t, r), c = [], h = [];
-    if (Object.keys(d).forEach((u) => {
-      const m = d[u], { sheetTransform: f, transform: p, anchorType: v = y.Position } = m;
-      if (f == null || p == null)
+    const { unitId: t, subUnitId: r } = n, { range: s } = i, o = s.startColumn, c = s.endColumn, d = [], g = [], a = this._sheetDrawingService.getDrawingData(t, r), l = [], u = [];
+    if (Object.keys(a).forEach((h) => {
+      const f = a[h], { sheetTransform: p, transform: m, anchorType: _ = E.Position } = f;
+      if (p == null || m == null)
         return;
-      let I, S;
+      let S, I;
       if (e === "insert") {
-        const w = this._expandCol(f, p, o, a, v);
-        I = w == null ? void 0 : w.newSheetTransform, S = w == null ? void 0 : w.newTransform;
+        const v = this._expandCol(p, m, o, c, _);
+        S = v == null ? void 0 : v.newSheetTransform, I = v == null ? void 0 : v.newTransform;
       } else {
-        const { from: w, to: C } = f, { column: _ } = w, { column: T } = C;
-        if (v === y.Both && _ >= o && T <= a)
-          h.push({ unitId: t, subUnitId: r, drawingId: u });
+        const { from: v, to: R } = p, { column: w } = v, { column: O } = R;
+        if (_ === E.Both && w >= o && O <= c)
+          u.push({ unitId: t, subUnitId: r, drawingId: h });
         else {
-          const D = this._shrinkCol(f, p, o, a, v);
-          I = D == null ? void 0 : D.newSheetTransform, S = D == null ? void 0 : D.newTransform;
+          const M = this._shrinkCol(p, m, o, c, _);
+          S = M == null ? void 0 : M.newSheetTransform, I = M == null ? void 0 : M.newTransform;
         }
       }
-      if (!I || !S)
+      if (!S || !I)
         return;
-      const M = { unitId: t, subUnitId: r, drawingId: u, transform: S, sheetTransform: I };
-      c.push(M);
-    }), c.length === 0 && h.length === 0)
+      const b = { unitId: t, subUnitId: r, drawingId: h, transform: I, sheetTransform: S };
+      l.push(b);
+    }), l.length === 0 && u.length === 0)
       return { redos: [], undos: [] };
-    if (c.length > 0) {
-      const u = this._sheetDrawingService.getBatchUpdateOp(c), { undo: m, redo: f, objects: p } = u;
-      l.push({ id: O.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: E.UPDATE } }), g.push({ id: O.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: E.UPDATE } });
+    if (l.length > 0) {
+      const h = this._sheetDrawingService.getBatchUpdateOp(l), { undo: f, redo: p, objects: m } = h;
+      d.push({ id: T.id, params: { unitId: t, subUnitId: r, op: p, objects: m, type: P.UPDATE } }), g.push({ id: T.id, params: { unitId: t, subUnitId: r, op: f, objects: m, type: P.UPDATE } });
     }
-    if (h.length > 0) {
-      const u = this._sheetDrawingService.getBatchRemoveOp(h), m = u.undo, f = u.redo, p = u.objects;
-      l.push({ id: O.id, params: { unitId: t, subUnitId: r, op: f, objects: p, type: E.REMOVE } }), g.push({ id: O.id, params: { unitId: t, subUnitId: r, op: m, objects: p, type: E.INSERT } });
+    if (u.length > 0) {
+      const h = this._sheetDrawingService.getBatchRemoveOp(u), f = h.undo, p = h.redo, m = h.objects;
+      d.push({ id: T.id, params: { unitId: t, subUnitId: r, op: p, objects: m, type: P.REMOVE } }), g.push({ id: T.id, params: { unitId: t, subUnitId: r, op: f, objects: m, type: P.INSERT } });
     }
-    return l.push({ id: W.id, params: [t] }), g.push({ id: W.id, params: [t] }), { redos: l, undos: g };
+    return d.push({ id: L.id, params: [t] }), g.push({ id: L.id, params: [t] }), { redos: d, undos: g };
   }
-  _expandCol(i, e, n, t, r = y.Position) {
-    const s = t - n + 1, { from: o, to: a } = i, { column: l } = o, { column: g } = a;
-    if (r === y.None)
+  _expandCol(i, e, n, t, r = E.Position) {
+    const s = t - n + 1, { from: o, to: c } = i, { column: d } = o, { column: g } = c;
+    if (r === E.None)
       return {
-        newSheetTransform: j({ ...e }, this._selectionRenderService),
+        newSheetTransform: B({ ...e }, this._selectionRenderService),
         newTransform: e
       };
-    let d = null, c = null;
-    if (l >= n) {
-      const h = this._skeletonManagerService.attachRangeWithCoord({ startColumn: n, endColumn: t, startRow: o.row, endRow: a.row });
-      if (h == null)
+    let a = null, l = null;
+    if (d >= n) {
+      const u = this._skeletonManagerService.attachRangeWithCoord({ startColumn: n, endColumn: t, startRow: o.row, endRow: c.row });
+      if (u == null)
         return;
-      c = { ...e, left: (e.left || 0) + h.endX - h.startX }, d = j(c, this._selectionRenderService);
+      l = { ...e, left: (e.left || 0) + u.endX - u.startX }, a = B(l, this._selectionRenderService);
     } else if (g >= t)
-      if (r === y.Both)
-        d = {
+      if (r === E.Both)
+        a = {
           from: { ...o },
-          to: { ...a, column: g + s }
-        }, c = L(d, this._selectionRenderService, this._skeletonManagerService);
+          to: { ...c, column: g + s }
+        }, l = X(a, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
-          newSheetTransform: j({ ...e }, this._selectionRenderService),
+          newSheetTransform: B({ ...e }, this._selectionRenderService),
           newTransform: e
         };
-    return d != null && c != null ? {
-      newSheetTransform: d,
-      newTransform: c
+    return a != null && l != null ? {
+      newSheetTransform: a,
+      newTransform: l
     } : null;
   }
-  _shrinkCol(i, e, n, t, r = y.Position) {
-    const s = t - n + 1, { from: o, to: a } = i, { column: l } = o, { column: g } = a;
-    if (r === y.None)
+  _shrinkCol(i, e, n, t, r = E.Position) {
+    const s = t - n + 1, { from: o, to: c } = i, { column: d } = o, { column: g } = c;
+    if (r === E.None)
       return {
-        newSheetTransform: j({ ...e }, this._selectionRenderService),
+        newSheetTransform: B({ ...e }, this._selectionRenderService),
         newTransform: e
       };
-    let d = null, c = null;
-    if (l > t)
-      d = {
-        from: { ...o, column: l - s },
-        to: { ...a, column: g - s }
-      }, c = L(d, this._selectionRenderService, this._skeletonManagerService);
+    let a = null, l = null;
+    if (d > t)
+      a = {
+        from: { ...o, column: d - s },
+        to: { ...c, column: g - s }
+      }, l = X(a, this._selectionRenderService, this._skeletonManagerService);
     else {
-      if (l >= n && g <= t)
+      if (d >= n && g <= t)
         return null;
-      if (l < n && g > t)
-        if (r === y.Both)
-          d = {
+      if (d < n && g > t)
+        if (r === E.Both)
+          a = {
             from: { ...o },
-            to: { ...a, column: g - s }
-          }, c = L(d, this._selectionRenderService, this._skeletonManagerService);
+            to: { ...c, column: g - s }
+          }, l = X(a, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
-            newSheetTransform: j({ ...e }, this._selectionRenderService),
+            newSheetTransform: B({ ...e }, this._selectionRenderService),
             newTransform: e
           };
-      else if (l >= n && l <= t) {
-        if (l === n)
-          c = { ...e, left: (e.left || 0) - i.from.columnOffset };
+      else if (d >= n && d <= t) {
+        if (d === n)
+          l = { ...e, left: (e.left || 0) - i.from.columnOffset };
         else {
-          const h = this._skeletonManagerService.attachRangeWithCoord({ startColumn: n, endColumn: l - 1, startRow: o.row, endRow: a.row });
-          if (h == null)
+          const u = this._skeletonManagerService.attachRangeWithCoord({ startColumn: n, endColumn: d - 1, startRow: o.row, endRow: c.row });
+          if (u == null)
             return;
-          c = { ...e, left: (e.left || 0) - h.endX + h.startX - i.from.columnOffset };
+          l = { ...e, left: (e.left || 0) - u.endX + u.startX - i.from.columnOffset };
         }
-        d = j(c, this._selectionRenderService);
-      } else if (g >= n && g <= t && r === y.Both) {
-        const h = this._skeletonManagerService.attachRangeWithCoord({
+        a = B(l, this._selectionRenderService);
+      } else if (g >= n && g <= t && r === E.Both) {
+        const u = this._skeletonManagerService.attachRangeWithCoord({
           startColumn: n - 1,
           endColumn: n - 1,
           startRow: o.row,
-          endRow: a.row
+          endRow: c.row
         });
-        if (h == null)
+        if (u == null)
           return;
-        d = {
+        a = {
           from: { ...o },
-          to: { ...a, column: n - 1, columnOffset: h.endX - h.startX }
-        }, c = L(d, this._selectionRenderService, this._skeletonManagerService);
+          to: { ...c, column: n - 1, columnOffset: u.endX - u.startX }
+        }, l = X(a, this._selectionRenderService, this._skeletonManagerService);
       }
     }
-    return d != null && c != null ? {
-      newSheetTransform: d,
-      newTransform: c
+    return a != null && l != null ? {
+      newSheetTransform: a,
+      newTransform: l
     } : null;
   }
-  _expandRow(i, e, n, t, r = y.Position) {
-    const s = t - n + 1, { from: o, to: a } = i, { row: l } = o, { row: g } = a;
-    if (r === y.None)
+  _expandRow(i, e, n, t, r = E.Position) {
+    const s = t - n + 1, { from: o, to: c } = i, { row: d } = o, { row: g } = c;
+    if (r === E.None)
       return {
-        newSheetTransform: j({ ...e }, this._selectionRenderService),
+        newSheetTransform: B({ ...e }, this._selectionRenderService),
         newTransform: e
       };
-    let d = null, c = null;
-    if (l >= n) {
-      const h = this._skeletonManagerService.attachRangeWithCoord({ startRow: n, endRow: t, startColumn: o.column, endColumn: a.column });
-      if (h == null)
+    let a = null, l = null;
+    if (d >= n) {
+      const u = this._skeletonManagerService.attachRangeWithCoord({ startRow: n, endRow: t, startColumn: o.column, endColumn: c.column });
+      if (u == null)
         return;
-      c = { ...e, top: (e.top || 0) + h.endY - h.startY }, d = j(c, this._selectionRenderService);
+      l = { ...e, top: (e.top || 0) + u.endY - u.startY }, a = B(l, this._selectionRenderService);
     } else if (g >= t)
-      if (r === y.Both)
-        d = {
+      if (r === E.Both)
+        a = {
           from: { ...o },
           to: {
-            ...a,
+            ...c,
             row: g + s
           }
-        }, c = L(d, this._selectionRenderService, this._skeletonManagerService);
+        }, l = X(a, this._selectionRenderService, this._skeletonManagerService);
       else
         return {
-          newSheetTransform: j({ ...e }, this._selectionRenderService),
+          newSheetTransform: B({ ...e }, this._selectionRenderService),
           newTransform: e
         };
-    return d != null && c != null ? {
-      newSheetTransform: d,
-      newTransform: c
+    return a != null && l != null ? {
+      newSheetTransform: a,
+      newTransform: l
     } : null;
   }
-  _shrinkRow(i, e, n, t, r = y.Position) {
-    const s = t - n + 1, { from: o, to: a } = i, { row: l } = o, { row: g } = a;
-    if (r === y.None)
+  _shrinkRow(i, e, n, t, r = E.Position) {
+    const s = t - n + 1, { from: o, to: c } = i, { row: d } = o, { row: g } = c;
+    if (r === E.None)
       return {
-        newSheetTransform: j({ ...e }, this._selectionRenderService),
+        newSheetTransform: B({ ...e }, this._selectionRenderService),
         newTransform: e
       };
-    let d = null, c = null;
-    if (l > t)
-      d = {
-        from: { ...o, row: l - s },
-        to: { ...a, row: g - s }
-      }, c = L(d, this._selectionRenderService, this._skeletonManagerService);
+    let a = null, l = null;
+    if (d > t)
+      a = {
+        from: { ...o, row: d - s },
+        to: { ...c, row: g - s }
+      }, l = X(a, this._selectionRenderService, this._skeletonManagerService);
     else {
-      if (l >= n && g <= t)
+      if (d >= n && g <= t)
         return null;
-      if (l < n && g > t)
-        if (r === y.Both)
-          d = {
+      if (d < n && g > t)
+        if (r === E.Both)
+          a = {
             from: { ...o },
-            to: { ...a, row: g - s }
-          }, c = L(d, this._selectionRenderService, this._skeletonManagerService);
+            to: { ...c, row: g - s }
+          }, l = X(a, this._selectionRenderService, this._skeletonManagerService);
         else
           return {
-            newSheetTransform: j({ ...e }, this._selectionRenderService),
+            newSheetTransform: B({ ...e }, this._selectionRenderService),
             newTransform: e
           };
-      else if (l >= n && l <= t) {
-        if (l === n)
-          c = { ...e, top: (e.top || 0) - i.from.rowOffset };
+      else if (d >= n && d <= t) {
+        if (d === n)
+          l = { ...e, top: (e.top || 0) - i.from.rowOffset };
         else {
-          const h = this._skeletonManagerService.attachRangeWithCoord({ startRow: n, endRow: l - 1, startColumn: o.column, endColumn: a.column });
-          if (h == null)
+          const u = this._skeletonManagerService.attachRangeWithCoord({ startRow: n, endRow: d - 1, startColumn: o.column, endColumn: c.column });
+          if (u == null)
             return;
-          c = { ...e, top: (e.top || 0) - h.endY + h.startY - i.from.rowOffset };
+          l = { ...e, top: (e.top || 0) - u.endY + u.startY - i.from.rowOffset };
         }
-        d = j(c, this._selectionRenderService);
-      } else if (g >= n && g <= t && r === y.Both) {
-        const h = this._skeletonManagerService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: n - 1, endRow: n - 1 });
-        if (h == null)
+        a = B(l, this._selectionRenderService);
+      } else if (g >= n && g <= t && r === E.Both) {
+        const u = this._skeletonManagerService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: n - 1, endRow: n - 1 });
+        if (u == null)
           return;
-        d = {
+        a = {
           from: { ...o },
-          to: { ...a, row: n - 1, rowOffset: h.endY - h.startY }
-        }, c = L(d, this._selectionRenderService, this._skeletonManagerService);
+          to: { ...c, row: n - 1, rowOffset: u.endY - u.startY }
+        }, l = X(a, this._selectionRenderService, this._skeletonManagerService);
       }
     }
-    return d != null && c != null ? {
-      newSheetTransform: d,
-      newTransform: c
+    return a != null && l != null ? {
+      newSheetTransform: a,
+      newTransform: l
     } : null;
   }
   _commandListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        i.id === ai.id && setTimeout(() => {
+        i.id === ji.id && setTimeout(() => {
           const e = i.params, { unitId: n, subUnitId: t } = e, r = this._drawingManagerService.drawingManagerData, s = [], o = [];
-          Object.keys(r).forEach((a) => {
-            const l = r[a];
-            l != null && Object.keys(l).forEach((g) => {
-              const d = l[g].data;
-              d != null && Object.keys(d).forEach((c) => {
-                if (a === n && g === t) {
-                  const h = d[c];
-                  h.transform = L(h.sheetTransform, this._selectionRenderService, this._skeletonManagerService), s.push(d[c]);
+          Object.keys(r).forEach((c) => {
+            const d = r[c];
+            d != null && Object.keys(d).forEach((g) => {
+              const a = d[g].data;
+              a != null && Object.keys(a).forEach((l) => {
+                if (c === n && g === t) {
+                  const u = a[l];
+                  u.transform = X(u.sheetTransform, this._selectionRenderService, this._skeletonManagerService), s.push(a[l]);
                 } else
-                  o.push(d[c]);
+                  o.push(a[l]);
               });
             });
           }), this._drawingManagerService.removeNotification(o), this._drawingManagerService.addNotification(s);
@@ -2016,7 +2016,7 @@ let wt = class extends q {
   _sheetRefreshListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        rs.includes(i.id) && requestIdleCallback(() => {
+        Us.includes(i.id) && requestIdleCallback(() => {
           const e = i.params, { unitId: n, subUnitId: t, ranges: r } = e;
           this._refreshDrawingTransform(n, t, r);
         });
@@ -2026,407 +2026,407 @@ let wt = class extends q {
   _refreshDrawingTransform(i, e, n) {
     const t = this._drawingManagerService.getDrawingData(i, e), r = [];
     Object.keys(t).forEach((s) => {
-      const o = t[s], { sheetTransform: a, transform: l, anchorType: g = y.Position } = o;
-      if (g === y.None)
+      const o = t[s], { sheetTransform: c, transform: d, anchorType: g = E.Position } = o;
+      if (g === E.None)
         return !0;
-      const { from: d, to: c } = a, { row: h, column: u } = d, { row: m, column: f } = c;
-      for (let p = 0; p < n.length; p++) {
-        const v = n[p], { startRow: I, endRow: S, startColumn: M, endColumn: w } = v;
-        if (Qn.intersects(
+      const { from: a, to: l } = c, { row: u, column: h } = a, { row: f, column: p } = l;
+      for (let m = 0; m < n.length; m++) {
+        const _ = n[m], { startRow: S, endRow: I, startColumn: b, endColumn: v } = _;
+        if (Ar.intersects(
           {
-            startRow: I,
-            endRow: S,
-            startColumn: M,
-            endColumn: w
+            startRow: S,
+            endRow: I,
+            startColumn: b,
+            endColumn: v
           },
           {
-            startRow: h,
-            endRow: m,
-            startColumn: u,
-            endColumn: f
+            startRow: u,
+            endRow: f,
+            startColumn: h,
+            endColumn: p
           }
-        ) || h > S || u > w) {
-          const C = g === y.Position, _ = L(a, this._selectionRenderService, this._skeletonManagerService);
+        ) || u > I || h > v) {
+          const R = g === E.Position, w = X(c, this._selectionRenderService, this._skeletonManagerService);
           r.push({
             ...o,
             transform: {
-              ..._,
-              width: C ? l == null ? void 0 : l.width : _ == null ? void 0 : _.width,
-              height: C ? l == null ? void 0 : l.height : _ == null ? void 0 : _.height
+              ...w,
+              width: R ? d == null ? void 0 : d.width : w == null ? void 0 : w.width,
+              height: R ? d == null ? void 0 : d.height : w == null ? void 0 : w.height
             }
           });
           break;
         }
       }
-    }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(W.id, [i]));
+    }), r.length !== 0 && (this._drawingManagerService.refreshTransform(r), this._commandService.syncExecuteCommand(L.id, [i]));
   }
 };
-wt = ts([
-  te(1, X),
-  te(2, B),
-  te(3, Ce),
-  te(4, U(Z)),
-  te(5, U(Ze)),
-  te(6, z),
-  te(7, Q),
-  te(8, pe)
-], wt);
-var J = function() {
-  return J = Object.assign || function(i) {
+tn = Ts([
+  fe(1, q),
+  fe(2, H),
+  fe(3, Ke),
+  fe(4, j(J)),
+  fe(5, j(Tt)),
+  fe(6, Q),
+  fe(7, oe),
+  fe(8, Ne)
+], tn);
+var ne = function() {
+  return ne = Object.assign || function(i) {
     for (var e, n = 1, t = arguments.length; n < t; n++) {
       e = arguments[n];
       for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (i[r] = e[r]);
     }
     return i;
-  }, J.apply(this, arguments);
-}, is = function(i, e) {
+  }, ne.apply(this, arguments);
+}, As = function(i, e) {
   var n = {};
   for (var t in i) Object.prototype.hasOwnProperty.call(i, t) && e.indexOf(t) < 0 && (n[t] = i[t]);
   if (i != null && typeof Object.getOwnPropertySymbols == "function")
     for (var r = 0, t = Object.getOwnPropertySymbols(i); r < t.length; r++)
       e.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, t[r]) && (n[t[r]] = i[t[r]]);
   return n;
-}, Dn = _n(function(i, e) {
-  var n = i.icon, t = i.id, r = i.className, s = i.extend, o = is(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), l = li("_".concat(as()));
-  return yn(n, "".concat(t), { defIds: n.defIds, idSuffix: l.current }, J({ ref: e, className: a }, o), s);
+}, ar = qn(function(i, e) {
+  var n = i.icon, t = i.id, r = i.className, s = i.extend, o = As(i, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = $i("_".concat(Ws()));
+  return cr(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, ne({ ref: e, className: c }, o), s);
 });
-function yn(i, e, n, t, r) {
-  return wn(i.tag, J(J({ key: e }, ss(i, n, r)), t), (os(i, n).children || []).map(function(s, o) {
-    return yn(s, "".concat(e, "-").concat(i.tag, "-").concat(o), n, void 0, r);
+function cr(i, e, n, t, r) {
+  return Qn(i.tag, ne(ne({ key: e }, Ns(i, n, r)), t), (js(i, n).children || []).map(function(s, o) {
+    return cr(s, "".concat(e, "-").concat(i.tag, "-").concat(o), n, void 0, r);
   }));
 }
-function ss(i, e, n) {
-  var t = J({}, i.attrs);
+function Ns(i, e, n) {
+  var t = ne({}, i.attrs);
   n != null && n.colorChannel1 && t.fill === "colorChannel1" && (t.fill = n.colorChannel1);
   var r = e.defIds;
   return !r || r.length === 0 || (i.tag === "use" && t["xlink:href"] && (t["xlink:href"] = t["xlink:href"] + e.idSuffix), Object.entries(t).forEach(function(s) {
-    var o = s[0], a = s[1];
-    typeof a == "string" && (t[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+    var o = s[0], c = s[1];
+    typeof c == "string" && (t[o] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), t;
 }
-function os(i, e) {
+function js(i, e) {
   var n, t = e.defIds;
-  return !t || t.length === 0 ? i : i.tag === "defs" && (!((n = i.children) === null || n === void 0) && n.length) ? J(J({}, i), { children: i.children.map(function(r) {
-    return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? J(J({}, r), { attrs: J(J({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
+  return !t || t.length === 0 ? i : i.tag === "defs" && (!((n = i.children) === null || n === void 0) && n.length) ? ne(ne({}, i), { children: i.children.map(function(r) {
+    return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? ne(ne({}, r), { attrs: ne(ne({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
   }) }) : i;
 }
-function as() {
+function Ws() {
   return Math.random().toString(36).substring(2, 8);
 }
-Dn.displayName = "UniverIcon";
-var cs = { 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" } }] }, On = _n(function(i, e) {
-  return wn(Dn, Object.assign({}, i, {
+ar.displayName = "UniverIcon";
+var xs = { 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" } }] }, dr = qn(function(i, e) {
+  return Qn(ar, Object.assign({}, i, {
     id: "add-image-single",
     ref: e,
-    icon: cs
+    icon: xs
   }));
 });
-On.displayName = "AddImageSingle";
-const En = {
+dr.displayName = "AddImageSingle";
+const lr = {
   id: "sheet.command.delete-drawing",
-  type: Y.COMMAND,
+  type: Z.COMMAND,
   handler: (i) => {
-    const e = i.get(B), t = i.get(z).getFocusDrawings();
+    const e = i.get(H), t = i.get(Q).getFocusDrawings();
     if (t.length === 0)
       return !1;
     const r = t[0].unitId, s = t.map((o) => {
-      const { unitId: a, subUnitId: l, drawingId: g, drawingType: d } = o;
+      const { unitId: c, subUnitId: d, drawingId: g, drawingType: a } = o;
       return {
-        unitId: a,
-        subUnitId: l,
+        unitId: c,
+        subUnitId: d,
         drawingId: g,
-        drawingType: d
+        drawingType: a
       };
     });
-    return e.executeCommand(Qe.id, {
+    return e.executeCommand(Pt.id, {
       unitId: r,
       drawings: s
     });
   }
-}, It = {
+}, sn = {
   id: "sheet.command.insert-float-image",
-  type: Y.COMMAND,
+  type: Z.COMMAND,
   handler: (i) => {
     var n, t;
-    return (t = (n = i.get(X).getCurrentTypeOfRenderer(F.UNIVER_SHEET)) == null ? void 0 : n.with(Se).insertFloatImage()) != null ? t : !1;
+    return (t = (n = i.get(q).getCurrentTypeOfRenderer(V.UNIVER_SHEET)) == null ? void 0 : n.with(Xe).insertFloatImage()) != null ? t : !1;
   }
-}, Ct = {
+}, on = {
   id: "sheet.command.insert-cell-image",
-  type: Y.COMMAND,
+  type: Z.COMMAND,
   handler: (i) => {
     var n, t;
-    return (t = (n = i.get(X).getCurrentTypeOfRenderer(F.UNIVER_SHEET)) == null ? void 0 : n.with(Se).insertCellImage()) != null ? t : !1;
+    return (t = (n = i.get(q).getCurrentTypeOfRenderer(V.UNIVER_SHEET)) == null ? void 0 : n.with(Xe).insertCellImage()) != null ? t : !1;
   }
-}, Re = {
+}, Je = {
   id: "sheet.command.move-drawing",
-  type: Y.COMMAND,
+  type: Z.COMMAND,
   handler: (i, e) => {
-    const n = i.get(B), t = i.get(z), r = i.get(Ce), { direction: s } = e, o = t.getFocusDrawings();
+    const n = i.get(H), t = i.get(Q), r = i.get(Ke), { direction: s } = e, o = t.getFocusDrawings();
     if (o.length === 0)
       return !1;
-    const a = o[0].unitId, l = o.map((d) => {
-      const { transform: c } = d;
-      if (c == null)
+    const c = o[0].unitId, d = o.map((a) => {
+      const { transform: l } = a;
+      if (l == null)
         return null;
-      const h = { ...c }, { left: u = 0, top: m = 0 } = c;
-      return s === re.UP ? h.top = m - 1 : s === re.DOWN ? h.top = m + 1 : s === re.LEFT ? h.left = u - 1 : s === re.RIGHT && (h.left = u + 1), {
-        ...d,
-        transform: h,
-        sheetTransform: j(h, r)
+      const u = { ...l }, { left: h = 0, top: f = 0 } = l;
+      return s === we.UP ? u.top = f - 1 : s === we.DOWN ? u.top = f + 1 : s === we.LEFT ? u.left = h - 1 : s === we.RIGHT && (u.left = h + 1), {
+        ...a,
+        transform: u,
+        sheetTransform: B(u, r)
       };
-    }).filter((d) => d != null);
-    return n.syncExecuteCommand(tt.id, {
-      unitId: a,
-      drawings: l
-    }) ? (n.syncExecuteCommand(W.id, [a]), !0) : !1;
-  }
-}, Tn = "addition-and-subtraction-single", Pn = "sheet.menu.image";
-function ds(i) {
+    }).filter((a) => a != null);
+    return n.syncExecuteCommand(At.id, {
+      unitId: c,
+      drawings: d
+    }) ? (n.syncExecuteCommand(L.id, [c]), !0) : !1;
+  }
+}, ur = "addition-and-subtraction-single", hr = "sheet.menu.image";
+function Bs(i) {
   return {
-    id: Pn,
-    type: vt.SUBITEMS,
-    icon: Tn,
+    id: hr,
+    type: nn.SUBITEMS,
+    icon: ur,
     tooltip: "sheetImage.title",
-    hidden$: zt(i, F.UNIVER_SHEET),
-    disabled$: jr(i, { workbookTypes: [ht], worksheetTypes: [$e], rangeTypes: [ci] })
+    hidden$: En(i, V.UNIVER_SHEET),
+    disabled$: ui(i, { workbookTypes: [Kt], worksheetTypes: [wt], rangeTypes: [Wi] })
   };
 }
-function ls(i) {
+function $s(i) {
   return {
-    id: It.id,
+    id: sn.id,
     title: "sheetImage.upload.float",
-    type: vt.BUTTON,
-    hidden$: zt(i, F.UNIVER_SHEET)
+    type: nn.BUTTON,
+    hidden$: En(i, V.UNIVER_SHEET)
   };
 }
-function us(i) {
+function Ls(i) {
   return {
-    id: Ct.id,
+    id: on.id,
     title: "sheetImage.upload.cell",
-    type: vt.BUTTON
+    type: nn.BUTTON
   };
 }
-const hs = "univer-image-common-panel", gs = "univer-image-common-panel-grid", ms = "univer-image-common-panel-border", fs = "univer-image-common-panel-title", ps = "univer-image-common-panel-subtitle", _s = "univer-image-common-panel-row", ws = "univer-image-common-panel-row-vertical", vs = "univer-image-common-panel-column", Ss = "univer-image-common-panel-column-center", Is = "univer-image-common-panel-inline", Cs = "univer-image-common-panel-span2", Rs = "univer-image-common-panel-span3", Ms = "univer-image-common-panel-input", bs = "univer-sheet-image-menu", Ds = "univer-sheet-image-menu-input", ne = {
-  imageCommonPanel: hs,
-  imageCommonPanelGrid: gs,
-  imageCommonPanelBorder: ms,
-  imageCommonPanelTitle: fs,
-  imageCommonPanelSubtitle: ps,
-  imageCommonPanelRow: _s,
-  imageCommonPanelRowVertical: ws,
-  imageCommonPanelColumn: vs,
-  imageCommonPanelColumnCenter: Ss,
-  imageCommonPanelInline: Is,
-  imageCommonPanelSpan2: Cs,
-  imageCommonPanelSpan3: Rs,
-  imageCommonPanelInput: Ms,
-  sheetImageMenu: bs,
-  sheetImageMenuInput: Ds
+const ks = "univer-image-common-panel", Gs = "univer-image-common-panel-grid", Fs = "univer-image-common-panel-border", Vs = "univer-image-common-panel-title", Hs = "univer-image-common-panel-subtitle", Ys = "univer-image-common-panel-row", Xs = "univer-image-common-panel-row-vertical", zs = "univer-image-common-panel-column", Ks = "univer-image-common-panel-column-center", Js = "univer-image-common-panel-inline", Zs = "univer-image-common-panel-span2", qs = "univer-image-common-panel-span3", Qs = "univer-image-common-panel-input", eo = "univer-sheet-image-menu", to = "univer-sheet-image-menu-input", pe = {
+  imageCommonPanel: ks,
+  imageCommonPanelGrid: Gs,
+  imageCommonPanelBorder: Fs,
+  imageCommonPanelTitle: Vs,
+  imageCommonPanelSubtitle: Hs,
+  imageCommonPanelRow: Ys,
+  imageCommonPanelRowVertical: Xs,
+  imageCommonPanelColumn: zs,
+  imageCommonPanelColumnCenter: Ks,
+  imageCommonPanelInline: Js,
+  imageCommonPanelSpan2: Zs,
+  imageCommonPanelSpan3: qs,
+  imageCommonPanelInput: Qs,
+  sheetImageMenu: eo,
+  sheetImageMenuInput: to
 };
-function Un(i) {
+function gr(i) {
   var e, n, t = "";
   if (typeof i == "string" || typeof i == "number") t += i;
   else if (typeof i == "object") if (Array.isArray(i)) {
     var r = i.length;
-    for (e = 0; e < r; e++) i[e] && (n = Un(i[e])) && (t && (t += " "), t += n);
+    for (e = 0; e < r; e++) i[e] && (n = gr(i[e])) && (t && (t += " "), t += n);
   } else for (n in i) i[n] && (t && (t += " "), t += n);
   return t;
 }
-function We() {
-  for (var i, e, n = 0, t = "", r = arguments.length; n < r; n++) (i = arguments[n]) && (e = Un(i)) && (t && (t += " "), t += e);
+function mt() {
+  for (var i, e, n = 0, t = "", r = arguments.length; n < r; n++) (i = arguments[n]) && (e = gr(i)) && (t && (t += " "), t += e);
   return t;
 }
-const ys = (i) => {
-  var S;
-  const e = le(B), n = le(Je), t = le(Q), r = le(X), { drawings: s } = i, o = s[0];
+const no = (i) => {
+  var I;
+  const e = Me(H), n = Me(Ot), t = Me(oe), r = Me(q), { drawings: s } = i, o = s[0];
   if (o == null)
     return;
-  const { unitId: a } = o, l = r.getRenderById(a), g = l == null ? void 0 : l.scene;
+  const { unitId: c } = o, d = r.getRenderById(c), g = d == null ? void 0 : d.scene;
   if (g == null)
     return;
-  const d = g.getTransformerByCreate(), [c, h] = ft(!0), u = (S = o.anchorType) != null ? S : y.Position, [m, f] = ft(u);
-  function p(M, w) {
-    const C = [];
-    return M.forEach((_) => {
-      const { oKey: T } = _, D = w.getDrawingOKey(T);
-      if (D == null)
-        return C.push(null), !0;
-      const { unitId: N, subUnitId: A, drawingId: b, drawingType: R, anchorType: P, sheetTransform: x } = D;
-      C.push({
+  const a = g.getTransformerByCreate(), [l, u] = qt(!0), h = (I = o.anchorType) != null ? I : E.Position, [f, p] = qt(h);
+  function m(b, v) {
+    const R = [];
+    return b.forEach((w) => {
+      const { oKey: O } = w, M = v.getDrawingOKey(O);
+      if (M == null)
+        return R.push(null), !0;
+      const { unitId: N, subUnitId: A, drawingId: D, drawingType: C, anchorType: y, sheetTransform: U } = M;
+      R.push({
         unitId: N,
         subUnitId: A,
-        drawingId: b,
-        anchorType: P,
-        sheetTransform: x,
-        drawingType: R
+        drawingId: D,
+        anchorType: y,
+        sheetTransform: U,
+        drawingType: C
       });
-    }), C;
-  }
-  St(() => {
-    const M = d.clearControl$.subscribe((C) => {
-      C === !0 && h(!1);
-    }), w = d.changeStart$.subscribe((C) => {
-      var D;
-      const { objects: _ } = C, T = p(_, t);
-      if (T.length === 0)
-        h(!1);
-      else if (T.length >= 1) {
-        h(!0);
-        const N = ((D = T[0]) == null ? void 0 : D.anchorType) || y.Position;
-        f(N);
+    }), R;
+  }
+  rn(() => {
+    const b = a.clearControl$.subscribe((R) => {
+      R === !0 && u(!1);
+    }), v = a.changeStart$.subscribe((R) => {
+      var M;
+      const { objects: w } = R, O = m(w, t);
+      if (O.length === 0)
+        u(!1);
+      else if (O.length >= 1) {
+        u(!0);
+        const N = ((M = O[0]) == null ? void 0 : M.anchorType) || E.Position;
+        p(N);
       }
     });
     return () => {
-      w.unsubscribe(), M.unsubscribe();
+      v.unsubscribe(), b.unsubscribe();
     };
   }, []);
-  function v(M) {
-    f(M);
-    const w = t.getFocusDrawings();
-    if (w.length === 0)
+  function _(b) {
+    p(b);
+    const v = t.getFocusDrawings();
+    if (v.length === 0)
       return;
-    const C = w.map((_) => ({
-      unitId: _.unitId,
-      subUnitId: _.subUnitId,
-      drawingId: _.drawingId,
-      anchorType: M
+    const R = v.map((w) => ({
+      unitId: w.unitId,
+      subUnitId: w.subUnitId,
+      drawingId: w.drawingId,
+      anchorType: b
     }));
-    e.executeCommand(tt.id, {
-      unitId: w[0].unitId,
-      drawings: C
+    e.executeCommand(At.id, {
+      unitId: v[0].unitId,
+      drawings: R
     });
   }
-  const I = (M) => M ? "block" : "none";
-  return /* @__PURE__ */ $.jsxs("div", { className: We(ne.imageCommonPanelGrid, ne.imageCommonPanelBorder), style: { display: I(c) }, children: [
-    /* @__PURE__ */ $.jsx("div", { className: ne.imageCommonPanelRow, children: /* @__PURE__ */ $.jsx("div", { className: We(ne.imageCommonPanelColumn, ne.imageCommonPanelTitle), children: /* @__PURE__ */ $.jsx("div", { children: n.t("drawing-anchor.title") }) }) }),
-    /* @__PURE__ */ $.jsx("div", { className: We(ne.imageCommonPanelRow), children: /* @__PURE__ */ $.jsx("div", { className: We(ne.imageCommonPanelColumn), children: /* @__PURE__ */ $.jsxs(gi, { value: m, onChange: v, direction: "vertical", children: [
-      /* @__PURE__ */ $.jsx(at, { value: y.Both, children: n.t("drawing-anchor.both") }),
-      /* @__PURE__ */ $.jsx(at, { value: y.Position, children: n.t("drawing-anchor.position") }),
-      /* @__PURE__ */ $.jsx(at, { value: y.None, children: n.t("drawing-anchor.none") })
+  const S = (b) => b ? "block" : "none";
+  return /* @__PURE__ */ G.jsxs("div", { className: mt(pe.imageCommonPanelGrid, pe.imageCommonPanelBorder), style: { display: S(l) }, children: [
+    /* @__PURE__ */ G.jsx("div", { className: pe.imageCommonPanelRow, children: /* @__PURE__ */ G.jsx("div", { className: mt(pe.imageCommonPanelColumn, pe.imageCommonPanelTitle), children: /* @__PURE__ */ G.jsx("div", { children: n.t("drawing-anchor.title") }) }) }),
+    /* @__PURE__ */ G.jsx("div", { className: mt(pe.imageCommonPanelRow), children: /* @__PURE__ */ G.jsx("div", { className: mt(pe.imageCommonPanelColumn), children: /* @__PURE__ */ G.jsxs(Gi, { value: f, onChange: _, direction: "vertical", children: [
+      /* @__PURE__ */ G.jsx(Ht, { value: E.Both, children: n.t("drawing-anchor.both") }),
+      /* @__PURE__ */ G.jsx(Ht, { value: E.Position, children: n.t("drawing-anchor.position") }),
+      /* @__PURE__ */ G.jsx(Ht, { value: E.None, children: n.t("drawing-anchor.none") })
     ] }) }) })
   ] });
-}, Os = () => {
-  const i = le(Q), e = i.getFocusDrawings(), [n, t] = ft(e);
-  return St(() => {
+}, ro = () => {
+  const i = Me(oe), e = i.getFocusDrawings(), [n, t] = qt(e);
+  return rn(() => {
     const r = i.focus$.subscribe((s) => {
       t(s);
     });
     return () => {
       r.unsubscribe();
     };
-  }, []), !!(n != null && n.length) && /* @__PURE__ */ $.jsxs("div", { className: ne.imageCommonPanel, children: [
-    /* @__PURE__ */ $.jsx(Sr, { drawings: n }),
-    /* @__PURE__ */ $.jsx(ys, { drawings: n })
+  }, []), !!(n != null && n.length) && /* @__PURE__ */ G.jsxs("div", { className: pe.imageCommonPanel, children: [
+    /* @__PURE__ */ G.jsx(qr, { drawings: n }),
+    /* @__PURE__ */ G.jsx(no, { drawings: n })
   ] });
-}, Es = {
-  [Fr.FORMULAS_INSERT]: {
-    [Pn]: {
+}, io = {
+  [_i.FORMULAS_INSERT]: {
+    [hr]: {
       order: 3,
-      menuItemFactory: ds,
-      [It.id]: {
+      menuItemFactory: Bs,
+      [sn.id]: {
         order: 0,
-        menuItemFactory: ls
+        menuItemFactory: $s
       },
-      [Ct.id]: {
+      [on.id]: {
         order: 1,
-        menuItemFactory: us
+        menuItemFactory: Ls
       }
     }
   }
 };
-function Me(i) {
-  return !i.getContextValue(er) && !i.getContextValue(tr) && !i.getContextValue(nr) && i.getContextValue(ge);
+function Ze(i) {
+  return !i.getContextValue(Nr) && !i.getContextValue(jr) && !i.getContextValue(Wr) && i.getContextValue(Pe);
 }
-const Ts = {
-  id: Re.id,
+const so = {
+  id: Je.id,
   description: "shortcut.sheet.drawing-move-down",
   group: "4_sheet-drawing-view",
-  binding: me.ARROW_DOWN,
+  binding: Ue.ARROW_DOWN,
   priority: 100,
-  preconditions: Me,
+  preconditions: Ze,
   staticParameters: {
-    direction: re.DOWN
+    direction: we.DOWN
   }
-}, Ps = {
-  id: Re.id,
+}, oo = {
+  id: Je.id,
   description: "shortcut.sheet.drawing-move-up",
   group: "4_sheet-drawing-view",
-  binding: me.ARROW_UP,
+  binding: Ue.ARROW_UP,
   priority: 100,
-  preconditions: Me,
+  preconditions: Ze,
   staticParameters: {
-    direction: re.UP
+    direction: we.UP
   }
-}, Us = {
-  id: Re.id,
+}, ao = {
+  id: Je.id,
   description: "shortcut.sheet.drawing-move-left",
   group: "4_sheet-drawing-view",
-  binding: me.ARROW_LEFT,
+  binding: Ue.ARROW_LEFT,
   priority: 100,
-  preconditions: Me,
+  preconditions: Ze,
   staticParameters: {
-    direction: re.LEFT
+    direction: we.LEFT
   }
-}, As = {
-  id: Re.id,
+}, co = {
+  id: Je.id,
   description: "shortcut.sheet.drawing-move-right",
   group: "4_sheet-drawing-view",
-  binding: me.ARROW_RIGHT,
+  binding: Ue.ARROW_RIGHT,
   priority: 100,
-  preconditions: Me,
+  preconditions: Ze,
   staticParameters: {
-    direction: re.RIGHT
+    direction: we.RIGHT
   }
-}, Ns = {
-  id: En.id,
+}, lo = {
+  id: lr.id,
   description: "shortcut.sheet.drawing-delete",
   group: "4_sheet-drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
-  preconditions: Me,
-  binding: me.DELETE,
-  mac: me.BACKSPACE
+  preconditions: Ze,
+  binding: Ue.DELETE,
+  mac: Ue.BACKSPACE
 };
-var js = Object.defineProperty, Ws = Object.getOwnPropertyDescriptor, xs = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ws(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+var uo = Object.defineProperty, ho = Object.getOwnPropertyDescriptor, go = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? ho(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && js(e, n, r), r;
-}, xe = (i, e) => (n, t) => e(n, t, i);
-let Xe = class extends q {
+  return t && r && uo(e, n, r), r;
+}, ft = (i, e) => (n, t) => e(n, t, i);
+let Dt = class extends se {
   constructor(i, e, n, t) {
     super(), this._componentManager = i, this._menuManagerService = e, this._commandService = n, this._shortcutService = t, this._init();
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(Tn, On)), this.disposeWithMe(i.register(vn, Os));
+    this.disposeWithMe(i.register(ur, dr)), this.disposeWithMe(i.register(er, ro));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(Es);
+    this._menuManagerService.mergeMenu(io);
   }
   _initCommands() {
     [
-      It,
-      Ct,
-      et,
-      Qe,
-      tt,
-      Sn,
-      W,
-      In,
-      Cn,
-      Mn,
-      Re,
-      En,
-      Rn
+      sn,
+      on,
+      Ut,
+      Pt,
+      At,
+      tr,
+      L,
+      nr,
+      rr,
+      sr,
+      Je,
+      lr,
+      ir
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      Ts,
-      Ps,
-      Us,
-      As,
-      Ns
+      so,
+      oo,
+      ao,
+      co,
+      lo
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -2435,85 +2435,91 @@ let Xe = class extends q {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-Xe = xs([
-  xe(0, U(Vr)),
-  xe(1, kr),
-  xe(2, B),
-  xe(3, Hr)
-], Xe);
-var $s = Object.defineProperty, Bs = Object.getOwnPropertyDescriptor, Ls = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Bs(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+Dt = go([
+  ft(0, j(vi)),
+  ft(1, Si),
+  ft(2, H),
+  ft(3, Ii)
+], Dt);
+var mo = Object.defineProperty, fo = Object.getOwnPropertyDescriptor, po = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? fo(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && $s(e, n, r), r;
-}, de = (i, e) => (n, t) => e(n, t, i);
-function Gs(i, e, n, t) {
-  const { scaleX: r, scaleY: s } = e.getAncestorScale(), o = e.getViewport(Yt.VIEW_MAIN), a = {
+  return t && r && mo(e, n, r), r;
+}, be = (i, e) => (n, t) => e(n, t, i);
+function wo(i, e, n, t, r) {
+  const { scaleX: s, scaleY: o } = e.getAncestorScale(), c = e.getViewport(yn.VIEW_MAIN), d = {
     left: !0,
     top: !0
   };
-  if (!o)
+  if (!c)
     return {
       ...i,
-      absolute: a
+      absolute: d
     };
-  const { left: l, right: g, top: d, bottom: c } = i, h = t.getFreeze(), { startColumn: u, startRow: m, xSplit: f, ySplit: p } = h, v = n.getNoMergeCellPositionByIndexWithNoHeader(m - p, u - f), I = n.getNoMergeCellPositionByIndexWithNoHeader(m, u), { rowHeaderWidth: S, columnHeaderHeight: M } = n, w = I.startX - v.startX, C = I.startY - v.startY, { top: _, left: T, viewportScrollX: D, viewportScrollY: N } = o;
-  let A, b;
-  l < T ? (a.left = !0, A = (w + S + (l - T)) * r, b = Math.max(
+  const { left: g, right: a, top: l, bottom: u } = i, h = t.getFreeze(), { startColumn: f, startRow: p, xSplit: m, ySplit: _ } = h, S = n.getNoMergeCellPositionByIndex(p - _, f - m), I = n.getNoMergeCellPositionByIndex(p, f), b = I.startX - S.startX, v = I.startY - S.startY;
+  let { top: R, left: w, viewportScrollX: O, viewportScrollY: M } = c;
+  const { boundsOfViewArea: N, scrollDirectionResponse: A } = r || {};
+  N && (ye.isDefine(N.top) && (R = N.top), ye.isDefine(N.left) && (w = N.left)), A === "HORIZONTAL" && (M = 0), A === "VERTICAL" && (O = 0);
+  let D, C;
+  g < w ? (d.left = !0, D = (b + w + (g - w)) * s, C = Math.max(
     Math.min(
-      (w + S + (g - T)) * r,
-      (w + S) * r
+      (b + w + (a - w)) * s,
+      (b + w) * s
     ),
-    (g - D) * r
-  )) : (a.left = !1, A = Math.max((l - D) * r, (w + S) * r), b = Math.max((g - D) * r, (w + S) * r));
-  let R, P;
-  return d < _ ? (a.top = !0, R = (C + M + (d - _)) * s, P = Math.max(
+    (a - O) * s
+  )) : (d.left = !1, D = Math.max((g - O) * s, w * s), C = Math.max((a - O) * s, w * s));
+  let y, U;
+  return l < R ? (d.top = !0, y = (v + R + (l - R)) * o, U = Math.max(
     Math.min(
-      (C + M + (g - _)) * s,
-      (C + M) * s
+      (v + R + (a - R)) * o,
+      (v + R) * o
     ),
-    (c - N) * s
-  )) : (a.top = !1, R = Math.max((d - N) * s, (C + M) * s), P = Math.max((c - N) * s, (C + M) * s)), {
-    left: A,
-    right: b,
-    top: R,
-    bottom: P,
-    absolute: a
+    (u - M) * o
+  )) : (d.top = !1, y = Math.max((l - M) * o, R * o), U = Math.max((u - M) * o, R * o)), {
+    left: D,
+    right: C,
+    top: y,
+    bottom: U,
+    absolute: d
   };
 }
-const lt = (i, e, n, t) => {
-  const { scene: r } = e, { left: s, top: o, width: a, height: l, angle: g } = i, d = {
-    left: s,
-    right: s + a,
-    top: o,
-    bottom: o + l
-  }, c = Gs(d, r, n, t), { scaleX: h, scaleY: u } = r.getAncestorScale();
+const De = (i, e, n, t, r) => {
+  const { scene: s } = e, { left: o, top: c, width: d, height: g, angle: a } = i, l = {
+    left: o,
+    right: o + d,
+    top: c,
+    bottom: c + g
+  }, u = wo(l, s, n, t, r), { scaleX: h, scaleY: f } = s.getAncestorScale();
   return {
-    startX: c.left,
-    endX: c.right,
-    startY: c.top,
-    endY: c.bottom,
-    rotate: g,
-    width: a * h,
-    height: l * u,
-    absolute: c.absolute
+    startX: u.left,
+    endX: u.right,
+    startY: u.top,
+    endY: u.bottom,
+    rotate: a,
+    width: d * h,
+    height: g * f,
+    absolute: u.absolute
   };
 };
-let ze = class extends q {
-  constructor(e, n, t, r, s, o, a) {
+let Mt = class extends se {
+  constructor(e, n, t, r, s, o, c) {
     super();
-    V(this, "_domLayerMap", /* @__PURE__ */ new Map());
-    V(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
-    V(this, "_transformChange$", new st());
-    V(this, "transformChange$", this._transformChange$.asObservable());
-    V(this, "_add$", new st());
-    V(this, "add$", this._add$.asObservable());
-    V(this, "_remove$", new st());
-    V(this, "remove$", this._remove$.asObservable());
-    V(this, "_hooks", []);
-    this._renderManagerService = e, this._univerInstanceService = n, this._commandService = t, this._drawingManagerService = r, this._canvasFloatDomService = s, this._sheetDrawingService = o, this._lifecycleService = a, this._drawingAddListener(), this._featureUpdateListener(), this._deleteListener(), this._bindScrollEvent();
+    /**
+     * for update dom container position when scrolling
+     */
+    K(this, "_domLayerMap", /* @__PURE__ */ new Map());
+    K(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
+    K(this, "_transformChange$", new Ft());
+    K(this, "transformChange$", this._transformChange$.asObservable());
+    K(this, "_add$", new Ft());
+    K(this, "add$", this._add$.asObservable());
+    K(this, "_remove$", new Ft());
+    K(this, "remove$", this._remove$.asObservable());
+    K(this, "_hooks", []);
+    this._renderManagerService = e, this._univerInstanceService = n, this._commandService = t, this._drawingManagerService = r, this._canvasFloatDomService = s, this._sheetDrawingService = o, this._lifecycleService = c, this._drawingAddListener(), this._featureUpdateListener(), this._deleteListener(), this._bindScrollEvent();
   }
   _bindScrollEvent() {
-    this._lifecycleService.lifecycle$.pipe(ie((e) => e === ir.Rendered), Xr(1)).subscribe(() => {
+    this._lifecycleService.lifecycle$.pipe(_e((e) => e === Br.Rendered), Ri(1)).subscribe(() => {
       this._scrollUpdateListener();
     });
   }
@@ -2533,7 +2539,7 @@ let ze = class extends q {
     if (n == null || t == null)
       return null;
     const r = t.getTransformerByCreate(), s = n.engine.getCanvasElement();
-    return { scene: t, transformer: r, renderObject: n, canvas: s };
+    return { scene: t, transformer: r, renderUnit: n, canvas: s };
   }
   _getFloatDomProps(e) {
     let n;
@@ -2541,99 +2547,97 @@ let ze = class extends q {
       n = t.onGetFloatDomProps(e);
     }), n;
   }
-  // eslint-disable-next-line max-lines-per-function
   _drawingAddListener() {
     this.disposeWithMe(
-      // eslint-disable-next-line max-lines-per-function
       this._drawingManagerService.add$.subscribe((e) => {
         e.forEach((n) => {
-          var Mt, bt, Dt;
-          const { unitId: t, subUnitId: r, drawingId: s } = n, o = H(this._univerInstanceService, { unitId: t, subUnitId: r }), a = this._drawingManagerService.getDrawingByParam(n), l = this._univerInstanceService.getUnit(t, F.UNIVER_SHEET);
-          if (!l)
+          var ae, ce, ee;
+          const { unitId: t, subUnitId: r, drawingId: s } = n, o = F(this._univerInstanceService, { unitId: t, subUnitId: r }), c = this._drawingManagerService.getDrawingByParam(n), d = this._univerInstanceService.getUnit(t, V.UNIVER_SHEET);
+          if (!d)
             return;
-          const g = l.getActiveSheet().getSheetId();
-          if (!a || !o)
+          const g = d.getActiveSheet().getSheetId();
+          if (!c || !o)
             return;
-          const d = (Mt = this._renderManagerService.getRenderById(t)) == null ? void 0 : Mt.with(Z).getWorksheetSkeleton(r);
-          if (!d)
+          const a = (ae = this._renderManagerService.getRenderById(t)) == null ? void 0 : ae.with(J).getWorksheetSkeleton(r);
+          if (!a)
             return;
-          const { transform: c, drawingType: h, data: u } = a;
-          if (h !== k.DRAWING_DOM && h !== k.DRAWING_CHART)
+          const { transform: l, drawingType: u, data: h } = c;
+          if (u !== $.DRAWING_DOM && u !== $.DRAWING_CHART)
             return;
-          const m = this._getSceneAndTransformerByDrawingSearch(t);
-          if (m == null)
+          const f = this._getSceneAndTransformerByDrawingSearch(t);
+          if (f == null)
             return;
-          const { scene: f, canvas: p } = m;
-          if (c == null)
+          const { scene: p, canvas: m } = f;
+          if (l == null)
             return !0;
           if (g !== r)
             return;
-          const { left: v, top: I, width: S, height: M, angle: w, flipX: C, flipY: _, skewX: T, skewY: D } = c, N = it({ unitId: t, subUnitId: r, drawingId: s }), A = f.getObject(N);
+          const { left: _, top: S, width: I, height: b, angle: v, flipX: R, flipY: w, skewX: O, skewY: M } = l, N = ke({ unitId: t, subUnitId: r, drawingId: s }), A = p.getObject(N);
           if (A != null) {
-            A.transformByState({ left: v, top: I, width: S, height: M, angle: w, flipX: C, flipY: _, skewX: T, skewY: D });
+            A.transformByState({ left: _, top: S, width: I, height: b, angle: v, flipX: R, flipY: w, skewX: O, skewY: M });
             return;
           }
-          const b = {
-            left: v,
-            top: I,
-            width: S,
-            height: M,
+          const D = {
+            left: _,
+            top: S,
+            width: I,
+            height: b,
             zIndex: this._drawingManagerService.getDrawingOrder(t, r).length - 1
-          }, R = h === k.DRAWING_CHART;
-          if (R) {
-            const G = u ? u.backgroundColor : "white";
-            b.fill = G, b.rotateEnabled = !1, u && u.border && (b.stroke = u.border), b.paintFirst = "stroke", b.strokeWidth = 1, b.borderEnabled = !1, b.radius = 8;
+          }, C = u === $.DRAWING_CHART;
+          if (C) {
+            const x = h ? h.backgroundColor : "white";
+            D.fill = x, D.rotateEnabled = !1, h && h.border && (D.stroke = h.border), D.paintFirst = "stroke", D.strokeWidth = 1, D.borderEnabled = !1, D.radius = 8;
           }
-          const P = new At(N, b);
-          R && P.setObjectType(Mr.CHART), f.addObject(P, br), a.allowTransform !== !1 && f.attachTransformerTo(P);
-          const x = this._ensureMap(t, r), se = new sr(), oe = lt(P, m.renderObject, d.skeleton, o.worksheet), nt = new zr(oe), jn = {
-            dispose: se,
-            rect: P,
-            position$: nt,
+          const y = new ot(N, D);
+          C && y.setObjectType(gn.CHART), p.addObject(y, Gt), c.allowTransform !== !1 && p.attachTransformerTo(y);
+          const U = this._ensureMap(t, r), k = new it(), Y = De(y, f.renderUnit, a.skeleton, o.worksheet), re = new Ge(Y), Oe = {
+            dispose: k,
+            rect: y,
+            position$: re,
             unitId: t,
             subUnitId: r
           };
           this._canvasFloatDomService.addFloatDom({
-            position$: nt,
+            position$: re,
             id: s,
-            componentKey: a.componentKey,
-            onPointerDown: (G) => {
-              p.dispatchEvent(new PointerEvent(G.type, G));
+            componentKey: c.componentKey,
+            onPointerDown: (x) => {
+              m.dispatchEvent(new PointerEvent(x.type, x));
             },
-            onPointerMove: (G) => {
-              p.dispatchEvent(new PointerEvent(G.type, G));
+            onPointerMove: (x) => {
+              m.dispatchEvent(new PointerEvent(x.type, x));
             },
-            onPointerUp: (G) => {
-              p.dispatchEvent(new PointerEvent(G.type, G));
+            onPointerUp: (x) => {
+              m.dispatchEvent(new PointerEvent(x.type, x));
             },
-            onWheel: (G) => {
-              p.dispatchEvent(new WheelEvent(G.type, G));
+            onWheel: (x) => {
+              m.dispatchEvent(new WheelEvent(x.type, x));
             },
-            props: (Dt = (bt = x.get(s)) == null ? void 0 : bt.props) != null ? Dt : this._getFloatDomProps(s),
-            data: u,
+            props: (ee = (ce = U.get(s)) == null ? void 0 : ce.props) != null ? ee : this._getFloatDomProps(s),
+            data: h,
             unitId: t
           });
-          const Rt = P.onTransformChange$.subscribeEvent(() => {
-            const G = lt(P, m.renderObject, d.skeleton, o.worksheet);
-            nt.next(
-              G
+          const he = y.onTransformChange$.subscribeEvent(() => {
+            const x = De(y, f.renderUnit, a.skeleton, o.worksheet);
+            re.next(
+              x
             );
           });
-          se.add(() => {
+          k.add(() => {
             this._canvasFloatDomService.removeFloatDom(s);
-          }), Rt && se.add(Rt), this._domLayerInfoMap.set(s, jn), x.set(s, {
-            ...x.get(s)
+          }), he && k.add(he), this._domLayerInfoMap.set(s, Oe), U.set(s, {
+            ...U.get(s)
           });
         });
       })
     ), this.disposeWithMe(
       this._drawingManagerService.remove$.subscribe((e) => {
         e.forEach((n) => {
-          const { unitId: t, subUnitId: r, drawingId: s } = n, o = it({ unitId: t, subUnitId: r, drawingId: s }), a = this._getSceneAndTransformerByDrawingSearch(t);
-          if (a == null)
+          const { unitId: t, subUnitId: r, drawingId: s } = n, o = ke({ unitId: t, subUnitId: r, drawingId: s }), c = this._getSceneAndTransformerByDrawingSearch(t);
+          if (c == null)
             return;
-          const { transformer: l, scene: g } = a, d = g.getObject(o);
-          d != null && d.oKey && l.clearControlByIds([d == null ? void 0 : d.oKey]);
+          const { transformer: d, scene: g } = c, a = g.getObject(o);
+          a != null && a.oKey && d.clearControlByIds([a == null ? void 0 : a.oKey]);
         });
       })
     );
@@ -2641,69 +2645,69 @@ let ze = class extends q {
   _scrollUpdateListener() {
     const e = (n, t) => {
       var g;
-      const r = this._getSceneAndTransformerByDrawingSearch(n), s = this._ensureMap(n, t), o = Array.from(s.keys()), a = H(this._univerInstanceService, { unitId: n, subUnitId: t }), l = (g = this._renderManagerService.getRenderById(n)) == null ? void 0 : g.with(Z).getWorksheetSkeleton(t);
-      !r || !a || !l || o.forEach((d) => {
-        const c = this._domLayerInfoMap.get(d);
-        if (c) {
-          const h = lt(c.rect, r.renderObject, l.skeleton, a.worksheet);
-          c.position$.next(h);
+      const r = this._getSceneAndTransformerByDrawingSearch(n), s = this._ensureMap(n, t), o = Array.from(s.keys()), c = F(this._univerInstanceService, { unitId: n, subUnitId: t }), d = (g = this._renderManagerService.getRenderById(n)) == null ? void 0 : g.with(J).getWorksheetSkeleton(t);
+      !r || !c || !d || o.forEach((a) => {
+        const l = this._domLayerInfoMap.get(a);
+        if (l) {
+          const u = De(l.rect, r.renderUnit, d.skeleton, c.worksheet, l);
+          l.position$.next(u);
         }
       });
     };
     this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET).pipe(
-        ie((n) => !!n),
-        Wt((n) => n.activeSheet$),
-        ie((n) => !!n),
-        Be((n) => {
+      this._univerInstanceService.getCurrentTypeOfUnit$(V.UNIVER_SHEET).pipe(
+        _e((n) => !!n),
+        wn((n) => n.activeSheet$),
+        _e((n) => !!n),
+        Ye((n) => {
           const t = this._renderManagerService.getRenderById(n.getUnitId());
           return t ? { render: t, unitId: n.getUnitId(), subUnitId: n.getSheetId() } : null;
         }),
-        ie((n) => !!n),
-        Wt(
-          (n) => or(n.render.scene.getViewport(Yt.VIEW_MAIN).onScrollAfter$).pipe(Be(() => ({ unitId: n.unitId, subUnitId: n.subUnitId })))
+        _e((n) => !!n),
+        wn(
+          (n) => $r(n.render.scene.getViewport(yn.VIEW_MAIN).onScrollAfter$).pipe(Ye(() => ({ unitId: n.unitId, subUnitId: n.subUnitId })))
         )
       ).subscribe(({ unitId: n, subUnitId: t }) => {
         e(n, t);
       })
     ), this.disposeWithMe(this._commandService.onCommandExecuted((n) => {
       var t, r;
-      if (n.id === Wr.id) {
+      if (n.id === fn.id) {
         const s = n.params, { unitId: o } = s;
-        Array.from((r = (t = this._domLayerMap.get(o)) == null ? void 0 : t.keys()) != null ? r : []).forEach((l) => {
-          e(o, l);
+        Array.from((r = (t = this._domLayerMap.get(o)) == null ? void 0 : t.keys()) != null ? r : []).forEach((d) => {
+          e(o, d);
         });
-      } else if (n.id === di.id) {
+      } else if (n.id === xi.id) {
         const { unitId: s, subUnitId: o } = n.params;
         e(s, o);
       }
     }));
   }
   _getPosition(e, n) {
-    var h;
-    const { startX: t, endX: r, startY: s, endY: o } = e, a = (h = this._renderManagerService.getRenderById(n)) == null ? void 0 : h.with(Ce);
-    if (a == null)
-      return;
-    const l = a.getCellWithCoordByOffset(t, s);
-    if (l == null)
+    var u;
+    const { startX: t, endX: r, startY: s, endY: o } = e, c = (u = this._renderManagerService.getRenderById(n)) == null ? void 0 : u.with(Ke);
+    if (c == null)
       return;
-    const g = {
-      column: l.actualColumn,
-      columnOffset: t - l.startX,
-      row: l.actualRow,
-      rowOffset: s - l.startY
-    }, d = a.getCellWithCoordByOffset(r, o);
+    const d = c.getCellWithCoordByOffset(t, s);
     if (d == null)
       return;
-    const c = {
+    const g = {
       column: d.actualColumn,
-      columnOffset: r - d.startX,
+      columnOffset: t - d.startX,
       row: d.actualRow,
-      rowOffset: o - d.startY
+      rowOffset: s - d.startY
+    }, a = c.getCellWithCoordByOffset(r, o);
+    if (a == null)
+      return;
+    const l = {
+      column: a.actualColumn,
+      columnOffset: r - a.startX,
+      row: a.actualRow,
+      rowOffset: o - a.startY
     };
     return {
       from: g,
-      to: c
+      to: l
     };
   }
   _featureUpdateListener() {
@@ -2711,7 +2715,7 @@ let ze = class extends q {
       this._drawingManagerService.update$.subscribe((e) => {
         e.forEach((n) => {
           const t = this._drawingManagerService.getDrawingByParam(n);
-          if (!t || t.drawingType !== k.DRAWING_DOM && t.drawingType !== k.DRAWING_CHART)
+          if (!t || t.drawingType !== $.DRAWING_DOM && t.drawingType !== $.DRAWING_CHART)
             return;
           const r = {
             ...t.transform
@@ -2733,44 +2737,45 @@ let ze = class extends q {
   updateFloatDomProps(e, n, t, r) {
     const s = this._domLayerInfoMap.get(t), o = this._getSceneAndTransformerByDrawingSearch(e);
     if (s && o) {
-      const { scene: a } = o, l = it({ unitId: e, subUnitId: n, drawingId: t }), g = a.getObject(l);
-      g && g instanceof At && g.setProps(r);
+      const { scene: c } = o, d = ke({ unitId: e, subUnitId: n, drawingId: t }), g = c.getObject(d);
+      g && g instanceof ot && g.setProps(r);
     }
   }
+  // CreateFloatDomCommand --> floatDomService.addFloatDomToPosition
   addFloatDomToPosition(e, n) {
-    const t = H(this._univerInstanceService, {
+    const t = F(this._univerInstanceService, {
       unitId: e.unitId,
       subUnitId: e.subUnitId
     });
     if (!t)
       throw new Error("cannot find current target!");
-    const { unitId: r, subUnitId: s } = t, { initPosition: o, componentKey: a, data: l, allowTransform: g = !0 } = e, d = n != null ? n : ar(), c = this._getPosition(o, r);
-    if (c == null)
+    const { unitId: r, subUnitId: s } = t, { initPosition: o, componentKey: c, data: d, allowTransform: g = !0 } = e, a = n != null ? n : Lt(), l = this._getPosition(o, r);
+    if (l == null)
       return;
-    this._ensureMap(r, s).set(d, e);
-    const u = {
+    this._ensureMap(r, s).set(a, e);
+    const h = {
       unitId: r,
       subUnitId: s,
-      drawingId: d,
-      drawingType: e.type || k.DRAWING_DOM,
-      componentKey: a,
-      sheetTransform: c,
+      drawingId: a,
+      drawingType: e.type || $.DRAWING_DOM,
+      componentKey: c,
+      sheetTransform: l,
       transform: {
         left: o.startX,
         top: o.startY,
         width: o.endX - o.startX,
         height: o.endY - o.startY
       },
-      data: l,
+      data: d,
       allowTransform: g
     };
-    return this._commandService.executeCommand(et.id, {
+    return this._commandService.executeCommand(Ut.id, {
       unitId: r,
-      drawings: [u]
-    }), this._add$.next({ unitId: r, subUnitId: s, id: d }), {
-      id: d,
+      drawings: [h]
+    }), this._add$.next({ unitId: r, subUnitId: s, id: a }), {
+      id: a,
       dispose: () => {
-        this._removeDom(d, !0);
+        this._removeDom(a, !0);
       }
     };
   }
@@ -2783,11 +2788,11 @@ let ze = class extends q {
     const o = this._getSceneAndTransformerByDrawingSearch(r);
     if (o && o.scene.removeObject(t.rect), n) {
       this._ensureMap(r, s).delete(e);
-      const l = this._drawingManagerService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: e });
-      if (!l)
+      const d = this._drawingManagerService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: e });
+      if (!d)
         return;
-      const g = this._sheetDrawingService.getBatchRemoveOp([l]), { redo: d, objects: c } = g;
-      this._commandService.syncExecuteCommand(O.id, { unitId: r, subUnitId: s, op: d, objects: c, type: E.REMOVE });
+      const g = this._sheetDrawingService.getBatchRemoveOp([d]), { redo: a, objects: l } = g;
+      this._commandService.syncExecuteCommand(T.id, { unitId: r, subUnitId: s, op: a, objects: l, type: P.REMOVE });
     }
   }
   addHook(e) {
@@ -2798,97 +2803,427 @@ let ze = class extends q {
       }
     };
   }
+  addFloatDomToRange(e, n, t, r) {
+    var M, N, A, D;
+    const s = F(this._univerInstanceService, {
+      unitId: n.unitId,
+      subUnitId: n.subUnitId
+    });
+    if (!s)
+      throw new Error("cannot find current target!");
+    const { unitId: o, subUnitId: c } = s;
+    if (!this._getSceneAndTransformerByDrawingSearch(o)) return;
+    const g = this._renderManagerService.getRenderById(o);
+    if (!g) return;
+    const a = (M = this._renderManagerService.getRenderById(o)) == null ? void 0 : M.with(J).getWorksheetSkeleton(c);
+    if (!a) return;
+    const { componentKey: l, data: u, allowTransform: h = !0 } = n, f = r != null ? r : Lt(), { position: p } = this._createRangePositionObserver(e, g, a.skeleton), m = this._getPosition(p, o);
+    if (m == null)
+      return;
+    this._ensureMap(o, c).set(f, n);
+    const S = p.endX - p.startX, I = p.endY - p.startY, b = (N = t.width) != null ? N : S, v = (A = t.height) != null ? A : I, R = p.startX + pt(t.x, S), w = p.startY + pt(t.y, I), O = {
+      unitId: o,
+      subUnitId: c,
+      drawingId: f,
+      drawingType: n.type || $.DRAWING_DOM,
+      componentKey: l,
+      sheetTransform: m,
+      transform: {
+        left: R,
+        top: w,
+        width: b,
+        height: v
+      },
+      data: u,
+      allowTransform: h
+    };
+    {
+      const { unitId: C, subUnitId: y, drawingId: U } = O, k = F(this._univerInstanceService, { unitId: C, subUnitId: y }), Y = O, re = this._univerInstanceService.getUnit(C, V.UNIVER_SHEET);
+      if (!re)
+        return;
+      const Oe = re.getActiveSheet().getSheetId();
+      if (!Y || !k)
+        return;
+      const he = (D = this._renderManagerService.getRenderById(C)) == null ? void 0 : D.with(J).getWorksheetSkeleton(y);
+      if (!he)
+        return;
+      const { transform: ae, drawingType: ce, data: ee } = Y;
+      if (ce !== $.DRAWING_DOM && ce !== $.DRAWING_CHART)
+        return;
+      const x = this._getSceneAndTransformerByDrawingSearch(C);
+      if (x == null)
+        return;
+      const { scene: de, canvas: le } = x;
+      if (ae == null || Oe !== y)
+        return;
+      const { left: ve, top: je, width: We, height: xe, angle: qe, flipX: Nt, flipY: jt, skewX: Wt, skewY: xt } = ae, Qe = ke({ unitId: C, subUnitId: y, drawingId: U }), Be = de.getObject(Qe);
+      if (Be != null) {
+        Be.transformByState({ left: ve, top: je, width: We, height: xe, angle: qe, flipX: Nt, flipY: jt, skewX: Wt, skewY: xt });
+        return;
+      }
+      const ie = {
+        left: ve,
+        top: je,
+        width: We,
+        height: xe,
+        zIndex: this._drawingManagerService.getDrawingOrder(C, y).length - 1
+      }, et = ce === $.DRAWING_CHART;
+      if (et) {
+        const W = ee ? ee.backgroundColor : "white";
+        ie.fill = W, ie.rotateEnabled = !1, ee && ee.border && (ie.stroke = ee.border), ie.paintFirst = "stroke", ie.strokeWidth = 1, ie.borderEnabled = !1, ie.radius = 8;
+      }
+      const z = new ot(Qe, ie);
+      et && z.setObjectType(gn.CHART), de.addObject(z, Gt), Y.allowTransform !== !1 && de.attachTransformerTo(z);
+      const $e = this._ensureMap(C, y), Se = new it(), ge = de.getMainViewport(), Bt = {
+        top: ge.top,
+        left: ge.left,
+        bottom: ge.bottom,
+        right: ge.right
+      }, ue = {
+        dispose: Se,
+        rect: z,
+        boundsOfViewArea: Bt,
+        // position$,
+        unitId: C,
+        subUnitId: y
+      }, $t = De(z, x.renderUnit, he.skeleton, k.worksheet, ue), Ie = new Ge($t);
+      ue.position$ = Ie, this._canvasFloatDomService.addFloatDom({
+        position$: Ie,
+        id: U,
+        componentKey: Y.componentKey,
+        onPointerDown: (W) => {
+          le.dispatchEvent(new PointerEvent(W.type, W));
+        },
+        onPointerMove: (W) => {
+          le.dispatchEvent(new PointerEvent(W.type, W));
+        },
+        onPointerUp: (W) => {
+          le.dispatchEvent(new PointerEvent(W.type, W));
+        },
+        onWheel: (W) => {
+          le.dispatchEvent(new WheelEvent(W.type, W));
+        },
+        // props: map.get(drawingId)?.props ?? this._getFloatDomProps(drawingId),
+        data: ee,
+        unitId: C
+      });
+      const Le = z.onTransformChange$.subscribeEvent(() => {
+        const W = De(z, x.renderUnit, he.skeleton, k.worksheet, ue);
+        Ie.next(
+          W
+        );
+      });
+      Se.add(() => {
+        this._canvasFloatDomService.removeFloatDom(U);
+      }), Le && Se.add(Le), this._domLayerInfoMap.set(U, ue), $e.set(U, {
+        ...$e.get(U)
+      });
+    }
+    return {
+      id: f,
+      dispose: () => {
+        this._removeDom(f, !0);
+      }
+    };
+  }
+  addFloatDomToColumnHeader(e, n, t, r) {
+    var N, A, D, C;
+    const s = F(this._univerInstanceService, {
+      unitId: n.unitId,
+      subUnitId: n.subUnitId
+    });
+    if (!s)
+      throw new Error("cannot find current target!");
+    const { unitId: o, subUnitId: c } = s;
+    if (!this._getSceneAndTransformerByDrawingSearch(o)) return;
+    const g = this._renderManagerService.getRenderById(o);
+    if (!g) return;
+    const a = (N = this._renderManagerService.getRenderById(o)) == null ? void 0 : N.with(J).getWorksheetSkeleton(c);
+    if (!a) return;
+    const { componentKey: l, data: u, allowTransform: h = !0 } = n, f = r != null ? r : Lt(), { position: p } = this._createRangePositionObserver({
+      startRow: 0,
+      endRow: 0,
+      startColumn: e,
+      endColumn: e
+    }, g, a.skeleton), m = p;
+    m.startY = 0;
+    const _ = this._getPosition(p, o);
+    if (_ == null)
+      return;
+    this._ensureMap(o, c).set(f, n);
+    const I = p.endX - p.startX, b = p.endY - p.startY, v = (A = t.width) != null ? A : I, R = (D = t.height) != null ? D : b, w = m.startX + pt(t.x, I), O = m.startY + pt(t.y, b), M = {
+      unitId: o,
+      subUnitId: c,
+      drawingId: f,
+      drawingType: n.type || $.DRAWING_DOM,
+      componentKey: l,
+      sheetTransform: _,
+      transform: {
+        left: w,
+        top: O,
+        width: v,
+        height: R
+      },
+      data: u,
+      allowTransform: h
+    };
+    {
+      const { unitId: y, subUnitId: U, drawingId: k } = M, Y = F(this._univerInstanceService, { unitId: y, subUnitId: U }), re = M, Oe = this._univerInstanceService.getUnit(y, V.UNIVER_SHEET);
+      if (!Oe)
+        return;
+      const he = Oe.getActiveSheet().getSheetId();
+      if (!re || !Y)
+        return;
+      const ae = (C = this._renderManagerService.getRenderById(y)) == null ? void 0 : C.with(J).getWorksheetSkeleton(U);
+      if (!ae)
+        return;
+      const { transform: ce, drawingType: ee, data: x } = re;
+      if (ee !== $.DRAWING_DOM && ee !== $.DRAWING_CHART)
+        return;
+      const de = this._getSceneAndTransformerByDrawingSearch(y);
+      if (de == null)
+        return;
+      const { scene: le, canvas: ve } = de;
+      if (ce == null || he !== U)
+        return;
+      const { left: je, top: We, width: xe, height: qe, angle: Nt, flipX: jt, flipY: Wt, skewX: xt, skewY: Qe } = ce, Be = ke({ unitId: y, subUnitId: U, drawingId: k }), ie = le.getObject(Be);
+      if (ie != null) {
+        ie.transformByState({ left: je, top: We, width: xe, height: qe, angle: Nt, flipX: jt, flipY: Wt, skewX: xt, skewY: Qe });
+        return;
+      }
+      const et = {
+        left: je,
+        top: We,
+        width: xe,
+        height: qe,
+        zIndex: this._drawingManagerService.getDrawingOrder(y, U).length - 1
+      }, z = new ot(Be, et);
+      le.addObject(z, Gt), re.allowTransform !== !1 && le.attachTransformerTo(z);
+      const $e = this._ensureMap(y, U), Se = new it(), ge = le.getMainViewport(), Bt = {
+        top: 0,
+        //viewMain.top,
+        left: ge.left,
+        bottom: ge.bottom,
+        right: ge.right
+      }, ue = {
+        dispose: Se,
+        rect: z,
+        // position$,
+        unitId: y,
+        subUnitId: U,
+        boundsOfViewArea: Bt,
+        scrollDirectionResponse: "HORIZONTAL"
+        /* HORIZONTAL */
+      }, $t = De(z, de.renderUnit, ae.skeleton, Y.worksheet, ue), Ie = new Ge($t);
+      ue.position$ = Ie, this._canvasFloatDomService.addFloatDom({
+        position$: Ie,
+        id: k,
+        componentKey: re.componentKey,
+        onPointerDown: (W) => {
+          ve.dispatchEvent(new PointerEvent(W.type, W));
+        },
+        onPointerMove: (W) => {
+          ve.dispatchEvent(new PointerEvent(W.type, W));
+        },
+        onPointerUp: (W) => {
+          ve.dispatchEvent(new PointerEvent(W.type, W));
+        },
+        onWheel: (W) => {
+          ve.dispatchEvent(new WheelEvent(W.type, W));
+        },
+        // props: map.get(drawingId)?.props ?? this._getFloatDomProps(drawingId),
+        data: x,
+        unitId: y
+      });
+      const Le = z.onTransformChange$.subscribeEvent(() => {
+        const W = De(z, de.renderUnit, ae.skeleton, Y.worksheet, ue);
+        Ie.next(
+          W
+        );
+      });
+      Se.add(() => {
+        this._canvasFloatDomService.removeFloatDom(k);
+      }), Le && Se.add(Le), this._domLayerInfoMap.set(k, ue), $e.set(k, {
+        ...$e.get(k)
+      });
+    }
+    return {
+      id: f,
+      dispose: () => {
+        this._removeDom(f, !0);
+      }
+    };
+  }
+  /**
+   * Unlike _createCellPositionObserver, this accept a range not a single cell.
+   *
+   * @param initialRow
+   * @param initialCol
+   * @param currentRender
+   * @param skeleton
+   * @param activeViewport
+   * @returns position of cell to canvas.
+   */
+  _createRangePositionObserver(e, n, t) {
+    let { startRow: r, startColumn: s } = e;
+    const o = He(r, s, t), c = new Ge(o), d = He(e.endRow, e.endColumn, t), g = new Ge(d), a = () => {
+      const m = He(r, s, t), _ = He(e.endRow, e.endColumn, t);
+      c.next(m), g.next(_);
+    }, l = new it();
+    l.add(n.engine.clientRect$.subscribe(() => a())), l.add(this._commandService.onCommandExecuted((m) => {
+      if (m.id === An.id && m.params.rowsAutoHeightInfo.findIndex((S) => S.row === r) > -1) {
+        a();
+        return;
+      }
+      (Bi.indexOf(m.id) > -1 || m.id === hi.id || m.id === fn.id) && a();
+    }));
+    const u = (m, _) => {
+      r = m, s = _, a();
+    }, h = () => ({
+      rotate: 0,
+      width: d.right - o.left,
+      height: d.bottom - o.top,
+      absolute: {
+        left: !0,
+        top: !0
+      },
+      startX: o.left,
+      startY: o.top,
+      endX: d.right,
+      endY: d.bottom
+    }), f = c.pipe(
+      Ye((m) => {
+        const _ = He(e.endRow, e.endColumn, t);
+        return console.log("service", m.left, m.top), {
+          rotate: 0,
+          width: _.right - m.left,
+          height: _.bottom - m.top,
+          absolute: {
+            left: !0,
+            top: !0
+          },
+          startX: m.left,
+          startY: m.top,
+          endX: _.right,
+          endY: _.bottom
+        };
+      })
+    ), p = h();
+    return console.log("init position", p), {
+      position$: f,
+      position: p,
+      updateRowCol: u,
+      topLeftPos$: c,
+      rightBottomPos$: g,
+      disposable: l
+    };
+  }
 };
-ze = Ls([
-  de(0, U(X)),
-  de(1, pe),
-  de(2, U(B)),
-  de(3, Q),
-  de(4, U(Yr)),
-  de(5, z),
-  de(6, U(rr))
-], ze);
-var An = Object.defineProperty, Fs = Object.getOwnPropertyDescriptor, Vs = (i, e, n) => e in i ? An(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, ks = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Fs(e, n) : e, s = i.length - 1, o; s >= 0; s--)
+Mt = po([
+  be(0, j(q)),
+  be(1, Ne),
+  be(2, j(H)),
+  be(3, oe),
+  be(4, j(Ci)),
+  be(5, Q),
+  be(6, j(xr))
+], Mt);
+function He(i, e, n) {
+  const t = n.getCellWithCoordByIndex(i, e), r = t.isMergedMainCell ? t.mergeInfo : t;
+  return {
+    left: r.startX,
+    right: r.endX,
+    top: r.startY,
+    bottom: r.endY
+  };
+}
+function pt(i, e) {
+  if (i === void 0) return 0;
+  if (typeof i == "number") return i;
+  const n = Number.parseFloat(i);
+  return e * n / 100;
+}
+var mr = Object.defineProperty, _o = Object.getOwnPropertyDescriptor, vo = (i, e, n) => e in i ? mr(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, So = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? _o(e, n) : e, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = (t ? o(e, n, r) : o(r)) || r);
-  return t && r && An(e, n, r), r;
-}, ut = (i, e) => (n, t) => e(n, t, i), Nn = (i, e, n) => Vs(i, typeof e != "symbol" ? e + "" : e, n);
-const Hs = "SHEET_IMAGE_UI_PLUGIN";
-let Ke = class extends dr {
-  constructor(i = $t, e, n, t) {
+  return t && r && mr(e, n, r), r;
+}, zt = (i, e) => (n, t) => e(n, t, i), fr = (i, e, n) => vo(i, typeof e != "symbol" ? e + "" : e, n);
+const Io = "SHEET_IMAGE_UI_PLUGIN";
+let yt = class extends kr {
+  constructor(i = vn, e, n, t) {
     super(), this._config = i, this._injector = e, this._renderManagerService = n, this._configService = t;
-    const { menu: r, ...s } = lr(
+    const { menu: r, ...s } = Gr(
       {},
-      $t,
+      vn,
       this._config
     );
-    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(mi, s);
+    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(Fi, s);
   }
   onStarting() {
-    ur(this._injector, [
-      [ze],
-      [Xe],
-      [Le],
-      [Ye],
-      [He],
-      [ke],
-      [Ge],
-      [Ve],
-      [Fe]
-    ]), rt(this._injector, [
-      [ze]
+    Fr(this._injector, [
+      [Mt],
+      [Dt],
+      [_t],
+      [bt],
+      [Rt],
+      [Ct],
+      [vt],
+      [It],
+      [St]
+    ]), kt(this._injector, [
+      [Mt]
     ]);
   }
   onReady() {
-    rt(this._injector, [
-      [ke]
+    kt(this._injector, [
+      [Ct]
     ]);
   }
   onRendered() {
-    this._registerRenderModules(), rt(this._injector, [
-      [He],
-      [Ye],
-      [Xe],
-      [Ge],
-      [Ve],
-      [Fe]
+    this._registerRenderModules(), kt(this._injector, [
+      [Rt],
+      [bt],
+      [Dt],
+      [vt],
+      [It],
+      [St]
     ]);
   }
   onSteady() {
-    this._injector.get(Le);
+    this._injector.get(_t);
   }
   _registerRenderModules() {
     [
-      [Se],
-      [wt],
-      [pt]
+      [Xe],
+      [tn],
+      [Qt]
     ].forEach((i) => {
-      this.disposeWithMe(this._renderManagerService.registerRenderModule(F.UNIVER_SHEET, i));
+      this.disposeWithMe(this._renderManagerService.registerRenderModule(V.UNIVER_SHEET, i));
     });
   }
 };
-Nn(Ke, "type", F.UNIVER_SHEET);
-Nn(Ke, "pluginName", Hs);
-Ke = ks([
-  cr(fr, mr, Ir, Dr),
-  ut(1, U(Ie)),
-  ut(2, X),
-  ut(3, hr)
-], Ke);
+fr(yt, "type", V.UNIVER_SHEET);
+fr(yt, "pluginName", Io);
+yt = So([
+  Lr(Xr, Yr, Qr, ni),
+  zt(1, j(ze)),
+  zt(2, q),
+  zt(3, Vr)
+], yt);
 export {
-  W as ClearSheetDrawingTransformerOperation,
-  En as DeleteDrawingsCommand,
-  In as EditSheetDrawingOperation,
-  Cn as GroupSheetDrawingCommand,
-  It as InsertFloatImageCommand,
-  et as InsertSheetDrawingCommand,
-  Re as MoveDrawingsCommand,
-  Qe as RemoveSheetDrawingCommand,
-  Pn as SHEETS_IMAGE_MENU_ID,
-  Rn as SetDrawingArrangeCommand,
-  tt as SetSheetDrawingCommand,
-  ze as SheetCanvasFloatDomManagerService,
-  Sn as SidebarSheetDrawingOperation,
-  Mn as UngroupSheetDrawingCommand,
-  Ke as UniverSheetsDrawingUIPlugin
+  L as ClearSheetDrawingTransformerOperation,
+  lr as DeleteDrawingsCommand,
+  nr as EditSheetDrawingOperation,
+  rr as GroupSheetDrawingCommand,
+  sn as InsertFloatImageCommand,
+  Ut as InsertSheetDrawingCommand,
+  Je as MoveDrawingsCommand,
+  Pt as RemoveSheetDrawingCommand,
+  hr as SHEETS_IMAGE_MENU_ID,
+  ir as SetDrawingArrangeCommand,
+  At as SetSheetDrawingCommand,
+  Mt as SheetCanvasFloatDomManagerService,
+  tr as SidebarSheetDrawingOperation,
+  sr as UngroupSheetDrawingCommand,
+  yt as UniverSheetsDrawingUIPlugin
 };