@univerjs/docs-drawing-ui 0.8.0-beta.0 → 0.8.0-nightly.202505271607

package/lib/index.js

@@ -1,123 +1,68 @@
-var kn = Object.defineProperty;
-var Fn = (r, e, t) => e in r ? kn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var Ie = (r, e, t) => Fn(r, typeof e != "symbol" ? e + "" : e, t);
-import { CommandType as q, ICommandService as j, IUniverInstanceService as z, TextX as St, JSONX as $, MemoryCursor as Wn, TextXActionType as Y, IUndoRedoService as Yt, BuildTextUtils as Hn, ArrangeTypeEnum as Qe, Tools as be, Inject as Z, IContextService as Zt, LocaleService as ut, Disposable as Le, WrapTextType as Xe, PositionedObjectLayoutType as F, BooleanNumber as oe, DrawingTypeEnum as Ne, ObjectRelativeFromV as W, ObjectRelativeFromH as J, FOCUSING_COMMON_DRAWINGS as rt, UniverInstanceType as we, Direction as fe, DocumentFlavor as mt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as Dt, FOCUSING_UNIVER_EDITOR as Gn, UndoCommand as jn, RedoCommand as Vn, DisposableCollection as $n, toDisposable as De, fromEventSubject as Qt, generateRandomId as zn, Injector as Jt, DOC_DRAWING_PRINTING_COMPONENT_KEY as Xn, throttle as Rt, COLORS as qn, RxDisposable as Kn, LifecycleService as Yn, LifecycleStages as At, DependentOn as Zn, IConfigService as Qn, Plugin as Jn, merge as er } from "@univerjs/core";
-import { IDocDrawingService as Ue, UniverDocsDrawingPlugin as tr } from "@univerjs/docs-drawing";
-import { IImageIoService as nr, IDrawingManagerService as pe, DRAWING_IMAGE_ALLOW_IMAGE_LIST as rr, DRAWING_IMAGE_COUNT_LIMIT as Pt, ImageUploadStatusType as vt, DRAWING_IMAGE_ALLOW_SIZE as ir, getImageSize as or, getDrawingShapeKeyByDrawingSearch as sr, DRAWING_IMAGE_WIDTH_LIMIT as xt, DRAWING_IMAGE_HEIGHT_LIMIT as Nt, UniverDrawingPlugin as ar } from "@univerjs/drawing";
-import { DrawingCommonPanel as cr, DrawingRenderService as en, ImageCropperObject as dr, COMPONENT_IMAGE_POPUP_MENU as gr, OpenImageCropOperation as lr, ImageResetSizeOperation as ur, UniverDrawingUIPlugin as fr } from "@univerjs/drawing-ui";
-import { IRenderManagerService as Q, DocumentEditArea as We, getCurrentTypeOfRenderer as hr, CURSOR_TYPE as Lt, Liquid as tn, PageLayoutType as Ut, DocumentSkeletonPageType as Bt, Vector2 as pr, Rect as mr, getColor as vr, TRANSFORM_CHANGE_OBSERVABLE_TYPE as wr } from "@univerjs/engine-render";
-import { IMessageService as Ir, ILocalFileService as _r, ISidebarService as Sr, useDependency as ve, getMenuHiddenObservable as nn, MenuItemType as rn, RibbonInsertGroup as Dr, KeyCode as He, ComponentManager as on, IMenuManagerService as Or, IShortcutService as yr, CanvasFloatDomService as Tr, PrintFloatDomSingle as Mr, connectInjector as br, UniverUIPlugin as Cr } from "@univerjs/ui";
-import { RichTextEditingMutation as ee, DocSelectionManagerService as Ot, DocSkeletonManagerService as te } from "@univerjs/docs";
-import { DocSelectionRenderService as Ce, getRichTextEditPath as qe, getCustomBlockIdsInSelections as Er, docDrawingPositionToTransform as sn, VIEWPORT_KEY as an, SetDocZoomRatioOperation as cn, DocPrintInterceptorService as Rr, NodePositionConvertToCursor as kt, getOneTextSelectionRange as Ft, getAnchorBounding as Ar, TEXT_RANGE_LAYER_INDEX as Pr, getDocObject as xr, DocCanvasPopManagerService as Nr, IEditorService as Lr } from "@univerjs/docs-ui";
-import { MessageType as Wt, clsx as dn, InputNumber as Fe, Select as Ht, Checkbox as Ur, RadioGroup as Gt, Radio as Me, render as Br, unmount as kr } from "@univerjs/design";
-import { BehaviorSubject as yt, debounceTime as gn, Observable as Fr, map as jt, switchMap as Wr, of as Hr, takeUntil as Vt, filter as $t } from "rxjs";
-import { jsxs as X, jsx as T } from "react/jsx-runtime";
-import { forwardRef as ln, useRef as Gr, createElement as un, useState as ie, useEffect as Tt, useMemo as jr } from "react";
-const Vr = "docs-drawing-ui.config", zt = {};
-var he = function() {
-  return he = Object.assign || function(r) {
-    for (var e, t = 1, n = arguments.length; t < n; t++) {
-      e = arguments[t];
-      for (var i in e) Object.prototype.hasOwnProperty.call(e, i) && (r[i] = e[i]);
-    }
-    return r;
-  }, he.apply(this, arguments);
-}, $r = function(r, e) {
-  var t = {};
-  for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && e.indexOf(n) < 0 && (t[n] = r[n]);
-  if (r != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, n = Object.getOwnPropertySymbols(r); i < n.length; i++)
-      e.indexOf(n[i]) < 0 && Object.prototype.propertyIsEnumerable.call(r, n[i]) && (t[n[i]] = r[n[i]]);
-  return t;
-}, fn = ln(function(r, e) {
-  var t = r.icon, n = r.id, i = r.className, o = r.extend, s = $r(r, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), d = Gr("_".concat(qr()));
-  return hn(t, "".concat(n), { defIds: t.defIds, idSuffix: d.current }, he({ ref: e, className: c }, s), o);
-});
-function hn(r, e, t, n, i) {
-  return un(r.tag, he(he({ key: e }, zr(r, t, i)), n), (Xr(r, t).children || []).map(function(o, s) {
-    return hn(o, "".concat(e, "-").concat(r.tag, "-").concat(s), t, void 0, i);
-  }));
-}
-function zr(r, e, t) {
-  var n = he({}, r.attrs);
-  t != null && t.colorChannel1 && n.fill === "colorChannel1" && (n.fill = t.colorChannel1), r.tag === "mask" && n.id && (n.id = n.id + e.idSuffix), Object.entries(n).forEach(function(o) {
-    var s = o[0], c = o[1];
-    s === "mask" && typeof c == "string" && (n[s] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
-  });
-  var i = e.defIds;
-  return !i || i.length === 0 || (r.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(function(o) {
-    var s = o[0], c = o[1];
-    typeof c == "string" && (n[s] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
-  })), n;
-}
-function Xr(r, e) {
-  var t, n = e.defIds;
-  return !n || n.length === 0 ? r : r.tag === "defs" && (!((t = r.children) === null || t === void 0) && t.length) ? he(he({}, r), { children: r.children.map(function(i) {
-    return typeof i.attrs.id == "string" && n && n.indexOf(i.attrs.id) > -1 ? he(he({}, i), { attrs: he(he({}, i.attrs), { id: i.attrs.id + e.idSuffix }) }) : i;
-  }) }) : r;
-}
-function qr() {
-  return Math.random().toString(36).substring(2, 8);
-}
-fn.displayName = "UniverIcon";
-var Kr = { 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" } }] }, pn = ln(function(r, e) {
-  return un(fn, Object.assign({}, r, {
-    id: "add-image-single",
-    ref: e,
-    icon: Kr
-  }));
-});
-pn.displayName = "AddImageSingle";
-const Mt = {
+var An = Object.defineProperty;
+var Pn = (i, e, t) => e in i ? An(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var ve = (i, e, t) => Pn(i, typeof e != "symbol" ? e + "" : e, t);
+import { CommandType as q, ICommandService as j, IUniverInstanceService as z, TextX as _t, JSONX as $, MemoryCursor as xn, TextXActionType as Y, IUndoRedoService as Kt, BuildTextUtils as Nn, ArrangeTypeEnum as Ze, Tools as Me, Inject as Z, IContextService as Yt, LocaleService as lt, Disposable as Ne, WrapTextType as ze, PositionedObjectLayoutType as k, BooleanNumber as oe, DrawingTypeEnum as xe, ObjectRelativeFromV as W, ObjectRelativeFromH as J, FOCUSING_COMMON_DRAWINGS as nt, UniverInstanceType as we, Direction as he, DocumentFlavor as pt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as St, FOCUSING_UNIVER_EDITOR as Un, UndoCommand as Ln, RedoCommand as Bn, DisposableCollection as Fn, toDisposable as Se, fromEventSubject as Zt, generateRandomId as kn, Injector as Qt, DOC_DRAWING_PRINTING_COMPONENT_KEY as Wn, throttle as Et, COLORS as Gn, RxDisposable as Hn, LifecycleService as jn, LifecycleStages as Rt, DependentOn as Vn, IConfigService as $n, Plugin as zn, merge as Xn } from "@univerjs/core";
+import { IDocDrawingService as Ue, UniverDocsDrawingPlugin as qn } from "@univerjs/docs-drawing";
+import { IImageIoService as Kn, IDrawingManagerService as fe, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Yn, DRAWING_IMAGE_COUNT_LIMIT as At, ImageUploadStatusType as mt, DRAWING_IMAGE_ALLOW_SIZE as Zn, getImageSize as Qn, getDrawingShapeKeyByDrawingSearch as Jn, DRAWING_IMAGE_WIDTH_LIMIT as Pt, DRAWING_IMAGE_HEIGHT_LIMIT as xt, UniverDrawingPlugin as er } from "@univerjs/drawing";
+import { DrawingCommonPanel as tr, DrawingRenderService as Jt, ImageCropperObject as nr, COMPONENT_IMAGE_POPUP_MENU as rr, OpenImageCropOperation as ir, ImageResetSizeOperation as or, UniverDrawingUIPlugin as sr } from "@univerjs/drawing-ui";
+import { IRenderManagerService as Q, DocumentEditArea as ke, getCurrentTypeOfRenderer as ar, CURSOR_TYPE as Nt, Liquid as en, PageLayoutType as Ut, DocumentSkeletonPageType as Lt, Vector2 as cr, Rect as dr, getColor as gr, TRANSFORM_CHANGE_OBSERVABLE_TYPE as lr } from "@univerjs/engine-render";
+import { IMessageService as ur, ILocalFileService as hr, ISidebarService as fr, useDependency as me, getMenuHiddenObservable as tn, MenuItemType as nn, RibbonInsertGroup as pr, KeyCode as We, ComponentManager as rn, IMenuManagerService as mr, IShortcutService as wr, CanvasFloatDomService as vr, PrintFloatDomSingle as Ir, connectInjector as _r, UniverUIPlugin as Sr } from "@univerjs/ui";
+import { RichTextEditingMutation as ee, DocSelectionManagerService as Dt, DocSkeletonManagerService as te } from "@univerjs/docs";
+import { DocSelectionRenderService as be, getRichTextEditPath as Xe, getCustomBlockIdsInSelections as Dr, docDrawingPositionToTransform as on, VIEWPORT_KEY as sn, SetDocZoomRatioOperation as an, DocPrintInterceptorService as Or, NodePositionConvertToCursor as Bt, getOneTextSelectionRange as Ft, getAnchorBounding as Tr, TEXT_RANGE_LAYER_INDEX as yr, getDocObject as Mr, DocCanvasPopManagerService as br, IEditorService as Cr } from "@univerjs/docs-ui";
+import { MessageType as kt, clsx as cn, InputNumber as Fe, Select as Wt, Checkbox as Er, RadioGroup as Gt, Radio as ye, render as Rr, unmount as Ar } from "@univerjs/design";
+import { BehaviorSubject as Ot, debounceTime as dn, Observable as Pr, map as Ht, switchMap as xr, of as Nr, takeUntil as jt, filter as Vt } from "rxjs";
+import { jsxs as X, jsx as y } from "react/jsx-runtime";
+import { useState as ie, useEffect as Tt, useMemo as Ur } from "react";
+const Lr = "docs-drawing-ui.config", $t = {}, yt = {
   id: "doc.command.remove-doc-image",
   type: q.COMMAND,
   // eslint-disable-next-line max-lines-per-function
-  handler: (r, e) => {
-    var C, M, A, U;
-    const t = r.get(j), n = r.get(z), i = r.get(Q), o = n.getCurrentUniverDocInstance();
+  handler: (i, e) => {
+    var C, M, A, L;
+    const t = i.get(j), n = i.get(z), r = i.get(Q), o = n.getCurrentUniverDocInstance();
     if (e == null || o == null)
       return !1;
-    const s = i.getRenderById(e.unitId).with(Ce), { drawings: c } = e, d = (C = s.getSegment()) != null ? C : "", a = new St(), g = $.getInstance(), u = (A = (M = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : M.customBlocks) != null ? A : [], l = c.map((R) => u.find((w) => w.blockId === R.drawingId)).filter((R) => !!R).sort((R, w) => R.startIndex > w.startIndex ? 1 : -1), h = c[0].unitId, f = new Wn();
-    f.reset();
+    const s = r.getRenderById(e.unitId).with(be), { drawings: c } = e, d = (C = s.getSegment()) != null ? C : "", a = new _t(), g = $.getInstance(), u = (A = (M = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : M.customBlocks) != null ? A : [], l = c.map((R) => u.find((v) => v.blockId === R.drawingId)).filter((R) => !!R).sort((R, v) => R.startIndex > v.startIndex ? 1 : -1), f = c[0].unitId, h = new xn();
+    h.reset();
     const m = l[0].startIndex, p = [
       {
         startOffset: m,
         endOffset: m
       }
-    ], v = {
+    ], w = {
       id: ee.id,
       params: {
-        unitId: h,
+        unitId: f,
         actions: [],
         textRanges: p
       }
     }, D = [];
     for (const R of l) {
-      const { startIndex: w } = R;
-      w > f.cursor && a.push({
+      const { startIndex: v } = R;
+      v > h.cursor && a.push({
         t: Y.RETAIN,
-        len: w - f.cursor
+        len: v - h.cursor
       }), a.push({
         t: Y.DELETE,
         len: 1
-      }), f.moveCursorTo(w + 1);
+      }), h.moveCursorTo(v + 1);
     }
-    const S = qe(o, d);
+    const S = Xe(o, d);
     D.push(g.editOp(a.serialize(), S));
     for (const R of l) {
-      const { blockId: w } = R, N = ((U = o.getDrawings()) != null ? U : {})[w], x = o.getDrawingsOrder().indexOf(w), G = g.removeOp(["drawings", w], N), I = g.removeOp(["drawingsOrder", x], w);
-      D.push(G), D.push(I);
+      const { blockId: v } = R, N = ((L = o.getDrawings()) != null ? L : {})[v], x = o.getDrawingsOrder().indexOf(v), H = g.removeOp(["drawings", v], N), I = g.removeOp(["drawingsOrder", x], v);
+      D.push(H), D.push(I);
     }
-    return v.params.actions = D.reduce((R, w) => $.compose(R, w), null), !!t.syncExecuteCommand(v.id, v.params);
+    return w.params.actions = D.reduce((R, v) => $.compose(R, v), null), !!t.syncExecuteCommand(w.id, w.params);
   }
-}, mn = {
+}, gn = {
   id: "doc.command.delete-drawing",
   type: q.COMMAND,
-  handler: (r) => {
-    const e = r.get(j), n = r.get(Ue).getFocusDrawings();
+  handler: (i) => {
+    const e = i.get(j), n = i.get(Ue).getFocusDrawings();
     if (n.length === 0)
       return !1;
-    const { unitId: i } = n[0], o = n.map((s) => {
+    const { unitId: r } = n[0], o = n.map((s) => {
       const { unitId: c, subUnitId: d, drawingId: a, drawingType: g } = s;
       return {
         unitId: c,
@@ -126,17 +71,17 @@ const Mt = {
         drawingType: g
       };
     });
-    return e.executeCommand(Mt.id, {
-      unitId: i,
+    return e.executeCommand(yt.id, {
+      unitId: r,
       drawings: o
     });
   }
-}, vn = {
+}, ln = {
   id: "doc.command.group-doc-image",
   type: q.COMMAND,
-  handler: (r, e) => {
-    r.get(j), r.get(Yt);
-    const t = r.get(Ue);
+  handler: (i, e) => {
+    i.get(j), i.get(Kt);
+    const t = i.get(Ue);
     if (!e) return !1;
     const n = [];
     e.forEach(({ parent: g, children: u }) => {
@@ -144,59 +89,59 @@ const Mt = {
         n.push(l.unitId);
       });
     });
-    const i = t.getGroupDrawingOp(e), { unitId: o, subUnitId: s, undo: c, redo: d, objects: a } = i;
+    const r = t.getGroupDrawingOp(e), { unitId: o, subUnitId: s, undo: c, redo: d, objects: a } = r;
     return !1;
   }
-}, bt = {
+}, Mt = {
   id: "doc.command.insert-doc-image",
   type: q.COMMAND,
   // eslint-disable-next-line max-lines-per-function
-  handler: (r, e) => {
-    var M, A, U, R;
+  handler: (i, e) => {
+    var M, A, L, R;
     if (e == null)
       return !1;
-    const t = r.get(j), n = r.get(Ot), i = r.get(z), o = n.getActiveTextRange(), s = i.getCurrentUniverDocInstance();
+    const t = i.get(j), n = i.get(Dt), r = i.get(z), o = n.getActiveTextRange(), s = r.getCurrentUniverDocInstance();
     if (o == null || s == null)
       return !1;
     const c = s.getUnitId(), { drawings: d } = e, { collapsed: a, startOffset: g, segmentId: u } = o, l = s.getSelfOrHeaderFooterModel(u).getBody();
     if (l == null)
       return !1;
-    const h = new St(), f = $.getInstance(), m = [], p = (A = (M = s.getSnapshot().drawingsOrder) == null ? void 0 : M.length) != null ? A : 0;
-    let v = 0;
+    const f = new _t(), h = $.getInstance(), m = [], p = (A = (M = s.getSnapshot().drawingsOrder) == null ? void 0 : M.length) != null ? A : 0;
+    let w = 0;
     if (a)
-      g > 0 && h.push({
+      g > 0 && f.push({
         t: Y.RETAIN,
         len: g
       });
     else {
-      const w = Hn.selection.delete([o], l, 0, null, !1);
-      h.push(...w);
-      const N = Er(l, [o]), H = (U = s.getDrawings()) != null ? U : {}, x = (R = s.getDrawingsOrder()) != null ? R : [], G = N.sort((I, _) => x.indexOf(I) > x.indexOf(_) ? -1 : x.indexOf(I) < x.indexOf(_) ? 1 : 0);
-      if (G.length > 0)
-        for (const I of G) {
-          const _ = H[I], E = x.indexOf(I);
+      const v = Nn.selection.delete([o], l, 0, null, !1);
+      f.push(...v);
+      const N = Dr(l, [o]), G = (L = s.getDrawings()) != null ? L : {}, x = (R = s.getDrawingsOrder()) != null ? R : [], H = N.sort((I, _) => x.indexOf(I) > x.indexOf(_) ? -1 : x.indexOf(I) < x.indexOf(_) ? 1 : 0);
+      if (H.length > 0)
+        for (const I of H) {
+          const _ = G[I], E = x.indexOf(I);
           if (_ == null || E < 0)
             continue;
-          const y = f.removeOp(["drawings", I], _), L = f.removeOp(["drawingsOrder", E], I);
-          m.push(y), m.push(L), v++;
+          const T = h.removeOp(["drawings", I], _), U = h.removeOp(["drawingsOrder", E], I);
+          m.push(T), m.push(U), w++;
         }
     }
-    h.push({
+    f.push({
       t: Y.INSERT,
       body: {
         dataStream: "\b".repeat(d.length),
-        customBlocks: d.map((w, N) => ({
+        customBlocks: d.map((v, N) => ({
           startIndex: N,
-          blockId: w.drawingId
+          blockId: v.drawingId
         }))
       },
       len: d.length
     });
-    const D = qe(s, u), S = f.editOp(h.serialize(), D);
+    const D = Xe(s, u), S = h.editOp(f.serialize(), D);
     m.push(S);
-    for (const w of d) {
-      const { drawingId: N } = w, H = f.insertOp(["drawings", N], w), x = f.insertOp(["drawingsOrder", p - v], N);
-      m.push(H), m.push(x);
+    for (const v of d) {
+      const { drawingId: N } = v, G = h.insertOp(["drawings", N], v), x = h.insertOp(["drawingsOrder", p - w], N);
+      m.push(G), m.push(x);
     }
     const O = {
       id: ee.id,
@@ -206,41 +151,41 @@ const Mt = {
         textRanges: []
       }
     };
-    return O.params.actions = m.reduce((w, N) => $.compose(w, N), null), !!t.syncExecuteCommand(O.id, O.params);
+    return O.params.actions = m.reduce((v, N) => $.compose(v, N), null), !!t.syncExecuteCommand(O.id, O.params);
   }
-}, wn = {
+}, un = {
   id: "doc.command.set-drawing-arrange",
   type: q.COMMAND,
-  handler: (r, e) => {
-    const t = r.get(j), n = r.get(Ue);
+  handler: (i, e) => {
+    const t = i.get(j), n = i.get(Ue);
     if (e == null)
       return !1;
-    const { unitId: i, subUnitId: o, drawingIds: s, arrangeType: c } = e, d = { unitId: i, subUnitId: o, drawingIds: s };
+    const { unitId: r, subUnitId: o, drawingIds: s, arrangeType: c } = e, d = { unitId: r, subUnitId: o, drawingIds: s };
     let a;
-    if (c === Qe.forward ? a = n.getForwardDrawingsOp(d) : c === Qe.backward ? a = n.getBackwardDrawingOp(d) : c === Qe.front ? a = n.getFrontDrawingsOp(d) : c === Qe.back && (a = n.getBackDrawingsOp(d)), a == null)
+    if (c === Ze.forward ? a = n.getForwardDrawingsOp(d) : c === Ze.backward ? a = n.getBackwardDrawingOp(d) : c === Ze.front ? a = n.getFrontDrawingsOp(d) : c === Ze.back && (a = n.getBackDrawingsOp(d)), a == null)
       return !1;
     const { redo: g } = a;
     if (g == null)
       return !1;
     const u = [];
-    let l = be.deepClone(g);
+    let l = Me.deepClone(g);
     l = l.slice(3), l.unshift("drawingsOrder"), u.push(l);
-    const h = {
+    const f = {
       id: ee.id,
       params: {
-        unitId: i,
+        unitId: r,
         actions: [],
         textRanges: null
       }
     };
-    return h.params.actions = u.reduce((m, p) => $.compose(m, p), null), !!t.syncExecuteCommand(h.id, h.params);
+    return f.params.actions = u.reduce((m, p) => $.compose(m, p), null), !!t.syncExecuteCommand(f.id, f.params);
   }
-}, In = {
+}, hn = {
   id: "doc.command.ungroup-doc-image",
   type: q.COMMAND,
-  handler: (r, e) => {
-    r.get(j), r.get(Yt);
-    const t = r.get(Ue);
+  handler: (i, e) => {
+    i.get(j), i.get(Kt);
+    const t = i.get(Ue);
     if (!e) return !1;
     const n = [];
     e.forEach(({ parent: g, children: u }) => {
@@ -248,117 +193,117 @@ const Mt = {
         n.push(l.unitId);
       });
     });
-    const i = t.getUngroupDrawingOp(e), { unitId: o, subUnitId: s, undo: c, redo: d, objects: a } = i;
+    const r = t.getUngroupDrawingOp(e), { unitId: o, subUnitId: s, undo: c, redo: d, objects: a } = r;
     return !1;
   }
 };
-class ft {
+class ut {
   constructor() {
-    Ie(this, "_refreshDrawings$", new yt(null));
-    Ie(this, "refreshDrawings$", this._refreshDrawings$.asObservable());
+    ve(this, "_refreshDrawings$", new Ot(null));
+    ve(this, "refreshDrawings$", this._refreshDrawings$.asObservable());
   }
   refreshDrawings(e) {
     this._refreshDrawings$.next(e);
   }
 }
-var Yr = Object.getOwnPropertyDescriptor, Zr = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Yr(e, t) : e, o = r.length - 1, s; o >= 0; o--)
-    (s = r[o]) && (i = s(i) || i);
-  return i;
-}, le = (r, e) => (t, n) => e(t, n, r);
-let it = class extends Le {
-  constructor(r, e, t, n, i, o, s, c, d, a, g, u, l) {
-    super(), this._context = r, this._commandService = e, this._docSelectionManagerService = t, this._renderManagerSrv = n, this._imageIoService = i, this._docDrawingService = o, this._drawingManagerService = s, this._contextService = c, this._messageService = d, this._localeService = a, this._docSelectionRenderService = g, this._docRefreshDrawingsService = u, this._fileOpenerService = l, this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener(), this._transformDrawingListener(), this._editAreaChangeListener();
+var Br = Object.getOwnPropertyDescriptor, Fr = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Br(e, t) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
+}, le = (i, e) => (t, n) => e(t, n, i);
+let rt = class extends Ne {
+  constructor(i, e, t, n, r, o, s, c, d, a, g, u, l) {
+    super(), this._context = i, this._commandService = e, this._docSelectionManagerService = t, this._renderManagerSrv = n, this._imageIoService = r, this._docDrawingService = o, this._drawingManagerService = s, this._contextService = c, this._messageService = d, this._localeService = a, this._docSelectionRenderService = g, this._docRefreshDrawingsService = u, this._fileOpenerService = l, this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener(), this._transformDrawingListener(), this._editAreaChangeListener();
   }
   async insertDocImage() {
-    const r = await this._fileOpenerService.openFile({
+    const i = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: rr.map((t) => `.${t.replace("image/", "")}`).join(",")
-    }), e = r.length;
-    return e > Pt ? (this._messageService.show({
-      type: Wt.Error,
-      content: this._localeService.t("update-status.exceedMaxCount", String(Pt))
-    }), !1) : e === 0 ? !1 : (await this._insertFloatImages(r), !0);
+      accept: Yn.map((t) => `.${t.replace("image/", "")}`).join(",")
+    }), e = i.length;
+    return e > At ? (this._messageService.show({
+      type: kt.Error,
+      content: this._localeService.t("update-status.exceedMaxCount", String(At))
+    }), !1) : e === 0 ? !1 : (await this._insertFloatImages(i), !0);
   }
   // eslint-disable-next-line max-lines-per-function
-  async _insertFloatImages(r) {
+  async _insertFloatImages(i) {
     let e = [];
     try {
-      e = await Promise.all(r.map((i) => this._imageIoService.saveImage(i)));
-    } catch (i) {
-      const o = i.message;
+      e = await Promise.all(i.map((r) => this._imageIoService.saveImage(r)));
+    } catch (r) {
+      const o = r.message;
       let s = "";
       switch (o) {
-        case vt.ERROR_EXCEED_SIZE:
-          s = this._localeService.t("update-status.exceedMaxSize", String(ir / (1024 * 1024)));
+        case mt.ERROR_EXCEED_SIZE:
+          s = this._localeService.t("update-status.exceedMaxSize", String(Zn / (1024 * 1024)));
           break;
-        case vt.ERROR_IMAGE_TYPE:
+        case mt.ERROR_IMAGE_TYPE:
           s = this._localeService.t("update-status.invalidImageType");
           break;
-        case vt.ERROR_IMAGE:
+        case mt.ERROR_IMAGE:
           s = this._localeService.t("update-status.invalidImage");
           break;
       }
       this._messageService.show({
-        type: Wt.Error,
+        type: kt.Error,
         content: s
       });
     }
     if (e.length === 0)
       return;
     const { unitId: t } = this._context, n = [];
-    for (const i of e) {
-      if (i == null)
+    for (const r of e) {
+      if (r == null)
         continue;
-      const { imageId: o, imageSourceType: s, source: c, base64Cache: d } = i, { width: a, height: g, image: u } = await or(d || "");
+      const { imageId: o, imageSourceType: s, source: c, base64Cache: d } = r, { width: a, height: g, image: u } = await Qn(d || "");
       this._imageIoService.addImageSourceCache(o, s, u);
       let l = 1;
-      if (a > xt || g > Nt) {
-        const p = xt / a, v = Nt / g;
-        l = Math.min(p, v);
+      if (a > Pt || g > xt) {
+        const p = Pt / a, w = xt / g;
+        l = Math.min(p, w);
       }
-      const h = this._getImagePosition(a * l, g * l);
-      if (h == null)
+      const f = this._getImagePosition(a * l, g * l);
+      if (f == null)
         return;
-      const f = {
+      const h = {
         unitId: t,
         subUnitId: t,
         drawingId: o,
-        drawingType: Ne.DRAWING_IMAGE,
+        drawingType: xe.DRAWING_IMAGE,
         imageSourceType: s,
         source: c,
-        transform: sn(h),
-        docTransform: h,
+        transform: on(f),
+        docTransform: f,
         behindDoc: oe.FALSE,
         title: "",
         description: "",
-        layoutType: F.INLINE,
+        layoutType: k.INLINE,
         // Insert inline drawing by default.
-        wrapText: Xe.BOTH_SIDES,
+        wrapText: ze.BOTH_SIDES,
         distB: 0,
         distL: 0,
         distR: 0,
         distT: 0
       };
-      this._isInsertInHeaderFooter() && (f.isMultiTransform = oe.TRUE, f.transforms = f.transform ? [f.transform] : null), n.push(f);
+      this._isInsertInHeaderFooter() && (h.isMultiTransform = oe.TRUE, h.transforms = h.transform ? [h.transform] : null), n.push(h);
     }
-    this._commandService.executeCommand(bt.id, {
+    this._commandService.executeCommand(Mt.id, {
       unitId: t,
       drawings: n
     });
   }
   _isInsertInHeaderFooter() {
     var n;
-    const { unitId: r } = this._context, e = (n = this._renderManagerSrv.getRenderById(r)) == null ? void 0 : n.with(te).getViewModel(), t = e == null ? void 0 : e.getEditArea();
-    return t === We.HEADER || t === We.FOOTER;
+    const { unitId: i } = this._context, e = (n = this._renderManagerSrv.getRenderById(i)) == null ? void 0 : n.with(te).getViewModel(), t = e == null ? void 0 : e.getEditArea();
+    return t === ke.HEADER || t === ke.FOOTER;
   }
-  _getImagePosition(r, e) {
+  _getImagePosition(i, e) {
     const t = this._docSelectionRenderService.getActiveTextRange(), n = (t == null ? void 0 : t.getAbsolutePosition()) || {
       left: 0
     };
     return {
       size: {
-        width: r,
+        width: i,
         height: e
       },
       positionH: {
@@ -373,34 +318,34 @@ let it = class extends Le {
     };
   }
   _updateOrderListener() {
-    this._drawingManagerService.featurePluginOrderUpdate$.subscribe((r) => {
-      const { unitId: e, subUnitId: t, drawingIds: n, arrangeType: i } = r;
-      this._commandService.executeCommand(wn.id, {
+    this._drawingManagerService.featurePluginOrderUpdate$.subscribe((i) => {
+      const { unitId: e, subUnitId: t, drawingIds: n, arrangeType: r } = i;
+      this._commandService.executeCommand(un.id, {
         unitId: e,
         subUnitId: t,
         drawingIds: n,
-        arrangeType: i
+        arrangeType: r
       });
     });
   }
   _groupDrawingListener() {
-    this._drawingManagerService.featurePluginGroupUpdate$.subscribe((r) => {
-      this._commandService.executeCommand(vn.id, r);
-    }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((r) => {
-      this._commandService.executeCommand(In.id, r);
+    this._drawingManagerService.featurePluginGroupUpdate$.subscribe((i) => {
+      this._commandService.executeCommand(ln.id, i);
+    }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((i) => {
+      this._commandService.executeCommand(hn.id, i);
     });
   }
   _getCurrentSceneAndTransformer() {
-    const { scene: r, mainComponent: e } = this._context;
-    if (r == null || e == null)
+    const { scene: i, mainComponent: e } = this._context;
+    if (i == null || e == null)
       return;
-    const t = r.getTransformerByCreate(), { docsLeft: n, docsTop: i } = e.getOffsetConfig();
-    return { scene: r, transformer: t, docsLeft: n, docsTop: i };
+    const t = i.getTransformerByCreate(), { docsLeft: n, docsTop: r } = e.getOffsetConfig();
+    return { scene: i, transformer: t, docsLeft: n, docsTop: r };
   }
   _transformDrawingListener() {
-    const r = this._getCurrentSceneAndTransformer();
-    if (r && r.transformer)
-      this.disposeWithMe(r.transformer.changeEnd$.pipe(gn(30)).subscribe((e) => {
+    const i = this._getCurrentSceneAndTransformer();
+    if (i && i.transformer)
+      this.disposeWithMe(i.transformer.changeEnd$.pipe(dn(30)).subscribe((e) => {
         this._docSelectionManagerService.refreshSelection();
       }));
     else
@@ -408,17 +353,17 @@ let it = class extends Le {
   }
   _focusDrawingListener() {
     this.disposeWithMe(
-      this._drawingManagerService.focus$.subscribe((r) => {
-        var i;
-        const { transformer: e, docsLeft: t, docsTop: n } = (i = this._getCurrentSceneAndTransformer()) != null ? i : {};
-        if (r == null || r.length === 0)
-          this._contextService.setContextValue(rt, !1), this._docDrawingService.focusDrawing([]), e && e.resetProps({
+      this._drawingManagerService.focus$.subscribe((i) => {
+        var r;
+        const { transformer: e, docsLeft: t, docsTop: n } = (r = this._getCurrentSceneAndTransformer()) != null ? r : {};
+        if (i == null || i.length === 0)
+          this._contextService.setContextValue(nt, !1), this._docDrawingService.focusDrawing([]), e && e.resetProps({
             zeroTop: 0,
             zeroLeft: 0
           });
         else {
-          this._contextService.setContextValue(rt, !0), this._docDrawingService.focusDrawing(r), this._setDrawingSelections(r);
-          const o = this._docSelectionRenderService.getSegment(), s = this._findSegmentIdByDrawingId(r[0].drawingId);
+          this._contextService.setContextValue(nt, !0), this._docDrawingService.focusDrawing(i), this._setDrawingSelections(i);
+          const o = this._docSelectionRenderService.getSegment(), s = this._findSegmentIdByDrawingId(i[0].drawingId);
           o !== s && this._docSelectionRenderService.setSegment(s), e && e.resetProps({
             zeroTop: n,
             zeroLeft: t
@@ -427,28 +372,28 @@ let it = class extends Le {
       })
     );
   }
-  _findSegmentIdByDrawingId(r) {
+  _findSegmentIdByDrawingId(i) {
     var s, c, d;
-    const { unit: e } = this._context, { body: t, headers: n = {}, footers: i = {} } = e.getSnapshot();
-    if (((s = t == null ? void 0 : t.customBlocks) != null ? s : []).some((a) => a.blockId === r))
+    const { unit: e } = this._context, { body: t, headers: n = {}, footers: r = {} } = e.getSnapshot();
+    if (((s = t == null ? void 0 : t.customBlocks) != null ? s : []).some((a) => a.blockId === i))
       return "";
     for (const a of Object.keys(n))
-      if ((c = n[a].body.customBlocks) != null && c.some((g) => g.blockId === r))
+      if ((c = n[a].body.customBlocks) != null && c.some((g) => g.blockId === i))
         return a;
-    for (const a of Object.keys(i))
-      if ((d = i[a].body.customBlocks) != null && d.some((g) => g.blockId === r))
+    for (const a of Object.keys(r))
+      if ((d = r[a].body.customBlocks) != null && d.some((g) => g.blockId === i))
         return a;
     return "";
   }
   // Update drawings edit status and opacity. You can not edit header footer images when you are editing body. and vice verse.
   _updateDrawingsEditStatus() {
     var c;
-    const { unit: r, scene: e, unitId: t } = this._context, n = (c = this._renderManagerSrv.getRenderById(t)) == null ? void 0 : c.with(te).getViewModel();
-    if (n == null || r == null)
+    const { unit: i, scene: e, unitId: t } = this._context, n = (c = this._renderManagerSrv.getRenderById(t)) == null ? void 0 : c.with(te).getViewModel();
+    if (n == null || i == null)
       return;
-    const i = r.getSnapshot(), { drawings: o = {} } = i, s = n.getEditArea() === We.BODY;
+    const r = i.getSnapshot(), { drawings: o = {} } = r, s = n.getEditArea() === ke.BODY;
     for (const d of Object.keys(o)) {
-      const a = o[d], g = sr({ unitId: t, drawingId: a.drawingId, subUnitId: t }), u = e.fuzzyMathObjects(g, !0);
+      const a = o[d], g = Jn({ unitId: t, drawingId: a.drawingId, subUnitId: t }), u = e.fuzzyMathObjects(g, !0);
       if (u.length)
         for (const l of u) {
           e.detachTransformerFrom(l);
@@ -468,7 +413,7 @@ let it = class extends Le {
   }
   _editAreaChangeListener() {
     var t;
-    const { unitId: r } = this._context, e = (t = this._renderManagerSrv.getRenderById(r)) == null ? void 0 : t.with(te).getViewModel();
+    const { unitId: i } = this._context, e = (t = this._renderManagerSrv.getRenderById(i)) == null ? void 0 : t.with(te).getViewModel();
     e != null && (this._updateDrawingsEditStatus(), this.disposeWithMe(
       e.editAreaChange$.subscribe(() => {
         this._updateDrawingsEditStatus();
@@ -485,54 +430,54 @@ let it = class extends Le {
       })
     ));
   }
-  _setDrawingSelections(r) {
-    var i, o;
-    const { unit: e } = this._context, t = (o = (i = e.getSnapshot().body) == null ? void 0 : i.customBlocks) != null ? o : [], n = r.map((s) => {
+  _setDrawingSelections(i) {
+    var r, o;
+    const { unit: e } = this._context, t = (o = (r = e.getSnapshot().body) == null ? void 0 : r.customBlocks) != null ? o : [], n = i.map((s) => {
       const c = s.drawingId, d = t.find((a) => a.blockId === c);
       return d ? d.startIndex : null;
     }).filter((s) => s !== null).map((s) => ({ startOffset: s, endOffset: s + 1 }));
     this._docSelectionManagerService.replaceDocRanges(n);
   }
 };
-it = Zr([
+rt = Fr([
   le(1, j),
-  le(2, Z(Ot)),
+  le(2, Z(Dt)),
   le(3, Q),
-  le(4, nr),
+  le(4, Kn),
   le(5, Ue),
-  le(6, pe),
-  le(7, Zt),
-  le(8, Ir),
-  le(9, Z(ut)),
-  le(10, Z(Ce)),
-  le(11, Z(ft)),
-  le(12, _r)
-], it);
-const _n = {
+  le(6, fe),
+  le(7, Yt),
+  le(8, ur),
+  le(9, Z(lt)),
+  le(10, Z(be)),
+  le(11, Z(ut)),
+  le(12, hr)
+], rt);
+const fn = {
   id: "doc.command.insert-float-image",
   type: q.COMMAND,
-  handler: (r) => {
-    var n, i;
-    const e = r.get(z), t = r.get(Q);
-    return (i = (n = hr(we.UNIVER_DOC, e, t)) == null ? void 0 : n.with(it).insertDocImage()) != null ? i : !1;
+  handler: (i) => {
+    var n, r;
+    const e = i.get(z), t = i.get(Q);
+    return (r = (n = ar(we.UNIVER_DOC, e, t)) == null ? void 0 : n.with(rt).insertDocImage()) != null ? r : !1;
   }
 };
-var ue = /* @__PURE__ */ ((r) => (r.INLINE = "inline", r.BEHIND_TEXT = "behindText", r.IN_FRONT_OF_TEXT = "inFrontOfText", r.WRAP_SQUARE = "wrapSquare", r.WRAP_TOP_AND_BOTTOM = "wrapTopAndBottom", r))(ue || {});
-const Qr = {
-  inline: F.INLINE,
-  wrapSquare: F.WRAP_SQUARE,
-  wrapTopAndBottom: F.WRAP_TOP_AND_BOTTOM,
-  inFrontOfText: F.WRAP_NONE,
-  behindText: F.WRAP_NONE
+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 kr = {
+  inline: k.INLINE,
+  wrapSquare: k.WRAP_SQUARE,
+  wrapTopAndBottom: k.WRAP_TOP_AND_BOTTOM,
+  inFrontOfText: k.WRAP_NONE,
+  behindText: k.WRAP_NONE
 };
-function Sn(r, e, t, n, i, o, s) {
-  var h, f;
-  const c = new St(), d = $.getInstance(), a = [], g = o.getSelfOrHeaderFooterModel(e).getBody(), u = o.getSelfOrHeaderFooterModel(r).getBody();
+function pn(i, e, t, n, r, o, s) {
+  var f, h;
+  const c = new _t(), d = $.getInstance(), a = [], g = o.getSelfOrHeaderFooterModel(e).getBody(), u = o.getSelfOrHeaderFooterModel(i).getBody();
   if (g == null || u == null)
     return;
-  const l = (f = (h = g.customBlocks) == null ? void 0 : h.find((m) => m.blockId === i)) == null ? void 0 : f.startIndex;
+  const l = (h = (f = g.customBlocks) == null ? void 0 : f.find((m) => m.blockId === r)) == null ? void 0 : h.startIndex;
   if (l != null) {
-    if (n = Math.min(u.dataStream.length - 2, n), r === e) {
+    if (n = Math.min(u.dataStream.length - 2, n), i === e) {
       if (n < l ? (n > 0 && c.push({
         t: Y.RETAIN,
         len: n
@@ -542,7 +487,7 @@ function Sn(r, e, t, n, i, o, s) {
           dataStream: "\b",
           customBlocks: [{
             startIndex: 0,
-            blockId: i
+            blockId: r
           }]
         },
         len: 1
@@ -567,12 +512,12 @@ function Sn(r, e, t, n, i, o, s) {
           dataStream: "\b",
           customBlocks: [{
             startIndex: 0,
-            blockId: i
+            blockId: r
           }]
         },
         len: 1
       })), n !== l) {
-        const m = qe(o, e), p = d.editOp(c.serialize(), m);
+        const m = Xe(o, e), p = d.editOp(c.serialize(), m);
         a.push(p);
       }
     } else {
@@ -583,7 +528,7 @@ function Sn(r, e, t, n, i, o, s) {
         t: Y.DELETE,
         len: 1
       });
-      let m = qe(o, e), p = d.editOp(c.serialize(), m);
+      let m = Xe(o, e), p = d.editOp(c.serialize(), m);
       a.push(p), c.empty(), n > 0 && c.push({
         t: Y.RETAIN,
         len: n
@@ -593,58 +538,58 @@ function Sn(r, e, t, n, i, o, s) {
           dataStream: "\b",
           customBlocks: [{
             startIndex: 0,
-            blockId: i
+            blockId: r
           }]
         },
         len: 1
-      }), m = qe(o, r), p = d.editOp(c.serialize(), m), a.push(p), s.setSegment(r), s.setSegmentPage(t);
+      }), m = Xe(o, i), p = d.editOp(c.serialize(), m), a.push(p), s.setSegment(i), s.setSegmentPage(t);
     }
     return a;
   }
 }
-const Dn = {
+const mn = {
   id: "doc.command.update-doc-drawing-wrapping-style",
   type: q.COMMAND,
   // eslint-disable-next-line max-lines-per-function, complexity
-  handler: (r, e) => {
-    var A, U;
+  handler: (i, e) => {
+    var A, L;
     if (e == null)
       return !1;
-    const { drawings: t, wrappingStyle: n, unitId: i } = e, o = r.get(j), s = r.get(z), d = r.get(Q).getRenderById(i), a = d == null ? void 0 : d.with(te).getSkeleton().getSkeletonData(), g = d == null ? void 0 : d.with(te).getViewModel(), u = d == null ? void 0 : d.scene, l = s.getCurrentUniverDocInstance();
+    const { drawings: t, wrappingStyle: n, unitId: r } = e, o = i.get(j), s = i.get(z), d = i.get(Q).getRenderById(r), a = d == null ? void 0 : d.with(te).getSkeleton().getSkeletonData(), g = d == null ? void 0 : d.with(te).getViewModel(), u = d == null ? void 0 : d.scene, l = s.getCurrentUniverDocInstance();
     if (l == null || a == null || u == null || g == null)
       return !1;
-    const h = g.getEditArea(), f = u.getTransformerByCreate(), { pages: m, skeHeaders: p, skeFooters: v } = a, D = $.getInstance(), S = [], { drawings: O = {} } = l.getSnapshot();
+    const f = g.getEditArea(), h = u.getTransformerByCreate(), { pages: m, skeHeaders: p, skeFooters: w } = a, D = $.getInstance(), S = [], { drawings: O = {} } = l.getSnapshot();
     for (const R of t) {
-      const { drawingId: w } = R, N = O[w].layoutType, H = Qr[n];
-      if (N !== H) {
-        const _ = D.replaceOp(["drawings", w, "layoutType"], N, H);
+      const { drawingId: v } = R, N = O[v].layoutType, G = kr[n];
+      if (N !== G) {
+        const _ = D.replaceOp(["drawings", v, "layoutType"], N, G);
         S.push(_);
       }
       if (n === "behindText" || n === "inFrontOfText") {
-        const _ = O[w].behindDoc, E = n === "behindText" ? oe.TRUE : oe.FALSE;
+        const _ = O[v].behindDoc, E = n === "behindText" ? oe.TRUE : oe.FALSE;
         if (_ !== E) {
-          const y = D.replaceOp(["drawings", w, "behindDoc"], _, E);
-          S.push(y);
+          const T = D.replaceOp(["drawings", v, "behindDoc"], _, E);
+          S.push(T);
         }
       }
       if (n === "inline")
         continue;
-      let x = null, G = 0, I = 0;
+      let x = null, H = 0, I = 0;
       for (const _ of m) {
-        const { headerId: E, footerId: y, marginTop: L, marginLeft: B, marginBottom: b, pageWidth: P, pageHeight: V } = _;
-        switch (h) {
-          case We.HEADER: {
-            const k = (A = p.get(E)) == null ? void 0 : A.get(P);
-            k != null && k.skeDrawings.has(w) && (x = k.skeDrawings.get(w), G = k.marginTop, I = B);
+        const { headerId: E, footerId: T, marginTop: U, marginLeft: B, marginBottom: b, pageWidth: P, pageHeight: V } = _;
+        switch (f) {
+          case ke.HEADER: {
+            const F = (A = p.get(E)) == null ? void 0 : A.get(P);
+            F != null && F.skeDrawings.has(v) && (x = F.skeDrawings.get(v), H = F.marginTop, I = B);
             break;
           }
-          case We.FOOTER: {
-            const k = (U = v.get(y)) == null ? void 0 : U.get(P);
-            k != null && k.skeDrawings.has(w) && (x = k.skeDrawings.get(w), G = V - b + k.marginTop, I = B);
+          case ke.FOOTER: {
+            const F = (L = w.get(T)) == null ? void 0 : L.get(P);
+            F != null && F.skeDrawings.has(v) && (x = F.skeDrawings.get(v), H = V - b + F.marginTop, I = B);
             break;
           }
-          case We.BODY: {
-            _.skeDrawings.has(w) && (x = _.skeDrawings.get(w), G = L, I = B);
+          case ke.BODY: {
+            _.skeDrawings.has(v) && (x = _.skeDrawings.get(v), H = U, I = B);
             break;
           }
         }
@@ -652,58 +597,58 @@ const Dn = {
           break;
       }
       if (x != null) {
-        const { aTop: _, aLeft: E } = x, y = O[w].docTransform.positionH;
-        let L = E;
-        y.relativeFrom === J.MARGIN ? L -= I : y.relativeFrom === J.COLUMN && (L -= x.columnLeft);
+        const { aTop: _, aLeft: E } = x, T = O[v].docTransform.positionH;
+        let U = E;
+        T.relativeFrom === J.MARGIN ? U -= I : T.relativeFrom === J.COLUMN && (U -= x.columnLeft);
         const B = {
-          relativeFrom: y.relativeFrom,
-          posOffset: L
+          relativeFrom: T.relativeFrom,
+          posOffset: U
         };
-        if (y.posOffset !== B.posOffset) {
-          const k = D.replaceOp(["drawings", w, "docTransform", "positionH"], y, B);
-          S.push(k);
+        if (T.posOffset !== B.posOffset) {
+          const F = D.replaceOp(["drawings", v, "docTransform", "positionH"], T, B);
+          S.push(F);
         }
-        const b = O[w].docTransform.positionV;
+        const b = O[v].docTransform.positionV;
         let P = _;
-        b.relativeFrom === W.PAGE ? P += G : b.relativeFrom === W.LINE ? P -= x.lineTop : b.relativeFrom === W.PARAGRAPH && (P -= x.blockAnchorTop);
+        b.relativeFrom === W.PAGE ? P += H : b.relativeFrom === W.LINE ? P -= x.lineTop : b.relativeFrom === W.PARAGRAPH && (P -= x.blockAnchorTop);
         const V = {
           relativeFrom: b.relativeFrom,
           posOffset: P
         };
         if (b.posOffset !== V.posOffset) {
-          const k = D.replaceOp(["drawings", w, "docTransform", "positionV"], b, V);
-          S.push(k);
+          const F = D.replaceOp(["drawings", v, "docTransform", "positionV"], b, V);
+          S.push(F);
         }
       }
     }
     const C = {
       id: ee.id,
       params: {
-        unitId: i,
+        unitId: r,
         actions: [],
         textRanges: null
       }
     };
-    C.params.actions = S.reduce((R, w) => $.compose(R, w), null);
+    C.params.actions = S.reduce((R, v) => $.compose(R, v), null);
     const M = o.syncExecuteCommand(C.id, C.params);
-    return f.refreshControls(), !!M;
+    return h.refreshControls(), !!M;
   }
-}, On = {
+}, wn = {
   id: "doc.command.update-doc-drawing-distance",
   type: q.COMMAND,
-  handler: (r, e) => {
+  handler: (i, e) => {
     if (e == null)
       return !1;
-    const t = r.get(j), i = r.get(z).getCurrentUniverDocInstance();
-    if (i == null)
+    const t = i.get(j), r = i.get(z).getCurrentUniverDocInstance();
+    if (r == null)
       return !1;
-    const { drawings: o, dist: s, unitId: c } = e, d = $.getInstance(), a = [], { drawings: g = {} } = i.getSnapshot();
-    for (const h of o) {
-      const { drawingId: f } = h;
+    const { drawings: o, dist: s, unitId: c } = e, d = $.getInstance(), a = [], { drawings: g = {} } = r.getSnapshot();
+    for (const f of o) {
+      const { drawingId: h } = f;
       for (const [m, p] of Object.entries(s)) {
-        const v = g[f][m];
-        if (v !== p) {
-          const D = d.replaceOp(["drawings", f, m], v, p);
+        const w = g[h][m];
+        if (w !== p) {
+          const D = d.replaceOp(["drawings", h, m], w, p);
           a.push(D);
         }
       }
@@ -716,22 +661,22 @@ const Dn = {
         textRanges: null
       }
     };
-    return u.params.actions = a.reduce((h, f) => $.compose(h, f), null), !!t.syncExecuteCommand(u.id, u.params);
+    return u.params.actions = a.reduce((f, h) => $.compose(f, h), null), !!t.syncExecuteCommand(u.id, u.params);
   }
-}, yn = {
+}, vn = {
   id: "doc.command.update-doc-drawing-wrap-text",
   type: q.COMMAND,
-  handler: (r, e) => {
+  handler: (i, e) => {
     if (e == null)
       return !1;
-    const t = r.get(j), i = r.get(z).getCurrentUniverDocInstance();
-    if (i == null)
+    const t = i.get(j), r = i.get(z).getCurrentUniverDocInstance();
+    if (r == null)
       return !1;
-    const { drawings: o, wrapText: s, unitId: c } = e, d = $.getInstance(), a = [], { drawings: g = {} } = i.getSnapshot();
-    for (const h of o) {
-      const { drawingId: f } = h, m = g[f].wrapText;
+    const { drawings: o, wrapText: s, unitId: c } = e, d = $.getInstance(), a = [], { drawings: g = {} } = r.getSnapshot();
+    for (const f of o) {
+      const { drawingId: h } = f, m = g[h].wrapText;
       if (m !== s) {
-        const p = d.replaceOp(["drawings", f, "wrapText"], m, s);
+        const p = d.replaceOp(["drawings", h, "wrapText"], m, s);
         a.push(p);
       }
     }
@@ -743,29 +688,29 @@ const Dn = {
         textRanges: null
       }
     };
-    return u.params.actions = a.reduce((h, f) => $.compose(h, f), null), !!t.syncExecuteCommand(u.id, u.params);
+    return u.params.actions = a.reduce((f, h) => $.compose(f, h), null), !!t.syncExecuteCommand(u.id, u.params);
   }
-}, Ke = {
+}, qe = {
   id: "doc.command.update-drawing-doc-transform",
   type: q.COMMAND,
-  handler: (r, e) => {
+  handler: (i, e) => {
     if (e == null)
       return !1;
-    const t = r.get(j), n = r.get(z), o = r.get(Q).getRenderById(e.unitId), s = o == null ? void 0 : o.scene;
+    const t = i.get(j), n = i.get(z), o = i.get(Q).getRenderById(e.unitId), s = o == null ? void 0 : o.scene;
     if (s == null)
       return !1;
     const c = s.getTransformerByCreate(), d = n.getCurrentUniverDocInstance();
     if (d == null)
       return !1;
-    const { drawings: a, unitId: g } = e, u = $.getInstance(), l = [], { drawings: h = {} } = d.getSnapshot();
+    const { drawings: a, unitId: g } = e, u = $.getInstance(), l = [], { drawings: f = {} } = d.getSnapshot();
     for (const p of a) {
-      const { drawingId: v, key: D, value: S } = p, O = h[v].docTransform[D];
-      if (!be.diffValue(O, S)) {
-        const C = u.replaceOp(["drawings", v, "docTransform", D], O, S);
+      const { drawingId: w, key: D, value: S } = p, O = f[w].docTransform[D];
+      if (!Me.diffValue(O, S)) {
+        const C = u.replaceOp(["drawings", w, "docTransform", D], O, S);
         l.push(C);
       }
     }
-    const f = {
+    const h = {
       id: ee.id,
       params: {
         unitId: g,
@@ -774,91 +719,91 @@ const Dn = {
         debounce: !0
       }
     };
-    f.params.actions = l.reduce((p, v) => $.compose(p, v), null);
-    const m = t.syncExecuteCommand(f.id, f.params);
+    h.params.actions = l.reduce((p, w) => $.compose(p, w), null);
+    const m = t.syncExecuteCommand(h.id, h.params);
     return c.refreshControls(), !!m;
   }
-}, Tn = {
+}, In = {
   id: "doc.command.move-inline-drawing",
   type: q.COMMAND,
-  handler: (r, e) => {
-    var U, R;
+  handler: (i, e) => {
+    var L, R;
     if (e == null)
       return !1;
-    const t = r.get(Q), n = (U = t.getRenderById(e.unitId)) == null ? void 0 : U.with(Ce), i = r.get(ft), o = t.getRenderById(e.unitId), s = o == null ? void 0 : o.scene, c = o == null ? void 0 : o.with(te).getSkeleton();
+    const t = i.get(Q), n = (L = t.getRenderById(e.unitId)) == null ? void 0 : L.with(be), r = i.get(ut), o = t.getRenderById(e.unitId), s = o == null ? void 0 : o.scene, c = o == null ? void 0 : o.with(te).getSkeleton();
     if (s == null || n == null)
       return !1;
-    const d = s.getTransformerByCreate(), a = r.get(j), u = r.get(z).getCurrentUniverDocInstance();
+    const d = s.getTransformerByCreate(), a = i.get(j), u = i.get(z).getCurrentUniverDocInstance();
     if (u == null)
       return !1;
-    const { drawing: l, unitId: h, offset: f, segmentId: m, segmentPage: p, needRefreshDrawings: v } = e;
-    if (v)
-      return i.refreshDrawings(c), d.refreshControls(), !0;
-    const D = [], { drawingId: S } = l, O = (R = n.getSegment()) != null ? R : "", C = Sn(
+    const { drawing: l, unitId: f, offset: h, segmentId: m, segmentPage: p, needRefreshDrawings: w } = e;
+    if (w)
+      return r.refreshDrawings(c), d.refreshControls(), !0;
+    const D = [], { drawingId: S } = l, O = (R = n.getSegment()) != null ? R : "", C = pn(
       m,
       O,
       p,
-      f,
+      h,
       S,
       u,
       n
     );
     if (C == null || C.length === 0)
-      return i.refreshDrawings(c), d.refreshControls(), !1;
+      return r.refreshDrawings(c), d.refreshControls(), !1;
     D.push(...C);
     const M = {
       id: ee.id,
       params: {
-        unitId: h,
+        unitId: f,
         actions: [],
         textRanges: null
       }
     };
-    M.params.actions = D.reduce((w, N) => $.compose(w, N), null);
+    M.params.actions = D.reduce((v, N) => $.compose(v, N), null);
     const A = a.syncExecuteCommand(M.id, M.params);
     return d.refreshControls(), !!A;
   }
-}, Mn = {
+}, _n = {
   id: "doc.command.transform-non-inline-drawing",
   type: q.COMMAND,
   // eslint-disable-next-line max-lines-per-function
-  handler: (r, e) => {
-    var x, G;
+  handler: (i, e) => {
+    var x, H;
     if (e == null)
       return !1;
-    const t = r.get(Q), n = (x = t.getRenderById(e.unitId)) == null ? void 0 : x.with(Ce), i = t.getRenderById(e.unitId), o = i == null ? void 0 : i.scene;
+    const t = i.get(Q), n = (x = t.getRenderById(e.unitId)) == null ? void 0 : x.with(be), r = t.getRenderById(e.unitId), o = r == null ? void 0 : r.scene;
     if (o == null || n == null)
       return !1;
-    const s = o.getTransformerByCreate(), c = r.get(j), a = r.get(z).getCurrentUniverDocInstance();
+    const s = o.getTransformerByCreate(), c = i.get(j), a = i.get(z).getCurrentUniverDocInstance();
     if (a == null)
       return !1;
-    const { drawing: g, unitId: u, offset: l, docTransform: h, segmentId: f, segmentPage: m } = e, p = [], { drawingId: v } = g, D = (G = n.getSegment()) != null ? G : "", S = Sn(
-      f,
+    const { drawing: g, unitId: u, offset: l, docTransform: f, segmentId: h, segmentPage: m } = e, p = [], { drawingId: w } = g, D = (H = n.getSegment()) != null ? H : "", S = pn(
+      h,
       D,
       m,
       l,
-      v,
+      w,
       a,
       n
     );
     if (S == null)
       return !1;
     S.length > 0 && p.push(...S);
-    const O = $.getInstance(), { drawings: C = {} } = a.getSnapshot(), M = C[v].docTransform, { positionH: A, positionV: U, size: R, angle: w } = M;
-    if (!be.diffValue(A, h.positionH)) {
-      const I = O.replaceOp(["drawings", v, "docTransform", "positionH"], A, h.positionH);
+    const O = $.getInstance(), { drawings: C = {} } = a.getSnapshot(), M = C[w].docTransform, { positionH: A, positionV: L, size: R, angle: v } = M;
+    if (!Me.diffValue(A, f.positionH)) {
+      const I = O.replaceOp(["drawings", w, "docTransform", "positionH"], A, f.positionH);
       p.push(I);
     }
-    if (!be.diffValue(U, h.positionV)) {
-      const I = O.replaceOp(["drawings", v, "docTransform", "positionV"], U, h.positionV);
+    if (!Me.diffValue(L, f.positionV)) {
+      const I = O.replaceOp(["drawings", w, "docTransform", "positionV"], L, f.positionV);
       p.push(I);
     }
-    if (!be.diffValue(R, h.size)) {
-      const I = O.replaceOp(["drawings", v, "docTransform", "size"], R, h.size);
+    if (!Me.diffValue(R, f.size)) {
+      const I = O.replaceOp(["drawings", w, "docTransform", "size"], R, f.size);
       p.push(I);
     }
-    if (!be.diffValue(w, h.angle)) {
-      const I = O.replaceOp(["drawings", v, "docTransform", "angle"], w, h.angle);
+    if (!Me.diffValue(v, f.angle)) {
+      const I = O.replaceOp(["drawings", w, "docTransform", "angle"], v, f.angle);
       p.push(I);
     }
     const N = {
@@ -871,62 +816,62 @@ const Dn = {
       }
     };
     N.params.actions = p.reduce((I, _) => $.compose(I, _), null);
-    const H = c.syncExecuteCommand(N.id, N.params);
-    return s.refreshControls(), !!H;
+    const G = c.syncExecuteCommand(N.id, N.params);
+    return s.refreshControls(), !!G;
   }
-}, Ye = {
+}, Ke = {
   id: "doc.command.move-drawing",
   type: q.COMMAND,
-  handler: (r, e) => {
-    const t = r.get(j), n = r.get(Ue), i = r.get(z), o = r.get(Q), { direction: s } = e, c = n.getFocusDrawings();
+  handler: (i, e) => {
+    const t = i.get(j), n = i.get(Ue), r = i.get(z), o = i.get(Q), { direction: s } = e, c = n.getFocusDrawings();
     if (c.length === 0)
       return !1;
     const d = c[0].unitId, a = o.getRenderById(d), g = a == null ? void 0 : a.scene;
     if (g == null)
       return !1;
-    const u = g.getTransformerByCreate(), l = i.getUniverDocInstance(d), h = c.map((m) => {
-      var M, A, U, R, w;
-      const { drawingId: p } = m, v = (M = l == null ? void 0 : l.getSnapshot().drawings) == null ? void 0 : M[p];
-      if (v == null || v.layoutType === F.INLINE)
+    const u = g.getTransformerByCreate(), l = r.getUniverDocInstance(d), f = c.map((m) => {
+      var M, A, L, R, v;
+      const { drawingId: p } = m, w = (M = l == null ? void 0 : l.getSnapshot().drawings) == null ? void 0 : M[p];
+      if (w == null || w.layoutType === k.INLINE)
         return null;
-      const { positionH: D, positionV: S } = v.docTransform, O = { ...D }, C = { ...S };
-      return s === fe.UP ? C.posOffset = ((A = C.posOffset) != null ? A : 0) - 2 : s === fe.DOWN ? C.posOffset = ((U = C.posOffset) != null ? U : 0) + 2 : s === fe.LEFT ? O.posOffset = ((R = O.posOffset) != null ? R : 0) - 2 : s === fe.RIGHT && (O.posOffset = ((w = O.posOffset) != null ? w : 0) + 2), {
+      const { positionH: D, positionV: S } = w.docTransform, O = { ...D }, C = { ...S };
+      return s === he.UP ? C.posOffset = ((A = C.posOffset) != null ? A : 0) - 2 : s === he.DOWN ? C.posOffset = ((L = C.posOffset) != null ? L : 0) + 2 : s === he.LEFT ? O.posOffset = ((R = O.posOffset) != null ? R : 0) - 2 : s === he.RIGHT && (O.posOffset = ((v = O.posOffset) != null ? v : 0) + 2), {
         drawingId: p,
-        key: s === fe.UP || s === fe.DOWN ? "positionV" : "positionH",
-        value: s === fe.UP || s === fe.DOWN ? C : O
+        key: s === he.UP || s === he.DOWN ? "positionV" : "positionH",
+        value: s === he.UP || s === he.DOWN ? C : O
       };
     }).filter((m) => m != null);
-    if (h.length === 0)
+    if (f.length === 0)
       return !1;
-    const f = t.syncExecuteCommand(Ke.id, {
+    const h = t.syncExecuteCommand(qe.id, {
       unitId: d,
       subUnitId: d,
-      drawings: h
+      drawings: f
     });
-    return u.refreshControls(), !!f;
+    return u.refreshControls(), !!h;
   }
-}, Jr = {
+}, Wr = {
   id: "doc.operation.clear-drawing-transformer",
   type: q.MUTATION,
-  handler: (r, e) => {
-    const t = r.get(Q);
+  handler: (i, e) => {
+    const t = i.get(Q);
     return e.forEach((n) => {
-      var i, o;
-      (o = (i = t.getRenderById(n)) == null ? void 0 : i.scene.getTransformer()) == null || o.debounceRefreshControls();
+      var r, o;
+      (o = (r = t.getRenderById(n)) == null ? void 0 : r.scene.getTransformer()) == null || o.debounceRefreshControls();
     }), !0;
   }
-}, bn = "COMPONENT_DOC_DRAWING_PANEL", Cn = {
+}, Sn = "COMPONENT_DOC_DRAWING_PANEL", Dn = {
   id: "sidebar.operation.doc-image",
   type: q.COMMAND,
-  handler: async (r, e) => {
-    const t = r.get(Sr), n = r.get(ut), i = r.get(pe);
+  handler: async (i, e) => {
+    const t = i.get(fr), n = i.get(lt), r = i.get(fe);
     switch (e.value) {
       case "open":
         t.open({
           header: { title: n.t("docImage.panel.title") },
-          children: { label: bn },
+          children: { label: Sn },
           onClose: () => {
-            i.focusDrawing(null);
+            r.focusDrawing(null);
           },
           width: 360
         });
@@ -938,21 +883,21 @@ const Dn = {
     }
     return !0;
   }
-}, En = {
+}, On = {
   id: "doc.operation.edit-doc-image",
   type: q.OPERATION,
-  handler: (r, e) => {
-    const t = r.get(pe), n = r.get(j);
-    return e == null ? !1 : (t.focusDrawing([e]), n.executeCommand(Cn.id, { value: "open" }), !0);
+  handler: (i, e) => {
+    const t = i.get(fe), n = i.get(j);
+    return e == null ? !1 : (t.focusDrawing([e]), n.executeCommand(Dn.id, { value: "open" }), !0);
   }
-}, Xt = -1e3, qt = 1e3, ei = (r) => {
-  const e = ve(j), t = ve(ut), n = ve(pe), i = ve(Q), o = ve(z), { drawings: s } = r, c = s[0];
+}, zt = -1e3, Xt = 1e3, Gr = (i) => {
+  const e = me(j), t = me(lt), n = me(fe), r = me(Q), o = me(z), { drawings: s } = i, c = s[0];
   if (c == null)
     return;
-  const { unitId: d } = c, a = o.getUniverDocInstance(d), g = a == null ? void 0 : a.getSnapshot().documentStyle.documentFlavor, u = i.getRenderById(d), l = u == null ? void 0 : u.scene;
+  const { unitId: d } = c, a = o.getUniverDocInstance(d), g = a == null ? void 0 : a.getSnapshot().documentStyle.documentFlavor, u = r.getRenderById(d), l = u == null ? void 0 : u.scene;
   if (l == null)
     return;
-  const h = l.getTransformerByCreate(), f = [{
+  const f = l.getTransformerByCreate(), h = [{
     label: t.t("image-position.column"),
     value: String(J.COLUMN)
   }, {
@@ -964,139 +909,139 @@ const Dn = {
   }], m = [{
     label: t.t("image-position.line"),
     value: String(W.LINE),
-    disabled: g === mt.MODERN
+    disabled: g === pt.MODERN
   }, {
     label: t.t("image-position.page"),
     value: String(W.PAGE),
-    disabled: g === mt.MODERN
+    disabled: g === pt.MODERN
   }, {
     label: t.t("image-position.margin"),
     value: String(W.MARGIN),
-    disabled: g === mt.MODERN
+    disabled: g === pt.MODERN
   }, {
     label: t.t("image-position.paragraph"),
     value: String(W.PARAGRAPH)
-  }], [p, v] = ie(!0), [D, S] = ie({
+  }], [p, w] = ie(!0), [D, S] = ie({
     relativeFrom: J.PAGE,
     posOffset: 0
   }), [O, C] = ie({
     relativeFrom: W.PAGE,
     posOffset: 0
-  }), [M, A] = ie(!0), [U, R] = ie(!0);
-  function w(_, E) {
+  }), [M, A] = ie(!0), [L, R] = ie(!0);
+  function v(_, E) {
     var b;
     _ === "positionH" ? S(E) : C(E);
-    const y = n.getFocusDrawings();
-    if (y.length === 0)
+    const T = n.getFocusDrawings();
+    if (T.length === 0)
       return;
-    const L = y.map((P) => ({
+    const U = T.map((P) => ({
       unitId: P.unitId,
       subUnitId: P.subUnitId,
       drawingId: P.drawingId
     }));
-    e.executeCommand(Ke.id, {
-      unitId: y[0].unitId,
-      subUnitId: y[0].unitId,
-      drawings: L.map((P) => ({
+    e.executeCommand(qe.id, {
+      unitId: T[0].unitId,
+      subUnitId: T[0].unitId,
+      drawings: U.map((P) => ({
         drawingId: P.drawingId,
         key: _,
         value: E
       }))
     });
-    const B = (b = i.getRenderById(d)) == null ? void 0 : b.with(Ce);
-    B && B.blur(), h.refreshControls();
+    const B = (b = r.getRenderById(d)) == null ? void 0 : b.with(be);
+    B && B.blur(), f.refreshControls();
   }
   function N(_) {
-    var re, _e, Se;
-    const E = D.relativeFrom, y = D.posOffset, L = Number(_);
-    if (E === L)
+    var re, Ie, _e;
+    const E = D.relativeFrom, T = D.posOffset, U = Number(_);
+    if (E === U)
       return;
     const B = n.getFocusDrawings();
     if (B.length === 0)
       return;
     const b = B[0].drawingId, P = B[0].unitId;
-    let V = null, k = 0;
-    const K = (re = i.getRenderById(P)) == null ? void 0 : re.with(te).getSkeleton(), se = K == null ? void 0 : K.getSkeletonData();
+    let V = null, F = 0;
+    const K = (re = r.getRenderById(P)) == null ? void 0 : re.with(te).getSkeleton(), se = K == null ? void 0 : K.getSkeletonData();
     if (se == null)
       return;
-    const { pages: Be, skeHeaders: Ee, skeFooters: Ge } = se;
-    for (const ce of Be) {
-      const { marginLeft: Oe, skeDrawings: ye, headerId: Re, footerId: Ae, pageWidth: Te } = ce;
-      if (ye.has(b)) {
-        V = ye.get(b), k = Oe;
+    const { pages: Le, skeHeaders: Ce, skeFooters: Ge } = se;
+    for (const ce of Le) {
+      const { marginLeft: De, skeDrawings: Oe, headerId: Ee, footerId: Re, pageWidth: Te } = ce;
+      if (Oe.has(b)) {
+        V = Oe.get(b), F = De;
         break;
       }
-      const de = (_e = Ee.get(Re)) == null ? void 0 : _e.get(Te);
+      const de = (Ie = Ce.get(Ee)) == null ? void 0 : Ie.get(Te);
       if (de != null && de.skeDrawings.has(b)) {
-        V = de == null ? void 0 : de.skeDrawings.get(b), k = Oe;
+        V = de == null ? void 0 : de.skeDrawings.get(b), F = De;
         break;
       }
-      const ge = (Se = Ge.get(Ae)) == null ? void 0 : Se.get(Te);
+      const ge = (_e = Ge.get(Re)) == null ? void 0 : _e.get(Te);
       if (ge != null && ge.skeDrawings.has(b)) {
-        V = ge == null ? void 0 : ge.skeDrawings.get(b), k = Oe;
+        V = ge == null ? void 0 : ge.skeDrawings.get(b), F = De;
         break;
       }
     }
     if (V == null)
       return;
     let ae = 0;
-    E === J.COLUMN ? ae -= V.columnLeft : E === J.MARGIN && (ae -= k), L === J.COLUMN ? ae += V.columnLeft : L === J.MARGIN ? ae += k : J.PAGE;
+    E === J.COLUMN ? ae -= V.columnLeft : E === J.MARGIN && (ae -= F), U === J.COLUMN ? ae += V.columnLeft : U === J.MARGIN ? ae += F : J.PAGE;
     const ne = {
-      relativeFrom: L,
-      posOffset: (y != null ? y : 0) - ae
+      relativeFrom: U,
+      posOffset: (T != null ? T : 0) - ae
     };
-    w("positionH", ne);
+    v("positionH", ne);
   }
-  function H(_) {
-    var ye, Re, Ae, Te, de, ge;
-    const E = O.relativeFrom, y = O.posOffset, L = Number(_);
-    if (E === L)
+  function G(_) {
+    var Oe, Ee, Re, Te, de, ge;
+    const E = O.relativeFrom, T = O.posOffset, U = Number(_);
+    if (E === U)
       return;
     const B = n.getFocusDrawings();
     if (B.length === 0)
       return;
-    const { drawingId: b, unitId: P } = B[0], V = o.getUniverDocInstance(P), k = (ye = i.getRenderById(P)) == null ? void 0 : ye.with(te).getSkeleton(), K = (Re = i.getRenderById(P)) == null ? void 0 : Re.with(Ce), se = K == null ? void 0 : K.getSegment(), Be = K == null ? void 0 : K.getSegmentPage(), Ee = (Te = (Ae = V == null ? void 0 : V.getSelfOrHeaderFooterModel(se).getBody()) == null ? void 0 : Ae.customBlocks) == null ? void 0 : Te.find((Pe) => Pe.blockId === b);
-    if (Ee == null || k == null || K == null)
+    const { drawingId: b, unitId: P } = B[0], V = o.getUniverDocInstance(P), F = (Oe = r.getRenderById(P)) == null ? void 0 : Oe.with(te).getSkeleton(), K = (Ee = r.getRenderById(P)) == null ? void 0 : Ee.with(be), se = K == null ? void 0 : K.getSegment(), Le = K == null ? void 0 : K.getSegmentPage(), Ce = (Te = (Re = V == null ? void 0 : V.getSelfOrHeaderFooterModel(se).getBody()) == null ? void 0 : Re.customBlocks) == null ? void 0 : Te.find((Ae) => Ae.blockId === b);
+    if (Ce == null || F == null || K == null)
       return;
-    const { startIndex: Ge } = Ee, ae = k.findNodeByCharIndex(Ge, se, Be), ne = (de = ae == null ? void 0 : ae.parent) == null ? void 0 : de.parent, re = ne == null ? void 0 : ne.parent, _e = re == null ? void 0 : re.lines.find((Pe) => Pe.paragraphIndex === (ne == null ? void 0 : ne.paragraphIndex) && Pe.paragraphStart), Se = (ge = re == null ? void 0 : re.parent) == null ? void 0 : ge.parent;
-    if (ae == null || ne == null || _e == null || re == null || Se == null)
+    const { startIndex: Ge } = Ce, ae = F.findNodeByCharIndex(Ge, se, Le), ne = (de = ae == null ? void 0 : ae.parent) == null ? void 0 : de.parent, re = ne == null ? void 0 : ne.parent, Ie = re == null ? void 0 : re.lines.find((Ae) => Ae.paragraphIndex === (ne == null ? void 0 : ne.paragraphIndex) && Ae.paragraphStart), _e = (ge = re == null ? void 0 : re.parent) == null ? void 0 : ge.parent;
+    if (ae == null || ne == null || Ie == null || re == null || _e == null)
       return;
     let ce = 0;
-    E === W.PARAGRAPH ? ce -= _e.top : E === W.LINE ? ce -= ne.top : E === W.PAGE && (ce += Se.marginTop), L === W.PARAGRAPH ? ce += _e.top : L === W.LINE ? ce += ne.top : L === W.PAGE && (ce -= Se.marginTop);
-    const Oe = {
-      relativeFrom: L,
-      posOffset: (y != null ? y : 0) - ce
+    E === W.PARAGRAPH ? ce -= Ie.top : E === W.LINE ? ce -= ne.top : E === W.PAGE && (ce += _e.marginTop), U === W.PARAGRAPH ? ce += Ie.top : U === W.LINE ? ce += ne.top : U === W.PAGE && (ce -= _e.marginTop);
+    const De = {
+      relativeFrom: U,
+      posOffset: (T != null ? T : 0) - ce
     };
-    w("positionV", Oe);
+    v("positionV", De);
   }
   function x(_) {
     var P;
-    const E = a == null ? void 0 : a.getSnapshot(), y = (P = E == null ? void 0 : E.drawings) == null ? void 0 : P[_.drawingId];
-    if (y == null)
+    const E = a == null ? void 0 : a.getSnapshot(), T = (P = E == null ? void 0 : E.drawings) == null ? void 0 : P[_.drawingId];
+    if (T == null)
       return;
-    const { layoutType: L } = y, {
+    const { layoutType: U } = T, {
       positionH: B,
       positionV: b
-    } = y.docTransform;
-    S(B), C(b), v(L === F.INLINE), A(b.relativeFrom === W.PARAGRAPH || b.relativeFrom === W.LINE);
+    } = T.docTransform;
+    S(B), C(b), w(U === k.INLINE), A(b.relativeFrom === W.PARAGRAPH || b.relativeFrom === W.LINE);
   }
-  function G() {
+  function H() {
     const _ = n.getFocusDrawings();
     _.length !== 0 && x(_[0]);
   }
   function I(_) {
-    A(_), H(String(_ ? W.PARAGRAPH : W.PAGE));
+    A(_), G(String(_ ? W.PARAGRAPH : W.PAGE));
   }
   return Tt(() => {
-    G();
-    const _ = n.focus$.subscribe((y) => {
-      if (y.length === 0) {
+    H();
+    const _ = n.focus$.subscribe((T) => {
+      if (T.length === 0) {
         R(!1);
         return;
       }
-      R(!0), x(y[0]);
-    }), E = e.onCommandExecuted(async (y) => {
-      y.id === ee.id && G();
+      R(!0), x(T[0]);
+    }), E = e.onCommandExecuted(async (T) => {
+      T.id === ee.id && H();
     });
     return () => {
       _.unsubscribe(), E.dispose();
@@ -1104,22 +1049,22 @@ const Dn = {
   }, []), /* @__PURE__ */ X(
     "div",
     {
-      className: dn("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
-        "univer-hidden": !U
+      className: cn("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
+        "univer-hidden": !L
       }),
       children: [
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ y(
           "header",
           {
             className: "univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ T("div", { children: t.t("image-position.title") })
+            children: /* @__PURE__ */ y("div", { children: t.t("image-position.title") })
           }
         ),
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ y(
           "div",
           {
             className: "univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ T("div", { children: t.t("image-position.horizontal") })
+            children: /* @__PURE__ */ y("div", { children: t.t("image-position.horizontal") })
           }
         ),
         /* @__PURE__ */ X(
@@ -1128,17 +1073,17 @@ const Dn = {
             className: "univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
             children: [
               /* @__PURE__ */ X("div", { children: [
-                /* @__PURE__ */ T("span", { children: t.t("image-position.absolutePosition") }),
-                /* @__PURE__ */ T(
+                /* @__PURE__ */ y("span", { children: t.t("image-position.absolutePosition") }),
+                /* @__PURE__ */ y(
                   Fe,
                   {
-                    min: Xt,
-                    max: qt,
+                    min: zt,
+                    max: Xt,
                     precision: 1,
                     disabled: p,
                     value: D.posOffset,
                     onChange: (_) => {
-                      w("positionH", {
+                      v("positionH", {
                         relativeFrom: D.relativeFrom,
                         posOffset: _
                       });
@@ -1147,13 +1092,13 @@ const Dn = {
                 )
               ] }),
               /* @__PURE__ */ X("div", { children: [
-                /* @__PURE__ */ T("span", { children: t.t("image-position.toTheRightOf") }),
-                /* @__PURE__ */ T(
-                  Ht,
+                /* @__PURE__ */ y("span", { children: t.t("image-position.toTheRightOf") }),
+                /* @__PURE__ */ y(
+                  Wt,
                   {
                     value: String(D.relativeFrom),
                     disabled: p,
-                    options: f,
+                    options: h,
                     onChange: N
                   }
                 )
@@ -1161,11 +1106,11 @@ const Dn = {
             ]
           }
         ),
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ y(
           "div",
           {
             className: "univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ T("div", { children: t.t("image-position.vertical") })
+            children: /* @__PURE__ */ y("div", { children: t.t("image-position.vertical") })
           }
         ),
         /* @__PURE__ */ X(
@@ -1174,17 +1119,17 @@ const Dn = {
             className: "univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
             children: [
               /* @__PURE__ */ X("div", { children: [
-                /* @__PURE__ */ T("span", { children: t.t("image-position.absolutePosition") }),
-                /* @__PURE__ */ T(
+                /* @__PURE__ */ y("span", { children: t.t("image-position.absolutePosition") }),
+                /* @__PURE__ */ y(
                   Fe,
                   {
-                    min: Xt,
-                    max: qt,
+                    min: zt,
+                    max: Xt,
                     precision: 1,
                     disabled: p,
                     value: O.posOffset,
                     onChange: (_) => {
-                      w("positionV", {
+                      v("positionV", {
                         relativeFrom: O.relativeFrom,
                         posOffset: _
                       });
@@ -1193,29 +1138,29 @@ const Dn = {
                 )
               ] }),
               /* @__PURE__ */ X("div", { children: [
-                /* @__PURE__ */ T("span", { children: t.t("image-position.bellow") }),
-                /* @__PURE__ */ T(
-                  Ht,
+                /* @__PURE__ */ y("span", { children: t.t("image-position.bellow") }),
+                /* @__PURE__ */ y(
+                  Wt,
                   {
                     disabled: p,
                     value: String(O.relativeFrom),
                     options: m,
-                    onChange: H
+                    onChange: G
                   }
                 )
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ y(
           "div",
           {
             className: "univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ T("div", { children: t.t("image-position.options") })
+            children: /* @__PURE__ */ y("div", { children: t.t("image-position.options") })
           }
         ),
-        /* @__PURE__ */ T("div", { children: /* @__PURE__ */ T(
-          Ur,
+        /* @__PURE__ */ y("div", { children: /* @__PURE__ */ y(
+          Er,
           {
             disabled: p,
             checked: M,
@@ -1226,33 +1171,33 @@ const Dn = {
       ]
     }
   );
-}, Je = 0, et = 100, ti = (r) => {
-  const e = ve(j), t = ve(ut), n = ve(pe), i = ve(Q), o = ve(z), { drawings: s } = r, c = s[0];
+}, Qe = 0, Je = 100, Hr = (i) => {
+  const e = me(j), t = me(lt), n = me(fe), r = me(Q), o = me(z), { drawings: s } = i, c = s[0];
   if (c == null)
     return null;
-  const { unitId: d } = c, a = o.getUniverDocInstance(d), g = i.getRenderById(d);
+  const { unitId: d } = c, a = o.getUniverDocInstance(d), g = r.getRenderById(d);
   if ((g == null ? void 0 : g.scene) == null)
     return null;
-  const [l, h] = ie(!0), [f, m] = ie(!0), [p, v] = ie(!0), [D, S] = ie(ue.INLINE), [O, C] = ie(""), [M, A] = ie({
+  const [l, f] = ie(!0), [h, m] = ie(!0), [p, w] = ie(!0), [D, S] = ie(ue.INLINE), [O, C] = ie(""), [M, A] = ie({
     distT: 0,
     distL: 0,
     distB: 0,
     distR: 0
-  }), [U, R] = ie(!0);
-  function w(I) {
+  }), [L, R] = ie(!0);
+  function v(I) {
     S(I);
     const _ = n.getFocusDrawings();
     if (_.length === 0)
       return;
-    const { unitId: E, subUnitId: y } = _[0], L = _.map(({ unitId: B, subUnitId: b, drawingId: P }) => ({
+    const { unitId: E, subUnitId: T } = _[0], U = _.map(({ unitId: B, subUnitId: b, drawingId: P }) => ({
       unitId: B,
       subUnitId: b,
       drawingId: P
     }));
-    e.executeCommand(Dn.id, {
+    e.executeCommand(mn.id, {
       unitId: E,
-      subUnitId: y,
-      drawings: L,
+      subUnitId: T,
+      drawings: U,
       wrappingStyle: I
     });
   }
@@ -1261,35 +1206,35 @@ const Dn = {
     const _ = n.getFocusDrawings();
     if (_.length === 0)
       return;
-    const E = _.map((y) => ({
-      unitId: y.unitId,
-      subUnitId: y.subUnitId,
-      drawingId: y.drawingId
+    const E = _.map((T) => ({
+      unitId: T.unitId,
+      subUnitId: T.subUnitId,
+      drawingId: T.drawingId
     }));
-    e.executeCommand(yn.id, {
+    e.executeCommand(vn.id, {
       unitId: _[0].unitId,
       subUnitId: _[0].unitId,
       drawings: E,
       wrapText: I
     });
   }
-  function H(I, _) {
+  function G(I, _) {
     if (I == null)
       return;
     const E = { ...M, [_]: I };
     A(E);
-    const y = n.getFocusDrawings();
-    if (y.length === 0)
+    const T = n.getFocusDrawings();
+    if (T.length === 0)
       return;
-    const L = y.map((B) => ({
+    const U = T.map((B) => ({
       unitId: B.unitId,
       subUnitId: B.subUnitId,
       drawingId: B.drawingId
     }));
-    e.executeCommand(On.id, {
-      unitId: y[0].unitId,
-      subUnitId: y[0].unitId,
-      drawings: L,
+    e.executeCommand(wn.id, {
+      unitId: T[0].unitId,
+      subUnitId: T[0].unitId,
+      drawings: U,
       dist: {
         [_]: I
       }
@@ -1297,38 +1242,38 @@ const Dn = {
   }
   function x() {
     const I = n.getFocusDrawings();
-    I.length !== 0 && G(I[0]);
+    I.length !== 0 && H(I[0]);
   }
-  function G(I) {
+  function H(I) {
     var K, se;
     const _ = (se = (K = a == null ? void 0 : a.getSnapshot()) == null ? void 0 : K.drawings) == null ? void 0 : se[I.drawingId];
     if (_ == null)
       return;
     const {
       distT: E = 0,
-      distL: y = 0,
-      distB: L = 0,
+      distL: T = 0,
+      distB: U = 0,
       distR: B = 0,
-      layoutType: b = F.INLINE,
+      layoutType: b = k.INLINE,
       behindDoc: P = oe.FALSE,
-      wrapText: V = Xe.BOTH_SIDES
+      wrapText: V = ze.BOTH_SIDES
     } = _;
     if (A({
       distT: E,
-      distL: y,
-      distB: L,
+      distL: T,
+      distB: U,
       distR: B
-    }), C(V), h(b !== F.WRAP_SQUARE), b === F.WRAP_NONE || b === F.INLINE ? m(!0) : m(!1), b === F.WRAP_NONE || b === F.INLINE || b === F.WRAP_TOP_AND_BOTTOM ? v(!0) : v(!1), b === F.WRAP_NONE)
+    }), C(V), f(b !== k.WRAP_SQUARE), b === k.WRAP_NONE || b === k.INLINE ? m(!0) : m(!1), b === k.WRAP_NONE || b === k.INLINE || b === k.WRAP_TOP_AND_BOTTOM ? w(!0) : w(!1), b === k.WRAP_NONE)
       P === oe.TRUE ? S(ue.BEHIND_TEXT) : S(ue.IN_FRONT_OF_TEXT);
     else
       switch (b) {
-        case F.INLINE:
+        case k.INLINE:
           S(ue.INLINE);
           break;
-        case F.WRAP_SQUARE:
+        case k.WRAP_SQUARE:
           S(ue.WRAP_SQUARE);
           break;
-        case F.WRAP_TOP_AND_BOTTOM:
+        case k.WRAP_TOP_AND_BOTTOM:
           S(ue.WRAP_TOP_AND_BOTTOM);
           break;
         default:
@@ -1342,7 +1287,7 @@ const Dn = {
         R(!1);
         return;
       }
-      R(!0), G(E[0]);
+      R(!0), H(E[0]);
     }), _ = e.onCommandExecuted(async (E) => {
       E.id === ee.id && x();
     });
@@ -1352,48 +1297,48 @@ const Dn = {
   }, []), /* @__PURE__ */ X(
     "div",
     {
-      className: dn("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
-        "univer-hidden": !U
+      className: cn("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
+        "univer-hidden": !L
       }),
       children: [
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ y(
           "header",
           {
             className: "univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ T("div", { children: t.t("image-text-wrap.title") })
+            children: /* @__PURE__ */ y("div", { children: t.t("image-text-wrap.title") })
           }
         ),
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ y(
           "div",
           {
             className: "univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ T("div", { children: t.t("image-text-wrap.wrappingStyle") })
+            children: /* @__PURE__ */ y("div", { children: t.t("image-text-wrap.wrappingStyle") })
           }
         ),
-        /* @__PURE__ */ T("div", { children: /* @__PURE__ */ X(Gt, { value: D, onChange: w, direction: "vertical", children: [
-          /* @__PURE__ */ T(Me, { value: ue.INLINE, children: t.t("image-text-wrap.inline") }),
-          /* @__PURE__ */ T(Me, { value: ue.WRAP_SQUARE, children: t.t("image-text-wrap.square") }),
-          /* @__PURE__ */ T(Me, { value: ue.WRAP_TOP_AND_BOTTOM, children: t.t("image-text-wrap.topAndBottom") }),
-          /* @__PURE__ */ T(Me, { value: ue.BEHIND_TEXT, children: t.t("image-text-wrap.behindText") }),
-          /* @__PURE__ */ T(Me, { value: ue.IN_FRONT_OF_TEXT, children: t.t("image-text-wrap.inFrontText") })
+        /* @__PURE__ */ y("div", { children: /* @__PURE__ */ X(Gt, { value: D, onChange: v, direction: "vertical", children: [
+          /* @__PURE__ */ y(ye, { value: ue.INLINE, children: t.t("image-text-wrap.inline") }),
+          /* @__PURE__ */ y(ye, { value: ue.WRAP_SQUARE, children: t.t("image-text-wrap.square") }),
+          /* @__PURE__ */ y(ye, { value: ue.WRAP_TOP_AND_BOTTOM, children: t.t("image-text-wrap.topAndBottom") }),
+          /* @__PURE__ */ y(ye, { value: ue.BEHIND_TEXT, children: t.t("image-text-wrap.behindText") }),
+          /* @__PURE__ */ y(ye, { value: ue.IN_FRONT_OF_TEXT, children: t.t("image-text-wrap.inFrontText") })
         ] }) }),
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ y(
           "div",
           {
             className: "univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ T("div", { children: t.t("image-text-wrap.wrapText") })
+            children: /* @__PURE__ */ y("div", { children: t.t("image-text-wrap.wrapText") })
           }
         ),
-        /* @__PURE__ */ T("div", { children: /* @__PURE__ */ X(Gt, { disabled: l, value: O, onChange: N, direction: "horizontal", children: [
-          /* @__PURE__ */ T(Me, { value: Xe.BOTH_SIDES, children: t.t("image-text-wrap.bothSide") }),
-          /* @__PURE__ */ T(Me, { value: Xe.LEFT, children: t.t("image-text-wrap.leftOnly") }),
-          /* @__PURE__ */ T(Me, { value: Xe.RIGHT, children: t.t("image-text-wrap.rightOnly") })
+        /* @__PURE__ */ y("div", { children: /* @__PURE__ */ X(Gt, { disabled: l, value: O, onChange: N, direction: "horizontal", children: [
+          /* @__PURE__ */ y(ye, { value: ze.BOTH_SIDES, children: t.t("image-text-wrap.bothSide") }),
+          /* @__PURE__ */ y(ye, { value: ze.LEFT, children: t.t("image-text-wrap.leftOnly") }),
+          /* @__PURE__ */ y(ye, { value: ze.RIGHT, children: t.t("image-text-wrap.rightOnly") })
         ] }) }),
-        /* @__PURE__ */ T(
+        /* @__PURE__ */ y(
           "div",
           {
             className: "univer-text-gray-600 dark:!univer-text-gray-200",
-            children: /* @__PURE__ */ T("div", { children: t.t("image-text-wrap.distanceFromText") })
+            children: /* @__PURE__ */ y("div", { children: t.t("image-text-wrap.distanceFromText") })
           }
         ),
         /* @__PURE__ */ X(
@@ -1402,33 +1347,33 @@ const Dn = {
             className: "univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
             children: [
               /* @__PURE__ */ X("div", { children: [
-                /* @__PURE__ */ T("span", { children: t.t("image-text-wrap.top") }),
-                /* @__PURE__ */ T(
+                /* @__PURE__ */ y("span", { children: t.t("image-text-wrap.top") }),
+                /* @__PURE__ */ y(
                   Fe,
                   {
-                    min: Je,
-                    max: et,
-                    disabled: f,
+                    min: Qe,
+                    max: Je,
+                    disabled: h,
                     precision: 1,
                     value: M.distT,
                     onChange: (I) => {
-                      H(I, "distT");
+                      G(I, "distT");
                     }
                   }
                 )
               ] }),
               /* @__PURE__ */ X("div", { children: [
-                /* @__PURE__ */ T("span", { children: t.t("image-text-wrap.left") }),
-                /* @__PURE__ */ T(
+                /* @__PURE__ */ y("span", { children: t.t("image-text-wrap.left") }),
+                /* @__PURE__ */ y(
                   Fe,
                   {
-                    min: Je,
-                    max: et,
+                    min: Qe,
+                    max: Je,
                     disabled: p,
                     precision: 1,
                     value: M.distL,
                     onChange: (I) => {
-                      H(I, "distL");
+                      G(I, "distL");
                     }
                   }
                 )
@@ -1442,33 +1387,33 @@ const Dn = {
             className: "univer-grid univer-grid-cols-2 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
             children: [
               /* @__PURE__ */ X("div", { children: [
-                /* @__PURE__ */ T("span", { children: t.t("image-text-wrap.bottom") }),
-                /* @__PURE__ */ T(
+                /* @__PURE__ */ y("span", { children: t.t("image-text-wrap.bottom") }),
+                /* @__PURE__ */ y(
                   Fe,
                   {
-                    min: Je,
-                    max: et,
-                    disabled: f,
+                    min: Qe,
+                    max: Je,
+                    disabled: h,
                     precision: 1,
                     value: M.distB,
                     onChange: (I) => {
-                      H(I, "distB");
+                      G(I, "distB");
                     }
                   }
                 )
               ] }),
               /* @__PURE__ */ X("div", { children: [
-                /* @__PURE__ */ T("span", { children: t.t("image-text-wrap.right") }),
-                /* @__PURE__ */ T(
+                /* @__PURE__ */ y("span", { children: t.t("image-text-wrap.right") }),
+                /* @__PURE__ */ y(
                   Fe,
                   {
-                    min: Je,
-                    max: et,
+                    min: Qe,
+                    max: Je,
                     disabled: p,
                     precision: 1,
                     value: M.distR,
                     onChange: (I) => {
-                      H(I, "distR");
+                      G(I, "distR");
                     }
                   }
                 )
@@ -1479,31 +1424,31 @@ const Dn = {
       ]
     }
   );
-}, ni = () => {
-  const r = ve(pe), e = r.getFocusDrawings(), [t, n] = ie(e);
+}, jr = () => {
+  const i = me(fe), e = i.getFocusDrawings(), [t, n] = ie(e);
   return Tt(() => {
-    const i = r.focus$.subscribe((o) => {
+    const r = i.focus$.subscribe((o) => {
       n(o);
     });
     return () => {
-      i.unsubscribe();
+      r.unsubscribe();
     };
   }, []), !!(t != null && t.length) && /* @__PURE__ */ X("div", { className: "univer-text-sm", children: [
-    /* @__PURE__ */ T(cr, { drawings: t, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
-    /* @__PURE__ */ T(ti, { drawings: t }),
-    /* @__PURE__ */ T(ei, { drawings: t })
+    /* @__PURE__ */ y(tr, { drawings: t, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
+    /* @__PURE__ */ y(Hr, { drawings: t }),
+    /* @__PURE__ */ y(Gr, { drawings: t })
   ] });
-}, Rn = "addition-and-subtraction-single", An = "doc.menu.image", Pn = _n.id, ri = (r) => {
-  const e = r.get(Ot), t = r.get(z);
-  return new Fr((n) => {
-    const i = e.textSelection$.subscribe(() => {
+}, Tn = "doc.menu.image", yn = fn.id, Vr = (i) => {
+  const e = i.get(Dt), t = i.get(z);
+  return new Pr((n) => {
+    const r = e.textSelection$.subscribe(() => {
       var s;
       const o = e.getActiveTextRange();
       if (o) {
         const { segmentId: c, startOffset: d, endOffset: a } = o, g = t.getCurrentUniverDocInstance(), u = (s = g == null ? void 0 : g.getSelfOrHeaderFooterModel(c).getBody()) == null ? void 0 : s.tables;
         if (u && u.length && u.some((l) => {
-          const { startIndex: h, endIndex: f } = l;
-          return d >= h && d < f || a >= h && a < f;
+          const { startIndex: f, endIndex: h } = l;
+          return d >= f && d < h || a >= f && a < h;
         })) {
           n.next(!0);
           return;
@@ -1514,160 +1459,160 @@ const Dn = {
       }
       n.next(!1);
     });
-    return () => i.unsubscribe();
+    return () => r.unsubscribe();
   });
 };
-function ii(r) {
+function $r(i) {
   return {
-    id: An,
-    type: rn.SUBITEMS,
-    icon: Rn,
+    id: Tn,
+    type: nn.SUBITEMS,
+    icon: "AddImageIcon",
     tooltip: "docImage.title",
-    disabled$: ri(r),
-    hidden$: nn(r, we.UNIVER_DOC, void 0, Dt)
+    disabled$: Vr(i),
+    hidden$: tn(i, we.UNIVER_DOC, void 0, St)
   };
 }
-function oi(r) {
+function zr(i) {
   return {
-    id: Pn,
+    id: yn,
     title: "docImage.upload.float",
-    type: rn.BUTTON,
-    hidden$: nn(r, we.UNIVER_DOC, void 0, Dt)
+    type: nn.BUTTON,
+    hidden$: tn(i, we.UNIVER_DOC, void 0, St)
   };
 }
-const si = {
-  [Dr.MEDIA]: {
-    [An]: {
+const Xr = {
+  [pr.MEDIA]: {
+    [Tn]: {
       order: 0,
-      menuItemFactory: ii,
-      [Pn]: {
+      menuItemFactory: $r,
+      [yn]: {
         order: 0,
-        menuItemFactory: oi
+        menuItemFactory: zr
       }
     }
   }
 };
-function Ze(r) {
-  return r.getContextValue(Gn) && r.getContextValue(rt);
+function Ye(i) {
+  return i.getContextValue(Un) && i.getContextValue(nt);
 }
-const ai = {
-  id: Ye.id,
+const qr = {
+  id: Ke.id,
   description: "shortcut.drawing-move-down",
   group: "4_drawing-view",
-  binding: He.ARROW_DOWN,
+  binding: We.ARROW_DOWN,
   priority: 100,
-  preconditions: Ze,
+  preconditions: Ye,
   staticParameters: {
-    direction: fe.DOWN
+    direction: he.DOWN
   }
-}, ci = {
-  id: Ye.id,
+}, Kr = {
+  id: Ke.id,
   description: "shortcut.drawing-move-up",
   group: "4_drawing-view",
-  binding: He.ARROW_UP,
+  binding: We.ARROW_UP,
   priority: 100,
-  preconditions: Ze,
+  preconditions: Ye,
   staticParameters: {
-    direction: fe.UP
+    direction: he.UP
   }
-}, di = {
-  id: Ye.id,
+}, Yr = {
+  id: Ke.id,
   description: "shortcut.drawing-move-left",
   group: "4_drawing-view",
-  binding: He.ARROW_LEFT,
+  binding: We.ARROW_LEFT,
   priority: 100,
-  preconditions: Ze,
+  preconditions: Ye,
   staticParameters: {
-    direction: fe.LEFT
+    direction: he.LEFT
   }
-}, gi = {
-  id: Ye.id,
+}, Zr = {
+  id: Ke.id,
   description: "shortcut.drawing-move-right",
   group: "4_drawing-view",
-  binding: He.ARROW_RIGHT,
+  binding: We.ARROW_RIGHT,
   priority: 100,
-  preconditions: Ze,
+  preconditions: Ye,
   staticParameters: {
-    direction: fe.RIGHT
+    direction: he.RIGHT
   }
-}, li = {
-  id: mn.id,
+}, Qr = {
+  id: gn.id,
   description: "shortcut.drawing-delete",
   group: "4_drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
-  preconditions: Ze,
-  binding: He.DELETE,
-  mac: He.BACKSPACE
+  preconditions: Ye,
+  binding: We.DELETE,
+  mac: We.BACKSPACE
 };
-var ui = Object.getOwnPropertyDescriptor, fi = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? ui(e, t) : e, o = r.length - 1, s; o >= 0; o--)
-    (s = r[o]) && (i = s(i) || i);
-  return i;
-}, tt = (r, e) => (t, n) => e(t, n, r);
-let ot = class extends Le {
-  constructor(r, e, t, n) {
-    super(), this._componentManager = r, this._menuManagerService = e, this._commandService = t, this._shortcutService = n, this._init();
+var Jr = Object.getOwnPropertyDescriptor, ei = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? Jr(e, t) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
+}, et = (i, e) => (t, n) => e(t, n, i);
+let it = class extends Ne {
+  constructor(i, e, t, n) {
+    super(), this._componentManager = i, this._menuManagerService = e, this._commandService = t, this._shortcutService = n, this._init();
   }
   _initCustomComponents() {
-    const r = this._componentManager;
-    this.disposeWithMe(r.register(Rn, pn)), this.disposeWithMe(r.register(bn, ni));
+    const i = this._componentManager;
+    this.disposeWithMe(i.register(Sn, jr));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(si);
+    this._menuManagerService.mergeMenu(Xr);
   }
   _initCommands() {
     [
+      fn,
+      Mt,
+      mn,
+      wn,
+      vn,
+      qe,
+      In,
       _n,
-      bt,
+      yt,
       Dn,
+      Wr,
       On,
-      yn,
+      ln,
+      hn,
       Ke,
-      Tn,
-      Mn,
-      Mt,
-      Cn,
-      Jr,
-      En,
-      vn,
-      In,
-      Ye,
-      mn,
-      wn
-    ].forEach((r) => this.disposeWithMe(this._commandService.registerCommand(r)));
+      gn,
+      un
+    ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      ai,
-      ci,
-      di,
-      gi,
-      li
-    ].forEach((r) => {
-      this.disposeWithMe(this._shortcutService.registerShortcut(r));
+      qr,
+      Kr,
+      Yr,
+      Zr,
+      Qr
+    ].forEach((i) => {
+      this.disposeWithMe(this._shortcutService.registerShortcut(i));
     });
   }
   _init() {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-ot = fi([
-  tt(0, Z(on)),
-  tt(1, Or),
-  tt(2, j),
-  tt(3, yr)
-], ot);
-var hi = Object.getOwnPropertyDescriptor, pi = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? hi(e, t) : e, o = r.length - 1, s; o >= 0; o--)
-    (s = r[o]) && (i = s(i) || i);
-  return i;
-}, Ve = (r, e) => (t, n) => e(t, n, r);
-function mi(r) {
-  var n, i, o, s;
-  if ($.isNoop(r) || !Array.isArray(r))
+it = ei([
+  et(0, Z(rn)),
+  et(1, mr),
+  et(2, j),
+  et(3, wr)
+], it);
+var ti = Object.getOwnPropertyDescriptor, ni = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? ti(e, t) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
+}, je = (i, e) => (t, n) => e(t, n, i);
+function ri(i) {
+  var n, r, o, s;
+  if ($.isNoop(i) || !Array.isArray(i))
     return null;
-  const e = r.find((c) => Array.isArray(c) && (c == null ? void 0 : c[0]) === "drawings");
+  const e = i.find((c) => Array.isArray(c) && (c == null ? void 0 : c[0]) === "drawings");
   if (e == null || !Array.isArray(e) || e.length < 3 || typeof e[1] == "string" && typeof e[2] != "object" || Array.isArray(e[1]) && typeof e[1][1] != "object")
     return null;
   const t = [];
@@ -1676,7 +1621,7 @@ function mi(r) {
       Array.isArray(c) && t.push({
         type: (n = c == null ? void 0 : c[1]) != null && n.i ? "add" : "remove",
         drawingId: c == null ? void 0 : c[0],
-        drawing: (i = c == null ? void 0 : c[1]) == null ? void 0 : i.i
+        drawing: (r = c == null ? void 0 : c[1]) == null ? void 0 : r.i
       });
   else
     t.push({
@@ -1686,12 +1631,12 @@ function mi(r) {
     });
   return t;
 }
-function vi(r) {
-  if (!Array.isArray(r) || r.length < 3 || r[0] !== "drawingsOrder")
+function ii(i) {
+  if (!Array.isArray(i) || i.length < 3 || i[0] !== "drawingsOrder")
     return [];
   const e = [];
-  for (let t = 1; t < r.length; t++) {
-    const n = r[t];
+  for (let t = 1; t < i.length; t++) {
+    const n = i[t];
     if (Array.isArray(n) && typeof n[0] == "number" && typeof n[1] == "object")
       e.push(n[0]);
     else {
@@ -1701,95 +1646,95 @@ function vi(r) {
   }
   return e;
 }
-let st = class extends Le {
-  constructor(r, e, t, n, i) {
-    super(), this._univerInstanceService = r, this._commandService = e, this._drawingManagerService = t, this._docDrawingService = n, this._renderManagerService = i, this._initialize();
+let ot = class extends Ne {
+  constructor(i, e, t, n, r) {
+    super(), this._univerInstanceService = i, this._commandService = e, this._drawingManagerService = t, this._docDrawingService = n, this._renderManagerService = r, this._initialize();
   }
   _initialize() {
     this._commandExecutedListener();
   }
   _commandExecutedListener() {
     this.disposeWithMe(
-      this._commandService.beforeCommandExecuted((r) => {
-        if (r.id !== ee.id)
+      this._commandService.beforeCommandExecuted((i) => {
+        if (i.id !== ee.id)
           return;
-        const e = r.params, { unitId: t, actions: n } = e, i = mi(n);
-        if (i != null)
-          for (const { type: o, drawingId: s, drawing: c } of i)
+        const e = i.params, { unitId: t, actions: n } = e, r = ri(n);
+        if (r != null)
+          for (const { type: o, drawingId: s, drawing: c } of r)
             o === "add" ? this._addDrawings(t, [c]) : this._removeDrawings(t, [s]);
       })
     ), this.disposeWithMe(
-      this._commandService.onCommandExecuted((r) => {
-        if (r.id !== ee.id)
+      this._commandService.onCommandExecuted((i) => {
+        if (i.id !== ee.id)
           return;
-        const e = r.params, { unitId: t, actions: n } = e;
-        vi(n).length > 0 && this._updateDrawingsOrder(t);
+        const e = i.params, { unitId: t, actions: n } = e;
+        ii(n).length > 0 && this._updateDrawingsOrder(t);
       })
     ), this.disposeWithMe(
-      this._commandService.onCommandExecuted((r) => {
+      this._commandService.onCommandExecuted((i) => {
         var s;
-        if (r.id !== jn.id && r.id !== Vn.id)
+        if (i.id !== Ln.id && i.id !== Bn.id)
           return;
         const e = (s = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : s.getUnitId(), t = this._drawingManagerService.getFocusDrawings();
         if (e == null || t.length === 0)
           return;
-        const n = this._renderManagerService.getRenderById(e), i = n == null ? void 0 : n.scene;
-        if (i == null)
+        const n = this._renderManagerService.getRenderById(e), r = n == null ? void 0 : n.scene;
+        if (r == null)
           return !1;
-        i.getTransformerByCreate().refreshControls();
+        r.getTransformerByCreate().refreshControls();
       })
     );
   }
-  _addDrawings(r, e) {
-    const t = this._drawingManagerService, n = this._docDrawingService, i = this._docDrawingService.getBatchAddOp(e), { subUnitId: o, redo: s, objects: c } = i;
-    t.applyJson1(r, o, s), n.applyJson1(r, o, s), t.addNotification(c), n.addNotification(c);
+  _addDrawings(i, e) {
+    const t = this._drawingManagerService, n = this._docDrawingService, r = this._docDrawingService.getBatchAddOp(e), { subUnitId: o, redo: s, objects: c } = r;
+    t.applyJson1(i, o, s), n.applyJson1(i, o, s), t.addNotification(c), n.addNotification(c);
   }
-  _removeDrawings(r, e) {
-    const t = this._drawingManagerService, n = this._docDrawingService, i = this._docDrawingService.getBatchRemoveOp(e.map((d) => ({
-      unitId: r,
-      subUnitId: r,
+  _removeDrawings(i, e) {
+    const t = this._drawingManagerService, n = this._docDrawingService, r = this._docDrawingService.getBatchRemoveOp(e.map((d) => ({
+      unitId: i,
+      subUnitId: i,
       drawingId: d
-    }))), { subUnitId: o, redo: s, objects: c } = i;
-    t.applyJson1(r, o, s), n.applyJson1(r, o, s), t.removeNotification(c), n.removeNotification(c);
+    }))), { subUnitId: o, redo: s, objects: c } = r;
+    t.applyJson1(i, o, s), n.applyJson1(i, o, s), t.removeNotification(c), n.removeNotification(c);
   }
-  _updateDrawingsOrder(r) {
-    const e = this._univerInstanceService.getUniverDocInstance(r);
+  _updateDrawingsOrder(i) {
+    const e = this._univerInstanceService.getUniverDocInstance(i);
     if (e == null)
       return;
     const t = e.getSnapshot().drawingsOrder;
     if (t == null)
       return;
-    const n = this._drawingManagerService, i = this._docDrawingService;
-    n.setDrawingOrder(r, r, t), i.setDrawingOrder(r, r, t);
+    const n = this._drawingManagerService, r = this._docDrawingService;
+    n.setDrawingOrder(i, i, t), r.setDrawingOrder(i, i, t);
     const o = {
-      unitId: r,
-      subUnitId: r,
+      unitId: i,
+      subUnitId: i,
       drawingIds: t
     };
-    n.orderNotification(o), i.orderNotification(o);
+    n.orderNotification(o), r.orderNotification(o);
   }
 };
-st = pi([
-  Ve(0, z),
-  Ve(1, j),
-  Ve(2, pe),
-  Ve(3, Ue),
-  Ve(4, Q)
-], st);
-var wi = Object.getOwnPropertyDescriptor, Ii = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? wi(e, t) : e, o = r.length - 1, s; o >= 0; o--)
-    (s = r[o]) && (i = s(i) || i);
-  return i;
-}, ke = (r, e) => (t, n) => e(t, n, r);
-function xn(r, e, t = 1, n = 0) {
-  const { top: i, left: o, bottom: s, right: c } = r, d = c - o, a = s - i, g = e.getViewport(an.VIEW_MAIN), { viewportScrollX: u, viewportScrollY: l } = g, { scaleX: h, scaleY: f } = e.getAncestorScale();
+ot = ni([
+  je(0, z),
+  je(1, j),
+  je(2, fe),
+  je(3, Ue),
+  je(4, Q)
+], ot);
+var oi = Object.getOwnPropertyDescriptor, si = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? oi(e, t) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
+}, Be = (i, e) => (t, n) => e(t, n, i);
+function Mn(i, e, t = 1, n = 0) {
+  const { top: r, left: o, bottom: s, right: c } = i, d = c - o, a = s - r, g = e.getViewport(sn.VIEW_MAIN), { viewportScrollX: u, viewportScrollY: l } = g, { scaleX: f, scaleY: h } = e.getAncestorScale();
   return {
-    startX: (o - u) * h,
-    startY: (i - l) * f,
-    endX: (o + d - u) * h,
-    endY: (i + a - l) * f,
-    width: d * h,
-    height: a * f,
+    startX: (o - u) * f,
+    startY: (r - l) * h,
+    endX: (o + d - u) * f,
+    endY: (r + a - l) * h,
+    width: d * f,
+    height: a * h,
     rotate: n,
     absolute: {
       left: !1,
@@ -1798,15 +1743,15 @@ function xn(r, e, t = 1, n = 0) {
     opacity: t != null ? t : 1
   };
 }
-function wt(r, e) {
-  const { top: t, left: n, width: i, height: o, angle: s, opacity: c } = r;
-  return xn({ top: t, left: n, bottom: t + o, right: n + i }, e.scene, c, s);
+function wt(i, e) {
+  const { top: t, left: n, width: r, height: o, angle: s, opacity: c } = i;
+  return Mn({ top: t, left: n, bottom: t + o, right: n + r }, e.scene, c, s);
 }
-let at = class extends Le {
-  constructor(e, t, n, i, o, s) {
+let st = class extends Ne {
+  constructor(e, t, n, r, o, s) {
     super();
-    Ie(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
-    this._renderManagerService = e, this._drawingManagerService = t, this._drawingRenderService = n, this._canvasFloatDomService = i, this._univerInstanceService = o, this._commandService = s, this._initialize();
+    ve(this, "_domLayerInfoMap", /* @__PURE__ */ new Map());
+    this._renderManagerService = e, this._drawingManagerService = t, this._drawingRenderService = n, this._canvasFloatDomService = r, this._univerInstanceService = o, this._commandService = s, this._initialize();
   }
   dispose() {
     super.dispose();
@@ -1820,8 +1765,8 @@ let at = class extends Le {
     const t = this._renderManagerService.getRenderById(e);
     if (t == null)
       return null;
-    const n = t.scene, i = n.getTransformerByCreate();
-    return { scene: n, transformer: i, renderUnit: t, canvas: t.engine.getCanvasElement() };
+    const n = t.scene, r = n.getTransformerByCreate();
+    return { scene: n, transformer: r, renderUnit: t, canvas: t.engine.getCanvasElement() };
   }
   _drawingAddRemoveListener() {
     this.disposeWithMe(
@@ -1851,7 +1796,7 @@ let at = class extends Le {
       if (!(c == null || c.length === 0))
         for (const d of c) {
           this._addHoverForRect(d);
-          const a = new $n(), g = wt(d, o.renderUnit), u = new yt(g), l = o.canvas, h = s.data, f = {
+          const a = new Fn(), g = wt(d, o.renderUnit), u = new Ot(g), l = o.canvas, f = s.data, h = {
             dispose: a,
             rect: d,
             position$: u,
@@ -1873,7 +1818,7 @@ let at = class extends Le {
             onWheel: (p) => {
               l.dispatchEvent(new WheelEvent(p.type, p));
             },
-            data: h,
+            data: f,
             unitId: n
           });
           const m = d.onTransformChange$.subscribeEvent(() => {
@@ -1884,21 +1829,21 @@ let at = class extends Le {
           });
           a.add(() => {
             this._canvasFloatDomService.removeFloatDom(s.drawingId);
-          }), m && a.add(m), this._domLayerInfoMap.set(s.drawingId, f);
+          }), m && a.add(m), this._domLayerInfoMap.set(s.drawingId, h);
         }
     });
   }
   _addHoverForRect(e) {
     this.disposeWithMe(
-      De(
+      Se(
         e.onPointerEnter$.subscribeEvent(() => {
-          e.cursor = Lt.GRAB;
+          e.cursor = Nt.GRAB;
         })
       )
     ), this.disposeWithMe(
-      De(
+      Se(
         e.onPointerLeave$.subscribeEvent(() => {
-          e.cursor = Lt.DEFAULT;
+          e.cursor = Nt.DEFAULT;
         })
       )
     );
@@ -1909,27 +1854,27 @@ let at = class extends Le {
       return;
     const { unitId: n } = t;
     this._domLayerInfoMap.delete(e), t.dispose.dispose();
-    const i = this._getSceneAndTransformerByDrawingSearch(n);
-    i && i.scene.removeObject(t.rect);
+    const r = this._getSceneAndTransformerByDrawingSearch(n);
+    r && r.scene.removeObject(t.rect);
   }
   _initScrollAndZoomEvent() {
     const e = (t) => {
       const n = this._getSceneAndTransformerByDrawingSearch(t);
-      n && this._domLayerInfoMap.forEach((i) => {
-        if (i.unitId !== t) return;
-        const o = wt(i.rect, n.renderUnit);
-        i.position$.next(o);
+      n && this._domLayerInfoMap.forEach((r) => {
+        if (r.unitId !== t) return;
+        const o = wt(r.rect, n.renderUnit);
+        r.position$.next(o);
       });
     };
     this.disposeWithMe(
       this._univerInstanceService.getCurrentTypeOfUnit$(we.UNIVER_DOC).pipe(
-        jt((t) => {
+        Ht((t) => {
           if (!t) return null;
-          const n = t.getUnitId(), i = this._renderManagerService.getRenderById(n);
-          return i ? { render: i, unitId: n } : null;
+          const n = t.getUnitId(), r = this._renderManagerService.getRenderById(n);
+          return r ? { render: r, unitId: n } : null;
         }),
-        Wr(
-          (t) => t ? Qt(t.render.scene.getViewport(an.VIEW_MAIN).onScrollAfter$).pipe(jt(() => ({ unitId: t.unitId }))) : Hr(null)
+        xr(
+          (t) => t ? Zt(t.render.scene.getViewport(sn.VIEW_MAIN).onScrollAfter$).pipe(Ht(() => ({ unitId: t.unitId }))) : Nr(null)
         )
       ).subscribe((t) => {
         if (!t) return;
@@ -1937,19 +1882,19 @@ let at = class extends Le {
         e(n);
       })
     ), this.disposeWithMe(this._commandService.onCommandExecuted((t) => {
-      if (t.id === cn.id) {
-        const n = t.params, { unitId: i } = n;
-        e(i);
+      if (t.id === an.id) {
+        const n = t.params, { unitId: r } = n;
+        e(r);
       }
     }));
   }
   insertFloatDom(e, t) {
-    var m, p, v;
+    var m, p, w;
     const n = this._univerInstanceService.getCurrentUnitOfType(we.UNIVER_DOC);
     if (!n) return !1;
-    const i = this._getSceneAndTransformerByDrawingSearch(n.getUnitId());
-    if (!i) return !1;
-    const c = (m = i.renderUnit.with(te).getSkeleton().getSkeletonData()) == null ? void 0 : m.pages[0];
+    const r = this._getSceneAndTransformerByDrawingSearch(n.getUnitId());
+    if (!r) return !1;
+    const c = (m = r.renderUnit.with(te).getSkeleton().getSkeletonData()) == null ? void 0 : m.pages[0];
     if (!c) return !1;
     const { pageWidth: d, marginLeft: a, marginRight: g } = c, u = d - a - g, l = {
       size: {
@@ -1965,37 +1910,37 @@ let at = class extends Le {
         posOffset: 0
       },
       angle: 0
-    }, h = (v = t.drawingId) != null ? v : zn(), f = {
+    }, f = (w = t.drawingId) != null ? w : kn(), h = {
       unitId: n.getUnitId(),
       drawings: [
         {
-          drawingId: h,
-          drawingType: Ne.DRAWING_DOM,
+          drawingId: f,
+          drawingType: xe.DRAWING_DOM,
           subUnitId: n.getUnitId(),
           unitId: n.getUnitId(),
           ...e,
           title: "",
           description: "",
           docTransform: l,
-          layoutType: F.INLINE,
-          transform: sn(l)
+          layoutType: k.INLINE,
+          transform: on(l)
         }
       ]
     };
-    return this._commandService.syncExecuteCommand(bt.id, f), h;
+    return this._commandService.syncExecuteCommand(Mt.id, h), f;
   }
 };
-at = Ii([
-  ke(0, Q),
-  ke(1, pe),
-  ke(2, Z(en)),
-  ke(3, Z(Tr)),
-  ke(4, z),
-  ke(5, j)
-], at);
-const _i = (r) => {
-  const { floatDomInfos: e, scene: t, offset: n, bound: i } = r, o = i.right - i.left, s = i.bottom - i.top, c = jr(() => e.map((d) => {
-    const { width: a = 0, height: g = 0, left: u = 0, top: l = 0 } = d.transform, f = xn(
+st = si([
+  Be(0, Q),
+  Be(1, fe),
+  Be(2, Z(Jt)),
+  Be(3, Z(vr)),
+  Be(4, z),
+  Be(5, j)
+], st);
+const ai = (i) => {
+  const { floatDomInfos: e, scene: t, offset: n, bound: r } = i, o = r.right - r.left, s = r.bottom - r.top, c = Ur(() => e.map((d) => {
+    const { width: a = 0, height: g = 0, left: u = 0, top: l = 0 } = d.transform, h = Mn(
       {
         left: u,
         right: u + a,
@@ -2004,8 +1949,8 @@ const _i = (r) => {
       },
       t
     ), m = {
-      position$: new yt(f),
-      position: f,
+      position$: new Ot(h),
+      position: h,
       id: d.drawingId,
       componentKey: d.componentKey,
       onPointerMove: () => {
@@ -2021,27 +1966,27 @@ const _i = (r) => {
     };
     return [d.drawingId, m];
   }).filter(([d, a]) => !(a.position.endX < 0 || a.position.endY < 0 || a.position.startX > o || a.position.startY > s)), [e, t, n, o, s]);
-  return /* @__PURE__ */ T("div", { className: "univer-absolute univer-left-0 univer-top-0", children: c.map(([d, a]) => /* @__PURE__ */ T(Mr, { layer: a, id: d, position: a.position }, d)) });
+  return /* @__PURE__ */ y("div", { className: "univer-absolute univer-left-0 univer-top-0", children: c.map(([d, a]) => /* @__PURE__ */ y(Ir, { layer: a, id: d, position: a.position }, d)) });
 };
-var Si = Object.getOwnPropertyDescriptor, Di = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Si(e, t) : e, o = r.length - 1, s; o >= 0; o--)
-    (s = r[o]) && (i = s(i) || i);
-  return i;
-}, $e = (r, e) => (t, n) => e(t, n, r);
-let ct = class extends Le {
-  constructor(r, e, t, n, i) {
-    super(), this._docPrintInterceptorService = r, this._drawingRenderService = e, this._drawingManagerService = t, this._componetManager = n, this._injector = i, this._initPrinting(), this._initPrintingDom();
+var ci = Object.getOwnPropertyDescriptor, di = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? ci(e, t) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
+}, Ve = (i, e) => (t, n) => e(t, n, i);
+let at = class extends Ne {
+  constructor(i, e, t, n, r) {
+    super(), this._docPrintInterceptorService = i, this._drawingRenderService = e, this._drawingManagerService = t, this._componetManager = n, this._injector = r, this._initPrinting(), this._initPrintingDom();
   }
   _initPrinting() {
     this.disposeWithMe(
       this._docPrintInterceptorService.interceptor.intercept(
         this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_COMPONENT_COLLECT,
         {
-          handler: (r, e, t) => {
-            const { unitId: n, scene: i } = e, o = this._drawingManagerService.getDrawingDataForUnit(n), s = o == null ? void 0 : o[n];
+          handler: (i, e, t) => {
+            const { unitId: n, scene: r } = e, o = this._drawingManagerService.getDrawingDataForUnit(n), s = o == null ? void 0 : o[n];
             return s && s.order.forEach((c) => {
               const d = s.data[c];
-              d.drawingType !== Ne.DRAWING_CHART && d.drawingType !== Ne.DRAWING_DOM && this._drawingRenderService.renderDrawing(d, i);
+              d.drawingType !== xe.DRAWING_CHART && d.drawingType !== xe.DRAWING_DOM && this._drawingRenderService.renderDrawing(d, r);
             }), t();
           }
         }
@@ -2053,17 +1998,17 @@ let ct = class extends Le {
       this._docPrintInterceptorService.interceptor.intercept(
         this._docPrintInterceptorService.interceptor.getInterceptPoints().PRINTING_DOM_COLLECT,
         {
-          handler: (r, e, t) => {
-            const { unitId: n } = e, i = this._drawingManagerService.getDrawingDataForUnit(n), o = i == null ? void 0 : i[n];
+          handler: (i, e, t) => {
+            const { unitId: n } = e, r = this._drawingManagerService.getDrawingDataForUnit(n), o = r == null ? void 0 : r[n];
             if (o) {
               const s = o.order.map((d) => {
                 const a = o.data[d];
-                if (a.drawingType === Ne.DRAWING_CHART)
+                if (a.drawingType === xe.DRAWING_CHART)
                   return {
                     ...a,
-                    componentKey: this._componetManager.get(Xn)
+                    componentKey: this._componetManager.get(Wn)
                   };
-                if (a.drawingType === Ne.DRAWING_DOM) {
+                if (a.drawingType === xe.DRAWING_DOM) {
                   const g = this._docPrintInterceptorService.getPrintComponent(a.componentKey);
                   return {
                     ...a,
@@ -2071,9 +2016,9 @@ let ct = class extends Le {
                   };
                 }
                 return null;
-              }).filter(Boolean), c = br(_i, this._injector);
-              return Br(
-                /* @__PURE__ */ T(
+              }).filter(Boolean), c = _r(ai, this._injector);
+              return Rr(
+                /* @__PURE__ */ y(
                   c,
                   {
                     unitId: n,
@@ -2085,9 +2030,9 @@ let ct = class extends Le {
                   }
                 ),
                 e.root
-              ), r == null || r.add(() => {
-                kr(e.root);
-              }), t(r);
+              ), i == null || i.add(() => {
+                Ar(e.root);
+              }), t(i);
             }
           }
         }
@@ -2095,32 +2040,32 @@ let ct = class extends Le {
     );
   }
 };
-ct = Di([
-  $e(0, Z(Rr)),
-  $e(1, Z(en)),
-  $e(2, pe),
-  $e(3, Z(on)),
-  $e(4, Z(Jt))
-], ct);
-var Oi = Object.getOwnPropertyDescriptor, yi = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Oi(e, t) : e, o = r.length - 1, s; o >= 0; o--)
-    (s = r[o]) && (i = s(i) || i);
-  return i;
-}, nt = (r, e) => (t, n) => e(t, n, r);
-const Ti = "__InlineDrawingAnchor__";
-function Kt(r) {
-  const { path: e } = r;
+at = di([
+  Ve(0, Z(Or)),
+  Ve(1, Z(Jt)),
+  Ve(2, fe),
+  Ve(3, Z(rn)),
+  Ve(4, Z(Qt))
+], at);
+var gi = Object.getOwnPropertyDescriptor, li = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? gi(e, t) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
+}, tt = (i, e) => (t, n) => e(t, n, i);
+const ui = "__InlineDrawingAnchor__";
+function qt(i) {
+  const { path: e } = i;
   return e.some((t) => t === "cells");
 }
-let dt = class extends Le {
-  constructor(e, t, n, i) {
+let ct = class extends Ne {
+  constructor(e, t, n, r) {
     super();
-    Ie(this, "_liquid", new tn());
-    Ie(this, "_listenerOnImageMap", /* @__PURE__ */ new Set());
+    ve(this, "_liquid", new en());
+    ve(this, "_listenerOnImageMap", /* @__PURE__ */ new Set());
     // Use to cache the drawings is under transforming or scaling.
-    Ie(this, "_transformerCache", /* @__PURE__ */ new Map());
-    Ie(this, "_anchorShape");
-    this._commandService = e, this._univerInstanceService = t, this._drawingManagerService = n, this._renderManagerService = i, this._init();
+    ve(this, "_transformerCache", /* @__PURE__ */ new Map());
+    ve(this, "_anchorShape");
+    this._commandService = e, this._univerInstanceService = t, this._drawingManagerService = n, this._renderManagerService = r, this._init();
   }
   _init() {
     this._listenDrawingFocus();
@@ -2139,55 +2084,55 @@ let dt = class extends Le {
   // Only handle one drawing transformer change.
   // eslint-disable-next-line max-lines-per-function
   _listenTransformerChange(e) {
-    var i;
-    const t = (i = this._getSceneAndTransformerByDrawingSearch(e)) == null ? void 0 : i.transformer;
+    var r;
+    const t = (r = this._getSceneAndTransformerByDrawingSearch(e)) == null ? void 0 : r.transformer;
     if (t == null)
       return;
     this.disposeWithMe(
-      De(
+      Se(
         t.changeStart$.subscribe((o) => {
           var c;
           this._transformerCache.clear();
           const { objects: s } = o;
           for (const d of s.values()) {
-            const { oKey: a, width: g, height: u, left: l, top: h, angle: f } = d, m = this._drawingManagerService.getDrawingOKey(a);
+            const { oKey: a, width: g, height: u, left: l, top: f, angle: h } = d, m = this._drawingManagerService.getDrawingOKey(a);
             if (m == null)
               continue;
-            const p = this._univerInstanceService.getUniverDocInstance(m.unitId), v = (c = p == null ? void 0 : p.getSnapshot().drawings) == null ? void 0 : c[m.drawingId];
-            if ((v == null ? void 0 : v.layoutType) === F.INLINE)
+            const p = this._univerInstanceService.getUniverDocInstance(m.unitId), w = (c = p == null ? void 0 : p.getSnapshot().drawings) == null ? void 0 : c[m.drawingId];
+            if ((w == null ? void 0 : w.layoutType) === k.INLINE)
               try {
                 d.setOpacity(0.2);
               } catch {
               }
-            v != null && this._transformerCache.set(m.drawingId, {
-              drawing: v,
-              top: h,
+            w != null && this._transformerCache.set(m.drawingId, {
+              drawing: w,
+              top: f,
               left: l,
               width: g,
               height: u,
-              angle: f
+              angle: h
             });
           }
         })
       )
     );
-    const n = Rt(this._updateMultipleDrawingDocTransform.bind(this), 50);
-    Rt(this._nonInlineDrawingTransform.bind(this), 50), this.disposeWithMe(
-      De(
+    const n = Et(this._updateMultipleDrawingDocTransform.bind(this), 50);
+    Et(this._nonInlineDrawingTransform.bind(this), 50), this.disposeWithMe(
+      Se(
         t.changing$.subscribe((o) => {
           const { objects: s, offsetX: c, offsetY: d } = o;
           if (s.size > 1)
             n(s);
           else if (s.size === 1) {
-            const a = this._transformerCache.values().next().value, g = s.values().next().value, { width: u, height: l, top: h, left: f, angle: m } = g;
-            if (a && u === a.width && l === a.height && h === a.top && f === a.left && m === a.angle)
+            const a = this._transformerCache.values().next().value, g = s.values().next().value, { width: u, height: l, top: f, left: h, angle: m } = g;
+            if (a && u === a.width && l === a.height && f === a.top && h === a.left && m === a.angle)
               return;
-            a && (a.drawing.layoutType, F.INLINE), a && a.drawing.layoutType === F.INLINE && c != null && d != null && this._updateInlineDrawingAnchor(a.drawing, c, d);
+            a && (a.drawing.layoutType, k.INLINE), a && a.drawing.layoutType === k.INLINE && c != null && d != null && this._updateInlineDrawingAnchor(a.drawing, c, d);
           }
         })
       )
     ), this.disposeWithMe(
-      De(
+      Se(
         // eslint-disable-next-line complexity
         t.changeEnd$.subscribe((o) => {
           const { objects: s, offsetX: c, offsetY: d } = o;
@@ -2196,7 +2141,7 @@ let dt = class extends Le {
             if (g == null)
               continue;
             const u = this._transformerCache.get(g == null ? void 0 : g.drawingId);
-            if ((u == null ? void 0 : u.drawing.layoutType) === F.INLINE)
+            if ((u == null ? void 0 : u.drawing.layoutType) === k.INLINE)
               try {
                 a.setOpacity(1);
               } catch {
@@ -2205,10 +2150,10 @@ let dt = class extends Le {
           if (this._anchorShape && this._anchorShape.hide(), s.size > 1)
             this._updateMultipleDrawingDocTransform(s);
           else if (s.size === 1) {
-            const a = this._transformerCache.values().next().value, g = s.values().next().value, { width: u, height: l, top: h, left: f, angle: m } = g;
-            if (a && u === a.width && l === a.height && h === a.top && f === a.left && m === a.angle)
+            const a = this._transformerCache.values().next().value, g = s.values().next().value, { width: u, height: l, top: f, left: h, angle: m } = g;
+            if (a && u === a.width && l === a.height && f === a.top && h === a.left && m === a.angle)
               return;
-            a && a.drawing.layoutType === F.INLINE ? u !== a.width || l !== a.height || m !== a.angle ? this._updateDrawingSize(a, g) : c != null && d != null && this._moveInlineDrawing(a.drawing, c, d) : a && this._nonInlineDrawingTransform(a.drawing, g);
+            a && a.drawing.layoutType === k.INLINE ? u !== a.width || l !== a.height || m !== a.angle ? this._updateDrawingSize(a, g) : c != null && d != null && this._moveInlineDrawing(a.drawing, c, d) : a && this._nonInlineDrawingTransform(a.drawing, g);
           }
           this._transformerCache.clear();
         })
@@ -2220,19 +2165,19 @@ let dt = class extends Le {
     if (e.size < 1)
       return;
     const t = [];
-    let n, i;
+    let n, r;
     for (const o of e.values()) {
       const { oKey: s, left: c, top: d, angle: a } = o;
       let { width: g, height: u } = o;
       const l = this._drawingManagerService.getDrawingOKey(s);
       if (l == null)
         continue;
-      n == null && (n = l.unitId), i == null && (i = l.subUnitId);
-      const h = this._transformerCache.get(l.drawingId);
-      if (h == null)
+      n == null && (n = l.unitId), r == null && (r = l.subUnitId);
+      const f = this._transformerCache.get(l.drawingId);
+      if (f == null)
         continue;
-      const { drawing: f, top: m, left: p, width: v, height: D, angle: S } = h, { width: O, height: C } = this._getPageContentSize(f);
-      if (g = Math.min(g, O), u = Math.min(u, C), (v !== g || D !== u) && t.push({
+      const { drawing: h, top: m, left: p, width: w, height: D, angle: S } = f, { width: O, height: C } = this._getPageContentSize(h);
+      if (g = Math.min(g, O), u = Math.min(u, C), (w !== g || D !== u) && t.push({
         drawingId: l.drawingId,
         key: "size",
         value: {
@@ -2249,22 +2194,22 @@ let dt = class extends Le {
           drawingId: l.drawingId,
           key: "positionV",
           value: {
-            relativeFrom: f.docTransform.positionV.relativeFrom,
-            posOffset: f.docTransform.positionV.posOffset + M
+            relativeFrom: h.docTransform.positionV.relativeFrom,
+            posOffset: h.docTransform.positionV.posOffset + M
           }
         }), A !== 0 && t.push({
           drawingId: l.drawingId,
           key: "positionH",
           value: {
-            relativeFrom: f.docTransform.positionH.relativeFrom,
-            posOffset: f.docTransform.positionH.posOffset + A
+            relativeFrom: h.docTransform.positionH.relativeFrom,
+            posOffset: h.docTransform.positionH.posOffset + A
           }
         });
       }
     }
-    t.length > 0 && n && i && this._commandService.executeCommand(Ke.id, {
+    t.length > 0 && n && r && this._commandService.executeCommand(qe.id, {
       unitId: n,
-      subUnitId: i,
+      subUnitId: r,
       drawings: t
     });
   }
@@ -2279,24 +2224,24 @@ let dt = class extends Le {
     var o;
     if (this._transformerCache.size !== 1)
       return;
-    const { contentBoxPointGroup: i } = (o = this._getInlineDrawingAnchor(e, t, n)) != null ? o : {};
-    i != null && this._createOrUpdateInlineAnchor(e.unitId, i);
+    const { contentBoxPointGroup: r } = (o = this._getInlineDrawingAnchor(e, t, n)) != null ? o : {};
+    r != null && this._createOrUpdateInlineAnchor(e.unitId, r);
   }
   _getInlineDrawingAnchor(e, t, n) {
-    var x, G;
-    const i = this._renderManagerService.getRenderById(e.unitId), o = i == null ? void 0 : i.with(te).getSkeleton();
-    if (i == null)
+    var x, H;
+    const r = this._renderManagerService.getRenderById(e.unitId), o = r == null ? void 0 : r.with(te).getSkeleton();
+    if (r == null)
       return;
-    const { mainComponent: s, scene: c } = i, d = s, a = c.getViewports()[0], {
+    const { mainComponent: s, scene: c } = r, d = s, a = c.getViewports()[0], {
       pageLayoutType: g = Ut.VERTICAL,
       pageMarginLeft: u,
       pageMarginTop: l
     } = d.getOffsetConfig();
-    let h = null, f = !1, m = -1, p = "";
-    const v = 0.5, D = this._getTransformCoordForDocumentOffset(d, a, t, n);
+    let f = null, h = !1, m = -1, p = "";
+    const w = 0.5, D = this._getTransformCoordForDocumentOffset(d, a, t, n);
     if (D == null)
       return;
-    const S = (x = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : x.with(Ce);
+    const S = (x = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : x.with(be);
     if (S == null)
       return;
     const O = o == null ? void 0 : o.findNodeByCoord(D, g, u, l, {
@@ -2305,82 +2250,82 @@ let dt = class extends Le {
       segmentPage: S.getSegmentPage()
     });
     if (O) {
-      const { node: I, ratioX: _, segmentPage: E, segmentId: y } = O;
-      f = _ < v, h = I, m = E, p = y;
+      const { node: I, ratioX: _, segmentPage: E, segmentId: T } = O;
+      h = _ < w, f = I, m = E, p = T;
     }
-    if (h == null)
+    if (f == null)
       return;
-    const C = o == null ? void 0 : o.findPositionByGlyph(h, m), M = this._getDocObject();
-    if (C == null || o == null || M == null || Kt(C))
+    const C = o == null ? void 0 : o.findPositionByGlyph(f, m), M = this._getDocObject();
+    if (C == null || o == null || M == null || qt(C))
       return;
     const A = {
       ...C,
-      isBack: f
-    }, U = M.document.getOffsetConfig(), R = new kt(U, o), { cursorList: w, contentBoxPointGroup: N } = R.getRangePointData(A, A), { startOffset: H } = (G = Ft(w)) != null ? G : {};
-    if (H != null)
-      return { offset: H, contentBoxPointGroup: N, segmentId: p, segmentPage: m };
+      isBack: h
+    }, L = M.document.getOffsetConfig(), R = new Bt(L, o), { cursorList: v, contentBoxPointGroup: N } = R.getRangePointData(A, A), { startOffset: G } = (H = Ft(v)) != null ? H : {};
+    if (G != null)
+      return { offset: G, contentBoxPointGroup: N, segmentId: p, segmentPage: m };
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   _getDrawingAnchor(e, t) {
-    var _e, Se, ce, Oe, ye, Re, Ae, Te, de, ge, Pe;
-    const n = this._renderManagerService.getRenderById(e.unitId), i = n == null ? void 0 : n.with(te).getSkeleton(), o = i == null ? void 0 : i.getSkeletonData();
+    var Ie, _e, ce, De, Oe, Ee, Re, Te, de, ge, Ae;
+    const n = this._renderManagerService.getRenderById(e.unitId), r = n == null ? void 0 : n.with(te).getSkeleton(), o = r == null ? void 0 : r.getSkeletonData();
     if (o == null || n == null)
       return;
-    const { pages: s, skeHeaders: c, skeFooters: d } = o, { mainComponent: a, scene: g } = n, u = a, l = g.getViewports()[0], { pageLayoutType: h = Ut.VERTICAL, pageMarginLeft: f, pageMarginTop: m, docsLeft: p, docsTop: v } = u.getOffsetConfig(), { left: D, top: S, angle: O } = t;
+    const { pages: s, skeHeaders: c, skeFooters: d } = o, { mainComponent: a, scene: g } = n, u = a, l = g.getViewports()[0], { pageLayoutType: f = Ut.VERTICAL, pageMarginLeft: h, pageMarginTop: m, docsLeft: p, docsTop: w } = u.getOffsetConfig(), { left: D, top: S, angle: O } = t;
     let { width: C, height: M } = t;
-    const { positionV: A, positionH: U } = e.docTransform, { width: R, height: w } = this._getPageContentSize(e);
-    C = Math.min(C, R), M = Math.min(M, w);
-    let N = null, H = "", x = -1;
-    const G = !1, I = {
+    const { positionV: A, positionH: L } = e.docTransform, { width: R, height: v } = this._getPageContentSize(e);
+    C = Math.min(C, R), M = Math.min(M, v);
+    let N = null, G = "", x = -1;
+    const H = !1, I = {
       ...e.docTransform,
       size: {
         width: C,
         height: M
       },
       angle: O
-    }, { x: _, y: E } = g.getViewportScrollXY(l), y = this._getTransformCoordForDocumentOffset(u, l, D - _, S - E);
-    if (y == null)
+    }, { x: _, y: E } = g.getViewportScrollXY(l), T = this._getTransformCoordForDocumentOffset(u, l, D - _, S - E);
+    if (T == null)
       return;
-    const L = (_e = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : _e.with(Ce);
-    if (L == null)
+    const U = (Ie = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : Ie.with(be);
+    if (U == null)
       return;
-    const B = i == null ? void 0 : i.findNodeByCoord(y, h, f, m, {
+    const B = r == null ? void 0 : r.findNodeByCoord(T, f, h, m, {
       strict: !1,
-      segmentId: L.getSegment(),
-      segmentPage: L.getSegmentPage()
+      segmentId: U.getSegment(),
+      segmentPage: U.getSegmentPage()
     });
     if (B) {
-      const { node: me, segmentPage: ht, segmentId: pt } = B;
-      N = me, x = ht, H = pt;
+      const { node: pe, segmentPage: ht, segmentId: ft } = B;
+      N = pe, x = ht, G = ft;
     }
     if (N == null)
       return;
-    const b = (Se = N.parent) == null ? void 0 : Se.parent, P = b == null ? void 0 : b.parent, V = (ce = P == null ? void 0 : P.lines.find((me) => me.paragraphIndex === (b == null ? void 0 : b.paragraphIndex) && me.paragraphStart)) != null ? ce : P == null ? void 0 : P.lines[0], k = (Oe = P == null ? void 0 : P.parent) == null ? void 0 : Oe.parent;
-    if (b == null || P == null || V == null || k == null)
+    const b = (_e = N.parent) == null ? void 0 : _e.parent, P = b == null ? void 0 : b.parent, V = (ce = P == null ? void 0 : P.lines.find((pe) => pe.paragraphIndex === (b == null ? void 0 : b.paragraphIndex) && pe.paragraphStart)) != null ? ce : P == null ? void 0 : P.lines[0], F = (De = P == null ? void 0 : P.parent) == null ? void 0 : De.parent;
+    if (b == null || P == null || V == null || F == null)
       return;
     this._liquid.reset();
-    const K = k.type;
-    for (const me of s) {
-      const { headerId: ht, footerId: pt, pageHeight: Ln, pageWidth: Ct, marginLeft: Et, marginBottom: Un } = me, Bn = s.indexOf(me);
-      if (x > -1 && Bn === x) {
+    const K = F.type;
+    for (const pe of s) {
+      const { headerId: ht, footerId: ft, pageHeight: Cn, pageWidth: bt, marginLeft: Ct, marginBottom: En } = pe, Rn = s.indexOf(pe);
+      if (x > -1 && Rn === x) {
         switch (K) {
-          case Bt.HEADER: {
-            const je = (ye = c.get(ht)) == null ? void 0 : ye.get(Ct);
-            if (je)
+          case Lt.HEADER: {
+            const He = (Oe = c.get(ht)) == null ? void 0 : Oe.get(bt);
+            if (He)
               this._liquid.translatePagePadding({
-                marginTop: je.marginTop,
-                marginLeft: Et
+                marginTop: He.marginTop,
+                marginLeft: Ct
               });
             else
               throw new Error("header skeleton not found");
             break;
           }
-          case Bt.FOOTER: {
-            const je = (Re = d.get(pt)) == null ? void 0 : Re.get(Ct);
-            if (je)
+          case Lt.FOOTER: {
+            const He = (Ee = d.get(ft)) == null ? void 0 : Ee.get(bt);
+            if (He)
               this._liquid.translatePagePadding({
-                marginTop: Ln - Un + je.marginTop,
-                marginLeft: Et
+                marginTop: Cn - En + He.marginTop,
+                marginLeft: Ct
               });
             else
               throw new Error("footer skeleton not found");
@@ -2389,16 +2334,16 @@ let dt = class extends Le {
         }
         break;
       }
-      if (this._liquid.translatePagePadding(me), me === k)
+      if (this._liquid.translatePagePadding(pe), pe === F)
         break;
-      this._liquid.restorePagePadding(me), this._liquid.translatePage(me, h, f, m);
+      this._liquid.restorePagePadding(pe), this._liquid.translatePage(pe, f, h, m);
     }
-    switch (A.relativeFrom === W.LINE ? N = b.divides[0].glyphGroup[0] : N = (ge = (de = (Te = (Ae = V.divides) == null ? void 0 : Ae[0]) == null ? void 0 : Te.glyphGroup) == null ? void 0 : de[0]) != null ? ge : N, I.positionH = {
-      relativeFrom: U.relativeFrom,
+    switch (A.relativeFrom === W.LINE ? N = b.divides[0].glyphGroup[0] : N = (ge = (de = (Te = (Re = V.divides) == null ? void 0 : Re[0]) == null ? void 0 : Te.glyphGroup) == null ? void 0 : de[0]) != null ? ge : N, I.positionH = {
+      relativeFrom: L.relativeFrom,
       posOffset: D - this._liquid.x - p
-    }, U.relativeFrom) {
+    }, L.relativeFrom) {
       case J.MARGIN: {
-        I.positionH.posOffset = D - this._liquid.x - p - k.marginLeft;
+        I.positionH.posOffset = D - this._liquid.x - p - F.marginLeft;
         break;
       }
       case J.COLUMN: {
@@ -2408,50 +2353,50 @@ let dt = class extends Le {
     }
     switch (I.positionV = {
       relativeFrom: A.relativeFrom,
-      posOffset: S - this._liquid.y - v
+      posOffset: S - this._liquid.y - w
     }, A.relativeFrom) {
       case W.PAGE: {
-        I.positionV.posOffset = S - this._liquid.y - v - k.marginTop;
+        I.positionV.posOffset = S - this._liquid.y - w - F.marginTop;
         break;
       }
       case W.LINE: {
-        I.positionV.posOffset = S - this._liquid.y - v - b.top;
+        I.positionV.posOffset = S - this._liquid.y - w - b.top;
         break;
       }
       case W.PARAGRAPH: {
-        I.positionV.posOffset = S - this._liquid.y - v - V.top;
+        I.positionV.posOffset = S - this._liquid.y - w - V.top;
         break;
       }
     }
     if (N == null)
       return;
-    const se = i == null ? void 0 : i.findPositionByGlyph(N, x), Be = this._getDocObject();
-    if (se == null || i == null || Be == null || Kt(se))
+    const se = r == null ? void 0 : r.findPositionByGlyph(N, x), Le = this._getDocObject();
+    if (se == null || r == null || Le == null || qt(se))
       return;
-    const Ee = {
+    const Ce = {
       ...se,
-      isBack: G
-    }, Ge = Be.document.getOffsetConfig(), ae = new kt(Ge, i), { cursorList: ne } = ae.getRangePointData(Ee, Ee), { startOffset: re } = (Pe = Ft(ne)) != null ? Pe : {};
+      isBack: H
+    }, Ge = Le.document.getOffsetConfig(), ae = new Bt(Ge, r), { cursorList: ne } = ae.getRangePointData(Ce, Ce), { startOffset: re } = (Ae = Ft(ne)) != null ? Ae : {};
     if (re != null)
-      return { offset: re, docTransform: I, segmentId: H, segmentPage: x };
+      return { offset: re, docTransform: I, segmentId: G, segmentPage: x };
   }
   // Update drawing when use transformer to resize it.
   _updateDrawingSize(e, t) {
-    const n = [], { drawing: i, width: o, height: s, angle: c } = e, { unitId: d, subUnitId: a } = i;
+    const n = [], { drawing: r, width: o, height: s, angle: c } = e, { unitId: d, subUnitId: a } = r;
     let { width: g, height: u, angle: l } = t;
-    const { width: h, height: f } = this._getPageContentSize(i);
-    g = Math.min(h, g), u = Math.min(f, u), (g !== o || u !== s) && n.push({
-      drawingId: i.drawingId,
+    const { width: f, height: h } = this._getPageContentSize(r);
+    g = Math.min(f, g), u = Math.min(h, u), (g !== o || u !== s) && n.push({
+      drawingId: r.drawingId,
       key: "size",
       value: {
         width: g,
         height: u
       }
     }), l !== c && n.push({
-      drawingId: i.drawingId,
+      drawingId: r.drawingId,
       key: "angle",
       value: l
-    }), n.length > 0 && d && a && this._commandService.executeCommand(Ke.id, {
+    }), n.length > 0 && d && a && this._commandService.executeCommand(qe.id, {
       unitId: d,
       subUnitId: a,
       drawings: n
@@ -2459,8 +2404,8 @@ let dt = class extends Le {
   }
   // Update inline drawing when use transformer to move it.
   _moveInlineDrawing(e, t, n) {
-    const i = this._getInlineDrawingAnchor(e, t, n), { offset: o, segmentId: s, segmentPage: c } = i != null ? i : {};
-    return this._commandService.executeCommand(Tn.id, {
+    const r = this._getInlineDrawingAnchor(e, t, n), { offset: o, segmentId: s, segmentPage: c } = r != null ? r : {};
+    return this._commandService.executeCommand(In.id, {
       unitId: e.unitId,
       subUnitId: e.unitId,
       drawing: e,
@@ -2473,35 +2418,35 @@ let dt = class extends Le {
   // Limit the drawing to the page area, mainly in the vertical direction,
   // and the upper and lower limits cannot exceed the page margin area.
   _limitDrawingInPage(e, t) {
-    const n = this._renderManagerService.getRenderById(e.unitId), { left: i, top: o, width: s, height: c, angle: d } = t, a = n == null ? void 0 : n.with(te).getSkeleton(), g = a == null ? void 0 : a.getSkeletonData(), { pages: u } = g != null ? g : {};
+    const n = this._renderManagerService.getRenderById(e.unitId), { left: r, top: o, width: s, height: c, angle: d } = t, a = n == null ? void 0 : n.with(te).getSkeleton(), g = a == null ? void 0 : a.getSkeletonData(), { pages: u } = g != null ? g : {};
     if (g == null || n == null || u == null)
       return {
-        left: i,
+        left: r,
         top: o,
         width: s,
         height: c,
         angle: d
       };
-    const { mainComponent: l } = n, h = l, { top: f, pageLayoutType: m, pageMarginLeft: p, pageMarginTop: v } = h;
+    const { mainComponent: l } = n, f = l, { top: h, pageLayoutType: m, pageMarginLeft: p, pageMarginTop: w } = f;
     let D = o;
     this._liquid.reset();
     for (const S of u) {
       const { marginBottom: O, pageHeight: C } = S, M = u.indexOf(S), A = u[M + 1];
       if (A == null)
         continue;
-      if (be.hasIntersectionBetweenTwoRanges(
+      if (Me.hasIntersectionBetweenTwoRanges(
         o,
         o + c,
-        this._liquid.y + f + C - O,
-        this._liquid.y + f + C + v + A.marginTop
+        this._liquid.y + h + C - O,
+        this._liquid.y + h + C + w + A.marginTop
       )) {
-        const R = o + c / 2, w = this._liquid.y + f + C + v / 2;
-        R < w ? D = Math.min(o, this._liquid.y + f + C - O - c) : D = Math.max(o, this._liquid.y + f + C + v + A.marginTop);
+        const R = o + c / 2, v = this._liquid.y + h + C + w / 2;
+        R < v ? D = Math.min(o, this._liquid.y + h + C - O - c) : D = Math.max(o, this._liquid.y + h + C + w + A.marginTop);
       }
-      this._liquid.translatePage(S, m, p, v);
+      this._liquid.translatePage(S, m, p, w);
     }
     return {
-      left: i,
+      left: r,
       top: D,
       width: s,
       height: c,
@@ -2509,11 +2454,11 @@ let dt = class extends Le {
     };
   }
   _nonInlineDrawingTransform(e, t, n = !1) {
-    const i = e.isMultiTransform === oe.TRUE ? t : this._limitDrawingInPage(e, t);
-    if (n && i.top !== t.top)
+    const r = e.isMultiTransform === oe.TRUE ? t : this._limitDrawingInPage(e, t);
+    if (n && r.top !== t.top)
       return;
-    const o = this._getDrawingAnchor(e, i), { offset: s, docTransform: c, segmentId: d, segmentPage: a } = o != null ? o : {};
-    return s == null || c == null ? this._updateMultipleDrawingDocTransform(/* @__PURE__ */ new Map([[e.drawingId, t]])) : this._commandService.executeCommand(Mn.id, {
+    const o = this._getDrawingAnchor(e, r), { offset: s, docTransform: c, segmentId: d, segmentPage: a } = o != null ? o : {};
+    return s == null || c == null ? this._updateMultipleDrawingDocTransform(/* @__PURE__ */ new Map([[e.drawingId, t]])) : this._commandService.executeCommand(_n.id, {
       unitId: e.unitId,
       subUnitId: e.unitId,
       drawing: e,
@@ -2529,11 +2474,11 @@ let dt = class extends Le {
     const t = this._renderManagerService.getRenderById(e), n = t == null ? void 0 : t.scene;
     if (n == null)
       return;
-    const i = n.getTransformerByCreate();
-    return { scene: n, transformer: i };
+    const r = n.getTransformerByCreate();
+    return { scene: n, transformer: r };
   }
-  _getTransformCoordForDocumentOffset(e, t, n, i) {
-    const { documentTransform: o } = e.getOffsetConfig(), s = t.transformVector2SceneCoord(pr.FromArray([n, i]));
+  _getTransformCoordForDocumentOffset(e, t, n, r) {
+    const { documentTransform: o } = e.getOffsetConfig(), s = t.transformVector2SceneCoord(cr.FromArray([n, r]));
     if (s)
       return o.clone().invert().applyPoint(s);
   }
@@ -2541,32 +2486,32 @@ let dt = class extends Le {
     const n = this._renderManagerService.getRenderById(e);
     if (n == null)
       return;
-    const { mainComponent: i, scene: o } = n, s = i, {
+    const { mainComponent: r, scene: o } = n, s = r, {
       docsLeft: c,
       docsTop: d
-    } = s.getOffsetConfig(), a = Ar(t), { left: g, top: u, height: l } = a, h = g + c, f = u + d;
+    } = s.getOffsetConfig(), a = Tr(t), { left: g, top: u, height: l } = a, f = g + c, h = u + d;
     if (this._anchorShape) {
-      this._anchorShape.transformByState({ left: h, top: f, height: l }), this._anchorShape.show();
+      this._anchorShape.transformByState({ left: f, top: h, height: l }), this._anchorShape.show();
       return;
     }
-    const m = 6, p = new mr(Ti + be.generateRandomId(m), {
-      left: h,
-      top: f,
+    const m = 6, p = new dr(ui + Me.generateRandomId(m), {
+      left: f,
+      top: h,
       height: l,
       strokeWidth: 2,
-      stroke: vr(qn.darkGray, 1),
+      stroke: gr(Gn.darkGray, 1),
       evented: !1
     });
-    this._anchorShape = p, o.addObject(p, Pr);
+    this._anchorShape = p, o.addObject(p, yr);
   }
   _getDocObject() {
-    return xr(this._univerInstanceService, this._renderManagerService);
+    return Mr(this._univerInstanceService, this._renderManagerService);
   }
   _getPageContentSize(e) {
-    const t = this._renderManagerService.getRenderById(e.unitId), n = t == null ? void 0 : t.with(te).getSkeleton(), i = 500, o = 500, s = n == null ? void 0 : n.getSkeletonData();
+    const t = this._renderManagerService.getRenderById(e.unitId), n = t == null ? void 0 : t.with(te).getSkeleton(), r = 500, o = 500, s = n == null ? void 0 : n.getSkeletonData();
     if (s == null || t == null)
       return {
-        width: i,
+        width: r,
         height: o
       };
     const { pages: c } = s;
@@ -2579,37 +2524,37 @@ let dt = class extends Le {
       }
     }
     if (d) {
-      const { pageWidth: a, pageHeight: g, marginLeft: u, marginBottom: l, marginRight: h, marginTop: f } = d;
+      const { pageWidth: a, pageHeight: g, marginLeft: u, marginBottom: l, marginRight: f, marginTop: h } = d;
       return {
-        width: Math.max(i, a - u - h),
-        height: Math.max(o, g - f - l)
+        width: Math.max(r, a - u - f),
+        height: Math.max(o, g - h - l)
       };
     } else
       return {
-        width: i,
+        width: r,
         height: o
       };
   }
 };
-dt = yi([
-  nt(0, j),
-  nt(1, z),
-  nt(2, pe),
-  nt(3, Q)
-], dt);
-var Mi = Object.getOwnPropertyDescriptor, bi = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Mi(e, t) : e, o = r.length - 1, s; o >= 0; o--)
-    (s = r[o]) && (i = s(i) || i);
-  return i;
-}, ze = (r, e) => (t, n) => e(t, n, r);
-let gt = class extends Kn {
-  constructor(e, t, n, i, o) {
+ct = li([
+  tt(0, j),
+  tt(1, z),
+  tt(2, fe),
+  tt(3, Q)
+], ct);
+var hi = Object.getOwnPropertyDescriptor, fi = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? hi(e, t) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
+}, $e = (i, e) => (t, n) => e(t, n, i);
+let dt = class extends Hn {
+  constructor(e, t, n, r, o) {
     super();
-    Ie(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
-    this._drawingManagerService = e, this._canvasPopManagerService = t, this._renderManagerService = n, this._univerInstanceService = i, this._contextService = o, this._init();
+    ve(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    this._drawingManagerService = e, this._canvasPopManagerService = t, this._renderManagerService = n, this._univerInstanceService = r, this._contextService = o, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(we.UNIVER_DOC).pipe(Vt(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(we.UNIVER_DOC).pipe(Vt(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(we.UNIVER_DOC).forEach((e) => this._create(e));
+    this._univerInstanceService.getCurrentTypeOfUnit$(we.UNIVER_DOC).pipe(jt(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(we.UNIVER_DOC).pipe(jt(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(we.UNIVER_DOC).forEach((e) => this._create(e));
   }
   _dispose(e) {
     const t = e.getUnitId();
@@ -2624,7 +2569,7 @@ let gt = class extends Kn {
   _hasCropObject(e) {
     const t = e.getAllObjects();
     for (const n of t)
-      if (n instanceof dr)
+      if (n instanceof nr)
         return !0;
     return !1;
   }
@@ -2637,34 +2582,34 @@ let gt = class extends Kn {
     const n = t.getTransformerByCreate();
     if (!n)
       return;
-    const i = [];
+    const r = [];
     this.disposeWithMe(
-      De(
+      Se(
         n.createControl$.subscribe(() => {
           if (this._hasCropObject(t))
             return;
           const s = n.getSelectedObjectMap();
-          if (i.forEach((v) => v.dispose()), i.length = 0, s.size > 1)
+          if (r.forEach((w) => w.dispose()), r.length = 0, s.size > 1)
             return;
           const c = s.values().next().value;
           if (!c)
             return;
           const d = c.oKey, a = this._drawingManagerService.getDrawingOKey(d);
-          if (!a || a.drawingType === Ne.DRAWING_DOM)
+          if (!a || a.drawingType === xe.DRAWING_DOM)
             return;
-          const { unitId: g, subUnitId: u, drawingId: l, drawingType: h } = a, f = this._canvasPopManagerService.attachPopupToObject(
+          const { unitId: g, subUnitId: u, drawingId: l, drawingType: f } = a, h = this._canvasPopManagerService.attachPopupToObject(
             c,
             {
-              componentKey: gr,
+              componentKey: rr,
               direction: "horizontal",
               offset: [2, 0],
               extraProps: {
-                menuItems: this._getImageMenuItems(g, u, l, h)
+                menuItems: this._getImageMenuItems(g, u, l, f)
               }
             },
             g
           );
-          i.push(this.disposeWithMe(f)), !this._drawingManagerService.getFocusDrawings().find((v) => v.unitId === g && v.subUnitId === u && v.drawingId === l) && this._drawingManagerService.focusDrawing([{
+          r.push(this.disposeWithMe(h)), !this._drawingManagerService.getFocusDrawings().find((w) => w.unitId === g && w.subUnitId === u && w.drawingId === l) && this._drawingManagerService.focusDrawing([{
             unitId: g,
             subUnitId: u,
             drawingId: l
@@ -2672,31 +2617,31 @@ let gt = class extends Kn {
         })
       )
     ), this.disposeWithMe(
-      De(
+      Se(
         n.clearControl$.subscribe(() => {
-          i.forEach((s) => s.dispose()), i.length = 0, this._contextService.setContextValue(rt, !1), this._drawingManagerService.focusDrawing(null);
+          r.forEach((s) => s.dispose()), r.length = 0, this._contextService.setContextValue(nt, !1), this._drawingManagerService.focusDrawing(null);
         })
       )
     ), this.disposeWithMe(
-      De(
+      Se(
         n.changing$.subscribe(() => {
-          i.forEach((s) => s.dispose()), i.length = 0;
+          r.forEach((s) => s.dispose()), r.length = 0;
         })
       )
     ), this.disposeWithMe(
-      De(
+      Se(
         n.changeStart$.subscribe(() => {
-          i.forEach((s) => s.dispose()), i.length = 0;
+          r.forEach((s) => s.dispose()), r.length = 0;
         })
       )
     );
   }
-  _getImageMenuItems(e, t, n, i) {
+  _getImageMenuItems(e, t, n, r) {
     return [
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: En.id,
+        commandId: On.id,
         commandParams: { unitId: e, subUnitId: t, drawingId: n },
         // disable: !!SHEET_EDITOR_UNITS.includes(unitId) || drawingType === DrawingTypeEnum.DRAWING_DOM,
         disable: !0
@@ -2704,14 +2649,14 @@ let gt = class extends Kn {
       {
         label: "image-popup.delete",
         index: 1,
-        commandId: Mt.id,
+        commandId: yt.id,
         commandParams: { unitId: e, drawings: [{ unitId: e, subUnitId: t, drawingId: n }] },
         disable: !1
       },
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: lr.id,
+        commandId: ir.id,
         commandParams: { unitId: e, subUnitId: t, drawingId: n },
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2719,7 +2664,7 @@ let gt = class extends Kn {
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: ur.id,
+        commandId: or.id,
         commandParams: [{ unitId: e, subUnitId: t, drawingId: n }],
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2727,23 +2672,23 @@ let gt = class extends Kn {
     ];
   }
 };
-gt = bi([
-  ze(0, pe),
-  ze(1, Z(Nr)),
-  ze(2, Q),
-  ze(3, z),
-  ze(4, Zt)
-], gt);
-var Ci = Object.getOwnPropertyDescriptor, Ei = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Ci(e, t) : e, o = r.length - 1, s; o >= 0; o--)
-    (s = r[o]) && (i = s(i) || i);
-  return i;
-}, xe = (r, e) => (t, n) => e(t, n, r);
-let _t = class extends Le {
-  constructor(e, t, n, i, o, s, c, d) {
+dt = fi([
+  $e(0, fe),
+  $e(1, Z(br)),
+  $e(2, Q),
+  $e(3, z),
+  $e(4, Yt)
+], dt);
+var pi = Object.getOwnPropertyDescriptor, mi = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? pi(e, t) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
+}, Pe = (i, e) => (t, n) => e(t, n, i);
+let It = class extends Ne {
+  constructor(e, t, n, r, o, s, c, d) {
     super();
-    Ie(this, "_liquid", new tn());
-    this._context = e, this._docSkeletonManagerService = t, this._commandService = n, this._editorService = i, this._drawingManagerService = o, this._docRefreshDrawingsService = s, this._univerInstanceService = c, this._lifecycleService = d, this._initialize(), this._commandExecutedListener();
+    ve(this, "_liquid", new en());
+    this._context = e, this._docSkeletonManagerService = t, this._commandService = n, this._editorService = r, this._drawingManagerService = o, this._docRefreshDrawingsService = s, this._univerInstanceService = c, this._lifecycleService = d, this._initialize(), this._commandExecutedListener();
   }
   _initialize() {
     this._initialRenderRefresh(), this._drawingInitializeListener(), this._initResize();
@@ -2756,17 +2701,17 @@ let _t = class extends Le {
     });
   }
   _commandExecutedListener() {
-    const e = [ee.id, cn.id];
+    const e = [ee.id, an.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (e.includes(t.id)) {
-          const n = t.params, { unitId: i } = n, { unitId: o, mainComponent: s } = this._context;
-          if (i !== o)
+          const n = t.params, { unitId: r } = n, { unitId: o, mainComponent: s } = this._context;
+          if (r !== o)
             return;
           const c = this._docSkeletonManagerService.getSkeleton();
           if (c == null)
             return;
-          if (this._editorService.isEditor(o) && o !== Dt) {
+          if (this._editorService.isEditor(o) && o !== St) {
             s == null || s.makeDirty();
             return;
           }
@@ -2777,9 +2722,9 @@ let _t = class extends Le {
   }
   _initResize() {
     this.disposeWithMe(
-      Qt(this._context.engine.onTransformChange$).pipe(
-        $t((e) => e.type === wr.resize),
-        gn(16)
+      Zt(this._context.engine.onTransformChange$).pipe(
+        Vt((e) => e.type === lr.resize),
+        dn(16)
       ).subscribe(() => {
         var n;
         const e = this._docSkeletonManagerService.getSkeleton(), { scene: t } = this._context;
@@ -2789,73 +2734,73 @@ let _t = class extends Le {
   }
   _refreshDrawing(e) {
     var D, S;
-    const t = e == null ? void 0 : e.getSkeletonData(), { mainComponent: n, unitId: i } = this._context, o = n;
+    const t = e == null ? void 0 : e.getSkeletonData(), { mainComponent: n, unitId: r } = this._context, o = n;
     if (!t)
       return;
-    const { left: s, top: c, pageLayoutType: d, pageMarginLeft: a, pageMarginTop: g } = o, { pages: u, skeHeaders: l, skeFooters: h } = t, f = {};
+    const { left: s, top: c, pageLayoutType: d, pageMarginLeft: a, pageMarginTop: g } = o, { pages: u, skeHeaders: l, skeFooters: f } = t, h = {};
     this._liquid.reset();
     for (let O = 0, C = u.length; O < C; O++) {
-      const M = u[O], { headerId: A, footerId: U, pageWidth: R } = M;
+      const M = u[O], { headerId: A, footerId: L, pageWidth: R } = M;
       if (A) {
-        const w = (D = l.get(A)) == null ? void 0 : D.get(R);
-        w && this._calculateDrawingPosition(
-          i,
-          w,
+        const v = (D = l.get(A)) == null ? void 0 : D.get(R);
+        v && this._calculateDrawingPosition(
+          r,
+          v,
           s,
           c,
-          f,
-          w.marginTop,
+          h,
+          v.marginTop,
           M.marginLeft
         );
       }
-      if (U) {
-        const w = (S = h.get(U)) == null ? void 0 : S.get(R);
-        w && this._calculateDrawingPosition(
-          i,
-          w,
+      if (L) {
+        const v = (S = f.get(L)) == null ? void 0 : S.get(R);
+        v && this._calculateDrawingPosition(
+          r,
+          v,
           s,
           c,
-          f,
-          M.pageHeight - M.marginBottom + w.marginTop,
+          h,
+          M.pageHeight - M.marginBottom + v.marginTop,
           M.marginLeft
         );
       }
-      this._calculateDrawingPosition(i, M, s, c, f, M.marginTop, M.marginLeft), this._liquid.translatePage(M, d, a, g);
+      this._calculateDrawingPosition(r, M, s, c, h, M.marginTop, M.marginLeft), this._liquid.translatePage(M, d, a, g);
     }
-    const m = Object.values(f), p = m.filter((O) => !O.isMultiTransform), v = m.filter((O) => O.isMultiTransform);
-    p.length > 0 && this._drawingManagerService.refreshTransform(p), this._handleMultiDrawingsTransform(v);
+    const m = Object.values(h), p = m.filter((O) => !O.isMultiTransform), w = m.filter((O) => O.isMultiTransform);
+    p.length > 0 && this._drawingManagerService.refreshTransform(p), this._handleMultiDrawingsTransform(w);
   }
   _handleMultiDrawingsTransform(e) {
-    const { scene: t, unitId: n } = this._context, i = t.getTransformerByCreate();
+    const { scene: t, unitId: n } = this._context, r = t.getTransformerByCreate();
     e.forEach((d) => {
       const a = this._drawingManagerService.getDrawingByParam(d);
       a != null && (a.transform = d.transform, a.transforms = d.transforms, a.isMultiTransform = d.isMultiTransform);
     });
-    const s = [...i.getSelectedObjectMap().keys()], c = Object.values(this._drawingManagerService.getDrawingData(n, n)).filter((d) => d.isMultiTransform === oe.TRUE);
+    const s = [...r.getSelectedObjectMap().keys()], c = Object.values(this._drawingManagerService.getDrawingData(n, n)).filter((d) => d.isMultiTransform === oe.TRUE);
     this._drawingManagerService.removeNotification(c), e.length > 0 && this._drawingManagerService.addNotification(e);
     for (const d of s) {
       const a = t.getObject(d);
-      a && i.setSelectedControl(a);
+      a && r.setSelectedControl(a);
     }
   }
-  _calculateDrawingPosition(e, t, n, i, o, s, c) {
+  _calculateDrawingPosition(e, t, n, r, o, s, c) {
     const { skeDrawings: d } = t;
     this._liquid.translatePagePadding({
       marginTop: s,
       marginLeft: c
     }), d.forEach((a) => {
-      const { aLeft: g, aTop: u, height: l, width: h, angle: f, drawingId: m, drawingOrigin: p } = a, v = p.layoutType === F.WRAP_NONE && p.behindDoc === oe.TRUE, { isMultiTransform: D = oe.FALSE } = p, S = {
+      const { aLeft: g, aTop: u, height: l, width: f, angle: h, drawingId: m, drawingOrigin: p } = a, w = p.layoutType === k.WRAP_NONE && p.behindDoc === oe.TRUE, { isMultiTransform: D = oe.FALSE } = p, S = {
         left: g + n + this._liquid.x,
-        top: u + i + this._liquid.y,
-        width: h,
+        top: u + r + this._liquid.y,
+        width: f,
         height: l,
-        angle: f
+        angle: h
       };
       o[m] == null ? o[m] = {
         unitId: e,
         subUnitId: e,
         drawingId: m,
-        behindText: v,
+        behindText: w,
         transform: S,
         transforms: [S],
         isMultiTransform: D
@@ -2870,76 +2815,76 @@ let _t = class extends Le {
       const t = this._docSkeletonManagerService.getSkeleton();
       t != null && (this._refreshDrawing(t), this._drawingManagerService.initializeNotification(this._context.unitId));
     };
-    this._lifecycleService.stage >= At.Rendered ? this._docSkeletonManagerService.getSkeleton() ? e() : setTimeout(e, 500) : this._lifecycleService.lifecycle$.pipe($t((t) => t === At.Rendered)).subscribe(e);
+    this._lifecycleService.stage >= Rt.Rendered ? this._docSkeletonManagerService.getSkeleton() ? e() : setTimeout(e, 500) : this._lifecycleService.lifecycle$.pipe(Vt((t) => t === Rt.Rendered)).subscribe(e);
   }
 };
-_t = Ei([
-  xe(1, Z(te)),
-  xe(2, j),
-  xe(3, Lr),
-  xe(4, pe),
-  xe(5, Z(ft)),
-  xe(6, z),
-  xe(7, Z(Yn))
-], _t);
-var Ri = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, Pi = (r, e, t) => e in r ? Ri(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, xi = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Ai(e, t) : e, o = r.length - 1, s; o >= 0; o--)
-    (s = r[o]) && (i = s(i) || i);
-  return i;
-}, It = (r, e) => (t, n) => e(t, n, r), Nn = (r, e, t) => Pi(r, typeof e != "symbol" ? e + "" : e, t);
-const Ni = "DOC_DRAWING_UI_PLUGIN";
-let lt = class extends Jn {
-  constructor(r = zt, e, t, n) {
-    super(), this._config = r, this._injector = e, this._renderManagerSrv = t, this._configService = n;
-    const { ...i } = er(
+It = mi([
+  Pe(1, Z(te)),
+  Pe(2, j),
+  Pe(3, Cr),
+  Pe(4, fe),
+  Pe(5, Z(ut)),
+  Pe(6, z),
+  Pe(7, Z(jn))
+], It);
+var wi = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, Ii = (i, e, t) => e in i ? wi(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, _i = (i, e, t, n) => {
+  for (var r = n > 1 ? void 0 : n ? vi(e, t) : e, o = i.length - 1, s; o >= 0; o--)
+    (s = i[o]) && (r = s(r) || r);
+  return r;
+}, vt = (i, e) => (t, n) => e(t, n, i), bn = (i, e, t) => Ii(i, typeof e != "symbol" ? e + "" : e, t);
+const Si = "DOC_DRAWING_UI_PLUGIN";
+let gt = class extends zn {
+  constructor(i = $t, e, t, n) {
+    super(), this._config = i, this._injector = e, this._renderManagerSrv = t, this._configService = n;
+    const { ...r } = Xn(
       {},
-      zt,
+      $t,
       this._config
     );
-    this._configService.setConfig(Vr, i);
+    this._configService.setConfig(Lr, r);
   }
   onStarting() {
     [
-      [ot],
-      [gt],
+      [it],
       [dt],
+      [ct],
+      [ot],
+      [ut],
       [st],
-      [ft],
-      [at],
-      [ct]
+      [at]
     ].forEach((e) => this._injector.add(e));
   }
   onReady() {
     [
-      [it],
-      [_t]
-    ].forEach((r) => this._renderManagerSrv.registerRenderModule(we.UNIVER_DOC, r)), this._injector.get(st), this._injector.get(ot), this._injector.get(dt), this._injector.get(ct);
+      [rt],
+      [It]
+    ].forEach((i) => this._renderManagerSrv.registerRenderModule(we.UNIVER_DOC, i)), this._injector.get(ot), this._injector.get(it), this._injector.get(ct), this._injector.get(at);
   }
   onRendered() {
-    this._injector.get(gt), this._injector.get(at);
+    this._injector.get(dt), this._injector.get(st);
   }
 };
-Nn(lt, "type", we.UNIVER_DOC);
-Nn(lt, "pluginName", Ni);
-lt = xi([
-  Zn(fr, ar, tr, Cr),
-  It(1, Z(Jt)),
-  It(2, Q),
-  It(3, Qn)
-], lt);
+bn(gt, "type", we.UNIVER_DOC);
+bn(gt, "pluginName", Si);
+gt = _i([
+  Vn(sr, er, qn, Sr),
+  vt(1, Z(Qt)),
+  vt(2, Q),
+  vt(3, $n)
+], gt);
 export {
-  Jr as ClearDocDrawingTransformerOperation,
-  An as DOCS_IMAGE_MENU_ID,
-  mn as DeleteDocDrawingsCommand,
-  at as DocFloatDomController,
-  En as EditDocDrawingOperation,
-  vn as GroupDocDrawingCommand,
-  bt as InsertDocDrawingCommand,
-  _n as InsertDocImageCommand,
-  Ye as MoveDocDrawingsCommand,
-  Mt as RemoveDocDrawingCommand,
-  wn as SetDocDrawingArrangeCommand,
-  Cn as SidebarDocDrawingOperation,
-  In as UngroupDocDrawingCommand,
-  lt as UniverDocsDrawingUIPlugin
+  Wr as ClearDocDrawingTransformerOperation,
+  Tn as DOCS_IMAGE_MENU_ID,
+  gn as DeleteDocDrawingsCommand,
+  st as DocFloatDomController,
+  On as EditDocDrawingOperation,
+  ln as GroupDocDrawingCommand,
+  Mt as InsertDocDrawingCommand,
+  fn as InsertDocImageCommand,
+  Ke as MoveDocDrawingsCommand,
+  yt as RemoveDocDrawingCommand,
+  un as SetDocDrawingArrangeCommand,
+  Dn as SidebarDocDrawingOperation,
+  hn as UngroupDocDrawingCommand,
+  gt as UniverDocsDrawingUIPlugin
 };