@univerjs/docs-drawing-ui 0.6.7 → 0.6.9-experimental.20250403-d914ddc

package/lib/es/index.js

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