@univerjs/sheets-drawing-ui 0.6.0 → 0.6.1

package/lib/es/index.js

@@ -1,6 +1,6 @@
 var Er = Object.defineProperty;
-var Or = (i, n, e) => n in i ? Er(i, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[n] = e;
-var Q = (i, n, e) => Or(i, typeof n != "symbol" ? n + "" : n, e);
+var Or = (i, n, t) => n in i ? Er(i, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[n] = t;
+var Q = (i, n, t) => Or(i, typeof n != "symbol" ? n + "" : n, t);
 import { CommandType as te, ICommandService as G, IUndoRedoService as Ye, sequenceExecute as kn, LocaleService as $t, IUniverInstanceService as Ge, Inject as N, Injector as tt, IContextService as Bn, RxDisposable as Ur, UniverInstanceType as F, toDisposable as Pr, FOCUSING_COMMON_DRAWINGS as Le, DrawingTypeEnum as L, Disposable as le, ArrangeTypeEnum as mt, createDocumentModelWithStyle as Ar, ObjectRelativeFromV as Nr, ObjectRelativeFromH as kr, WrapTextType as Br, PositionedObjectLayoutType as Wr, BooleanNumber as jr, BuildTextUtils as $r, Range as xr, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as pt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as wt, InterceptorEffectEnum as Lr, ObjectMatrix as Fr, Tools as ye, IPermissionService as Yr, UserManagerService as Gr, Rectangle as Xr, Direction as Ie, FOCUSING_FX_BAR_EDITOR as Vr, EDITOR_ACTIVATED as Hr, FOCUSING_PANEL_EDITOR as zr, LifecycleService as Kr, LifecycleStages as Zr, DisposableCollection as _t, fromEventSubject as Jr, generateRandomId as Ht, DependentOn as qr, IConfigService as Qr, Plugin as ei, merge as ti, registerDependencies as ni, touchDependencies as zt } from "@univerjs/core";
 import { DocDrawingController as ri, UniverDocsDrawingPlugin as ii } from "@univerjs/docs-drawing";
 import { SetDrawingSelectedOperation as xt, IImageIoService as Wn, IDrawingManagerService as oe, DRAWING_IMAGE_ALLOW_IMAGE_LIST as wn, DRAWING_IMAGE_COUNT_LIMIT as _n, ImageUploadStatusType as Be, DRAWING_IMAGE_ALLOW_SIZE as vn, getImageSize as Sn, DRAWING_IMAGE_WIDTH_LIMIT as In, DRAWING_IMAGE_HEIGHT_LIMIT as Cn, ImageSourceType as si, getDrawingShapeKeyByDrawingSearch as Ce, UniverDrawingPlugin as oi } from "@univerjs/drawing";
@@ -19,10 +19,10 @@ const os = "sheets-drawing-ui.config", Pn = {}, x = {
   id: "sheet.operation.clear-drawing-transformer",
   type: te.MUTATION,
   handler: (i, n) => {
-    const e = i.get(ne);
-    return n.forEach((t) => {
+    const t = i.get(ne);
+    return n.forEach((e) => {
       var r, s;
-      (s = (r = e.getRenderById(t)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
+      (s = (r = t.getRenderById(e)) == null ? void 0 : r.scene.getTransformer()) == null || s.debounceRefreshControls();
     }), !0;
   }
 }, nt = {
@@ -30,7 +30,7 @@ const os = "sheets-drawing-ui.config", Pn = {}, x = {
   type: te.COMMAND,
   handler: (i, n) => {
     var S, C, D;
-    const e = i.get(G), t = i.get(Ye), r = i.get(Lt), s = i.get(ae);
+    const t = i.get(G), e = i.get(Ye), r = i.get(Lt), s = i.get(ae);
     if (!n) return !1;
     const { drawings: o } = n, a = [];
     o.forEach((v) => {
@@ -38,7 +38,7 @@ const os = "sheets-drawing-ui.config", Pn = {}, x = {
       a.push(b);
     });
     const c = s.getBatchRemoveOp(o), { unitId: u, subUnitId: d, undo: l, redo: g, objects: h } = c, f = r.onCommandExecute({ id: nt.id, params: n }), p = { id: A.id, params: { unitId: u, subUnitId: d, op: g, objects: h, type: P.REMOVE } }, m = { id: A.id, params: { unitId: u, subUnitId: d, op: l, objects: h, type: P.INSERT } };
-    return kn([...(S = f.preRedos) != null ? S : [], p, ...f.redos], e) ? (t.pushUndoRedo({
+    return kn([...(S = f.preRedos) != null ? S : [], p, ...f.redos], t) ? (e.pushUndoRedo({
       unitID: u,
       undoMutations: [
         ...(C = f.preUndos) != null ? C : [],
@@ -58,12 +58,12 @@ const os = "sheets-drawing-ui.config", Pn = {}, x = {
   id: "sidebar.operation.sheet-image",
   type: te.COMMAND,
   handler: async (i, n) => {
-    const e = i.get(Mi), t = i.get($t), r = i.get(Ge), s = i.get(G);
+    const t = i.get(Mi), e = i.get($t), r = i.get(Ge), s = i.get(G);
     if (!H(r)) return !1;
     switch (n.value) {
       case "open":
-        e.open({
-          header: { title: t.t("sheetImage.panel.title") },
+        t.open({
+          header: { title: e.t("sheetImage.panel.title") },
           children: { label: lr },
           onClose: () => {
             s.syncExecuteCommand(xt.id, []);
@@ -73,7 +73,7 @@ const os = "sheets-drawing-ui.config", Pn = {}, x = {
         break;
       case "close":
       default:
-        e.close();
+        t.close();
         break;
     }
     return !0;
@@ -82,8 +82,8 @@ const os = "sheets-drawing-ui.config", Pn = {}, x = {
   id: "sheet.operation.edit-sheet-image",
   type: te.OPERATION,
   handler: (i, n) => {
-    const e = i.get(G);
-    return n == null ? !1 : (e.syncExecuteCommand(xt.id, [n]), e.executeCommand(ur.id, { value: "open" }), !0);
+    const t = i.get(G);
+    return n == null ? !1 : (t.syncExecuteCommand(xt.id, [n]), t.executeCommand(ur.id, { value: "open" }), !0);
   }
 }, as = "univer-upload-loading", cs = "univer-upload-loading-body", ds = "univer-upload-loading-body-animation", ls = "univer-upload-loading-body-text", It = {
   uploadLoading: as,
@@ -91,65 +91,65 @@ const os = "sheets-drawing-ui.config", Pn = {}, x = {
   uploadLoadingBodyAnimation: ds,
   uploadLoadingBodyText: ls
 }, us = () => {
-  const i = Te(Wn), n = Te($t), [e, t] = ts.useState(0);
+  const i = Te(Wn), n = Te($t), [t, e] = ts.useState(0);
   return ln(() => {
     const r = i.change$.subscribe((s) => {
-      t(s);
+      e(s);
     });
     return () => {
       r.unsubscribe();
     };
-  }, [i]), /* @__PURE__ */ ee("div", { style: { display: e > 0 ? "block" : "none" }, className: It.uploadLoading, children: /* @__PURE__ */ Tt("div", { className: It.uploadLoadingBody, children: [
+  }, [i]), /* @__PURE__ */ ee("div", { style: { display: t > 0 ? "block" : "none" }, className: It.uploadLoading, children: /* @__PURE__ */ Tt("div", { className: It.uploadLoadingBody, children: [
     /* @__PURE__ */ ee("div", { className: It.uploadLoadingBodyAnimation }),
-    /* @__PURE__ */ ee("div", { className: It.uploadLoadingBodyText, children: `${n.t("uploadLoading.loading")}: ${e}` })
+    /* @__PURE__ */ ee("div", { className: It.uploadLoadingBodyText, children: `${n.t("uploadLoading.loading")}: ${t}` })
   ] }) });
 };
-var hs = Object.getOwnPropertyDescriptor, gs = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? hs(n, e) : n, s = i.length - 1, o; s >= 0; s--)
+var hs = Object.getOwnPropertyDescriptor, gs = (i, n, t, e) => {
+  for (var r = e > 1 ? void 0 : e ? hs(n, t) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, we = (i, n) => (e, t) => n(e, t, i);
+}, we = (i, n) => (t, e) => n(t, e, i);
 let Et = class extends Ur {
-  constructor(n, e, t, r, s, o, a, c) {
+  constructor(n, t, e, r, s, o, a, c) {
     super();
     Q(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
-    this._injector = n, this._drawingManagerService = e, this._canvasPopManagerService = t, this._renderManagerService = r, this._univerInstanceService = s, this._contextService = o, this._uiPartsService = a, this._commandService = c, this._init();
+    this._injector = n, this._drawingManagerService = t, this._canvasPopManagerService = e, this._renderManagerService = r, this._univerInstanceService = s, this._contextService = o, this._uiPartsService = a, this._commandService = c, this._init();
   }
   _init() {
     this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET).pipe(Mn(this.dispose$)).subscribe((n) => this._create(n)), this._univerInstanceService.getTypeOfUnitDisposed$(F.UNIVER_SHEET).pipe(Mn(this.dispose$)).subscribe((n) => this._dispose(n)), this._univerInstanceService.getAllUnitsForType(F.UNIVER_SHEET).forEach((n) => this._create(n)), this._uiPartsService.registerComponent(Ti.CONTENT, () => Ei(us, this._injector));
   }
   _dispose(n) {
-    const e = n.getUnitId();
-    this._renderManagerService.removeRender(e);
+    const t = n.getUnitId();
+    this._renderManagerService.removeRender(t);
   }
   _create(n) {
     if (!n)
       return;
-    const e = n.getUnitId();
-    this._renderManagerService.has(e) && !this._initImagePopupMenu.has(e) && (this._popupMenuListener(e), this._initImagePopupMenu.add(e));
+    const t = n.getUnitId();
+    this._renderManagerService.has(t) && !this._initImagePopupMenu.has(t) && (this._popupMenuListener(t), this._initImagePopupMenu.add(t));
   }
   _hasCropObject(n) {
-    const e = n.getAllObjectsByOrder();
-    for (const t of e)
-      if (t instanceof ai)
+    const t = n.getAllObjectsByOrder();
+    for (const e of t)
+      if (e instanceof ai)
         return !0;
     return !1;
   }
   _popupMenuListener(n) {
     var s;
-    const e = (s = this._renderManagerService.getRenderById(n)) == null ? void 0 : s.scene;
-    if (!e)
-      return;
-    const t = e.getTransformerByCreate();
+    const t = (s = this._renderManagerService.getRenderById(n)) == null ? void 0 : s.scene;
     if (!t)
       return;
+    const e = t.getTransformerByCreate();
+    if (!e)
+      return;
     let r;
     this.disposeWithMe(
       Pr(
-        t.createControl$.subscribe(() => {
-          if (this._contextService.setContextValue(Le, !0), this._hasCropObject(e))
+        e.createControl$.subscribe(() => {
+          if (this._contextService.setContextValue(Le, !0), this._hasCropObject(t))
             return;
-          const o = t.getSelectedObjectMap();
+          const o = e.getSelectedObjectMap();
           if (o.size > 1) {
             r == null || r.dispose();
             return;
@@ -176,7 +176,7 @@ let Et = class extends Ur {
         })
       )
     ), this.disposeWithMe(
-      t.clearControl$.subscribe(() => {
+      e.clearControl$.subscribe(() => {
         r == null || r.dispose(), this._contextService.setContextValue(Le, !1), this._commandService.syncExecuteCommand(xt.id, []);
       })
     ), this.disposeWithMe(
@@ -184,39 +184,39 @@ let Et = class extends Ur {
         o[Le] === !1 && (r == null || r.dispose());
       })
     ), this.disposeWithMe(
-      t.changing$.subscribe(() => {
+      e.changing$.subscribe(() => {
         r == null || r.dispose();
       })
     );
   }
-  _getImageMenuItems(n, e, t, r) {
+  _getImageMenuItems(n, t, e, r) {
     return [
       {
         label: "image-popup.edit",
         index: 0,
         commandId: hr.id,
-        commandParams: { unitId: n, subUnitId: e, drawingId: t },
+        commandParams: { unitId: n, subUnitId: t, drawingId: e },
         disable: r === L.DRAWING_DOM
       },
       {
         label: "image-popup.delete",
         index: 1,
         commandId: nt.id,
-        commandParams: { unitId: n, drawings: [{ unitId: n, subUnitId: e, drawingId: t }] },
+        commandParams: { unitId: n, drawings: [{ unitId: n, subUnitId: t, drawingId: e }] },
         disable: !1
       },
       {
         label: "image-popup.crop",
         index: 2,
         commandId: di.id,
-        commandParams: { unitId: n, subUnitId: e, drawingId: t },
+        commandParams: { unitId: n, subUnitId: t, drawingId: e },
         disable: r === L.DRAWING_DOM
       },
       {
         label: "image-popup.reset",
         index: 3,
         commandId: li.id,
-        commandParams: [{ unitId: n, subUnitId: e, drawingId: t }],
+        commandParams: [{ unitId: n, subUnitId: t, drawingId: e }],
         disable: r === L.DRAWING_DOM
       }
     ];
@@ -232,18 +232,18 @@ Et = gs([
   we(6, N(yi)),
   we(7, G)
 ], Et);
-function z(i, n, e) {
-  const { from: t, to: r, flipY: s = !1, flipX: o = !1, angle: a = 0, skewX: c = 0, skewY: u = 0 } = i, d = e.getCurrent();
+function z(i, n, t) {
+  const { from: e, to: r, flipY: s = !1, flipX: o = !1, angle: a = 0, skewX: c = 0, skewY: u = 0 } = i, d = t.getCurrent();
   if (d == null)
     return;
   const l = wi(
     d.unitId,
     d.sheetId,
-    { from: t, to: r },
-    e
+    { from: e, to: r },
+    t
   );
   let { left: g, top: h, width: f, height: p } = l;
-  const m = e.getCurrentSkeleton(), w = m.rowHeaderWidth + m.columnTotalWidth, S = m.columnHeaderHeight + m.rowTotalHeight;
+  const m = t.getCurrentSkeleton(), w = m.rowHeaderWidth + m.columnTotalWidth, S = m.columnHeaderHeight + m.rowTotalHeight;
   return g + f > w && (g = w - f), h + p > S && (h = S - p), {
     flipY: s,
     flipX: o,
@@ -257,22 +257,22 @@ function z(i, n, e) {
   };
 }
 function $(i, n) {
-  const { left: e = 0, top: t = 0, width: r = 0, height: s = 0, flipY: o = !1, flipX: a = !1, angle: c = 0, skewX: u = 0, skewY: d = 0 } = i, l = n.getCellWithCoordByOffset(e, t);
+  const { left: t = 0, top: e = 0, width: r = 0, height: s = 0, flipY: o = !1, flipX: a = !1, angle: c = 0, skewX: u = 0, skewY: d = 0 } = i, l = n.getCellWithCoordByOffset(t, e);
   if (l == null)
     return;
   const g = {
     column: l.actualColumn,
-    columnOffset: vt(e - l.startX, 1),
+    columnOffset: vt(t - l.startX, 1),
     row: l.actualRow,
-    rowOffset: vt(t - l.startY, 1)
-  }, h = n.getCellWithCoordByOffset(e + r, t + s);
+    rowOffset: vt(e - l.startY, 1)
+  }, h = n.getCellWithCoordByOffset(t + r, e + s);
   if (h == null)
     return;
   const f = {
     column: h.actualColumn,
-    columnOffset: vt(e + r - h.startX, 1),
+    columnOffset: vt(t + r - h.startX, 1),
     row: h.actualRow,
-    rowOffset: vt(t + s - h.startY, 1)
+    rowOffset: vt(e + s - h.startY, 1)
   };
   return {
     flipY: o,
@@ -284,14 +284,14 @@ function $(i, n) {
     to: f
   };
 }
-var fs = Object.getOwnPropertyDescriptor, ms = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? fs(n, e) : n, s = i.length - 1, o; s >= 0; s--)
+var fs = Object.getOwnPropertyDescriptor, ms = (i, n, t, e) => {
+  for (var r = e > 1 ? void 0 : e ? fs(n, t) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Ct = (i, n) => (e, t) => n(e, t, i);
+}, Ct = (i, n) => (t, e) => n(t, e, i);
 let sn = class extends le {
-  constructor(i, n, e, t, r) {
-    super(), this._context = i, this._sheetDrawingService = n, this._drawingManagerService = e, this._sheetSelectionRenderService = t, this._sheetSkeletonManagerService = r, this._init();
+  constructor(i, n, t, e, r) {
+    super(), this._context = i, this._sheetDrawingService = n, this._drawingManagerService = t, this._sheetSelectionRenderService = e, this._sheetSkeletonManagerService = r, this._init();
   }
   _init() {
     this._drawingInitializeListener();
@@ -300,9 +300,9 @@ let sn = class extends le {
     this._sheetDrawingService.initializeNotification(this._context.unitId);
     const i = this._sheetDrawingService.getDrawingDataForUnit(this._context.unitId);
     for (const n in i) {
-      const e = i[n];
-      for (const t in e.data) {
-        const r = e.data[t];
+      const t = i[n];
+      for (const e in t.data) {
+        const r = t.data[e];
         r.transform = z(r.sheetTransform, this._sheetSelectionRenderService, this._sheetSkeletonManagerService);
       }
     }
@@ -317,8 +317,8 @@ sn = ms([
 ], sn);
 function ps(i) {
   const n = [];
-  return i.forEach((e) => {
-    const { parent: t, children: r } = e, { unitId: s, subUnitId: o, drawingId: a } = t, c = fi(0, 0, r.map((l) => l.transform || {})), u = r.map((l) => {
+  return i.forEach((t) => {
+    const { parent: e, children: r } = t, { unitId: s, subUnitId: o, drawingId: a } = e, c = fi(0, 0, r.map((l) => l.transform || {})), u = r.map((l) => {
       const g = l.transform || { left: 0, top: 0 }, { unitId: h, subUnitId: f, drawingId: p } = l;
       return {
         unitId: h,
@@ -346,8 +346,8 @@ function ps(i) {
 }
 function ws(i) {
   const n = [];
-  return i.forEach((e) => {
-    const { parent: t, children: r } = e, { unitId: s, subUnitId: o, drawingId: a, transform: c = { width: 0, height: 0 } } = t;
+  return i.forEach((t) => {
+    const { parent: e, children: r } = t, { unitId: s, subUnitId: o, drawingId: a, transform: c = { width: 0, height: 0 } } = e;
     if (c == null)
       return;
     const u = r.map((l) => {
@@ -379,7 +379,7 @@ const gr = {
   id: "sheet.command.group-sheet-image",
   type: te.COMMAND,
   handler: (i, n) => {
-    const e = i.get(G), t = i.get(Ye), r = i.get(ae);
+    const t = i.get(G), e = i.get(Ye), r = i.get(ae);
     if (!n) return !1;
     const s = [];
     n.forEach(({ parent: h, children: f }) => {
@@ -388,7 +388,7 @@ const gr = {
       });
     });
     const o = r.getGroupDrawingOp(n), { unitId: a, subUnitId: c, undo: u, redo: d, objects: l } = o;
-    return e.syncExecuteCommand(A.id, { op: d, unitId: a, subUnitId: c, objects: l, type: P.GROUP }) ? (t.pushUndoRedo({
+    return t.syncExecuteCommand(A.id, { op: d, unitId: a, subUnitId: c, objects: l, type: P.GROUP }) ? (e.pushUndoRedo({
       unitID: a,
       undoMutations: [
         { id: A.id, params: { op: u, unitId: a, subUnitId: c, objects: ws(l), type: P.UNGROUP } },
@@ -405,10 +405,10 @@ const gr = {
   type: te.COMMAND,
   handler: (i, n) => {
     var S, C, D;
-    const e = i.get(G), t = i.get(Ye), r = i.get(ae), s = i.get(Lt);
+    const t = i.get(G), e = i.get(Ye), r = i.get(ae), s = i.get(Lt);
     if (!n) return !1;
     const o = n.drawings, a = o.map((v) => v.unitId), c = r.getBatchAddOp(o), { unitId: u, subUnitId: d, undo: l, redo: g, objects: h } = c, f = s.onCommandExecute({ id: Ft.id, params: n }), p = { id: A.id, params: { op: g, unitId: u, subUnitId: d, objects: h, type: P.INSERT } }, m = { id: A.id, params: { op: l, unitId: u, subUnitId: d, objects: h, type: P.REMOVE } };
-    return kn([...(S = f.preRedos) != null ? S : [], p, ...f.redos], e) ? (t.pushUndoRedo({
+    return kn([...(S = f.preRedos) != null ? S : [], p, ...f.redos], t) ? (e.pushUndoRedo({
       unitID: u,
       undoMutations: [
         ...(C = f.preUndos) != null ? C : [],
@@ -428,14 +428,14 @@ const gr = {
   id: "sheet.command.set-drawing-arrange",
   type: te.COMMAND,
   handler: (i, n) => {
-    const e = i.get(G), t = i.get(Ye);
+    const t = i.get(G), e = i.get(Ye);
     if (!n) return !1;
     const r = i.get(ae), { unitId: s, subUnitId: o, drawingIds: a, arrangeType: c } = n, u = { unitId: s, subUnitId: o, drawingIds: a };
     let d;
     if (c === mt.forward ? d = r.getForwardDrawingsOp(u) : c === mt.backward ? d = r.getBackwardDrawingOp(u) : c === mt.front ? d = r.getFrontDrawingsOp(u) : c === mt.back && (d = r.getBackDrawingsOp(u)), d == null)
       return !1;
     const { objects: l, redo: g, undo: h } = d;
-    return e.syncExecuteCommand(A.id, { op: g, unitId: s, subUnitId: o, objects: l, type: P.ARRANGE }) ? (t.pushUndoRedo({
+    return t.syncExecuteCommand(A.id, { op: g, unitId: s, subUnitId: o, objects: l, type: P.ARRANGE }) ? (e.pushUndoRedo({
       unitID: s,
       undoMutations: [
         { id: A.id, params: { op: h, unitId: s, subUnitId: o, objects: l, type: P.ARRANGE } }
@@ -449,10 +449,10 @@ const gr = {
   id: "sheet.command.set-sheet-image",
   type: te.COMMAND,
   handler: (i, n) => {
-    const e = i.get(G), t = i.get(Ye), r = i.get(ae);
+    const t = i.get(G), e = i.get(Ye), r = i.get(ae);
     if (!n) return !1;
     const { drawings: s } = n, o = r.getBatchUpdateOp(s), { unitId: a, subUnitId: c, undo: u, redo: d, objects: l } = o;
-    return e.syncExecuteCommand(A.id, { unitId: a, subUnitId: c, op: d, objects: l, type: P.UPDATE }) ? (t.pushUndoRedo({
+    return t.syncExecuteCommand(A.id, { unitId: a, subUnitId: c, op: d, objects: l, type: P.UPDATE }) ? (e.pushUndoRedo({
       unitID: a,
       undoMutations: [
         { id: A.id, params: { unitId: a, subUnitId: c, op: u, objects: l, type: P.UPDATE } },
@@ -468,7 +468,7 @@ const gr = {
   id: "sheet.command.ungroup-sheet-image",
   type: te.COMMAND,
   handler: (i, n) => {
-    const e = i.get(G), t = i.get(Ye), r = i.get(ae);
+    const t = i.get(G), e = i.get(Ye), r = i.get(ae);
     if (!n) return !1;
     const s = [];
     n.forEach(({ parent: h, children: f }) => {
@@ -477,7 +477,7 @@ const gr = {
       });
     });
     const o = r.getUngroupDrawingOp(n), { unitId: a, subUnitId: c, undo: u, redo: d, objects: l } = o;
-    return e.syncExecuteCommand(A.id, { op: d, unitId: a, subUnitId: c, objects: l, type: P.UNGROUP }) ? (t.pushUndoRedo({
+    return t.syncExecuteCommand(A.id, { op: d, unitId: a, subUnitId: c, objects: l, type: P.UNGROUP }) ? (e.pushUndoRedo({
       unitID: a,
       undoMutations: [
         { id: A.id, params: { op: u, unitId: a, subUnitId: c, objects: ps(l), type: P.GROUP } },
@@ -490,18 +490,18 @@ const gr = {
     }), !0) : !1;
   }
 };
-var _s = Object.getOwnPropertyDescriptor, vs = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? _s(n, e) : n, s = i.length - 1, o; s >= 0; s--)
+var _s = Object.getOwnPropertyDescriptor, vs = (i, n, t, e) => {
+  for (var r = e > 1 ? void 0 : e ? _s(n, t) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, ie = (i, n) => (e, t) => n(e, t, i);
-function Ss(i, n, e) {
-  const t = e * Math.PI / 180, r = Math.abs(i * Math.cos(t)) + Math.abs(n * Math.sin(t)), s = Math.abs(i * Math.sin(t)) + Math.abs(n * Math.cos(t));
+}, ie = (i, n) => (t, e) => n(t, e, i);
+function Ss(i, n, t) {
+  const e = t * Math.PI / 180, r = Math.abs(i * Math.cos(e)) + Math.abs(n * Math.sin(e)), s = Math.abs(i * Math.sin(e)) + Math.abs(n * Math.cos(e));
   return { rotatedWidth: r, rotatedHeight: s };
 }
-function pr(i, n, e, t, r) {
+function pr(i, n, t, e, r) {
   var S;
-  const { rotatedHeight: s, rotatedWidth: o } = Ss(e, t, r), c = i.get(ne).getRenderById(n.unitId);
+  const { rotatedHeight: s, rotatedWidth: o } = Ss(t, e, r), c = i.get(ne).getRenderById(n.unitId);
   if (!c)
     return !1;
   const d = (S = c.with(V).getSkeletonParam(n.subUnitId)) == null ? void 0 : S.skeleton;
@@ -509,37 +509,37 @@ function pr(i, n, e, t, r) {
     return !1;
   const l = d.getCellByIndex(n.row, n.col), g = l.mergeInfo.endX - l.mergeInfo.startX - 2, h = l.mergeInfo.endY - l.mergeInfo.startY - 2, f = o / s, m = Math.ceil(Math.min(g, h * f)) / o, w = !m || Number.isNaN(m) ? 1e-3 : m;
   return {
-    width: e * w,
-    height: t * w
+    width: t * w,
+    height: e * w
   };
 }
 let et = class extends le {
-  constructor(n, e, t, r, s, o, a, c, u, d, l, g, h) {
+  constructor(n, t, e, r, s, o, a, c, u, d, l, g, h) {
     super();
     Q(this, "_workbookSelections");
-    this._context = n, this._skeletonManagerService = e, this._commandService = t, this._selectionRenderService = r, this._imageIoService = s, this._fileOpenerService = o, this._sheetDrawingService = a, this._drawingManagerService = c, this._contextService = u, this._messageService = d, this._localeService = l, this._injector = h, this._workbookSelections = g.getWorkbookSelections(this._context.unitId), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
+    this._context = n, this._skeletonManagerService = t, this._commandService = e, this._selectionRenderService = r, this._imageIoService = s, this._fileOpenerService = o, this._sheetDrawingService = a, this._drawingManagerService = c, this._contextService = u, this._messageService = d, this._localeService = l, this._injector = h, this._workbookSelections = g.getWorkbookSelections(this._context.unitId), this._updateImageListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
   }
   async insertFloatImage() {
     const n = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: wn.map((t) => `.${t.replace("image/", "")}`).join(",")
-    }), e = n.length;
-    return e > _n ? (this._messageService.show({
+      accept: wn.map((e) => `.${e.replace("image/", "")}`).join(",")
+    }), t = n.length;
+    return t > _n ? (this._messageService.show({
       type: Re.Error,
       content: this._localeService.t("update-status.exceedMaxCount", String(_n))
-    }), !1) : e === 0 ? !1 : (n.forEach(async (t) => await this.insertFloatImageByFile(t)), !0);
+    }), !1) : t === 0 ? !1 : (n.forEach(async (e) => await this.insertFloatImageByFile(e)), !0);
   }
   async insertCellImage() {
-    const e = (await this._fileOpenerService.openFile({
+    const t = (await this._fileOpenerService.openFile({
       multiple: !1,
-      accept: wn.map((t) => `.${t.replace("image/", "")}`).join(",")
+      accept: wn.map((e) => `.${e.replace("image/", "")}`).join(",")
     }))[0];
-    return e ? (await this._insertCellImage(e), !0) : !1;
+    return t ? (await this._insertCellImage(t), !0) : !1;
   }
   async insertFloatImageByFile(n) {
-    let e;
+    let t;
     try {
-      e = await this._imageIoService.saveImage(n);
+      t = await this._imageIoService.saveImage(n);
     } catch (S) {
       const C = S.message;
       C === Be.ERROR_EXCEED_SIZE ? this._messageService.show({
@@ -553,9 +553,9 @@ let et = class extends le {
         content: this._localeService.t("update-status.invalidImage")
       });
     }
-    if (e == null)
+    if (t == null)
       return;
-    const t = this._getUnitInfo(), { unitId: r, subUnitId: s } = t, { imageId: o, imageSourceType: a, source: c, base64Cache: u } = e, { width: d, height: l, image: g } = await Sn(u || ""), { width: h, height: f } = this._context.scene;
+    const e = this._getUnitInfo(), { unitId: r, subUnitId: s } = e, { imageId: o, imageSourceType: a, source: c, base64Cache: u } = t, { width: d, height: l, image: g } = await Sn(u || ""), { width: h, height: f } = this._context.scene;
     this._imageIoService.addImageSourceCache(c, a, g);
     let p = 1;
     if (d > In || l > Cn) {
@@ -582,9 +582,9 @@ let et = class extends le {
   }
   // eslint-disable-next-line max-lines-per-function
   async _insertCellImage(n) {
-    let e;
+    let t;
     try {
-      e = await this._imageIoService.saveImage(n);
+      t = await this._imageIoService.saveImage(n);
     } catch (m) {
       const w = m.message;
       w === Be.ERROR_EXCEED_SIZE ? this._messageService.show({
@@ -598,9 +598,9 @@ let et = class extends le {
         content: this._localeService.t("update-status.invalidImage")
       });
     }
-    if (e == null)
+    if (t == null)
       return;
-    const { imageId: t, imageSourceType: r, source: s, base64Cache: o } = e, { width: a, height: c, image: u } = await Sn(o || "");
+    const { imageId: e, imageSourceType: r, source: s, base64Cache: o } = t, { width: a, height: c, image: u } = await Sn(o || "");
     this._imageIoService.addImageSourceCache(s, r, u);
     const d = this._workbookSelections.getCurrentLastSelection();
     if (!d)
@@ -636,7 +636,7 @@ let et = class extends le {
     }, f = {
       unitId: l.getUnitId(),
       subUnitId: l.getUnitId(),
-      drawingId: t,
+      drawingId: e,
       drawingType: L.DRAWING_IMAGE,
       imageSourceType: r,
       source: s,
@@ -673,13 +673,13 @@ let et = class extends le {
     })) : !1;
   }
   _getUnitInfo() {
-    const n = this._context.unit, e = n.getActiveSheet(), t = n.getUnitId(), r = e.getSheetId();
+    const n = this._context.unit, t = n.getActiveSheet(), e = n.getUnitId(), r = t.getSheetId();
     return {
-      unitId: t,
+      unitId: e,
       subUnitId: r
     };
   }
-  _getImagePosition(n, e, t, r) {
+  _getImagePosition(n, t, e, r) {
     const s = this._workbookSelections.getCurrentSelections();
     let o = {
       startRow: 0,
@@ -692,7 +692,7 @@ let et = class extends le {
     if (a == null)
       return;
     let { startColumn: c, startRow: u, startX: d, startY: l } = a, g = !1;
-    if (d + n > t && (d = t - n, d < 0 && (d = 0, n = t), g = !0), l + e > r && (l = r - e, l < 0 && (l = 0, e = r), g = !0), g) {
+    if (d + n > e && (d = e - n, d < 0 && (d = 0, n = e), g = !0), l + t > r && (l = r - t, l < 0 && (l = 0, t = r), g = !0), g) {
       const m = this._selectionRenderService.getCellWithCoordByOffset(d, l);
       if (m == null)
         return;
@@ -703,14 +703,14 @@ let et = class extends le {
       columnOffset: 0,
       row: u,
       rowOffset: 0
-    }, f = this._selectionRenderService.getCellWithCoordByOffset(d + n, l + e);
+    }, f = this._selectionRenderService.getCellWithCoordByOffset(d + n, l + t);
     if (f == null)
       return;
     const p = {
       column: f.actualColumn,
       columnOffset: d + n - f.startX,
       row: f.actualRow,
-      rowOffset: l + e - f.startY
+      rowOffset: l + t - f.startY
     };
     return {
       from: h,
@@ -719,10 +719,10 @@ let et = class extends le {
   }
   _updateOrderListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginOrderUpdate$.subscribe((n) => {
-      const { unitId: e, subUnitId: t, drawingIds: r, arrangeType: s } = n;
+      const { unitId: t, subUnitId: e, drawingIds: r, arrangeType: s } = n;
       this._commandService.executeCommand(fr.id, {
-        unitId: e,
-        subUnitId: t,
+        unitId: t,
+        subUnitId: e,
         drawingIds: r,
         arrangeType: s
       });
@@ -730,9 +730,9 @@ let et = class extends le {
   }
   _updateImageListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginUpdate$.subscribe((n) => {
-      const e = [];
-      n.length !== 0 && (n.forEach((t) => {
-        const { unitId: r, subUnitId: s, drawingId: o, drawingType: a, transform: c } = t;
+      const t = [];
+      n.length !== 0 && (n.forEach((e) => {
+        const { unitId: r, subUnitId: s, drawingId: o, drawingType: a, transform: c } = e;
         if (c == null)
           return;
         const u = this._sheetDrawingService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: o });
@@ -742,22 +742,22 @@ let et = class extends le {
         if (d == null)
           return;
         const l = {
-          ...t,
+          ...e,
           transform: { ...u.transform, ...c, ...z(d, this._selectionRenderService, this._skeletonManagerService) },
           sheetTransform: { ...d }
         };
-        e.push(l);
-      }), e.length > 0 && this._commandService.executeCommand(Yt.id, {
+        t.push(l);
+      }), t.length > 0 && this._commandService.executeCommand(Yt.id, {
         unitId: n[0].unitId,
-        drawings: e
+        drawings: t
       }));
     }));
   }
   _groupDrawingListener() {
     this.disposeWithMe(this._drawingManagerService.featurePluginGroupUpdate$.subscribe((n) => {
       this._commandService.executeCommand(gr.id, n);
-      const { unitId: e, subUnitId: t, drawingId: r } = n[0].parent;
-      this._commandService.syncExecuteCommand(xt.id, [{ unitId: e, subUnitId: t, drawingId: r }]);
+      const { unitId: t, subUnitId: e, drawingId: r } = n[0].parent;
+      this._commandService.syncExecuteCommand(xt.id, [{ unitId: t, subUnitId: e, drawingId: r }]);
     })), this.disposeWithMe(this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((n) => {
       this._commandService.executeCommand(mr.id, n);
     }));
@@ -784,15 +784,15 @@ et = vs([
   ie(11, N(dn)),
   ie(12, N(tt))
 ], et);
-var Is = Object.getOwnPropertyDescriptor, Cs = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? Is(n, e) : n, s = i.length - 1, o; s >= 0; s--)
+var Is = Object.getOwnPropertyDescriptor, Cs = (i, n, t, e) => {
+  for (var r = e > 1 ? void 0 : e ? Is(n, t) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, De = (i, n) => (e, t) => n(e, t, i);
-function on(i, n, e) {
-  var t, r, s, o;
-  if (((r = (t = e == null ? void 0 : e.p) == null ? void 0 : t.body) == null ? void 0 : r.dataStream.length) === 3 && ((o = (s = e.p) == null ? void 0 : s.drawingsOrder) == null ? void 0 : o.length) === 1) {
-    const a = e.p.drawings[e.p.drawingsOrder[0]], c = pr(
+}, De = (i, n) => (t, e) => n(t, e, i);
+function on(i, n, t) {
+  var e, r, s, o;
+  if (((r = (e = t == null ? void 0 : t.p) == null ? void 0 : e.body) == null ? void 0 : r.dataStream.length) === 3 && ((o = (s = t.p) == null ? void 0 : s.drawingsOrder) == null ? void 0 : o.length) === 1) {
+    const a = t.p.drawings[t.p.drawingsOrder[0]], c = pr(
       i,
       {
         unitId: n.unitId,
@@ -805,43 +805,43 @@ function on(i, n, e) {
       a.docTransform.angle
     );
     if (c)
-      return a.transform.width = c.width, a.transform.height = c.height, a.docTransform.size.width = c.width, a.docTransform.size.height = c.height, a.transform.left = 0, a.transform.top = 0, a.docTransform.positionH.posOffset = 0, a.docTransform.positionV.posOffset = 0, e.p.documentStyle.pageSize.width = 1 / 0, e.p.documentStyle.pageSize.height = 1 / 0, !0;
+      return a.transform.width = c.width, a.transform.height = c.height, a.docTransform.size.width = c.width, a.docTransform.size.height = c.height, a.transform.left = 0, a.transform.top = 0, a.docTransform.positionH.posOffset = 0, a.docTransform.positionV.posOffset = 0, t.p.documentStyle.pageSize.width = 1 / 0, t.p.documentStyle.pageSize.height = 1 / 0, !0;
   }
   return !1;
 }
 let Ot = class extends le {
-  constructor(i, n, e, t, r, s, o) {
-    super(), this._commandService = i, this._sheetInterceptorService = n, this._univerInstanceService = e, this._injector = t, this._drawingManagerService = r, this._docDrawingController = s, this._editorBridgeService = o, this._initHandleResize(), this._handleInitEditor(), this._handleWriteCell(), this._initCellContentInterceptor();
+  constructor(i, n, t, e, r, s, o) {
+    super(), this._commandService = i, this._sheetInterceptorService = n, this._univerInstanceService = t, this._injector = e, 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 n, e = [];
+      let n, t = [];
       if (i.id === Fn.id) {
-        const t = i.params;
-        e = t.ranges, n = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+        const e = i.params;
+        t = e.ranges, n = H(this._univerInstanceService, { unitId: e.unitId, subUnitId: e.subUnitId });
       } else if (i.id === Yn.id) {
-        const t = i.params;
-        e = t.ranges, n = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+        const e = i.params;
+        t = e.ranges, n = H(this._univerInstanceService, { unitId: e.unitId, subUnitId: e.subUnitId });
       } else if (i.id === Li.id) {
-        const t = i.params;
-        e = t.ranges, n = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+        const e = i.params;
+        t = e.ranges, n = H(this._univerInstanceService, { unitId: e.unitId, subUnitId: e.subUnitId });
       } else if (i.id === Gn.id) {
-        const t = i.params;
-        n = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId }), e = t.rowsAutoHeightInfo.map((r) => ({
+        const e = i.params;
+        n = H(this._univerInstanceService, { unitId: e.unitId, subUnitId: e.subUnitId }), t = e.rowsAutoHeightInfo.map((r) => ({
           startRow: r.row,
           endRow: r.row,
           startColumn: 0,
           endColumn: 9999
         }));
       } else if (i.id === Fi.id) {
-        const t = i.params;
-        e = t.ranges, n = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+        const e = i.params;
+        t = e.ranges, n = H(this._univerInstanceService, { unitId: e.unitId, subUnitId: e.subUnitId });
       } else if (i.id === Yi.id) {
-        const t = i.params;
-        e = t.ranges, n = H(this._univerInstanceService, { unitId: t.unitId, subUnitId: t.subUnitId });
+        const e = i.params;
+        t = e.ranges, n = H(this._univerInstanceService, { unitId: e.unitId, subUnitId: e.subUnitId });
       }
-      n && e.length && e.forEach((t) => {
-        const r = xr.transformRange(t, n.worksheet);
+      n && t.length && t.forEach((e) => {
+        const r = xr.transformRange(e, n.worksheet);
         for (let s = r.startRow; s <= r.endRow; s++)
           for (let o = r.startColumn; o <= r.endColumn; o++)
             on(this._injector, { unitId: n.unitId, subUnitId: n.subUnitId, row: s, col: o }, n.worksheet.getCellRaw(s, o));
@@ -858,7 +858,7 @@ let Ot = class extends le {
   _handleWriteCell() {
     this.disposeWithMe(this._sheetInterceptorService.writeCellInterceptor.intercept(Gi, {
       priority: 9999,
-      handler: (i, n, e) => (on(this._injector, { unitId: n.unitId, subUnitId: n.subUnitId, row: n.row, col: n.col }, i), e(i))
+      handler: (i, n, t) => (on(this._injector, { unitId: n.unitId, subUnitId: n.subUnitId, row: n.row, col: n.col }, i), t(i))
     }));
   }
   _initCellContentInterceptor() {
@@ -868,9 +868,9 @@ let Ot = class extends le {
         {
           effect: Lr.Style,
           priority: Vi.CELL_IMAGE,
-          handler: (i, n, e) => {
-            var t;
-            return i != null && i.p && ((t = i.p.drawingsOrder) != null && t.length) && (i.interceptorStyle || (i.interceptorStyle = {}), i.interceptorStyle.tr = { a: 0 }), e(i);
+          handler: (i, n, t) => {
+            var e;
+            return i != null && i.p && ((e = i.p.drawingsOrder) != null && e.length) && (i.interceptorStyle || (i.interceptorStyle = {}), i.interceptorStyle.tr = { a: 0 }), t(i);
           }
         }
       )
@@ -886,11 +886,11 @@ Ot = Cs([
   De(5, N(ri)),
   De(6, N(_i))
 ], Ot);
-var bs = Object.getOwnPropertyDescriptor, Rs = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? bs(n, e) : n, s = i.length - 1, o; s >= 0; s--)
+var bs = Object.getOwnPropertyDescriptor, Rs = (i, n, t, e) => {
+  for (var r = e > 1 ? void 0 : e ? bs(n, t) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, An = (i, n) => (e, t) => n(e, t, i);
+}, An = (i, n) => (t, e) => n(t, e, i);
 let Ut = class extends le {
   constructor(i, n) {
     super(), this._autoFillService = i, this._injector = n, this._initAutoFillHooks();
@@ -899,8 +899,8 @@ let Ut = class extends le {
     this.disposeWithMe(
       this._autoFillService.addHook({
         id: "sheet-cell-image-autofill",
-        onBeforeSubmit: (i, n, e, t) => {
-          new Fr(t).forValue((r, s, o) => {
+        onBeforeSubmit: (i, n, t, e) => {
+          new Fr(e).forValue((r, s, o) => {
             on(this._injector, { unitId: i.unitId, subUnitId: i.subUnitId, row: r, col: s }, o);
           });
         }
@@ -912,16 +912,16 @@ Ut = Rs([
   An(0, N(vi)),
   An(1, N(tt))
 ], Ut);
-var Ds = Object.getOwnPropertyDescriptor, Ms = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ds(n, e) : n, s = i.length - 1, o; s >= 0; s--)
+var Ds = Object.getOwnPropertyDescriptor, Ms = (i, n, t, e) => {
+  for (var r = e > 1 ? void 0 : e ? Ds(n, t) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, bt = (i, n) => (e, t) => n(e, t, i);
+}, bt = (i, n) => (t, e) => n(t, e, i);
 let Pt = class extends le {
-  constructor(n, e, t, r) {
+  constructor(n, t, e, r) {
     super();
     Q(this, "_isSetCursor", !1);
-    this._hoverManagerService = n, this._renderManagerService = e, this._selectionsService = t, this._drawingRenderService = r;
+    this._hoverManagerService = n, this._renderManagerService = t, this._selectionsService = e, this._drawingRenderService = r;
   }
   _initHover() {
   }
@@ -939,50 +939,50 @@ const Gt = {
   type: te.COMMAND,
   handler: async (i, n) => {
     var s, o;
-    const t = (s = i.get(ne).getCurrentTypeOfRenderer(F.UNIVER_SHEET)) == null ? void 0 : s.with(et);
-    if (!t)
+    const e = (s = i.get(ne).getCurrentTypeOfRenderer(F.UNIVER_SHEET)) == null ? void 0 : s.with(et);
+    if (!e)
       return !1;
     const r = n == null ? void 0 : n.files;
     if (r) {
-      const a = r.map((c) => t.insertFloatImageByFile(c));
+      const a = r.map((c) => e.insertFloatImageByFile(c));
       return (await Promise.all(a)).every((c) => c);
     } else
-      return (o = t.insertFloatImage()) != null ? o : !1;
+      return (o = e.insertFloatImage()) != null ? o : !1;
   }
 }, un = {
   id: "sheet.command.insert-cell-image",
   type: te.COMMAND,
   handler: (i) => {
-    var e, t;
-    return (t = (e = i.get(ne).getCurrentTypeOfRenderer(F.UNIVER_SHEET)) == null ? void 0 : e.with(et).insertCellImage()) != null ? t : !1;
+    var t, e;
+    return (e = (t = i.get(ne).getCurrentTypeOfRenderer(F.UNIVER_SHEET)) == null ? void 0 : t.with(et).insertCellImage()) != null ? e : !1;
   }
 };
-var ys = Object.getOwnPropertyDescriptor, Ts = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? ys(n, e) : n, s = i.length - 1, o; s >= 0; s--)
+var ys = Object.getOwnPropertyDescriptor, Ts = (i, n, t, e) => {
+  for (var r = e > 1 ? void 0 : e ? ys(n, t) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Je = (i, n) => (e, t) => n(e, t, i);
+}, Je = (i, n) => (t, e) => n(t, e, i);
 const wr = "image/png";
 function Es(i) {
-  const n = i.split(","), e = atob(n[1]), t = e.length, r = new Uint8Array(t);
-  for (let s = 0; s < t; s++)
-    r[s] = e.charCodeAt(s);
+  const n = i.split(","), t = atob(n[1]), e = t.length, r = new Uint8Array(e);
+  for (let s = 0; s < e; s++)
+    r[s] = t.charCodeAt(s);
   return new Blob([r], { type: wr });
 }
 function Os(i) {
   const n = new ClipboardItem({ [wr]: Es(i) });
-  navigator.clipboard.write([n]).catch((e) => {
-    console.error("Could not copy image using clipboard API: ", e);
+  navigator.clipboard.write([n]).catch((t) => {
+    console.error("Could not copy image using clipboard API: ", t);
   });
 }
 function Us() {
   function i() {
-    const t = document.createElement("input");
-    return t.style.position = "absolute", t.style.height = "1px", t.style.width = "1px", t.style.opacity = "0", t;
+    const e = document.createElement("input");
+    return e.style.position = "absolute", e.style.height = "1px", e.style.width = "1px", e.style.opacity = "0", e;
   }
-  const n = document.activeElement, e = i();
-  return document.body.appendChild(e), e.focus(), () => {
-    e.blur(), document.body.removeChild(e), n instanceof HTMLElement && n.focus();
+  const n = document.activeElement, t = i();
+  return document.body.appendChild(t), t.focus(), () => {
+    t.blur(), document.body.removeChild(t), n instanceof HTMLElement && n.focus();
   };
 }
 const Nn = [
@@ -992,10 +992,10 @@ const Nn = [
   xe.SPECIAL_PASTE_FORMULA
 ];
 let At = class extends le {
-  constructor(n, e, t, r, s) {
+  constructor(n, t, e, r, s) {
     super();
     Q(this, "_copyInfo");
-    this._sheetClipboardService = n, this._renderManagerService = e, this._drawingService = t, this._clipboardInterfaceService = r, this._commandService = s, this._initCopyPaste();
+    this._sheetClipboardService = n, this._renderManagerService = t, this._drawingService = e, this._clipboardInterfaceService = r, this._commandService = s, this._initCopyPaste();
   }
   get _focusedDrawings() {
     return this._drawingService.getFocusDrawings();
@@ -1004,7 +1004,7 @@ let At = class extends le {
   _initCopyPaste() {
     this._sheetClipboardService.addClipboardHook({
       id: "SHEET_IMAGE_UI_PLUGIN",
-      onBeforeCopy: (n, e, t, r) => {
+      onBeforeCopy: (n, t, e, r) => {
         const s = this._focusedDrawings;
         if (s.length > 0) {
           const [o] = s;
@@ -1026,30 +1026,30 @@ let At = class extends le {
           };
           this._copyInfo = a;
         } else {
-          const o = this._createDrawingsCopyInfoByRange(n, e, t);
+          const o = this._createDrawingsCopyInfoByRange(n, t, e);
           this._copyInfo = o;
         }
       },
-      onPasteCells: (n, e, t, r) => {
+      onPasteCells: (n, t, e, r) => {
         if (!this._copyInfo)
           return { redos: [], undos: [] };
-        const { copyType: s = be.COPY, pasteType: o } = r, { range: a } = n || {}, { range: c, unitId: u, subUnitId: d } = e;
-        return this._copyInfo.copyRange ? this._generateRangeDrawingsPasteMutations({ pasteType: o, unitId: u, subUnitId: d, pasteRange: c }, { copyRange: a, copyType: s }) : this._generateSingleDrawingPasteMutations({ pasteTo: e, pasteType: o }, be.COPY);
+        const { copyType: s = be.COPY, pasteType: o } = r, { range: a } = n || {}, { range: c, unitId: u, subUnitId: d } = t;
+        return this._copyInfo.copyRange ? this._generateRangeDrawingsPasteMutations({ pasteType: o, unitId: u, subUnitId: d, pasteRange: c }, { copyRange: a, copyType: s }) : this._generateSingleDrawingPasteMutations({ pasteTo: t, pasteType: o }, be.COPY);
       },
-      onPastePlainText: (n, e) => ({ undos: [], redos: [] }),
+      onPastePlainText: (n, t) => ({ undos: [], redos: [] }),
       onPasteUnrecognized: (n) => this._copyInfo ? this._generateSingleDrawingPasteMutations({ pasteTo: n, pasteType: xe.DEFAULT_PASTE }, be.COPY) : { undos: [], redos: [] },
-      onPasteFiles: (n, e) => {
+      onPasteFiles: (n, t) => {
         if (this._copyInfo)
           return this._generateSingleDrawingPasteMutations({ pasteTo: n, pasteType: xe.DEFAULT_PASTE }, be.COPY);
         {
-          const t = e.filter((r) => r.type.includes("image"));
-          if (t.length)
+          const e = t.filter((r) => r.type.includes("image"));
+          if (e.length)
             return {
               undos: [],
               redos: [
                 {
                   id: Gt.id,
-                  params: { files: t }
+                  params: { files: e }
                 }
               ]
             };
@@ -1058,14 +1058,14 @@ let At = class extends le {
       }
     });
   }
-  _createDrawingsCopyInfoByRange(n, e, t) {
+  _createDrawingsCopyInfoByRange(n, t, e) {
     var g;
     const r = (g = this._renderManagerService.getRenderById(n)) == null ? void 0 : g.with(V);
     if (!r) return;
-    const s = r.attachRangeWithCoord(t);
+    const s = r.attachRangeWithCoord(e);
     if (!s)
       return;
-    const { startX: o, endX: a, startY: c, endY: u } = s, d = this._drawingService.getDrawingData(n, e), l = this._focusedDrawings.slice();
+    const { startX: o, endX: a, startY: c, endY: u } = s, d = this._drawingService.getDrawingData(n, t), l = this._focusedDrawings.slice();
     if (Object.keys(d).forEach((h) => {
       const f = d[h], { transform: p } = f;
       if (f.anchorType !== U.Both || !p)
@@ -1079,15 +1079,15 @@ let At = class extends le {
       o <= D && v <= a && c <= b && _ <= u && l.push(f);
     }), l.length)
       return {
-        copyRange: t,
+        copyRange: e,
         drawings: l,
         unitId: n,
-        subUnitId: e
+        subUnitId: t
       };
   }
-  _generateSingleDrawingPasteMutations(n, e) {
-    const { pasteType: t, pasteTo: r } = n;
-    if (Nn.includes(t))
+  _generateSingleDrawingPasteMutations(n, t) {
+    const { pasteType: e, pasteTo: r } = n;
+    if (Nn.includes(e))
       return { redos: [], undos: [] };
     const { unitId: s, subUnitId: o, range: a } = r, c = this._renderManagerService.getRenderById(s), u = c == null ? void 0 : c.with(V), d = c == null ? void 0 : c.with(Xe), l = this._copyInfo;
     if (!u || !d)
@@ -1096,7 +1096,7 @@ let At = class extends le {
     return this._generateMutations(g, {
       unitId: s,
       subUnitId: o,
-      isCut: e === be.CUT,
+      isCut: t === be.CUT,
       getTransform: (f, p) => {
         var S;
         const m = u.attachRangeWithCoord({
@@ -1116,20 +1116,20 @@ let At = class extends le {
       }
     });
   }
-  _generateMutations(n, e) {
+  _generateMutations(n, t) {
     const {
-      unitId: t,
+      unitId: e,
       subUnitId: r,
       getTransform: s,
       isCut: o
-    } = e, a = [], c = [], { _drawingService: u } = this;
+    } = t, a = [], c = [], { _drawingService: u } = this;
     return n.forEach((d) => {
       const { transform: l, sheetTransform: g } = d;
       if (!l)
         return;
       const h = s(l, g), f = {
         ...d,
-        unitId: t,
+        unitId: e,
         subUnitId: r,
         drawingId: o ? d.drawingId : ye.generateRandomId(),
         transform: h.transform,
@@ -1140,7 +1140,7 @@ let At = class extends le {
         a.push({
           id: A.id,
           params: {
-            unitId: t,
+            unitId: e,
             subUnitId: r,
             type: P.UPDATE,
             op: m,
@@ -1149,7 +1149,7 @@ let At = class extends le {
         }), c.push({
           id: A.id,
           params: {
-            unitId: t,
+            unitId: e,
             subUnitId: r,
             type: P.UPDATE,
             op: p,
@@ -1158,31 +1158,31 @@ let At = class extends le {
         });
       } else {
         const { undo: p, redo: m, objects: w } = u.getBatchAddOp([f]);
-        a.push({ id: A.id, params: { op: m, unitId: t, subUnitId: r, objects: w, type: P.INSERT } }), c.push({ id: A.id, params: { op: p, unitId: t, subUnitId: r, objects: w, type: P.REMOVE } });
+        a.push({ id: A.id, params: { op: m, unitId: e, subUnitId: r, objects: w, type: P.INSERT } }), c.push({ id: A.id, params: { op: p, unitId: e, subUnitId: r, objects: w, type: P.REMOVE } });
       }
     }), { redos: a, undos: c };
   }
   // eslint-disable-next-line max-lines-per-function
-  _generateRangeDrawingsPasteMutations(n, e) {
+  _generateRangeDrawingsPasteMutations(n, t) {
     var E;
     const {
-      unitId: t,
+      unitId: e,
       subUnitId: r,
       pasteType: s,
       pasteRange: o
     } = n, {
       copyRange: a,
       copyType: c
-    } = e;
+    } = t;
     if (Nn.includes(s))
       return { redos: [], undos: [] };
-    const u = (E = this._renderManagerService.getRenderById(t)) == null ? void 0 : E.with(V);
+    const u = (E = this._renderManagerService.getRenderById(e)) == null ? void 0 : E.with(V);
     if (!u || !this._copyInfo)
       return { redos: [], undos: [] };
     const { drawings: d } = this._copyInfo;
     if (!a)
       return this._generateSingleDrawingPasteMutations({
-        pasteTo: { unitId: t, subUnitId: r, range: Rn(o) },
+        pasteTo: { unitId: e, subUnitId: r, range: Rn(o) },
         pasteType: s
       }, c);
     const { ranges: [l, g], mapFunc: h } = Ii([a, o]), { row: f, col: p } = h(l.startRow, l.startColumn), { row: m, col: w } = h(g.startRow, g.startColumn), S = u.attachRangeWithCoord({
@@ -1200,7 +1200,7 @@ let At = class extends le {
       return { redos: [], undos: [] };
     const D = C.startX - S.startX, v = C.startY - S.startY, b = m - f, _ = w - p;
     return this._generateMutations(d, {
-      unitId: t,
+      unitId: e,
       subUnitId: r,
       getTransform: (M, y) => {
         var T, I;
@@ -1236,30 +1236,30 @@ At = Ts([
   Je(3, Pi),
   Je(4, G)
 ], At);
-var Ps = Object.getOwnPropertyDescriptor, As = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ps(n, e) : n, s = i.length - 1, o; s >= 0; s--)
+var Ps = Object.getOwnPropertyDescriptor, As = (i, n, t, e) => {
+  for (var r = e > 1 ? void 0 : e ? Ps(n, t) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, qe = (i, n) => (e, t) => n(e, t, i);
+}, qe = (i, n) => (t, e) => n(t, e, i);
 let Nt = class extends le {
-  constructor(i, n, e, t, r) {
-    super(), this._drawingManagerService = i, this._renderManagerService = n, this._permissionService = e, this._univerInstanceService = t, this._userManagerService = r, this._initDrawingVisible(), this._initDrawingEditable(), this._initViewPermissionChange(), this._initEditPermissionChange();
+  constructor(i, n, t, e, r) {
+    super(), this._drawingManagerService = i, this._renderManagerService = n, this._permissionService = t, this._univerInstanceService = e, this._userManagerService = r, this._initDrawingVisible(), this._initDrawingEditable(), this._initViewPermissionChange(), this._initEditPermissionChange();
   }
   _initDrawingVisible() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), n = this._userManagerService.currentUser$, e = St([i, n]);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), n = this._userManagerService.currentUser$, t = St([i, n]);
     this.disposeWithMe(
-      e.pipe(
-        Se(([t, r]) => t ? t.activeSheet$.pipe(
+      t.pipe(
+        Se(([e, r]) => e ? e.activeSheet$.pipe(
           yn((s) => {
             if (!s) {
               this._drawingManagerService.setDrawingVisible(!1);
               return;
             }
-            const o = t.getUnitId(), a = s.getSheetId();
+            const o = e.getUnitId(), a = s.getSheetId();
             this._permissionService.composePermission([
               new On(o).id,
               new Un(o, a).id
-            ]).every((u) => u.value) ? this._drawingManagerService.setDrawingVisible(!0) : this._handleDrawingVisibilityFalse(t, s);
+            ]).every((u) => u.value) ? this._drawingManagerService.setDrawingVisible(!0) : this._handleDrawingVisibilityFalse(e, s);
           })
         ) : (this._drawingManagerService.setDrawingVisible(!1), pe))
       ).subscribe()
@@ -1267,7 +1267,7 @@ let Nt = class extends le {
   }
   _handleDrawingVisibilityFalse(i, n) {
     this._drawingManagerService.setDrawingVisible(!1);
-    const e = i.getUnitId(), t = n.getSheetId(), r = this._drawingManagerService.getDrawingData(e, t), s = Object.values(r), o = this._renderManagerService.getRenderById(e), a = o == null ? void 0 : o.scene;
+    const t = i.getUnitId(), e = n.getSheetId(), r = this._drawingManagerService.getDrawingData(t, e), s = Object.values(r), o = this._renderManagerService.getRenderById(t), a = o == null ? void 0 : o.scene;
     if (!a)
       return;
     a.getAllObjectsByOrder().forEach((u) => {
@@ -1275,20 +1275,20 @@ let Nt = class extends le {
     });
   }
   _initDrawingEditable() {
-    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), n = this._userManagerService.currentUser$, e = St([i, n]);
+    const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), n = this._userManagerService.currentUser$, t = St([i, n]);
     this.disposeWithMe(
-      e.pipe(
-        Se(([t, r]) => t ? t.activeSheet$.pipe(
+      t.pipe(
+        Se(([e, r]) => e ? e.activeSheet$.pipe(
           yn((s) => {
             if (!s) {
               this._drawingManagerService.setDrawingEditable(!1);
               return;
             }
-            const o = t.getUnitId(), a = s.getSheetId();
+            const o = e.getUnitId(), a = s.getSheetId();
             this._permissionService.composePermission([
               new Qt(o).id,
               new en(o, a).id
-            ]).every((u) => u.value) ? this._drawingManagerService.setDrawingEditable(!0) : this._handleDrawingEditableFalse(t, s);
+            ]).every((u) => u.value) ? this._drawingManagerService.setDrawingEditable(!0) : this._handleDrawingEditableFalse(e, s);
           })
         ) : (this._drawingManagerService.setDrawingEditable(!1), pe))
       ).subscribe()
@@ -1296,7 +1296,7 @@ let Nt = class extends le {
   }
   _handleDrawingEditableFalse(i, n) {
     this._drawingManagerService.setDrawingEditable(!1);
-    const e = i.getUnitId(), t = n.getSheetId(), r = this._drawingManagerService.getDrawingData(e, t), s = Object.values(r), o = this._renderManagerService.getRenderById(e), a = o == null ? void 0 : o.scene;
+    const t = i.getUnitId(), e = n.getSheetId(), r = this._drawingManagerService.getDrawingData(t, e), s = Object.values(r), o = this._renderManagerService.getRenderById(t), a = o == null ? void 0 : o.scene;
     if (!a)
       return;
     a.getAllObjectsByOrder().forEach((u) => {
@@ -1307,11 +1307,11 @@ let Nt = class extends le {
     const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), n = this._userManagerService.currentUser$;
     this.disposeWithMe(
       St([i, n]).pipe(
-        Se(([e, t]) => e ? e.activeSheet$.pipe(
+        Se(([t, e]) => t ? t.activeSheet$.pipe(
           Se((r) => {
             if (!r)
               return pe;
-            const s = e.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), c = a == null ? void 0 : a.scene;
+            const s = t.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), c = a == null ? void 0 : a.scene;
             if (!c)
               return pe;
             const u = c.getTransformerByCreate();
@@ -1333,16 +1333,16 @@ let Nt = class extends le {
           })
         ) : pe)
       ).subscribe({
-        next: ({ permission: e, scene: t, transformer: r, unitId: s, subUnitId: o }) => {
-          this._drawingManagerService.setDrawingVisible(e);
-          const a = t.getAllObjectsByOrder(), c = this._drawingManagerService.getDrawingData(s, o), u = Object.values(c);
-          e ? this._drawingManagerService.addNotification(u) : (a.forEach((d) => {
-            d.classType === We.IMAGE && u.some((l) => d.oKey.includes(l.drawingId)) && t.removeObject(d);
+        next: ({ permission: t, scene: e, transformer: r, unitId: s, subUnitId: o }) => {
+          this._drawingManagerService.setDrawingVisible(t);
+          const a = e.getAllObjectsByOrder(), c = this._drawingManagerService.getDrawingData(s, o), u = Object.values(c);
+          t ? this._drawingManagerService.addNotification(u) : (a.forEach((d) => {
+            d.classType === We.IMAGE && u.some((l) => d.oKey.includes(l.drawingId)) && e.removeObject(d);
           }), r.clearSelectedObjects());
         },
         complete: () => {
           this._drawingManagerService.setDrawingVisible(!0);
-          const e = this._univerInstanceService.getCurrentUnitForType(F.UNIVER_SHEET), t = e == null ? void 0 : e.getActiveSheet(), r = e == null ? void 0 : e.getUnitId(), s = t == null ? void 0 : t.getSheetId();
+          const t = this._univerInstanceService.getCurrentUnitForType(F.UNIVER_SHEET), e = t == null ? void 0 : t.getActiveSheet(), r = t == null ? void 0 : t.getUnitId(), s = e == null ? void 0 : e.getSheetId();
           if (!r || !s)
             return;
           const o = this._drawingManagerService.getDrawingData(r, s), a = Object.values(o);
@@ -1355,11 +1355,11 @@ let Nt = class extends le {
     const i = this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET), n = this._userManagerService.currentUser$;
     this.disposeWithMe(
       St([i, n]).pipe(
-        Se(([e, t]) => e ? e.activeSheet$.pipe(
+        Se(([t, e]) => t ? t.activeSheet$.pipe(
           Se((r) => {
             if (!r)
               return pe;
-            const s = e.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), c = a == null ? void 0 : a.scene;
+            const s = t.getUnitId(), o = r.getSheetId(), a = this._renderManagerService.getRenderById(s), c = a == null ? void 0 : a.scene;
             if (!c)
               return pe;
             const u = c.getTransformerByCreate();
@@ -1381,26 +1381,26 @@ let Nt = class extends le {
           })
         ) : pe)
       ).subscribe({
-        next: ({ permission: e, scene: t, transformer: r, unitId: s, subUnitId: o }) => {
-          this._drawingManagerService.setDrawingEditable(e);
-          const a = t.getAllObjectsByOrder(), c = this._drawingManagerService.getDrawingData(s, o), u = Object.values(c);
-          e ? (a.forEach((d) => {
-            d.classType === We.IMAGE && u.some((l) => d.oKey.includes(l.drawingId)) && t.attachTransformerTo(d);
+        next: ({ permission: t, scene: e, transformer: r, unitId: s, subUnitId: o }) => {
+          this._drawingManagerService.setDrawingEditable(t);
+          const a = e.getAllObjectsByOrder(), c = this._drawingManagerService.getDrawingData(s, o), u = Object.values(c);
+          t ? (a.forEach((d) => {
+            d.classType === We.IMAGE && u.some((l) => d.oKey.includes(l.drawingId)) && e.attachTransformerTo(d);
           }), this._drawingManagerService.addNotification(u)) : (a.forEach((d) => {
-            d.classType === We.IMAGE && u.some((l) => d.oKey.includes(l.drawingId)) && t.detachTransformerFrom(d);
+            d.classType === We.IMAGE && u.some((l) => d.oKey.includes(l.drawingId)) && e.detachTransformerFrom(d);
           }), r.clearSelectedObjects());
         },
         complete: () => {
-          const e = this._univerInstanceService.getCurrentUnitForType(F.UNIVER_SHEET);
-          if (!e)
+          const t = this._univerInstanceService.getCurrentUnitForType(F.UNIVER_SHEET);
+          if (!t)
             return;
-          const t = e.getUnitId(), r = e.getActiveSheet();
+          const e = t.getUnitId(), r = t.getActiveSheet();
           if (!r)
             return;
-          const s = r.getSheetId(), o = this._renderManagerService.getRenderById(t), a = o == null ? void 0 : o.scene;
+          const s = r.getSheetId(), o = this._renderManagerService.getRenderById(e), a = o == null ? void 0 : o.scene;
           if (!a)
             return;
-          const c = this._drawingManagerService.getDrawingData(t, s), u = Object.values(c);
+          const c = this._drawingManagerService.getDrawingData(e, s), u = Object.values(c);
           this._drawingManagerService.setDrawingEditable(!0), a.getAllObjectsByOrder().forEach((l) => {
             l.classType === We.IMAGE && u.some((g) => l.oKey.includes(g.drawingId)) && a.detachTransformerFrom(l);
           });
@@ -1416,25 +1416,25 @@ Nt = As([
   qe(3, Ge),
   qe(4, N(Gr))
 ], Nt);
-var Ns = Object.getOwnPropertyDescriptor, ks = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ns(n, e) : n, s = i.length - 1, o; s >= 0; s--)
+var Ns = Object.getOwnPropertyDescriptor, ks = (i, n, t, e) => {
+  for (var r = e > 1 ? void 0 : e ? Ns(n, t) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Rt = (i, n) => (e, t) => n(e, t, i);
+}, Rt = (i, n) => (t, e) => n(t, e, i);
 let kt = class extends le {
-  constructor(i, n, e, t) {
-    super(), this._sheetPrintInterceptorService = i, this._drawingRenderService = n, this._drawingManagerService = e, this._renderManagerService = t, this._initPrinting();
+  constructor(i, n, t, e) {
+    super(), this._sheetPrintInterceptorService = i, this._drawingRenderService = n, this._drawingManagerService = t, this._renderManagerService = e, this._initPrinting();
   }
   _initPrinting() {
     this.disposeWithMe(
       this._sheetPrintInterceptorService.interceptor.intercept(
         this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT,
         {
-          handler: (i, n, e) => {
-            const { unitId: t, scene: r, subUnitId: s } = n, o = this._drawingManagerService.getDrawingDataForUnit(t), a = o == null ? void 0 : o[s];
+          handler: (i, n, t) => {
+            const { unitId: e, scene: r, subUnitId: s } = n, o = this._drawingManagerService.getDrawingDataForUnit(e), a = o == null ? void 0 : o[s];
             return a && a.order.forEach((c) => {
               this._drawingRenderService.renderDrawing(a.data[c], r);
-            }), e();
+            }), t();
           }
         }
       )
@@ -1442,23 +1442,23 @@ let kt = class extends le {
       this._sheetPrintInterceptorService.interceptor.intercept(
         this._sheetPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_RANGE,
         {
-          handler: (i, n, e) => {
-            const { unitId: t, subUnitId: r } = n, s = this._renderManagerService.getRenderById(t);
+          handler: (i, n, t) => {
+            const { unitId: e, subUnitId: r } = n, s = this._renderManagerService.getRenderById(e);
             if (!s)
-              return e(i);
+              return t(i);
             const o = s.with(V).getSkeletonParam(r);
             if (!o)
-              return e(i);
-            const a = this._drawingManagerService.getDrawingDataForUnit(t), c = a == null ? void 0 : a[n.subUnitId];
+              return t(i);
+            const a = this._drawingManagerService.getDrawingDataForUnit(e), c = a == null ? void 0 : a[n.subUnitId];
             if (!c)
-              return e(i);
+              return t(i);
             const { scaleX: u, scaleY: d } = s.scene, l = i ? { ...i } : { startColumn: 0, endColumn: 0, endRow: 0, startRow: 0 }, g = c.order.map((h) => c.data[h]).filter((h) => h.drawingType !== L.DRAWING_DOM);
             return g.length ? (g.forEach((h) => {
               if (!h.groupId && h.transform && ye.isDefine(h.transform.left) && ye.isDefine(h.transform.top) && ye.isDefine(h.transform.width) && ye.isDefine(h.transform.height)) {
                 const f = o.skeleton.getCellIndexByOffset(h.transform.left, h.transform.top, u, d, { x: 0, y: 0 }), p = o.skeleton.getCellIndexByOffset(h.transform.left + h.transform.width, h.transform.top + h.transform.height, u, d, { x: 0, y: 0 });
                 f.column < l.startColumn && (l.startColumn = f.column), f.row < l.startRow && (l.startRow = f.row), l.endRow < p.row && (l.endRow = p.row), l.endColumn < p.column && (l.endColumn = p.column);
               }
-            }), e(l)) : e(i);
+            }), t(l)) : t(i);
           }
         }
       )
@@ -1471,11 +1471,11 @@ kt = ks([
   Rt(2, oe),
   Rt(3, ne)
 ], kt);
-var Bs = Object.getOwnPropertyDescriptor, Ws = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? Bs(n, e) : n, s = i.length - 1, o; s >= 0; s--)
+var Bs = Object.getOwnPropertyDescriptor, Ws = (i, n, t, e) => {
+  for (var r = e > 1 ? void 0 : e ? Bs(n, t) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, _e = (i, n) => (e, t) => n(e, t, i);
+}, _e = (i, n) => (t, e) => n(t, e, i);
 const js = [
   Xn.id,
   Vn.id,
@@ -1505,8 +1505,8 @@ const js = [
   Yn.id
 ];
 let an = class extends le {
-  constructor(i, n, e, t, r, s, o, a, c) {
-    super(), this._context = i, this._renderManagerService = n, this._commandService = e, this._selectionRenderService = t, this._skeletonManagerService = r, this._sheetInterceptorService = s, this._sheetDrawingService = o, this._drawingManagerService = a, this._univerInstanceService = c, this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
+  constructor(i, n, t, e, r, s, o, a, c) {
+    super(), this._context = i, this._renderManagerService = n, this._commandService = t, this._selectionRenderService = e, this._skeletonManagerService = r, this._sheetInterceptorService = s, this._sheetDrawingService = o, this._drawingManagerService = a, this._univerInstanceService = c, this._sheetInterceptorListener(), this._commandListener(), this._sheetRefreshListener();
   }
   _sheetInterceptorListener() {
     this.disposeWithMe(
@@ -1528,42 +1528,42 @@ let an = class extends le {
           if (n === zn.id)
             return this._moveColInterceptor(i.params, "remove");
           if (n === Kn.id) {
-            const { range: e } = i.params;
+            const { range: t } = i.params;
             return this._getRangeMoveUndo(
-              e,
+              t,
               0
               /* deleteLeft */
             );
           } else if (n === Zn.id) {
-            const { range: e } = i.params;
+            const { range: t } = i.params;
             return this._getRangeMoveUndo(
-              e,
+              t,
               1
               /* deleteUp */
             );
           } else if (n === Jn.id) {
-            const { range: e } = i.params;
+            const { range: t } = i.params;
             return this._getRangeMoveUndo(
-              e,
+              t,
               2
               /* insertDown */
             );
           } else if (n === qn.id) {
-            const { range: e } = i.params;
+            const { range: t } = i.params;
             return this._getRangeMoveUndo(
-              e,
+              t,
               3
               /* insertRight */
             );
           } else if (n === tr.id || n === nr.id) {
-            const e = i.params, { unitId: t, subUnitId: r, ranges: s } = e;
-            return this._getDrawingUndoForRowVisible(t, r, s);
+            const t = i.params, { unitId: e, subUnitId: r, ranges: s } = t;
+            return this._getDrawingUndoForRowVisible(e, r, s);
           } else if (n === rr.id || n === ir.id) {
-            const e = i.params, { unitId: t, subUnitId: r, ranges: s } = e;
-            return this._getDrawingUndoForColVisible(t, r, s);
+            const t = i.params, { unitId: e, subUnitId: r, ranges: s } = t;
+            return this._getDrawingUndoForColVisible(e, r, s);
           } else if (n === tn.id || n === nn.id || n === Qn.id || n === er.id) {
-            const e = i.params, { unitId: t, subUnitId: r, ranges: s } = e, o = n === tn.id || n === nn.id;
-            return this._getDrawingUndoForRowAndColSize(t, r, s, o);
+            const t = i.params, { unitId: e, subUnitId: r, ranges: s } = t, o = n === tn.id || n === nn.id;
+            return this._getDrawingUndoForRowAndColSize(e, r, s, o);
           }
           return { redos: [], undos: [] };
         }
@@ -1571,10 +1571,10 @@ let an = class extends le {
     );
   }
   _getRangeMoveUndo(i, n) {
-    const e = H(this._univerInstanceService);
-    if (e == null)
+    const t = H(this._univerInstanceService);
+    if (t == null)
       return { redos: [], undos: [] };
-    const t = e.unitId, r = e.subUnitId, s = [], o = [], a = this._sheetDrawingService.getDrawingData(t, r), c = [], u = [];
+    const e = t.unitId, r = t.subUnitId, s = [], o = [], a = this._sheetDrawingService.getDrawingData(e, r), c = [], u = [];
     if (Object.keys(a).forEach((d) => {
       const l = a[d], { updateDrawings: g, deleteDrawings: h } = this._getUpdateOrDeleteDrawings(i, n, l);
       c.push(...g), u.push(...h);
@@ -1582,22 +1582,22 @@ let an = class extends le {
       return { redos: [], undos: [] };
     if (c.length > 0) {
       const d = this._sheetDrawingService.getBatchUpdateOp(c), { undo: l, redo: g, objects: h } = d;
-      s.push({ id: A.id, params: { unitId: t, subUnitId: r, op: g, objects: h, type: P.UPDATE } }), o.push({ id: A.id, params: { unitId: t, subUnitId: r, op: l, objects: h, type: P.UPDATE } });
+      s.push({ id: A.id, params: { unitId: e, subUnitId: r, op: g, objects: h, type: P.UPDATE } }), o.push({ id: A.id, params: { unitId: e, subUnitId: r, op: l, objects: h, type: P.UPDATE } });
     }
     if (u.length > 0) {
       const d = this._sheetDrawingService.getBatchRemoveOp(u), l = d.undo, g = d.redo, h = d.objects;
-      s.push({ id: A.id, params: { unitId: t, subUnitId: r, op: g, objects: h, type: P.REMOVE } }), o.push({ id: A.id, params: { unitId: t, subUnitId: r, op: l, objects: h, type: P.INSERT } });
+      s.push({ id: A.id, params: { unitId: e, subUnitId: r, op: g, objects: h, type: P.REMOVE } }), o.push({ id: A.id, params: { unitId: e, subUnitId: r, op: l, objects: h, type: P.INSERT } });
     }
-    return s.push({ id: x.id, params: [t] }), o.push({ id: x.id, params: [t] }), {
+    return s.push({ id: x.id, params: [e] }), o.push({ id: x.id, params: [e] }), {
       redos: s,
       undos: o
     };
   }
-  _getUpdateOrDeleteDrawings(i, n, e) {
-    const t = [], r = [], { sheetTransform: s, anchorType: o = U.Position, transform: a, unitId: c, subUnitId: u, drawingId: d } = e, { from: l, to: g } = s, { row: h, column: f } = l, { row: p, column: m } = g;
+  _getUpdateOrDeleteDrawings(i, n, t) {
+    const e = [], r = [], { sheetTransform: s, anchorType: o = U.Position, transform: a, unitId: c, subUnitId: u, drawingId: d } = t, { from: l, to: g } = s, { row: h, column: f } = l, { row: p, column: m } = g;
     if (s == null || a == null)
       return {
-        updateDrawings: t,
+        updateDrawings: e,
         deleteDrawings: r
       };
     const { startRow: w, endRow: S, startColumn: C, endColumn: D } = i;
@@ -1625,28 +1625,28 @@ let an = class extends le {
     }
     if (v != null && b != null) {
       const _ = z(v, this._selectionRenderService, this._skeletonManagerService);
-      t.push({ ...e, sheetTransform: v, transform: _ });
+      e.push({ ...t, sheetTransform: v, transform: _ });
     }
-    return { updateDrawings: t, deleteDrawings: r };
+    return { updateDrawings: e, deleteDrawings: r };
   }
-  _remainDrawingSize(i, n, e) {
-    const t = $({ ...i }, this._selectionRenderService);
-    t != null && n.push({
-      ...e,
-      sheetTransform: t
+  _remainDrawingSize(i, n, t) {
+    const e = $({ ...i }, this._selectionRenderService);
+    e != null && n.push({
+      ...t,
+      sheetTransform: e
     });
   }
   // eslint-disable-next-line max-lines-per-function
-  _getDrawingUndoForColVisible(i, n, e) {
-    const t = this._drawingManagerService.getDrawingData(i, n), r = [], s = [];
-    if (Object.keys(t).forEach((d) => {
-      const l = t[d], { sheetTransform: g, transform: h, anchorType: f = U.Position } = l;
+  _getDrawingUndoForColVisible(i, n, t) {
+    const e = this._drawingManagerService.getDrawingData(i, n), r = [], s = [];
+    if (Object.keys(e).forEach((d) => {
+      const l = e[d], { sheetTransform: g, transform: h, anchorType: f = U.Position } = l;
       if (f === U.None)
         this._remainDrawingSize(h, r, l);
       else {
         const { from: p, to: m } = g, { row: w, column: S } = p, { row: C, column: D } = m;
-        for (let v = 0; v < e.length; v++) {
-          const b = e[v], { startRow: _, endRow: E, startColumn: M, endColumn: y } = b;
+        for (let v = 0; v < t.length; v++) {
+          const b = t[v], { startRow: _, endRow: E, startColumn: M, endColumn: y } = b;
           if (D < M)
             continue;
           if (f === U.Position) {
@@ -1717,8 +1717,8 @@ let an = class extends le {
       preUndos: u
     };
   }
-  _createUndoAndRedoMutation(i, n, e) {
-    const t = this._sheetDrawingService.getBatchUpdateOp(e), { undo: r, redo: s, objects: o } = t, a = [
+  _createUndoAndRedoMutation(i, n, t) {
+    const e = this._sheetDrawingService.getBatchUpdateOp(t), { undo: r, redo: s, objects: o } = e, a = [
       { id: A.id, params: { unitId: i, subUnitId: n, op: s, objects: o, type: P.UPDATE } },
       { id: x.id, params: [i] }
     ], c = [
@@ -1731,16 +1731,16 @@ let an = class extends le {
     };
   }
   // eslint-disable-next-line max-lines-per-function
-  _getDrawingUndoForRowVisible(i, n, e) {
-    const t = this._drawingManagerService.getDrawingData(i, n), r = [], s = [];
-    if (Object.keys(t).forEach((d) => {
-      const l = t[d], { sheetTransform: g, transform: h, anchorType: f = U.Position } = l;
+  _getDrawingUndoForRowVisible(i, n, t) {
+    const e = this._drawingManagerService.getDrawingData(i, n), r = [], s = [];
+    if (Object.keys(e).forEach((d) => {
+      const l = e[d], { sheetTransform: g, transform: h, anchorType: f = U.Position } = l;
       if (f === U.None)
         this._remainDrawingSize(h, r, l);
       else {
         const { from: p, to: m } = g, { row: w, column: S } = p, { row: C, column: D } = m;
-        for (let v = 0; v < e.length; v++) {
-          const b = e[v], { startRow: _, endRow: E, startColumn: M, endColumn: y } = b;
+        for (let v = 0; v < t.length; v++) {
+          const b = t[v], { startRow: _, endRow: E, startColumn: M, endColumn: y } = b;
           if (C < _)
             continue;
           if (f === U.Position) {
@@ -1811,7 +1811,7 @@ let an = class extends le {
       preUndos: u
     };
   }
-  _getDrawingUndoForRowAndColSize(i, n, e, t) {
+  _getDrawingUndoForRowAndColSize(i, n, t, e) {
     const r = this._drawingManagerService.getDrawingData(i, n), s = [];
     return Object.keys(r).forEach((o) => {
       const a = r[o], { sheetTransform: c, transform: u, anchorType: d = U.Position } = a;
@@ -1819,8 +1819,8 @@ let an = class extends le {
         this._remainDrawingSize(u, s, a);
       else {
         const { from: l, to: g } = c, { row: h, column: f } = l, { row: p, column: m } = g;
-        for (let w = 0; w < e.length; w++) {
-          const S = e[w], { startRow: C, endRow: D, startColumn: v, endColumn: b } = S;
+        for (let w = 0; w < t.length; w++) {
+          const S = t[w], { startRow: C, endRow: D, startColumn: v, endColumn: b } = S;
           if (p < C || m < v)
             continue;
           if (d === U.Position && (h <= C && p >= D || f <= v && m >= b)) {
@@ -1844,26 +1844,26 @@ let an = class extends le {
     }), s.length === 0 ? { redos: [], undos: [] } : this._createUndoAndRedoMutation(i, n, s);
   }
   _getUnitIdAndSubUnitId(i, n) {
-    let e, t;
+    let t, e;
     if (n === "insert")
-      e = i.unitId, t = i.subUnitId;
+      t = i.unitId, e = i.subUnitId;
     else {
       const r = H(this._univerInstanceService);
       if (r == null)
         return;
-      e = r.unitId, t = r.subUnitId;
+      t = r.unitId, e = r.subUnitId;
     }
-    return { unitId: e, subUnitId: t };
+    return { unitId: t, subUnitId: e };
   }
   _moveRangeInterceptor(i) {
     var C, D;
-    const { toRange: n, fromRange: e } = i, t = H(this._univerInstanceService);
-    if (!t)
+    const { toRange: n, fromRange: t } = i, e = H(this._univerInstanceService);
+    if (!e)
       return { redos: [], undos: [] };
-    const { unitId: r, subUnitId: s } = t, o = (D = (C = this._renderManagerService.getRenderById(r)) == null ? void 0 : C.with(V)) == null ? void 0 : D.getCurrentSkeleton();
+    const { unitId: r, subUnitId: s } = e, o = (D = (C = this._renderManagerService.getRenderById(r)) == null ? void 0 : C.with(V)) == null ? void 0 : D.getCurrentSkeleton();
     if (!o)
       return { redos: [], undos: [] };
-    const a = xn(o, e);
+    const a = xn(o, t);
     if (!a)
       return { redos: [], undos: [] };
     const { startX: c, endX: u, startY: d, endY: l } = a, g = this._sheetDrawingService.getDrawingData(r, s), h = [];
@@ -1882,7 +1882,7 @@ let an = class extends le {
       };
       c <= I && R <= u && d <= O && B <= l && h.push(b);
     });
-    const f = [], p = [], m = n.startRow - e.startRow, w = n.startColumn - e.startColumn, S = h.map((v) => {
+    const f = [], p = [], m = n.startRow - t.startRow, w = n.startColumn - t.startColumn, S = h.map((v) => {
       const b = v.sheetTransform, _ = {
         to: { ...b.to, row: b.to.row + m, column: b.to.column + w },
         from: { ...b.from, row: b.from.row + m, column: b.from.column + w }
@@ -1902,10 +1902,10 @@ let an = class extends le {
     return { redos: f, undos: p };
   }
   _moveRowInterceptor(i, n) {
-    const e = this._getUnitIdAndSubUnitId(i, n);
-    if (e == null)
+    const t = this._getUnitIdAndSubUnitId(i, n);
+    if (t == null)
       return { redos: [], undos: [] };
-    const { unitId: t, subUnitId: r } = e, { range: s } = i, o = s.startRow, a = s.endRow, c = [], u = [], d = this._sheetDrawingService.getDrawingData(t, r), l = [], g = [];
+    const { unitId: e, subUnitId: r } = t, { range: s } = i, o = s.startRow, a = s.endRow, c = [], u = [], d = this._sheetDrawingService.getDrawingData(e, r), l = [], g = [];
     if (Object.keys(d).forEach((h) => {
       const f = d[h], { sheetTransform: p, transform: m, anchorType: w = U.Position } = f;
       if (p == null || m == null)
@@ -1917,7 +1917,7 @@ let an = class extends le {
       } else {
         const { from: v, to: b } = p, { row: _ } = v, { row: E } = b;
         if (w === U.Both && _ >= o && E <= a)
-          g.push({ unitId: t, subUnitId: r, drawingId: h });
+          g.push({ unitId: e, subUnitId: r, drawingId: h });
         else {
           const M = this._shrinkRow(p, m, o, a, w);
           S = M == null ? void 0 : M.newSheetTransform, C = M == null ? void 0 : M.newTransform;
@@ -1925,28 +1925,28 @@ let an = class extends le {
       }
       if (!S || !C)
         return;
-      const D = { unitId: t, subUnitId: r, drawingId: h, transform: C, sheetTransform: S };
+      const D = { unitId: e, subUnitId: r, drawingId: h, transform: C, sheetTransform: S };
       l.push(D);
     }), l.length === 0 && g.length === 0)
       return { redos: [], undos: [] };
     if (l.length > 0) {
       const h = this._sheetDrawingService.getBatchUpdateOp(l), { undo: f, redo: p, objects: m } = h;
-      c.push({ id: A.id, params: { unitId: t, subUnitId: r, op: p, objects: m, type: P.UPDATE } }), u.push({ id: A.id, params: { unitId: t, subUnitId: r, op: f, objects: m, type: P.UPDATE } });
+      c.push({ id: A.id, params: { unitId: e, subUnitId: r, op: p, objects: m, type: P.UPDATE } }), u.push({ id: A.id, params: { unitId: e, subUnitId: r, op: f, objects: m, type: P.UPDATE } });
     }
     if (g.length > 0) {
       const h = this._sheetDrawingService.getBatchRemoveOp(g), f = h.undo, p = h.redo, m = h.objects;
-      c.push({ id: A.id, params: { unitId: t, subUnitId: r, op: p, objects: m, type: P.REMOVE } }), u.push({ id: A.id, params: { unitId: t, subUnitId: r, op: f, objects: m, type: P.INSERT } });
+      c.push({ id: A.id, params: { unitId: e, subUnitId: r, op: p, objects: m, type: P.REMOVE } }), u.push({ id: A.id, params: { unitId: e, subUnitId: r, op: f, objects: m, type: P.INSERT } });
     }
-    return c.push({ id: x.id, params: [t] }), u.push({ id: x.id, params: [t] }), {
+    return c.push({ id: x.id, params: [e] }), u.push({ id: x.id, params: [e] }), {
       redos: c,
       undos: u
     };
   }
   _moveColInterceptor(i, n) {
-    const e = this._getUnitIdAndSubUnitId(i, n);
-    if (e == null)
+    const t = this._getUnitIdAndSubUnitId(i, n);
+    if (t == null)
       return { redos: [], undos: [] };
-    const { unitId: t, subUnitId: r } = e, { range: s } = i, o = s.startColumn, a = s.endColumn, c = [], u = [], d = this._sheetDrawingService.getDrawingData(t, r), l = [], g = [];
+    const { unitId: e, subUnitId: r } = t, { range: s } = i, o = s.startColumn, a = s.endColumn, c = [], u = [], d = this._sheetDrawingService.getDrawingData(e, r), l = [], g = [];
     if (Object.keys(d).forEach((h) => {
       const f = d[h], { sheetTransform: p, transform: m, anchorType: w = U.Position } = f;
       if (p == null || m == null)
@@ -1958,7 +1958,7 @@ let an = class extends le {
       } else {
         const { from: v, to: b } = p, { column: _ } = v, { column: E } = b;
         if (w === U.Both && _ >= o && E <= a)
-          g.push({ unitId: t, subUnitId: r, drawingId: h });
+          g.push({ unitId: e, subUnitId: r, drawingId: h });
         else {
           const M = this._shrinkCol(p, m, o, a, w);
           S = M == null ? void 0 : M.newSheetTransform, C = M == null ? void 0 : M.newTransform;
@@ -1966,34 +1966,34 @@ let an = class extends le {
       }
       if (!S || !C)
         return;
-      const D = { unitId: t, subUnitId: r, drawingId: h, transform: C, sheetTransform: S };
+      const D = { unitId: e, subUnitId: r, drawingId: h, transform: C, sheetTransform: S };
       l.push(D);
     }), l.length === 0 && g.length === 0)
       return { redos: [], undos: [] };
     if (l.length > 0) {
       const h = this._sheetDrawingService.getBatchUpdateOp(l), { undo: f, redo: p, objects: m } = h;
-      c.push({ id: A.id, params: { unitId: t, subUnitId: r, op: p, objects: m, type: P.UPDATE } }), u.push({ id: A.id, params: { unitId: t, subUnitId: r, op: f, objects: m, type: P.UPDATE } });
+      c.push({ id: A.id, params: { unitId: e, subUnitId: r, op: p, objects: m, type: P.UPDATE } }), u.push({ id: A.id, params: { unitId: e, subUnitId: r, op: f, objects: m, type: P.UPDATE } });
     }
     if (g.length > 0) {
       const h = this._sheetDrawingService.getBatchRemoveOp(g), f = h.undo, p = h.redo, m = h.objects;
-      c.push({ id: A.id, params: { unitId: t, subUnitId: r, op: p, objects: m, type: P.REMOVE } }), u.push({ id: A.id, params: { unitId: t, subUnitId: r, op: f, objects: m, type: P.INSERT } });
+      c.push({ id: A.id, params: { unitId: e, subUnitId: r, op: p, objects: m, type: P.REMOVE } }), u.push({ id: A.id, params: { unitId: e, subUnitId: r, op: f, objects: m, type: P.INSERT } });
     }
-    return c.push({ id: x.id, params: [t] }), u.push({ id: x.id, params: [t] }), { redos: c, undos: u };
+    return c.push({ id: x.id, params: [e] }), u.push({ id: x.id, params: [e] }), { redos: c, undos: u };
   }
-  _expandCol(i, n, e, t, r = U.Position) {
-    const s = t - e + 1, { from: o, to: a } = i, { column: c } = o, { column: u } = a;
+  _expandCol(i, n, t, e, r = U.Position) {
+    const s = e - t + 1, { from: o, to: a } = i, { column: c } = o, { column: u } = a;
     if (r === U.None)
       return {
         newSheetTransform: $({ ...n }, this._selectionRenderService),
         newTransform: n
       };
     let d = null, l = null;
-    if (c >= e) {
-      const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: e, endColumn: t, startRow: o.row, endRow: a.row });
+    if (c >= t) {
+      const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: t, endColumn: e, startRow: o.row, endRow: a.row });
       if (g == null)
         return;
       l = { ...n, left: (n.left || 0) + g.endX - g.startX }, d = $(l, this._selectionRenderService);
-    } else if (u >= t)
+    } else if (u >= e)
       if (r === U.Both)
         d = {
           from: { ...o },
@@ -2009,23 +2009,23 @@ let an = class extends le {
       newTransform: l
     } : null;
   }
-  _shrinkCol(i, n, e, t, r = U.Position) {
-    const s = t - e + 1, { from: o, to: a } = i, { column: c } = o, { column: u } = a;
+  _shrinkCol(i, n, t, e, r = U.Position) {
+    const s = e - t + 1, { from: o, to: a } = i, { column: c } = o, { column: u } = a;
     if (r === U.None)
       return {
         newSheetTransform: $({ ...n }, this._selectionRenderService),
         newTransform: n
       };
     let d = null, l = null;
-    if (c > t)
+    if (c > e)
       d = {
         from: { ...o, column: c - s },
         to: { ...a, column: u - s }
       }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
     else {
-      if (c >= e && u <= t)
+      if (c >= t && u <= e)
         return null;
-      if (c < e && u > t)
+      if (c < t && u > e)
         if (r === U.Both)
           d = {
             from: { ...o },
@@ -2036,20 +2036,20 @@ let an = class extends le {
             newSheetTransform: $({ ...n }, this._selectionRenderService),
             newTransform: n
           };
-      else if (c >= e && c <= t) {
-        if (c === e)
+      else if (c >= t && c <= e) {
+        if (c === t)
           l = { ...n, left: (n.left || 0) - i.from.columnOffset };
         else {
-          const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: e, endColumn: c - 1, startRow: o.row, endRow: a.row });
+          const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: t, endColumn: c - 1, startRow: o.row, endRow: a.row });
           if (g == null)
             return;
           l = { ...n, left: (n.left || 0) - g.endX + g.startX - i.from.columnOffset };
         }
         d = $(l, this._selectionRenderService);
-      } else if (u >= e && u <= t && r === U.Both) {
+      } else if (u >= t && u <= e && r === U.Both) {
         const g = this._skeletonManagerService.attachRangeWithCoord({
-          startColumn: e - 1,
-          endColumn: e - 1,
+          startColumn: t - 1,
+          endColumn: t - 1,
           startRow: o.row,
           endRow: a.row
         });
@@ -2057,7 +2057,7 @@ let an = class extends le {
           return;
         d = {
           from: { ...o },
-          to: { ...a, column: e - 1, columnOffset: g.endX - g.startX }
+          to: { ...a, column: t - 1, columnOffset: g.endX - g.startX }
         }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
       }
     }
@@ -2066,20 +2066,20 @@ let an = class extends le {
       newTransform: l
     } : null;
   }
-  _expandRow(i, n, e, t, r = U.Position) {
-    const s = t - e + 1, { from: o, to: a } = i, { row: c } = o, { row: u } = a;
+  _expandRow(i, n, t, e, r = U.Position) {
+    const s = e - t + 1, { from: o, to: a } = i, { row: c } = o, { row: u } = a;
     if (r === U.None)
       return {
         newSheetTransform: $({ ...n }, this._selectionRenderService),
         newTransform: n
       };
     let d = null, l = null;
-    if (c >= e) {
-      const g = this._skeletonManagerService.attachRangeWithCoord({ startRow: e, endRow: t, startColumn: o.column, endColumn: a.column });
+    if (c >= t) {
+      const g = this._skeletonManagerService.attachRangeWithCoord({ startRow: t, endRow: e, startColumn: o.column, endColumn: a.column });
       if (g == null)
         return;
       l = { ...n, top: (n.top || 0) + g.endY - g.startY }, d = $(l, this._selectionRenderService);
-    } else if (u >= t)
+    } else if (u >= e)
       if (r === U.Both)
         d = {
           from: { ...o },
@@ -2098,23 +2098,23 @@ let an = class extends le {
       newTransform: l
     } : null;
   }
-  _shrinkRow(i, n, e, t, r = U.Position) {
-    const s = t - e + 1, { from: o, to: a } = i, { row: c } = o, { row: u } = a;
+  _shrinkRow(i, n, t, e, r = U.Position) {
+    const s = e - t + 1, { from: o, to: a } = i, { row: c } = o, { row: u } = a;
     if (r === U.None)
       return {
         newSheetTransform: $({ ...n }, this._selectionRenderService),
         newTransform: n
       };
     let d = null, l = null;
-    if (c > t)
+    if (c > e)
       d = {
         from: { ...o, row: c - s },
         to: { ...a, row: u - s }
       }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
     else {
-      if (c >= e && u <= t)
+      if (c >= t && u <= e)
         return null;
-      if (c < e && u > t)
+      if (c < t && u > e)
         if (r === U.Both)
           d = {
             from: { ...o },
@@ -2125,23 +2125,23 @@ let an = class extends le {
             newSheetTransform: $({ ...n }, this._selectionRenderService),
             newTransform: n
           };
-      else if (c >= e && c <= t) {
-        if (c === e)
+      else if (c >= t && c <= e) {
+        if (c === t)
           l = { ...n, top: (n.top || 0) - i.from.rowOffset };
         else {
-          const g = this._skeletonManagerService.attachRangeWithCoord({ startRow: e, endRow: c - 1, startColumn: o.column, endColumn: a.column });
+          const g = this._skeletonManagerService.attachRangeWithCoord({ startRow: t, endRow: c - 1, startColumn: o.column, endColumn: a.column });
           if (g == null)
             return;
           l = { ...n, top: (n.top || 0) - g.endY + g.startY - i.from.rowOffset };
         }
         d = $(l, this._selectionRenderService);
-      } else if (u >= e && u <= t && r === U.Both) {
-        const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: e - 1, endRow: e - 1 });
+      } else if (u >= t && u <= e && r === U.Both) {
+        const g = this._skeletonManagerService.attachRangeWithCoord({ startColumn: o.column, endColumn: o.column, startRow: t - 1, endRow: t - 1 });
         if (g == null)
           return;
         d = {
           from: { ...o },
-          to: { ...a, row: e - 1, rowOffset: g.endY - g.startY }
+          to: { ...a, row: t - 1, rowOffset: g.endY - g.startY }
         }, l = z(d, this._selectionRenderService, this._skeletonManagerService);
       }
     }
@@ -2157,72 +2157,72 @@ let an = class extends le {
       // As a temp solution, I subscribed to activate$ here.
       this._commandService.onCommandExecuted((i) => {
         if (i.id === Ji.id) {
-          const { unitId: n, subUnitId: e } = i.params;
-          this._updateDrawings(n, e);
+          const { unitId: n, subUnitId: t } = i.params;
+          this._updateDrawings(n, t);
         }
       })
     ), this.disposeWithMe(
       this._context.activated$.subscribe((i) => {
-        const { unit: n, unitId: e } = this._context;
+        const { unit: n, unitId: t } = this._context;
         if (i) {
-          const t = n.getActiveSheet().getSheetId();
-          this._updateDrawings(e, t);
+          const e = n.getActiveSheet().getSheetId();
+          this._updateDrawings(t, e);
         } else
-          this._clearDrawings(e);
+          this._clearDrawings(t);
       })
     );
   }
   _clearDrawings(i) {
     setTimeout(() => {
-      const n = this._drawingManagerService.drawingManagerData, e = [];
-      Object.keys(n).forEach((t) => {
-        const r = n[t];
+      const n = this._drawingManagerService.drawingManagerData, t = [];
+      Object.keys(n).forEach((e) => {
+        const r = n[e];
         r != null && Object.keys(r).forEach((s) => {
           const o = r[s].data;
           o != null && Object.keys(o).forEach((a) => {
-            t === i && e.push(o[a]);
+            e === i && t.push(o[a]);
           });
         });
-      }), this._drawingManagerService.removeNotification(e);
+      }), this._drawingManagerService.removeNotification(t);
     });
   }
   _updateDrawings(i, n) {
     setTimeout(() => {
-      const e = this._drawingManagerService.drawingManagerData, t = [], r = [];
-      Object.keys(e).forEach((s) => {
-        const o = e[s];
+      const t = this._drawingManagerService.drawingManagerData, e = [], r = [];
+      Object.keys(t).forEach((s) => {
+        const o = t[s];
         o != null && Object.keys(o).forEach((a) => {
           const c = o[a].data;
           c != null && Object.keys(c).forEach((u) => {
             if (s === i && a === n) {
               const d = c[u];
-              d.transform = z(d.sheetTransform, this._selectionRenderService, this._skeletonManagerService), t.push(c[u]);
+              d.transform = z(d.sheetTransform, this._selectionRenderService, this._skeletonManagerService), e.push(c[u]);
             } else
               r.push(c[u]);
           });
         });
-      }), this._drawingManagerService.removeNotification(r), this._drawingManagerService.addNotification(t);
+      }), this._drawingManagerService.removeNotification(r), this._drawingManagerService.addNotification(e);
     }, 0);
   }
   _sheetRefreshListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
         $s.includes(i.id) && requestIdleCallback(() => {
-          const n = i.params, { unitId: e, subUnitId: t, ranges: r } = n;
-          this._refreshDrawingTransform(e, t, r);
+          const n = i.params, { unitId: t, subUnitId: e, ranges: r } = n;
+          this._refreshDrawingTransform(t, e, r);
         });
       })
     );
   }
-  _refreshDrawingTransform(i, n, e) {
-    const t = this._drawingManagerService.getDrawingData(i, n), r = [];
-    Object.keys(t).forEach((s) => {
-      const o = t[s], { sheetTransform: a, transform: c, anchorType: u = U.Position } = o;
+  _refreshDrawingTransform(i, n, t) {
+    const e = this._drawingManagerService.getDrawingData(i, n), r = [];
+    Object.keys(e).forEach((s) => {
+      const o = e[s], { sheetTransform: a, transform: c, anchorType: u = U.Position } = o;
       if (u === U.None)
         return !0;
       const { from: d, to: l } = a, { row: g, column: h } = d, { row: f, column: p } = l;
-      for (let m = 0; m < e.length; m++) {
-        const w = e[m], { startRow: S, endRow: C, startColumn: D, endColumn: v } = w;
+      for (let m = 0; m < t.length; m++) {
+        const w = t[m], { startRow: S, endRow: C, startColumn: D, endColumn: v } = w;
         if (Xr.intersects(
           {
             startRow: S,
@@ -2264,41 +2264,44 @@ an = Ws([
 ], an);
 var se = function() {
   return se = Object.assign || function(i) {
-    for (var n, e = 1, t = arguments.length; e < t; e++) {
-      n = arguments[e];
+    for (var n, t = 1, e = arguments.length; t < e; t++) {
+      n = arguments[t];
       for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (i[r] = n[r]);
     }
     return i;
   }, se.apply(this, arguments);
 }, xs = function(i, n) {
-  var e = {};
-  for (var t in i) Object.prototype.hasOwnProperty.call(i, t) && n.indexOf(t) < 0 && (e[t] = i[t]);
+  var t = {};
+  for (var e in i) Object.prototype.hasOwnProperty.call(i, e) && n.indexOf(e) < 0 && (t[e] = i[e]);
   if (i != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, t = Object.getOwnPropertySymbols(i); r < t.length; r++)
-      n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, t[r]) && (e[t[r]] = i[t[r]]);
-  return e;
+    for (var r = 0, e = Object.getOwnPropertySymbols(i); r < e.length; r++)
+      n.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, e[r]) && (t[e[r]] = i[e[r]]);
+  return t;
 }, _r = cr(function(i, n) {
-  var e = i.icon, t = i.id, r = i.className, s = i.extend, o = xs(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), c = ns("_".concat(Ys()));
-  return vr(e, "".concat(t), { defIds: e.defIds, idSuffix: c.current }, se({ ref: n, className: a }, o), s);
+  var t = i.icon, e = i.id, r = i.className, s = i.extend, o = xs(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(e, " ").concat(r || "").trim(), c = ns("_".concat(Ys()));
+  return vr(t, "".concat(e), { defIds: t.defIds, idSuffix: c.current }, se({ ref: n, className: a }, o), s);
 });
-function vr(i, n, e, t, r) {
-  return dr(i.tag, se(se({ key: n }, Ls(i, e, r)), t), (Fs(i, e).children || []).map(function(s, o) {
-    return vr(s, "".concat(n, "-").concat(i.tag, "-").concat(o), e, void 0, r);
+function vr(i, n, t, e, r) {
+  return dr(i.tag, se(se({ key: n }, Ls(i, t, r)), e), (Fs(i, t).children || []).map(function(s, o) {
+    return vr(s, "".concat(n, "-").concat(i.tag, "-").concat(o), t, void 0, r);
   }));
 }
-function Ls(i, n, e) {
-  var t = se({}, i.attrs);
-  e != null && e.colorChannel1 && t.fill === "colorChannel1" && (t.fill = e.colorChannel1);
+function Ls(i, n, t) {
+  var e = se({}, i.attrs);
+  t != null && t.colorChannel1 && e.fill === "colorChannel1" && (e.fill = t.colorChannel1), i.tag === "mask" && e.id && (e.id = e.id + n.idSuffix), Object.entries(e).forEach(function(s) {
+    var o = s[0], a = s[1];
+    o === "mask" && typeof a == "string" && (e[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(n.idSuffix, ")")));
+  });
   var r = n.defIds;
-  return !r || r.length === 0 || (i.tag === "use" && t["xlink:href"] && (t["xlink:href"] = t["xlink:href"] + n.idSuffix), Object.entries(t).forEach(function(s) {
+  return !r || r.length === 0 || (i.tag === "use" && e["xlink:href"] && (e["xlink:href"] = e["xlink:href"] + n.idSuffix), Object.entries(e).forEach(function(s) {
     var o = s[0], a = s[1];
-    typeof a == "string" && (t[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(n.idSuffix, ")")));
-  })), t;
+    typeof a == "string" && (e[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(n.idSuffix, ")")));
+  })), e;
 }
 function Fs(i, n) {
-  var e, t = n.defIds;
-  return !t || t.length === 0 ? i : i.tag === "defs" && (!((e = i.children) === null || e === void 0) && e.length) ? se(se({}, i), { children: i.children.map(function(r) {
-    return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? se(se({}, r), { attrs: se(se({}, r.attrs), { id: r.attrs.id + n.idSuffix }) }) : r;
+  var t, e = n.defIds;
+  return !e || e.length === 0 ? i : i.tag === "defs" && (!((t = i.children) === null || t === void 0) && t.length) ? se(se({}, i), { children: i.children.map(function(r) {
+    return typeof r.attrs.id == "string" && e && e.indexOf(r.attrs.id) > -1 ? se(se({}, r), { attrs: se(se({}, r.attrs), { id: r.attrs.id + n.idSuffix }) }) : r;
   }) }) : i;
 }
 function Ys() {
@@ -2317,10 +2320,10 @@ const Ir = {
   id: "sheet.command.delete-drawing",
   type: te.COMMAND,
   handler: (i) => {
-    const n = i.get(G), t = i.get(ae).getFocusDrawings();
-    if (t.length === 0)
+    const n = i.get(G), e = i.get(ae).getFocusDrawings();
+    if (e.length === 0)
       return !1;
-    const r = t[0].unitId, s = t.map((o) => {
+    const r = e[0].unitId, s = e.map((o) => {
       const { unitId: a, subUnitId: c, drawingId: u, drawingType: d } = o;
       return {
         unitId: a,
@@ -2338,7 +2341,7 @@ const Ir = {
   id: "sheet.command.move-drawing",
   type: te.COMMAND,
   handler: (i, n) => {
-    const e = i.get(G), t = i.get(ae), r = i.get(Xe), { direction: s } = n, o = t.getFocusDrawings();
+    const t = i.get(G), e = i.get(ae), r = i.get(Xe), { direction: s } = n, o = e.getFocusDrawings();
     if (o.length === 0)
       return !1;
     const a = o[0].unitId, c = o.map((d) => {
@@ -2352,10 +2355,10 @@ const Ir = {
         sheetTransform: $(g, r)
       };
     }).filter((d) => d != null);
-    return e.syncExecuteCommand(Yt.id, {
+    return t.syncExecuteCommand(Yt.id, {
       unitId: a,
       drawings: c
-    }) ? (e.syncExecuteCommand(x.id, [a]), !0) : !1;
+    }) ? (t.syncExecuteCommand(x.id, [a]), !0) : !1;
   }
 }, Cr = "addition-and-subtraction-single", br = "sheet.menu.image";
 function Xs(i) {
@@ -2392,21 +2395,21 @@ const zs = "univer-image-common-panel", Ks = "univer-image-common-panel-grid", Z
   imageCommonPanelColumn: Qs
 };
 function Rr(i) {
-  var n, e, t = "";
-  if (typeof i == "string" || typeof i == "number") t += i;
+  var n, t, e = "";
+  if (typeof i == "string" || typeof i == "number") e += i;
   else if (typeof i == "object") if (Array.isArray(i)) {
     var r = i.length;
-    for (n = 0; n < r; n++) i[n] && (e = Rr(i[n])) && (t && (t += " "), t += e);
-  } else for (e in i) i[e] && (t && (t += " "), t += e);
-  return t;
+    for (n = 0; n < r; n++) i[n] && (t = Rr(i[n])) && (e && (e += " "), e += t);
+  } else for (t in i) i[t] && (e && (e += " "), e += t);
+  return e;
 }
 function Dt() {
-  for (var i, n, e = 0, t = "", r = arguments.length; e < r; e++) (i = arguments[e]) && (n = Rr(i)) && (t && (t += " "), t += n);
-  return t;
+  for (var i, n, t = 0, e = "", r = arguments.length; t < r; t++) (i = arguments[t]) && (n = Rr(i)) && (e && (e += " "), e += n);
+  return e;
 }
 const eo = (i) => {
   var C;
-  const n = Te(G), e = Te($t), t = Te(oe), r = Te(ne), { drawings: s } = i, o = s[0];
+  const n = Te(G), t = Te($t), e = Te(oe), r = Te(ne), { drawings: s } = i, o = s[0];
   if (o == null)
     return;
   const { unitId: a } = o, c = r.getRenderById(a), u = c == null ? void 0 : c.scene;
@@ -2435,7 +2438,7 @@ const eo = (i) => {
       b === !0 && g(!1);
     }), v = d.changeStart$.subscribe((b) => {
       var M;
-      const { objects: _ } = b, E = m(_, t);
+      const { objects: _ } = b, E = m(_, e);
       if (E.length === 0)
         g(!1);
       else if (E.length >= 1) {
@@ -2450,7 +2453,7 @@ const eo = (i) => {
   }, []);
   function w(D) {
     p(D);
-    const v = t.getFocusDrawings();
+    const v = e.getFocusDrawings();
     if (v.length === 0)
       return;
     const b = v.map((_) => ({
@@ -2466,25 +2469,25 @@ const eo = (i) => {
   }
   const S = (D) => D ? "block" : "none";
   return /* @__PURE__ */ Tt("div", { className: Dt(ve.imageCommonPanelGrid, ve.imageCommonPanelBorder), style: { display: S(l) }, children: [
-    /* @__PURE__ */ ee("div", { className: ve.imageCommonPanelRow, children: /* @__PURE__ */ ee("div", { className: Dt(ve.imageCommonPanelColumn, ve.imageCommonPanelTitle), children: /* @__PURE__ */ ee("div", { children: e.t("drawing-anchor.title") }) }) }),
+    /* @__PURE__ */ ee("div", { className: ve.imageCommonPanelRow, children: /* @__PURE__ */ ee("div", { className: Dt(ve.imageCommonPanelColumn, ve.imageCommonPanelTitle), children: /* @__PURE__ */ ee("div", { children: t.t("drawing-anchor.title") }) }) }),
     /* @__PURE__ */ ee("div", { className: Dt(ve.imageCommonPanelRow), children: /* @__PURE__ */ ee("div", { className: Dt(ve.imageCommonPanelColumn), children: /* @__PURE__ */ Tt(ss, { value: f, onChange: w, direction: "vertical", children: [
-      /* @__PURE__ */ ee(Jt, { value: U.Both, children: e.t("drawing-anchor.both") }),
-      /* @__PURE__ */ ee(Jt, { value: U.Position, children: e.t("drawing-anchor.position") }),
-      /* @__PURE__ */ ee(Jt, { value: U.None, children: e.t("drawing-anchor.none") })
+      /* @__PURE__ */ ee(Jt, { value: U.Both, children: t.t("drawing-anchor.both") }),
+      /* @__PURE__ */ ee(Jt, { value: U.Position, children: t.t("drawing-anchor.position") }),
+      /* @__PURE__ */ ee(Jt, { value: U.None, children: t.t("drawing-anchor.none") })
     ] }) }) })
   ] });
 }, to = () => {
-  const i = Te(oe), n = i.getFocusDrawings(), [e, t] = rn(n);
+  const i = Te(oe), n = i.getFocusDrawings(), [t, e] = rn(n);
   return ln(() => {
     const r = i.focus$.subscribe((s) => {
-      t(s);
+      e(s);
     });
     return () => {
       r.unsubscribe();
     };
-  }, []), !!(e != null && e.length) && /* @__PURE__ */ Tt("div", { className: ve.imageCommonPanel, children: [
-    /* @__PURE__ */ ee(ui, { drawings: e }),
-    /* @__PURE__ */ ee(eo, { drawings: e })
+  }, []), !!(t != null && t.length) && /* @__PURE__ */ Tt("div", { className: ve.imageCommonPanel, children: [
+    /* @__PURE__ */ ee(ui, { drawings: t }),
+    /* @__PURE__ */ ee(eo, { drawings: t })
   ] });
 }, no = {
   [Ai.FORMULAS_INSERT]: {
@@ -2554,14 +2557,14 @@ const ro = {
   binding: Fe.DELETE,
   mac: Fe.BACKSPACE
 };
-var co = Object.getOwnPropertyDescriptor, lo = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? co(n, e) : n, s = i.length - 1, o; s >= 0; s--)
+var co = Object.getOwnPropertyDescriptor, lo = (i, n, t, e) => {
+  for (var r = e > 1 ? void 0 : e ? co(n, t) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, $e = (i, n) => (e, t) => n(e, t, i);
+}, $e = (i, n) => (t, e) => n(t, e, i);
 let Bt = class extends le {
-  constructor(i, n, e, t, r, s) {
-    super(), this._componentManager = i, this._menuManagerService = n, this._commandService = e, this._shortcutService = t, this._drawingManagerService = r, this._sheetsSelectionsService = s, this._init();
+  constructor(i, n, t, e, r, s) {
+    super(), this._componentManager = i, this._menuManagerService = n, this._commandService = t, this._shortcutService = e, this._drawingManagerService = r, this._sheetsSelectionsService = s, this._init();
   }
   _initCustomComponents() {
     const i = this._componentManager;
@@ -2611,13 +2614,13 @@ Bt = lo([
   $e(4, oe),
   $e(5, N(dn))
 ], Bt);
-var uo = Object.getOwnPropertyDescriptor, ho = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? uo(n, e) : n, s = i.length - 1, o; s >= 0; s--)
+var uo = Object.getOwnPropertyDescriptor, ho = (i, n, t, e) => {
+  for (var r = e > 1 ? void 0 : e ? uo(n, t) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, Me = (i, n) => (e, t) => n(e, t, i);
-function go(i, n, e, t, r) {
-  const { scaleX: s, scaleY: o } = n.getAncestorScale(), a = n.getViewport($n.VIEW_MAIN), c = t.getFreeze(), { startColumn: u, startRow: d, xSplit: l, ySplit: g } = c, h = {
+}, Me = (i, n) => (t, e) => n(t, e, i);
+function go(i, n, t, e, r) {
+  const { scaleX: s, scaleY: o } = n.getAncestorScale(), a = n.getViewport($n.VIEW_MAIN), c = e.getFreeze(), { startColumn: u, startRow: d, xSplit: l, ySplit: g } = c, h = {
     left: !0,
     // left means the left of pic is in a viewMainLeft
     top: !0
@@ -2629,13 +2632,13 @@ function go(i, n, e, t, r) {
     };
   const { left: f, right: p, top: m, bottom: w } = i;
   let { top: S, left: C, viewportScrollX: D, viewportScrollY: v } = a;
-  const { boundsOfViewArea: b, scrollDirectionResponse: _ } = r || {}, { rowHeaderWidth: E, columnHeaderHeight: M } = e, y = {
+  const { boundsOfViewArea: b, scrollDirectionResponse: _ } = r || {}, { rowHeaderWidth: E, columnHeaderHeight: M } = t, y = {
     top: M,
     left: E
   };
   b && (ye.isDefine(y.top) && (y.top = b.top), ye.isDefine(y.left) && (y.left = b.left)), _ === "HORIZONTAL" && (v = 0), _ === "VERTICAL" && (D = 0);
   let T = 0, I = 0;
-  const R = e.rowStartY(d - g) + M, O = e.colStartX(u - l) + E, B = e.rowStartY(d) + M, K = e.colStartX(u) + E;
+  const R = t.rowStartY(d - g) + M, O = t.colStartX(u - l) + E, B = t.rowStartY(d) + M, K = t.colStartX(u) + E;
   if (l === 0)
     h.left = !1, T = (f - D) * s, I = (p - D) * s;
   else {
@@ -2657,13 +2660,13 @@ function go(i, n, e, t, r) {
     absolute: h
   };
 }
-const fe = (i, n, e, t, r) => {
+const fe = (i, n, t, e, r) => {
   const { scene: s } = n, { left: o, top: a, width: c, height: u, angle: d } = i, l = {
     left: o,
     right: o + c,
     top: a,
     bottom: a + u
-  }, g = go(l, s, e, t, r), { scaleX: h, scaleY: f } = s.getAncestorScale();
+  }, g = go(l, s, t, e, r), { scaleX: h, scaleY: f } = s.getAncestorScale();
   return {
     startX: g.left,
     endX: g.right,
@@ -2676,7 +2679,7 @@ const fe = (i, n, e, t, r) => {
   };
 };
 let Wt = class extends le {
-  constructor(n, e, t, r, s, o, a) {
+  constructor(n, t, e, r, s, o, a) {
     super();
     /**
      * for update dom container position when scrolling and zoom
@@ -2693,7 +2696,7 @@ let Wt = class extends le {
     Q(this, "_remove$", new Zt());
     Q(this, "remove$", this._remove$.asObservable());
     Q(this, "_hooks", []);
-    this._renderManagerService = n, this._univerInstanceService = e, this._commandService = t, this._drawingManagerService = r, this._canvasFloatDomService = s, this._sheetDrawingService = o, this._lifecycleService = a, this._drawingAddListener(), this._featureUpdateListener(), this._deleteListener(), this._bindScrollEvent();
+    this._renderManagerService = n, this._univerInstanceService = t, this._commandService = e, this._drawingManagerService = r, this._canvasFloatDomService = s, this._sheetDrawingService = o, this._lifecycleService = a, this._drawingAddListener(), this._featureUpdateListener(), this._deleteListener(), this._bindScrollEvent();
   }
   _bindScrollEvent() {
     this._lifecycleService.lifecycle$.pipe(ji((n) => n === Zr.Rendered), $i(1)).subscribe(() => {
@@ -2705,11 +2708,11 @@ let Wt = class extends le {
    * @param unitId
    * @param subUnitId
    */
-  _ensureMap(n, e) {
-    let t = this._domLayerMap.get(n);
-    t || (t = /* @__PURE__ */ new Map(), this._domLayerMap.set(n, t));
-    let r = t.get(e);
-    return r || (r = /* @__PURE__ */ new Map(), t.set(e, r)), r;
+  _ensureMap(n, t) {
+    let e = this._domLayerMap.get(n);
+    e || (e = /* @__PURE__ */ new Map(), this._domLayerMap.set(n, e));
+    let r = e.get(t);
+    return r || (r = /* @__PURE__ */ new Map(), e.set(t, r)), r;
   }
   getFloatDomInfo(n) {
     return this._domLayerInfoMap.get(n);
@@ -2717,36 +2720,36 @@ let Wt = class extends le {
   _getSceneAndTransformerByDrawingSearch(n) {
     if (n == null)
       return;
-    const e = this._renderManagerService.getRenderById(n), t = e == null ? void 0 : e.scene;
-    if (e == null || t == null)
+    const t = this._renderManagerService.getRenderById(n), e = t == null ? void 0 : t.scene;
+    if (t == null || e == null)
       return null;
-    const r = t.getTransformerByCreate(), s = e.engine.getCanvasElement();
-    return { scene: t, transformer: r, renderUnit: e, canvas: s };
+    const r = e.getTransformerByCreate(), s = t.engine.getCanvasElement();
+    return { scene: e, transformer: r, renderUnit: t, canvas: s };
   }
   _getFloatDomProps(n) {
-    let e;
-    return this._hooks.forEach((t) => {
-      e = t.onGetFloatDomProps(n);
-    }), e;
+    let t;
+    return this._hooks.forEach((e) => {
+      t = e.onGetFloatDomProps(n);
+    }), t;
   }
   _drawingAddListener() {
     this.disposeWithMe(
       this._drawingManagerService.add$.subscribe((n) => {
-        n.forEach((e) => {
+        n.forEach((t) => {
           var J, ce, q;
-          const { unitId: t, subUnitId: r, drawingId: s } = e, o = H(this._univerInstanceService, { unitId: t, subUnitId: r }), a = this._drawingManagerService.getDrawingByParam(e), c = this._univerInstanceService.getUnit(t, F.UNIVER_SHEET);
+          const { unitId: e, subUnitId: r, drawingId: s } = t, o = H(this._univerInstanceService, { unitId: e, subUnitId: r }), a = this._drawingManagerService.getDrawingByParam(t), c = this._univerInstanceService.getUnit(e, F.UNIVER_SHEET);
           if (!c)
             return;
           const u = c.getActiveSheet().getSheetId();
           if (!a || !o)
             return;
-          const d = (J = this._renderManagerService.getRenderById(t)) == null ? void 0 : J.with(V).getSkeletonParam(r);
+          const d = (J = this._renderManagerService.getRenderById(e)) == null ? void 0 : J.with(V).getSkeletonParam(r);
           if (!d)
             return;
           const { transform: l, drawingType: g, data: h } = a;
           if (g !== L.DRAWING_DOM && g !== L.DRAWING_CHART)
             return;
-          const f = this._getSceneAndTransformerByDrawingSearch(t);
+          const f = this._getSceneAndTransformerByDrawingSearch(e);
           if (f == null)
             return;
           const { scene: p, canvas: m } = f;
@@ -2754,7 +2757,7 @@ let Wt = class extends le {
             return !0;
           if (u !== r)
             return;
-          const { left: w, top: S, width: C, height: D, angle: v, flipX: b, flipY: _, skewX: E, skewY: M } = l, y = Ce({ unitId: t, subUnitId: r, drawingId: s }), T = p.getObject(y);
+          const { left: w, top: S, width: C, height: D, angle: v, flipX: b, flipY: _, skewX: E, skewY: M } = l, y = Ce({ unitId: e, subUnitId: r, drawingId: s }), T = p.getObject(y);
           if (T != null) {
             T.transformByState({ left: w, top: S, width: C, height: D, angle: v, flipX: b, flipY: _, skewX: E, skewY: M });
             return;
@@ -2764,7 +2767,7 @@ let Wt = class extends le {
             top: S,
             width: C,
             height: D,
-            zIndex: this._drawingManagerService.getDrawingOrder(t, r).length - 1
+            zIndex: this._drawingManagerService.getDrawingOrder(e, r).length - 1
           }, R = g === L.DRAWING_CHART;
           if (R) {
             const W = h ? h.backgroundColor : "white";
@@ -2772,11 +2775,11 @@ let Wt = class extends le {
           }
           const O = new je(y, I);
           R && O.setObjectType(bn.CHART), p.addObject(O, Kt), a.allowTransform !== !1 && p.attachTransformerTo(O);
-          const B = this._ensureMap(t, r), K = new _t(), Z = fe(O, f.renderUnit, d.skeleton, o.worksheet), Y = new Ze(Z), me = {
+          const B = this._ensureMap(e, r), K = new _t(), Z = fe(O, f.renderUnit, d.skeleton, o.worksheet), Y = new Ze(Z), me = {
             dispose: K,
             rect: O,
             position$: Y,
-            unitId: t,
+            unitId: e,
             subUnitId: r
           };
           this._canvasFloatDomService.addFloatDom({
@@ -2797,7 +2800,7 @@ let Wt = class extends le {
             },
             props: (q = (ce = B.get(s)) == null ? void 0 : ce.props) != null ? q : this._getFloatDomProps(s),
             data: h,
-            unitId: t
+            unitId: e
           });
           const X = O.onTransformChange$.subscribeEvent(() => {
             const W = fe(O, f.renderUnit, d.skeleton, o.worksheet);
@@ -2814,8 +2817,8 @@ let Wt = class extends le {
       })
     ), this.disposeWithMe(
       this._drawingManagerService.remove$.subscribe((n) => {
-        n.forEach((e) => {
-          const { unitId: t, subUnitId: r, drawingId: s } = e, o = Ce({ unitId: t, subUnitId: r, drawingId: s }), a = this._getSceneAndTransformerByDrawingSearch(t);
+        n.forEach((t) => {
+          const { unitId: e, subUnitId: r, drawingId: s } = t, o = Ce({ unitId: e, subUnitId: r, drawingId: s }), a = this._getSceneAndTransformerByDrawingSearch(e);
           if (a == null)
             return;
           const { transformer: c, scene: u } = a, d = u.getObject(o);
@@ -2825,9 +2828,9 @@ let Wt = class extends le {
     );
   }
   _scrollUpdateListener() {
-    const n = (e, t) => {
+    const n = (t, e) => {
       var u;
-      const r = this._getSceneAndTransformerByDrawingSearch(e), s = this._ensureMap(e, t), o = Array.from(s.keys()), a = H(this._univerInstanceService, { unitId: e, subUnitId: t }), c = (u = this._renderManagerService.getRenderById(e)) == null ? void 0 : u.with(V).getSkeletonParam(t);
+      const r = this._getSceneAndTransformerByDrawingSearch(t), s = this._ensureMap(t, e), o = Array.from(s.keys()), a = H(this._univerInstanceService, { unitId: t, subUnitId: e }), c = (u = this._renderManagerService.getRenderById(t)) == null ? void 0 : u.with(V).getSkeletonParam(e);
       !r || !a || !c || o.forEach((d) => {
         const l = this._domLayerInfoMap.get(d);
         if (l) {
@@ -2838,44 +2841,44 @@ let Wt = class extends le {
     };
     this.disposeWithMe(
       this._univerInstanceService.getCurrentTypeOfUnit$(F.UNIVER_SHEET).pipe(
-        Se((e) => e ? e.activeSheet$ : En(null)),
-        Ee((e) => {
-          if (!e) return null;
-          const t = e.getUnitId(), r = this._renderManagerService.getRenderById(t);
-          return r ? { render: r, unitId: t, subUnitId: e.getSheetId() } : null;
+        Se((t) => t ? t.activeSheet$ : En(null)),
+        Ee((t) => {
+          if (!t) return null;
+          const e = t.getUnitId(), r = this._renderManagerService.getRenderById(e);
+          return r ? { render: r, unitId: e, subUnitId: t.getSheetId() } : null;
         }),
         Se(
-          (e) => e ? Jr(e.render.scene.getViewport($n.VIEW_MAIN).onScrollAfter$).pipe(Ee(() => ({ unitId: e.unitId, subUnitId: e.subUnitId }))) : En(null)
+          (t) => t ? Jr(t.render.scene.getViewport($n.VIEW_MAIN).onScrollAfter$).pipe(Ee(() => ({ unitId: t.unitId, subUnitId: t.subUnitId }))) : En(null)
         )
-      ).subscribe((e) => {
-        if (!e) return;
-        const { unitId: t, subUnitId: r } = e;
-        n(t, r);
+      ).subscribe((t) => {
+        if (!t) return;
+        const { unitId: e, subUnitId: r } = t;
+        n(e, r);
       })
-    ), this.disposeWithMe(this._commandService.onCommandExecuted((e) => {
-      var t, r;
-      if (e.id === Dn.id) {
-        const s = e.params, { unitId: o } = s;
-        Array.from((r = (t = this._domLayerMap.get(o)) == null ? void 0 : t.keys()) != null ? r : []).forEach((c) => {
+    ), this.disposeWithMe(this._commandService.onCommandExecuted((t) => {
+      var e, r;
+      if (t.id === Dn.id) {
+        const s = t.params, { unitId: o } = s;
+        Array.from((r = (e = this._domLayerMap.get(o)) == null ? void 0 : e.keys()) != null ? r : []).forEach((c) => {
           n(o, c);
         });
-      } else if (e.id === Qi.id) {
-        const { unitId: s, subUnitId: o } = e.params;
+      } else if (t.id === Qi.id) {
+        const { unitId: s, subUnitId: o } = t.params;
         n(s, o);
       }
     }));
   }
-  _getPosition(n, e) {
+  _getPosition(n, t) {
     var g;
-    const { startX: t, endX: r, startY: s, endY: o } = n, a = (g = this._renderManagerService.getRenderById(e)) == null ? void 0 : g.with(Xe);
+    const { startX: e, endX: r, startY: s, endY: o } = n, a = (g = this._renderManagerService.getRenderById(t)) == null ? void 0 : g.with(Xe);
     if (a == null)
       return;
-    const c = a.getCellWithCoordByOffset(t, s);
+    const c = a.getCellWithCoordByOffset(e, s);
     if (c == null)
       return;
     const u = {
       column: c.actualColumn,
-      columnOffset: t - c.startX,
+      columnOffset: e - c.startX,
       row: c.actualRow,
       rowOffset: s - c.startY
     }, d = a.getCellWithCoordByOffset(r, o);
@@ -2895,14 +2898,14 @@ let Wt = class extends le {
   _featureUpdateListener() {
     this.disposeWithMe(
       this._drawingManagerService.update$.subscribe((n) => {
-        n.forEach((e) => {
-          const t = this._drawingManagerService.getDrawingByParam(e);
-          if (!t || t.drawingType !== L.DRAWING_DOM && t.drawingType !== L.DRAWING_CHART)
+        n.forEach((t) => {
+          const e = this._drawingManagerService.getDrawingByParam(t);
+          if (!e || e.drawingType !== L.DRAWING_DOM && e.drawingType !== L.DRAWING_CHART)
             return;
           const r = {
-            ...t.transform
+            ...e.transform
           };
-          this._transformChange$.next({ id: e.drawingId, value: r });
+          this._transformChange$.next({ id: t.drawingId, value: r });
         });
       })
     );
@@ -2910,28 +2913,28 @@ let Wt = class extends le {
   _deleteListener() {
     this.disposeWithMe(
       this._drawingManagerService.remove$.subscribe((n) => {
-        n.forEach((e) => {
-          this._removeDom(e.drawingId);
+        n.forEach((t) => {
+          this._removeDom(t.drawingId);
         });
       })
     );
   }
-  updateFloatDomProps(n, e, t, r) {
-    const s = this._domLayerInfoMap.get(t), o = this._getSceneAndTransformerByDrawingSearch(n);
+  updateFloatDomProps(n, t, e, r) {
+    const s = this._domLayerInfoMap.get(e), o = this._getSceneAndTransformerByDrawingSearch(n);
     if (s && o) {
-      const { scene: a } = o, c = Ce({ unitId: n, subUnitId: e, drawingId: t }), u = a.getObject(c);
+      const { scene: a } = o, c = Ce({ unitId: n, subUnitId: t, drawingId: e }), u = a.getObject(c);
       u && u instanceof je && u.setProps(r);
     }
   }
   // CreateFloatDomCommand --> floatDomService.addFloatDomToPosition
-  addFloatDomToPosition(n, e) {
-    const t = H(this._univerInstanceService, {
+  addFloatDomToPosition(n, t) {
+    const e = H(this._univerInstanceService, {
       unitId: n.unitId,
       subUnitId: n.subUnitId
     });
-    if (!t)
+    if (!e)
       throw new Error("cannot find current target!");
-    const { unitId: r, subUnitId: s } = t, { initPosition: o, componentKey: a, data: c, allowTransform: u = !0 } = n, d = e != null ? e : Ht(), l = this._getPosition(o, r);
+    const { unitId: r, subUnitId: s } = e, { initPosition: o, componentKey: a, data: c, allowTransform: u = !0 } = n, d = t != null ? t : Ht(), l = this._getPosition(o, r);
     if (l == null)
       return;
     this._ensureMap(r, s).set(d, n);
@@ -2961,14 +2964,14 @@ let Wt = class extends le {
       }
     };
   }
-  _removeDom(n, e = !1) {
-    const t = this._domLayerInfoMap.get(n);
-    if (!t)
+  _removeDom(n, t = !1) {
+    const e = this._domLayerInfoMap.get(n);
+    if (!e)
       return;
-    const { unitId: r, subUnitId: s } = t;
-    this._domLayerInfoMap.delete(n), t.dispose.dispose();
+    const { unitId: r, subUnitId: s } = e;
+    this._domLayerInfoMap.delete(n), e.dispose.dispose();
     const o = this._getSceneAndTransformerByDrawingSearch(r);
-    if (o && o.scene.removeObject(t.rect), e) {
+    if (o && o.scene.removeObject(e.rect), t) {
       this._ensureMap(r, s).delete(n);
       const c = this._drawingManagerService.getDrawingByParam({ unitId: r, subUnitId: s, drawingId: n });
       if (!c)
@@ -2980,17 +2983,17 @@ let Wt = class extends le {
   addHook(n) {
     return this._hooks.push(n), {
       dispose: () => {
-        const e = this._hooks.findIndex((t) => t === n);
-        this._hooks.splice(e, 1);
+        const t = this._hooks.findIndex((e) => e === n);
+        this._hooks.splice(t, 1);
       }
     };
   }
   // eslint-disable-next-line max-lines-per-function, complexity
-  addFloatDomToRange(n, e, t, r) {
+  addFloatDomToRange(n, t, e, r) {
     var _, E, M, y, T;
     const s = H(this._univerInstanceService, {
-      unitId: e.unitId,
-      subUnitId: e.subUnitId
+      unitId: t.unitId,
+      subUnitId: t.subUnitId
     });
     if (!s)
       throw new Error("cannot find current target!");
@@ -3000,15 +3003,15 @@ let Wt = class extends le {
     if (!u) return;
     const d = (_ = this._renderManagerService.getRenderById(o)) == null ? void 0 : _.with(V).getWorksheetSkeleton(a);
     if (!d) return;
-    const { componentKey: l, data: g, allowTransform: h = !0 } = e, f = r != null ? r : Ht(), { position: p, position$: m } = this._createRangePositionObserver(n, u, d.skeleton);
+    const { componentKey: l, data: g, allowTransform: h = !0 } = t, f = r != null ? r : Ht(), { position: p, position$: m } = this._createRangePositionObserver(n, u, d.skeleton);
     if (this._getPosition(p, o) == null)
       return;
-    this._ensureMap(o, a).set(f, e);
-    const C = c.scene, { scaleX: D } = C.getAncestorScale(), v = Mt(p, t, D), b = {
+    this._ensureMap(o, a).set(f, t);
+    const C = c.scene, { scaleX: D } = C.getAncestorScale(), v = Mt(p, e, D), b = {
       unitId: o,
       subUnitId: a,
       drawingId: f,
-      drawingType: e.type || L.DRAWING_DOM,
+      drawingType: t.type || L.DRAWING_DOM,
       componentKey: l,
       transform: {
         left: v.startX,
@@ -3069,7 +3072,7 @@ let Wt = class extends le {
         dispose: he,
         rect: de,
         boundsOfViewArea: gt,
-        domAnchor: t,
+        domAnchor: e,
         unitId: I,
         subUnitId: R
       }, j = fe(de, W.renderUnit, X.skeleton, B.worksheet, ge), ke = new Ze(j);
@@ -3091,7 +3094,7 @@ let Wt = class extends le {
         data: q,
         unitId: I
       };
-      e.eventPassThrough && (ze = {
+      t.eventPassThrough && (ze = {
         ...ze,
         onPointerDown: (k) => {
           Ue.dispatchEvent(new PointerEvent(k.type, k));
@@ -3109,17 +3112,17 @@ let Wt = class extends le {
           startY: k.startY,
           endX: k.endX,
           endY: k.endY,
-          width: (gn = t.width) != null ? gn : k.width,
-          height: (fn = t.height) != null ? fn : k.height,
+          width: (gn = e.width) != null ? gn : k.width,
+          height: (fn = e.height) != null ? fn : k.height,
           absolute: {
             left: p.absolute.left,
             top: p.absolute.top
           }
-        }, t), Mr = Ce({ unitId: I, subUnitId: R, drawingId: O }), yr = new je(Mr, {
+        }, e), Mr = Ce({ unitId: I, subUnitId: R, drawingId: O }), yr = new je(Mr, {
           left: hn.startX,
           top: hn.startY,
-          width: (mn = t.width) != null ? mn : k.width,
-          height: (pn = t.height) != null ? pn : k.height,
+          width: (mn = e.width) != null ? mn : k.width,
+          height: (pn = e.height) != null ? pn : k.height,
           zIndex: this._drawingManagerService.getDrawingOrder(I, R).length - 1
         }), Tr = fe(yr, W.renderUnit, X.skeleton, B.worksheet, ge);
         ke.next(Tr);
@@ -3147,11 +3150,11 @@ let Wt = class extends le {
       }
     };
   }
-  addFloatDomToColumnHeader(n, e, t, r) {
+  addFloatDomToColumnHeader(n, t, e, r) {
     var v, b, _, E, M;
     const s = H(this._univerInstanceService, {
-      unitId: e.unitId,
-      subUnitId: e.subUnitId
+      unitId: t.unitId,
+      subUnitId: t.subUnitId
     });
     if (!s)
       throw new Error("cannot find current target!");
@@ -3161,7 +3164,7 @@ let Wt = class extends le {
     if (!u) return;
     const d = (v = this._renderManagerService.getRenderById(o)) == null ? void 0 : v.with(V).getWorksheetSkeleton(a);
     if (!d) return;
-    const { componentKey: l, data: g, allowTransform: h = !0 } = e, f = r != null ? r : Ht(), { position: p, position$: m } = this._createRangePositionObserver({
+    const { componentKey: l, data: g, allowTransform: h = !0 } = t, f = r != null ? r : Ht(), { position: p, position$: m } = this._createRangePositionObserver({
       startRow: 0,
       endRow: 0,
       startColumn: n,
@@ -3169,12 +3172,12 @@ let Wt = class extends le {
     }, u, d.skeleton), w = p;
     if (w.startY = 0, this._getPosition(p, o) == null)
       return;
-    this._ensureMap(o, a).set(f, e);
+    this._ensureMap(o, a).set(f, t);
     const D = {
       unitId: o,
       subUnitId: a,
       drawingId: f,
-      drawingType: e.type || L.DRAWING_DOM,
+      drawingType: t.type || L.DRAWING_DOM,
       componentKey: l,
       transform: {
         left: w.startX,
@@ -3214,13 +3217,13 @@ let Wt = class extends le {
         startY: 0,
         endX: p.endX,
         endY: p.endY,
-        width: t.width,
-        height: t.height,
+        width: e.width,
+        height: e.height,
         absolute: {
           left: p.absolute.left,
           top: p.absolute.top
         }
-      }, t), ut = {
+      }, e), ut = {
         left: Pe.startX,
         top: Pe.startY,
         width: Pe.width,
@@ -3241,7 +3244,7 @@ let Wt = class extends le {
         unitId: y,
         subUnitId: T,
         boundsOfViewArea: Ve,
-        domAnchor: t,
+        domAnchor: e,
         scrollDirectionResponse: "HORIZONTAL"
         /* HORIZONTAL */
       }, ht = fe(ue, J.renderUnit, Y.skeleton, R.worksheet, he), Ne = new Ze(ht);
@@ -3263,7 +3266,7 @@ let Wt = class extends le {
         data: X,
         unitId: y
       };
-      e.eventPassThrough && (He = {
+      t.eventPassThrough && (He = {
         ...He,
         onPointerDown: (j) => {
           q.dispatchEvent(new PointerEvent(j.type, j));
@@ -3287,17 +3290,17 @@ let Wt = class extends le {
           startY: 0,
           endX: j.endX,
           endY: j.endY,
-          width: t.width,
-          height: t.height,
+          width: e.width,
+          height: e.height,
           absolute: {
             left: p.absolute.left,
             top: p.absolute.top
           }
-        }, t), ze = Ce({ unitId: y, subUnitId: T, drawingId: I }), Ke = new je(ze, {
+        }, e), ze = Ce({ unitId: y, subUnitId: T, drawingId: I }), Ke = new je(ze, {
           left: ke.startX,
           top: 0,
-          width: t.width,
-          height: t.height,
+          width: e.width,
+          height: e.height,
           zIndex: this._drawingManagerService.getDrawingOrder(y, T).length - 1
         }), ft = fe(Ke, J.renderUnit, Y.skeleton, R.worksheet, he);
         Ne.next(ft);
@@ -3328,13 +3331,13 @@ let Wt = class extends le {
    * @param activeViewport
    * @returns position of cell to canvas.
    */
-  _createRangePositionObserver(n, e, t) {
+  _createRangePositionObserver(n, t, e) {
     let { startRow: r, startColumn: s } = n;
-    const o = Qe(r, s, t), a = new Ze(o), c = Qe(n.endRow, n.endColumn, t), u = new Ze(c), d = () => {
-      const m = Qe(r, s, t), w = Qe(n.endRow, n.endColumn, t);
+    const o = Qe(r, s, e), a = new Ze(o), c = Qe(n.endRow, n.endColumn, e), u = new Ze(c), d = () => {
+      const m = Qe(r, s, e), w = Qe(n.endRow, n.endColumn, e);
       a.next(m), u.next(w);
     }, l = new _t();
-    l.add(e.engine.clientRect$.subscribe(() => d())), l.add(this._commandService.onCommandExecuted((m) => {
+    l.add(t.engine.clientRect$.subscribe(() => d())), l.add(this._commandService.onCommandExecuted((m) => {
       if (m.id === Gn.id && m.params.rowsAutoHeightInfo.findIndex((S) => S.row === r) > -1) {
         d();
         return;
@@ -3357,7 +3360,7 @@ let Wt = class extends le {
       endY: c.bottom
     }), f = a.pipe(
       Ee((m) => {
-        const w = Qe(n.endRow, n.endColumn, t);
+        const w = Qe(n.endRow, n.endColumn, e);
         return {
           rotate: 0,
           width: w.right - m.left,
@@ -3392,8 +3395,8 @@ Wt = ho([
   Me(5, ae),
   Me(6, N(Kr))
 ], Wt);
-function Qe(i, n, e) {
-  const t = e.getCellWithCoordByIndex(i, n), r = t.isMergedMainCell ? t.mergeInfo : t;
+function Qe(i, n, t) {
+  const e = t.getCellWithCoordByIndex(i, n), r = e.isMergedMainCell ? e.mergeInfo : e;
   return {
     left: r.startX,
     right: r.endX,
@@ -3401,19 +3404,19 @@ function Qe(i, n, e) {
     bottom: r.endY
   };
 }
-function Mt(i, n, e) {
+function Mt(i, n, t) {
   var u, d;
-  e = e != null ? e : 1;
-  const t = i.endX - i.startX, r = i.endY - i.startY, s = (u = n == null ? void 0 : n.width) != null ? u : t, o = (d = n == null ? void 0 : n.height) != null ? d : r;
+  t = t != null ? t : 1;
+  const e = i.endX - i.startX, r = i.endY - i.startY, s = (u = n == null ? void 0 : n.width) != null ? u : e, o = (d = n == null ? void 0 : n.height) != null ? d : r;
   let a = 0, c = 0;
   if (n) {
     if (n.horizonOffsetAlign === "right") {
-      const l = yt(n.marginX, t * e);
+      const l = yt(n.marginX, e * t);
       a = i.endX - l - s;
     } else
-      a = i.startX + yt(n.marginX, t);
+      a = i.startX + yt(n.marginX, e);
     if (n.verticalOffsetAlign === "bottom") {
-      const l = yt(n.marginY, r * e);
+      const l = yt(n.marginY, r * t);
       c = i.endY - l - o;
     } else
       c = i.startY + yt(n.marginY, r);
@@ -3435,18 +3438,18 @@ function Mt(i, n, e) {
 function yt(i, n) {
   if (i === void 0) return 0;
   if (typeof i == "number") return i;
-  const e = Number.parseFloat(i);
-  return n * e / 100;
+  const t = Number.parseFloat(i);
+  return n * t / 100;
 }
-var fo = Object.defineProperty, mo = Object.getOwnPropertyDescriptor, po = (i, n, e) => n in i ? fo(i, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[n] = e, wo = (i, n, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? mo(n, e) : n, s = i.length - 1, o; s >= 0; s--)
+var fo = Object.defineProperty, mo = Object.getOwnPropertyDescriptor, po = (i, n, t) => n in i ? fo(i, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[n] = t, wo = (i, n, t, e) => {
+  for (var r = e > 1 ? void 0 : e ? mo(n, t) : n, s = i.length - 1, o; s >= 0; s--)
     (o = i[s]) && (r = o(r) || r);
   return r;
-}, qt = (i, n) => (e, t) => n(e, t, i), Dr = (i, n, e) => po(i, typeof n != "symbol" ? n + "" : n, e);
+}, qt = (i, n) => (t, e) => n(t, e, i), Dr = (i, n, t) => po(i, typeof n != "symbol" ? n + "" : n, t);
 const _o = "SHEET_IMAGE_UI_PLUGIN";
 let jt = class extends ei {
-  constructor(i = Pn, n, e, t) {
-    super(), this._config = i, this._injector = n, this._renderManagerService = e, this._configService = t;
+  constructor(i = Pn, n, t, e) {
+    super(), this._config = i, this._injector = n, this._renderManagerService = t, this._configService = e;
     const { menu: r, ...s } = ti(
       {},
       Pn,