@univerjs/docs-drawing-ui 0.6.0-nightly.202502111606 → 0.6.0-nightly.202502131606

package/lib/es/index.js

@@ -1,25 +1,25 @@
-var Dt = Object.defineProperty;
-var Ot = (i, e, n) => e in i ? Dt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
-var Ce = (i, e, n) => Ot(i, typeof e != "symbol" ? e + "" : e, n);
-import { Disposable as Xe, UndoCommand as Pt, RedoCommand as Tt, IUniverInstanceService as Q, ICommandService as z, JSONX as q, PositionedObjectLayoutType as H, CommandType as K, BooleanNumber as oe, ObjectRelativeFromH as ne, ObjectRelativeFromV as V, Tools as be, TextX as vn, TextXActionType as Z, toDisposable as Le, throttle as On, COLORS as bt, MemoryCursor as yt, IUndoRedoService as Gn, BuildTextUtils as Mt, ArrangeTypeEnum as Ze, Inject as ve, LocaleService as ln, DrawingTypeEnum as Rt, WrapTextType as $e, FOCUSING_COMMON_DRAWINGS as tn, IContextService as Vn, UniverInstanceType as ye, Direction as fe, useDependency as we, DocumentFlavor as fn, FOCUSING_UNIVER_EDITOR as Nt, RxDisposable as At, SHEET_EDITOR_UNITS as Et, LifecycleService as xt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Lt, fromEventSubject as Bt, LifecycleStages as Pn, DependentOn as Ut, Injector as Ft, Plugin as kt, merge as Ht, IConfigService as Wt } from "@univerjs/core";
-import { IDocDrawingService as Be, UniverDocsDrawingPlugin as Gt } from "@univerjs/docs-drawing";
-import { IDrawingManagerService as Ie, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Vt, DRAWING_IMAGE_COUNT_LIMIT as Tn, ImageUploadStatusType as hn, DRAWING_IMAGE_ALLOW_SIZE as jt, getImageSize as $t, getDrawingShapeKeyByDrawingSearch as zt, IImageIoService as qt, DRAWING_IMAGE_WIDTH_LIMIT as bn, DRAWING_IMAGE_HEIGHT_LIMIT as yn, UniverDrawingPlugin as Xt } from "@univerjs/drawing";
-import { DrawingCommonPanel as Kt, ImageCropperObject as Yt, COMPONENT_IMAGE_POPUP_MENU as Zt, OpenImageCropOperation as Qt, ImageResetSizeOperation as Jt, UniverDrawingUIPlugin as ei } from "@univerjs/drawing-ui";
-import { IRenderManagerService as ee, DocumentEditArea as ke, Liquid as jn, PageLayoutType as Mn, DocumentSkeletonPageType as Rn, Vector2 as ni, Rect as ti, getColor as ii, TRANSFORM_CHANGE_OBSERVABLE_TYPE as ri } from "@univerjs/engine-render";
-import { IMessageService as oi, ILocalFileService as si, ISidebarService as ai, MenuItemType as $n, getMenuHiddenObservable as zn, RibbonStartGroup as ci, KeyCode as He, ComponentManager as di, IMenuManagerService as li, IShortcutService as gi, UniverUIPlugin as mi } from "@univerjs/ui";
+var Ct = Object.defineProperty;
+var Dt = (i, e, n) => e in i ? Ct(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
+var Ce = (i, e, n) => Dt(i, typeof e != "symbol" ? e + "" : e, n);
+import { Disposable as Xe, UndoCommand as Ot, RedoCommand as Tt, JSONX as q, IUniverInstanceService as Q, ICommandService as z, PositionedObjectLayoutType as H, CommandType as K, BooleanNumber as oe, ObjectRelativeFromH as ne, ObjectRelativeFromV as V, Tools as ye, TextX as vn, TextXActionType as Z, toDisposable as Le, throttle as On, COLORS as Pt, MemoryCursor as yt, IUndoRedoService as Gn, BuildTextUtils as bt, ArrangeTypeEnum as Ze, Inject as ve, IContextService as Vn, LocaleService as ln, WrapTextType as $e, DrawingTypeEnum as Mt, FOCUSING_COMMON_DRAWINGS as tn, UniverInstanceType as be, Direction as fe, DocumentFlavor as fn, FOCUSING_UNIVER_EDITOR as Rt, RxDisposable as Nt, SHEET_EDITOR_UNITS as At, LifecycleService as Et, DOCS_ZEN_EDITOR_UNIT_ID_KEY as xt, fromEventSubject as Lt, LifecycleStages as Tn, DependentOn as Bt, Injector as Ut, IConfigService as kt, Plugin as Ft, merge as Ht } from "@univerjs/core";
+import { IDocDrawingService as Be, UniverDocsDrawingPlugin as Wt } from "@univerjs/docs-drawing";
+import { IDrawingManagerService as Ie, IImageIoService as Gt, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Vt, DRAWING_IMAGE_COUNT_LIMIT as Pn, ImageUploadStatusType as hn, DRAWING_IMAGE_ALLOW_SIZE as jt, getImageSize as $t, getDrawingShapeKeyByDrawingSearch as zt, DRAWING_IMAGE_WIDTH_LIMIT as yn, DRAWING_IMAGE_HEIGHT_LIMIT as bn, UniverDrawingPlugin as qt } from "@univerjs/drawing";
+import { DrawingCommonPanel as Xt, ImageCropperObject as Kt, COMPONENT_IMAGE_POPUP_MENU as Yt, OpenImageCropOperation as Zt, ImageResetSizeOperation as Qt, UniverDrawingUIPlugin as Jt } from "@univerjs/drawing-ui";
+import { IRenderManagerService as ee, DocumentEditArea as Fe, Liquid as jn, PageLayoutType as Mn, DocumentSkeletonPageType as Rn, Vector2 as ei, Rect as ni, getColor as ti, TRANSFORM_CHANGE_OBSERVABLE_TYPE as ii } from "@univerjs/engine-render";
+import { IMessageService as ri, ILocalFileService as oi, ISidebarService as si, useDependency as we, getMenuHiddenObservable as $n, MenuItemType as zn, RibbonStartGroup as ai, KeyCode as He, ComponentManager as ci, IMenuManagerService as di, IShortcutService as li, UniverUIPlugin as gi } from "@univerjs/ui";
 import { RichTextEditingMutation as J, DocSkeletonManagerService as se, DocSelectionManagerService as In } from "@univerjs/docs";
-import { DocSelectionRenderService as Me, getRichTextEditPath as ze, NodePositionConvertToCursor as Nn, getOneTextSelectionRange as An, getAnchorBounding as ui, TEXT_RANGE_LAYER_INDEX as fi, getDocObject as hi, getCustomBlockIdsInSelections as pi, docDrawingPositionToTransform as wi, DocCanvasPopManagerService as vi, IEditorService as Ii, SetDocZoomRatioOperation as _i } from "@univerjs/docs-ui";
-import { BehaviorSubject as Si, debounceTime as qn, Observable as Ci, takeUntil as En, filter as xn } from "rxjs";
-import { MessageType as Ln, InputNumber as Fe, Select as Bn, Checkbox as Di, RadioGroup as Un, Radio as Te } from "@univerjs/design";
+import { DocSelectionRenderService as Me, getRichTextEditPath as ze, NodePositionConvertToCursor as Nn, getOneTextSelectionRange as An, getAnchorBounding as mi, TEXT_RANGE_LAYER_INDEX as ui, getDocObject as fi, getCustomBlockIdsInSelections as hi, docDrawingPositionToTransform as pi, DocCanvasPopManagerService as wi, IEditorService as vi, SetDocZoomRatioOperation as Ii } from "@univerjs/docs-ui";
+import { BehaviorSubject as _i, debounceTime as qn, Observable as Si, takeUntil as En, filter as xn } from "rxjs";
+import { MessageType as Ln, InputNumber as ke, Select as Bn, Checkbox as Ci, RadioGroup as Un, Radio as Pe } from "@univerjs/design";
 import { jsxs as X, jsx as f } from "react/jsx-runtime";
-import { forwardRef as Xn, useRef as Oi, createElement as Kn, useState as re, useEffect as _n } from "react";
-const Pi = "docs-drawing-ui.config", Fn = {};
-var Ti = Object.defineProperty, bi = Object.getOwnPropertyDescriptor, yi = (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 = (t ? s(e, n, r) : s(r)) || r);
-  return t && r && Ti(e, n, r), r;
+import { forwardRef as Xn, useRef as Di, createElement as Kn, useState as re, useEffect as _n } from "react";
+const Oi = "docs-drawing-ui.config", kn = {};
+var Ti = Object.getOwnPropertyDescriptor, Pi = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ti(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
 }, Ve = (i, e) => (n, t) => e(n, t, i);
-function Mi(i) {
+function yi(i) {
   var t, r, o, s;
   if (q.isNoop(i) || !Array.isArray(i))
     return null;
@@ -42,7 +42,7 @@ function Mi(i) {
     });
   return n;
 }
-function Ri(i) {
+function bi(i) {
   if (!Array.isArray(i) || i.length < 3 || i[0] !== "drawingsOrder")
     return [];
   const e = [];
@@ -69,7 +69,7 @@ let rn = class extends Xe {
       this._commandService.beforeCommandExecuted((i) => {
         if (i.id !== J.id)
           return;
-        const e = i.params, { unitId: n, actions: t } = e, r = Mi(t);
+        const e = i.params, { unitId: n, actions: t } = e, r = yi(t);
         if (r != null)
           for (const { type: o, drawingId: s, drawing: c } of r)
             o === "add" ? this._addDrawings(n, [c]) : this._removeDrawings(n, [s]);
@@ -79,12 +79,12 @@ let rn = class extends Xe {
         if (i.id !== J.id)
           return;
         const e = i.params, { unitId: n, actions: t } = e;
-        Ri(t).length > 0 && this._updateDrawingsOrder(n);
+        bi(t).length > 0 && this._updateDrawingsOrder(n);
       })
     ), this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
         var s;
-        if (i.id !== Pt.id && i.id !== Tt.id)
+        if (i.id !== Ot.id && i.id !== Tt.id)
           return;
         const e = (s = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : s.getUnitId(), n = this._drawingManagerService.getFocusDrawings();
         if (e == null || n.length === 0)
@@ -125,7 +125,7 @@ let rn = class extends Xe {
     t.orderNotification(o), r.orderNotification(o);
   }
 };
-rn = yi([
+rn = Pi([
   Ve(0, Q),
   Ve(1, z),
   Ve(2, Ie),
@@ -134,7 +134,7 @@ rn = yi([
 ], rn);
 class gn {
   constructor() {
-    Ce(this, "_refreshDrawings$", new Si(null));
+    Ce(this, "_refreshDrawings$", new _i(null));
     Ce(this, "refreshDrawings$", this._refreshDrawings$.asObservable());
   }
   refreshDrawings(e) {
@@ -142,7 +142,7 @@ class gn {
   }
 }
 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 Ni = {
+const Mi = {
   inline: H.INLINE,
   wrapSquare: H.WRAP_SQUARE,
   wrapTopAndBottom: H.WRAP_TOP_AND_BOTTOM,
@@ -151,12 +151,12 @@ const Ni = {
 };
 function Yn(i, e, n, t, r, o, s) {
   var p, h;
-  const c = new vn(), d = q.getInstance(), a = [], l = o.getSelfOrHeaderFooterModel(e).getBody(), u = o.getSelfOrHeaderFooterModel(i).getBody();
-  if (l == null || u == null)
+  const c = new vn(), d = q.getInstance(), a = [], l = o.getSelfOrHeaderFooterModel(e).getBody(), m = o.getSelfOrHeaderFooterModel(i).getBody();
+  if (l == null || m == null)
     return;
   const g = (h = (p = l.customBlocks) == null ? void 0 : p.find((v) => v.blockId === r)) == null ? void 0 : h.startIndex;
   if (g != null) {
-    if (t = Math.min(u.dataStream.length - 2, t), i === e) {
+    if (t = Math.min(m.dataStream.length - 2, t), i === e) {
       if (t < g ? (t > 0 && c.push({
         t: Z.RETAIN,
         len: t
@@ -234,41 +234,41 @@ const Zn = {
     var A, U;
     if (e == null)
       return !1;
-    const { drawings: n, wrappingStyle: t, unitId: r } = e, o = i.get(z), s = i.get(Q), d = i.get(ee).getRenderById(r), a = d == null ? void 0 : d.with(se).getSkeleton().getSkeletonData(), l = d == null ? void 0 : d.with(se).getViewModel(), u = d == null ? void 0 : d.scene, g = s.getCurrentUniverDocInstance();
-    if (g == null || a == null || u == null || l == null)
+    const { drawings: n, wrappingStyle: t, unitId: r } = e, o = i.get(z), s = i.get(Q), d = i.get(ee).getRenderById(r), a = d == null ? void 0 : d.with(se).getSkeleton().getSkeletonData(), l = d == null ? void 0 : d.with(se).getViewModel(), m = d == null ? void 0 : d.scene, g = s.getCurrentUniverDocInstance();
+    if (g == null || a == null || m == null || l == null)
       return !1;
-    const p = l.getEditArea(), h = u.getTransformerByCreate(), { pages: v, skeHeaders: w, skeFooters: S } = a, O = q.getInstance(), D = [], { drawings: P = {} } = g.getSnapshot();
+    const p = l.getEditArea(), h = m.getTransformerByCreate(), { pages: v, skeHeaders: w, skeFooters: S } = a, O = q.getInstance(), D = [], { drawings: T = {} } = g.getSnapshot();
     for (const N of n) {
-      const { drawingId: I } = N, L = P[I].layoutType, W = Ni[t];
+      const { drawingId: I } = N, L = T[I].layoutType, W = Mi[t];
       if (L !== W) {
         const C = O.replaceOp(["drawings", I, "layoutType"], L, W);
         D.push(C);
       }
       if (t === "behindText" || t === "inFrontOfText") {
-        const C = P[I].behindDoc, R = t === "behindText" ? oe.TRUE : oe.FALSE;
+        const C = T[I].behindDoc, R = t === "behindText" ? oe.TRUE : oe.FALSE;
         if (C !== R) {
-          const T = O.replaceOp(["drawings", I, "behindDoc"], C, R);
-          D.push(T);
+          const P = O.replaceOp(["drawings", I, "behindDoc"], C, R);
+          D.push(P);
         }
       }
       if (t === "inline")
         continue;
       let x = null, G = 0, _ = 0;
       for (const C of v) {
-        const { headerId: R, footerId: T, marginTop: B, marginLeft: F, marginBottom: y, pageWidth: E, pageHeight: $ } = C;
+        const { headerId: R, footerId: P, marginTop: B, marginLeft: k, marginBottom: b, pageWidth: E, pageHeight: $ } = C;
         switch (p) {
-          case ke.HEADER: {
-            const k = (A = w.get(R)) == null ? void 0 : A.get(E);
-            k != null && k.skeDrawings.has(I) && (x = k.skeDrawings.get(I), G = k.marginTop, _ = F);
+          case Fe.HEADER: {
+            const F = (A = w.get(R)) == null ? void 0 : A.get(E);
+            F != null && F.skeDrawings.has(I) && (x = F.skeDrawings.get(I), G = F.marginTop, _ = k);
             break;
           }
-          case ke.FOOTER: {
-            const k = (U = S.get(T)) == null ? void 0 : U.get(E);
-            k != null && k.skeDrawings.has(I) && (x = k.skeDrawings.get(I), G = $ - y + k.marginTop, _ = F);
+          case Fe.FOOTER: {
+            const F = (U = S.get(P)) == null ? void 0 : U.get(E);
+            F != null && F.skeDrawings.has(I) && (x = F.skeDrawings.get(I), G = $ - b + F.marginTop, _ = k);
             break;
           }
-          case ke.BODY: {
-            C.skeDrawings.has(I) && (x = C.skeDrawings.get(I), G = B, _ = F);
+          case Fe.BODY: {
+            C.skeDrawings.has(I) && (x = C.skeDrawings.get(I), G = B, _ = k);
             break;
           }
         }
@@ -276,27 +276,27 @@ const Zn = {
           break;
       }
       if (x != null) {
-        const { aTop: C, aLeft: R } = x, T = P[I].docTransform.positionH;
+        const { aTop: C, aLeft: R } = x, P = T[I].docTransform.positionH;
         let B = R;
-        T.relativeFrom === ne.MARGIN ? B -= _ : T.relativeFrom === ne.COLUMN && (B -= x.columnLeft);
-        const F = {
-          relativeFrom: T.relativeFrom,
+        P.relativeFrom === ne.MARGIN ? B -= _ : P.relativeFrom === ne.COLUMN && (B -= x.columnLeft);
+        const k = {
+          relativeFrom: P.relativeFrom,
           posOffset: B
         };
-        if (T.posOffset !== F.posOffset) {
-          const k = O.replaceOp(["drawings", I, "docTransform", "positionH"], T, F);
-          D.push(k);
+        if (P.posOffset !== k.posOffset) {
+          const F = O.replaceOp(["drawings", I, "docTransform", "positionH"], P, k);
+          D.push(F);
         }
-        const y = P[I].docTransform.positionV;
+        const b = T[I].docTransform.positionV;
         let E = C;
-        y.relativeFrom === V.PAGE ? E += G : y.relativeFrom === V.LINE ? E -= x.lineTop : y.relativeFrom === V.PARAGRAPH && (E -= x.blockAnchorTop);
+        b.relativeFrom === V.PAGE ? E += G : b.relativeFrom === V.LINE ? E -= x.lineTop : b.relativeFrom === V.PARAGRAPH && (E -= x.blockAnchorTop);
         const $ = {
-          relativeFrom: y.relativeFrom,
+          relativeFrom: b.relativeFrom,
           posOffset: E
         };
-        if (y.posOffset !== $.posOffset) {
-          const k = O.replaceOp(["drawings", I, "docTransform", "positionV"], y, $);
-          D.push(k);
+        if (b.posOffset !== $.posOffset) {
+          const F = O.replaceOp(["drawings", I, "docTransform", "positionV"], b, $);
+          D.push(F);
         }
       }
     }
@@ -309,8 +309,8 @@ const Zn = {
       }
     };
     M.params.actions = D.reduce((N, I) => q.compose(N, I), null);
-    const b = o.syncExecuteCommand(M.id, M.params);
-    return h.refreshControls(), !!b;
+    const y = o.syncExecuteCommand(M.id, M.params);
+    return h.refreshControls(), !!y;
   }
 }, Qn = {
   id: "doc.command.update-doc-drawing-distance",
@@ -332,7 +332,7 @@ const Zn = {
         }
       }
     }
-    const u = {
+    const m = {
       id: J.id,
       params: {
         unitId: c,
@@ -340,7 +340,7 @@ const Zn = {
         textRanges: null
       }
     };
-    return u.params.actions = a.reduce((p, h) => q.compose(p, h), null), !!n.syncExecuteCommand(u.id, u.params);
+    return m.params.actions = a.reduce((p, h) => q.compose(p, h), null), !!n.syncExecuteCommand(m.id, m.params);
   }
 }, Jn = {
   id: "doc.command.update-doc-drawing-wrap-text",
@@ -359,7 +359,7 @@ const Zn = {
         a.push(w);
       }
     }
-    const u = {
+    const m = {
       id: J.id,
       params: {
         unitId: c,
@@ -367,7 +367,7 @@ const Zn = {
         textRanges: null
       }
     };
-    return u.params.actions = a.reduce((p, h) => q.compose(p, h), null), !!n.syncExecuteCommand(u.id, u.params);
+    return m.params.actions = a.reduce((p, h) => q.compose(p, h), null), !!n.syncExecuteCommand(m.id, m.params);
   }
 }, qe = {
   id: "doc.command.update-drawing-doc-transform",
@@ -381,11 +381,11 @@ const Zn = {
     const c = s.getTransformerByCreate(), d = t.getCurrentUniverDocInstance();
     if (d == null)
       return !1;
-    const { drawings: a, unitId: l } = e, u = q.getInstance(), g = [], { drawings: p = {} } = d.getSnapshot();
+    const { drawings: a, unitId: l } = e, m = q.getInstance(), g = [], { drawings: p = {} } = d.getSnapshot();
     for (const w of a) {
-      const { drawingId: S, key: O, value: D } = w, P = p[S].docTransform[O];
-      if (!be.diffValue(P, D)) {
-        const M = u.replaceOp(["drawings", S, "docTransform", O], P, D);
+      const { drawingId: S, key: O, value: D } = w, T = p[S].docTransform[O];
+      if (!ye.diffValue(T, D)) {
+        const M = m.replaceOp(["drawings", S, "docTransform", O], T, D);
         g.push(M);
       }
     }
@@ -412,25 +412,25 @@ const Zn = {
     const n = i.get(ee), t = (U = n.getRenderById(e.unitId)) == null ? void 0 : U.with(Me), r = i.get(gn), o = n.getRenderById(e.unitId), s = o == null ? void 0 : o.scene, c = o == null ? void 0 : o.with(se).getSkeleton();
     if (s == null || t == null)
       return !1;
-    const d = s.getTransformerByCreate(), a = i.get(z), u = i.get(Q).getCurrentUniverDocInstance();
-    if (u == null)
+    const d = s.getTransformerByCreate(), a = i.get(z), m = i.get(Q).getCurrentUniverDocInstance();
+    if (m == null)
       return !1;
     const { drawing: g, unitId: p, offset: h, segmentId: v, segmentPage: w, needRefreshDrawings: S } = e;
     if (S)
       return r.refreshDrawings(c), d.refreshControls(), !0;
-    const O = [], { drawingId: D } = g, P = (N = t.getSegment()) != null ? N : "", M = Yn(
+    const O = [], { drawingId: D } = g, T = (N = t.getSegment()) != null ? N : "", M = Yn(
       v,
-      P,
+      T,
       w,
       h,
       D,
-      u,
+      m,
       t
     );
     if (M == null || M.length === 0)
       return r.refreshDrawings(c), d.refreshControls(), !1;
     O.push(...M);
-    const b = {
+    const y = {
       id: J.id,
       params: {
         unitId: p,
@@ -438,8 +438,8 @@ const Zn = {
         textRanges: null
       }
     };
-    b.params.actions = O.reduce((I, L) => q.compose(I, L), null);
-    const A = a.syncExecuteCommand(b.id, b.params);
+    y.params.actions = O.reduce((I, L) => q.compose(I, L), null);
+    const A = a.syncExecuteCommand(y.id, y.params);
     return d.refreshControls(), !!A;
   }
 }, nt = {
@@ -456,7 +456,7 @@ const Zn = {
     const s = o.getTransformerByCreate(), c = i.get(z), a = i.get(Q).getCurrentUniverDocInstance();
     if (a == null)
       return !1;
-    const { drawing: l, unitId: u, offset: g, docTransform: p, segmentId: h, segmentPage: v } = e, w = [], { drawingId: S } = l, O = (G = t.getSegment()) != null ? G : "", D = Yn(
+    const { drawing: l, unitId: m, offset: g, docTransform: p, segmentId: h, segmentPage: v } = e, w = [], { drawingId: S } = l, O = (G = t.getSegment()) != null ? G : "", D = Yn(
       h,
       O,
       v,
@@ -468,27 +468,27 @@ const Zn = {
     if (D == null)
       return !1;
     D.length > 0 && w.push(...D);
-    const P = q.getInstance(), { drawings: M = {} } = a.getSnapshot(), b = M[S].docTransform, { positionH: A, positionV: U, size: N, angle: I } = b;
-    if (!be.diffValue(A, p.positionH)) {
-      const _ = P.replaceOp(["drawings", S, "docTransform", "positionH"], A, p.positionH);
+    const T = q.getInstance(), { drawings: M = {} } = a.getSnapshot(), y = M[S].docTransform, { positionH: A, positionV: U, size: N, angle: I } = y;
+    if (!ye.diffValue(A, p.positionH)) {
+      const _ = T.replaceOp(["drawings", S, "docTransform", "positionH"], A, p.positionH);
       w.push(_);
     }
-    if (!be.diffValue(U, p.positionV)) {
-      const _ = P.replaceOp(["drawings", S, "docTransform", "positionV"], U, p.positionV);
+    if (!ye.diffValue(U, p.positionV)) {
+      const _ = T.replaceOp(["drawings", S, "docTransform", "positionV"], U, p.positionV);
       w.push(_);
     }
-    if (!be.diffValue(N, p.size)) {
-      const _ = P.replaceOp(["drawings", S, "docTransform", "size"], N, p.size);
+    if (!ye.diffValue(N, p.size)) {
+      const _ = T.replaceOp(["drawings", S, "docTransform", "size"], N, p.size);
       w.push(_);
     }
-    if (!be.diffValue(I, p.angle)) {
-      const _ = P.replaceOp(["drawings", S, "docTransform", "angle"], I, p.angle);
+    if (!ye.diffValue(I, p.angle)) {
+      const _ = T.replaceOp(["drawings", S, "docTransform", "angle"], I, p.angle);
       w.push(_);
     }
     const L = {
       id: J.id,
       params: {
-        unitId: u,
+        unitId: m,
         actions: [],
         textRanges: null,
         debounce: !0
@@ -499,13 +499,13 @@ const Zn = {
     return s.refreshControls(), !!W;
   }
 };
-var Ai = Object.defineProperty, Ei = Object.getOwnPropertyDescriptor, xi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ei(e, n) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = (t ? s(e, n, r) : s(r)) || r);
-  return t && r && Ai(e, n, r), r;
+var Ri = Object.getOwnPropertyDescriptor, Ni = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ri(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
 }, Qe = (i, e) => (n, t) => e(n, t, i);
-const Li = "__InlineDrawingAnchor__";
-function kn(i) {
+const Ai = "__InlineDrawingAnchor__";
+function Fn(i) {
   const { path: e } = i;
   return e.some((n) => n === "cells");
 }
@@ -547,7 +547,7 @@ let on = class extends Xe {
           this._transformerCache.clear();
           const { objects: s } = o;
           for (const d of s.values()) {
-            const { oKey: a, width: l, height: u, left: g, top: p, angle: h } = d, v = this._drawingManagerService.getDrawingOKey(a);
+            const { oKey: a, width: l, height: m, left: g, top: p, angle: h } = d, v = this._drawingManagerService.getDrawingOKey(a);
             if (v == null)
               continue;
             const w = this._univerInstanceService.getUniverDocInstance(v.unitId), S = (c = w == null ? void 0 : w.getSnapshot().drawings) == null ? void 0 : c[v.drawingId];
@@ -556,7 +556,7 @@ let on = class extends Xe {
               top: p,
               left: g,
               width: l,
-              height: u,
+              height: m,
               angle: h
             });
           }
@@ -571,8 +571,8 @@ let on = class extends Xe {
           if (s.size > 1)
             t(s);
           else if (s.size === 1) {
-            const a = this._transformerCache.values().next().value, l = s.values().next().value, { width: u, height: g, top: p, left: h, angle: v } = l;
-            if (a && u === a.width && g === a.height && p === a.top && h === a.left && v === a.angle)
+            const a = this._transformerCache.values().next().value, l = s.values().next().value, { width: m, height: g, top: p, left: h, angle: v } = l;
+            if (a && m === a.width && g === a.height && p === a.top && h === a.left && v === a.angle)
               return;
             a && (a.drawing.layoutType, H.INLINE), a && a.drawing.layoutType === H.INLINE && c != null && d != null && this._updateInlineDrawingAnchor(a.drawing, c, d);
           }
@@ -587,16 +587,16 @@ let on = class extends Xe {
             const l = this._drawingManagerService.getDrawingOKey(a.oKey);
             if (l == null)
               continue;
-            const u = this._transformerCache.get(l == null ? void 0 : l.drawingId);
-            (u == null ? void 0 : u.drawing.layoutType) === H.INLINE && a.setOpacity(1);
+            const m = this._transformerCache.get(l == null ? void 0 : l.drawingId);
+            (m == null ? void 0 : m.drawing.layoutType) === H.INLINE && a.setOpacity(1);
           }
           if (this._anchorShape && this._anchorShape.hide(), s.size > 1)
             this._updateMultipleDrawingDocTransform(s);
           else if (s.size === 1) {
-            const a = this._transformerCache.values().next().value, l = s.values().next().value, { width: u, height: g, top: p, left: h, angle: v } = l;
-            if (a && u === a.width && g === a.height && p === a.top && h === a.left && v === a.angle)
+            const a = this._transformerCache.values().next().value, l = s.values().next().value, { width: m, height: g, top: p, left: h, angle: v } = l;
+            if (a && m === a.width && g === a.height && p === a.top && h === a.left && v === a.angle)
               return;
-            a && a.drawing.layoutType === H.INLINE ? u !== a.width || g !== a.height || v !== a.angle ? this._updateDrawingSize(a, l) : c != null && d != null && this._moveInlineDrawing(a.drawing, c, d) : a && this._nonInlineDrawingTransform(a.drawing, l);
+            a && a.drawing.layoutType === H.INLINE ? m !== a.width || g !== a.height || v !== a.angle ? this._updateDrawingSize(a, l) : c != null && d != null && this._moveInlineDrawing(a.drawing, c, d) : a && this._nonInlineDrawingTransform(a.drawing, l);
           }
           this._transformerCache.clear();
         })
@@ -611,7 +611,7 @@ let on = class extends Xe {
     let t, r;
     for (const o of e.values()) {
       const { oKey: s, left: c, top: d, angle: a } = o;
-      let { width: l, height: u } = o;
+      let { width: l, height: m } = o;
       const g = this._drawingManagerService.getDrawingOKey(s);
       if (g == null)
         continue;
@@ -619,26 +619,26 @@ let on = class extends Xe {
       const p = this._transformerCache.get(g.drawingId);
       if (p == null)
         continue;
-      const { drawing: h, top: v, left: w, width: S, height: O, angle: D } = p, { width: P, height: M } = this._getPageContentSize(h);
-      if (l = Math.min(l, P), u = Math.min(u, M), (S !== l || O !== u) && n.push({
+      const { drawing: h, top: v, left: w, width: S, height: O, angle: D } = p, { width: T, height: M } = this._getPageContentSize(h);
+      if (l = Math.min(l, T), m = Math.min(m, M), (S !== l || O !== m) && n.push({
         drawingId: g.drawingId,
         key: "size",
         value: {
           width: l,
-          height: u
+          height: m
         }
       }), D !== a && n.push({
         drawingId: g.drawingId,
         key: "angle",
         value: a
       }), v !== d || w !== c) {
-        const b = d - v, A = c - w;
-        b !== 0 && n.push({
+        const y = d - v, A = c - w;
+        y !== 0 && n.push({
           drawingId: g.drawingId,
           key: "positionV",
           value: {
             relativeFrom: h.docTransform.positionV.relativeFrom,
-            posOffset: h.docTransform.positionV.posOffset + b
+            posOffset: h.docTransform.positionV.posOffset + y
           }
         }), A !== 0 && n.push({
           drawingId: g.drawingId,
@@ -677,7 +677,7 @@ let on = class extends Xe {
       return;
     const { mainComponent: s, scene: c } = r, d = s, a = c.getViewports()[0], {
       pageLayoutType: l = Mn.VERTICAL,
-      pageMarginLeft: u,
+      pageMarginLeft: m,
       pageMarginTop: g
     } = d.getOffsetConfig();
     let p = null, h = !1, v = -1, w = "";
@@ -687,10 +687,10 @@ let on = class extends Xe {
     const D = (x = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : x.with(Me);
     if (D == null)
       return;
-    const P = o == null ? void 0 : o.findNodeByCoord(
+    const T = o == null ? void 0 : o.findNodeByCoord(
       O,
       l,
-      u,
+      m,
       g,
       {
         strict: !1,
@@ -698,65 +698,65 @@ let on = class extends Xe {
         segmentPage: D.getSegmentPage()
       }
     );
-    if (P) {
-      const { node: _, ratioX: C, segmentPage: R, segmentId: T } = P;
-      h = C < S, p = _, v = R, w = T;
+    if (T) {
+      const { node: _, ratioX: C, segmentPage: R, segmentId: P } = T;
+      h = C < S, p = _, v = R, w = P;
     }
     if (p == null)
       return;
-    const M = o == null ? void 0 : o.findPositionByGlyph(p, v), b = this._getDocObject();
-    if (M == null || o == null || b == null || kn(M))
+    const M = o == null ? void 0 : o.findPositionByGlyph(p, v), y = this._getDocObject();
+    if (M == null || o == null || y == null || Fn(M))
       return;
     const A = {
       ...M,
       isBack: h
-    }, U = b.document.getOffsetConfig(), N = new Nn(U, o), { cursorList: I, contentBoxPointGroup: L } = N.getRangePointData(A, A), { startOffset: W } = (G = An(I)) != null ? G : {};
+    }, U = y.document.getOffsetConfig(), N = new Nn(U, o), { cursorList: I, contentBoxPointGroup: L } = N.getRangePointData(A, A), { startOffset: W } = (G = An(I)) != null ? G : {};
     if (W != null)
       return { offset: W, contentBoxPointGroup: L, segmentId: w, segmentPage: v };
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   _getDrawingAnchor(e, n) {
-    var _e, Se, de, De, Oe, Ne, Ae, Pe, le, ge, Ee;
+    var _e, Se, de, De, Oe, Ne, Ae, Te, le, ge, Ee;
     const t = this._renderManagerService.getRenderById(e.unitId), r = t == null ? void 0 : t.with(se).getSkeleton(), o = r == null ? void 0 : r.getSkeletonData();
     if (o == null || t == null)
       return;
-    const { pages: s, skeHeaders: c, skeFooters: d } = o, { mainComponent: a, scene: l } = t, u = a, g = l.getViewports()[0], { pageLayoutType: p = Mn.VERTICAL, pageMarginLeft: h, pageMarginTop: v, docsLeft: w, docsTop: S } = u.getOffsetConfig(), { left: O, top: D, angle: P } = n;
-    let { width: M, height: b } = n;
+    const { pages: s, skeHeaders: c, skeFooters: d } = o, { mainComponent: a, scene: l } = t, m = a, g = l.getViewports()[0], { pageLayoutType: p = Mn.VERTICAL, pageMarginLeft: h, pageMarginTop: v, docsLeft: w, docsTop: S } = m.getOffsetConfig(), { left: O, top: D, angle: T } = n;
+    let { width: M, height: y } = n;
     const { positionV: A, positionH: U } = e.docTransform, { width: N, height: I } = this._getPageContentSize(e);
-    M = Math.min(M, N), b = Math.min(b, I);
+    M = Math.min(M, N), y = Math.min(y, I);
     let L = null, W = "", x = -1;
     const G = !1, _ = {
       ...e.docTransform,
       size: {
         width: M,
-        height: b
+        height: y
       },
-      angle: P
-    }, { x: C, y: R } = l.getViewportScrollXY(g), T = this._getTransformCoordForDocumentOffset(u, g, O - C, D - R);
-    if (T == null)
+      angle: T
+    }, { x: C, y: R } = l.getViewportScrollXY(g), P = this._getTransformCoordForDocumentOffset(m, g, O - C, D - R);
+    if (P == null)
       return;
     const B = (_e = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : _e.with(Me);
     if (B == null)
       return;
-    const F = r == null ? void 0 : r.findNodeByCoord(T, p, h, v, {
+    const k = r == null ? void 0 : r.findNodeByCoord(P, p, h, v, {
       strict: !1,
       segmentId: B.getSegment(),
       segmentPage: B.getSegmentPage()
     });
-    if (F) {
-      const { node: pe, segmentPage: mn, segmentId: un } = F;
+    if (k) {
+      const { node: pe, segmentPage: mn, segmentId: un } = k;
       L = pe, x = mn, W = un;
     }
     if (L == null)
       return;
-    const y = (Se = L.parent) == null ? void 0 : Se.parent, E = y == null ? void 0 : y.parent, $ = (de = E == null ? void 0 : E.lines.find((pe) => pe.paragraphIndex === (y == null ? void 0 : y.paragraphIndex) && pe.paragraphStart)) != null ? de : E == null ? void 0 : E.lines[0], k = (De = E == null ? void 0 : E.parent) == null ? void 0 : De.parent;
-    if (y == null || E == null || $ == null || k == null)
+    const b = (Se = L.parent) == null ? void 0 : Se.parent, E = b == null ? void 0 : b.parent, $ = (de = E == null ? void 0 : E.lines.find((pe) => pe.paragraphIndex === (b == null ? void 0 : b.paragraphIndex) && pe.paragraphStart)) != null ? de : E == null ? void 0 : E.lines[0], F = (De = E == null ? void 0 : E.parent) == null ? void 0 : De.parent;
+    if (b == null || E == null || $ == null || F == null)
       return;
     this._liquid.reset();
-    const Y = k.type;
+    const Y = F.type;
     for (const pe of s) {
-      const { headerId: mn, footerId: un, pageHeight: _t, pageWidth: Cn, marginLeft: Dn, marginBottom: St } = pe, Ct = s.indexOf(pe);
-      if (x > -1 && Ct === x) {
+      const { headerId: mn, footerId: un, pageHeight: It, pageWidth: Cn, marginLeft: Dn, marginBottom: _t } = pe, St = s.indexOf(pe);
+      if (x > -1 && St === x) {
         switch (Y) {
           case Rn.HEADER: {
             const Ge = (Oe = c.get(mn)) == null ? void 0 : Oe.get(Cn);
@@ -773,7 +773,7 @@ let on = class extends Xe {
             const Ge = (Ne = d.get(un)) == null ? void 0 : Ne.get(Cn);
             if (Ge)
               this._liquid.translatePagePadding({
-                marginTop: _t - St + Ge.marginTop,
+                marginTop: It - _t + Ge.marginTop,
                 marginLeft: Dn
               });
             else
@@ -783,16 +783,16 @@ let on = class extends Xe {
         }
         break;
       }
-      if (this._liquid.translatePagePadding(pe), pe === k)
+      if (this._liquid.translatePagePadding(pe), pe === F)
         break;
       this._liquid.restorePagePadding(pe), this._liquid.translatePage(pe, p, h, v);
     }
-    switch (A.relativeFrom === V.LINE ? L = y.divides[0].glyphGroup[0] : L = (ge = (le = (Pe = (Ae = $.divides) == null ? void 0 : Ae[0]) == null ? void 0 : Pe.glyphGroup) == null ? void 0 : le[0]) != null ? ge : L, _.positionH = {
+    switch (A.relativeFrom === V.LINE ? L = b.divides[0].glyphGroup[0] : L = (ge = (le = (Te = (Ae = $.divides) == null ? void 0 : Ae[0]) == null ? void 0 : Te.glyphGroup) == null ? void 0 : le[0]) != null ? ge : L, _.positionH = {
       relativeFrom: U.relativeFrom,
       posOffset: O - this._liquid.x - w
     }, U.relativeFrom) {
       case ne.MARGIN: {
-        _.positionH.posOffset = O - this._liquid.x - w - k.marginLeft;
+        _.positionH.posOffset = O - this._liquid.x - w - F.marginLeft;
         break;
       }
       case ne.COLUMN: {
@@ -805,11 +805,11 @@ let on = class extends Xe {
       posOffset: D - this._liquid.y - S
     }, A.relativeFrom) {
       case V.PAGE: {
-        _.positionV.posOffset = D - this._liquid.y - S - k.marginTop;
+        _.positionV.posOffset = D - this._liquid.y - S - F.marginTop;
         break;
       }
       case V.LINE: {
-        _.positionV.posOffset = D - this._liquid.y - S - y.top;
+        _.positionV.posOffset = D - this._liquid.y - S - b.top;
         break;
       }
       case V.PARAGRAPH: {
@@ -820,7 +820,7 @@ let on = class extends Xe {
     if (L == null)
       return;
     const ae = r == null ? void 0 : r.findPositionByGlyph(L, x), Ue = this._getDocObject();
-    if (ae == null || r == null || Ue == null || kn(ae))
+    if (ae == null || r == null || Ue == null || Fn(ae))
       return;
     const Re = {
       ...ae,
@@ -832,14 +832,14 @@ let on = class extends Xe {
   // Update drawing when use transformer to resize it.
   _updateDrawingSize(e, n) {
     const t = [], { drawing: r, width: o, height: s, angle: c } = e, { unitId: d, subUnitId: a } = r;
-    let { width: l, height: u, angle: g } = n;
+    let { width: l, height: m, angle: g } = n;
     const { width: p, height: h } = this._getPageContentSize(r);
-    l = Math.min(p, l), u = Math.min(h, u), (l !== o || u !== s) && t.push({
+    l = Math.min(p, l), m = Math.min(h, m), (l !== o || m !== s) && t.push({
       drawingId: r.drawingId,
       key: "size",
       value: {
         width: l,
-        height: u
+        height: m
       }
     }), g !== c && t.push({
       drawingId: r.drawingId,
@@ -867,8 +867,8 @@ let on = class extends Xe {
   // 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: c, angle: d } = n, a = t == null ? void 0 : t.with(se).getSkeleton(), l = a == null ? void 0 : a.getSkeletonData(), { pages: u } = l != null ? l : {};
-    if (l == null || t == null || u == null)
+    const t = this._renderManagerService.getRenderById(e.unitId), { left: r, top: o, width: s, height: c, angle: d } = n, a = t == null ? void 0 : t.with(se).getSkeleton(), l = a == null ? void 0 : a.getSkeletonData(), { pages: m } = l != null ? l : {};
+    if (l == null || t == null || m == null)
       return {
         left: r,
         top: o,
@@ -879,18 +879,18 @@ let on = class extends Xe {
     const { mainComponent: g } = t, p = g, { top: h, pageLayoutType: v, pageMarginLeft: w, pageMarginTop: S } = p;
     let O = o;
     this._liquid.reset();
-    for (const D of u) {
-      const { marginBottom: P, pageHeight: M } = D, b = u.indexOf(D), A = u[b + 1];
+    for (const D of m) {
+      const { marginBottom: T, pageHeight: M } = D, y = m.indexOf(D), A = m[y + 1];
       if (A == null)
         continue;
-      if (be.hasIntersectionBetweenTwoRanges(
+      if (ye.hasIntersectionBetweenTwoRanges(
         o,
         o + c,
-        this._liquid.y + h + M - P,
+        this._liquid.y + h + M - T,
         this._liquid.y + h + M + S + A.marginTop
       )) {
         const N = o + c / 2, I = this._liquid.y + h + M + S / 2;
-        N < I ? O = Math.min(o, this._liquid.y + h + M - P - c) : O = Math.max(o, this._liquid.y + h + M + S + A.marginTop);
+        N < I ? O = Math.min(o, this._liquid.y + h + M - T - c) : O = Math.max(o, this._liquid.y + h + M + S + A.marginTop);
       }
       this._liquid.translatePage(D, v, w, S);
     }
@@ -927,7 +927,7 @@ let on = class extends Xe {
     return { scene: t, transformer: r };
   }
   _getTransformCoordForDocumentOffset(e, n, t, r) {
-    const { documentTransform: o } = e.getOffsetConfig(), s = n.transformVector2SceneCoord(ni.FromArray([t, r]));
+    const { documentTransform: o } = e.getOffsetConfig(), s = n.transformVector2SceneCoord(ei.FromArray([t, r]));
     if (s)
       return o.clone().invert().applyPoint(s);
   }
@@ -938,23 +938,23 @@ let on = class extends Xe {
     const { mainComponent: r, scene: o } = t, s = r, {
       docsLeft: c,
       docsTop: d
-    } = s.getOffsetConfig(), a = ui(n), { left: l, top: u, height: g } = a, p = l + c, h = u + d;
+    } = s.getOffsetConfig(), a = mi(n), { left: l, top: m, height: g } = a, p = l + c, h = m + d;
     if (this._anchorShape) {
       this._anchorShape.transformByState({ left: p, top: h, height: g }), this._anchorShape.show();
       return;
     }
-    const v = 6, w = new ti(Li + be.generateRandomId(v), {
+    const v = 6, w = new ni(Ai + ye.generateRandomId(v), {
       left: p,
       top: h,
       height: g,
       strokeWidth: 2,
-      stroke: ii(bt.darkGray, 1),
+      stroke: ti(Pt.darkGray, 1),
       evented: !1
     });
-    this._anchorShape = w, o.addObject(w, fi);
+    this._anchorShape = w, o.addObject(w, ui);
   }
   _getDocObject() {
-    return hi(this._univerInstanceService, this._renderManagerService);
+    return fi(this._univerInstanceService, this._renderManagerService);
   }
   _getPageContentSize(e) {
     const n = this._renderManagerService.getRenderById(e.unitId), t = n == null ? void 0 : n.with(se).getSkeleton(), r = 500, o = 500, s = t == null ? void 0 : t.getSkeletonData();
@@ -973,9 +973,9 @@ let on = class extends Xe {
       }
     }
     if (d) {
-      const { pageWidth: a, pageHeight: l, marginLeft: u, marginBottom: g, marginRight: p, marginTop: h } = d;
+      const { pageWidth: a, pageHeight: l, marginLeft: m, marginBottom: g, marginRight: p, marginTop: h } = d;
       return {
-        width: Math.max(r, a - u - p),
+        width: Math.max(r, a - m - p),
         height: Math.max(o, l - h - g)
       };
     } else
@@ -985,7 +985,7 @@ let on = class extends Xe {
       };
   }
 };
-on = xi([
+on = Ni([
   Qe(0, z),
   Qe(1, Q),
   Qe(2, Ie),
@@ -999,7 +999,7 @@ var he = function() {
     }
     return i;
   }, he.apply(this, arguments);
-}, Bi = function(i, e) {
+}, Ei = 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")
@@ -1007,15 +1007,15 @@ var he = function() {
       e.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, t[r]) && (n[t[r]] = i[t[r]]);
   return n;
 }, tt = Xn(function(i, e) {
-  var n = i.icon, t = i.id, r = i.className, o = i.extend, s = Bi(i, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Oi("_".concat(ki()));
+  var n = i.icon, t = i.id, r = i.className, o = i.extend, s = Ei(i, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Di("_".concat(Bi()));
   return it(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, he({ ref: e, className: c }, s), o);
 });
 function it(i, e, n, t, r) {
-  return Kn(i.tag, he(he({ key: e }, Ui(i, n, r)), t), (Fi(i, n).children || []).map(function(o, s) {
+  return Kn(i.tag, he(he({ key: e }, xi(i, n, r)), t), (Li(i, n).children || []).map(function(o, s) {
     return it(o, "".concat(e, "-").concat(i.tag, "-").concat(s), n, void 0, r);
   }));
 }
-function Ui(i, e, n) {
+function xi(i, e, n) {
   var t = he({}, i.attrs);
   n != null && n.colorChannel1 && t.fill === "colorChannel1" && (t.fill = n.colorChannel1);
   var r = e.defIds;
@@ -1024,21 +1024,21 @@ function Ui(i, e, n) {
     typeof c == "string" && (t[s] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), t;
 }
-function Fi(i, e) {
+function Li(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;
   }) }) : i;
 }
-function ki() {
+function Bi() {
   return Math.random().toString(36).substring(2, 8);
 }
 tt.displayName = "UniverIcon";
-var Hi = { 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" } }] }, rt = Xn(function(i, e) {
+var Ui = { 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" } }] }, rt = Xn(function(i, e) {
   return Kn(tt, Object.assign({}, i, {
     id: "add-image-single",
     ref: e,
-    icon: Hi
+    icon: Ui
   }));
 });
 rt.displayName = "AddImageSingle";
@@ -1047,11 +1047,11 @@ const Sn = {
   type: K.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: (i, e) => {
-    var M, b, A, U;
+    var M, y, A, U;
     const n = i.get(z), t = i.get(Q), r = i.get(ee), o = t.getCurrentUniverDocInstance();
     if (e == null || o == null)
       return !1;
-    const s = r.getRenderById(e.unitId).with(Me), { drawings: c } = e, d = (M = s.getSegment()) != null ? M : "", a = new vn(), l = q.getInstance(), u = (A = (b = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : b.customBlocks) != null ? A : [], g = c.map((N) => u.find((I) => I.blockId === N.drawingId)).filter((N) => !!N).sort((N, I) => N.startIndex > I.startIndex ? 1 : -1), p = c[0].unitId, h = new yt();
+    const s = r.getRenderById(e.unitId).with(Me), { drawings: c } = e, d = (M = s.getSegment()) != null ? M : "", a = new vn(), l = q.getInstance(), m = (A = (y = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : y.customBlocks) != null ? A : [], g = c.map((N) => m.find((I) => I.blockId === N.drawingId)).filter((N) => !!N).sort((N, I) => N.startIndex > I.startIndex ? 1 : -1), p = c[0].unitId, h = new yt();
     h.reset();
     const v = g[0].startIndex, w = [
       {
@@ -1113,27 +1113,29 @@ const Sn = {
     const n = i.get(Be);
     if (!e) return !1;
     const t = [];
-    return e.forEach(({ parent: r, children: o }) => {
-      t.push(r.unitId), o.forEach((s) => {
-        t.push(s.unitId);
+    e.forEach(({ parent: l, children: m }) => {
+      t.push(l.unitId), m.forEach((g) => {
+        t.push(g.unitId);
       });
-    }), n.getGroupDrawingOp(e), !1;
+    });
+    const r = n.getGroupDrawingOp(e), { unitId: o, subUnitId: s, undo: c, redo: d, objects: a } = r;
+    return !1;
   }
 }, at = {
   id: "doc.command.insert-doc-image",
   type: K.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: (i, e) => {
-    var b, A, U, N;
+    var y, A, U, N;
     if (e == null)
       return !1;
     const n = i.get(z), t = i.get(In), r = i.get(Q), o = t.getActiveTextRange(), s = r.getCurrentUniverDocInstance();
     if (o == null || s == null)
       return !1;
-    const c = s.getUnitId(), { drawings: d } = e, { collapsed: a, startOffset: l, segmentId: u } = o, g = s.getSelfOrHeaderFooterModel(u).getBody();
+    const c = s.getUnitId(), { drawings: d } = e, { collapsed: a, startOffset: l, segmentId: m } = o, g = s.getSelfOrHeaderFooterModel(m).getBody();
     if (g == null)
       return !1;
-    const p = new vn(), h = q.getInstance(), v = [], w = (A = (b = s.getSnapshot().drawingsOrder) == null ? void 0 : b.length) != null ? A : 0;
+    const p = new vn(), h = q.getInstance(), v = [], w = (A = (y = s.getSnapshot().drawingsOrder) == null ? void 0 : y.length) != null ? A : 0;
     let S = 0;
     if (a)
       l > 0 && p.push({
@@ -1141,16 +1143,16 @@ const Sn = {
         len: l
       });
     else {
-      const I = Mt.selection.delete([o], g, 0, null, !1);
+      const I = bt.selection.delete([o], g, 0, null, !1);
       p.push(...I);
-      const L = pi(g, [o]), W = (U = s.getDrawings()) != null ? U : {}, x = (N = s.getDrawingsOrder()) != null ? N : [], G = L.sort((_, C) => x.indexOf(_) > x.indexOf(C) ? -1 : x.indexOf(_) < x.indexOf(C) ? 1 : 0);
+      const L = hi(g, [o]), W = (U = s.getDrawings()) != null ? U : {}, x = (N = s.getDrawingsOrder()) != null ? N : [], G = L.sort((_, C) => x.indexOf(_) > x.indexOf(C) ? -1 : x.indexOf(_) < x.indexOf(C) ? 1 : 0);
       if (G.length > 0)
         for (const _ of G) {
           const C = W[_], R = x.indexOf(_);
           if (C == null || R < 0)
             continue;
-          const T = h.removeOp(["drawings", _], C), B = h.removeOp(["drawingsOrder", R], _);
-          v.push(T), v.push(B), S++;
+          const P = h.removeOp(["drawings", _], C), B = h.removeOp(["drawingsOrder", R], _);
+          v.push(P), v.push(B), S++;
         }
     }
     p.push({
@@ -1164,13 +1166,13 @@ const Sn = {
       },
       len: d.length
     });
-    const O = ze(s, u), D = h.editOp(p.serialize(), O);
+    const O = ze(s, m), D = h.editOp(p.serialize(), O);
     v.push(D);
     for (const I of d) {
       const { drawingId: L } = I, W = h.insertOp(["drawings", L], I), x = h.insertOp(["drawingsOrder", w - S], L);
       v.push(W), v.push(x);
     }
-    const P = {
+    const T = {
       id: J.id,
       params: {
         unitId: c,
@@ -1178,7 +1180,7 @@ const Sn = {
         textRanges: []
       }
     };
-    return P.params.actions = v.reduce((I, L) => q.compose(I, L), null), !!n.syncExecuteCommand(P.id, P.params);
+    return T.params.actions = v.reduce((I, L) => q.compose(I, L), null), !!n.syncExecuteCommand(T.id, T.params);
   }
 }, ct = {
   id: "doc.command.set-drawing-arrange",
@@ -1194,9 +1196,9 @@ const Sn = {
     const { redo: l } = a;
     if (l == null)
       return !1;
-    const u = [];
-    let g = be.deepClone(l);
-    g = g.slice(3), g.unshift("drawingsOrder"), u.push(g);
+    const m = [];
+    let g = ye.deepClone(l);
+    g = g.slice(3), g.unshift("drawingsOrder"), m.push(g);
     const p = {
       id: J.id,
       params: {
@@ -1205,7 +1207,7 @@ const Sn = {
         textRanges: null
       }
     };
-    return p.params.actions = u.reduce((v, w) => q.compose(v, w), null), !!n.syncExecuteCommand(p.id, p.params);
+    return p.params.actions = m.reduce((v, w) => q.compose(v, w), null), !!n.syncExecuteCommand(p.id, p.params);
   }
 }, dt = {
   id: "doc.command.ungroup-doc-image",
@@ -1215,30 +1217,32 @@ const Sn = {
     const n = i.get(Be);
     if (!e) return !1;
     const t = [];
-    return e.forEach(({ parent: r, children: o }) => {
-      t.push(r.unitId), o.forEach((s) => {
-        t.push(s.unitId);
+    e.forEach(({ parent: l, children: m }) => {
+      t.push(l.unitId), m.forEach((g) => {
+        t.push(g.unitId);
       });
-    }), n.getUngroupDrawingOp(e), !1;
+    });
+    const r = n.getUngroupDrawingOp(e), { unitId: o, subUnitId: s, undo: c, redo: d, objects: a } = r;
+    return !1;
   }
 };
-var Wi = Object.defineProperty, 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 = (t ? s(e, n, r) : s(r)) || r);
-  return t && r && Wi(e, n, r), r;
+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--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
 }, me = (i, e) => (n, t) => e(n, t, i);
 let sn = class extends Xe {
-  constructor(i, e, n, t, r, o, s, c, d, a, l, u, 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 = c, this._messageService = d, this._localeService = a, this._docSelectionRenderService = l, this._docRefreshDrawingsService = u, this._fileOpenerService = g, this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener(), this._transformDrawingListener(), this._editAreaChangeListener();
+  constructor(i, e, n, t, r, o, s, c, d, a, 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 = c, this._messageService = d, this._localeService = a, 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: Vt.map((n) => `.${n.replace("image/", "")}`).join(",")
     }), e = i.length;
-    return e > Tn ? (this._messageService.show({
+    return e > Pn ? (this._messageService.show({
       type: Ln.Error,
-      content: this._localeService.t("update-status.exceedMaxCount", String(Tn))
+      content: this._localeService.t("update-status.exceedMaxCount", String(Pn))
     }), !1) : e === 0 ? !1 : (await this._insertFloatImages(i), !0);
   }
   // eslint-disable-next-line max-lines-per-function
@@ -1271,11 +1275,11 @@ let sn = class extends Xe {
     for (const r of e) {
       if (r == null)
         continue;
-      const { imageId: o, imageSourceType: s, source: c, base64Cache: d } = r, { width: a, height: l, image: u } = await $t(d || "");
-      this._imageIoService.addImageSourceCache(o, s, u);
+      const { imageId: o, imageSourceType: s, source: c, base64Cache: d } = r, { width: a, height: l, image: m } = await $t(d || "");
+      this._imageIoService.addImageSourceCache(o, s, m);
       let g = 1;
-      if (a > bn || l > yn) {
-        const w = bn / a, S = yn / l;
+      if (a > yn || l > bn) {
+        const w = yn / a, S = bn / l;
         g = Math.min(w, S);
       }
       const p = this._getImagePosition(a * g, l * g);
@@ -1285,10 +1289,10 @@ let sn = class extends Xe {
         unitId: n,
         subUnitId: n,
         drawingId: o,
-        drawingType: Rt.DRAWING_IMAGE,
+        drawingType: Mt.DRAWING_IMAGE,
         imageSourceType: s,
         source: c,
-        transform: wi(p),
+        transform: pi(p),
         docTransform: p,
         behindDoc: oe.FALSE,
         title: "",
@@ -1311,12 +1315,11 @@ let sn = class extends Xe {
   _isInsertInHeaderFooter() {
     var t;
     const { unitId: i } = this._context, e = (t = this._renderManagerSrv.getRenderById(i)) == null ? void 0 : t.with(se).getViewModel(), n = e == null ? void 0 : e.getEditArea();
-    return n === ke.HEADER || n === ke.FOOTER;
+    return n === Fe.HEADER || n === Fe.FOOTER;
   }
   _getImagePosition(i, e) {
     const n = this._docSelectionRenderService.getActiveTextRange(), t = (n == null ? void 0 : n.getAbsolutePosition()) || {
-      left: 0,
-      top: 0
+      left: 0
     };
     return {
       size: {
@@ -1408,11 +1411,11 @@ let sn = class extends Xe {
     const { unit: i, scene: e, unitId: n } = this._context, t = (c = this._renderManagerSrv.getRenderById(n)) == null ? void 0 : c.with(se).getViewModel();
     if (t == null || i == null)
       return;
-    const r = i.getSnapshot(), { drawings: o = {} } = r, s = t.getEditArea() === ke.BODY;
+    const r = i.getSnapshot(), { drawings: o = {} } = r, s = t.getEditArea() === Fe.BODY;
     for (const d of Object.keys(o)) {
-      const a = o[d], l = zt({ unitId: n, drawingId: a.drawingId, subUnitId: n }), u = e.fuzzyMathObjects(l, !0);
-      if (u.length)
-        for (const g of u)
+      const a = o[d], l = zt({ unitId: n, drawingId: a.drawingId, subUnitId: n }), m = e.fuzzyMathObjects(l, !0);
+      if (m.length)
+        for (const g of m)
           e.detachTransformerFrom(g), g.setOpacity(0.5), (s && a.isMultiTransform !== oe.TRUE || !s && a.isMultiTransform === oe.TRUE) && (e.attachTransformerTo(g), g.setOpacity(1));
     }
   }
@@ -1444,26 +1447,26 @@ let sn = class extends Xe {
     this._docSelectionManagerService.replaceDocRanges(t);
   }
 };
-sn = Vi([
+sn = Fi([
   me(1, z),
   me(2, ve(In)),
   me(3, ee),
-  me(4, qt),
+  me(4, Gt),
   me(5, Be),
   me(6, Ie),
   me(7, Vn),
-  me(8, oi),
+  me(8, ri),
   me(9, ve(ln)),
   me(10, ve(Me)),
   me(11, ve(gn)),
-  me(12, si)
+  me(12, oi)
 ], sn);
 const lt = {
   id: "doc.command.insert-float-image",
   type: K.COMMAND,
   handler: (i) => {
     var n, t;
-    return (t = (n = i.get(ee).getCurrentTypeOfRenderer(ye.UNIVER_DOC)) == null ? void 0 : n.with(sn).insertDocImage()) != null ? t : !1;
+    return (t = (n = i.get(ee).getCurrentTypeOfRenderer(be.UNIVER_DOC)) == null ? void 0 : n.with(sn).insertDocImage()) != null ? t : !1;
   }
 }, Ke = {
   id: "doc.command.move-drawing",
@@ -1475,16 +1478,16 @@ const lt = {
     const d = c[0].unitId, a = o.getRenderById(d), l = a == null ? void 0 : a.scene;
     if (l == null)
       return !1;
-    const u = l.getTransformerByCreate(), g = r.getUniverDocInstance(d), p = c.map((v) => {
-      var b, A, U, N, I;
-      const { drawingId: w } = v, S = (b = g == null ? void 0 : g.getSnapshot().drawings) == null ? void 0 : b[w];
+    const m = l.getTransformerByCreate(), g = r.getUniverDocInstance(d), p = c.map((v) => {
+      var y, A, U, N, I;
+      const { drawingId: w } = v, S = (y = g == null ? void 0 : g.getSnapshot().drawings) == null ? void 0 : y[w];
       if (S == null || S.layoutType === H.INLINE)
         return null;
-      const { positionH: O, positionV: D } = S.docTransform, P = { ...O }, M = { ...D };
-      return s === fe.UP ? M.posOffset = ((A = M.posOffset) != null ? A : 0) - 2 : s === fe.DOWN ? M.posOffset = ((U = M.posOffset) != null ? U : 0) + 2 : s === fe.LEFT ? P.posOffset = ((N = P.posOffset) != null ? N : 0) - 2 : s === fe.RIGHT && (P.posOffset = ((I = P.posOffset) != null ? I : 0) + 2), {
+      const { positionH: O, positionV: D } = S.docTransform, T = { ...O }, M = { ...D };
+      return s === fe.UP ? M.posOffset = ((A = M.posOffset) != null ? A : 0) - 2 : s === fe.DOWN ? M.posOffset = ((U = M.posOffset) != null ? U : 0) + 2 : s === fe.LEFT ? T.posOffset = ((N = T.posOffset) != null ? N : 0) - 2 : s === fe.RIGHT && (T.posOffset = ((I = T.posOffset) != null ? I : 0) + 2), {
         drawingId: w,
         key: s === fe.UP || s === fe.DOWN ? "positionV" : "positionH",
-        value: s === fe.UP || s === fe.DOWN ? M : P
+        value: s === fe.UP || s === fe.DOWN ? M : T
       };
     }).filter((v) => v != null);
     if (p.length === 0)
@@ -1494,9 +1497,9 @@ const lt = {
       subUnitId: d,
       drawings: p
     });
-    return u.refreshControls(), !!h;
+    return m.refreshControls(), !!h;
   }
-}, ji = {
+}, Hi = {
   id: "doc.operation.clear-drawing-transformer",
   type: K.MUTATION,
   handler: (i, e) => {
@@ -1510,7 +1513,7 @@ const lt = {
   id: "sidebar.operation.doc-image",
   type: K.COMMAND,
   handler: async (i, e) => {
-    const n = i.get(ai), t = i.get(ln), r = i.get(Ie);
+    const n = i.get(si), t = i.get(ln), r = i.get(Ie);
     switch (e.value) {
       case "open":
         n.open({
@@ -1550,27 +1553,21 @@ function j() {
   for (var i, e, n = 0, t = "", r = arguments.length; n < r; n++) (i = arguments[n]) && (e = ft(i)) && (t && (t += " "), t += e);
   return t;
 }
-const $i = "univer-image-common-panel", zi = "univer-image-common-panel-grid", qi = "univer-image-common-panel-border", Xi = "univer-image-common-panel-title", Ki = "univer-image-common-panel-subtitle", Yi = "univer-image-common-panel-row", Zi = "univer-image-common-panel-row-vertical", Qi = "univer-image-common-panel-column", Ji = "univer-image-common-panel-column-center", er = "univer-image-common-panel-inline", nr = "univer-image-common-panel-span2", tr = "univer-image-common-panel-span3", ir = "univer-image-common-panel-input", rr = "univer-sheet-image-menu", or = "univer-sheet-image-menu-input", m = {
-  imageCommonPanel: $i,
-  imageCommonPanelGrid: zi,
-  imageCommonPanelBorder: qi,
-  imageCommonPanelTitle: Xi,
-  imageCommonPanelSubtitle: Ki,
-  imageCommonPanelRow: Yi,
-  imageCommonPanelRowVertical: Zi,
-  imageCommonPanelColumn: Qi,
-  imageCommonPanelColumnCenter: Ji,
-  imageCommonPanelInline: er,
-  imageCommonPanelSpan2: nr,
-  imageCommonPanelSpan3: tr,
-  imageCommonPanelInput: ir,
-  sheetImageMenu: rr,
-  sheetImageMenuInput: or
-}, Hn = -1e3, Wn = 1e3, sr = (i) => {
+const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", Vi = "univer-image-common-panel-border", ji = "univer-image-common-panel-title", $i = "univer-image-common-panel-subtitle", zi = "univer-image-common-panel-row", qi = "univer-image-common-panel-column", Xi = "univer-image-common-panel-span2", Ki = "univer-image-common-panel-input", u = {
+  imageCommonPanel: Wi,
+  imageCommonPanelGrid: Gi,
+  imageCommonPanelBorder: Vi,
+  imageCommonPanelTitle: ji,
+  imageCommonPanelSubtitle: $i,
+  imageCommonPanelRow: zi,
+  imageCommonPanelColumn: qi,
+  imageCommonPanelSpan2: Xi,
+  imageCommonPanelInput: Ki
+}, Hn = -1e3, Wn = 1e3, Yi = (i) => {
   const e = we(z), n = we(ln), t = we(Ie), r = we(ee), o = we(Q), { drawings: s } = i, c = s[0];
   if (c == null)
     return;
-  const { unitId: d } = c, a = o.getUniverDocInstance(d), l = a == null ? void 0 : a.getSnapshot().documentStyle.documentFlavor, u = r.getRenderById(d), g = u == null ? void 0 : u.scene;
+  const { unitId: d } = c, a = o.getUniverDocInstance(d), l = a == null ? void 0 : a.getSnapshot().documentStyle.documentFlavor, m = r.getRenderById(d), g = m == null ? void 0 : m.scene;
   if (g == null)
     return;
   const p = g.getTransformerByCreate(), h = [{
@@ -1600,106 +1597,106 @@ const $i = "univer-image-common-panel", zi = "univer-image-common-panel-grid", q
   }], [w, S] = re(!0), [O, D] = re({
     relativeFrom: ne.PAGE,
     posOffset: 0
-  }), [P, M] = re({
+  }), [T, M] = re({
     relativeFrom: V.PAGE,
     posOffset: 0
-  }), [b, A] = re(!0), [U, N] = re(!0);
+  }), [y, A] = re(!0), [U, N] = re(!0);
   function I(C, R) {
-    var y;
+    var b;
     C === "positionH" ? D(R) : M(R);
-    const T = t.getFocusDrawings();
-    if (T.length === 0)
+    const P = t.getFocusDrawings();
+    if (P.length === 0)
       return;
-    const B = T.map((E) => ({
+    const B = P.map((E) => ({
       unitId: E.unitId,
       subUnitId: E.subUnitId,
       drawingId: E.drawingId
     }));
     e.executeCommand(qe.id, {
-      unitId: T[0].unitId,
-      subUnitId: T[0].unitId,
+      unitId: P[0].unitId,
+      subUnitId: P[0].unitId,
       drawings: B.map((E) => ({
         drawingId: E.drawingId,
         key: C,
         value: R
       }))
     });
-    const F = (y = r.getRenderById(d)) == null ? void 0 : y.with(Me);
-    F && F.blur(), p.refreshControls();
+    const k = (b = r.getRenderById(d)) == null ? void 0 : b.with(Me);
+    k && k.blur(), p.refreshControls();
   }
   function L(C) {
     var ie, _e, Se;
-    const R = O.relativeFrom, T = O.posOffset, B = Number(C);
+    const R = O.relativeFrom, P = O.posOffset, B = Number(C);
     if (R === B)
       return;
-    const F = t.getFocusDrawings();
-    if (F.length === 0)
+    const k = t.getFocusDrawings();
+    if (k.length === 0)
       return;
-    const y = F[0].drawingId, E = F[0].unitId;
-    let $ = null, k = 0;
+    const b = k[0].drawingId, E = k[0].unitId;
+    let $ = null, F = 0;
     const Y = (ie = r.getRenderById(E)) == null ? void 0 : ie.with(se).getSkeleton(), ae = Y == null ? void 0 : Y.getSkeletonData();
     if (ae == null)
       return;
     const { pages: Ue, skeHeaders: Re, skeFooters: We } = ae;
     for (const de of Ue) {
-      const { marginLeft: De, skeDrawings: Oe, headerId: Ne, footerId: Ae, pageWidth: Pe } = de;
-      if (Oe.has(y)) {
-        $ = Oe.get(y), k = De;
+      const { marginLeft: De, skeDrawings: Oe, headerId: Ne, footerId: Ae, pageWidth: Te } = de;
+      if (Oe.has(b)) {
+        $ = Oe.get(b), F = De;
         break;
       }
-      const le = (_e = Re.get(Ne)) == null ? void 0 : _e.get(Pe);
-      if (le != null && le.skeDrawings.has(y)) {
-        $ = le == null ? void 0 : le.skeDrawings.get(y), k = De;
+      const le = (_e = Re.get(Ne)) == null ? void 0 : _e.get(Te);
+      if (le != null && le.skeDrawings.has(b)) {
+        $ = le == null ? void 0 : le.skeDrawings.get(b), F = De;
         break;
       }
-      const ge = (Se = We.get(Ae)) == null ? void 0 : Se.get(Pe);
-      if (ge != null && ge.skeDrawings.has(y)) {
-        $ = ge == null ? void 0 : ge.skeDrawings.get(y), k = De;
+      const ge = (Se = We.get(Ae)) == null ? void 0 : Se.get(Te);
+      if (ge != null && ge.skeDrawings.has(b)) {
+        $ = ge == null ? void 0 : ge.skeDrawings.get(b), F = De;
         break;
       }
     }
     if ($ == null)
       return;
     let ce = 0;
-    R === ne.COLUMN ? ce -= $.columnLeft : R === ne.MARGIN && (ce -= k), B === ne.COLUMN ? ce += $.columnLeft : B === ne.MARGIN ? ce += k : ne.PAGE;
+    R === ne.COLUMN ? ce -= $.columnLeft : R === ne.MARGIN && (ce -= F), B === ne.COLUMN ? ce += $.columnLeft : B === ne.MARGIN ? ce += F : ne.PAGE;
     const te = {
       relativeFrom: B,
-      posOffset: (T != null ? T : 0) - ce
+      posOffset: (P != null ? P : 0) - ce
     };
     I("positionH", te);
   }
   function W(C) {
-    var Oe, Ne, Ae, Pe, le, ge;
-    const R = P.relativeFrom, T = P.posOffset, B = Number(C);
+    var Oe, Ne, Ae, Te, le, ge;
+    const R = T.relativeFrom, P = T.posOffset, B = Number(C);
     if (R === B)
       return;
-    const F = t.getFocusDrawings();
-    if (F.length === 0)
+    const k = t.getFocusDrawings();
+    if (k.length === 0)
       return;
-    const { drawingId: y, unitId: E } = F[0], $ = o.getUniverDocInstance(E), k = (Oe = r.getRenderById(E)) == null ? void 0 : Oe.with(se).getSkeleton(), Y = (Ne = r.getRenderById(E)) == null ? void 0 : Ne.with(Me), ae = Y == null ? void 0 : Y.getSegment(), Ue = Y == null ? void 0 : Y.getSegmentPage(), Re = (Pe = (Ae = $ == null ? void 0 : $.getSelfOrHeaderFooterModel(ae).getBody()) == null ? void 0 : Ae.customBlocks) == null ? void 0 : Pe.find((Ee) => Ee.blockId === y);
-    if (Re == null || k == null || Y == null)
+    const { drawingId: b, unitId: E } = k[0], $ = o.getUniverDocInstance(E), F = (Oe = r.getRenderById(E)) == null ? void 0 : Oe.with(se).getSkeleton(), Y = (Ne = r.getRenderById(E)) == null ? void 0 : Ne.with(Me), ae = Y == null ? void 0 : Y.getSegment(), Ue = Y == null ? void 0 : Y.getSegmentPage(), Re = (Te = (Ae = $ == null ? void 0 : $.getSelfOrHeaderFooterModel(ae).getBody()) == null ? void 0 : Ae.customBlocks) == null ? void 0 : Te.find((Ee) => Ee.blockId === b);
+    if (Re == null || F == null || Y == null)
       return;
-    const { startIndex: We } = Re, ce = k.findNodeByCharIndex(We, ae, Ue), te = (le = ce == null ? void 0 : ce.parent) == null ? void 0 : le.parent, ie = te == null ? void 0 : te.parent, _e = ie == null ? void 0 : ie.lines.find((Ee) => Ee.paragraphIndex === (te == null ? void 0 : te.paragraphIndex) && Ee.paragraphStart), Se = (ge = ie == null ? void 0 : ie.parent) == null ? void 0 : ge.parent;
+    const { startIndex: We } = Re, ce = F.findNodeByCharIndex(We, ae, Ue), te = (le = ce == null ? void 0 : ce.parent) == null ? void 0 : le.parent, ie = te == null ? void 0 : te.parent, _e = ie == null ? void 0 : ie.lines.find((Ee) => Ee.paragraphIndex === (te == null ? void 0 : te.paragraphIndex) && Ee.paragraphStart), Se = (ge = ie == null ? void 0 : ie.parent) == null ? void 0 : ge.parent;
     if (ce == null || te == null || _e == null || ie == null || Se == null)
       return;
     let de = 0;
     R === V.PARAGRAPH ? de -= _e.top : R === V.LINE ? de -= te.top : R === V.PAGE && (de += Se.marginTop), B === V.PARAGRAPH ? de += _e.top : B === V.LINE ? de += te.top : B === V.PAGE && (de -= Se.marginTop);
     const De = {
       relativeFrom: B,
-      posOffset: (T != null ? T : 0) - de
+      posOffset: (P != null ? P : 0) - de
     };
     I("positionV", De);
   }
   function x(C) {
     var E;
-    const R = a == null ? void 0 : a.getSnapshot(), T = (E = R == null ? void 0 : R.drawings) == null ? void 0 : E[C.drawingId];
-    if (T == null)
+    const R = a == null ? void 0 : a.getSnapshot(), P = (E = R == null ? void 0 : R.drawings) == null ? void 0 : E[C.drawingId];
+    if (P == null)
       return;
-    const { layoutType: B } = T, {
-      positionH: F,
-      positionV: y
-    } = T.docTransform;
-    D(F), M(y), S(B === H.INLINE), A(y.relativeFrom === V.PARAGRAPH || y.relativeFrom === V.LINE);
+    const { layoutType: B } = P, {
+      positionH: k,
+      positionV: b
+    } = P.docTransform;
+    D(k), M(b), S(B === H.INLINE), A(b.relativeFrom === V.PARAGRAPH || b.relativeFrom === V.LINE);
   }
   function G() {
     const C = t.getFocusDrawings();
@@ -1710,26 +1707,26 @@ const $i = "univer-image-common-panel", zi = "univer-image-common-panel-grid", q
   }
   return _n(() => {
     G();
-    const C = t.focus$.subscribe((T) => {
-      if (T.length === 0) {
+    const C = t.focus$.subscribe((P) => {
+      if (P.length === 0) {
         N(!1);
         return;
       }
-      N(!0), x(T[0]);
-    }), R = e.onCommandExecuted(async (T) => {
-      T.id === J.id && G();
+      N(!0), x(P[0]);
+    }), R = e.onCommandExecuted(async (P) => {
+      P.id === J.id && G();
     });
     return () => {
       C.unsubscribe(), R.dispose();
     };
-  }, []), /* @__PURE__ */ X("div", { className: j(m.imageCommonPanelGrid, m.imageCommonPanelBorder), style: { display: U ? "block" : "none" }, children: [
-    /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(m.imageCommonPanelColumn, m.imageCommonPanelTitle), children: /* @__PURE__ */ f("div", { children: n.t("image-position.title") }) }) }),
-    /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(m.imageCommonPanelColumn, m.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-position.horizontal") }) }) }),
-    /* @__PURE__ */ X("div", { className: m.imageCommonPanelRow, children: [
-      /* @__PURE__ */ f("div", { className: j(m.imageCommonPanelColumn, m.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
-        /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: m.imageCommonPanelColumn, children: n.t("image-position.absolutePosition") }) }),
-        /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: m.imageCommonPanelColumn, children: /* @__PURE__ */ f(
-          Fe,
+  }, []), /* @__PURE__ */ X("div", { className: j(u.imageCommonPanelGrid, u.imageCommonPanelBorder), style: { display: U ? "block" : "none" }, children: [
+    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelTitle), children: /* @__PURE__ */ f("div", { children: n.t("image-position.title") }) }) }),
+    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-position.horizontal") }) }) }),
+    /* @__PURE__ */ X("div", { className: u.imageCommonPanelRow, children: [
+      /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
+        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: n.t("image-position.absolutePosition") }) }),
+        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
+          ke,
           {
             min: Hn,
             max: Wn,
@@ -1742,13 +1739,13 @@ const $i = "univer-image-common-panel", zi = "univer-image-common-panel-grid", q
                 posOffset: C
               });
             },
-            className: m.imageCommonPanelInput
+            className: u.imageCommonPanelInput
           }
         ) }) })
       ] }) }),
-      /* @__PURE__ */ f("div", { className: j(m.imageCommonPanelColumn, m.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
-        /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: m.imageCommonPanelColumn, children: n.t("image-position.toTheRightOf") }) }),
-        /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: m.imageCommonPanelColumn, children: /* @__PURE__ */ f(
+      /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
+        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: n.t("image-position.toTheRightOf") }) }),
+        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
           Bn,
           {
             value: String(O.relativeFrom),
@@ -1759,52 +1756,52 @@ const $i = "univer-image-common-panel", zi = "univer-image-common-panel-grid", q
         ) }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(m.imageCommonPanelColumn, m.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-position.vertical") }) }) }),
-    /* @__PURE__ */ X("div", { className: m.imageCommonPanelRow, children: [
-      /* @__PURE__ */ f("div", { className: j(m.imageCommonPanelColumn, m.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
-        /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: m.imageCommonPanelColumn, children: n.t("image-position.absolutePosition") }) }),
-        /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: m.imageCommonPanelColumn, children: /* @__PURE__ */ f(
-          Fe,
+    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-position.vertical") }) }) }),
+    /* @__PURE__ */ X("div", { className: u.imageCommonPanelRow, children: [
+      /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
+        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: n.t("image-position.absolutePosition") }) }),
+        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
+          ke,
           {
             min: Hn,
             max: Wn,
             precision: 1,
             disabled: w,
-            value: P.posOffset,
+            value: T.posOffset,
             onChange: (C) => {
               I("positionV", {
-                relativeFrom: P.relativeFrom,
+                relativeFrom: T.relativeFrom,
                 posOffset: C
               });
             },
-            className: m.imageCommonPanelInput
+            className: u.imageCommonPanelInput
           }
         ) }) })
       ] }) }),
-      /* @__PURE__ */ f("div", { className: j(m.imageCommonPanelColumn, m.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
-        /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: m.imageCommonPanelColumn, children: n.t("image-position.bellow") }) }),
-        /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: m.imageCommonPanelColumn, children: /* @__PURE__ */ f(
+      /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
+        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: n.t("image-position.bellow") }) }),
+        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
           Bn,
           {
             disabled: w,
-            value: String(P.relativeFrom),
+            value: String(T.relativeFrom),
             options: v,
             onChange: W
           }
         ) }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(m.imageCommonPanelColumn, m.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-position.options") }) }) }),
-    /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, style: { marginBottom: "50px" }, children: /* @__PURE__ */ f("div", { className: m.imageCommonPanelColumn, children: /* @__PURE__ */ f(Di, { disabled: w, checked: b, onChange: _, children: n.t("image-position.moveObjectWithText") }) }) })
+    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-position.options") }) }) }),
+    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, style: { marginBottom: "50px" }, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(Ci, { disabled: w, checked: y, onChange: _, children: n.t("image-position.moveObjectWithText") }) }) })
   ] });
-}, Je = 0, en = 100, ar = (i) => {
+}, Je = 0, en = 100, Zi = (i) => {
   const e = we(z), n = we(ln), t = we(Ie), r = we(ee), o = we(Q), { drawings: s } = i, c = s[0];
   if (c == null)
     return null;
   const { unitId: d } = c, a = o.getUniverDocInstance(d), l = r.getRenderById(d);
   if ((l == null ? void 0 : l.scene) == null)
     return null;
-  const [g, p] = re(!0), [h, v] = re(!0), [w, S] = re(!0), [O, D] = re(ue.INLINE), [P, M] = re(""), [b, A] = re({
+  const [g, p] = re(!0), [h, v] = re(!0), [w, S] = re(!0), [O, D] = re(ue.INLINE), [T, M] = re(""), [y, A] = re({
     distT: 0,
     distL: 0,
     distB: 0,
@@ -1815,14 +1812,14 @@ const $i = "univer-image-common-panel", zi = "univer-image-common-panel-grid", q
     const C = t.getFocusDrawings();
     if (C.length === 0)
       return;
-    const { unitId: R, subUnitId: T } = C[0], B = C.map(({ unitId: F, subUnitId: y, drawingId: E }) => ({
-      unitId: F,
-      subUnitId: y,
+    const { unitId: R, subUnitId: P } = C[0], B = C.map(({ unitId: k, subUnitId: b, drawingId: E }) => ({
+      unitId: k,
+      subUnitId: b,
       drawingId: E
     }));
     e.executeCommand(Zn.id, {
       unitId: R,
-      subUnitId: T,
+      subUnitId: P,
       drawings: B,
       wrappingStyle: _
     });
@@ -1832,10 +1829,10 @@ const $i = "univer-image-common-panel", zi = "univer-image-common-panel-grid", q
     const C = t.getFocusDrawings();
     if (C.length === 0)
       return;
-    const R = C.map((T) => ({
-      unitId: T.unitId,
-      subUnitId: T.subUnitId,
-      drawingId: T.drawingId
+    const R = C.map((P) => ({
+      unitId: P.unitId,
+      subUnitId: P.subUnitId,
+      drawingId: P.drawingId
     }));
     e.executeCommand(Jn.id, {
       unitId: C[0].unitId,
@@ -1847,19 +1844,19 @@ const $i = "univer-image-common-panel", zi = "univer-image-common-panel-grid", q
   function W(_, C) {
     if (_ == null)
       return;
-    const R = { ...b, [C]: _ };
+    const R = { ...y, [C]: _ };
     A(R);
-    const T = t.getFocusDrawings();
-    if (T.length === 0)
+    const P = t.getFocusDrawings();
+    if (P.length === 0)
       return;
-    const B = T.map((F) => ({
-      unitId: F.unitId,
-      subUnitId: F.subUnitId,
-      drawingId: F.drawingId
+    const B = P.map((k) => ({
+      unitId: k.unitId,
+      subUnitId: k.subUnitId,
+      drawingId: k.drawingId
     }));
     e.executeCommand(Qn.id, {
-      unitId: T[0].unitId,
-      subUnitId: T[0].unitId,
+      unitId: P[0].unitId,
+      subUnitId: P[0].unitId,
       drawings: B,
       dist: {
         [C]: _
@@ -1877,22 +1874,22 @@ const $i = "univer-image-common-panel", zi = "univer-image-common-panel-grid", q
       return;
     const {
       distT: R = 0,
-      distL: T = 0,
+      distL: P = 0,
       distB: B = 0,
-      distR: F = 0,
-      layoutType: y = H.INLINE,
+      distR: k = 0,
+      layoutType: b = H.INLINE,
       behindDoc: E = oe.FALSE,
       wrapText: $ = $e.BOTH_SIDES
     } = C;
     if (A({
       distT: R,
-      distL: T,
+      distL: P,
       distB: B,
-      distR: F
-    }), M($), p(y !== H.WRAP_SQUARE), y === H.WRAP_NONE || y === H.INLINE ? v(!0) : v(!1), y === H.WRAP_NONE || y === H.INLINE || y === H.WRAP_TOP_AND_BOTTOM ? S(!0) : S(!1), y === H.WRAP_NONE)
+      distR: k
+    }), M($), p(b !== H.WRAP_SQUARE), b === H.WRAP_NONE || b === H.INLINE ? v(!0) : v(!1), b === H.WRAP_NONE || b === H.INLINE || b === H.WRAP_TOP_AND_BOTTOM ? S(!0) : S(!1), b === H.WRAP_NONE)
       E === oe.TRUE ? D(ue.BEHIND_TEXT) : D(ue.IN_FRONT_OF_TEXT);
     else
-      switch (y) {
+      switch (b) {
         case H.INLINE:
           D(ue.INLINE);
           break;
@@ -1903,7 +1900,7 @@ const $i = "univer-image-common-panel", zi = "univer-image-common-panel-grid", q
           D(ue.WRAP_TOP_AND_BOTTOM);
           break;
         default:
-          throw new Error(`Unsupported layout type: ${y}`);
+          throw new Error(`Unsupported layout type: ${b}`);
       }
   }
   return _n(() => {
@@ -1920,97 +1917,97 @@ const $i = "univer-image-common-panel", zi = "univer-image-common-panel-grid", q
     return () => {
       _.unsubscribe(), C.dispose();
     };
-  }, []), /* @__PURE__ */ X("div", { className: j(m.imageCommonPanelGrid, m.imageCommonPanelBorder), style: { display: U ? "block" : "none" }, children: [
-    /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(m.imageCommonPanelColumn, m.imageCommonPanelTitle), children: /* @__PURE__ */ f("div", { children: n.t("image-text-wrap.title") }) }) }),
-    /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(m.imageCommonPanelColumn, m.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-text-wrap.wrappingStyle") }) }) }),
-    /* @__PURE__ */ f("div", { className: j(m.imageCommonPanelRow), children: /* @__PURE__ */ f("div", { className: j(m.imageCommonPanelColumn), children: /* @__PURE__ */ X(Un, { value: O, onChange: I, direction: "vertical", children: [
-      /* @__PURE__ */ f(Te, { value: ue.INLINE, children: n.t("image-text-wrap.inline") }),
-      /* @__PURE__ */ f(Te, { value: ue.WRAP_SQUARE, children: n.t("image-text-wrap.square") }),
-      /* @__PURE__ */ f(Te, { value: ue.WRAP_TOP_AND_BOTTOM, children: n.t("image-text-wrap.topAndBottom") }),
-      /* @__PURE__ */ f(Te, { value: ue.BEHIND_TEXT, children: n.t("image-text-wrap.behindText") }),
-      /* @__PURE__ */ f(Te, { value: ue.IN_FRONT_OF_TEXT, children: n.t("image-text-wrap.inFrontText") })
+  }, []), /* @__PURE__ */ X("div", { className: j(u.imageCommonPanelGrid, u.imageCommonPanelBorder), style: { display: U ? "block" : "none" }, children: [
+    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelTitle), children: /* @__PURE__ */ f("div", { children: n.t("image-text-wrap.title") }) }) }),
+    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-text-wrap.wrappingStyle") }) }) }),
+    /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelRow), children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn), children: /* @__PURE__ */ X(Un, { value: O, onChange: I, direction: "vertical", children: [
+      /* @__PURE__ */ f(Pe, { value: ue.INLINE, children: n.t("image-text-wrap.inline") }),
+      /* @__PURE__ */ f(Pe, { value: ue.WRAP_SQUARE, children: n.t("image-text-wrap.square") }),
+      /* @__PURE__ */ f(Pe, { value: ue.WRAP_TOP_AND_BOTTOM, children: n.t("image-text-wrap.topAndBottom") }),
+      /* @__PURE__ */ f(Pe, { value: ue.BEHIND_TEXT, children: n.t("image-text-wrap.behindText") }),
+      /* @__PURE__ */ f(Pe, { value: ue.IN_FRONT_OF_TEXT, children: n.t("image-text-wrap.inFrontText") })
     ] }) }) }),
-    /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(m.imageCommonPanelColumn, m.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-text-wrap.wrapText") }) }) }),
-    /* @__PURE__ */ f("div", { className: j(m.imageCommonPanelRow), children: /* @__PURE__ */ f("div", { className: j(m.imageCommonPanelColumn), children: /* @__PURE__ */ X(Un, { disabled: g, value: P, onChange: L, direction: "horizontal", children: [
-      /* @__PURE__ */ f(Te, { value: $e.BOTH_SIDES, children: n.t("image-text-wrap.bothSide") }),
-      /* @__PURE__ */ f(Te, { value: $e.LEFT, children: n.t("image-text-wrap.leftOnly") }),
-      /* @__PURE__ */ f(Te, { value: $e.RIGHT, children: n.t("image-text-wrap.rightOnly") })
+    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-text-wrap.wrapText") }) }) }),
+    /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelRow), children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn), children: /* @__PURE__ */ X(Un, { disabled: g, value: T, onChange: L, direction: "horizontal", children: [
+      /* @__PURE__ */ f(Pe, { value: $e.BOTH_SIDES, children: n.t("image-text-wrap.bothSide") }),
+      /* @__PURE__ */ f(Pe, { value: $e.LEFT, children: n.t("image-text-wrap.leftOnly") }),
+      /* @__PURE__ */ f(Pe, { value: $e.RIGHT, children: n.t("image-text-wrap.rightOnly") })
     ] }) }) }),
-    /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(m.imageCommonPanelColumn, m.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-text-wrap.distanceFromText") }) }) }),
-    /* @__PURE__ */ X("div", { className: m.imageCommonPanelRow, children: [
-      /* @__PURE__ */ f("div", { className: j(m.imageCommonPanelColumn, m.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
-        /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: m.imageCommonPanelColumn, children: n.t("image-text-wrap.top") }) }),
-        /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: m.imageCommonPanelColumn, children: /* @__PURE__ */ f(
-          Fe,
+    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-text-wrap.distanceFromText") }) }) }),
+    /* @__PURE__ */ X("div", { className: u.imageCommonPanelRow, children: [
+      /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
+        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: n.t("image-text-wrap.top") }) }),
+        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
+          ke,
           {
             min: Je,
             max: en,
             disabled: h,
             precision: 1,
-            value: b.distT,
+            value: y.distT,
             onChange: (_) => {
               W(_, "distT");
             },
-            className: m.imageCommonPanelInput
+            className: u.imageCommonPanelInput
           }
         ) }) })
       ] }) }),
-      /* @__PURE__ */ f("div", { className: j(m.imageCommonPanelColumn, m.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
-        /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: m.imageCommonPanelColumn, children: n.t("image-text-wrap.left") }) }),
-        /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: m.imageCommonPanelColumn, children: /* @__PURE__ */ f(
-          Fe,
+      /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
+        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: n.t("image-text-wrap.left") }) }),
+        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
+          ke,
           {
             min: Je,
             max: en,
             disabled: w,
             precision: 1,
-            value: b.distL,
+            value: y.distL,
             onChange: (_) => {
               W(_, "distL");
             },
-            className: m.imageCommonPanelInput
+            className: u.imageCommonPanelInput
           }
         ) }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ X("div", { className: m.imageCommonPanelRow, children: [
-      /* @__PURE__ */ f("div", { className: j(m.imageCommonPanelColumn, m.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
-        /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: m.imageCommonPanelColumn, children: n.t("image-text-wrap.bottom") }) }),
-        /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: m.imageCommonPanelColumn, children: /* @__PURE__ */ f(
-          Fe,
+    /* @__PURE__ */ X("div", { className: u.imageCommonPanelRow, children: [
+      /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
+        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: n.t("image-text-wrap.bottom") }) }),
+        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
+          ke,
           {
             min: Je,
             max: en,
             disabled: h,
             precision: 1,
-            value: b.distB,
+            value: y.distB,
             onChange: (_) => {
               W(_, "distB");
             },
-            className: m.imageCommonPanelInput
+            className: u.imageCommonPanelInput
           }
         ) }) })
       ] }) }),
-      /* @__PURE__ */ f("div", { className: j(m.imageCommonPanelColumn, m.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
-        /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: m.imageCommonPanelColumn, children: n.t("image-text-wrap.right") }) }),
-        /* @__PURE__ */ f("div", { className: m.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: m.imageCommonPanelColumn, children: /* @__PURE__ */ f(
-          Fe,
+      /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
+        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: n.t("image-text-wrap.right") }) }),
+        /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
+          ke,
           {
             min: Je,
             max: en,
             disabled: w,
             precision: 1,
-            value: b.distR,
+            value: y.distR,
             onChange: (_) => {
               W(_, "distR");
             },
-            className: m.imageCommonPanelInput
+            className: u.imageCommonPanelInput
           }
         ) }) })
       ] }) })
     ] })
   ] });
-}, cr = () => {
+}, Qi = () => {
   const i = we(Ie), e = i.getFocusDrawings(), [n, t] = re(e);
   return _n(() => {
     const r = i.focus$.subscribe((o) => {
@@ -2019,20 +2016,20 @@ const $i = "univer-image-common-panel", zi = "univer-image-common-panel-grid", q
     return () => {
       r.unsubscribe();
     };
-  }, []), !!(n != null && n.length) && /* @__PURE__ */ X("div", { className: m.imageCommonPanel, children: [
-    /* @__PURE__ */ f(Kt, { drawings: n, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
-    /* @__PURE__ */ f(ar, { drawings: n }),
-    /* @__PURE__ */ f(sr, { drawings: n })
+  }, []), !!(n != null && n.length) && /* @__PURE__ */ X("div", { className: u.imageCommonPanel, children: [
+    /* @__PURE__ */ f(Xt, { drawings: n, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
+    /* @__PURE__ */ f(Zi, { drawings: n }),
+    /* @__PURE__ */ f(Yi, { drawings: n })
   ] });
-}, ht = "addition-and-subtraction-single", pt = "doc.menu.image", wt = lt.id, dr = (i) => {
+}, ht = "addition-and-subtraction-single", pt = "doc.menu.image", wt = lt.id, Ji = (i) => {
   const e = i.get(In), n = i.get(Q);
-  return new Ci((t) => {
+  return new Si((t) => {
     const r = e.textSelection$.subscribe(() => {
       var s;
       const o = e.getActiveTextRange();
       if (o) {
-        const { segmentId: c, startOffset: d, endOffset: a } = o, l = n.getCurrentUniverDocInstance(), u = (s = l == null ? void 0 : l.getSelfOrHeaderFooterModel(c).getBody()) == null ? void 0 : s.tables;
-        if (u && u.length && u.some((g) => {
+        const { segmentId: c, startOffset: d, endOffset: a } = o, l = n.getCurrentUniverDocInstance(), m = (s = l == null ? void 0 : l.getSelfOrHeaderFooterModel(c).getBody()) == null ? void 0 : s.tables;
+        if (m && m.length && m.some((g) => {
           const { startIndex: p, endIndex: h } = g;
           return d >= p && d < h || a >= p && a < h;
         })) {
@@ -2048,40 +2045,40 @@ const $i = "univer-image-common-panel", zi = "univer-image-common-panel-grid", q
     return () => r.unsubscribe();
   });
 };
-function lr(i) {
+function er(i) {
   return {
     id: pt,
-    type: $n.SUBITEMS,
+    type: zn.SUBITEMS,
     icon: ht,
     tooltip: "docImage.title",
-    disabled$: dr(i),
-    hidden$: zn(i, ye.UNIVER_DOC)
+    disabled$: Ji(i),
+    hidden$: $n(i, be.UNIVER_DOC)
   };
 }
-function gr(i) {
+function nr(i) {
   return {
     id: wt,
     title: "docImage.upload.float",
-    type: $n.BUTTON,
-    hidden$: zn(i, ye.UNIVER_DOC)
+    type: zn.BUTTON,
+    hidden$: $n(i, be.UNIVER_DOC)
   };
 }
-const mr = {
-  [ci.LAYOUT]: {
+const tr = {
+  [ai.LAYOUT]: {
     [pt]: {
       order: 0,
-      menuItemFactory: lr,
+      menuItemFactory: er,
       [wt]: {
         order: 0,
-        menuItemFactory: gr
+        menuItemFactory: nr
       }
     }
   }
 };
 function Ye(i) {
-  return i.getContextValue(Nt) && i.getContextValue(tn);
+  return i.getContextValue(Rt) && i.getContextValue(tn);
 }
-const ur = {
+const ir = {
   id: Ke.id,
   description: "shortcut.doc.drawing-move-down",
   group: "4_doc-drawing-view",
@@ -2091,7 +2088,7 @@ const ur = {
   staticParameters: {
     direction: fe.DOWN
   }
-}, fr = {
+}, rr = {
   id: Ke.id,
   description: "shortcut.doc.drawing-move-up",
   group: "4_doc-drawing-view",
@@ -2101,7 +2098,7 @@ const ur = {
   staticParameters: {
     direction: fe.UP
   }
-}, hr = {
+}, or = {
   id: Ke.id,
   description: "shortcut.doc.drawing-move-left",
   group: "4_doc-drawing-view",
@@ -2111,7 +2108,7 @@ const ur = {
   staticParameters: {
     direction: fe.LEFT
   }
-}, pr = {
+}, sr = {
   id: Ke.id,
   description: "shortcut.doc.drawing-move-right",
   group: "4_doc-drawing-view",
@@ -2121,7 +2118,7 @@ const ur = {
   staticParameters: {
     direction: fe.RIGHT
   }
-}, wr = {
+}, ar = {
   id: ot.id,
   description: "shortcut.doc.drawing-delete",
   group: "4_doc-drawing-view",
@@ -2130,10 +2127,10 @@ const ur = {
   binding: He.DELETE,
   mac: He.BACKSPACE
 };
-var vr = Object.defineProperty, Ir = Object.getOwnPropertyDescriptor, _r = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ir(e, n) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = (t ? s(e, n, r) : s(r)) || r);
-  return t && r && vr(e, n, r), r;
+var cr = Object.getOwnPropertyDescriptor, dr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? cr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
 }, nn = (i, e) => (n, t) => e(n, t, i);
 let an = class extends Xe {
   constructor(i, e, n, t) {
@@ -2141,10 +2138,10 @@ let an = class extends Xe {
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(ht, rt)), this.disposeWithMe(i.register(gt, cr));
+    this.disposeWithMe(i.register(ht, rt)), this.disposeWithMe(i.register(gt, Qi));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(mr);
+    this._menuManagerService.mergeMenu(tr);
   }
   _initCommands() {
     [
@@ -2158,7 +2155,7 @@ let an = class extends Xe {
       nt,
       Sn,
       mt,
-      ji,
+      Hi,
       ut,
       st,
       dt,
@@ -2170,11 +2167,11 @@ let an = class extends Xe {
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      ur,
-      fr,
-      hr,
-      pr,
-      wr
+      ir,
+      rr,
+      or,
+      sr,
+      ar
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -2183,25 +2180,25 @@ let an = class extends Xe {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-an = _r([
-  nn(0, ve(di)),
-  nn(1, li),
+an = dr([
+  nn(0, ve(ci)),
+  nn(1, di),
   nn(2, z),
-  nn(3, gi)
+  nn(3, li)
 ], an);
-var Sr = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, Dr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Cr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = (t ? s(e, n, r) : s(r)) || r);
-  return t && r && Sr(e, n, r), r;
+var lr = Object.getOwnPropertyDescriptor, gr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? lr(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);
-let cn = class extends At {
+let cn = class extends Nt {
   constructor(e, n, t, r, o) {
     super();
     Ce(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
     this._drawingManagerService = e, this._canvasPopManagerService = n, this._renderManagerService = t, this._univerInstanceService = r, this._contextService = o, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(ye.UNIVER_DOC).pipe(En(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(ye.UNIVER_DOC).pipe(En(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(ye.UNIVER_DOC).forEach((e) => this._create(e));
+    this._univerInstanceService.getCurrentTypeOfUnit$(be.UNIVER_DOC).pipe(En(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(be.UNIVER_DOC).pipe(En(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(be.UNIVER_DOC).forEach((e) => this._create(e));
   }
   _dispose(e) {
     const n = e.getUnitId();
@@ -2216,7 +2213,7 @@ let cn = class extends At {
   _hasCropObject(e) {
     const n = e.getAllObjects();
     for (const t of n)
-      if (t instanceof Yt)
+      if (t instanceof Kt)
         return !0;
     return !1;
   }
@@ -2244,21 +2241,21 @@ let cn = class extends At {
           const d = c.oKey, a = this._drawingManagerService.getDrawingOKey(d);
           if (!a)
             return;
-          const { unitId: l, subUnitId: u, drawingId: g } = a, p = this._canvasPopManagerService.attachPopupToObject(
+          const { unitId: l, subUnitId: m, drawingId: g } = a, p = this._canvasPopManagerService.attachPopupToObject(
             c,
             {
-              componentKey: Zt,
+              componentKey: Yt,
               direction: "horizontal",
               offset: [2, 0],
               extraProps: {
-                menuItems: this._getImageMenuItems(l, u, g)
+                menuItems: this._getImageMenuItems(l, m, g)
               }
             },
             l
           );
-          r.push(this.disposeWithMe(p)), !this._drawingManagerService.getFocusDrawings().find((w) => w.unitId === l && w.subUnitId === u && w.drawingId === g) && this._drawingManagerService.focusDrawing([{
+          r.push(this.disposeWithMe(p)), !this._drawingManagerService.getFocusDrawings().find((w) => w.unitId === l && w.subUnitId === m && w.drawingId === g) && this._drawingManagerService.focusDrawing([{
             unitId: l,
-            subUnitId: u,
+            subUnitId: m,
             drawingId: g
           }]);
         })
@@ -2290,7 +2287,7 @@ let cn = class extends At {
         index: 0,
         commandId: ut.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
-        disable: !!Et.includes(e)
+        disable: !!At.includes(e)
       },
       {
         label: "image-popup.delete",
@@ -2302,7 +2299,7 @@ let cn = class extends At {
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: Qt.id,
+        commandId: Zt.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2310,7 +2307,7 @@ let cn = class extends At {
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: Jt.id,
+        commandId: Qt.id,
         commandParams: [{ unitId: e, subUnitId: n, drawingId: t }],
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2318,17 +2315,17 @@ let cn = class extends At {
     ];
   }
 };
-cn = Dr([
+cn = gr([
   je(0, Ie),
-  je(1, ve(vi)),
+  je(1, ve(wi)),
   je(2, ee),
   je(3, Q),
   je(4, Vn)
 ], cn);
-var Or = Object.defineProperty, Pr = Object.getOwnPropertyDescriptor, Tr = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Pr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
-    (s = i[o]) && (r = (t ? s(e, n, r) : s(r)) || r);
-  return t && r && Or(e, n, r), r;
+var mr = Object.getOwnPropertyDescriptor, ur = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? mr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
 }, xe = (i, e) => (n, t) => e(n, t, i);
 let wn = class extends Xe {
   constructor(e, n, t, r, o, s, c, d) {
@@ -2347,7 +2344,7 @@ let wn = class extends Xe {
     });
   }
   _commandExecutedListener() {
-    const e = [J.id, _i.id];
+    const e = [J.id, Ii.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((n) => {
         if (e.includes(n.id)) {
@@ -2357,7 +2354,7 @@ let wn = class extends Xe {
           const c = this._docSkeletonManagerService.getSkeleton();
           if (c == null)
             return;
-          if (this._editorService.isEditor(o) && o !== Lt) {
+          if (this._editorService.isEditor(o) && o !== xt) {
             s == null || s.makeDirty();
             return;
           }
@@ -2368,8 +2365,8 @@ let wn = class extends Xe {
   }
   _initResize() {
     this.disposeWithMe(
-      Bt(this._context.engine.onTransformChange$).pipe(
-        xn((e) => e.type === ri.resize),
+      Lt(this._context.engine.onTransformChange$).pipe(
+        xn((e) => e.type === ii.resize),
         qn(16)
       ).subscribe(() => {
         var t;
@@ -2383,10 +2380,10 @@ let wn = class extends Xe {
     const n = e == null ? void 0 : e.getSkeletonData(), { mainComponent: t, unitId: r } = this._context, o = t;
     if (!n)
       return;
-    const { left: s, top: c, pageLayoutType: d, pageMarginLeft: a, pageMarginTop: l } = o, { pages: u, skeHeaders: g, skeFooters: p } = n, h = {};
+    const { left: s, top: c, pageLayoutType: d, pageMarginLeft: a, pageMarginTop: l } = o, { pages: m, skeHeaders: g, skeFooters: p } = n, h = {};
     this._liquid.reset();
-    for (let P = 0, M = u.length; P < M; P++) {
-      const b = u[P], { headerId: A, footerId: U, pageWidth: N } = b;
+    for (let T = 0, M = m.length; T < M; T++) {
+      const y = m[T], { headerId: A, footerId: U, pageWidth: N } = y;
       if (A) {
         const I = (O = g.get(A)) == null ? void 0 : O.get(N);
         I && this._calculateDrawingPosition(
@@ -2396,7 +2393,7 @@ let wn = class extends Xe {
           c,
           h,
           I.marginTop,
-          b.marginLeft
+          y.marginLeft
         );
       }
       if (U) {
@@ -2407,13 +2404,13 @@ let wn = class extends Xe {
           s,
           c,
           h,
-          b.pageHeight - b.marginBottom + I.marginTop,
-          b.marginLeft
+          y.pageHeight - y.marginBottom + I.marginTop,
+          y.marginLeft
         );
       }
-      this._calculateDrawingPosition(r, b, s, c, h, b.marginTop, b.marginLeft), this._liquid.translatePage(b, d, a, l);
+      this._calculateDrawingPosition(r, y, s, c, h, y.marginTop, y.marginLeft), this._liquid.translatePage(y, d, a, l);
     }
-    const v = Object.values(h), w = v.filter((P) => !P.isMultiTransform), S = v.filter((P) => P.isMultiTransform);
+    const v = Object.values(h), w = v.filter((T) => !T.isMultiTransform), S = v.filter((T) => T.isMultiTransform);
     w.length > 0 && this._drawingManagerService.refreshTransform(w), this._handleMultiDrawingsTransform(S);
   }
   _handleMultiDrawingsTransform(e) {
@@ -2435,9 +2432,9 @@ let wn = class extends Xe {
       marginTop: s,
       marginLeft: c
     }), d.forEach((a) => {
-      const { aLeft: l, aTop: u, height: g, width: p, angle: h, drawingId: v, drawingOrigin: w } = a, S = w.layoutType === H.WRAP_NONE && w.behindDoc === oe.TRUE, { isMultiTransform: O = oe.FALSE } = w, D = {
+      const { aLeft: l, aTop: m, height: g, width: p, angle: h, drawingId: v, drawingOrigin: w } = a, S = w.layoutType === H.WRAP_NONE && w.behindDoc === oe.TRUE, { isMultiTransform: O = oe.FALSE } = w, D = {
         left: l + t + this._liquid.x,
-        top: u + r + this._liquid.y,
+        top: m + r + this._liquid.y,
         width: p,
         height: g,
         angle: h
@@ -2461,35 +2458,35 @@ let wn = class extends Xe {
       const n = this._docSkeletonManagerService.getSkeleton();
       n != null && (this._refreshDrawing(n), this._drawingManagerService.initializeNotification(this._context.unitId));
     };
-    this._lifecycleService.stage === Pn.Steady ? setTimeout(() => {
+    this._lifecycleService.stage === Tn.Steady ? setTimeout(() => {
       e();
-    }, 1e3) : this._lifecycleService.lifecycle$.pipe(xn((n) => n === Pn.Steady)).subscribe(e);
+    }, 1e3) : this._lifecycleService.lifecycle$.pipe(xn((n) => n === Tn.Steady)).subscribe(e);
   }
 };
-wn = Tr([
+wn = ur([
   xe(1, ve(se)),
   xe(2, z),
-  xe(3, Ii),
+  xe(3, vi),
   xe(4, Ie),
   xe(5, ve(gn)),
   xe(6, Q),
-  xe(7, ve(xt))
+  xe(7, ve(Et))
 ], wn);
-var vt = Object.defineProperty, br = Object.getOwnPropertyDescriptor, yr = (i, e, n) => e in i ? vt(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, Mr = (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 = (t ? s(e, n, r) : s(r)) || r);
-  return t && r && vt(e, n, r), r;
-}, pn = (i, e) => (n, t) => e(n, t, i), It = (i, e, n) => yr(i, typeof e != "symbol" ? e + "" : e, n);
-const Rr = "DOC_DRAWING_UI_PLUGIN";
-let dn = class extends kt {
-  constructor(i = Fn, e, n, t) {
+var fr = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, pr = (i, e, n) => e in i ? fr(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, wr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? hr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
+}, pn = (i, e) => (n, t) => e(n, t, i), vt = (i, e, n) => pr(i, typeof e != "symbol" ? e + "" : e, n);
+const vr = "DOC_DRAWING_UI_PLUGIN";
+let dn = class extends Ft {
+  constructor(i = kn, e, n, t) {
     super(), this._config = i, this._injector = e, this._renderManagerSrv = n, this._configService = t;
     const { ...r } = Ht(
       {},
-      Fn,
+      kn,
       this._config
     );
-    this._configService.setConfig(Pi, r);
+    this._configService.setConfig(Oi, r);
   }
   onStarting() {
     [
@@ -2504,22 +2501,22 @@ let dn = class extends kt {
     [
       [sn],
       [wn]
-    ].forEach((i) => this._renderManagerSrv.registerRenderModule(ye.UNIVER_DOC, i)), this._injector.get(rn), this._injector.get(an), this._injector.get(on);
+    ].forEach((i) => this._renderManagerSrv.registerRenderModule(be.UNIVER_DOC, i)), this._injector.get(rn), this._injector.get(an), this._injector.get(on);
   }
   onRendered() {
     this._injector.get(cn);
   }
 };
-It(dn, "type", ye.UNIVER_DOC);
-It(dn, "pluginName", Rr);
-dn = Mr([
-  Ut(ei, Xt, Gt, mi),
-  pn(1, ve(Ft)),
+vt(dn, "type", be.UNIVER_DOC);
+vt(dn, "pluginName", vr);
+dn = wr([
+  Bt(Jt, qt, Wt, gi),
+  pn(1, ve(Ut)),
   pn(2, ee),
-  pn(3, Wt)
+  pn(3, kt)
 ], dn);
 export {
-  ji as ClearDocDrawingTransformerOperation,
+  Hi as ClearDocDrawingTransformerOperation,
   pt as DOCS_IMAGE_MENU_ID,
   ot as DeleteDocDrawingsCommand,
   ut as EditDocDrawingOperation,