@univerjs/docs-drawing-ui 0.6.7-experimental.20250328-21e0bec → 0.6.7-experimental.20250329-4e66087

package/lib/index.js

@@ -1,25 +1,25 @@
 var At = Object.defineProperty;
 var xt = (i, e, n) => e in i ? At(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
 var Se = (i, e, n) => xt(i, typeof e != "symbol" ? e + "" : e, n);
-import { Disposable as Ge, BlockType as Lt, UndoCommand as Ut, RedoCommand as Bt, JSONX as X, IUniverInstanceService as q, ICommandService as $, PositionedObjectLayoutType as W, CommandType as Y, BooleanNumber as se, ObjectRelativeFromH as ee, ObjectRelativeFromV as H, Tools as Me, TextX as Dn, TextXActionType as Q, toDisposable as Oe, throttle as Rn, COLORS as kt, MemoryCursor as Ft, IUndoRedoService as Yn, BuildTextUtils as Wt, ArrangeTypeEnum as Qe, Inject as pe, IContextService as Zn, LocaleService as un, WrapTextType as Xe, DrawingTypeEnum as rn, FOCUSING_COMMON_DRAWINGS as on, UniverInstanceType as Ie, Direction as fe, DocumentFlavor as wn, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Cn, FOCUSING_UNIVER_EDITOR as Ht, DisposableCollection as Gt, fromEventSubject as Qn, generateRandomId as Vt, RxDisposable as jt, SHEET_EDITOR_UNITS as $t, LifecycleService as zt, LifecycleStages as En, DependentOn as Xt, Injector as qt, IConfigService as Kt, Plugin as Yt, merge as Zt } from "@univerjs/core";
-import { IDocDrawingService as Ue, UniverDocsDrawingPlugin as Qt } from "@univerjs/docs-drawing";
-import { IDrawingManagerService as _e, IImageIoService as Jt, DRAWING_IMAGE_ALLOW_IMAGE_LIST as ei, DRAWING_IMAGE_COUNT_LIMIT as Nn, ImageUploadStatusType as vn, DRAWING_IMAGE_ALLOW_SIZE as ni, getImageSize as ti, getDrawingShapeKeyByDrawingSearch as ii, DRAWING_IMAGE_WIDTH_LIMIT as An, DRAWING_IMAGE_HEIGHT_LIMIT as xn, UniverDrawingPlugin as ri } from "@univerjs/drawing";
-import { DrawingCommonPanel as oi, DrawingRenderService as si, ImageCropperObject as ai, COMPONENT_IMAGE_POPUP_MENU as ci, OpenImageCropOperation as di, ImageResetSizeOperation as li, UniverDrawingUIPlugin as gi } from "@univerjs/drawing-ui";
-import { IRenderManagerService as J, DocumentEditArea as We, Liquid as Jn, PageLayoutType as Ln, DocumentSkeletonPageType as Un, Vector2 as mi, Rect as ui, getColor as fi, getCurrentTypeOfRenderer as hi, CURSOR_TYPE as Bn, TRANSFORM_CHANGE_OBSERVABLE_TYPE as pi } from "@univerjs/engine-render";
-import { IMessageService as wi, ILocalFileService as vi, ISidebarService as Ii, useDependency as ve, getMenuHiddenObservable as et, MenuItemType as nt, RibbonStartGroup as _i, KeyCode as He, ComponentManager as Si, IMenuManagerService as Di, IShortcutService as Ci, CanvasFloatDomService as Oi, UniverUIPlugin as Ti } from "@univerjs/ui";
+import { Disposable as Ge, UndoCommand as Lt, RedoCommand as Ut, JSONX as X, IUniverInstanceService as q, ICommandService as $, PositionedObjectLayoutType as W, CommandType as Y, BooleanNumber as se, ObjectRelativeFromH as ee, ObjectRelativeFromV as H, Tools as be, TextX as Dn, TextXActionType as Q, toDisposable as Oe, throttle as Rn, COLORS as Bt, MemoryCursor as Ft, IUndoRedoService as Yn, BuildTextUtils as kt, ArrangeTypeEnum as Qe, Inject as pe, IContextService as Zn, LocaleService as un, WrapTextType as Xe, DrawingTypeEnum as rn, FOCUSING_COMMON_DRAWINGS as on, UniverInstanceType as Ie, Direction as he, DocumentFlavor as wn, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Cn, FOCUSING_UNIVER_EDITOR as Wt, DisposableCollection as Ht, fromEventSubject as Qn, generateRandomId as Gt, RxDisposable as Vt, SHEET_EDITOR_UNITS as jt, LifecycleService as $t, LifecycleStages as En, DependentOn as zt, Injector as Xt, IConfigService as qt, Plugin as Kt, merge as Yt } from "@univerjs/core";
+import { IDocDrawingService as Ue, UniverDocsDrawingPlugin as Zt } from "@univerjs/docs-drawing";
+import { IDrawingManagerService as _e, IImageIoService as Qt, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Jt, DRAWING_IMAGE_COUNT_LIMIT as Nn, ImageUploadStatusType as vn, DRAWING_IMAGE_ALLOW_SIZE as ei, getImageSize as ni, getDrawingShapeKeyByDrawingSearch as ti, DRAWING_IMAGE_WIDTH_LIMIT as An, DRAWING_IMAGE_HEIGHT_LIMIT as xn, UniverDrawingPlugin as ii } from "@univerjs/drawing";
+import { DrawingCommonPanel as ri, DrawingRenderService as oi, ImageCropperObject as si, COMPONENT_IMAGE_POPUP_MENU as ai, OpenImageCropOperation as ci, ImageResetSizeOperation as di, UniverDrawingUIPlugin as li } from "@univerjs/drawing-ui";
+import { IRenderManagerService as J, DocumentEditArea as We, Liquid as Jn, PageLayoutType as Ln, DocumentSkeletonPageType as Un, Vector2 as gi, Rect as mi, getColor as ui, getCurrentTypeOfRenderer as hi, CURSOR_TYPE as Bn, TRANSFORM_CHANGE_OBSERVABLE_TYPE as fi } from "@univerjs/engine-render";
+import { IMessageService as pi, ILocalFileService as wi, ISidebarService as vi, useDependency as ve, getMenuHiddenObservable as et, MenuItemType as nt, RibbonStartGroup as Ii, KeyCode as He, ComponentManager as _i, IMenuManagerService as Si, IShortcutService as Di, CanvasFloatDomService as Ci, UniverUIPlugin as Oi } from "@univerjs/ui";
 import { RichTextEditingMutation as ne, DocSkeletonManagerService as te, DocSelectionManagerService as On } from "@univerjs/docs";
-import { DocSelectionRenderService as Re, getRichTextEditPath as qe, NodePositionConvertToCursor as kn, getOneTextSelectionRange as Fn, getAnchorBounding as yi, TEXT_RANGE_LAYER_INDEX as Pi, getDocObject as bi, getCustomBlockIdsInSelections as Mi, docDrawingPositionToTransform as tt, VIEWPORT_KEY as it, SetDocZoomRatioOperation as rt, DocCanvasPopManagerService as Ri, IEditorService as Ei } from "@univerjs/docs-ui";
-import { BehaviorSubject as ot, debounceTime as st, Observable as Ni, map as Wn, switchMap as Ai, of as xi, takeUntil as Hn, filter as Gn } from "rxjs";
-import { MessageType as Vn, clsx as j, InputNumber as Fe, Select as jn, Checkbox as Li, RadioGroup as $n, Radio as be } from "@univerjs/design";
+import { DocSelectionRenderService as Re, getRichTextEditPath as qe, NodePositionConvertToCursor as Fn, getOneTextSelectionRange as kn, getAnchorBounding as Ti, TEXT_RANGE_LAYER_INDEX as yi, getDocObject as Pi, getCustomBlockIdsInSelections as Mi, docDrawingPositionToTransform as tt, VIEWPORT_KEY as it, SetDocZoomRatioOperation as rt, DocCanvasPopManagerService as bi, IEditorService as Ri } from "@univerjs/docs-ui";
+import { BehaviorSubject as ot, debounceTime as st, Observable as Ei, map as Wn, switchMap as Ni, of as Ai, takeUntil as Hn, filter as Gn } from "rxjs";
+import { MessageType as Vn, clsx as j, InputNumber as ke, Select as jn, Checkbox as xi, RadioGroup as $n, Radio as Me } from "@univerjs/design";
 import { jsxs as K, jsx as p } from "react/jsx-runtime";
-import { forwardRef as at, useRef as Ui, createElement as ct, useState as oe, useEffect as Tn } from "react";
-const Bi = "docs-drawing-ui.config", zn = {};
-var ki = Object.getOwnPropertyDescriptor, Fi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? ki(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+import { forwardRef as at, useRef as Li, createElement as ct, useState as oe, useEffect as Tn } from "react";
+const Ui = "docs-drawing-ui.config", zn = {};
+var Bi = Object.getOwnPropertyDescriptor, Fi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Bi(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
 }, $e = (i, e) => (n, t) => e(n, t, i);
-function Wi(i) {
+function ki(i) {
   var t, r, o, s;
   if (X.isNoop(i) || !Array.isArray(i))
     return null;
@@ -42,7 +42,7 @@ function Wi(i) {
     });
   return n;
 }
-function Hi(i) {
+function Wi(i) {
   if (!Array.isArray(i) || i.length < 3 || i[0] !== "drawingsOrder")
     return [];
   const e = [];
@@ -67,27 +67,24 @@ let sn = class extends Ge {
   _commandExecutedListener() {
     this.disposeWithMe(
       this._commandService.beforeCommandExecuted((i) => {
-        var a, d;
         if (i.id !== ne.id)
           return;
-        const e = i.params, { unitId: n, actions: t } = e, r = this._univerInstanceService.getUniverDocInstance(n), o = (d = (a = r == null ? void 0 : r.getBody()) == null ? void 0 : a.customBlocks) != null ? d : [], s = Wi(t);
-        if (s != null)
-          for (const { type: c, drawingId: g, drawing: m } of s) {
-            const l = o.find((f) => f.blockId === g);
-            (l == null ? void 0 : l.blockType) !== Lt.CUSTOM && (c === "add" ? this._addDrawings(n, [m]) : this._removeDrawings(n, [g]));
-          }
+        const e = i.params, { unitId: n, actions: t } = e, r = ki(t);
+        if (r != null)
+          for (const { type: o, drawingId: s, drawing: a } of r)
+            o === "add" ? this._addDrawings(n, [a]) : this._removeDrawings(n, [s]);
       })
     ), this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
         if (i.id !== ne.id)
           return;
         const e = i.params, { unitId: n, actions: t } = e;
-        Hi(t).length > 0 && this._updateDrawingsOrder(n);
+        Wi(t).length > 0 && this._updateDrawingsOrder(n);
       })
     ), this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
         var s;
-        if (i.id !== Ut.id && i.id !== Bt.id)
+        if (i.id !== Lt.id && i.id !== Ut.id)
           return;
         const e = (s = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : s.getUnitId(), n = this._drawingManagerService.getFocusDrawings();
         if (e == null || n.length === 0)
@@ -135,7 +132,7 @@ sn = Fi([
   $e(3, Ue),
   $e(4, J)
 ], sn);
-class fn {
+class hn {
   constructor() {
     Se(this, "_refreshDrawings$", new ot(null));
     Se(this, "refreshDrawings$", this._refreshDrawings$.asObservable());
@@ -145,7 +142,7 @@ class fn {
   }
 }
 var ue = /* @__PURE__ */ ((i) => (i.INLINE = "inline", i.BEHIND_TEXT = "behindText", i.IN_FRONT_OF_TEXT = "inFrontOfText", i.WRAP_SQUARE = "wrapSquare", i.WRAP_TOP_AND_BOTTOM = "wrapTopAndBottom", i))(ue || {});
-const Gi = {
+const Hi = {
   inline: W.INLINE,
   wrapSquare: W.WRAP_SQUARE,
   wrapTopAndBottom: W.WRAP_TOP_AND_BOTTOM,
@@ -154,13 +151,13 @@ const Gi = {
 };
 function dt(i, e, n, t, r, o, s) {
   var f, u;
-  const a = new Dn(), d = X.getInstance(), c = [], g = o.getSelfOrHeaderFooterModel(e).getBody(), m = o.getSelfOrHeaderFooterModel(i).getBody();
-  if (g == null || m == null)
+  const a = new Dn(), d = X.getInstance(), c = [], l = o.getSelfOrHeaderFooterModel(e).getBody(), m = o.getSelfOrHeaderFooterModel(i).getBody();
+  if (l == null || m == null)
     return;
-  const l = (u = (f = g.customBlocks) == null ? void 0 : f.find((v) => v.blockId === r)) == null ? void 0 : u.startIndex;
-  if (l != null) {
+  const g = (u = (f = l.customBlocks) == null ? void 0 : f.find((v) => v.blockId === r)) == null ? void 0 : u.startIndex;
+  if (g != null) {
     if (t = Math.min(m.dataStream.length - 2, t), i === e) {
-      if (t < l ? (t > 0 && a.push({
+      if (t < g ? (t > 0 && a.push({
         t: Q.RETAIN,
         len: t
       }), a.push({
@@ -175,19 +172,19 @@ function dt(i, e, n, t, r, o, s) {
         len: 1
       }), a.push({
         t: Q.RETAIN,
-        len: l - t
+        len: g - t
       }), a.push({
         t: Q.DELETE,
         len: 1
-      })) : (l > 0 && a.push({
+      })) : (g > 0 && a.push({
         t: Q.RETAIN,
-        len: l
+        len: g
       }), a.push({
         t: Q.DELETE,
         len: 1
-      }), t - l - 1 > 0 && a.push({
+      }), t - g - 1 > 0 && a.push({
         t: Q.RETAIN,
-        len: t - l - 1
+        len: t - g - 1
       }), a.push({
         t: Q.INSERT,
         body: {
@@ -198,14 +195,14 @@ function dt(i, e, n, t, r, o, s) {
           }]
         },
         len: 1
-      })), t !== l) {
+      })), t !== g) {
         const v = qe(o, e), w = d.editOp(a.serialize(), v);
         c.push(w);
       }
     } else {
-      l > 0 && a.push({
+      g > 0 && a.push({
         t: Q.RETAIN,
-        len: l
+        len: g
       }), a.push({
         t: Q.DELETE,
         len: 1
@@ -237,12 +234,12 @@ const lt = {
     var N, B;
     if (e == null)
       return !1;
-    const { drawings: n, wrappingStyle: t, unitId: r } = e, o = i.get($), s = i.get(q), d = i.get(J).getRenderById(r), c = d == null ? void 0 : d.with(te).getSkeleton().getSkeletonData(), g = d == null ? void 0 : d.with(te).getViewModel(), m = d == null ? void 0 : d.scene, l = s.getCurrentUniverDocInstance();
-    if (l == null || c == null || m == null || g == null)
+    const { drawings: n, wrappingStyle: t, unitId: r } = e, o = i.get($), s = i.get(q), d = i.get(J).getRenderById(r), c = d == null ? void 0 : d.with(te).getSkeleton().getSkeletonData(), l = d == null ? void 0 : d.with(te).getViewModel(), m = d == null ? void 0 : d.scene, g = s.getCurrentUniverDocInstance();
+    if (g == null || c == null || m == null || l == null)
       return !1;
-    const f = g.getEditArea(), u = m.getTransformerByCreate(), { pages: v, skeHeaders: w, skeFooters: I } = c, O = X.getInstance(), C = [], { drawings: T = {} } = l.getSnapshot();
+    const f = l.getEditArea(), u = m.getTransformerByCreate(), { pages: v, skeHeaders: w, skeFooters: I } = c, O = X.getInstance(), C = [], { drawings: T = {} } = g.getSnapshot();
     for (const E of n) {
-      const { drawingId: _ } = E, L = T[_].layoutType, G = Gi[t];
+      const { drawingId: _ } = E, L = T[_].layoutType, G = Hi[t];
       if (L !== G) {
         const D = O.replaceOp(["drawings", _, "layoutType"], L, G);
         C.push(D);
@@ -258,20 +255,20 @@ const lt = {
         continue;
       let x = null, V = 0, S = 0;
       for (const D of v) {
-        const { headerId: R, footerId: y, marginTop: U, marginLeft: k, marginBottom: b, pageWidth: A, pageHeight: z } = D;
+        const { headerId: R, footerId: y, marginTop: U, marginLeft: F, marginBottom: M, pageWidth: A, pageHeight: z } = D;
         switch (f) {
           case We.HEADER: {
-            const F = (N = w.get(R)) == null ? void 0 : N.get(A);
-            F != null && F.skeDrawings.has(_) && (x = F.skeDrawings.get(_), V = F.marginTop, S = k);
+            const k = (N = w.get(R)) == null ? void 0 : N.get(A);
+            k != null && k.skeDrawings.has(_) && (x = k.skeDrawings.get(_), V = k.marginTop, S = F);
             break;
           }
           case We.FOOTER: {
-            const F = (B = I.get(y)) == null ? void 0 : B.get(A);
-            F != null && F.skeDrawings.has(_) && (x = F.skeDrawings.get(_), V = z - b + F.marginTop, S = k);
+            const k = (B = I.get(y)) == null ? void 0 : B.get(A);
+            k != null && k.skeDrawings.has(_) && (x = k.skeDrawings.get(_), V = z - M + k.marginTop, S = F);
             break;
           }
           case We.BODY: {
-            D.skeDrawings.has(_) && (x = D.skeDrawings.get(_), V = U, S = k);
+            D.skeDrawings.has(_) && (x = D.skeDrawings.get(_), V = U, S = F);
             break;
           }
         }
@@ -282,28 +279,28 @@ const lt = {
         const { aTop: D, aLeft: R } = x, y = T[_].docTransform.positionH;
         let U = R;
         y.relativeFrom === ee.MARGIN ? U -= S : y.relativeFrom === ee.COLUMN && (U -= x.columnLeft);
-        const k = {
+        const F = {
           relativeFrom: y.relativeFrom,
           posOffset: U
         };
-        if (y.posOffset !== k.posOffset) {
-          const F = O.replaceOp(["drawings", _, "docTransform", "positionH"], y, k);
-          C.push(F);
+        if (y.posOffset !== F.posOffset) {
+          const k = O.replaceOp(["drawings", _, "docTransform", "positionH"], y, F);
+          C.push(k);
         }
-        const b = T[_].docTransform.positionV;
+        const M = T[_].docTransform.positionV;
         let A = D;
-        b.relativeFrom === H.PAGE ? A += V : b.relativeFrom === H.LINE ? A -= x.lineTop : b.relativeFrom === H.PARAGRAPH && (A -= x.blockAnchorTop);
+        M.relativeFrom === H.PAGE ? A += V : M.relativeFrom === H.LINE ? A -= x.lineTop : M.relativeFrom === H.PARAGRAPH && (A -= x.blockAnchorTop);
         const z = {
-          relativeFrom: b.relativeFrom,
+          relativeFrom: M.relativeFrom,
           posOffset: A
         };
-        if (b.posOffset !== z.posOffset) {
-          const F = O.replaceOp(["drawings", _, "docTransform", "positionV"], b, z);
-          C.push(F);
+        if (M.posOffset !== z.posOffset) {
+          const k = O.replaceOp(["drawings", _, "docTransform", "positionV"], M, z);
+          C.push(k);
         }
       }
     }
-    const M = {
+    const b = {
       id: ne.id,
       params: {
         unitId: r,
@@ -311,8 +308,8 @@ const lt = {
         textRanges: null
       }
     };
-    M.params.actions = C.reduce((E, _) => X.compose(E, _), null);
-    const P = o.syncExecuteCommand(M.id, M.params);
+    b.params.actions = C.reduce((E, _) => X.compose(E, _), null);
+    const P = o.syncExecuteCommand(b.id, b.params);
     return u.refreshControls(), !!P;
   }
 }, gt = {
@@ -324,11 +321,11 @@ const lt = {
     const n = i.get($), r = i.get(q).getCurrentUniverDocInstance();
     if (r == null)
       return !1;
-    const { drawings: o, dist: s, unitId: a } = e, d = X.getInstance(), c = [], { drawings: g = {} } = r.getSnapshot();
+    const { drawings: o, dist: s, unitId: a } = e, d = X.getInstance(), c = [], { drawings: l = {} } = r.getSnapshot();
     for (const f of o) {
       const { drawingId: u } = f;
       for (const [v, w] of Object.entries(s)) {
-        const I = g[u][v];
+        const I = l[u][v];
         if (I !== w) {
           const O = d.replaceOp(["drawings", u, v], I, w);
           c.push(O);
@@ -354,9 +351,9 @@ const lt = {
     const n = i.get($), r = i.get(q).getCurrentUniverDocInstance();
     if (r == null)
       return !1;
-    const { drawings: o, wrapText: s, unitId: a } = e, d = X.getInstance(), c = [], { drawings: g = {} } = r.getSnapshot();
+    const { drawings: o, wrapText: s, unitId: a } = e, d = X.getInstance(), c = [], { drawings: l = {} } = r.getSnapshot();
     for (const f of o) {
-      const { drawingId: u } = f, v = g[u].wrapText;
+      const { drawingId: u } = f, v = l[u].wrapText;
       if (v !== s) {
         const w = d.replaceOp(["drawings", u, "wrapText"], v, s);
         c.push(w);
@@ -384,24 +381,24 @@ const lt = {
     const a = s.getTransformerByCreate(), d = t.getCurrentUniverDocInstance();
     if (d == null)
       return !1;
-    const { drawings: c, unitId: g } = e, m = X.getInstance(), l = [], { drawings: f = {} } = d.getSnapshot();
+    const { drawings: c, unitId: l } = e, m = X.getInstance(), g = [], { drawings: f = {} } = d.getSnapshot();
     for (const w of c) {
       const { drawingId: I, key: O, value: C } = w, T = f[I].docTransform[O];
-      if (!Me.diffValue(T, C)) {
-        const M = m.replaceOp(["drawings", I, "docTransform", O], T, C);
-        l.push(M);
+      if (!be.diffValue(T, C)) {
+        const b = m.replaceOp(["drawings", I, "docTransform", O], T, C);
+        g.push(b);
       }
     }
     const u = {
       id: ne.id,
       params: {
-        unitId: g,
+        unitId: l,
         actions: [],
         textRanges: null,
         debounce: !0
       }
     };
-    u.params.actions = l.reduce((w, I) => X.compose(w, I), null);
+    u.params.actions = g.reduce((w, I) => X.compose(w, I), null);
     const v = n.syncExecuteCommand(u.id, u.params);
     return a.refreshControls(), !!v;
   }
@@ -412,16 +409,16 @@ const lt = {
     var B, E;
     if (e == null)
       return !1;
-    const n = i.get(J), t = (B = n.getRenderById(e.unitId)) == null ? void 0 : B.with(Re), r = i.get(fn), o = n.getRenderById(e.unitId), s = o == null ? void 0 : o.scene, a = o == null ? void 0 : o.with(te).getSkeleton();
+    const n = i.get(J), t = (B = n.getRenderById(e.unitId)) == null ? void 0 : B.with(Re), r = i.get(hn), o = n.getRenderById(e.unitId), s = o == null ? void 0 : o.scene, a = o == null ? void 0 : o.with(te).getSkeleton();
     if (s == null || t == null)
       return !1;
     const d = s.getTransformerByCreate(), c = i.get($), m = i.get(q).getCurrentUniverDocInstance();
     if (m == null)
       return !1;
-    const { drawing: l, unitId: f, offset: u, segmentId: v, segmentPage: w, needRefreshDrawings: I } = e;
+    const { drawing: g, unitId: f, offset: u, segmentId: v, segmentPage: w, needRefreshDrawings: I } = e;
     if (I)
       return r.refreshDrawings(a), d.refreshControls(), !0;
-    const O = [], { drawingId: C } = l, T = (E = t.getSegment()) != null ? E : "", M = dt(
+    const O = [], { drawingId: C } = g, T = (E = t.getSegment()) != null ? E : "", b = dt(
       v,
       T,
       w,
@@ -430,9 +427,9 @@ const lt = {
       m,
       t
     );
-    if (M == null || M.length === 0)
+    if (b == null || b.length === 0)
       return r.refreshDrawings(a), d.refreshControls(), !1;
-    O.push(...M);
+    O.push(...b);
     const P = {
       id: ne.id,
       params: {
@@ -445,7 +442,7 @@ const lt = {
     const N = c.syncExecuteCommand(P.id, P.params);
     return d.refreshControls(), !!N;
   }
-}, ft = {
+}, ht = {
   id: "doc.command.transform-non-inline-drawing",
   type: Y.COMMAND,
   // eslint-disable-next-line max-lines-per-function
@@ -459,11 +456,11 @@ const lt = {
     const s = o.getTransformerByCreate(), a = i.get($), c = i.get(q).getCurrentUniverDocInstance();
     if (c == null)
       return !1;
-    const { drawing: g, unitId: m, offset: l, docTransform: f, segmentId: u, segmentPage: v } = e, w = [], { drawingId: I } = g, O = (V = t.getSegment()) != null ? V : "", C = dt(
+    const { drawing: l, unitId: m, offset: g, docTransform: f, segmentId: u, segmentPage: v } = e, w = [], { drawingId: I } = l, O = (V = t.getSegment()) != null ? V : "", C = dt(
       u,
       O,
       v,
-      l,
+      g,
       I,
       c,
       t
@@ -471,20 +468,20 @@ const lt = {
     if (C == null)
       return !1;
     C.length > 0 && w.push(...C);
-    const T = X.getInstance(), { drawings: M = {} } = c.getSnapshot(), P = M[I].docTransform, { positionH: N, positionV: B, size: E, angle: _ } = P;
-    if (!Me.diffValue(N, f.positionH)) {
+    const T = X.getInstance(), { drawings: b = {} } = c.getSnapshot(), P = b[I].docTransform, { positionH: N, positionV: B, size: E, angle: _ } = P;
+    if (!be.diffValue(N, f.positionH)) {
       const S = T.replaceOp(["drawings", I, "docTransform", "positionH"], N, f.positionH);
       w.push(S);
     }
-    if (!Me.diffValue(B, f.positionV)) {
+    if (!be.diffValue(B, f.positionV)) {
       const S = T.replaceOp(["drawings", I, "docTransform", "positionV"], B, f.positionV);
       w.push(S);
     }
-    if (!Me.diffValue(E, f.size)) {
+    if (!be.diffValue(E, f.size)) {
       const S = T.replaceOp(["drawings", I, "docTransform", "size"], E, f.size);
       w.push(S);
     }
-    if (!Me.diffValue(_, f.angle)) {
+    if (!be.diffValue(_, f.angle)) {
       const S = T.replaceOp(["drawings", I, "docTransform", "angle"], _, f.angle);
       w.push(S);
     }
@@ -502,12 +499,12 @@ const lt = {
     return s.refreshControls(), !!G;
   }
 };
-var Vi = Object.getOwnPropertyDescriptor, ji = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Vi(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var Gi = Object.getOwnPropertyDescriptor, Vi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Gi(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
 }, Je = (i, e) => (n, t) => e(n, t, i);
-const $i = "__InlineDrawingAnchor__";
+const ji = "__InlineDrawingAnchor__";
 function Xn(i) {
   const { path: e } = i;
   return e.some((n) => n === "cells");
@@ -550,7 +547,7 @@ let an = class extends Ge {
           this._transformerCache.clear();
           const { objects: s } = o;
           for (const d of s.values()) {
-            const { oKey: c, width: g, height: m, left: l, top: f, angle: u } = d, v = this._drawingManagerService.getDrawingOKey(c);
+            const { oKey: c, width: l, height: m, left: g, top: f, angle: u } = d, v = this._drawingManagerService.getDrawingOKey(c);
             if (v == null)
               continue;
             const w = this._univerInstanceService.getUniverDocInstance(v.unitId), I = (a = w == null ? void 0 : w.getSnapshot().drawings) == null ? void 0 : a[v.drawingId];
@@ -562,8 +559,8 @@ let an = class extends Ge {
             I != null && this._transformerCache.set(v.drawingId, {
               drawing: I,
               top: f,
-              left: l,
-              width: g,
+              left: g,
+              width: l,
               height: m,
               angle: u
             });
@@ -579,8 +576,8 @@ let an = class extends Ge {
           if (s.size > 1)
             t(s);
           else if (s.size === 1) {
-            const c = this._transformerCache.values().next().value, g = s.values().next().value, { width: m, height: l, top: f, left: u, angle: v } = g;
-            if (c && m === c.width && l === c.height && f === c.top && u === c.left && v === c.angle)
+            const c = this._transformerCache.values().next().value, l = s.values().next().value, { width: m, height: g, top: f, left: u, angle: v } = l;
+            if (c && m === c.width && g === c.height && f === c.top && u === c.left && v === c.angle)
               return;
             c && (c.drawing.layoutType, W.INLINE), c && c.drawing.layoutType === W.INLINE && a != null && d != null && this._updateInlineDrawingAnchor(c.drawing, a, d);
           }
@@ -592,10 +589,10 @@ let an = class extends Ge {
         n.changeEnd$.subscribe((o) => {
           const { objects: s, offsetX: a, offsetY: d } = o;
           for (const c of s.values()) {
-            const g = this._drawingManagerService.getDrawingOKey(c.oKey);
-            if (g == null)
+            const l = this._drawingManagerService.getDrawingOKey(c.oKey);
+            if (l == null)
               continue;
-            const m = this._transformerCache.get(g == null ? void 0 : g.drawingId);
+            const m = this._transformerCache.get(l == null ? void 0 : l.drawingId);
             if ((m == null ? void 0 : m.drawing.layoutType) === W.INLINE)
               try {
                 c.setOpacity(1);
@@ -605,10 +602,10 @@ let an = class extends Ge {
           if (this._anchorShape && this._anchorShape.hide(), s.size > 1)
             this._updateMultipleDrawingDocTransform(s);
           else if (s.size === 1) {
-            const c = this._transformerCache.values().next().value, g = s.values().next().value, { width: m, height: l, top: f, left: u, angle: v } = g;
-            if (c && m === c.width && l === c.height && f === c.top && u === c.left && v === c.angle)
+            const c = this._transformerCache.values().next().value, l = s.values().next().value, { width: m, height: g, top: f, left: u, angle: v } = l;
+            if (c && m === c.width && g === c.height && f === c.top && u === c.left && v === c.angle)
               return;
-            c && c.drawing.layoutType === W.INLINE ? m !== c.width || l !== c.height || v !== c.angle ? this._updateDrawingSize(c, g) : a != null && d != null && this._moveInlineDrawing(c.drawing, a, d) : c && this._nonInlineDrawingTransform(c.drawing, g);
+            c && c.drawing.layoutType === W.INLINE ? m !== c.width || g !== c.height || v !== c.angle ? this._updateDrawingSize(c, l) : a != null && d != null && this._moveInlineDrawing(c.drawing, a, d) : c && this._nonInlineDrawingTransform(c.drawing, l);
           }
           this._transformerCache.clear();
         })
@@ -623,37 +620,37 @@ let an = class extends Ge {
     let t, r;
     for (const o of e.values()) {
       const { oKey: s, left: a, top: d, angle: c } = o;
-      let { width: g, height: m } = o;
-      const l = this._drawingManagerService.getDrawingOKey(s);
-      if (l == null)
+      let { width: l, height: m } = o;
+      const g = this._drawingManagerService.getDrawingOKey(s);
+      if (g == null)
         continue;
-      t == null && (t = l.unitId), r == null && (r = l.subUnitId);
-      const f = this._transformerCache.get(l.drawingId);
+      t == null && (t = g.unitId), r == null && (r = g.subUnitId);
+      const f = this._transformerCache.get(g.drawingId);
       if (f == null)
         continue;
-      const { drawing: u, top: v, left: w, width: I, height: O, angle: C } = f, { width: T, height: M } = this._getPageContentSize(u);
-      if (g = Math.min(g, T), m = Math.min(m, M), (I !== g || O !== m) && n.push({
-        drawingId: l.drawingId,
+      const { drawing: u, top: v, left: w, width: I, height: O, angle: C } = f, { width: T, height: b } = this._getPageContentSize(u);
+      if (l = Math.min(l, T), m = Math.min(m, b), (I !== l || O !== m) && n.push({
+        drawingId: g.drawingId,
         key: "size",
         value: {
-          width: g,
+          width: l,
           height: m
         }
       }), C !== c && n.push({
-        drawingId: l.drawingId,
+        drawingId: g.drawingId,
         key: "angle",
         value: c
       }), v !== d || w !== a) {
         const P = d - v, N = a - w;
         P !== 0 && n.push({
-          drawingId: l.drawingId,
+          drawingId: g.drawingId,
           key: "positionV",
           value: {
             relativeFrom: u.docTransform.positionV.relativeFrom,
             posOffset: u.docTransform.positionV.posOffset + P
           }
         }), N !== 0 && n.push({
-          drawingId: l.drawingId,
+          drawingId: g.drawingId,
           key: "positionH",
           value: {
             relativeFrom: u.docTransform.positionH.relativeFrom,
@@ -688,9 +685,9 @@ let an = class extends Ge {
     if (r == null)
       return;
     const { mainComponent: s, scene: a } = r, d = s, c = a.getViewports()[0], {
-      pageLayoutType: g = Ln.VERTICAL,
+      pageLayoutType: l = Ln.VERTICAL,
       pageMarginLeft: m,
-      pageMarginTop: l
+      pageMarginTop: g
     } = d.getOffsetConfig();
     let f = null, u = !1, v = -1, w = "";
     const I = 0.5, O = this._getTransformCoordForDocumentOffset(d, c, n, t);
@@ -699,7 +696,7 @@ let an = class extends Ge {
     const C = (x = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : x.with(Re);
     if (C == null)
       return;
-    const T = o == null ? void 0 : o.findNodeByCoord(O, g, m, l, {
+    const T = o == null ? void 0 : o.findNodeByCoord(O, l, m, g, {
       strict: !1,
       segmentId: C.getSegment(),
       segmentPage: C.getSegmentPage()
@@ -710,13 +707,13 @@ let an = class extends Ge {
     }
     if (f == null)
       return;
-    const M = o == null ? void 0 : o.findPositionByGlyph(f, v), P = this._getDocObject();
-    if (M == null || o == null || P == null || Xn(M))
+    const b = o == null ? void 0 : o.findPositionByGlyph(f, v), P = this._getDocObject();
+    if (b == null || o == null || P == null || Xn(b))
       return;
     const N = {
-      ...M,
+      ...b,
       isBack: u
-    }, B = P.document.getOffsetConfig(), E = new kn(B, o), { cursorList: _, contentBoxPointGroup: L } = E.getRangePointData(N, N), { startOffset: G } = (V = Fn(_)) != null ? V : {};
+    }, B = P.document.getOffsetConfig(), E = new Fn(B, o), { cursorList: _, contentBoxPointGroup: L } = E.getRangePointData(N, N), { startOffset: G } = (V = kn(_)) != null ? V : {};
     if (G != null)
       return { offset: G, contentBoxPointGroup: L, segmentId: w, segmentPage: v };
   }
@@ -726,61 +723,61 @@ let an = class extends Ge {
     const t = this._renderManagerService.getRenderById(e.unitId), r = t == null ? void 0 : t.with(te).getSkeleton(), o = r == null ? void 0 : r.getSkeletonData();
     if (o == null || t == null)
       return;
-    const { pages: s, skeHeaders: a, skeFooters: d } = o, { mainComponent: c, scene: g } = t, m = c, l = g.getViewports()[0], { pageLayoutType: f = Ln.VERTICAL, pageMarginLeft: u, pageMarginTop: v, docsLeft: w, docsTop: I } = m.getOffsetConfig(), { left: O, top: C, angle: T } = n;
-    let { width: M, height: P } = n;
+    const { pages: s, skeHeaders: a, skeFooters: d } = o, { mainComponent: c, scene: l } = t, m = c, g = l.getViewports()[0], { pageLayoutType: f = Ln.VERTICAL, pageMarginLeft: u, pageMarginTop: v, docsLeft: w, docsTop: I } = m.getOffsetConfig(), { left: O, top: C, angle: T } = n;
+    let { width: b, height: P } = n;
     const { positionV: N, positionH: B } = e.docTransform, { width: E, height: _ } = this._getPageContentSize(e);
-    M = Math.min(M, E), P = Math.min(P, _);
+    b = Math.min(b, E), P = Math.min(P, _);
     let L = null, G = "", x = -1;
     const V = !1, S = {
       ...e.docTransform,
       size: {
-        width: M,
+        width: b,
         height: P
       },
       angle: T
-    }, { x: D, y: R } = g.getViewportScrollXY(l), y = this._getTransformCoordForDocumentOffset(m, l, O - D, C - R);
+    }, { x: D, y: R } = l.getViewportScrollXY(g), y = this._getTransformCoordForDocumentOffset(m, g, O - D, C - R);
     if (y == null)
       return;
     const U = (De = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : De.with(Re);
     if (U == null)
       return;
-    const k = r == null ? void 0 : r.findNodeByCoord(y, f, u, v, {
+    const F = r == null ? void 0 : r.findNodeByCoord(y, f, u, v, {
       strict: !1,
       segmentId: U.getSegment(),
       segmentPage: U.getSegmentPage()
     });
-    if (k) {
-      const { node: we, segmentPage: hn, segmentId: pn } = k;
-      L = we, x = hn, G = pn;
+    if (F) {
+      const { node: we, segmentPage: fn, segmentId: pn } = F;
+      L = we, x = fn, G = pn;
     }
     if (L == null)
       return;
-    const b = (Ce = L.parent) == null ? void 0 : Ce.parent, A = b == null ? void 0 : b.parent, z = (de = A == null ? void 0 : A.lines.find((we) => we.paragraphIndex === (b == null ? void 0 : b.paragraphIndex) && we.paragraphStart)) != null ? de : A == null ? void 0 : A.lines[0], F = (Te = A == null ? void 0 : A.parent) == null ? void 0 : Te.parent;
-    if (b == null || A == null || z == null || F == null)
+    const M = (Ce = L.parent) == null ? void 0 : Ce.parent, A = M == null ? void 0 : M.parent, z = (de = A == null ? void 0 : A.lines.find((we) => we.paragraphIndex === (M == null ? void 0 : M.paragraphIndex) && we.paragraphStart)) != null ? de : A == null ? void 0 : A.lines[0], k = (Te = A == null ? void 0 : A.parent) == null ? void 0 : Te.parent;
+    if (M == null || A == null || z == null || k == null)
       return;
     this._liquid.reset();
-    const Z = F.type;
+    const Z = k.type;
     for (const we of s) {
-      const { headerId: hn, footerId: pn, pageHeight: Rt, pageWidth: bn, marginLeft: Mn, marginBottom: Et } = we, Nt = s.indexOf(we);
+      const { headerId: fn, footerId: pn, pageHeight: Rt, pageWidth: Mn, marginLeft: bn, marginBottom: Et } = we, Nt = s.indexOf(we);
       if (x > -1 && Nt === x) {
         switch (Z) {
           case Un.HEADER: {
-            const je = (ye = a.get(hn)) == null ? void 0 : ye.get(bn);
+            const je = (ye = a.get(fn)) == null ? void 0 : ye.get(Mn);
             if (je)
               this._liquid.translatePagePadding({
                 marginTop: je.marginTop,
-                marginLeft: Mn
+                marginLeft: bn
               });
             else
               throw new Error("header skeleton not found");
             break;
           }
           case Un.FOOTER: {
-            const je = (Ne = d.get(pn)) == null ? void 0 : Ne.get(bn);
+            const je = (Ne = d.get(pn)) == null ? void 0 : Ne.get(Mn);
             if (je)
               this._liquid.translatePagePadding({
                 marginTop: Rt - Et + je.marginTop,
-                marginLeft: Mn
+                marginLeft: bn
               });
             else
               throw new Error("footer skeleton not found");
@@ -789,16 +786,16 @@ let an = class extends Ge {
         }
         break;
       }
-      if (this._liquid.translatePagePadding(we), we === F)
+      if (this._liquid.translatePagePadding(we), we === k)
         break;
       this._liquid.restorePagePadding(we), this._liquid.translatePage(we, f, u, v);
     }
-    switch (N.relativeFrom === H.LINE ? L = b.divides[0].glyphGroup[0] : L = (ge = (le = (Pe = (Ae = z.divides) == null ? void 0 : Ae[0]) == null ? void 0 : Pe.glyphGroup) == null ? void 0 : le[0]) != null ? ge : L, S.positionH = {
+    switch (N.relativeFrom === H.LINE ? L = M.divides[0].glyphGroup[0] : L = (ge = (le = (Pe = (Ae = z.divides) == null ? void 0 : Ae[0]) == null ? void 0 : Pe.glyphGroup) == null ? void 0 : le[0]) != null ? ge : L, S.positionH = {
       relativeFrom: B.relativeFrom,
       posOffset: O - this._liquid.x - w
     }, B.relativeFrom) {
       case ee.MARGIN: {
-        S.positionH.posOffset = O - this._liquid.x - w - F.marginLeft;
+        S.positionH.posOffset = O - this._liquid.x - w - k.marginLeft;
         break;
       }
       case ee.COLUMN: {
@@ -811,11 +808,11 @@ let an = class extends Ge {
       posOffset: C - this._liquid.y - I
     }, N.relativeFrom) {
       case H.PAGE: {
-        S.positionV.posOffset = C - this._liquid.y - I - F.marginTop;
+        S.positionV.posOffset = C - this._liquid.y - I - k.marginTop;
         break;
       }
       case H.LINE: {
-        S.positionV.posOffset = C - this._liquid.y - I - b.top;
+        S.positionV.posOffset = C - this._liquid.y - I - M.top;
         break;
       }
       case H.PARAGRAPH: {
@@ -831,26 +828,26 @@ let an = class extends Ge {
     const Ee = {
       ...ae,
       isBack: V
-    }, Ve = Be.document.getOffsetConfig(), ce = new kn(Ve, r), { cursorList: ie } = ce.getRangePointData(Ee, Ee), { startOffset: re } = (xe = Fn(ie)) != null ? xe : {};
+    }, Ve = Be.document.getOffsetConfig(), ce = new Fn(Ve, r), { cursorList: ie } = ce.getRangePointData(Ee, Ee), { startOffset: re } = (xe = kn(ie)) != null ? xe : {};
     if (re != null)
       return { offset: re, docTransform: S, segmentId: G, segmentPage: x };
   }
   // Update drawing when use transformer to resize it.
   _updateDrawingSize(e, n) {
     const t = [], { drawing: r, width: o, height: s, angle: a } = e, { unitId: d, subUnitId: c } = r;
-    let { width: g, height: m, angle: l } = n;
+    let { width: l, height: m, angle: g } = n;
     const { width: f, height: u } = this._getPageContentSize(r);
-    g = Math.min(f, g), m = Math.min(u, m), (g !== o || m !== s) && t.push({
+    l = Math.min(f, l), m = Math.min(u, m), (l !== o || m !== s) && t.push({
       drawingId: r.drawingId,
       key: "size",
       value: {
-        width: g,
+        width: l,
         height: m
       }
-    }), l !== a && t.push({
+    }), g !== a && t.push({
       drawingId: r.drawingId,
       key: "angle",
-      value: l
+      value: g
     }), t.length > 0 && d && c && this._commandService.executeCommand(Ke.id, {
       unitId: d,
       subUnitId: c,
@@ -873,8 +870,8 @@ let an = class extends Ge {
   // Limit the drawing to the page area, mainly in the vertical direction,
   // and the upper and lower limits cannot exceed the page margin area.
   _limitDrawingInPage(e, n) {
-    const t = this._renderManagerService.getRenderById(e.unitId), { left: r, top: o, width: s, height: a, angle: d } = n, c = t == null ? void 0 : t.with(te).getSkeleton(), g = c == null ? void 0 : c.getSkeletonData(), { pages: m } = g != null ? g : {};
-    if (g == null || t == null || m == null)
+    const t = this._renderManagerService.getRenderById(e.unitId), { left: r, top: o, width: s, height: a, angle: d } = n, c = t == null ? void 0 : t.with(te).getSkeleton(), l = c == null ? void 0 : c.getSkeletonData(), { pages: m } = l != null ? l : {};
+    if (l == null || t == null || m == null)
       return {
         left: r,
         top: o,
@@ -882,21 +879,21 @@ let an = class extends Ge {
         height: a,
         angle: d
       };
-    const { mainComponent: l } = t, f = l, { top: u, pageLayoutType: v, pageMarginLeft: w, pageMarginTop: I } = f;
+    const { mainComponent: g } = t, f = g, { top: u, pageLayoutType: v, pageMarginLeft: w, pageMarginTop: I } = f;
     let O = o;
     this._liquid.reset();
     for (const C of m) {
-      const { marginBottom: T, pageHeight: M } = C, P = m.indexOf(C), N = m[P + 1];
+      const { marginBottom: T, pageHeight: b } = C, P = m.indexOf(C), N = m[P + 1];
       if (N == null)
         continue;
-      if (Me.hasIntersectionBetweenTwoRanges(
+      if (be.hasIntersectionBetweenTwoRanges(
         o,
         o + a,
-        this._liquid.y + u + M - T,
-        this._liquid.y + u + M + I + N.marginTop
+        this._liquid.y + u + b - T,
+        this._liquid.y + u + b + I + N.marginTop
       )) {
-        const E = o + a / 2, _ = this._liquid.y + u + M + I / 2;
-        E < _ ? O = Math.min(o, this._liquid.y + u + M - T - a) : O = Math.max(o, this._liquid.y + u + M + I + N.marginTop);
+        const E = o + a / 2, _ = this._liquid.y + u + b + I / 2;
+        E < _ ? O = Math.min(o, this._liquid.y + u + b - T - a) : O = Math.max(o, this._liquid.y + u + b + I + N.marginTop);
       }
       this._liquid.translatePage(C, v, w, I);
     }
@@ -913,7 +910,7 @@ let an = class extends Ge {
     if (t && r.top !== n.top)
       return;
     const o = this._getDrawingAnchor(e, r), { offset: s, docTransform: a, segmentId: d, segmentPage: c } = o != null ? o : {};
-    return s == null || a == null ? this._updateMultipleDrawingDocTransform(/* @__PURE__ */ new Map([[e.drawingId, n]])) : this._commandService.executeCommand(ft.id, {
+    return s == null || a == null ? this._updateMultipleDrawingDocTransform(/* @__PURE__ */ new Map([[e.drawingId, n]])) : this._commandService.executeCommand(ht.id, {
       unitId: e.unitId,
       subUnitId: e.unitId,
       drawing: e,
@@ -933,7 +930,7 @@ let an = class extends Ge {
     return { scene: t, transformer: r };
   }
   _getTransformCoordForDocumentOffset(e, n, t, r) {
-    const { documentTransform: o } = e.getOffsetConfig(), s = n.transformVector2SceneCoord(mi.FromArray([t, r]));
+    const { documentTransform: o } = e.getOffsetConfig(), s = n.transformVector2SceneCoord(gi.FromArray([t, r]));
     if (s)
       return o.clone().invert().applyPoint(s);
   }
@@ -944,23 +941,23 @@ let an = class extends Ge {
     const { mainComponent: r, scene: o } = t, s = r, {
       docsLeft: a,
       docsTop: d
-    } = s.getOffsetConfig(), c = yi(n), { left: g, top: m, height: l } = c, f = g + a, u = m + d;
+    } = s.getOffsetConfig(), c = Ti(n), { left: l, top: m, height: g } = c, f = l + a, u = m + d;
     if (this._anchorShape) {
-      this._anchorShape.transformByState({ left: f, top: u, height: l }), this._anchorShape.show();
+      this._anchorShape.transformByState({ left: f, top: u, height: g }), this._anchorShape.show();
       return;
     }
-    const v = 6, w = new ui($i + Me.generateRandomId(v), {
+    const v = 6, w = new mi(ji + be.generateRandomId(v), {
       left: f,
       top: u,
-      height: l,
+      height: g,
       strokeWidth: 2,
-      stroke: fi(kt.darkGray, 1),
+      stroke: ui(Bt.darkGray, 1),
       evented: !1
     });
-    this._anchorShape = w, o.addObject(w, Pi);
+    this._anchorShape = w, o.addObject(w, yi);
   }
   _getDocObject() {
-    return bi(this._univerInstanceService, this._renderManagerService);
+    return Pi(this._univerInstanceService, this._renderManagerService);
   }
   _getPageContentSize(e) {
     const n = this._renderManagerService.getRenderById(e.unitId), t = n == null ? void 0 : n.with(te).getSkeleton(), r = 500, o = 500, s = t == null ? void 0 : t.getSkeletonData();
@@ -972,17 +969,17 @@ let an = class extends Ge {
     const { pages: a } = s;
     let d = null;
     for (const c of a) {
-      const { skeDrawings: g } = c;
-      if (g.has(e.drawingId)) {
+      const { skeDrawings: l } = c;
+      if (l.has(e.drawingId)) {
         d = c;
         break;
       }
     }
     if (d) {
-      const { pageWidth: c, pageHeight: g, marginLeft: m, marginBottom: l, marginRight: f, marginTop: u } = d;
+      const { pageWidth: c, pageHeight: l, marginLeft: m, marginBottom: g, marginRight: f, marginTop: u } = d;
       return {
         width: Math.max(r, c - m - f),
-        height: Math.max(o, g - u - l)
+        height: Math.max(o, l - u - g)
       };
     } else
       return {
@@ -991,38 +988,38 @@ let an = class extends Ge {
       };
   }
 };
-an = ji([
+an = Vi([
   Je(0, $),
   Je(1, q),
   Je(2, _e),
   Je(3, J)
 ], an);
-var he = function() {
-  return he = Object.assign || function(i) {
+var fe = function() {
+  return fe = Object.assign || function(i) {
     for (var e, n = 1, t = arguments.length; n < t; n++) {
       e = arguments[n];
       for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (i[r] = e[r]);
     }
     return i;
-  }, he.apply(this, arguments);
-}, zi = function(i, e) {
+  }, fe.apply(this, arguments);
+}, $i = function(i, e) {
   var n = {};
   for (var t in i) Object.prototype.hasOwnProperty.call(i, t) && e.indexOf(t) < 0 && (n[t] = i[t]);
   if (i != null && typeof Object.getOwnPropertySymbols == "function")
     for (var r = 0, t = Object.getOwnPropertySymbols(i); r < t.length; r++)
       e.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, t[r]) && (n[t[r]] = i[t[r]]);
   return n;
-}, ht = at(function(i, e) {
-  var n = i.icon, t = i.id, r = i.className, o = i.extend, s = zi(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Ui("_".concat(Ki()));
-  return pt(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, he({ ref: e, className: a }, s), o);
+}, ft = at(function(i, e) {
+  var n = i.icon, t = i.id, r = i.className, o = i.extend, s = $i(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Li("_".concat(qi()));
+  return pt(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, fe({ ref: e, className: a }, s), o);
 });
 function pt(i, e, n, t, r) {
-  return ct(i.tag, he(he({ key: e }, Xi(i, n, r)), t), (qi(i, n).children || []).map(function(o, s) {
+  return ct(i.tag, fe(fe({ key: e }, zi(i, n, r)), t), (Xi(i, n).children || []).map(function(o, s) {
     return pt(o, "".concat(e, "-").concat(i.tag, "-").concat(s), n, void 0, r);
   }));
 }
-function Xi(i, e, n) {
-  var t = he({}, i.attrs);
+function zi(i, e, n) {
+  var t = fe({}, i.attrs);
   n != null && n.colorChannel1 && t.fill === "colorChannel1" && (t.fill = n.colorChannel1), i.tag === "mask" && t.id && (t.id = t.id + e.idSuffix), Object.entries(t).forEach(function(o) {
     var s = o[0], a = o[1];
     s === "mask" && typeof a == "string" && (t[s] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
@@ -1033,21 +1030,21 @@ function Xi(i, e, n) {
     typeof a == "string" && (t[s] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), t;
 }
-function qi(i, e) {
+function Xi(i, e) {
   var n, t = e.defIds;
-  return !t || t.length === 0 ? i : i.tag === "defs" && (!((n = i.children) === null || n === void 0) && n.length) ? he(he({}, i), { children: i.children.map(function(r) {
-    return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? he(he({}, r), { attrs: he(he({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
+  return !t || t.length === 0 ? i : i.tag === "defs" && (!((n = i.children) === null || n === void 0) && n.length) ? fe(fe({}, i), { children: i.children.map(function(r) {
+    return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? fe(fe({}, r), { attrs: fe(fe({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
   }) }) : i;
 }
-function Ki() {
+function qi() {
   return Math.random().toString(36).substring(2, 8);
 }
-ht.displayName = "UniverIcon";
-var Yi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, wt = at(function(i, e) {
-  return ct(ht, Object.assign({}, i, {
+ft.displayName = "UniverIcon";
+var Ki = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, wt = at(function(i, e) {
+  return ct(ft, Object.assign({}, i, {
     id: "add-image-single",
     ref: e,
-    icon: Yi
+    icon: Ki
   }));
 });
 wt.displayName = "AddImageSingle";
@@ -1056,13 +1053,13 @@ const yn = {
   type: Y.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: (i, e) => {
-    var M, P, N, B;
+    var b, P, N, B;
     const n = i.get($), t = i.get(q), r = i.get(J), o = t.getCurrentUniverDocInstance();
     if (e == null || o == null)
       return !1;
-    const s = r.getRenderById(e.unitId).with(Re), { drawings: a } = e, d = (M = s.getSegment()) != null ? M : "", c = new Dn(), g = X.getInstance(), m = (N = (P = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : P.customBlocks) != null ? N : [], l = a.map((E) => m.find((_) => _.blockId === E.drawingId)).filter((E) => !!E).sort((E, _) => E.startIndex > _.startIndex ? 1 : -1), f = a[0].unitId, u = new Ft();
+    const s = r.getRenderById(e.unitId).with(Re), { drawings: a } = e, d = (b = s.getSegment()) != null ? b : "", c = new Dn(), l = X.getInstance(), m = (N = (P = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : P.customBlocks) != null ? N : [], g = a.map((E) => m.find((_) => _.blockId === E.drawingId)).filter((E) => !!E).sort((E, _) => E.startIndex > _.startIndex ? 1 : -1), f = a[0].unitId, u = new Ft();
     u.reset();
-    const v = l[0].startIndex, w = [
+    const v = g[0].startIndex, w = [
       {
         startOffset: v,
         endOffset: v
@@ -1075,7 +1072,7 @@ const yn = {
         textRanges: w
       }
     }, O = [];
-    for (const E of l) {
+    for (const E of g) {
       const { startIndex: _ } = E;
       _ > u.cursor && c.push({
         t: Q.RETAIN,
@@ -1086,9 +1083,9 @@ const yn = {
       }), u.moveCursorTo(_ + 1);
     }
     const C = qe(o, d);
-    O.push(g.editOp(c.serialize(), C));
-    for (const E of l) {
-      const { blockId: _ } = E, L = ((B = o.getDrawings()) != null ? B : {})[_], x = o.getDrawingsOrder().indexOf(_), V = g.removeOp(["drawings", _], L), S = g.removeOp(["drawingsOrder", x], _);
+    O.push(l.editOp(c.serialize(), C));
+    for (const E of g) {
+      const { blockId: _ } = E, L = ((B = o.getDrawings()) != null ? B : {})[_], x = o.getDrawingsOrder().indexOf(_), V = l.removeOp(["drawings", _], L), S = l.removeOp(["drawingsOrder", x], _);
       O.push(V), O.push(S);
     }
     return I.params.actions = O.reduce((E, _) => X.compose(E, _), null), !!n.syncExecuteCommand(I.id, I.params);
@@ -1101,12 +1098,12 @@ const yn = {
     if (t.length === 0)
       return !1;
     const { unitId: r } = t[0], o = t.map((s) => {
-      const { unitId: a, subUnitId: d, drawingId: c, drawingType: g } = s;
+      const { unitId: a, subUnitId: d, drawingId: c, drawingType: l } = s;
       return {
         unitId: a,
         subUnitId: d,
         drawingId: c,
-        drawingType: g
+        drawingType: l
       };
     });
     return e.executeCommand(yn.id, {
@@ -1122,9 +1119,9 @@ const yn = {
     const n = i.get(Ue);
     if (!e) return !1;
     const t = [];
-    e.forEach(({ parent: g, children: m }) => {
-      t.push(g.unitId), m.forEach((l) => {
-        t.push(l.unitId);
+    e.forEach(({ parent: l, children: m }) => {
+      t.push(l.unitId), m.forEach((g) => {
+        t.push(g.unitId);
       });
     });
     const r = n.getGroupDrawingOp(e), { unitId: o, subUnitId: s, undo: a, redo: d, objects: c } = r;
@@ -1141,20 +1138,20 @@ const yn = {
     const n = i.get($), t = i.get(On), r = i.get(q), o = t.getActiveTextRange(), s = r.getCurrentUniverDocInstance();
     if (o == null || s == null)
       return !1;
-    const a = s.getUnitId(), { drawings: d } = e, { collapsed: c, startOffset: g, segmentId: m } = o, l = s.getSelfOrHeaderFooterModel(m).getBody();
-    if (l == null)
+    const a = s.getUnitId(), { drawings: d } = e, { collapsed: c, startOffset: l, segmentId: m } = o, g = s.getSelfOrHeaderFooterModel(m).getBody();
+    if (g == null)
       return !1;
     const f = new Dn(), u = X.getInstance(), v = [], w = (N = (P = s.getSnapshot().drawingsOrder) == null ? void 0 : P.length) != null ? N : 0;
     let I = 0;
     if (c)
-      g > 0 && f.push({
+      l > 0 && f.push({
         t: Q.RETAIN,
-        len: g
+        len: l
       });
     else {
-      const _ = Wt.selection.delete([o], l, 0, null, !1);
+      const _ = kt.selection.delete([o], g, 0, null, !1);
       f.push(..._);
-      const L = Mi(l, [o]), G = (B = s.getDrawings()) != null ? B : {}, x = (E = s.getDrawingsOrder()) != null ? E : [], V = L.sort((S, D) => x.indexOf(S) > x.indexOf(D) ? -1 : x.indexOf(S) < x.indexOf(D) ? 1 : 0);
+      const L = Mi(g, [o]), G = (B = s.getDrawings()) != null ? B : {}, x = (E = s.getDrawingsOrder()) != null ? E : [], V = L.sort((S, D) => x.indexOf(S) > x.indexOf(D) ? -1 : x.indexOf(S) < x.indexOf(D) ? 1 : 0);
       if (V.length > 0)
         for (const S of V) {
           const D = G[S], R = x.indexOf(S);
@@ -1202,12 +1199,12 @@ const yn = {
     let c;
     if (a === Qe.forward ? c = t.getForwardDrawingsOp(d) : a === Qe.backward ? c = t.getBackwardDrawingOp(d) : a === Qe.front ? c = t.getFrontDrawingsOp(d) : a === Qe.back && (c = t.getBackDrawingsOp(d)), c == null)
       return !1;
-    const { redo: g } = c;
-    if (g == null)
+    const { redo: l } = c;
+    if (l == null)
       return !1;
     const m = [];
-    let l = Me.deepClone(g);
-    l = l.slice(3), l.unshift("drawingsOrder"), m.push(l);
+    let g = be.deepClone(l);
+    g = g.slice(3), g.unshift("drawingsOrder"), m.push(g);
     const f = {
       id: ne.id,
       params: {
@@ -1226,28 +1223,28 @@ const yn = {
     const n = i.get(Ue);
     if (!e) return !1;
     const t = [];
-    e.forEach(({ parent: g, children: m }) => {
-      t.push(g.unitId), m.forEach((l) => {
-        t.push(l.unitId);
+    e.forEach(({ parent: l, children: m }) => {
+      t.push(l.unitId), m.forEach((g) => {
+        t.push(g.unitId);
       });
     });
     const r = n.getUngroupDrawingOp(e), { unitId: o, subUnitId: s, undo: a, redo: d, objects: c } = r;
     return !1;
   }
 };
-var Zi = Object.getOwnPropertyDescriptor, Qi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Zi(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var Yi = Object.getOwnPropertyDescriptor, Zi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Yi(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
 }, me = (i, e) => (n, t) => e(n, t, i);
 let cn = class extends Ge {
-  constructor(i, e, n, t, r, o, s, a, d, c, g, m, l) {
-    super(), this._context = i, this._commandService = e, this._docSelectionManagerService = n, this._renderManagerSrv = t, this._imageIoService = r, this._docDrawingService = o, this._drawingManagerService = s, this._contextService = a, this._messageService = d, this._localeService = c, this._docSelectionRenderService = g, this._docRefreshDrawingsService = m, this._fileOpenerService = l, this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener(), this._transformDrawingListener(), this._editAreaChangeListener();
+  constructor(i, e, n, t, r, o, s, a, d, c, l, m, g) {
+    super(), this._context = i, this._commandService = e, this._docSelectionManagerService = n, this._renderManagerSrv = t, this._imageIoService = r, this._docDrawingService = o, this._drawingManagerService = s, this._contextService = a, this._messageService = d, this._localeService = c, this._docSelectionRenderService = l, this._docRefreshDrawingsService = m, this._fileOpenerService = g, this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener(), this._transformDrawingListener(), this._editAreaChangeListener();
   }
   async insertDocImage() {
     const i = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: ei.map((n) => `.${n.replace("image/", "")}`).join(",")
+      accept: Jt.map((n) => `.${n.replace("image/", "")}`).join(",")
     }), e = i.length;
     return e > Nn ? (this._messageService.show({
       type: Vn.Error,
@@ -1264,7 +1261,7 @@ let cn = class extends Ge {
       let s = "";
       switch (o) {
         case vn.ERROR_EXCEED_SIZE:
-          s = this._localeService.t("update-status.exceedMaxSize", String(ni / (1024 * 1024)));
+          s = this._localeService.t("update-status.exceedMaxSize", String(ei / (1024 * 1024)));
           break;
         case vn.ERROR_IMAGE_TYPE:
           s = this._localeService.t("update-status.invalidImageType");
@@ -1284,14 +1281,14 @@ let cn = class extends Ge {
     for (const r of e) {
       if (r == null)
         continue;
-      const { imageId: o, imageSourceType: s, source: a, base64Cache: d } = r, { width: c, height: g, image: m } = await ti(d || "");
+      const { imageId: o, imageSourceType: s, source: a, base64Cache: d } = r, { width: c, height: l, image: m } = await ni(d || "");
       this._imageIoService.addImageSourceCache(o, s, m);
-      let l = 1;
-      if (c > An || g > xn) {
-        const w = An / c, I = xn / g;
-        l = Math.min(w, I);
+      let g = 1;
+      if (c > An || l > xn) {
+        const w = An / c, I = xn / l;
+        g = Math.min(w, I);
       }
-      const f = this._getImagePosition(c * l, g * l);
+      const f = this._getImagePosition(c * g, l * g);
       if (f == null)
         return;
       const u = {
@@ -1407,10 +1404,10 @@ let cn = class extends Ge {
     if (((s = n == null ? void 0 : n.customBlocks) != null ? s : []).some((c) => c.blockId === i))
       return "";
     for (const c of Object.keys(t))
-      if ((a = t[c].body.customBlocks) != null && a.some((g) => g.blockId === i))
+      if ((a = t[c].body.customBlocks) != null && a.some((l) => l.blockId === i))
         return c;
     for (const c of Object.keys(r))
-      if ((d = r[c].body.customBlocks) != null && d.some((g) => g.blockId === i))
+      if ((d = r[c].body.customBlocks) != null && d.some((l) => l.blockId === i))
         return c;
     return "";
   }
@@ -1422,18 +1419,18 @@ let cn = class extends Ge {
       return;
     const r = i.getSnapshot(), { drawings: o = {} } = r, s = t.getEditArea() === We.BODY;
     for (const d of Object.keys(o)) {
-      const c = o[d], g = ii({ unitId: n, drawingId: c.drawingId, subUnitId: n }), m = e.fuzzyMathObjects(g, !0);
+      const c = o[d], l = ti({ unitId: n, drawingId: c.drawingId, subUnitId: n }), m = e.fuzzyMathObjects(l, !0);
       if (m.length)
-        for (const l of m) {
-          e.detachTransformerFrom(l);
+        for (const g of m) {
+          e.detachTransformerFrom(g);
           try {
-            l.setOpacity(0.5);
+            g.setOpacity(0.5);
           } catch {
           }
           if (s && c.isMultiTransform !== se.TRUE || !s && c.isMultiTransform === se.TRUE) {
-            c.allowTransform !== !1 && e.attachTransformerTo(l);
+            c.allowTransform !== !1 && e.attachTransformerTo(g);
             try {
-              l.setOpacity(1);
+              g.setOpacity(1);
             } catch {
             }
           }
@@ -1468,19 +1465,19 @@ let cn = class extends Ge {
     this._docSelectionManagerService.replaceDocRanges(t);
   }
 };
-cn = Qi([
+cn = Zi([
   me(1, $),
   me(2, pe(On)),
   me(3, J),
-  me(4, Jt),
+  me(4, Qt),
   me(5, Ue),
   me(6, _e),
   me(7, Zn),
-  me(8, wi),
+  me(8, pi),
   me(9, pe(un)),
   me(10, pe(Re)),
-  me(11, pe(fn)),
-  me(12, vi)
+  me(11, pe(hn)),
+  me(12, wi)
 ], cn);
 const Dt = {
   id: "doc.command.insert-float-image",
@@ -1497,19 +1494,19 @@ const Dt = {
     const n = i.get($), t = i.get(Ue), r = i.get(q), o = i.get(J), { direction: s } = e, a = t.getFocusDrawings();
     if (a.length === 0)
       return !1;
-    const d = a[0].unitId, c = o.getRenderById(d), g = c == null ? void 0 : c.scene;
-    if (g == null)
+    const d = a[0].unitId, c = o.getRenderById(d), l = c == null ? void 0 : c.scene;
+    if (l == null)
       return !1;
-    const m = g.getTransformerByCreate(), l = r.getUniverDocInstance(d), f = a.map((v) => {
+    const m = l.getTransformerByCreate(), g = r.getUniverDocInstance(d), f = a.map((v) => {
       var P, N, B, E, _;
-      const { drawingId: w } = v, I = (P = l == null ? void 0 : l.getSnapshot().drawings) == null ? void 0 : P[w];
+      const { drawingId: w } = v, I = (P = g == null ? void 0 : g.getSnapshot().drawings) == null ? void 0 : P[w];
       if (I == null || I.layoutType === W.INLINE)
         return null;
-      const { positionH: O, positionV: C } = I.docTransform, T = { ...O }, M = { ...C };
-      return s === fe.UP ? M.posOffset = ((N = M.posOffset) != null ? N : 0) - 2 : s === fe.DOWN ? M.posOffset = ((B = M.posOffset) != null ? B : 0) + 2 : s === fe.LEFT ? T.posOffset = ((E = T.posOffset) != null ? E : 0) - 2 : s === fe.RIGHT && (T.posOffset = ((_ = T.posOffset) != null ? _ : 0) + 2), {
+      const { positionH: O, positionV: C } = I.docTransform, T = { ...O }, b = { ...C };
+      return s === he.UP ? b.posOffset = ((N = b.posOffset) != null ? N : 0) - 2 : s === he.DOWN ? b.posOffset = ((B = b.posOffset) != null ? B : 0) + 2 : s === he.LEFT ? T.posOffset = ((E = T.posOffset) != null ? E : 0) - 2 : s === he.RIGHT && (T.posOffset = ((_ = T.posOffset) != null ? _ : 0) + 2), {
         drawingId: w,
-        key: s === fe.UP || s === fe.DOWN ? "positionV" : "positionH",
-        value: s === fe.UP || s === fe.DOWN ? M : T
+        key: s === he.UP || s === he.DOWN ? "positionV" : "positionH",
+        value: s === he.UP || s === he.DOWN ? b : T
       };
     }).filter((v) => v != null);
     if (f.length === 0)
@@ -1521,7 +1518,7 @@ const Dt = {
     });
     return m.refreshControls(), !!u;
   }
-}, Ji = {
+}, Qi = {
   id: "doc.operation.clear-drawing-transformer",
   type: Y.MUTATION,
   handler: (i, e) => {
@@ -1535,7 +1532,7 @@ const Dt = {
   id: "sidebar.operation.doc-image",
   type: Y.COMMAND,
   handler: async (i, e) => {
-    const n = i.get(Ii), t = i.get(un), r = i.get(_e);
+    const n = i.get(vi), t = i.get(un), r = i.get(_e);
     switch (e.value) {
       case "open":
         n.open({
@@ -1561,24 +1558,24 @@ const Dt = {
     const n = i.get(_e), t = i.get($);
     return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(Ot.id, { value: "open" }), !0);
   }
-}, er = "univer-image-common-panel", nr = "univer-image-common-panel-grid", tr = "univer-image-common-panel-border", ir = "univer-image-common-panel-title", rr = "univer-image-common-panel-subtitle", or = "univer-image-common-panel-row", sr = "univer-image-common-panel-column", ar = "univer-image-common-panel-span2", cr = "univer-image-common-panel-input", h = {
-  imageCommonPanel: er,
-  imageCommonPanelGrid: nr,
-  imageCommonPanelBorder: tr,
-  imageCommonPanelTitle: ir,
-  imageCommonPanelSubtitle: rr,
-  imageCommonPanelRow: or,
-  imageCommonPanelColumn: sr,
-  imageCommonPanelSpan2: ar,
-  imageCommonPanelInput: cr
-}, qn = -1e3, Kn = 1e3, dr = (i) => {
+}, Ji = "univer-image-common-panel", er = "univer-image-common-panel-grid", nr = "univer-image-common-panel-border", tr = "univer-image-common-panel-title", ir = "univer-image-common-panel-subtitle", rr = "univer-image-common-panel-row", or = "univer-image-common-panel-column", sr = "univer-image-common-panel-span2", ar = "univer-image-common-panel-input", h = {
+  imageCommonPanel: Ji,
+  imageCommonPanelGrid: er,
+  imageCommonPanelBorder: nr,
+  imageCommonPanelTitle: tr,
+  imageCommonPanelSubtitle: ir,
+  imageCommonPanelRow: rr,
+  imageCommonPanelColumn: or,
+  imageCommonPanelSpan2: sr,
+  imageCommonPanelInput: ar
+}, qn = -1e3, Kn = 1e3, cr = (i) => {
   const e = ve($), n = ve(un), t = ve(_e), r = ve(J), o = ve(q), { drawings: s } = i, a = s[0];
   if (a == null)
     return;
-  const { unitId: d } = a, c = o.getUniverDocInstance(d), g = c == null ? void 0 : c.getSnapshot().documentStyle.documentFlavor, m = r.getRenderById(d), l = m == null ? void 0 : m.scene;
-  if (l == null)
+  const { unitId: d } = a, c = o.getUniverDocInstance(d), l = c == null ? void 0 : c.getSnapshot().documentStyle.documentFlavor, m = r.getRenderById(d), g = m == null ? void 0 : m.scene;
+  if (g == null)
     return;
-  const f = l.getTransformerByCreate(), u = [{
+  const f = g.getTransformerByCreate(), u = [{
     label: n.t("image-position.column"),
     value: String(ee.COLUMN)
   }, {
@@ -1590,28 +1587,28 @@ const Dt = {
   }], v = [{
     label: n.t("image-position.line"),
     value: String(H.LINE),
-    disabled: g === wn.MODERN
+    disabled: l === wn.MODERN
   }, {
     label: n.t("image-position.page"),
     value: String(H.PAGE),
-    disabled: g === wn.MODERN
+    disabled: l === wn.MODERN
   }, {
     label: n.t("image-position.margin"),
     value: String(H.MARGIN),
-    disabled: g === wn.MODERN
+    disabled: l === wn.MODERN
   }, {
     label: n.t("image-position.paragraph"),
     value: String(H.PARAGRAPH)
   }], [w, I] = oe(!0), [O, C] = oe({
     relativeFrom: ee.PAGE,
     posOffset: 0
-  }), [T, M] = oe({
+  }), [T, b] = oe({
     relativeFrom: H.PAGE,
     posOffset: 0
   }), [P, N] = oe(!0), [B, E] = oe(!0);
   function _(D, R) {
-    var b;
-    D === "positionH" ? C(R) : M(R);
+    var M;
+    D === "positionH" ? C(R) : b(R);
     const y = t.getFocusDrawings();
     if (y.length === 0)
       return;
@@ -1629,44 +1626,44 @@ const Dt = {
         value: R
       }))
     });
-    const k = (b = r.getRenderById(d)) == null ? void 0 : b.with(Re);
-    k && k.blur(), f.refreshControls();
+    const F = (M = r.getRenderById(d)) == null ? void 0 : M.with(Re);
+    F && F.blur(), f.refreshControls();
   }
   function L(D) {
     var re, De, Ce;
     const R = O.relativeFrom, y = O.posOffset, U = Number(D);
     if (R === U)
       return;
-    const k = t.getFocusDrawings();
-    if (k.length === 0)
+    const F = t.getFocusDrawings();
+    if (F.length === 0)
       return;
-    const b = k[0].drawingId, A = k[0].unitId;
-    let z = null, F = 0;
+    const M = F[0].drawingId, A = F[0].unitId;
+    let z = null, k = 0;
     const Z = (re = r.getRenderById(A)) == null ? void 0 : re.with(te).getSkeleton(), ae = Z == null ? void 0 : Z.getSkeletonData();
     if (ae == null)
       return;
     const { pages: Be, skeHeaders: Ee, skeFooters: Ve } = ae;
     for (const de of Be) {
       const { marginLeft: Te, skeDrawings: ye, headerId: Ne, footerId: Ae, pageWidth: Pe } = de;
-      if (ye.has(b)) {
-        z = ye.get(b), F = Te;
+      if (ye.has(M)) {
+        z = ye.get(M), k = Te;
         break;
       }
       const le = (De = Ee.get(Ne)) == null ? void 0 : De.get(Pe);
-      if (le != null && le.skeDrawings.has(b)) {
-        z = le == null ? void 0 : le.skeDrawings.get(b), F = Te;
+      if (le != null && le.skeDrawings.has(M)) {
+        z = le == null ? void 0 : le.skeDrawings.get(M), k = Te;
         break;
       }
       const ge = (Ce = Ve.get(Ae)) == null ? void 0 : Ce.get(Pe);
-      if (ge != null && ge.skeDrawings.has(b)) {
-        z = ge == null ? void 0 : ge.skeDrawings.get(b), F = Te;
+      if (ge != null && ge.skeDrawings.has(M)) {
+        z = ge == null ? void 0 : ge.skeDrawings.get(M), k = Te;
         break;
       }
     }
     if (z == null)
       return;
     let ce = 0;
-    R === ee.COLUMN ? ce -= z.columnLeft : R === ee.MARGIN && (ce -= F), U === ee.COLUMN ? ce += z.columnLeft : U === ee.MARGIN ? ce += F : ee.PAGE;
+    R === ee.COLUMN ? ce -= z.columnLeft : R === ee.MARGIN && (ce -= k), U === ee.COLUMN ? ce += z.columnLeft : U === ee.MARGIN ? ce += k : ee.PAGE;
     const ie = {
       relativeFrom: U,
       posOffset: (y != null ? y : 0) - ce
@@ -1678,13 +1675,13 @@ const Dt = {
     const R = T.relativeFrom, y = T.posOffset, U = Number(D);
     if (R === U)
       return;
-    const k = t.getFocusDrawings();
-    if (k.length === 0)
+    const F = t.getFocusDrawings();
+    if (F.length === 0)
       return;
-    const { drawingId: b, unitId: A } = k[0], z = o.getUniverDocInstance(A), F = (ye = r.getRenderById(A)) == null ? void 0 : ye.with(te).getSkeleton(), Z = (Ne = r.getRenderById(A)) == null ? void 0 : Ne.with(Re), ae = Z == null ? void 0 : Z.getSegment(), Be = Z == null ? void 0 : Z.getSegmentPage(), Ee = (Pe = (Ae = z == null ? void 0 : z.getSelfOrHeaderFooterModel(ae).getBody()) == null ? void 0 : Ae.customBlocks) == null ? void 0 : Pe.find((xe) => xe.blockId === b);
-    if (Ee == null || F == null || Z == null)
+    const { drawingId: M, unitId: A } = F[0], z = o.getUniverDocInstance(A), k = (ye = r.getRenderById(A)) == null ? void 0 : ye.with(te).getSkeleton(), Z = (Ne = r.getRenderById(A)) == null ? void 0 : Ne.with(Re), ae = Z == null ? void 0 : Z.getSegment(), Be = Z == null ? void 0 : Z.getSegmentPage(), Ee = (Pe = (Ae = z == null ? void 0 : z.getSelfOrHeaderFooterModel(ae).getBody()) == null ? void 0 : Ae.customBlocks) == null ? void 0 : Pe.find((xe) => xe.blockId === M);
+    if (Ee == null || k == null || Z == null)
       return;
-    const { startIndex: Ve } = Ee, ce = F.findNodeByCharIndex(Ve, ae, Be), ie = (le = ce == null ? void 0 : ce.parent) == null ? void 0 : le.parent, re = ie == null ? void 0 : ie.parent, De = re == null ? void 0 : re.lines.find((xe) => xe.paragraphIndex === (ie == null ? void 0 : ie.paragraphIndex) && xe.paragraphStart), Ce = (ge = re == null ? void 0 : re.parent) == null ? void 0 : ge.parent;
+    const { startIndex: Ve } = Ee, ce = k.findNodeByCharIndex(Ve, ae, Be), ie = (le = ce == null ? void 0 : ce.parent) == null ? void 0 : le.parent, re = ie == null ? void 0 : ie.parent, De = re == null ? void 0 : re.lines.find((xe) => xe.paragraphIndex === (ie == null ? void 0 : ie.paragraphIndex) && xe.paragraphStart), Ce = (ge = re == null ? void 0 : re.parent) == null ? void 0 : ge.parent;
     if (ce == null || ie == null || De == null || re == null || Ce == null)
       return;
     let de = 0;
@@ -1701,10 +1698,10 @@ const Dt = {
     if (y == null)
       return;
     const { layoutType: U } = y, {
-      positionH: k,
-      positionV: b
+      positionH: F,
+      positionV: M
     } = y.docTransform;
-    C(k), M(b), I(U === W.INLINE), N(b.relativeFrom === H.PARAGRAPH || b.relativeFrom === H.LINE);
+    C(F), b(M), I(U === W.INLINE), N(M.relativeFrom === H.PARAGRAPH || M.relativeFrom === H.LINE);
   }
   function V() {
     const D = t.getFocusDrawings();
@@ -1734,7 +1731,7 @@ const Dt = {
       /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
         /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-position.absolutePosition") }) }),
         /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
-          Fe,
+          ke,
           {
             min: qn,
             max: Kn,
@@ -1769,7 +1766,7 @@ const Dt = {
       /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
         /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-position.absolutePosition") }) }),
         /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
-          Fe,
+          ke,
           {
             min: qn,
             max: Kn,
@@ -1800,16 +1797,16 @@ const Dt = {
       ] }) })
     ] }),
     /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-position.options") }) }) }),
-    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, style: { marginBottom: "50px" }, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(Li, { disabled: w, checked: P, onChange: S, children: n.t("image-position.moveObjectWithText") }) }) })
+    /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, style: { marginBottom: "50px" }, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(xi, { disabled: w, checked: P, onChange: S, children: n.t("image-position.moveObjectWithText") }) }) })
   ] });
-}, en = 0, nn = 100, lr = (i) => {
+}, en = 0, nn = 100, dr = (i) => {
   const e = ve($), n = ve(un), t = ve(_e), r = ve(J), o = ve(q), { drawings: s } = i, a = s[0];
   if (a == null)
     return null;
-  const { unitId: d } = a, c = o.getUniverDocInstance(d), g = r.getRenderById(d);
-  if ((g == null ? void 0 : g.scene) == null)
+  const { unitId: d } = a, c = o.getUniverDocInstance(d), l = r.getRenderById(d);
+  if ((l == null ? void 0 : l.scene) == null)
     return null;
-  const [l, f] = oe(!0), [u, v] = oe(!0), [w, I] = oe(!0), [O, C] = oe(ue.INLINE), [T, M] = oe(""), [P, N] = oe({
+  const [g, f] = oe(!0), [u, v] = oe(!0), [w, I] = oe(!0), [O, C] = oe(ue.INLINE), [T, b] = oe(""), [P, N] = oe({
     distT: 0,
     distL: 0,
     distB: 0,
@@ -1820,9 +1817,9 @@ const Dt = {
     const D = t.getFocusDrawings();
     if (D.length === 0)
       return;
-    const { unitId: R, subUnitId: y } = D[0], U = D.map(({ unitId: k, subUnitId: b, drawingId: A }) => ({
-      unitId: k,
-      subUnitId: b,
+    const { unitId: R, subUnitId: y } = D[0], U = D.map(({ unitId: F, subUnitId: M, drawingId: A }) => ({
+      unitId: F,
+      subUnitId: M,
       drawingId: A
     }));
     e.executeCommand(lt.id, {
@@ -1833,7 +1830,7 @@ const Dt = {
     });
   }
   function L(S) {
-    M(S);
+    b(S);
     const D = t.getFocusDrawings();
     if (D.length === 0)
       return;
@@ -1857,10 +1854,10 @@ const Dt = {
     const y = t.getFocusDrawings();
     if (y.length === 0)
       return;
-    const U = y.map((k) => ({
-      unitId: k.unitId,
-      subUnitId: k.subUnitId,
-      drawingId: k.drawingId
+    const U = y.map((F) => ({
+      unitId: F.unitId,
+      subUnitId: F.subUnitId,
+      drawingId: F.drawingId
     }));
     e.executeCommand(gt.id, {
       unitId: y[0].unitId,
@@ -1884,8 +1881,8 @@ const Dt = {
       distT: R = 0,
       distL: y = 0,
       distB: U = 0,
-      distR: k = 0,
-      layoutType: b = W.INLINE,
+      distR: F = 0,
+      layoutType: M = W.INLINE,
       behindDoc: A = se.FALSE,
       wrapText: z = Xe.BOTH_SIDES
     } = D;
@@ -1893,11 +1890,11 @@ const Dt = {
       distT: R,
       distL: y,
       distB: U,
-      distR: k
-    }), M(z), f(b !== W.WRAP_SQUARE), b === W.WRAP_NONE || b === W.INLINE ? v(!0) : v(!1), b === W.WRAP_NONE || b === W.INLINE || b === W.WRAP_TOP_AND_BOTTOM ? I(!0) : I(!1), b === W.WRAP_NONE)
+      distR: F
+    }), b(z), f(M !== W.WRAP_SQUARE), M === W.WRAP_NONE || M === W.INLINE ? v(!0) : v(!1), M === W.WRAP_NONE || M === W.INLINE || M === W.WRAP_TOP_AND_BOTTOM ? I(!0) : I(!1), M === W.WRAP_NONE)
       A === se.TRUE ? C(ue.BEHIND_TEXT) : C(ue.IN_FRONT_OF_TEXT);
     else
-      switch (b) {
+      switch (M) {
         case W.INLINE:
           C(ue.INLINE);
           break;
@@ -1908,7 +1905,7 @@ const Dt = {
           C(ue.WRAP_TOP_AND_BOTTOM);
           break;
         default:
-          throw new Error(`Unsupported layout type: ${b}`);
+          throw new Error(`Unsupported layout type: ${M}`);
       }
   }
   return Tn(() => {
@@ -1929,24 +1926,24 @@ const Dt = {
     /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelTitle), children: /* @__PURE__ */ p("div", { children: n.t("image-text-wrap.title") }) }) }),
     /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-text-wrap.wrappingStyle") }) }) }),
     /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelRow), children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn), children: /* @__PURE__ */ K($n, { value: O, onChange: _, direction: "vertical", children: [
-      /* @__PURE__ */ p(be, { value: ue.INLINE, children: n.t("image-text-wrap.inline") }),
-      /* @__PURE__ */ p(be, { value: ue.WRAP_SQUARE, children: n.t("image-text-wrap.square") }),
-      /* @__PURE__ */ p(be, { value: ue.WRAP_TOP_AND_BOTTOM, children: n.t("image-text-wrap.topAndBottom") }),
-      /* @__PURE__ */ p(be, { value: ue.BEHIND_TEXT, children: n.t("image-text-wrap.behindText") }),
-      /* @__PURE__ */ p(be, { value: ue.IN_FRONT_OF_TEXT, children: n.t("image-text-wrap.inFrontText") })
+      /* @__PURE__ */ p(Me, { value: ue.INLINE, children: n.t("image-text-wrap.inline") }),
+      /* @__PURE__ */ p(Me, { value: ue.WRAP_SQUARE, children: n.t("image-text-wrap.square") }),
+      /* @__PURE__ */ p(Me, { value: ue.WRAP_TOP_AND_BOTTOM, children: n.t("image-text-wrap.topAndBottom") }),
+      /* @__PURE__ */ p(Me, { value: ue.BEHIND_TEXT, children: n.t("image-text-wrap.behindText") }),
+      /* @__PURE__ */ p(Me, { value: ue.IN_FRONT_OF_TEXT, children: n.t("image-text-wrap.inFrontText") })
     ] }) }) }),
     /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-text-wrap.wrapText") }) }) }),
-    /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelRow), children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn), children: /* @__PURE__ */ K($n, { disabled: l, value: T, onChange: L, direction: "horizontal", children: [
-      /* @__PURE__ */ p(be, { value: Xe.BOTH_SIDES, children: n.t("image-text-wrap.bothSide") }),
-      /* @__PURE__ */ p(be, { value: Xe.LEFT, children: n.t("image-text-wrap.leftOnly") }),
-      /* @__PURE__ */ p(be, { value: Xe.RIGHT, children: n.t("image-text-wrap.rightOnly") })
+    /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelRow), children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn), children: /* @__PURE__ */ K($n, { disabled: g, value: T, onChange: L, direction: "horizontal", children: [
+      /* @__PURE__ */ p(Me, { value: Xe.BOTH_SIDES, children: n.t("image-text-wrap.bothSide") }),
+      /* @__PURE__ */ p(Me, { value: Xe.LEFT, children: n.t("image-text-wrap.leftOnly") }),
+      /* @__PURE__ */ p(Me, { value: Xe.RIGHT, children: n.t("image-text-wrap.rightOnly") })
     ] }) }) }),
     /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSubtitle), children: /* @__PURE__ */ p("div", { children: n.t("image-text-wrap.distanceFromText") }) }) }),
     /* @__PURE__ */ K("div", { className: h.imageCommonPanelRow, children: [
       /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
         /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-text-wrap.top") }) }),
         /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
-          Fe,
+          ke,
           {
             min: en,
             max: nn,
@@ -1963,7 +1960,7 @@ const Dt = {
       /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
         /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-text-wrap.left") }) }),
         /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
-          Fe,
+          ke,
           {
             min: en,
             max: nn,
@@ -1982,7 +1979,7 @@ const Dt = {
       /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
         /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-text-wrap.bottom") }) }),
         /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
-          Fe,
+          ke,
           {
             min: en,
             max: nn,
@@ -1999,7 +1996,7 @@ const Dt = {
       /* @__PURE__ */ p("div", { className: j(h.imageCommonPanelColumn, h.imageCommonPanelSpan2), children: /* @__PURE__ */ K("label", { children: [
         /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: n.t("image-text-wrap.right") }) }),
         /* @__PURE__ */ p("div", { className: h.imageCommonPanelRow, children: /* @__PURE__ */ p("div", { className: h.imageCommonPanelColumn, children: /* @__PURE__ */ p(
-          Fe,
+          ke,
           {
             min: en,
             max: nn,
@@ -2015,7 +2012,7 @@ const Dt = {
       ] }) })
     ] })
   ] });
-}, gr = () => {
+}, lr = () => {
   const i = ve(_e), e = i.getFocusDrawings(), [n, t] = oe(e);
   return Tn(() => {
     const r = i.focus$.subscribe((o) => {
@@ -2025,20 +2022,20 @@ const Dt = {
       r.unsubscribe();
     };
   }, []), !!(n != null && n.length) && /* @__PURE__ */ K("div", { className: h.imageCommonPanel, children: [
-    /* @__PURE__ */ p(oi, { drawings: n, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
-    /* @__PURE__ */ p(lr, { drawings: n }),
-    /* @__PURE__ */ p(dr, { drawings: n })
+    /* @__PURE__ */ p(ri, { drawings: n, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
+    /* @__PURE__ */ p(dr, { drawings: n }),
+    /* @__PURE__ */ p(cr, { drawings: n })
   ] });
-}, yt = "addition-and-subtraction-single", Pt = "doc.menu.image", bt = Dt.id, mr = (i) => {
+}, yt = "addition-and-subtraction-single", Pt = "doc.menu.image", Mt = Dt.id, gr = (i) => {
   const e = i.get(On), n = i.get(q);
-  return new Ni((t) => {
+  return new Ei((t) => {
     const r = e.textSelection$.subscribe(() => {
       var s;
       const o = e.getActiveTextRange();
       if (o) {
-        const { segmentId: a, startOffset: d, endOffset: c } = o, g = n.getCurrentUniverDocInstance(), m = (s = g == null ? void 0 : g.getSelfOrHeaderFooterModel(a).getBody()) == null ? void 0 : s.tables;
-        if (m && m.length && m.some((l) => {
-          const { startIndex: f, endIndex: u } = l;
+        const { segmentId: a, startOffset: d, endOffset: c } = o, l = n.getCurrentUniverDocInstance(), m = (s = l == null ? void 0 : l.getSelfOrHeaderFooterModel(a).getBody()) == null ? void 0 : s.tables;
+        if (m && m.length && m.some((g) => {
+          const { startIndex: f, endIndex: u } = g;
           return d >= f && d < u || c >= f && c < u;
         })) {
           t.next(!0);
@@ -2053,40 +2050,40 @@ const Dt = {
     return () => r.unsubscribe();
   });
 };
-function ur(i) {
+function mr(i) {
   return {
     id: Pt,
     type: nt.SUBITEMS,
     icon: yt,
     tooltip: "docImage.title",
-    disabled$: mr(i),
+    disabled$: gr(i),
     hidden$: et(i, Ie.UNIVER_DOC, void 0, Cn)
   };
 }
-function fr(i) {
+function ur(i) {
   return {
-    id: bt,
+    id: Mt,
     title: "docImage.upload.float",
     type: nt.BUTTON,
     hidden$: et(i, Ie.UNIVER_DOC, void 0, Cn)
   };
 }
 const hr = {
-  [_i.LAYOUT]: {
+  [Ii.LAYOUT]: {
     [Pt]: {
       order: 0,
-      menuItemFactory: ur,
-      [bt]: {
+      menuItemFactory: mr,
+      [Mt]: {
         order: 0,
-        menuItemFactory: fr
+        menuItemFactory: ur
       }
     }
   }
 };
 function Ze(i) {
-  return i.getContextValue(Ht) && i.getContextValue(on);
+  return i.getContextValue(Wt) && i.getContextValue(on);
 }
-const pr = {
+const fr = {
   id: Ye.id,
   description: "shortcut.doc.drawing-move-down",
   group: "4_doc-drawing-view",
@@ -2094,9 +2091,9 @@ const pr = {
   priority: 100,
   preconditions: Ze,
   staticParameters: {
-    direction: fe.DOWN
+    direction: he.DOWN
   }
-}, wr = {
+}, pr = {
   id: Ye.id,
   description: "shortcut.doc.drawing-move-up",
   group: "4_doc-drawing-view",
@@ -2104,9 +2101,9 @@ const pr = {
   priority: 100,
   preconditions: Ze,
   staticParameters: {
-    direction: fe.UP
+    direction: he.UP
   }
-}, vr = {
+}, wr = {
   id: Ye.id,
   description: "shortcut.doc.drawing-move-left",
   group: "4_doc-drawing-view",
@@ -2114,9 +2111,9 @@ const pr = {
   priority: 100,
   preconditions: Ze,
   staticParameters: {
-    direction: fe.LEFT
+    direction: he.LEFT
   }
-}, Ir = {
+}, vr = {
   id: Ye.id,
   description: "shortcut.doc.drawing-move-right",
   group: "4_doc-drawing-view",
@@ -2124,9 +2121,9 @@ const pr = {
   priority: 100,
   preconditions: Ze,
   staticParameters: {
-    direction: fe.RIGHT
+    direction: he.RIGHT
   }
-}, _r = {
+}, Ir = {
   id: vt.id,
   description: "shortcut.doc.drawing-delete",
   group: "4_doc-drawing-view",
@@ -2135,8 +2132,8 @@ const pr = {
   binding: He.DELETE,
   mac: He.BACKSPACE
 };
-var Sr = Object.getOwnPropertyDescriptor, Dr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Sr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var _r = Object.getOwnPropertyDescriptor, Sr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? _r(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
 }, tn = (i, e) => (n, t) => e(n, t, i);
@@ -2146,7 +2143,7 @@ let dn = class extends Ge {
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(yt, wt)), this.disposeWithMe(i.register(Ct, gr));
+    this.disposeWithMe(i.register(yt, wt)), this.disposeWithMe(i.register(Ct, lr));
   }
   _initMenus() {
     this._menuManagerService.mergeMenu(hr);
@@ -2160,10 +2157,10 @@ let dn = class extends Ge {
       mt,
       Ke,
       ut,
-      ft,
+      ht,
       yn,
       Ot,
-      Ji,
+      Qi,
       Tt,
       It,
       St,
@@ -2175,11 +2172,11 @@ let dn = class extends Ge {
   _initShortcuts() {
     [
       // sheet drawing shortcuts
+      fr,
       pr,
       wr,
       vr,
-      Ir,
-      _r
+      Ir
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -2188,23 +2185,23 @@ let dn = class extends Ge {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-dn = Dr([
-  tn(0, pe(Si)),
-  tn(1, Di),
+dn = Sr([
+  tn(0, pe(_i)),
+  tn(1, Si),
   tn(2, $),
-  tn(3, Ci)
+  tn(3, Di)
 ], dn);
-var Cr = Object.getOwnPropertyDescriptor, Or = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Cr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var Dr = Object.getOwnPropertyDescriptor, Cr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Dr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
-}, ke = (i, e) => (n, t) => e(n, t, i);
+}, Fe = (i, e) => (n, t) => e(n, t, i);
 function In(i, e) {
-  const { top: n, left: t, width: r, height: o, angle: s, opacity: a } = i, d = e.scene, c = d.getViewport(it.VIEW_MAIN), { viewportScrollX: g, viewportScrollY: m } = c, { scaleX: l, scaleY: f } = d.getAncestorScale();
+  const { top: n, left: t, width: r, height: o, angle: s, opacity: a } = i, d = e.scene, c = d.getViewport(it.VIEW_MAIN), { viewportScrollX: l, viewportScrollY: m } = c, { scaleX: g, scaleY: f } = d.getAncestorScale();
   return {
-    startX: (t - g) * l,
+    startX: (t - l) * g,
     startY: (n - m) * f,
-    endX: (t + r - g) * l,
+    endX: (t + r - l) * g,
     endY: (n + o - m) * f,
     width: r,
     height: o,
@@ -2265,7 +2262,7 @@ let ln = class extends Ge {
       if (!(a == null || a.length === 0))
         for (const d of a) {
           this._addHoverForRect(d);
-          const c = new Gt(), g = In(d, o.renderUnit), m = new ot(g), l = o.canvas, f = s.data, u = {
+          const c = new Ht(), l = In(d, o.renderUnit), m = new ot(l), g = o.canvas, f = s.data, u = {
             dispose: c,
             rect: d,
             position$: m,
@@ -2276,16 +2273,16 @@ let ln = class extends Ge {
             id: s.drawingId,
             componentKey: s.componentKey,
             onPointerDown: (w) => {
-              l.dispatchEvent(new PointerEvent(w.type, w));
+              g.dispatchEvent(new PointerEvent(w.type, w));
             },
             onPointerMove: (w) => {
-              l.dispatchEvent(new PointerEvent(w.type, w));
+              g.dispatchEvent(new PointerEvent(w.type, w));
             },
             onPointerUp: (w) => {
-              l.dispatchEvent(new PointerEvent(w.type, w));
+              g.dispatchEvent(new PointerEvent(w.type, w));
             },
             onWheel: (w) => {
-              l.dispatchEvent(new WheelEvent(w.type, w));
+              g.dispatchEvent(new WheelEvent(w.type, w));
             },
             data: f,
             unitId: t
@@ -2342,8 +2339,8 @@ let ln = class extends Ge {
           const t = n.getUnitId(), r = this._renderManagerService.getRenderById(t);
           return r ? { render: r, unitId: t } : null;
         }),
-        Ai(
-          (n) => n ? Qn(n.render.scene.getViewport(it.VIEW_MAIN).onScrollAfter$).pipe(Wn(() => ({ unitId: n.unitId }))) : xi(null)
+        Ni(
+          (n) => n ? Qn(n.render.scene.getViewport(it.VIEW_MAIN).onScrollAfter$).pipe(Wn(() => ({ unitId: n.unitId }))) : Ai(null)
         )
       ).subscribe((n) => {
         if (!n) return;
@@ -2365,7 +2362,7 @@ let ln = class extends Ge {
     if (!r) return !1;
     const a = (v = r.renderUnit.with(te).getSkeleton().getSkeletonData()) == null ? void 0 : v.pages[0];
     if (!a) return !1;
-    const { pageWidth: d, marginLeft: c, marginRight: g } = a, m = d - c - g, l = {
+    const { pageWidth: d, marginLeft: c, marginRight: l } = a, m = d - c - l, g = {
       size: {
         width: (w = n.width) != null ? w : m,
         height: n.height
@@ -2379,7 +2376,7 @@ let ln = class extends Ge {
         posOffset: 0
       },
       angle: 0
-    }, f = (I = n.drawingId) != null ? I : Vt(), u = {
+    }, f = (I = n.drawingId) != null ? I : Gt(), u = {
       unitId: t.getUnitId(),
       drawings: [
         {
@@ -2390,29 +2387,29 @@ let ln = class extends Ge {
           ...e,
           title: "",
           description: "",
-          docTransform: l,
+          docTransform: g,
           layoutType: W.INLINE,
-          transform: tt(l)
+          transform: tt(g)
         }
       ]
     };
     return this._commandService.syncExecuteCommand(Pn.id, u), f;
   }
 };
-ln = Or([
-  ke(0, J),
-  ke(1, _e),
-  ke(2, pe(si)),
-  ke(3, pe(Oi)),
-  ke(4, q),
-  ke(5, $)
+ln = Cr([
+  Fe(0, J),
+  Fe(1, _e),
+  Fe(2, pe(oi)),
+  Fe(3, pe(Ci)),
+  Fe(4, q),
+  Fe(5, $)
 ], ln);
-var Tr = Object.getOwnPropertyDescriptor, yr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Tr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var Or = Object.getOwnPropertyDescriptor, Tr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Or(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
 }, ze = (i, e) => (n, t) => e(n, t, i);
-let gn = class extends jt {
+let gn = class extends Vt {
   constructor(e, n, t, r, o) {
     super();
     Se(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
@@ -2434,7 +2431,7 @@ let gn = class extends jt {
   _hasCropObject(e) {
     const n = e.getAllObjects();
     for (const t of n)
-      if (t instanceof ai)
+      if (t instanceof si)
         return !0;
     return !1;
   }
@@ -2462,22 +2459,22 @@ let gn = class extends jt {
           const d = a.oKey, c = this._drawingManagerService.getDrawingOKey(d);
           if (!c || c.drawingType === rn.DRAWING_DOM)
             return;
-          const { unitId: g, subUnitId: m, drawingId: l, drawingType: f } = c, u = this._canvasPopManagerService.attachPopupToObject(
+          const { unitId: l, subUnitId: m, drawingId: g, drawingType: f } = c, u = this._canvasPopManagerService.attachPopupToObject(
             a,
             {
-              componentKey: ci,
+              componentKey: ai,
               direction: "horizontal",
               offset: [2, 0],
               extraProps: {
-                menuItems: this._getImageMenuItems(g, m, l, f)
+                menuItems: this._getImageMenuItems(l, m, g, f)
               }
             },
-            g
+            l
           );
-          r.push(this.disposeWithMe(u)), !this._drawingManagerService.getFocusDrawings().find((I) => I.unitId === g && I.subUnitId === m && I.drawingId === l) && this._drawingManagerService.focusDrawing([{
-            unitId: g,
+          r.push(this.disposeWithMe(u)), !this._drawingManagerService.getFocusDrawings().find((I) => I.unitId === l && I.subUnitId === m && I.drawingId === g) && this._drawingManagerService.focusDrawing([{
+            unitId: l,
             subUnitId: m,
-            drawingId: l
+            drawingId: g
           }]);
         })
       )
@@ -2508,7 +2505,7 @@ let gn = class extends jt {
         index: 0,
         commandId: Tt.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
-        disable: !!$t.includes(e) || r === rn.DRAWING_DOM
+        disable: !!jt.includes(e) || r === rn.DRAWING_DOM
       },
       {
         label: "image-popup.delete",
@@ -2520,7 +2517,7 @@ let gn = class extends jt {
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: di.id,
+        commandId: ci.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2528,7 +2525,7 @@ let gn = class extends jt {
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: li.id,
+        commandId: di.id,
         commandParams: [{ unitId: e, subUnitId: n, drawingId: t }],
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2536,15 +2533,15 @@ let gn = class extends jt {
     ];
   }
 };
-gn = yr([
+gn = Tr([
   ze(0, _e),
-  ze(1, pe(Ri)),
+  ze(1, pe(bi)),
   ze(2, J),
   ze(3, q),
   ze(4, Zn)
 ], gn);
-var Pr = Object.getOwnPropertyDescriptor, br = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Pr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var yr = Object.getOwnPropertyDescriptor, Pr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? yr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
 }, Le = (i, e) => (n, t) => e(n, t, i);
@@ -2587,7 +2584,7 @@ let Sn = class extends Ge {
   _initResize() {
     this.disposeWithMe(
       Qn(this._context.engine.onTransformChange$).pipe(
-        Gn((e) => e.type === pi.resize),
+        Gn((e) => e.type === fi.resize),
         st(16)
       ).subscribe(() => {
         var t;
@@ -2601,12 +2598,12 @@ let Sn = class extends Ge {
     const n = e == null ? void 0 : e.getSkeletonData(), { mainComponent: t, unitId: r } = this._context, o = t;
     if (!n)
       return;
-    const { left: s, top: a, pageLayoutType: d, pageMarginLeft: c, pageMarginTop: g } = o, { pages: m, skeHeaders: l, skeFooters: f } = n, u = {};
+    const { left: s, top: a, pageLayoutType: d, pageMarginLeft: c, pageMarginTop: l } = o, { pages: m, skeHeaders: g, skeFooters: f } = n, u = {};
     this._liquid.reset();
-    for (let T = 0, M = m.length; T < M; T++) {
+    for (let T = 0, b = m.length; T < b; T++) {
       const P = m[T], { headerId: N, footerId: B, pageWidth: E } = P;
       if (N) {
-        const _ = (O = l.get(N)) == null ? void 0 : O.get(E);
+        const _ = (O = g.get(N)) == null ? void 0 : O.get(E);
         _ && this._calculateDrawingPosition(
           r,
           _,
@@ -2629,7 +2626,7 @@ let Sn = class extends Ge {
           P.marginLeft
         );
       }
-      this._calculateDrawingPosition(r, P, s, a, u, P.marginTop, P.marginLeft), this._liquid.translatePage(P, d, c, g);
+      this._calculateDrawingPosition(r, P, s, a, u, P.marginTop, P.marginLeft), this._liquid.translatePage(P, d, c, l);
     }
     const v = Object.values(u), w = v.filter((T) => !T.isMultiTransform), I = v.filter((T) => T.isMultiTransform);
     w.length > 0 && this._drawingManagerService.refreshTransform(w), this._handleMultiDrawingsTransform(I);
@@ -2653,11 +2650,11 @@ let Sn = class extends Ge {
       marginTop: s,
       marginLeft: a
     }), d.forEach((c) => {
-      const { aLeft: g, aTop: m, height: l, width: f, angle: u, drawingId: v, drawingOrigin: w } = c, I = w.layoutType === W.WRAP_NONE && w.behindDoc === se.TRUE, { isMultiTransform: O = se.FALSE } = w, C = {
-        left: g + t + this._liquid.x,
+      const { aLeft: l, aTop: m, height: g, width: f, angle: u, drawingId: v, drawingOrigin: w } = c, I = w.layoutType === W.WRAP_NONE && w.behindDoc === se.TRUE, { isMultiTransform: O = se.FALSE } = w, C = {
+        left: l + t + this._liquid.x,
         top: m + r + this._liquid.y,
         width: f,
-        height: l,
+        height: g,
         angle: u
       };
       o[v] == null ? o[v] = {
@@ -2684,30 +2681,30 @@ let Sn = class extends Ge {
     }, 1e3) : this._lifecycleService.lifecycle$.pipe(Gn((n) => n === En.Steady)).subscribe(e);
   }
 };
-Sn = br([
+Sn = Pr([
   Le(1, pe(te)),
   Le(2, $),
-  Le(3, Ei),
+  Le(3, Ri),
   Le(4, _e),
-  Le(5, pe(fn)),
+  Le(5, pe(hn)),
   Le(6, q),
-  Le(7, pe(zt))
+  Le(7, pe($t))
 ], Sn);
-var Mr = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, Er = (i, e, n) => e in i ? Mr(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, Nr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Rr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+var Mr = Object.defineProperty, br = Object.getOwnPropertyDescriptor, Rr = (i, e, n) => e in i ? Mr(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, Er = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? br(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
-}, _n = (i, e) => (n, t) => e(n, t, i), Mt = (i, e, n) => Er(i, typeof e != "symbol" ? e + "" : e, n);
-const Ar = "DOC_DRAWING_UI_PLUGIN";
-let mn = class extends Yt {
+}, _n = (i, e) => (n, t) => e(n, t, i), bt = (i, e, n) => Rr(i, typeof e != "symbol" ? e + "" : e, n);
+const Nr = "DOC_DRAWING_UI_PLUGIN";
+let mn = class extends Kt {
   constructor(i = zn, e, n, t) {
     super(), this._config = i, this._injector = e, this._renderManagerSrv = n, this._configService = t;
-    const { ...r } = Zt(
+    const { ...r } = Yt(
       {},
       zn,
       this._config
     );
-    this._configService.setConfig(Bi, r);
+    this._configService.setConfig(Ui, r);
   }
   onStarting() {
     [
@@ -2715,7 +2712,7 @@ let mn = class extends Yt {
       [gn],
       [an],
       [sn],
-      [fn],
+      [hn],
       [ln]
     ].forEach((e) => this._injector.add(e));
   }
@@ -2729,16 +2726,16 @@ let mn = class extends Yt {
     this._injector.get(gn), this._injector.get(ln);
   }
 };
-Mt(mn, "type", Ie.UNIVER_DOC);
-Mt(mn, "pluginName", Ar);
-mn = Nr([
-  Xt(gi, ri, Qt, Ti),
-  _n(1, pe(qt)),
+bt(mn, "type", Ie.UNIVER_DOC);
+bt(mn, "pluginName", Nr);
+mn = Er([
+  zt(li, ii, Zt, Oi),
+  _n(1, pe(Xt)),
   _n(2, J),
-  _n(3, Kt)
+  _n(3, qt)
 ], mn);
 export {
-  Ji as ClearDocDrawingTransformerOperation,
+  Qi as ClearDocDrawingTransformerOperation,
   Pt as DOCS_IMAGE_MENU_ID,
   vt as DeleteDocDrawingsCommand,
   ln as DocFloatDomController,