@univerjs/sheets-drawing-ui 0.5.4 → 0.5.5-nightly.202501201336

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