@univerjs/docs-drawing-ui 0.6.1-nightly.202502251606 → 0.6.1-nightly.202502261607

package/lib/es/index.js

@@ -1,21 +1,21 @@
-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 Pe, TextX as vn, TextXActionType as Z, toDisposable as Le, throttle as On, COLORS as yt, MemoryCursor as Pt, 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 yn, ImageUploadStatusType as hn, DRAWING_IMAGE_ALLOW_SIZE as jt, getImageSize as $t, getDrawingShapeKeyByDrawingSearch as zt, DRAWING_IMAGE_WIDTH_LIMIT as Pn, 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";
+var St = Object.defineProperty;
+var Ct = (i, e, n) => e in i ? St(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
+var Ce = (i, e, n) => Ct(i, typeof e != "symbol" ? e + "" : e, n);
+import { Disposable as Xe, UndoCommand as Dt, RedoCommand as Ot, 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 Tt, MemoryCursor as Pt, IUndoRedoService as Gn, BuildTextUtils as yt, ArrangeTypeEnum as Ze, Inject as ve, IContextService as Vn, LocaleService as ln, WrapTextType as $e, DrawingTypeEnum as bt, FOCUSING_COMMON_DRAWINGS as tn, UniverInstanceType as be, Direction as fe, DocumentFlavor as fn, FOCUSING_UNIVER_EDITOR as Mt, RxDisposable as Rt, SHEET_EDITOR_UNITS as Nt, LifecycleService as Et, DOCS_ZEN_EDITOR_UNIT_ID_KEY as At, fromEventSubject as xt, LifecycleStages as Tn, DependentOn as Lt, Injector as Bt, IConfigService as Ut, Plugin as kt, merge as Ft } from "@univerjs/core";
+import { IDocDrawingService as Be, UniverDocsDrawingPlugin as Ht } from "@univerjs/docs-drawing";
+import { IDrawingManagerService as Ie, IImageIoService as Wt, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Gt, DRAWING_IMAGE_COUNT_LIMIT as Pn, ImageUploadStatusType as hn, DRAWING_IMAGE_ALLOW_SIZE as Vt, getImageSize as jt, getDrawingShapeKeyByDrawingSearch as $t, DRAWING_IMAGE_WIDTH_LIMIT as yn, DRAWING_IMAGE_HEIGHT_LIMIT as bn, UniverDrawingPlugin as zt } from "@univerjs/drawing";
+import { DrawingCommonPanel as qt, ImageCropperObject as Xt, COMPONENT_IMAGE_POPUP_MENU as Kt, OpenImageCropOperation as Yt, ImageResetSizeOperation as Zt, UniverDrawingUIPlugin as Qt } from "@univerjs/drawing-ui";
+import { IRenderManagerService as ee, DocumentEditArea as Fe, Liquid as jn, PageLayoutType as Mn, DocumentSkeletonPageType as Rn, Vector2 as Jt, Rect as ei, getColor as ni, TRANSFORM_CHANGE_OBSERVABLE_TYPE as ti } from "@univerjs/engine-render";
+import { IMessageService as ii, ILocalFileService as ri, ISidebarService as oi, useDependency as we, getMenuHiddenObservable as $n, MenuItemType as zn, RibbonStartGroup as si, KeyCode as He, ComponentManager as ai, IMenuManagerService as ci, IShortcutService as di, UniverUIPlugin as li } 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 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 ye } from "@univerjs/design";
+import { DocSelectionRenderService as Me, getRichTextEditPath as ze, NodePositionConvertToCursor as Nn, getOneTextSelectionRange as En, getAnchorBounding as gi, TEXT_RANGE_LAYER_INDEX as mi, getDocObject as ui, getCustomBlockIdsInSelections as fi, docDrawingPositionToTransform as hi, DocCanvasPopManagerService as pi, IEditorService as wi, SetDocZoomRatioOperation as vi } from "@univerjs/docs-ui";
+import { BehaviorSubject as Ii, debounceTime as qn, Observable as _i, takeUntil as An, filter as xn } from "rxjs";
+import { MessageType as Ln, clsx as j, InputNumber as ke, Select as Bn, Checkbox as Si, 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 Di, createElement as Kn, useState as re, useEffect as _n } from "react";
-const Oi = "docs-drawing-ui.config", kn = {};
-var Ti = Object.getOwnPropertyDescriptor, yi = (i, e, n, t) => {
-  for (var r = t > 1 ? void 0 : t ? Ti(e, n) : e, o = i.length - 1, s; o >= 0; o--)
+import { forwardRef as Xn, useRef as Ci, createElement as Kn, useState as re, useEffect as _n } from "react";
+const Di = "docs-drawing-ui.config", kn = {};
+var Oi = Object.getOwnPropertyDescriptor, Ti = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Oi(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);
@@ -42,7 +42,7 @@ function Pi(i) {
     });
   return n;
 }
-function bi(i) {
+function yi(i) {
   if (!Array.isArray(i) || i.length < 3 || i[0] !== "drawingsOrder")
     return [];
   const e = [];
@@ -79,12 +79,12 @@ let rn = class extends Xe {
         if (i.id !== J.id)
           return;
         const e = i.params, { unitId: n, actions: t } = e;
-        bi(t).length > 0 && this._updateDrawingsOrder(n);
+        yi(t).length > 0 && this._updateDrawingsOrder(n);
       })
     ), this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
         var s;
-        if (i.id !== Ot.id && i.id !== Tt.id)
+        if (i.id !== Dt.id && i.id !== Ot.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 = Ti([
   Ve(0, Q),
   Ve(1, z),
   Ve(2, Ie),
@@ -134,7 +134,7 @@ rn = yi([
 ], rn);
 class gn {
   constructor() {
-    Ce(this, "_refreshDrawings$", new _i(null));
+    Ce(this, "_refreshDrawings$", new Ii(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 Mi = {
+const bi = {
   inline: H.INLINE,
   wrapSquare: H.WRAP_SQUARE,
   wrapTopAndBottom: H.WRAP_TOP_AND_BOTTOM,
@@ -231,7 +231,7 @@ const Zn = {
   type: K.COMMAND,
   // eslint-disable-next-line max-lines-per-function, complexity
   handler: (i, e) => {
-    var A, U;
+    var E, 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), c = 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();
@@ -239,7 +239,7 @@ const Zn = {
       return !1;
     const p = l.getEditArea(), h = m.getTransformerByCreate(), { pages: v, skeHeaders: w, skeFooters: S } = c, O = q.getInstance(), D = [], { drawings: T = {} } = g.getSnapshot();
     for (const N of n) {
-      const { drawingId: I } = N, L = T[I].layoutType, W = Mi[t];
+      const { drawingId: I } = N, L = T[I].layoutType, W = bi[t];
       if (L !== W) {
         const C = O.replaceOp(["drawings", I, "layoutType"], L, W);
         D.push(C);
@@ -247,23 +247,23 @@ const Zn = {
       if (t === "behindText" || t === "inFrontOfText") {
         const C = T[I].behindDoc, R = t === "behindText" ? oe.TRUE : oe.FALSE;
         if (C !== R) {
-          const y = O.replaceOp(["drawings", I, "behindDoc"], C, R);
-          D.push(y);
+          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: y, marginTop: B, marginLeft: k, marginBottom: b, pageWidth: E, pageHeight: $ } = C;
+        const { headerId: R, footerId: P, marginTop: B, marginLeft: k, marginBottom: b, pageWidth: A, pageHeight: $ } = C;
         switch (p) {
           case Fe.HEADER: {
-            const F = (A = w.get(R)) == null ? void 0 : A.get(E);
+            const F = (E = w.get(R)) == null ? void 0 : E.get(A);
             F != null && F.skeDrawings.has(I) && (x = F.skeDrawings.get(I), G = F.marginTop, _ = k);
             break;
           }
           case Fe.FOOTER: {
-            const F = (U = S.get(y)) == null ? void 0 : U.get(E);
+            const F = (U = S.get(P)) == null ? void 0 : U.get(A);
             F != null && F.skeDrawings.has(I) && (x = F.skeDrawings.get(I), G = $ - b + F.marginTop, _ = k);
             break;
           }
@@ -276,23 +276,23 @@ const Zn = {
           break;
       }
       if (x != null) {
-        const { aTop: C, aLeft: R } = x, y = T[I].docTransform.positionH;
+        const { aTop: C, aLeft: R } = x, P = T[I].docTransform.positionH;
         let B = R;
-        y.relativeFrom === ne.MARGIN ? B -= _ : y.relativeFrom === ne.COLUMN && (B -= x.columnLeft);
+        P.relativeFrom === ne.MARGIN ? B -= _ : P.relativeFrom === ne.COLUMN && (B -= x.columnLeft);
         const k = {
-          relativeFrom: y.relativeFrom,
+          relativeFrom: P.relativeFrom,
           posOffset: B
         };
-        if (y.posOffset !== k.posOffset) {
-          const F = O.replaceOp(["drawings", I, "docTransform", "positionH"], y, k);
+        if (P.posOffset !== k.posOffset) {
+          const F = O.replaceOp(["drawings", I, "docTransform", "positionH"], P, k);
           D.push(F);
         }
         const b = T[I].docTransform.positionV;
-        let E = C;
-        b.relativeFrom === V.PAGE ? E += G : b.relativeFrom === V.LINE ? E -= x.lineTop : b.relativeFrom === V.PARAGRAPH && (E -= x.blockAnchorTop);
+        let A = C;
+        b.relativeFrom === V.PAGE ? A += G : b.relativeFrom === V.LINE ? A -= x.lineTop : b.relativeFrom === V.PARAGRAPH && (A -= x.blockAnchorTop);
         const $ = {
           relativeFrom: b.relativeFrom,
-          posOffset: E
+          posOffset: A
         };
         if (b.posOffset !== $.posOffset) {
           const F = O.replaceOp(["drawings", I, "docTransform", "positionV"], b, $);
@@ -309,8 +309,8 @@ const Zn = {
       }
     };
     M.params.actions = D.reduce((N, I) => q.compose(N, I), null);
-    const P = o.syncExecuteCommand(M.id, M.params);
-    return h.refreshControls(), !!P;
+    const y = o.syncExecuteCommand(M.id, M.params);
+    return h.refreshControls(), !!y;
   }
 }, Qn = {
   id: "doc.command.update-doc-drawing-distance",
@@ -384,7 +384,7 @@ const Zn = {
     const { drawings: c, unitId: l } = e, m = q.getInstance(), g = [], { drawings: p = {} } = d.getSnapshot();
     for (const w of c) {
       const { drawingId: S, key: O, value: D } = w, T = p[S].docTransform[O];
-      if (!Pe.diffValue(T, D)) {
+      if (!ye.diffValue(T, D)) {
         const M = m.replaceOp(["drawings", S, "docTransform", O], T, D);
         g.push(M);
       }
@@ -430,7 +430,7 @@ const Zn = {
     if (M == null || M.length === 0)
       return r.refreshDrawings(a), d.refreshControls(), !1;
     O.push(...M);
-    const P = {
+    const y = {
       id: J.id,
       params: {
         unitId: p,
@@ -438,9 +438,9 @@ const Zn = {
         textRanges: null
       }
     };
-    P.params.actions = O.reduce((I, L) => q.compose(I, L), null);
-    const A = c.syncExecuteCommand(P.id, P.params);
-    return d.refreshControls(), !!A;
+    y.params.actions = O.reduce((I, L) => q.compose(I, L), null);
+    const E = c.syncExecuteCommand(y.id, y.params);
+    return d.refreshControls(), !!E;
   }
 }, nt = {
   id: "doc.command.transform-non-inline-drawing",
@@ -468,20 +468,20 @@ const Zn = {
     if (D == null)
       return !1;
     D.length > 0 && w.push(...D);
-    const T = q.getInstance(), { drawings: M = {} } = c.getSnapshot(), P = M[S].docTransform, { positionH: A, positionV: U, size: N, angle: I } = P;
-    if (!Pe.diffValue(A, p.positionH)) {
-      const _ = T.replaceOp(["drawings", S, "docTransform", "positionH"], A, p.positionH);
+    const T = q.getInstance(), { drawings: M = {} } = c.getSnapshot(), y = M[S].docTransform, { positionH: E, positionV: U, size: N, angle: I } = y;
+    if (!ye.diffValue(E, p.positionH)) {
+      const _ = T.replaceOp(["drawings", S, "docTransform", "positionH"], E, p.positionH);
       w.push(_);
     }
-    if (!Pe.diffValue(U, p.positionV)) {
+    if (!ye.diffValue(U, p.positionV)) {
       const _ = T.replaceOp(["drawings", S, "docTransform", "positionV"], U, p.positionV);
       w.push(_);
     }
-    if (!Pe.diffValue(N, p.size)) {
+    if (!ye.diffValue(N, p.size)) {
       const _ = T.replaceOp(["drawings", S, "docTransform", "size"], N, p.size);
       w.push(_);
     }
-    if (!Pe.diffValue(I, p.angle)) {
+    if (!ye.diffValue(I, p.angle)) {
       const _ = T.replaceOp(["drawings", S, "docTransform", "angle"], I, p.angle);
       w.push(_);
     }
@@ -499,12 +499,12 @@ const Zn = {
     return s.refreshControls(), !!W;
   }
 };
-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--)
+var Mi = Object.getOwnPropertyDescriptor, Ri = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Mi(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 Ai = "__InlineDrawingAnchor__";
+const Ni = "__InlineDrawingAnchor__";
 function Fn(i) {
   const { path: e } = i;
   return e.some((n) => n === "cells");
@@ -632,20 +632,20 @@ let on = class extends Xe {
         key: "angle",
         value: c
       }), v !== d || w !== a) {
-        const P = d - v, A = a - w;
-        P !== 0 && n.push({
+        const y = d - v, E = a - w;
+        y !== 0 && n.push({
           drawingId: g.drawingId,
           key: "positionV",
           value: {
             relativeFrom: h.docTransform.positionV.relativeFrom,
-            posOffset: h.docTransform.positionV.posOffset + P
+            posOffset: h.docTransform.positionV.posOffset + y
           }
-        }), A !== 0 && n.push({
+        }), E !== 0 && n.push({
           drawingId: g.drawingId,
           key: "positionH",
           value: {
             relativeFrom: h.docTransform.positionH.relativeFrom,
-            posOffset: h.docTransform.positionH.posOffset + A
+            posOffset: h.docTransform.positionH.posOffset + E
           }
         });
       }
@@ -699,46 +699,46 @@ let on = class extends Xe {
       }
     );
     if (T) {
-      const { node: _, ratioX: C, segmentPage: R, segmentId: y } = T;
-      h = C < S, p = _, v = R, w = y;
+      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), P = this._getDocObject();
-    if (M == null || o == null || P == null || Fn(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 = {
+    const E = {
       ...M,
       isBack: h
-    }, U = P.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(E, E), { startOffset: W } = (G = En(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, Te, le, ge, Ee;
+    var _e, Se, de, De, Oe, Ne, Ee, Te, le, ge, Ae;
     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: a, skeFooters: d } = o, { mainComponent: c, scene: l } = t, m = c, 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: P } = n;
-    const { positionV: A, positionH: U } = e.docTransform, { width: N, height: I } = this._getPageContentSize(e);
-    M = Math.min(M, N), P = Math.min(P, I);
+    let { width: M, height: y } = n;
+    const { positionV: E, positionH: U } = e.docTransform, { width: N, height: I } = this._getPageContentSize(e);
+    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: P
+        height: y
       },
       angle: T
-    }, { x: C, y: R } = l.getViewportScrollXY(g), y = this._getTransformCoordForDocumentOffset(m, g, O - C, D - R);
-    if (y == null)
+    }, { 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 k = r == null ? void 0 : r.findNodeByCoord(y, p, h, v, {
+    const k = r == null ? void 0 : r.findNodeByCoord(P, p, h, v, {
       strict: !1,
       segmentId: B.getSegment(),
       segmentPage: B.getSegmentPage()
@@ -749,14 +749,14 @@ let on = class extends Xe {
     }
     if (L == null)
       return;
-    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)
+    const b = (Se = L.parent) == null ? void 0 : Se.parent, A = b == null ? void 0 : b.parent, $ = (de = A == null ? void 0 : A.lines.find((pe) => pe.paragraphIndex === (b == null ? void 0 : b.paragraphIndex) && pe.paragraphStart)) != null ? de : A == null ? void 0 : A.lines[0], F = (De = A == null ? void 0 : A.parent) == null ? void 0 : De.parent;
+    if (b == null || A == null || $ == null || F == null)
       return;
     this._liquid.reset();
     const Y = F.type;
     for (const pe of s) {
-      const { headerId: mn, footerId: un, pageHeight: It, pageWidth: Cn, marginLeft: Dn, marginBottom: _t } = pe, St = s.indexOf(pe);
-      if (x > -1 && St === x) {
+      const { headerId: mn, footerId: un, pageHeight: vt, pageWidth: Cn, marginLeft: Dn, marginBottom: It } = pe, _t = s.indexOf(pe);
+      if (x > -1 && _t === x) {
         switch (Y) {
           case Rn.HEADER: {
             const Ge = (Oe = a.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: It - _t + Ge.marginTop,
+                marginTop: vt - It + Ge.marginTop,
                 marginLeft: Dn
               });
             else
@@ -787,7 +787,7 @@ let on = class extends Xe {
         break;
       this._liquid.restorePagePadding(pe), this._liquid.translatePage(pe, p, h, v);
     }
-    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 = {
+    switch (E.relativeFrom === V.LINE ? L = b.divides[0].glyphGroup[0] : L = (ge = (le = (Te = (Ee = $.divides) == null ? void 0 : Ee[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) {
@@ -796,14 +796,14 @@ let on = class extends Xe {
         break;
       }
       case ne.COLUMN: {
-        _.positionH.posOffset = O - this._liquid.x - w - E.left;
+        _.positionH.posOffset = O - this._liquid.x - w - A.left;
         break;
       }
     }
     switch (_.positionV = {
-      relativeFrom: A.relativeFrom,
+      relativeFrom: E.relativeFrom,
       posOffset: D - this._liquid.y - S
-    }, A.relativeFrom) {
+    }, E.relativeFrom) {
       case V.PAGE: {
         _.positionV.posOffset = D - this._liquid.y - S - F.marginTop;
         break;
@@ -825,7 +825,7 @@ let on = class extends Xe {
     const Re = {
       ...ae,
       isBack: G
-    }, We = Ue.document.getOffsetConfig(), ce = new Nn(We, r), { cursorList: te } = ce.getRangePointData(Re, Re), { startOffset: ie } = (Ee = An(te)) != null ? Ee : {};
+    }, We = Ue.document.getOffsetConfig(), ce = new Nn(We, r), { cursorList: te } = ce.getRangePointData(Re, Re), { startOffset: ie } = (Ae = En(te)) != null ? Ae : {};
     if (ie != null)
       return { offset: ie, docTransform: _, segmentId: W, segmentPage: x };
   }
@@ -880,17 +880,17 @@ let on = class extends Xe {
     let O = o;
     this._liquid.reset();
     for (const D of m) {
-      const { marginBottom: T, pageHeight: M } = D, P = m.indexOf(D), A = m[P + 1];
-      if (A == null)
+      const { marginBottom: T, pageHeight: M } = D, y = m.indexOf(D), E = m[y + 1];
+      if (E == null)
         continue;
-      if (Pe.hasIntersectionBetweenTwoRanges(
+      if (ye.hasIntersectionBetweenTwoRanges(
         o,
         o + a,
         this._liquid.y + h + M - T,
-        this._liquid.y + h + M + S + A.marginTop
+        this._liquid.y + h + M + S + E.marginTop
       )) {
         const N = o + a / 2, I = this._liquid.y + h + M + S / 2;
-        N < I ? O = Math.min(o, this._liquid.y + h + M - T - a) : O = Math.max(o, this._liquid.y + h + M + S + A.marginTop);
+        N < I ? O = Math.min(o, this._liquid.y + h + M - T - a) : O = Math.max(o, this._liquid.y + h + M + S + E.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(ei.FromArray([t, r]));
+    const { documentTransform: o } = e.getOffsetConfig(), s = n.transformVector2SceneCoord(Jt.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: a,
       docsTop: d
-    } = s.getOffsetConfig(), c = mi(n), { left: l, top: m, height: g } = c, p = l + a, h = m + d;
+    } = s.getOffsetConfig(), c = gi(n), { left: l, top: m, height: g } = c, p = l + a, h = m + d;
     if (this._anchorShape) {
       this._anchorShape.transformByState({ left: p, top: h, height: g }), this._anchorShape.show();
       return;
     }
-    const v = 6, w = new ni(Ai + Pe.generateRandomId(v), {
+    const v = 6, w = new ei(Ni + ye.generateRandomId(v), {
       left: p,
       top: h,
       height: g,
       strokeWidth: 2,
-      stroke: ti(yt.darkGray, 1),
+      stroke: ni(Tt.darkGray, 1),
       evented: !1
     });
-    this._anchorShape = w, o.addObject(w, ui);
+    this._anchorShape = w, o.addObject(w, mi);
   }
   _getDocObject() {
-    return fi(this._univerInstanceService, this._renderManagerService);
+    return ui(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();
@@ -985,7 +985,7 @@ let on = class extends Xe {
       };
   }
 };
-on = Ni([
+on = Ri([
   Qe(0, z),
   Qe(1, Q),
   Qe(2, Ie),
@@ -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 = Ei(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Di("_".concat(Bi()));
+  var n = i.icon, t = i.id, r = i.className, o = i.extend, s = Ei(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Ci("_".concat(Li()));
   return it(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, he({ ref: e, className: a }, s), o);
 });
 function it(i, e, n, t, r) {
-  return Kn(i.tag, he(he({ key: e }, xi(i, n, r)), t), (Li(i, n).children || []).map(function(o, s) {
+  return Kn(i.tag, he(he({ key: e }, Ai(i, n, r)), t), (xi(i, n).children || []).map(function(o, s) {
     return it(o, "".concat(e, "-").concat(i.tag, "-").concat(s), n, void 0, r);
   }));
 }
-function xi(i, e, n) {
+function Ai(i, e, n) {
   var t = he({}, i.attrs);
   n != null && n.colorChannel1 && t.fill === "colorChannel1" && (t.fill = n.colorChannel1), i.tag === "mask" && t.id && (t.id = t.id + e.idSuffix), Object.entries(t).forEach(function(o) {
     var s = o[0], a = o[1];
@@ -1027,21 +1027,21 @@ function xi(i, e, n) {
     typeof a == "string" && (t[s] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), t;
 }
-function Li(i, e) {
+function xi(i, e) {
   var n, t = e.defIds;
   return !t || t.length === 0 ? i : i.tag === "defs" && (!((n = i.children) === null || n === void 0) && n.length) ? he(he({}, i), { children: i.children.map(function(r) {
     return typeof r.attrs.id == "string" && t && t.indexOf(r.attrs.id) > -1 ? he(he({}, r), { attrs: he(he({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
   }) }) : i;
 }
-function Bi() {
+function Li() {
   return Math.random().toString(36).substring(2, 8);
 }
 tt.displayName = "UniverIcon";
-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) {
+var Bi = { 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: Ui
+    icon: Bi
   }));
 });
 rt.displayName = "AddImageSingle";
@@ -1050,11 +1050,11 @@ const Sn = {
   type: K.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: (i, e) => {
-    var M, P, A, U;
+    var M, y, E, 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: a } = e, d = (M = s.getSegment()) != null ? M : "", c = new vn(), l = q.getInstance(), m = (A = (P = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : P.customBlocks) != null ? A : [], g = a.map((N) => m.find((I) => I.blockId === N.drawingId)).filter((N) => !!N).sort((N, I) => N.startIndex > I.startIndex ? 1 : -1), p = a[0].unitId, h = new Pt();
+    const s = r.getRenderById(e.unitId).with(Me), { drawings: a } = e, d = (M = s.getSegment()) != null ? M : "", c = new vn(), l = q.getInstance(), m = (E = (y = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : y.customBlocks) != null ? E : [], g = a.map((N) => m.find((I) => I.blockId === N.drawingId)).filter((N) => !!N).sort((N, I) => N.startIndex > I.startIndex ? 1 : -1), p = a[0].unitId, h = new Pt();
     h.reset();
     const v = g[0].startIndex, w = [
       {
@@ -1129,7 +1129,7 @@ const Sn = {
   type: K.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: (i, e) => {
-    var P, A, U, N;
+    var y, E, 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();
@@ -1138,7 +1138,7 @@ const Sn = {
     const a = s.getUnitId(), { drawings: d } = e, { collapsed: c, startOffset: l, segmentId: m } = o, g = s.getSelfOrHeaderFooterModel(m).getBody();
     if (g == null)
       return !1;
-    const p = new vn(), h = q.getInstance(), v = [], w = (A = (P = s.getSnapshot().drawingsOrder) == null ? void 0 : P.length) != null ? A : 0;
+    const p = new vn(), h = q.getInstance(), v = [], w = (E = (y = s.getSnapshot().drawingsOrder) == null ? void 0 : y.length) != null ? E : 0;
     let S = 0;
     if (c)
       l > 0 && p.push({
@@ -1146,16 +1146,16 @@ const Sn = {
         len: l
       });
     else {
-      const I = bt.selection.delete([o], g, 0, null, !1);
+      const I = yt.selection.delete([o], g, 0, null, !1);
       p.push(...I);
-      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);
+      const L = fi(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 y = h.removeOp(["drawings", _], C), B = h.removeOp(["drawingsOrder", R], _);
-          v.push(y), v.push(B), S++;
+          const P = h.removeOp(["drawings", _], C), B = h.removeOp(["drawingsOrder", R], _);
+          v.push(P), v.push(B), S++;
         }
     }
     p.push({
@@ -1200,7 +1200,7 @@ const Sn = {
     if (l == null)
       return !1;
     const m = [];
-    let g = Pe.deepClone(l);
+    let g = ye.deepClone(l);
     g = g.slice(3), g.unshift("drawingsOrder"), m.push(g);
     const p = {
       id: J.id,
@@ -1229,8 +1229,8 @@ const Sn = {
     return !1;
   }
 };
-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--)
+var Ui = Object.getOwnPropertyDescriptor, ki = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? Ui(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);
@@ -1241,11 +1241,11 @@ let sn = class extends Xe {
   async insertDocImage() {
     const i = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: Vt.map((n) => `.${n.replace("image/", "")}`).join(",")
+      accept: Gt.map((n) => `.${n.replace("image/", "")}`).join(",")
     }), e = i.length;
-    return e > yn ? (this._messageService.show({
+    return e > Pn ? (this._messageService.show({
       type: Ln.Error,
-      content: this._localeService.t("update-status.exceedMaxCount", String(yn))
+      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
@@ -1258,7 +1258,7 @@ let sn = class extends Xe {
       let s = "";
       switch (o) {
         case hn.ERROR_EXCEED_SIZE:
-          s = this._localeService.t("update-status.exceedMaxSize", String(jt / (1024 * 1024)));
+          s = this._localeService.t("update-status.exceedMaxSize", String(Vt / (1024 * 1024)));
           break;
         case hn.ERROR_IMAGE_TYPE:
           s = this._localeService.t("update-status.invalidImageType");
@@ -1278,11 +1278,11 @@ let sn = class extends Xe {
     for (const r of e) {
       if (r == null)
         continue;
-      const { imageId: o, imageSourceType: s, source: a, base64Cache: d } = r, { width: c, height: l, image: m } = await $t(d || "");
+      const { imageId: o, imageSourceType: s, source: a, base64Cache: d } = r, { width: c, height: l, image: m } = await jt(d || "");
       this._imageIoService.addImageSourceCache(o, s, m);
       let g = 1;
-      if (c > Pn || l > bn) {
-        const w = Pn / c, S = bn / l;
+      if (c > yn || l > bn) {
+        const w = yn / c, S = bn / l;
         g = Math.min(w, S);
       }
       const p = this._getImagePosition(c * g, l * g);
@@ -1292,10 +1292,10 @@ let sn = class extends Xe {
         unitId: n,
         subUnitId: n,
         drawingId: o,
-        drawingType: Mt.DRAWING_IMAGE,
+        drawingType: bt.DRAWING_IMAGE,
         imageSourceType: s,
         source: a,
-        transform: pi(p),
+        transform: hi(p),
         docTransform: p,
         behindDoc: oe.FALSE,
         title: "",
@@ -1416,7 +1416,7 @@ let sn = class extends Xe {
       return;
     const r = i.getSnapshot(), { drawings: o = {} } = r, s = t.getEditArea() === Fe.BODY;
     for (const d of Object.keys(o)) {
-      const c = o[d], l = zt({ unitId: n, drawingId: c.drawingId, subUnitId: n }), m = e.fuzzyMathObjects(l, !0);
+      const c = o[d], l = $t({ unitId: n, drawingId: c.drawingId, subUnitId: n }), m = e.fuzzyMathObjects(l, !0);
       if (m.length)
         for (const g of m)
           e.detachTransformerFrom(g), g.setOpacity(0.5), (s && c.isMultiTransform !== oe.TRUE || !s && c.isMultiTransform === oe.TRUE) && (e.attachTransformerTo(g), g.setOpacity(1));
@@ -1450,19 +1450,19 @@ let sn = class extends Xe {
     this._docSelectionManagerService.replaceDocRanges(t);
   }
 };
-sn = Fi([
+sn = ki([
   me(1, z),
   me(2, ve(In)),
   me(3, ee),
-  me(4, Gt),
+  me(4, Wt),
   me(5, Be),
   me(6, Ie),
   me(7, Vn),
-  me(8, ri),
+  me(8, ii),
   me(9, ve(ln)),
   me(10, ve(Me)),
   me(11, ve(gn)),
-  me(12, oi)
+  me(12, ri)
 ], sn);
 const lt = {
   id: "doc.command.insert-float-image",
@@ -1482,12 +1482,12 @@ const lt = {
     if (l == null)
       return !1;
     const m = l.getTransformerByCreate(), g = r.getUniverDocInstance(d), p = a.map((v) => {
-      var P, A, U, N, I;
-      const { drawingId: w } = v, S = (P = g == null ? void 0 : g.getSnapshot().drawings) == null ? void 0 : P[w];
+      var y, E, 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, 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), {
+      return s === fe.UP ? M.posOffset = ((E = M.posOffset) != null ? E : 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 : T
@@ -1502,7 +1502,7 @@ const lt = {
     });
     return m.refreshControls(), !!h;
   }
-}, Hi = {
+}, Fi = {
   id: "doc.operation.clear-drawing-transformer",
   type: K.MUTATION,
   handler: (i, e) => {
@@ -1516,7 +1516,7 @@ const lt = {
   id: "sidebar.operation.doc-image",
   type: K.COMMAND,
   handler: async (i, e) => {
-    const n = i.get(si), t = i.get(ln), r = i.get(Ie);
+    const n = i.get(oi), t = i.get(ln), r = i.get(Ie);
     switch (e.value) {
       case "open":
         n.open({
@@ -1542,31 +1542,17 @@ const lt = {
     const n = i.get(Ie), t = i.get(z);
     return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(mt.id, { value: "open" }), !0);
   }
-};
-function ft(i) {
-  var e, n, t = "";
-  if (typeof i == "string" || typeof i == "number") t += i;
-  else if (typeof i == "object") if (Array.isArray(i)) {
-    var r = i.length;
-    for (e = 0; e < r; e++) i[e] && (n = ft(i[e])) && (t && (t += " "), t += n);
-  } else for (n in i) i[n] && (t && (t += " "), t += n);
-  return t;
-}
-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 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) => {
+}, Hi = "univer-image-common-panel", Wi = "univer-image-common-panel-grid", Gi = "univer-image-common-panel-border", Vi = "univer-image-common-panel-title", ji = "univer-image-common-panel-subtitle", $i = "univer-image-common-panel-row", zi = "univer-image-common-panel-column", qi = "univer-image-common-panel-span2", Xi = "univer-image-common-panel-input", u = {
+  imageCommonPanel: Hi,
+  imageCommonPanelGrid: Wi,
+  imageCommonPanelBorder: Gi,
+  imageCommonPanelTitle: Vi,
+  imageCommonPanelSubtitle: ji,
+  imageCommonPanelRow: $i,
+  imageCommonPanelColumn: zi,
+  imageCommonPanelSpan2: qi,
+  imageCommonPanelInput: Xi
+}, Hn = -1e3, Wn = 1e3, Ki = (i) => {
   const e = we(z), n = we(ln), t = we(Ie), r = we(ee), o = we(Q), { drawings: s } = i, a = s[0];
   if (a == null)
     return;
@@ -1603,23 +1589,23 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
   }), [T, M] = re({
     relativeFrom: V.PAGE,
     posOffset: 0
-  }), [P, A] = re(!0), [U, N] = re(!0);
+  }), [y, E] = re(!0), [U, N] = re(!0);
   function I(C, R) {
     var b;
     C === "positionH" ? D(R) : M(R);
-    const y = t.getFocusDrawings();
-    if (y.length === 0)
+    const P = t.getFocusDrawings();
+    if (P.length === 0)
       return;
-    const B = y.map((E) => ({
-      unitId: E.unitId,
-      subUnitId: E.subUnitId,
-      drawingId: E.drawingId
+    const B = P.map((A) => ({
+      unitId: A.unitId,
+      subUnitId: A.subUnitId,
+      drawingId: A.drawingId
     }));
     e.executeCommand(qe.id, {
-      unitId: y[0].unitId,
-      subUnitId: y[0].unitId,
-      drawings: B.map((E) => ({
-        drawingId: E.drawingId,
+      unitId: P[0].unitId,
+      subUnitId: P[0].unitId,
+      drawings: B.map((A) => ({
+        drawingId: A.drawingId,
         key: C,
         value: R
       }))
@@ -1629,20 +1615,20 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
   }
   function L(C) {
     var ie, _e, Se;
-    const R = O.relativeFrom, y = O.posOffset, B = Number(C);
+    const R = O.relativeFrom, P = O.posOffset, B = Number(C);
     if (R === B)
       return;
     const k = t.getFocusDrawings();
     if (k.length === 0)
       return;
-    const b = k[0].drawingId, E = k[0].unitId;
+    const b = k[0].drawingId, A = 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();
+    const Y = (ie = r.getRenderById(A)) == 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: Te } = de;
+      const { marginLeft: De, skeDrawings: Oe, headerId: Ne, footerId: Ee, pageWidth: Te } = de;
       if (Oe.has(b)) {
         $ = Oe.get(b), F = De;
         break;
@@ -1652,7 +1638,7 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
         $ = le == null ? void 0 : le.skeDrawings.get(b), F = De;
         break;
       }
-      const ge = (Se = We.get(Ae)) == null ? void 0 : Se.get(Te);
+      const ge = (Se = We.get(Ee)) == null ? void 0 : Se.get(Te);
       if (ge != null && ge.skeDrawings.has(b)) {
         $ = ge == null ? void 0 : ge.skeDrawings.get(b), F = De;
         break;
@@ -1664,60 +1650,60 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
     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: (y != null ? y : 0) - ce
+      posOffset: (P != null ? P : 0) - ce
     };
     I("positionH", te);
   }
   function W(C) {
-    var Oe, Ne, Ae, Te, le, ge;
-    const R = T.relativeFrom, y = T.posOffset, B = Number(C);
+    var Oe, Ne, Ee, Te, le, ge;
+    const R = T.relativeFrom, P = T.posOffset, B = Number(C);
     if (R === B)
       return;
     const k = t.getFocusDrawings();
     if (k.length === 0)
       return;
-    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);
+    const { drawingId: b, unitId: A } = k[0], $ = o.getUniverDocInstance(A), F = (Oe = r.getRenderById(A)) == null ? void 0 : Oe.with(se).getSkeleton(), Y = (Ne = r.getRenderById(A)) == null ? void 0 : Ne.with(Me), ae = Y == null ? void 0 : Y.getSegment(), Ue = Y == null ? void 0 : Y.getSegmentPage(), Re = (Te = (Ee = $ == null ? void 0 : $.getSelfOrHeaderFooterModel(ae).getBody()) == null ? void 0 : Ee.customBlocks) == null ? void 0 : Te.find((Ae) => Ae.blockId === b);
     if (Re == null || F == null || Y == null)
       return;
-    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;
+    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((Ae) => Ae.paragraphIndex === (te == null ? void 0 : te.paragraphIndex) && Ae.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: (y != null ? y : 0) - de
+      posOffset: (P != null ? P : 0) - de
     };
     I("positionV", De);
   }
   function x(C) {
-    var E;
-    const R = c == null ? void 0 : c.getSnapshot(), y = (E = R == null ? void 0 : R.drawings) == null ? void 0 : E[C.drawingId];
-    if (y == null)
+    var A;
+    const R = c == null ? void 0 : c.getSnapshot(), P = (A = R == null ? void 0 : R.drawings) == null ? void 0 : A[C.drawingId];
+    if (P == null)
       return;
-    const { layoutType: B } = y, {
+    const { layoutType: B } = P, {
       positionH: k,
       positionV: b
-    } = y.docTransform;
-    D(k), M(b), S(B === H.INLINE), A(b.relativeFrom === V.PARAGRAPH || b.relativeFrom === V.LINE);
+    } = P.docTransform;
+    D(k), M(b), S(B === H.INLINE), E(b.relativeFrom === V.PARAGRAPH || b.relativeFrom === V.LINE);
   }
   function G() {
     const C = t.getFocusDrawings();
     C.length !== 0 && x(C[0]);
   }
   function _(C) {
-    A(C), W(String(C ? V.PARAGRAPH : V.PAGE));
+    E(C), W(String(C ? V.PARAGRAPH : V.PAGE));
   }
   return _n(() => {
     G();
-    const C = t.focus$.subscribe((y) => {
-      if (y.length === 0) {
+    const C = t.focus$.subscribe((P) => {
+      if (P.length === 0) {
         N(!1);
         return;
       }
-      N(!0), x(y[0]);
-    }), R = e.onCommandExecuted(async (y) => {
-      y.id === J.id && G();
+      N(!0), x(P[0]);
+    }), R = e.onCommandExecuted(async (P) => {
+      P.id === J.id && G();
     });
     return () => {
       C.unsubscribe(), R.dispose();
@@ -1795,16 +1781,16 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
       ] }) })
     ] }),
     /* @__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: P, onChange: _, children: n.t("image-position.moveObjectWithText") }) }) })
+    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, style: { marginBottom: "50px" }, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(Si, { disabled: w, checked: y, onChange: _, children: n.t("image-position.moveObjectWithText") }) }) })
   ] });
-}, Je = 0, en = 100, Zi = (i) => {
+}, Je = 0, en = 100, Yi = (i) => {
   const e = we(z), n = we(ln), t = we(Ie), r = we(ee), o = we(Q), { drawings: s } = i, a = s[0];
   if (a == null)
     return null;
   const { unitId: d } = a, c = 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), [T, M] = re(""), [P, A] = re({
+  const [g, p] = re(!0), [h, v] = re(!0), [w, S] = re(!0), [O, D] = re(ue.INLINE), [T, M] = re(""), [y, E] = re({
     distT: 0,
     distL: 0,
     distB: 0,
@@ -1815,14 +1801,14 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
     const C = t.getFocusDrawings();
     if (C.length === 0)
       return;
-    const { unitId: R, subUnitId: y } = C[0], B = C.map(({ unitId: k, subUnitId: b, drawingId: E }) => ({
+    const { unitId: R, subUnitId: P } = C[0], B = C.map(({ unitId: k, subUnitId: b, drawingId: A }) => ({
       unitId: k,
       subUnitId: b,
-      drawingId: E
+      drawingId: A
     }));
     e.executeCommand(Zn.id, {
       unitId: R,
-      subUnitId: y,
+      subUnitId: P,
       drawings: B,
       wrappingStyle: _
     });
@@ -1832,10 +1818,10 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
     const C = t.getFocusDrawings();
     if (C.length === 0)
       return;
-    const R = C.map((y) => ({
-      unitId: y.unitId,
-      subUnitId: y.subUnitId,
-      drawingId: y.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 +1833,19 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
   function W(_, C) {
     if (_ == null)
       return;
-    const R = { ...P, [C]: _ };
-    A(R);
-    const y = t.getFocusDrawings();
-    if (y.length === 0)
+    const R = { ...y, [C]: _ };
+    E(R);
+    const P = t.getFocusDrawings();
+    if (P.length === 0)
       return;
-    const B = y.map((k) => ({
+    const B = P.map((k) => ({
       unitId: k.unitId,
       subUnitId: k.subUnitId,
       drawingId: k.drawingId
     }));
     e.executeCommand(Qn.id, {
-      unitId: y[0].unitId,
-      subUnitId: y[0].unitId,
+      unitId: P[0].unitId,
+      subUnitId: P[0].unitId,
       drawings: B,
       dist: {
         [C]: _
@@ -1877,20 +1863,20 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
       return;
     const {
       distT: R = 0,
-      distL: y = 0,
+      distL: P = 0,
       distB: B = 0,
       distR: k = 0,
       layoutType: b = H.INLINE,
-      behindDoc: E = oe.FALSE,
+      behindDoc: A = oe.FALSE,
       wrapText: $ = $e.BOTH_SIDES
     } = C;
-    if (A({
+    if (E({
       distT: R,
-      distL: y,
+      distL: P,
       distB: B,
       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);
+      A === oe.TRUE ? D(ue.BEHIND_TEXT) : D(ue.IN_FRONT_OF_TEXT);
     else
       switch (b) {
         case H.INLINE:
@@ -1924,17 +1910,17 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
     /* @__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(ye, { value: ue.INLINE, children: n.t("image-text-wrap.inline") }),
-      /* @__PURE__ */ f(ye, { value: ue.WRAP_SQUARE, children: n.t("image-text-wrap.square") }),
-      /* @__PURE__ */ f(ye, { value: ue.WRAP_TOP_AND_BOTTOM, children: n.t("image-text-wrap.topAndBottom") }),
-      /* @__PURE__ */ f(ye, { value: ue.BEHIND_TEXT, children: n.t("image-text-wrap.behindText") }),
-      /* @__PURE__ */ f(ye, { value: ue.IN_FRONT_OF_TEXT, children: n.t("image-text-wrap.inFrontText") })
+      /* @__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: 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(ye, { value: $e.BOTH_SIDES, children: n.t("image-text-wrap.bothSide") }),
-      /* @__PURE__ */ f(ye, { value: $e.LEFT, children: n.t("image-text-wrap.leftOnly") }),
-      /* @__PURE__ */ f(ye, { value: $e.RIGHT, children: n.t("image-text-wrap.rightOnly") })
+      /* @__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: 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: [
@@ -1947,7 +1933,7 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
             max: en,
             disabled: h,
             precision: 1,
-            value: P.distT,
+            value: y.distT,
             onChange: (_) => {
               W(_, "distT");
             },
@@ -1964,7 +1950,7 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
             max: en,
             disabled: w,
             precision: 1,
-            value: P.distL,
+            value: y.distL,
             onChange: (_) => {
               W(_, "distL");
             },
@@ -1983,7 +1969,7 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
             max: en,
             disabled: h,
             precision: 1,
-            value: P.distB,
+            value: y.distB,
             onChange: (_) => {
               W(_, "distB");
             },
@@ -2000,7 +1986,7 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
             max: en,
             disabled: w,
             precision: 1,
-            value: P.distR,
+            value: y.distR,
             onChange: (_) => {
               W(_, "distR");
             },
@@ -2010,7 +1996,7 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
       ] }) })
     ] })
   ] });
-}, Qi = () => {
+}, Zi = () => {
   const i = we(Ie), e = i.getFocusDrawings(), [n, t] = re(e);
   return _n(() => {
     const r = i.focus$.subscribe((o) => {
@@ -2020,13 +2006,13 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
       r.unsubscribe();
     };
   }, []), !!(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 })
+    /* @__PURE__ */ f(qt, { drawings: n, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
+    /* @__PURE__ */ f(Yi, { drawings: n }),
+    /* @__PURE__ */ f(Ki, { drawings: n })
   ] });
-}, ht = "addition-and-subtraction-single", pt = "doc.menu.image", wt = lt.id, Ji = (i) => {
+}, ft = "addition-and-subtraction-single", ht = "doc.menu.image", pt = lt.id, Qi = (i) => {
   const e = i.get(In), n = i.get(Q);
-  return new Si((t) => {
+  return new _i((t) => {
     const r = e.textSelection$.subscribe(() => {
       var s;
       const o = e.getActiveTextRange();
@@ -2048,40 +2034,40 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
     return () => r.unsubscribe();
   });
 };
-function er(i) {
+function Ji(i) {
   return {
-    id: pt,
+    id: ht,
     type: zn.SUBITEMS,
-    icon: ht,
+    icon: ft,
     tooltip: "docImage.title",
-    disabled$: Ji(i),
+    disabled$: Qi(i),
     hidden$: $n(i, be.UNIVER_DOC)
   };
 }
-function nr(i) {
+function er(i) {
   return {
-    id: wt,
+    id: pt,
     title: "docImage.upload.float",
     type: zn.BUTTON,
     hidden$: $n(i, be.UNIVER_DOC)
   };
 }
-const tr = {
-  [ai.LAYOUT]: {
-    [pt]: {
+const nr = {
+  [si.LAYOUT]: {
+    [ht]: {
       order: 0,
-      menuItemFactory: er,
-      [wt]: {
+      menuItemFactory: Ji,
+      [pt]: {
         order: 0,
-        menuItemFactory: nr
+        menuItemFactory: er
       }
     }
   }
 };
 function Ye(i) {
-  return i.getContextValue(Rt) && i.getContextValue(tn);
+  return i.getContextValue(Mt) && i.getContextValue(tn);
 }
-const ir = {
+const tr = {
   id: Ke.id,
   description: "shortcut.doc.drawing-move-down",
   group: "4_doc-drawing-view",
@@ -2091,7 +2077,7 @@ const ir = {
   staticParameters: {
     direction: fe.DOWN
   }
-}, rr = {
+}, ir = {
   id: Ke.id,
   description: "shortcut.doc.drawing-move-up",
   group: "4_doc-drawing-view",
@@ -2101,7 +2087,7 @@ const ir = {
   staticParameters: {
     direction: fe.UP
   }
-}, or = {
+}, rr = {
   id: Ke.id,
   description: "shortcut.doc.drawing-move-left",
   group: "4_doc-drawing-view",
@@ -2111,7 +2097,7 @@ const ir = {
   staticParameters: {
     direction: fe.LEFT
   }
-}, sr = {
+}, or = {
   id: Ke.id,
   description: "shortcut.doc.drawing-move-right",
   group: "4_doc-drawing-view",
@@ -2121,7 +2107,7 @@ const ir = {
   staticParameters: {
     direction: fe.RIGHT
   }
-}, ar = {
+}, sr = {
   id: ot.id,
   description: "shortcut.doc.drawing-delete",
   group: "4_doc-drawing-view",
@@ -2130,8 +2116,8 @@ const ir = {
   binding: He.DELETE,
   mac: He.BACKSPACE
 };
-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--)
+var ar = Object.getOwnPropertyDescriptor, cr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? ar(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);
@@ -2141,10 +2127,10 @@ let an = class extends Xe {
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(ht, rt)), this.disposeWithMe(i.register(gt, Qi));
+    this.disposeWithMe(i.register(ft, rt)), this.disposeWithMe(i.register(gt, Zi));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(tr);
+    this._menuManagerService.mergeMenu(nr);
   }
   _initCommands() {
     [
@@ -2158,7 +2144,7 @@ let an = class extends Xe {
       nt,
       Sn,
       mt,
-      Hi,
+      Fi,
       ut,
       st,
       dt,
@@ -2170,11 +2156,11 @@ let an = class extends Xe {
   _initShortcuts() {
     [
       // sheet drawing shortcuts
+      tr,
       ir,
       rr,
       or,
-      sr,
-      ar
+      sr
     ].forEach((i) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
@@ -2183,25 +2169,25 @@ let an = class extends Xe {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-an = dr([
-  nn(0, ve(ci)),
-  nn(1, di),
+an = cr([
+  nn(0, ve(ai)),
+  nn(1, ci),
   nn(2, z),
-  nn(3, li)
+  nn(3, di)
 ], an);
-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--)
+var dr = Object.getOwnPropertyDescriptor, lr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? dr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
 }, je = (i, e) => (n, t) => e(n, t, i);
-let cn = class extends Nt {
+let cn = class extends Rt {
   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$(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));
+    this._univerInstanceService.getCurrentTypeOfUnit$(be.UNIVER_DOC).pipe(An(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(be.UNIVER_DOC).pipe(An(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 +2202,7 @@ let cn = class extends Nt {
   _hasCropObject(e) {
     const n = e.getAllObjects();
     for (const t of n)
-      if (t instanceof Kt)
+      if (t instanceof Xt)
         return !0;
     return !1;
   }
@@ -2247,7 +2233,7 @@ let cn = class extends Nt {
           const { unitId: l, subUnitId: m, drawingId: g } = c, p = this._canvasPopManagerService.attachPopupToObject(
             a,
             {
-              componentKey: Yt,
+              componentKey: Kt,
               direction: "horizontal",
               offset: [2, 0],
               extraProps: {
@@ -2290,7 +2276,7 @@ let cn = class extends Nt {
         index: 0,
         commandId: ut.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
-        disable: !!At.includes(e)
+        disable: !!Nt.includes(e)
       },
       {
         label: "image-popup.delete",
@@ -2302,7 +2288,7 @@ let cn = class extends Nt {
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: Zt.id,
+        commandId: Yt.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2310,7 +2296,7 @@ let cn = class extends Nt {
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: Qt.id,
+        commandId: Zt.id,
         commandParams: [{ unitId: e, subUnitId: n, drawingId: t }],
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2318,15 +2304,15 @@ let cn = class extends Nt {
     ];
   }
 };
-cn = gr([
+cn = lr([
   je(0, Ie),
-  je(1, ve(wi)),
+  je(1, ve(pi)),
   je(2, ee),
   je(3, Q),
   je(4, Vn)
 ], cn);
-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--)
+var gr = Object.getOwnPropertyDescriptor, mr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? gr(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);
@@ -2347,7 +2333,7 @@ let wn = class extends Xe {
     });
   }
   _commandExecutedListener() {
-    const e = [J.id, Ii.id];
+    const e = [J.id, vi.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((n) => {
         if (e.includes(n.id)) {
@@ -2357,7 +2343,7 @@ let wn = class extends Xe {
           const a = this._docSkeletonManagerService.getSkeleton();
           if (a == null)
             return;
-          if (this._editorService.isEditor(o) && o !== xt) {
+          if (this._editorService.isEditor(o) && o !== At) {
             s == null || s.makeDirty();
             return;
           }
@@ -2368,8 +2354,8 @@ let wn = class extends Xe {
   }
   _initResize() {
     this.disposeWithMe(
-      Lt(this._context.engine.onTransformChange$).pipe(
-        xn((e) => e.type === ii.resize),
+      xt(this._context.engine.onTransformChange$).pipe(
+        xn((e) => e.type === ti.resize),
         qn(16)
       ).subscribe(() => {
         var t;
@@ -2386,9 +2372,9 @@ let wn = class extends Xe {
     const { left: s, top: a, pageLayoutType: d, pageMarginLeft: c, pageMarginTop: l } = o, { pages: m, skeHeaders: g, skeFooters: p } = n, h = {};
     this._liquid.reset();
     for (let T = 0, M = m.length; T < M; T++) {
-      const P = m[T], { headerId: A, footerId: U, pageWidth: N } = P;
-      if (A) {
-        const I = (O = g.get(A)) == null ? void 0 : O.get(N);
+      const y = m[T], { headerId: E, footerId: U, pageWidth: N } = y;
+      if (E) {
+        const I = (O = g.get(E)) == null ? void 0 : O.get(N);
         I && this._calculateDrawingPosition(
           r,
           I,
@@ -2396,7 +2382,7 @@ let wn = class extends Xe {
           a,
           h,
           I.marginTop,
-          P.marginLeft
+          y.marginLeft
         );
       }
       if (U) {
@@ -2407,11 +2393,11 @@ let wn = class extends Xe {
           s,
           a,
           h,
-          P.pageHeight - P.marginBottom + I.marginTop,
-          P.marginLeft
+          y.pageHeight - y.marginBottom + I.marginTop,
+          y.marginLeft
         );
       }
-      this._calculateDrawingPosition(r, P, s, a, h, P.marginTop, P.marginLeft), this._liquid.translatePage(P, d, c, l);
+      this._calculateDrawingPosition(r, y, s, a, h, y.marginTop, y.marginLeft), this._liquid.translatePage(y, d, c, l);
     }
     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);
@@ -2466,30 +2452,30 @@ let wn = class extends Xe {
     }, 1e3) : this._lifecycleService.lifecycle$.pipe(xn((n) => n === Tn.Steady)).subscribe(e);
   }
 };
-wn = ur([
+wn = mr([
   xe(1, ve(se)),
   xe(2, z),
-  xe(3, vi),
+  xe(3, wi),
   xe(4, Ie),
   xe(5, ve(gn)),
   xe(6, Q),
   xe(7, ve(Et))
 ], wn);
-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--)
+var ur = Object.defineProperty, fr = Object.getOwnPropertyDescriptor, hr = (i, e, n) => e in i ? ur(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, pr = (i, e, n, t) => {
+  for (var r = t > 1 ? void 0 : t ? fr(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 {
+}, pn = (i, e) => (n, t) => e(n, t, i), wt = (i, e, n) => hr(i, typeof e != "symbol" ? e + "" : e, n);
+const wr = "DOC_DRAWING_UI_PLUGIN";
+let dn = class extends kt {
   constructor(i = kn, e, n, t) {
     super(), this._config = i, this._injector = e, this._renderManagerSrv = n, this._configService = t;
-    const { ...r } = Ht(
+    const { ...r } = Ft(
       {},
       kn,
       this._config
     );
-    this._configService.setConfig(Oi, r);
+    this._configService.setConfig(Di, r);
   }
   onStarting() {
     [
@@ -2510,17 +2496,17 @@ let dn = class extends Ft {
     this._injector.get(cn);
   }
 };
-vt(dn, "type", be.UNIVER_DOC);
-vt(dn, "pluginName", vr);
-dn = wr([
-  Bt(Jt, qt, Wt, gi),
-  pn(1, ve(Ut)),
+wt(dn, "type", be.UNIVER_DOC);
+wt(dn, "pluginName", wr);
+dn = pr([
+  Lt(Qt, zt, Ht, li),
+  pn(1, ve(Bt)),
   pn(2, ee),
-  pn(3, kt)
+  pn(3, Ut)
 ], dn);
 export {
-  Hi as ClearDocDrawingTransformerOperation,
-  pt as DOCS_IMAGE_MENU_ID,
+  Fi as ClearDocDrawingTransformerOperation,
+  ht as DOCS_IMAGE_MENU_ID,
   ot as DeleteDocDrawingsCommand,
   ut as EditDocDrawingOperation,
   st as GroupDocDrawingCommand,