@univerjs/docs-drawing-ui 0.6.1 → 0.6.2-nightly.202503031606

package/lib/es/index.js

@@ -1,25 +1,25 @@
 var Ct = Object.defineProperty;
 var Dt = (i, e, n) => e in i ? Ct(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n;
 var Ce = (i, e, n) => Dt(i, typeof e != "symbol" ? e + "" : e, n);
-import { Disposable as Xe, UndoCommand as Ot, RedoCommand as Tt, JSONX as q, IUniverInstanceService as Q, ICommandService as z, PositionedObjectLayoutType as H, CommandType as K, BooleanNumber as oe, ObjectRelativeFromH as ne, ObjectRelativeFromV as V, Tools as Pe, TextX as vn, TextXActionType as Z, toDisposable as Le, throttle as On, COLORS as yt, MemoryCursor as Pt, IUndoRedoService as Gn, BuildTextUtils as bt, ArrangeTypeEnum as Ze, Inject as ve, IContextService as Vn, LocaleService as ln, WrapTextType as $e, DrawingTypeEnum as Mt, FOCUSING_COMMON_DRAWINGS as tn, UniverInstanceType as be, Direction as fe, DocumentFlavor as fn, FOCUSING_UNIVER_EDITOR as Rt, RxDisposable as Nt, SHEET_EDITOR_UNITS as At, LifecycleService as Et, DOCS_ZEN_EDITOR_UNIT_ID_KEY as xt, fromEventSubject as Lt, LifecycleStages as Tn, DependentOn as Bt, Injector as Ut, IConfigService as kt, Plugin as Ft, merge as Ht } from "@univerjs/core";
-import { IDocDrawingService as Be, UniverDocsDrawingPlugin as Wt } from "@univerjs/docs-drawing";
-import { IDrawingManagerService as Ie, IImageIoService as Gt, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Vt, DRAWING_IMAGE_COUNT_LIMIT as yn, ImageUploadStatusType as hn, DRAWING_IMAGE_ALLOW_SIZE as jt, getImageSize as $t, getDrawingShapeKeyByDrawingSearch as zt, DRAWING_IMAGE_WIDTH_LIMIT as Pn, DRAWING_IMAGE_HEIGHT_LIMIT as bn, UniverDrawingPlugin as qt } from "@univerjs/drawing";
-import { DrawingCommonPanel as Xt, ImageCropperObject as Kt, COMPONENT_IMAGE_POPUP_MENU as Yt, OpenImageCropOperation as Zt, ImageResetSizeOperation as Qt, UniverDrawingUIPlugin as Jt } from "@univerjs/drawing-ui";
-import { IRenderManagerService as ee, DocumentEditArea as Fe, Liquid as jn, PageLayoutType as Mn, DocumentSkeletonPageType as Rn, Vector2 as ei, Rect as ni, getColor as ti, TRANSFORM_CHANGE_OBSERVABLE_TYPE as ii } from "@univerjs/engine-render";
-import { IMessageService as ri, ILocalFileService as oi, ISidebarService as si, useDependency as we, getMenuHiddenObservable as $n, MenuItemType as zn, RibbonStartGroup as ai, KeyCode as He, ComponentManager as ci, IMenuManagerService as di, IShortcutService as li, UniverUIPlugin as gi } from "@univerjs/ui";
-import { RichTextEditingMutation as J, DocSkeletonManagerService as se, DocSelectionManagerService as In } from "@univerjs/docs";
-import { DocSelectionRenderService as Me, getRichTextEditPath as ze, NodePositionConvertToCursor as Nn, getOneTextSelectionRange as An, getAnchorBounding as mi, TEXT_RANGE_LAYER_INDEX as ui, getDocObject as fi, getCustomBlockIdsInSelections as hi, docDrawingPositionToTransform as pi, DocCanvasPopManagerService as wi, IEditorService as vi, SetDocZoomRatioOperation as Ii } from "@univerjs/docs-ui";
-import { BehaviorSubject as _i, debounceTime as qn, Observable as Si, takeUntil as En, filter as xn } from "rxjs";
-import { MessageType as Ln, InputNumber as ke, Select as Bn, Checkbox as Ci, RadioGroup as Un, Radio as ye } from "@univerjs/design";
+import { Disposable as Xe, UndoCommand as Ot, RedoCommand as Tt, JSONX as q, IUniverInstanceService as K, ICommandService as z, PositionedObjectLayoutType as H, CommandType as Y, BooleanNumber as oe, ObjectRelativeFromH as ne, ObjectRelativeFromV as V, Tools as ye, TextX as vn, TextXActionType as Q, toDisposable as Le, throttle as Tn, COLORS as Pt, MemoryCursor as yt, IUndoRedoService as Vn, BuildTextUtils as bt, ArrangeTypeEnum as Ze, Inject as ve, IContextService as jn, LocaleService as ln, WrapTextType as $e, DrawingTypeEnum as Mt, FOCUSING_COMMON_DRAWINGS as tn, UniverInstanceType as be, Direction as fe, DocumentFlavor as fn, DOCS_ZEN_EDITOR_UNIT_ID_KEY as In, FOCUSING_UNIVER_EDITOR as Rt, RxDisposable as Nt, SHEET_EDITOR_UNITS as Et, LifecycleService as At, fromEventSubject as xt, LifecycleStages as Pn, DependentOn as Lt, Injector as Bt, IConfigService as Ut, Plugin as kt, merge as Ft } from "@univerjs/core";
+import { IDocDrawingService as Be, UniverDocsDrawingPlugin as Ht } from "@univerjs/docs-drawing";
+import { IDrawingManagerService as Ie, IImageIoService as Wt, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Gt, DRAWING_IMAGE_COUNT_LIMIT as yn, ImageUploadStatusType as hn, DRAWING_IMAGE_ALLOW_SIZE as Vt, getImageSize as jt, getDrawingShapeKeyByDrawingSearch as $t, DRAWING_IMAGE_WIDTH_LIMIT as bn, DRAWING_IMAGE_HEIGHT_LIMIT as Mn, UniverDrawingPlugin as zt } from "@univerjs/drawing";
+import { DrawingCommonPanel as qt, ImageCropperObject as Xt, COMPONENT_IMAGE_POPUP_MENU as Kt, OpenImageCropOperation as Yt, ImageResetSizeOperation as Zt, UniverDrawingUIPlugin as Qt } from "@univerjs/drawing-ui";
+import { IRenderManagerService as ee, DocumentEditArea as Fe, Liquid as $n, PageLayoutType as Rn, DocumentSkeletonPageType as Nn, Vector2 as Jt, Rect as ei, getColor as ni, getCurrentTypeOfRenderer as ti, TRANSFORM_CHANGE_OBSERVABLE_TYPE as ii } from "@univerjs/engine-render";
+import { IMessageService as ri, ILocalFileService as oi, ISidebarService as si, useDependency as we, getMenuHiddenObservable as zn, MenuItemType as qn, RibbonStartGroup as ai, KeyCode as He, ComponentManager as ci, IMenuManagerService as di, IShortcutService as li, UniverUIPlugin as gi } from "@univerjs/ui";
+import { RichTextEditingMutation as J, DocSkeletonManagerService as se, DocSelectionManagerService as _n } from "@univerjs/docs";
+import { DocSelectionRenderService as Me, getRichTextEditPath as ze, NodePositionConvertToCursor as En, getOneTextSelectionRange as An, getAnchorBounding as mi, TEXT_RANGE_LAYER_INDEX as ui, getDocObject as fi, getCustomBlockIdsInSelections as hi, docDrawingPositionToTransform as pi, DocCanvasPopManagerService as wi, IEditorService as vi, SetDocZoomRatioOperation as Ii } from "@univerjs/docs-ui";
+import { BehaviorSubject as _i, debounceTime as Xn, Observable as Si, takeUntil as xn, filter as Ln } from "rxjs";
+import { MessageType as Bn, clsx as j, InputNumber as ke, Select as Un, Checkbox as Ci, RadioGroup as kn, Radio as Pe } from "@univerjs/design";
 import { jsxs as X, jsx as f } from "react/jsx-runtime";
-import { forwardRef as Xn, useRef as Di, createElement as Kn, useState as re, useEffect as _n } from "react";
-const Oi = "docs-drawing-ui.config", kn = {};
-var Ti = Object.getOwnPropertyDescriptor, yi = (i, e, n, t) => {
+import { forwardRef as Kn, useRef as Di, createElement as Yn, useState as re, useEffect as Sn } from "react";
+const Oi = "docs-drawing-ui.config", Fn = {};
+var Ti = Object.getOwnPropertyDescriptor, Pi = (i, e, n, t) => {
   for (var r = t > 1 ? void 0 : t ? Ti(e, n) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
 }, Ve = (i, e) => (n, t) => e(n, t, i);
-function Pi(i) {
+function yi(i) {
   var t, r, o, s;
   if (q.isNoop(i) || !Array.isArray(i))
     return null;
@@ -69,7 +69,7 @@ let rn = class extends Xe {
       this._commandService.beforeCommandExecuted((i) => {
         if (i.id !== J.id)
           return;
-        const e = i.params, { unitId: n, actions: t } = e, r = Pi(t);
+        const e = i.params, { unitId: n, actions: t } = e, r = yi(t);
         if (r != null)
           for (const { type: o, drawingId: s, drawing: a } of r)
             o === "add" ? this._addDrawings(n, [a]) : this._removeDrawings(n, [s]);
@@ -125,8 +125,8 @@ let rn = class extends Xe {
     t.orderNotification(o), r.orderNotification(o);
   }
 };
-rn = yi([
-  Ve(0, Q),
+rn = Pi([
+  Ve(0, K),
   Ve(1, z),
   Ve(2, Ie),
   Ve(3, Be),
@@ -149,7 +149,7 @@ const Mi = {
   inFrontOfText: H.WRAP_NONE,
   behindText: H.WRAP_NONE
 };
-function Yn(i, e, n, t, r, o, s) {
+function Zn(i, e, n, t, r, o, s) {
   var p, h;
   const a = new vn(), d = q.getInstance(), c = [], l = o.getSelfOrHeaderFooterModel(e).getBody(), m = o.getSelfOrHeaderFooterModel(i).getBody();
   if (l == null || m == null)
@@ -158,10 +158,10 @@ function Yn(i, e, n, t, r, o, s) {
   if (g != null) {
     if (t = Math.min(m.dataStream.length - 2, t), i === e) {
       if (t < g ? (t > 0 && a.push({
-        t: Z.RETAIN,
+        t: Q.RETAIN,
         len: t
       }), a.push({
-        t: Z.INSERT,
+        t: Q.INSERT,
         body: {
           dataStream: "\b",
           customBlocks: [{
@@ -171,22 +171,22 @@ function Yn(i, e, n, t, r, o, s) {
         },
         len: 1
       }), a.push({
-        t: Z.RETAIN,
+        t: Q.RETAIN,
         len: g - t
       }), a.push({
-        t: Z.DELETE,
+        t: Q.DELETE,
         len: 1
       })) : (g > 0 && a.push({
-        t: Z.RETAIN,
+        t: Q.RETAIN,
         len: g
       }), a.push({
-        t: Z.DELETE,
+        t: Q.DELETE,
         len: 1
       }), t - g - 1 > 0 && a.push({
-        t: Z.RETAIN,
+        t: Q.RETAIN,
         len: t - g - 1
       }), a.push({
-        t: Z.INSERT,
+        t: Q.INSERT,
         body: {
           dataStream: "\b",
           customBlocks: [{
@@ -201,18 +201,18 @@ function Yn(i, e, n, t, r, o, s) {
       }
     } else {
       g > 0 && a.push({
-        t: Z.RETAIN,
+        t: Q.RETAIN,
         len: g
       }), a.push({
-        t: Z.DELETE,
+        t: Q.DELETE,
         len: 1
       });
       let v = ze(o, e), w = d.editOp(a.serialize(), v);
       c.push(w), a.empty(), t > 0 && a.push({
-        t: Z.RETAIN,
+        t: Q.RETAIN,
         len: t
       }), a.push({
-        t: Z.INSERT,
+        t: Q.INSERT,
         body: {
           dataStream: "\b",
           customBlocks: [{
@@ -226,15 +226,15 @@ function Yn(i, e, n, t, r, o, s) {
     return c;
   }
 }
-const Zn = {
+const Qn = {
   id: "doc.command.update-doc-drawing-wrapping-style",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   // eslint-disable-next-line max-lines-per-function, complexity
   handler: (i, e) => {
-    var A, U;
+    var E, U;
     if (e == null)
       return !1;
-    const { drawings: n, wrappingStyle: t, unitId: r } = e, o = i.get(z), s = i.get(Q), d = i.get(ee).getRenderById(r), c = d == null ? void 0 : d.with(se).getSkeleton().getSkeletonData(), l = d == null ? void 0 : d.with(se).getViewModel(), m = d == null ? void 0 : d.scene, g = s.getCurrentUniverDocInstance();
+    const { drawings: n, wrappingStyle: t, unitId: r } = e, o = i.get(z), s = i.get(K), d = i.get(ee).getRenderById(r), c = d == null ? void 0 : d.with(se).getSkeleton().getSkeletonData(), l = d == null ? void 0 : d.with(se).getViewModel(), m = d == null ? void 0 : d.scene, g = s.getCurrentUniverDocInstance();
     if (g == null || c == null || m == null || l == null)
       return !1;
     const p = l.getEditArea(), h = m.getTransformerByCreate(), { pages: v, skeHeaders: w, skeFooters: S } = c, O = q.getInstance(), D = [], { drawings: T = {} } = g.getSnapshot();
@@ -247,23 +247,23 @@ const Zn = {
       if (t === "behindText" || t === "inFrontOfText") {
         const C = T[I].behindDoc, R = t === "behindText" ? oe.TRUE : oe.FALSE;
         if (C !== R) {
-          const y = O.replaceOp(["drawings", I, "behindDoc"], C, R);
-          D.push(y);
+          const P = O.replaceOp(["drawings", I, "behindDoc"], C, R);
+          D.push(P);
         }
       }
       if (t === "inline")
         continue;
       let x = null, G = 0, _ = 0;
       for (const C of v) {
-        const { headerId: R, footerId: y, marginTop: B, marginLeft: k, marginBottom: b, pageWidth: E, pageHeight: $ } = C;
+        const { headerId: R, footerId: P, marginTop: B, marginLeft: k, marginBottom: b, pageWidth: A, pageHeight: $ } = C;
         switch (p) {
           case Fe.HEADER: {
-            const F = (A = w.get(R)) == null ? void 0 : A.get(E);
+            const F = (E = w.get(R)) == null ? void 0 : E.get(A);
             F != null && F.skeDrawings.has(I) && (x = F.skeDrawings.get(I), G = F.marginTop, _ = k);
             break;
           }
           case Fe.FOOTER: {
-            const F = (U = S.get(y)) == null ? void 0 : U.get(E);
+            const F = (U = S.get(P)) == null ? void 0 : U.get(A);
             F != null && F.skeDrawings.has(I) && (x = F.skeDrawings.get(I), G = $ - b + F.marginTop, _ = k);
             break;
           }
@@ -276,23 +276,23 @@ const Zn = {
           break;
       }
       if (x != null) {
-        const { aTop: C, aLeft: R } = x, y = T[I].docTransform.positionH;
+        const { aTop: C, aLeft: R } = x, P = T[I].docTransform.positionH;
         let B = R;
-        y.relativeFrom === ne.MARGIN ? B -= _ : y.relativeFrom === ne.COLUMN && (B -= x.columnLeft);
+        P.relativeFrom === ne.MARGIN ? B -= _ : P.relativeFrom === ne.COLUMN && (B -= x.columnLeft);
         const k = {
-          relativeFrom: y.relativeFrom,
+          relativeFrom: P.relativeFrom,
           posOffset: B
         };
-        if (y.posOffset !== k.posOffset) {
-          const F = O.replaceOp(["drawings", I, "docTransform", "positionH"], y, k);
+        if (P.posOffset !== k.posOffset) {
+          const F = O.replaceOp(["drawings", I, "docTransform", "positionH"], P, k);
           D.push(F);
         }
         const b = T[I].docTransform.positionV;
-        let E = C;
-        b.relativeFrom === V.PAGE ? E += G : b.relativeFrom === V.LINE ? E -= x.lineTop : b.relativeFrom === V.PARAGRAPH && (E -= x.blockAnchorTop);
+        let A = C;
+        b.relativeFrom === V.PAGE ? A += G : b.relativeFrom === V.LINE ? A -= x.lineTop : b.relativeFrom === V.PARAGRAPH && (A -= x.blockAnchorTop);
         const $ = {
           relativeFrom: b.relativeFrom,
-          posOffset: E
+          posOffset: A
         };
         if (b.posOffset !== $.posOffset) {
           const F = O.replaceOp(["drawings", I, "docTransform", "positionV"], b, $);
@@ -309,16 +309,16 @@ const Zn = {
       }
     };
     M.params.actions = D.reduce((N, I) => q.compose(N, I), null);
-    const P = o.syncExecuteCommand(M.id, M.params);
-    return h.refreshControls(), !!P;
+    const y = o.syncExecuteCommand(M.id, M.params);
+    return h.refreshControls(), !!y;
   }
-}, Qn = {
+}, Jn = {
   id: "doc.command.update-doc-drawing-distance",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
     if (e == null)
       return !1;
-    const n = i.get(z), r = i.get(Q).getCurrentUniverDocInstance();
+    const n = i.get(z), r = i.get(K).getCurrentUniverDocInstance();
     if (r == null)
       return !1;
     const { drawings: o, dist: s, unitId: a } = e, d = q.getInstance(), c = [], { drawings: l = {} } = r.getSnapshot();
@@ -342,13 +342,13 @@ const Zn = {
     };
     return m.params.actions = c.reduce((p, h) => q.compose(p, h), null), !!n.syncExecuteCommand(m.id, m.params);
   }
-}, Jn = {
+}, et = {
   id: "doc.command.update-doc-drawing-wrap-text",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
     if (e == null)
       return !1;
-    const n = i.get(z), r = i.get(Q).getCurrentUniverDocInstance();
+    const n = i.get(z), r = i.get(K).getCurrentUniverDocInstance();
     if (r == null)
       return !1;
     const { drawings: o, wrapText: s, unitId: a } = e, d = q.getInstance(), c = [], { drawings: l = {} } = r.getSnapshot();
@@ -371,11 +371,11 @@ const Zn = {
   }
 }, qe = {
   id: "doc.command.update-drawing-doc-transform",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
     if (e == null)
       return !1;
-    const n = i.get(z), t = i.get(Q), o = i.get(ee).getRenderById(e.unitId), s = o == null ? void 0 : o.scene;
+    const n = i.get(z), t = i.get(K), o = i.get(ee).getRenderById(e.unitId), s = o == null ? void 0 : o.scene;
     if (s == null)
       return !1;
     const a = s.getTransformerByCreate(), d = t.getCurrentUniverDocInstance();
@@ -384,7 +384,7 @@ const Zn = {
     const { drawings: c, unitId: l } = e, m = q.getInstance(), g = [], { drawings: p = {} } = d.getSnapshot();
     for (const w of c) {
       const { drawingId: S, key: O, value: D } = w, T = p[S].docTransform[O];
-      if (!Pe.diffValue(T, D)) {
+      if (!ye.diffValue(T, D)) {
         const M = m.replaceOp(["drawings", S, "docTransform", O], T, D);
         g.push(M);
       }
@@ -402,9 +402,9 @@ const Zn = {
     const v = n.syncExecuteCommand(h.id, h.params);
     return a.refreshControls(), !!v;
   }
-}, et = {
+}, nt = {
   id: "doc.command.move-inline-drawing",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
     var U, N;
     if (e == null)
@@ -412,13 +412,13 @@ const Zn = {
     const n = i.get(ee), t = (U = n.getRenderById(e.unitId)) == null ? void 0 : U.with(Me), r = i.get(gn), o = n.getRenderById(e.unitId), s = o == null ? void 0 : o.scene, a = o == null ? void 0 : o.with(se).getSkeleton();
     if (s == null || t == null)
       return !1;
-    const d = s.getTransformerByCreate(), c = i.get(z), m = i.get(Q).getCurrentUniverDocInstance();
+    const d = s.getTransformerByCreate(), c = i.get(z), m = i.get(K).getCurrentUniverDocInstance();
     if (m == null)
       return !1;
     const { drawing: g, unitId: p, offset: h, segmentId: v, segmentPage: w, needRefreshDrawings: S } = e;
     if (S)
       return r.refreshDrawings(a), d.refreshControls(), !0;
-    const O = [], { drawingId: D } = g, T = (N = t.getSegment()) != null ? N : "", M = Yn(
+    const O = [], { drawingId: D } = g, T = (N = t.getSegment()) != null ? N : "", M = Zn(
       v,
       T,
       w,
@@ -430,7 +430,7 @@ const Zn = {
     if (M == null || M.length === 0)
       return r.refreshDrawings(a), d.refreshControls(), !1;
     O.push(...M);
-    const P = {
+    const y = {
       id: J.id,
       params: {
         unitId: p,
@@ -438,13 +438,13 @@ const Zn = {
         textRanges: null
       }
     };
-    P.params.actions = O.reduce((I, L) => q.compose(I, L), null);
-    const A = c.syncExecuteCommand(P.id, P.params);
-    return d.refreshControls(), !!A;
+    y.params.actions = O.reduce((I, L) => q.compose(I, L), null);
+    const E = c.syncExecuteCommand(y.id, y.params);
+    return d.refreshControls(), !!E;
   }
-}, nt = {
+}, tt = {
   id: "doc.command.transform-non-inline-drawing",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: (i, e) => {
     var x, G;
@@ -453,10 +453,10 @@ const Zn = {
     const n = i.get(ee), t = (x = n.getRenderById(e.unitId)) == null ? void 0 : x.with(Me), r = n.getRenderById(e.unitId), o = r == null ? void 0 : r.scene;
     if (o == null || t == null)
       return !1;
-    const s = o.getTransformerByCreate(), a = i.get(z), c = i.get(Q).getCurrentUniverDocInstance();
+    const s = o.getTransformerByCreate(), a = i.get(z), c = i.get(K).getCurrentUniverDocInstance();
     if (c == null)
       return !1;
-    const { drawing: l, unitId: m, offset: g, docTransform: p, segmentId: h, segmentPage: v } = e, w = [], { drawingId: S } = l, O = (G = t.getSegment()) != null ? G : "", D = Yn(
+    const { drawing: l, unitId: m, offset: g, docTransform: p, segmentId: h, segmentPage: v } = e, w = [], { drawingId: S } = l, O = (G = t.getSegment()) != null ? G : "", D = Zn(
       h,
       O,
       v,
@@ -468,20 +468,20 @@ const Zn = {
     if (D == null)
       return !1;
     D.length > 0 && w.push(...D);
-    const T = q.getInstance(), { drawings: M = {} } = c.getSnapshot(), P = M[S].docTransform, { positionH: A, positionV: U, size: N, angle: I } = P;
-    if (!Pe.diffValue(A, p.positionH)) {
-      const _ = T.replaceOp(["drawings", S, "docTransform", "positionH"], A, p.positionH);
+    const T = q.getInstance(), { drawings: M = {} } = c.getSnapshot(), y = M[S].docTransform, { positionH: E, positionV: U, size: N, angle: I } = y;
+    if (!ye.diffValue(E, p.positionH)) {
+      const _ = T.replaceOp(["drawings", S, "docTransform", "positionH"], E, p.positionH);
       w.push(_);
     }
-    if (!Pe.diffValue(U, p.positionV)) {
+    if (!ye.diffValue(U, p.positionV)) {
       const _ = T.replaceOp(["drawings", S, "docTransform", "positionV"], U, p.positionV);
       w.push(_);
     }
-    if (!Pe.diffValue(N, p.size)) {
+    if (!ye.diffValue(N, p.size)) {
       const _ = T.replaceOp(["drawings", S, "docTransform", "size"], N, p.size);
       w.push(_);
     }
-    if (!Pe.diffValue(I, p.angle)) {
+    if (!ye.diffValue(I, p.angle)) {
       const _ = T.replaceOp(["drawings", S, "docTransform", "angle"], I, p.angle);
       w.push(_);
     }
@@ -504,15 +504,15 @@ var Ri = Object.getOwnPropertyDescriptor, Ni = (i, e, n, t) => {
     (s = i[o]) && (r = s(r) || r);
   return r;
 }, Qe = (i, e) => (n, t) => e(n, t, i);
-const Ai = "__InlineDrawingAnchor__";
-function Fn(i) {
+const Ei = "__InlineDrawingAnchor__";
+function Hn(i) {
   const { path: e } = i;
   return e.some((n) => n === "cells");
 }
 let on = class extends Xe {
   constructor(e, n, t, r) {
     super();
-    Ce(this, "_liquid", new jn());
+    Ce(this, "_liquid", new $n());
     Ce(this, "_listenerOnImageMap", /* @__PURE__ */ new Set());
     // Use to cache the drawings is under transforming or scaling.
     Ce(this, "_transformerCache", /* @__PURE__ */ new Map());
@@ -563,8 +563,8 @@ let on = class extends Xe {
         })
       )
     );
-    const t = On(this._updateMultipleDrawingDocTransform.bind(this), 50);
-    On(this._nonInlineDrawingTransform.bind(this), 50), this.disposeWithMe(
+    const t = Tn(this._updateMultipleDrawingDocTransform.bind(this), 50);
+    Tn(this._nonInlineDrawingTransform.bind(this), 50), this.disposeWithMe(
       Le(
         n.changing$.subscribe((o) => {
           const { objects: s, offsetX: a, offsetY: d } = o;
@@ -632,20 +632,20 @@ let on = class extends Xe {
         key: "angle",
         value: c
       }), v !== d || w !== a) {
-        const P = d - v, A = a - w;
-        P !== 0 && n.push({
+        const y = d - v, E = a - w;
+        y !== 0 && n.push({
           drawingId: g.drawingId,
           key: "positionV",
           value: {
             relativeFrom: h.docTransform.positionV.relativeFrom,
-            posOffset: h.docTransform.positionV.posOffset + P
+            posOffset: h.docTransform.positionV.posOffset + y
           }
-        }), A !== 0 && n.push({
+        }), E !== 0 && n.push({
           drawingId: g.drawingId,
           key: "positionH",
           value: {
             relativeFrom: h.docTransform.positionH.relativeFrom,
-            posOffset: h.docTransform.positionH.posOffset + A
+            posOffset: h.docTransform.positionH.posOffset + E
           }
         });
       }
@@ -676,7 +676,7 @@ let on = class extends Xe {
     if (r == null)
       return;
     const { mainComponent: s, scene: a } = r, d = s, c = a.getViewports()[0], {
-      pageLayoutType: l = Mn.VERTICAL,
+      pageLayoutType: l = Rn.VERTICAL,
       pageMarginLeft: m,
       pageMarginTop: g
     } = d.getOffsetConfig();
@@ -687,58 +687,52 @@ let on = class extends Xe {
     const D = (x = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : x.with(Me);
     if (D == null)
       return;
-    const T = o == null ? void 0 : o.findNodeByCoord(
-      O,
-      l,
-      m,
-      g,
-      {
-        strict: !1,
-        segmentId: D.getSegment(),
-        segmentPage: D.getSegmentPage()
-      }
-    );
+    const T = o == null ? void 0 : o.findNodeByCoord(O, l, m, g, {
+      strict: !1,
+      segmentId: D.getSegment(),
+      segmentPage: D.getSegmentPage()
+    });
     if (T) {
-      const { node: _, ratioX: C, segmentPage: R, segmentId: y } = T;
-      h = C < S, p = _, v = R, w = y;
+      const { node: _, ratioX: C, segmentPage: R, segmentId: P } = T;
+      h = C < S, p = _, v = R, w = P;
     }
     if (p == null)
       return;
-    const M = o == null ? void 0 : o.findPositionByGlyph(p, v), P = this._getDocObject();
-    if (M == null || o == null || P == null || Fn(M))
+    const M = o == null ? void 0 : o.findPositionByGlyph(p, v), y = this._getDocObject();
+    if (M == null || o == null || y == null || Hn(M))
       return;
-    const A = {
+    const E = {
       ...M,
       isBack: h
-    }, U = P.document.getOffsetConfig(), N = new Nn(U, o), { cursorList: I, contentBoxPointGroup: L } = N.getRangePointData(A, A), { startOffset: W } = (G = An(I)) != null ? G : {};
+    }, U = y.document.getOffsetConfig(), N = new En(U, o), { cursorList: I, contentBoxPointGroup: L } = N.getRangePointData(E, E), { startOffset: W } = (G = An(I)) != null ? G : {};
     if (W != null)
       return { offset: W, contentBoxPointGroup: L, segmentId: w, segmentPage: v };
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   _getDrawingAnchor(e, n) {
-    var _e, Se, de, De, Oe, Ne, Ae, Te, le, ge, Ee;
+    var _e, Se, de, De, Oe, Ne, Ee, Te, le, ge, Ae;
     const t = this._renderManagerService.getRenderById(e.unitId), r = t == null ? void 0 : t.with(se).getSkeleton(), o = r == null ? void 0 : r.getSkeletonData();
     if (o == null || t == null)
       return;
-    const { pages: s, skeHeaders: a, skeFooters: d } = o, { mainComponent: c, scene: l } = t, m = c, g = l.getViewports()[0], { pageLayoutType: p = Mn.VERTICAL, pageMarginLeft: h, pageMarginTop: v, docsLeft: w, docsTop: S } = m.getOffsetConfig(), { left: O, top: D, angle: T } = n;
-    let { width: M, height: P } = n;
-    const { positionV: A, positionH: U } = e.docTransform, { width: N, height: I } = this._getPageContentSize(e);
-    M = Math.min(M, N), P = Math.min(P, I);
+    const { pages: s, skeHeaders: a, skeFooters: d } = o, { mainComponent: c, scene: l } = t, m = c, g = l.getViewports()[0], { pageLayoutType: p = Rn.VERTICAL, pageMarginLeft: h, pageMarginTop: v, docsLeft: w, docsTop: S } = m.getOffsetConfig(), { left: O, top: D, angle: T } = n;
+    let { width: M, height: y } = n;
+    const { positionV: E, positionH: U } = e.docTransform, { width: N, height: I } = this._getPageContentSize(e);
+    M = Math.min(M, N), y = Math.min(y, I);
     let L = null, W = "", x = -1;
     const G = !1, _ = {
       ...e.docTransform,
       size: {
         width: M,
-        height: P
+        height: y
       },
       angle: T
-    }, { x: C, y: R } = l.getViewportScrollXY(g), y = this._getTransformCoordForDocumentOffset(m, g, O - C, D - R);
-    if (y == null)
+    }, { x: C, y: R } = l.getViewportScrollXY(g), P = this._getTransformCoordForDocumentOffset(m, g, O - C, D - R);
+    if (P == null)
       return;
     const B = (_e = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : _e.with(Me);
     if (B == null)
       return;
-    const k = r == null ? void 0 : r.findNodeByCoord(y, p, h, v, {
+    const k = r == null ? void 0 : r.findNodeByCoord(P, p, h, v, {
       strict: !1,
       segmentId: B.getSegment(),
       segmentPage: B.getSegmentPage()
@@ -749,32 +743,32 @@ let on = class extends Xe {
     }
     if (L == null)
       return;
-    const b = (Se = L.parent) == null ? void 0 : Se.parent, E = b == null ? void 0 : b.parent, $ = (de = E == null ? void 0 : E.lines.find((pe) => pe.paragraphIndex === (b == null ? void 0 : b.paragraphIndex) && pe.paragraphStart)) != null ? de : E == null ? void 0 : E.lines[0], F = (De = E == null ? void 0 : E.parent) == null ? void 0 : De.parent;
-    if (b == null || E == null || $ == null || F == null)
+    const b = (Se = L.parent) == null ? void 0 : Se.parent, A = b == null ? void 0 : b.parent, $ = (de = A == null ? void 0 : A.lines.find((pe) => pe.paragraphIndex === (b == null ? void 0 : b.paragraphIndex) && pe.paragraphStart)) != null ? de : A == null ? void 0 : A.lines[0], F = (De = A == null ? void 0 : A.parent) == null ? void 0 : De.parent;
+    if (b == null || A == null || $ == null || F == null)
       return;
     this._liquid.reset();
-    const Y = F.type;
+    const Z = F.type;
     for (const pe of s) {
-      const { headerId: mn, footerId: un, pageHeight: It, pageWidth: Cn, marginLeft: Dn, marginBottom: _t } = pe, St = s.indexOf(pe);
+      const { headerId: mn, footerId: un, pageHeight: It, pageWidth: Dn, marginLeft: On, marginBottom: _t } = pe, St = s.indexOf(pe);
       if (x > -1 && St === x) {
-        switch (Y) {
-          case Rn.HEADER: {
-            const Ge = (Oe = a.get(mn)) == null ? void 0 : Oe.get(Cn);
+        switch (Z) {
+          case Nn.HEADER: {
+            const Ge = (Oe = a.get(mn)) == null ? void 0 : Oe.get(Dn);
             if (Ge)
               this._liquid.translatePagePadding({
                 marginTop: Ge.marginTop,
-                marginLeft: Dn
+                marginLeft: On
               });
             else
               throw new Error("header skeleton not found");
             break;
           }
-          case Rn.FOOTER: {
-            const Ge = (Ne = d.get(un)) == null ? void 0 : Ne.get(Cn);
+          case Nn.FOOTER: {
+            const Ge = (Ne = d.get(un)) == null ? void 0 : Ne.get(Dn);
             if (Ge)
               this._liquid.translatePagePadding({
                 marginTop: It - _t + Ge.marginTop,
-                marginLeft: Dn
+                marginLeft: On
               });
             else
               throw new Error("footer skeleton not found");
@@ -787,7 +781,7 @@ let on = class extends Xe {
         break;
       this._liquid.restorePagePadding(pe), this._liquid.translatePage(pe, p, h, v);
     }
-    switch (A.relativeFrom === V.LINE ? L = b.divides[0].glyphGroup[0] : L = (ge = (le = (Te = (Ae = $.divides) == null ? void 0 : Ae[0]) == null ? void 0 : Te.glyphGroup) == null ? void 0 : le[0]) != null ? ge : L, _.positionH = {
+    switch (E.relativeFrom === V.LINE ? L = b.divides[0].glyphGroup[0] : L = (ge = (le = (Te = (Ee = $.divides) == null ? void 0 : Ee[0]) == null ? void 0 : Te.glyphGroup) == null ? void 0 : le[0]) != null ? ge : L, _.positionH = {
       relativeFrom: U.relativeFrom,
       posOffset: O - this._liquid.x - w
     }, U.relativeFrom) {
@@ -796,14 +790,14 @@ let on = class extends Xe {
         break;
       }
       case ne.COLUMN: {
-        _.positionH.posOffset = O - this._liquid.x - w - E.left;
+        _.positionH.posOffset = O - this._liquid.x - w - A.left;
         break;
       }
     }
     switch (_.positionV = {
-      relativeFrom: A.relativeFrom,
+      relativeFrom: E.relativeFrom,
       posOffset: D - this._liquid.y - S
-    }, A.relativeFrom) {
+    }, E.relativeFrom) {
       case V.PAGE: {
         _.positionV.posOffset = D - this._liquid.y - S - F.marginTop;
         break;
@@ -820,12 +814,12 @@ let on = class extends Xe {
     if (L == null)
       return;
     const ae = r == null ? void 0 : r.findPositionByGlyph(L, x), Ue = this._getDocObject();
-    if (ae == null || r == null || Ue == null || Fn(ae))
+    if (ae == null || r == null || Ue == null || Hn(ae))
       return;
     const Re = {
       ...ae,
       isBack: G
-    }, We = Ue.document.getOffsetConfig(), ce = new Nn(We, r), { cursorList: te } = ce.getRangePointData(Re, Re), { startOffset: ie } = (Ee = An(te)) != null ? Ee : {};
+    }, We = Ue.document.getOffsetConfig(), ce = new En(We, r), { cursorList: te } = ce.getRangePointData(Re, Re), { startOffset: ie } = (Ae = An(te)) != null ? Ae : {};
     if (ie != null)
       return { offset: ie, docTransform: _, segmentId: W, segmentPage: x };
   }
@@ -854,7 +848,7 @@ let on = class extends Xe {
   // Update inline drawing when use transformer to move it.
   _moveInlineDrawing(e, n, t) {
     const r = this._getInlineDrawingAnchor(e, n, t), { offset: o, segmentId: s, segmentPage: a } = r != null ? r : {};
-    return this._commandService.executeCommand(et.id, {
+    return this._commandService.executeCommand(nt.id, {
       unitId: e.unitId,
       subUnitId: e.unitId,
       drawing: e,
@@ -880,17 +874,17 @@ let on = class extends Xe {
     let O = o;
     this._liquid.reset();
     for (const D of m) {
-      const { marginBottom: T, pageHeight: M } = D, P = m.indexOf(D), A = m[P + 1];
-      if (A == null)
+      const { marginBottom: T, pageHeight: M } = D, y = m.indexOf(D), E = m[y + 1];
+      if (E == null)
         continue;
-      if (Pe.hasIntersectionBetweenTwoRanges(
+      if (ye.hasIntersectionBetweenTwoRanges(
         o,
         o + a,
         this._liquid.y + h + M - T,
-        this._liquid.y + h + M + S + A.marginTop
+        this._liquid.y + h + M + S + E.marginTop
       )) {
         const N = o + a / 2, I = this._liquid.y + h + M + S / 2;
-        N < I ? O = Math.min(o, this._liquid.y + h + M - T - a) : O = Math.max(o, this._liquid.y + h + M + S + A.marginTop);
+        N < I ? O = Math.min(o, this._liquid.y + h + M - T - a) : O = Math.max(o, this._liquid.y + h + M + S + E.marginTop);
       }
       this._liquid.translatePage(D, v, w, S);
     }
@@ -907,7 +901,7 @@ let on = class extends Xe {
     if (t && r.top !== n.top)
       return;
     const o = this._getDrawingAnchor(e, r), { offset: s, docTransform: a, segmentId: d, segmentPage: c } = o != null ? o : {};
-    return s == null || a == null ? this._updateMultipleDrawingDocTransform(/* @__PURE__ */ new Map([[e.drawingId, n]])) : this._commandService.executeCommand(nt.id, {
+    return s == null || a == null ? this._updateMultipleDrawingDocTransform(/* @__PURE__ */ new Map([[e.drawingId, n]])) : this._commandService.executeCommand(tt.id, {
       unitId: e.unitId,
       subUnitId: e.unitId,
       drawing: e,
@@ -927,7 +921,7 @@ let on = class extends Xe {
     return { scene: t, transformer: r };
   }
   _getTransformCoordForDocumentOffset(e, n, t, r) {
-    const { documentTransform: o } = e.getOffsetConfig(), s = n.transformVector2SceneCoord(ei.FromArray([t, r]));
+    const { documentTransform: o } = e.getOffsetConfig(), s = n.transformVector2SceneCoord(Jt.FromArray([t, r]));
     if (s)
       return o.clone().invert().applyPoint(s);
   }
@@ -943,12 +937,12 @@ let on = class extends Xe {
       this._anchorShape.transformByState({ left: p, top: h, height: g }), this._anchorShape.show();
       return;
     }
-    const v = 6, w = new ni(Ai + Pe.generateRandomId(v), {
+    const v = 6, w = new ei(Ei + ye.generateRandomId(v), {
       left: p,
       top: h,
       height: g,
       strokeWidth: 2,
-      stroke: ti(yt.darkGray, 1),
+      stroke: ni(Pt.darkGray, 1),
       evented: !1
     });
     this._anchorShape = w, o.addObject(w, ui);
@@ -987,7 +981,7 @@ let on = class extends Xe {
 };
 on = Ni([
   Qe(0, z),
-  Qe(1, Q),
+  Qe(1, K),
   Qe(2, Ie),
   Qe(3, ee)
 ], on);
@@ -999,20 +993,20 @@ var he = function() {
     }
     return i;
   }, he.apply(this, arguments);
-}, Ei = function(i, e) {
+}, Ai = function(i, e) {
   var n = {};
   for (var t in i) Object.prototype.hasOwnProperty.call(i, t) && e.indexOf(t) < 0 && (n[t] = i[t]);
   if (i != null && typeof Object.getOwnPropertySymbols == "function")
     for (var r = 0, t = Object.getOwnPropertySymbols(i); r < t.length; r++)
       e.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, t[r]) && (n[t[r]] = i[t[r]]);
   return n;
-}, tt = Xn(function(i, e) {
-  var n = i.icon, t = i.id, r = i.className, o = i.extend, s = Ei(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Di("_".concat(Bi()));
-  return it(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, he({ ref: e, className: a }, s), o);
+}, it = Kn(function(i, e) {
+  var n = i.icon, t = i.id, r = i.className, o = i.extend, s = Ai(i, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(t, " ").concat(r || "").trim(), d = Di("_".concat(Bi()));
+  return rt(n, "".concat(t), { defIds: n.defIds, idSuffix: d.current }, he({ ref: e, className: a }, s), o);
 });
-function it(i, e, n, t, r) {
-  return Kn(i.tag, he(he({ key: e }, xi(i, n, r)), t), (Li(i, n).children || []).map(function(o, s) {
-    return it(o, "".concat(e, "-").concat(i.tag, "-").concat(s), n, void 0, r);
+function rt(i, e, n, t, r) {
+  return Yn(i.tag, he(he({ key: e }, xi(i, n, r)), t), (Li(i, n).children || []).map(function(o, s) {
+    return rt(o, "".concat(e, "-").concat(i.tag, "-").concat(s), n, void 0, r);
   }));
 }
 function xi(i, e, n) {
@@ -1036,25 +1030,25 @@ function Li(i, e) {
 function Bi() {
   return Math.random().toString(36).substring(2, 8);
 }
-tt.displayName = "UniverIcon";
-var Ui = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, rt = Xn(function(i, e) {
-  return Kn(tt, Object.assign({}, i, {
+it.displayName = "UniverIcon";
+var Ui = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, ot = Kn(function(i, e) {
+  return Yn(it, Object.assign({}, i, {
     id: "add-image-single",
     ref: e,
     icon: Ui
   }));
 });
-rt.displayName = "AddImageSingle";
-const Sn = {
+ot.displayName = "AddImageSingle";
+const Cn = {
   id: "doc.command.remove-doc-image",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: (i, e) => {
-    var M, P, A, U;
-    const n = i.get(z), t = i.get(Q), r = i.get(ee), o = t.getCurrentUniverDocInstance();
+    var M, y, E, U;
+    const n = i.get(z), t = i.get(K), r = i.get(ee), o = t.getCurrentUniverDocInstance();
     if (e == null || o == null)
       return !1;
-    const s = r.getRenderById(e.unitId).with(Me), { drawings: a } = e, d = (M = s.getSegment()) != null ? M : "", c = new vn(), l = q.getInstance(), m = (A = (P = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : P.customBlocks) != null ? A : [], g = a.map((N) => m.find((I) => I.blockId === N.drawingId)).filter((N) => !!N).sort((N, I) => N.startIndex > I.startIndex ? 1 : -1), p = a[0].unitId, h = new Pt();
+    const s = r.getRenderById(e.unitId).with(Me), { drawings: a } = e, d = (M = s.getSegment()) != null ? M : "", c = new vn(), l = q.getInstance(), m = (E = (y = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : y.customBlocks) != null ? E : [], g = a.map((N) => m.find((I) => I.blockId === N.drawingId)).filter((N) => !!N).sort((N, I) => N.startIndex > I.startIndex ? 1 : -1), p = a[0].unitId, h = new yt();
     h.reset();
     const v = g[0].startIndex, w = [
       {
@@ -1072,10 +1066,10 @@ const Sn = {
     for (const N of g) {
       const { startIndex: I } = N;
       I > h.cursor && c.push({
-        t: Z.RETAIN,
+        t: Q.RETAIN,
         len: I - h.cursor
       }), c.push({
-        t: Z.DELETE,
+        t: Q.DELETE,
         len: 1
       }), h.moveCursorTo(I + 1);
     }
@@ -1087,9 +1081,9 @@ const Sn = {
     }
     return S.params.actions = O.reduce((N, I) => q.compose(N, I), null), !!n.syncExecuteCommand(S.id, S.params);
   }
-}, ot = {
+}, st = {
   id: "doc.command.delete-drawing",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: (i) => {
     const e = i.get(z), t = i.get(Be).getFocusDrawings();
     if (t.length === 0)
@@ -1103,16 +1097,16 @@ const Sn = {
         drawingType: l
       };
     });
-    return e.executeCommand(Sn.id, {
+    return e.executeCommand(Cn.id, {
       unitId: r,
       drawings: o
     });
   }
-}, st = {
+}, at = {
   id: "doc.command.group-doc-image",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
-    i.get(z), i.get(Gn);
+    i.get(z), i.get(Vn);
     const n = i.get(Be);
     if (!e) return !1;
     const t = [];
@@ -1124,25 +1118,25 @@ const Sn = {
     const r = n.getGroupDrawingOp(e), { unitId: o, subUnitId: s, undo: a, redo: d, objects: c } = r;
     return !1;
   }
-}, at = {
+}, ct = {
   id: "doc.command.insert-doc-image",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: (i, e) => {
-    var P, A, U, N;
+    var y, E, U, N;
     if (e == null)
       return !1;
-    const n = i.get(z), t = i.get(In), r = i.get(Q), o = t.getActiveTextRange(), s = r.getCurrentUniverDocInstance();
+    const n = i.get(z), t = i.get(_n), r = i.get(K), o = t.getActiveTextRange(), s = r.getCurrentUniverDocInstance();
     if (o == null || s == null)
       return !1;
     const a = s.getUnitId(), { drawings: d } = e, { collapsed: c, startOffset: l, segmentId: m } = o, g = s.getSelfOrHeaderFooterModel(m).getBody();
     if (g == null)
       return !1;
-    const p = new vn(), h = q.getInstance(), v = [], w = (A = (P = s.getSnapshot().drawingsOrder) == null ? void 0 : P.length) != null ? A : 0;
+    const p = new vn(), h = q.getInstance(), v = [], w = (E = (y = s.getSnapshot().drawingsOrder) == null ? void 0 : y.length) != null ? E : 0;
     let S = 0;
     if (c)
       l > 0 && p.push({
-        t: Z.RETAIN,
+        t: Q.RETAIN,
         len: l
       });
     else {
@@ -1154,12 +1148,12 @@ const Sn = {
           const C = W[_], R = x.indexOf(_);
           if (C == null || R < 0)
             continue;
-          const y = h.removeOp(["drawings", _], C), B = h.removeOp(["drawingsOrder", R], _);
-          v.push(y), v.push(B), S++;
+          const P = h.removeOp(["drawings", _], C), B = h.removeOp(["drawingsOrder", R], _);
+          v.push(P), v.push(B), S++;
         }
     }
     p.push({
-      t: Z.INSERT,
+      t: Q.INSERT,
       body: {
         dataStream: "\b".repeat(d.length),
         customBlocks: d.map((I, L) => ({
@@ -1185,9 +1179,9 @@ const Sn = {
     };
     return T.params.actions = v.reduce((I, L) => q.compose(I, L), null), !!n.syncExecuteCommand(T.id, T.params);
   }
-}, ct = {
+}, dt = {
   id: "doc.command.set-drawing-arrange",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
     const n = i.get(z), t = i.get(Be);
     if (e == null)
@@ -1200,7 +1194,7 @@ const Sn = {
     if (l == null)
       return !1;
     const m = [];
-    let g = Pe.deepClone(l);
+    let g = ye.deepClone(l);
     g = g.slice(3), g.unshift("drawingsOrder"), m.push(g);
     const p = {
       id: J.id,
@@ -1212,11 +1206,11 @@ const Sn = {
     };
     return p.params.actions = m.reduce((v, w) => q.compose(v, w), null), !!n.syncExecuteCommand(p.id, p.params);
   }
-}, dt = {
+}, lt = {
   id: "doc.command.ungroup-doc-image",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
-    i.get(z), i.get(Gn);
+    i.get(z), i.get(Vn);
     const n = i.get(Be);
     if (!e) return !1;
     const t = [];
@@ -1241,10 +1235,10 @@ let sn = class extends Xe {
   async insertDocImage() {
     const i = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: Vt.map((n) => `.${n.replace("image/", "")}`).join(",")
+      accept: Gt.map((n) => `.${n.replace("image/", "")}`).join(",")
     }), e = i.length;
     return e > yn ? (this._messageService.show({
-      type: Ln.Error,
+      type: Bn.Error,
       content: this._localeService.t("update-status.exceedMaxCount", String(yn))
     }), !1) : e === 0 ? !1 : (await this._insertFloatImages(i), !0);
   }
@@ -1258,7 +1252,7 @@ let sn = class extends Xe {
       let s = "";
       switch (o) {
         case hn.ERROR_EXCEED_SIZE:
-          s = this._localeService.t("update-status.exceedMaxSize", String(jt / (1024 * 1024)));
+          s = this._localeService.t("update-status.exceedMaxSize", String(Vt / (1024 * 1024)));
           break;
         case hn.ERROR_IMAGE_TYPE:
           s = this._localeService.t("update-status.invalidImageType");
@@ -1268,7 +1262,7 @@ let sn = class extends Xe {
           break;
       }
       this._messageService.show({
-        type: Ln.Error,
+        type: Bn.Error,
         content: s
       });
     }
@@ -1278,11 +1272,11 @@ let sn = class extends Xe {
     for (const r of e) {
       if (r == null)
         continue;
-      const { imageId: o, imageSourceType: s, source: a, base64Cache: d } = r, { width: c, height: l, image: m } = await $t(d || "");
+      const { imageId: o, imageSourceType: s, source: a, base64Cache: d } = r, { width: c, height: l, image: m } = await jt(d || "");
       this._imageIoService.addImageSourceCache(o, s, m);
       let g = 1;
-      if (c > Pn || l > bn) {
-        const w = Pn / c, S = bn / l;
+      if (c > bn || l > Mn) {
+        const w = bn / c, S = Mn / l;
         g = Math.min(w, S);
       }
       const p = this._getImagePosition(c * g, l * g);
@@ -1310,7 +1304,7 @@ let sn = class extends Xe {
       };
       this._isInsertInHeaderFooter() && (h.isMultiTransform = oe.TRUE, h.transforms = h.transform ? [h.transform] : null), t.push(h);
     }
-    this._commandService.executeCommand(at.id, {
+    this._commandService.executeCommand(ct.id, {
       unitId: n,
       drawings: t
     });
@@ -1343,7 +1337,7 @@ let sn = class extends Xe {
   _updateOrderListener() {
     this._drawingManagerService.featurePluginOrderUpdate$.subscribe((i) => {
       const { unitId: e, subUnitId: n, drawingIds: t, arrangeType: r } = i;
-      this._commandService.executeCommand(ct.id, {
+      this._commandService.executeCommand(dt.id, {
         unitId: e,
         subUnitId: n,
         drawingIds: t,
@@ -1353,9 +1347,9 @@ let sn = class extends Xe {
   }
   _groupDrawingListener() {
     this._drawingManagerService.featurePluginGroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(st.id, i);
+      this._commandService.executeCommand(at.id, i);
     }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(dt.id, i);
+      this._commandService.executeCommand(lt.id, i);
     });
   }
   _getCurrentSceneAndTransformer() {
@@ -1368,7 +1362,7 @@ let sn = class extends Xe {
   _transformDrawingListener() {
     const i = this._getCurrentSceneAndTransformer();
     if (i && i.transformer)
-      this.disposeWithMe(i.transformer.changeEnd$.pipe(qn(30)).subscribe((e) => {
+      this.disposeWithMe(i.transformer.changeEnd$.pipe(Xn(30)).subscribe((e) => {
         this._docSelectionManagerService.refreshSelection();
       }));
     else
@@ -1416,7 +1410,7 @@ let sn = class extends Xe {
       return;
     const r = i.getSnapshot(), { drawings: o = {} } = r, s = t.getEditArea() === Fe.BODY;
     for (const d of Object.keys(o)) {
-      const c = o[d], l = zt({ unitId: n, drawingId: c.drawingId, subUnitId: n }), m = e.fuzzyMathObjects(l, !0);
+      const c = o[d], l = $t({ unitId: n, drawingId: c.drawingId, subUnitId: n }), m = e.fuzzyMathObjects(l, !0);
       if (m.length)
         for (const g of m)
           e.detachTransformerFrom(g), g.setOpacity(0.5), (s && c.isMultiTransform !== oe.TRUE || !s && c.isMultiTransform === oe.TRUE) && (e.attachTransformerTo(g), g.setOpacity(1));
@@ -1452,42 +1446,43 @@ let sn = class extends Xe {
 };
 sn = Fi([
   me(1, z),
-  me(2, ve(In)),
+  me(2, ve(_n)),
   me(3, ee),
-  me(4, Gt),
+  me(4, Wt),
   me(5, Be),
   me(6, Ie),
-  me(7, Vn),
+  me(7, jn),
   me(8, ri),
   me(9, ve(ln)),
   me(10, ve(Me)),
   me(11, ve(gn)),
   me(12, oi)
 ], sn);
-const lt = {
+const gt = {
   id: "doc.command.insert-float-image",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: (i) => {
-    var n, t;
-    return (t = (n = i.get(ee).getCurrentTypeOfRenderer(be.UNIVER_DOC)) == null ? void 0 : n.with(sn).insertDocImage()) != null ? t : !1;
+    var t, r;
+    const e = i.get(K), n = i.get(ee);
+    return (r = (t = ti(be.UNIVER_DOC, e, n)) == null ? void 0 : t.with(sn).insertDocImage()) != null ? r : !1;
   }
 }, Ke = {
   id: "doc.command.move-drawing",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: (i, e) => {
-    const n = i.get(z), t = i.get(Be), r = i.get(Q), o = i.get(ee), { direction: s } = e, a = t.getFocusDrawings();
+    const n = i.get(z), t = i.get(Be), r = i.get(K), o = i.get(ee), { direction: s } = e, a = t.getFocusDrawings();
     if (a.length === 0)
       return !1;
     const d = a[0].unitId, c = o.getRenderById(d), l = c == null ? void 0 : c.scene;
     if (l == null)
       return !1;
     const m = l.getTransformerByCreate(), g = r.getUniverDocInstance(d), p = a.map((v) => {
-      var P, A, U, N, I;
-      const { drawingId: w } = v, S = (P = g == null ? void 0 : g.getSnapshot().drawings) == null ? void 0 : P[w];
+      var y, E, U, N, I;
+      const { drawingId: w } = v, S = (y = g == null ? void 0 : g.getSnapshot().drawings) == null ? void 0 : y[w];
       if (S == null || S.layoutType === H.INLINE)
         return null;
       const { positionH: O, positionV: D } = S.docTransform, T = { ...O }, M = { ...D };
-      return s === fe.UP ? M.posOffset = ((A = M.posOffset) != null ? A : 0) - 2 : s === fe.DOWN ? M.posOffset = ((U = M.posOffset) != null ? U : 0) + 2 : s === fe.LEFT ? T.posOffset = ((N = T.posOffset) != null ? N : 0) - 2 : s === fe.RIGHT && (T.posOffset = ((I = T.posOffset) != null ? I : 0) + 2), {
+      return s === fe.UP ? M.posOffset = ((E = M.posOffset) != null ? E : 0) - 2 : s === fe.DOWN ? M.posOffset = ((U = M.posOffset) != null ? U : 0) + 2 : s === fe.LEFT ? T.posOffset = ((N = T.posOffset) != null ? N : 0) - 2 : s === fe.RIGHT && (T.posOffset = ((I = T.posOffset) != null ? I : 0) + 2), {
         drawingId: w,
         key: s === fe.UP || s === fe.DOWN ? "positionV" : "positionH",
         value: s === fe.UP || s === fe.DOWN ? M : T
@@ -1504,7 +1499,7 @@ const lt = {
   }
 }, Hi = {
   id: "doc.operation.clear-drawing-transformer",
-  type: K.MUTATION,
+  type: Y.MUTATION,
   handler: (i, e) => {
     const n = i.get(ee);
     return e.forEach((t) => {
@@ -1512,16 +1507,16 @@ const lt = {
       (o = (r = n.getRenderById(t)) == null ? void 0 : r.scene.getTransformer()) == null || o.debounceRefreshControls();
     }), !0;
   }
-}, gt = "COMPONENT_DOC_DRAWING_PANEL", mt = {
+}, mt = "COMPONENT_DOC_DRAWING_PANEL", ut = {
   id: "sidebar.operation.doc-image",
-  type: K.COMMAND,
+  type: Y.COMMAND,
   handler: async (i, e) => {
     const n = i.get(si), t = i.get(ln), r = i.get(Ie);
     switch (e.value) {
       case "open":
         n.open({
           header: { title: t.t("docImage.panel.title") },
-          children: { label: gt },
+          children: { label: mt },
           onClose: () => {
             r.focusDrawing(null);
           },
@@ -1535,28 +1530,14 @@ const lt = {
     }
     return !0;
   }
-}, ut = {
+}, ft = {
   id: "doc.operation.edit-doc-image",
-  type: K.OPERATION,
+  type: Y.OPERATION,
   handler: (i, e) => {
     const n = i.get(Ie), t = i.get(z);
-    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(mt.id, { value: "open" }), !0);
+    return e == null ? !1 : (n.focusDrawing([e]), t.executeCommand(ut.id, { value: "open" }), !0);
   }
-};
-function ft(i) {
-  var e, n, t = "";
-  if (typeof i == "string" || typeof i == "number") t += i;
-  else if (typeof i == "object") if (Array.isArray(i)) {
-    var r = i.length;
-    for (e = 0; e < r; e++) i[e] && (n = ft(i[e])) && (t && (t += " "), t += n);
-  } else for (n in i) i[n] && (t && (t += " "), t += n);
-  return t;
-}
-function j() {
-  for (var i, e, n = 0, t = "", r = arguments.length; n < r; n++) (i = arguments[n]) && (e = ft(i)) && (t && (t += " "), t += e);
-  return t;
-}
-const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", Vi = "univer-image-common-panel-border", ji = "univer-image-common-panel-title", $i = "univer-image-common-panel-subtitle", zi = "univer-image-common-panel-row", qi = "univer-image-common-panel-column", Xi = "univer-image-common-panel-span2", Ki = "univer-image-common-panel-input", u = {
+}, Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", Vi = "univer-image-common-panel-border", ji = "univer-image-common-panel-title", $i = "univer-image-common-panel-subtitle", zi = "univer-image-common-panel-row", qi = "univer-image-common-panel-column", Xi = "univer-image-common-panel-span2", Ki = "univer-image-common-panel-input", u = {
   imageCommonPanel: Wi,
   imageCommonPanelGrid: Gi,
   imageCommonPanelBorder: Vi,
@@ -1566,8 +1547,8 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
   imageCommonPanelColumn: qi,
   imageCommonPanelSpan2: Xi,
   imageCommonPanelInput: Ki
-}, Hn = -1e3, Wn = 1e3, Yi = (i) => {
-  const e = we(z), n = we(ln), t = we(Ie), r = we(ee), o = we(Q), { drawings: s } = i, a = s[0];
+}, Wn = -1e3, Gn = 1e3, Yi = (i) => {
+  const e = we(z), n = we(ln), t = we(Ie), r = we(ee), o = we(K), { drawings: s } = i, a = s[0];
   if (a == null)
     return;
   const { unitId: d } = a, c = o.getUniverDocInstance(d), l = c == null ? void 0 : c.getSnapshot().documentStyle.documentFlavor, m = r.getRenderById(d), g = m == null ? void 0 : m.scene;
@@ -1603,23 +1584,23 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
   }), [T, M] = re({
     relativeFrom: V.PAGE,
     posOffset: 0
-  }), [P, A] = re(!0), [U, N] = re(!0);
+  }), [y, E] = re(!0), [U, N] = re(!0);
   function I(C, R) {
     var b;
     C === "positionH" ? D(R) : M(R);
-    const y = t.getFocusDrawings();
-    if (y.length === 0)
+    const P = t.getFocusDrawings();
+    if (P.length === 0)
       return;
-    const B = y.map((E) => ({
-      unitId: E.unitId,
-      subUnitId: E.subUnitId,
-      drawingId: E.drawingId
+    const B = P.map((A) => ({
+      unitId: A.unitId,
+      subUnitId: A.subUnitId,
+      drawingId: A.drawingId
     }));
     e.executeCommand(qe.id, {
-      unitId: y[0].unitId,
-      subUnitId: y[0].unitId,
-      drawings: B.map((E) => ({
-        drawingId: E.drawingId,
+      unitId: P[0].unitId,
+      subUnitId: P[0].unitId,
+      drawings: B.map((A) => ({
+        drawingId: A.drawingId,
         key: C,
         value: R
       }))
@@ -1629,20 +1610,20 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
   }
   function L(C) {
     var ie, _e, Se;
-    const R = O.relativeFrom, y = O.posOffset, B = Number(C);
+    const R = O.relativeFrom, P = O.posOffset, B = Number(C);
     if (R === B)
       return;
     const k = t.getFocusDrawings();
     if (k.length === 0)
       return;
-    const b = k[0].drawingId, E = k[0].unitId;
+    const b = k[0].drawingId, A = k[0].unitId;
     let $ = null, F = 0;
-    const Y = (ie = r.getRenderById(E)) == null ? void 0 : ie.with(se).getSkeleton(), ae = Y == null ? void 0 : Y.getSkeletonData();
+    const Z = (ie = r.getRenderById(A)) == null ? void 0 : ie.with(se).getSkeleton(), ae = Z == null ? void 0 : Z.getSkeletonData();
     if (ae == null)
       return;
     const { pages: Ue, skeHeaders: Re, skeFooters: We } = ae;
     for (const de of Ue) {
-      const { marginLeft: De, skeDrawings: Oe, headerId: Ne, footerId: Ae, pageWidth: Te } = de;
+      const { marginLeft: De, skeDrawings: Oe, headerId: Ne, footerId: Ee, pageWidth: Te } = de;
       if (Oe.has(b)) {
         $ = Oe.get(b), F = De;
         break;
@@ -1652,7 +1633,7 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
         $ = le == null ? void 0 : le.skeDrawings.get(b), F = De;
         break;
       }
-      const ge = (Se = We.get(Ae)) == null ? void 0 : Se.get(Te);
+      const ge = (Se = We.get(Ee)) == null ? void 0 : Se.get(Te);
       if (ge != null && ge.skeDrawings.has(b)) {
         $ = ge == null ? void 0 : ge.skeDrawings.get(b), F = De;
         break;
@@ -1664,60 +1645,60 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
     R === ne.COLUMN ? ce -= $.columnLeft : R === ne.MARGIN && (ce -= F), B === ne.COLUMN ? ce += $.columnLeft : B === ne.MARGIN ? ce += F : ne.PAGE;
     const te = {
       relativeFrom: B,
-      posOffset: (y != null ? y : 0) - ce
+      posOffset: (P != null ? P : 0) - ce
     };
     I("positionH", te);
   }
   function W(C) {
-    var Oe, Ne, Ae, Te, le, ge;
-    const R = T.relativeFrom, y = T.posOffset, B = Number(C);
+    var Oe, Ne, Ee, Te, le, ge;
+    const R = T.relativeFrom, P = T.posOffset, B = Number(C);
     if (R === B)
       return;
     const k = t.getFocusDrawings();
     if (k.length === 0)
       return;
-    const { drawingId: b, unitId: E } = k[0], $ = o.getUniverDocInstance(E), F = (Oe = r.getRenderById(E)) == null ? void 0 : Oe.with(se).getSkeleton(), Y = (Ne = r.getRenderById(E)) == null ? void 0 : Ne.with(Me), ae = Y == null ? void 0 : Y.getSegment(), Ue = Y == null ? void 0 : Y.getSegmentPage(), Re = (Te = (Ae = $ == null ? void 0 : $.getSelfOrHeaderFooterModel(ae).getBody()) == null ? void 0 : Ae.customBlocks) == null ? void 0 : Te.find((Ee) => Ee.blockId === b);
-    if (Re == null || F == null || Y == null)
+    const { drawingId: b, unitId: A } = k[0], $ = o.getUniverDocInstance(A), F = (Oe = r.getRenderById(A)) == null ? void 0 : Oe.with(se).getSkeleton(), Z = (Ne = r.getRenderById(A)) == null ? void 0 : Ne.with(Me), ae = Z == null ? void 0 : Z.getSegment(), Ue = Z == null ? void 0 : Z.getSegmentPage(), Re = (Te = (Ee = $ == null ? void 0 : $.getSelfOrHeaderFooterModel(ae).getBody()) == null ? void 0 : Ee.customBlocks) == null ? void 0 : Te.find((Ae) => Ae.blockId === b);
+    if (Re == null || F == null || Z == null)
       return;
-    const { startIndex: We } = Re, ce = F.findNodeByCharIndex(We, ae, Ue), te = (le = ce == null ? void 0 : ce.parent) == null ? void 0 : le.parent, ie = te == null ? void 0 : te.parent, _e = ie == null ? void 0 : ie.lines.find((Ee) => Ee.paragraphIndex === (te == null ? void 0 : te.paragraphIndex) && Ee.paragraphStart), Se = (ge = ie == null ? void 0 : ie.parent) == null ? void 0 : ge.parent;
+    const { startIndex: We } = Re, ce = F.findNodeByCharIndex(We, ae, Ue), te = (le = ce == null ? void 0 : ce.parent) == null ? void 0 : le.parent, ie = te == null ? void 0 : te.parent, _e = ie == null ? void 0 : ie.lines.find((Ae) => Ae.paragraphIndex === (te == null ? void 0 : te.paragraphIndex) && Ae.paragraphStart), Se = (ge = ie == null ? void 0 : ie.parent) == null ? void 0 : ge.parent;
     if (ce == null || te == null || _e == null || ie == null || Se == null)
       return;
     let de = 0;
     R === V.PARAGRAPH ? de -= _e.top : R === V.LINE ? de -= te.top : R === V.PAGE && (de += Se.marginTop), B === V.PARAGRAPH ? de += _e.top : B === V.LINE ? de += te.top : B === V.PAGE && (de -= Se.marginTop);
     const De = {
       relativeFrom: B,
-      posOffset: (y != null ? y : 0) - de
+      posOffset: (P != null ? P : 0) - de
     };
     I("positionV", De);
   }
   function x(C) {
-    var E;
-    const R = c == null ? void 0 : c.getSnapshot(), y = (E = R == null ? void 0 : R.drawings) == null ? void 0 : E[C.drawingId];
-    if (y == null)
+    var A;
+    const R = c == null ? void 0 : c.getSnapshot(), P = (A = R == null ? void 0 : R.drawings) == null ? void 0 : A[C.drawingId];
+    if (P == null)
       return;
-    const { layoutType: B } = y, {
+    const { layoutType: B } = P, {
       positionH: k,
       positionV: b
-    } = y.docTransform;
-    D(k), M(b), S(B === H.INLINE), A(b.relativeFrom === V.PARAGRAPH || b.relativeFrom === V.LINE);
+    } = P.docTransform;
+    D(k), M(b), S(B === H.INLINE), E(b.relativeFrom === V.PARAGRAPH || b.relativeFrom === V.LINE);
   }
   function G() {
     const C = t.getFocusDrawings();
     C.length !== 0 && x(C[0]);
   }
   function _(C) {
-    A(C), W(String(C ? V.PARAGRAPH : V.PAGE));
+    E(C), W(String(C ? V.PARAGRAPH : V.PAGE));
   }
-  return _n(() => {
+  return Sn(() => {
     G();
-    const C = t.focus$.subscribe((y) => {
-      if (y.length === 0) {
+    const C = t.focus$.subscribe((P) => {
+      if (P.length === 0) {
         N(!1);
         return;
       }
-      N(!0), x(y[0]);
-    }), R = e.onCommandExecuted(async (y) => {
-      y.id === J.id && G();
+      N(!0), x(P[0]);
+    }), R = e.onCommandExecuted(async (P) => {
+      P.id === J.id && G();
     });
     return () => {
       C.unsubscribe(), R.dispose();
@@ -1731,8 +1712,8 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
         /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
           ke,
           {
-            min: Hn,
-            max: Wn,
+            min: Wn,
+            max: Gn,
             precision: 1,
             disabled: w,
             value: O.posOffset,
@@ -1749,7 +1730,7 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
       /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
         /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: n.t("image-position.toTheRightOf") }) }),
         /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
-          Bn,
+          Un,
           {
             value: String(O.relativeFrom),
             disabled: w,
@@ -1766,8 +1747,8 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
         /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
           ke,
           {
-            min: Hn,
-            max: Wn,
+            min: Wn,
+            max: Gn,
             precision: 1,
             disabled: w,
             value: T.posOffset,
@@ -1784,7 +1765,7 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
       /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSpan2), children: /* @__PURE__ */ X("label", { children: [
         /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: n.t("image-position.bellow") }) }),
         /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(
-          Bn,
+          Un,
           {
             disabled: w,
             value: String(T.relativeFrom),
@@ -1795,16 +1776,16 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
       ] }) })
     ] }),
     /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-position.options") }) }) }),
-    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, style: { marginBottom: "50px" }, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(Ci, { disabled: w, checked: P, onChange: _, children: n.t("image-position.moveObjectWithText") }) }) })
+    /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, style: { marginBottom: "50px" }, children: /* @__PURE__ */ f("div", { className: u.imageCommonPanelColumn, children: /* @__PURE__ */ f(Ci, { disabled: w, checked: y, onChange: _, children: n.t("image-position.moveObjectWithText") }) }) })
   ] });
 }, Je = 0, en = 100, Zi = (i) => {
-  const e = we(z), n = we(ln), t = we(Ie), r = we(ee), o = we(Q), { drawings: s } = i, a = s[0];
+  const e = we(z), n = we(ln), t = we(Ie), r = we(ee), o = we(K), { drawings: s } = i, a = s[0];
   if (a == null)
     return null;
   const { unitId: d } = a, c = o.getUniverDocInstance(d), l = r.getRenderById(d);
   if ((l == null ? void 0 : l.scene) == null)
     return null;
-  const [g, p] = re(!0), [h, v] = re(!0), [w, S] = re(!0), [O, D] = re(ue.INLINE), [T, M] = re(""), [P, A] = re({
+  const [g, p] = re(!0), [h, v] = re(!0), [w, S] = re(!0), [O, D] = re(ue.INLINE), [T, M] = re(""), [y, E] = re({
     distT: 0,
     distL: 0,
     distB: 0,
@@ -1815,14 +1796,14 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
     const C = t.getFocusDrawings();
     if (C.length === 0)
       return;
-    const { unitId: R, subUnitId: y } = C[0], B = C.map(({ unitId: k, subUnitId: b, drawingId: E }) => ({
+    const { unitId: R, subUnitId: P } = C[0], B = C.map(({ unitId: k, subUnitId: b, drawingId: A }) => ({
       unitId: k,
       subUnitId: b,
-      drawingId: E
+      drawingId: A
     }));
-    e.executeCommand(Zn.id, {
+    e.executeCommand(Qn.id, {
       unitId: R,
-      subUnitId: y,
+      subUnitId: P,
       drawings: B,
       wrappingStyle: _
     });
@@ -1832,12 +1813,12 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
     const C = t.getFocusDrawings();
     if (C.length === 0)
       return;
-    const R = C.map((y) => ({
-      unitId: y.unitId,
-      subUnitId: y.subUnitId,
-      drawingId: y.drawingId
+    const R = C.map((P) => ({
+      unitId: P.unitId,
+      subUnitId: P.subUnitId,
+      drawingId: P.drawingId
     }));
-    e.executeCommand(Jn.id, {
+    e.executeCommand(et.id, {
       unitId: C[0].unitId,
       subUnitId: C[0].unitId,
       drawings: R,
@@ -1847,19 +1828,19 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
   function W(_, C) {
     if (_ == null)
       return;
-    const R = { ...P, [C]: _ };
-    A(R);
-    const y = t.getFocusDrawings();
-    if (y.length === 0)
+    const R = { ...y, [C]: _ };
+    E(R);
+    const P = t.getFocusDrawings();
+    if (P.length === 0)
       return;
-    const B = y.map((k) => ({
+    const B = P.map((k) => ({
       unitId: k.unitId,
       subUnitId: k.subUnitId,
       drawingId: k.drawingId
     }));
-    e.executeCommand(Qn.id, {
-      unitId: y[0].unitId,
-      subUnitId: y[0].unitId,
+    e.executeCommand(Jn.id, {
+      unitId: P[0].unitId,
+      subUnitId: P[0].unitId,
       drawings: B,
       dist: {
         [C]: _
@@ -1871,26 +1852,26 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
     _.length !== 0 && G(_[0]);
   }
   function G(_) {
-    var Y, ae;
-    const C = (ae = (Y = c == null ? void 0 : c.getSnapshot()) == null ? void 0 : Y.drawings) == null ? void 0 : ae[_.drawingId];
+    var Z, ae;
+    const C = (ae = (Z = c == null ? void 0 : c.getSnapshot()) == null ? void 0 : Z.drawings) == null ? void 0 : ae[_.drawingId];
     if (C == null)
       return;
     const {
       distT: R = 0,
-      distL: y = 0,
+      distL: P = 0,
       distB: B = 0,
       distR: k = 0,
       layoutType: b = H.INLINE,
-      behindDoc: E = oe.FALSE,
+      behindDoc: A = oe.FALSE,
       wrapText: $ = $e.BOTH_SIDES
     } = C;
-    if (A({
+    if (E({
       distT: R,
-      distL: y,
+      distL: P,
       distB: B,
       distR: k
     }), M($), p(b !== H.WRAP_SQUARE), b === H.WRAP_NONE || b === H.INLINE ? v(!0) : v(!1), b === H.WRAP_NONE || b === H.INLINE || b === H.WRAP_TOP_AND_BOTTOM ? S(!0) : S(!1), b === H.WRAP_NONE)
-      E === oe.TRUE ? D(ue.BEHIND_TEXT) : D(ue.IN_FRONT_OF_TEXT);
+      A === oe.TRUE ? D(ue.BEHIND_TEXT) : D(ue.IN_FRONT_OF_TEXT);
     else
       switch (b) {
         case H.INLINE:
@@ -1906,7 +1887,7 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
           throw new Error(`Unsupported layout type: ${b}`);
       }
   }
-  return _n(() => {
+  return Sn(() => {
     x();
     const _ = t.focus$.subscribe((R) => {
       if (R.length === 0) {
@@ -1923,18 +1904,18 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
   }, []), /* @__PURE__ */ X("div", { className: j(u.imageCommonPanelGrid, u.imageCommonPanelBorder), style: { display: U ? "block" : "none" }, children: [
     /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelTitle), children: /* @__PURE__ */ f("div", { children: n.t("image-text-wrap.title") }) }) }),
     /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-text-wrap.wrappingStyle") }) }) }),
-    /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelRow), children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn), children: /* @__PURE__ */ X(Un, { value: O, onChange: I, direction: "vertical", children: [
-      /* @__PURE__ */ f(ye, { value: ue.INLINE, children: n.t("image-text-wrap.inline") }),
-      /* @__PURE__ */ f(ye, { value: ue.WRAP_SQUARE, children: n.t("image-text-wrap.square") }),
-      /* @__PURE__ */ f(ye, { value: ue.WRAP_TOP_AND_BOTTOM, children: n.t("image-text-wrap.topAndBottom") }),
-      /* @__PURE__ */ f(ye, { value: ue.BEHIND_TEXT, children: n.t("image-text-wrap.behindText") }),
-      /* @__PURE__ */ f(ye, { value: ue.IN_FRONT_OF_TEXT, children: n.t("image-text-wrap.inFrontText") })
+    /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelRow), children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn), children: /* @__PURE__ */ X(kn, { value: O, onChange: I, direction: "vertical", children: [
+      /* @__PURE__ */ f(Pe, { value: ue.INLINE, children: n.t("image-text-wrap.inline") }),
+      /* @__PURE__ */ f(Pe, { value: ue.WRAP_SQUARE, children: n.t("image-text-wrap.square") }),
+      /* @__PURE__ */ f(Pe, { value: ue.WRAP_TOP_AND_BOTTOM, children: n.t("image-text-wrap.topAndBottom") }),
+      /* @__PURE__ */ f(Pe, { value: ue.BEHIND_TEXT, children: n.t("image-text-wrap.behindText") }),
+      /* @__PURE__ */ f(Pe, { value: ue.IN_FRONT_OF_TEXT, children: n.t("image-text-wrap.inFrontText") })
     ] }) }) }),
     /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-text-wrap.wrapText") }) }) }),
-    /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelRow), children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn), children: /* @__PURE__ */ X(Un, { disabled: g, value: T, onChange: L, direction: "horizontal", children: [
-      /* @__PURE__ */ f(ye, { value: $e.BOTH_SIDES, children: n.t("image-text-wrap.bothSide") }),
-      /* @__PURE__ */ f(ye, { value: $e.LEFT, children: n.t("image-text-wrap.leftOnly") }),
-      /* @__PURE__ */ f(ye, { value: $e.RIGHT, children: n.t("image-text-wrap.rightOnly") })
+    /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelRow), children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn), children: /* @__PURE__ */ X(kn, { disabled: g, value: T, onChange: L, direction: "horizontal", children: [
+      /* @__PURE__ */ f(Pe, { value: $e.BOTH_SIDES, children: n.t("image-text-wrap.bothSide") }),
+      /* @__PURE__ */ f(Pe, { value: $e.LEFT, children: n.t("image-text-wrap.leftOnly") }),
+      /* @__PURE__ */ f(Pe, { value: $e.RIGHT, children: n.t("image-text-wrap.rightOnly") })
     ] }) }) }),
     /* @__PURE__ */ f("div", { className: u.imageCommonPanelRow, children: /* @__PURE__ */ f("div", { className: j(u.imageCommonPanelColumn, u.imageCommonPanelSubtitle), children: /* @__PURE__ */ f("div", { children: n.t("image-text-wrap.distanceFromText") }) }) }),
     /* @__PURE__ */ X("div", { className: u.imageCommonPanelRow, children: [
@@ -1947,7 +1928,7 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
             max: en,
             disabled: h,
             precision: 1,
-            value: P.distT,
+            value: y.distT,
             onChange: (_) => {
               W(_, "distT");
             },
@@ -1964,7 +1945,7 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
             max: en,
             disabled: w,
             precision: 1,
-            value: P.distL,
+            value: y.distL,
             onChange: (_) => {
               W(_, "distL");
             },
@@ -1983,7 +1964,7 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
             max: en,
             disabled: h,
             precision: 1,
-            value: P.distB,
+            value: y.distB,
             onChange: (_) => {
               W(_, "distB");
             },
@@ -2000,7 +1981,7 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
             max: en,
             disabled: w,
             precision: 1,
-            value: P.distR,
+            value: y.distR,
             onChange: (_) => {
               W(_, "distR");
             },
@@ -2012,7 +1993,7 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
   ] });
 }, Qi = () => {
   const i = we(Ie), e = i.getFocusDrawings(), [n, t] = re(e);
-  return _n(() => {
+  return Sn(() => {
     const r = i.focus$.subscribe((o) => {
       t(o);
     });
@@ -2020,12 +2001,12 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
       r.unsubscribe();
     };
   }, []), !!(n != null && n.length) && /* @__PURE__ */ X("div", { className: u.imageCommonPanel, children: [
-    /* @__PURE__ */ f(Xt, { drawings: n, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
+    /* @__PURE__ */ f(qt, { drawings: n, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
     /* @__PURE__ */ f(Zi, { drawings: n }),
     /* @__PURE__ */ f(Yi, { drawings: n })
   ] });
-}, ht = "addition-and-subtraction-single", pt = "doc.menu.image", wt = lt.id, Ji = (i) => {
-  const e = i.get(In), n = i.get(Q);
+}, ht = "addition-and-subtraction-single", pt = "doc.menu.image", wt = gt.id, Ji = (i) => {
+  const e = i.get(_n), n = i.get(K);
   return new Si((t) => {
     const r = e.textSelection$.subscribe(() => {
       var s;
@@ -2051,19 +2032,19 @@ const Wi = "univer-image-common-panel", Gi = "univer-image-common-panel-grid", V
 function er(i) {
   return {
     id: pt,
-    type: zn.SUBITEMS,
+    type: qn.SUBITEMS,
     icon: ht,
     tooltip: "docImage.title",
     disabled$: Ji(i),
-    hidden$: $n(i, be.UNIVER_DOC)
+    hidden$: zn(i, be.UNIVER_DOC, void 0, In)
   };
 }
 function nr(i) {
   return {
     id: wt,
     title: "docImage.upload.float",
-    type: zn.BUTTON,
-    hidden$: $n(i, be.UNIVER_DOC)
+    type: qn.BUTTON,
+    hidden$: zn(i, be.UNIVER_DOC, void 0, In)
   };
 }
 const tr = {
@@ -2122,7 +2103,7 @@ const ir = {
     direction: fe.RIGHT
   }
 }, ar = {
-  id: ot.id,
+  id: st.id,
   description: "shortcut.doc.drawing-delete",
   group: "4_doc-drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
@@ -2141,30 +2122,30 @@ let an = class extends Xe {
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(ht, rt)), this.disposeWithMe(i.register(gt, Qi));
+    this.disposeWithMe(i.register(ht, ot)), this.disposeWithMe(i.register(mt, Qi));
   }
   _initMenus() {
     this._menuManagerService.mergeMenu(tr);
   }
   _initCommands() {
     [
-      lt,
-      at,
-      Zn,
+      gt,
+      ct,
       Qn,
       Jn,
-      qe,
       et,
+      qe,
       nt,
-      Sn,
-      mt,
-      Hi,
+      tt,
+      Cn,
       ut,
-      st,
-      dt,
+      Hi,
+      ft,
+      at,
+      lt,
       Ke,
-      ot,
-      ct
+      st,
+      dt
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
@@ -2201,7 +2182,7 @@ let cn = class extends Nt {
     this._drawingManagerService = e, this._canvasPopManagerService = n, this._renderManagerService = t, this._univerInstanceService = r, this._contextService = o, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(be.UNIVER_DOC).pipe(En(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(be.UNIVER_DOC).pipe(En(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(be.UNIVER_DOC).forEach((e) => this._create(e));
+    this._univerInstanceService.getCurrentTypeOfUnit$(be.UNIVER_DOC).pipe(xn(this.dispose$)).subscribe((e) => this._create(e)), this._univerInstanceService.getTypeOfUnitDisposed$(be.UNIVER_DOC).pipe(xn(this.dispose$)).subscribe((e) => this._dispose(e)), this._univerInstanceService.getAllUnitsForType(be.UNIVER_DOC).forEach((e) => this._create(e));
   }
   _dispose(e) {
     const n = e.getUnitId();
@@ -2216,7 +2197,7 @@ let cn = class extends Nt {
   _hasCropObject(e) {
     const n = e.getAllObjects();
     for (const t of n)
-      if (t instanceof Kt)
+      if (t instanceof Xt)
         return !0;
     return !1;
   }
@@ -2247,7 +2228,7 @@ let cn = class extends Nt {
           const { unitId: l, subUnitId: m, drawingId: g } = c, p = this._canvasPopManagerService.attachPopupToObject(
             a,
             {
-              componentKey: Yt,
+              componentKey: Kt,
               direction: "horizontal",
               offset: [2, 0],
               extraProps: {
@@ -2288,21 +2269,21 @@ let cn = class extends Nt {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: ut.id,
+        commandId: ft.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
-        disable: !!At.includes(e)
+        disable: !!Et.includes(e)
       },
       {
         label: "image-popup.delete",
         index: 1,
-        commandId: Sn.id,
+        commandId: Cn.id,
         commandParams: { unitId: e, drawings: [{ unitId: e, subUnitId: n, drawingId: t }] },
         disable: !1
       },
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: Zt.id,
+        commandId: Yt.id,
         commandParams: { unitId: e, subUnitId: n, drawingId: t },
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2310,7 +2291,7 @@ let cn = class extends Nt {
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: Qt.id,
+        commandId: Zt.id,
         commandParams: [{ unitId: e, subUnitId: n, drawingId: t }],
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2322,8 +2303,8 @@ cn = gr([
   je(0, Ie),
   je(1, ve(wi)),
   je(2, ee),
-  je(3, Q),
-  je(4, Vn)
+  je(3, K),
+  je(4, jn)
 ], cn);
 var mr = Object.getOwnPropertyDescriptor, ur = (i, e, n, t) => {
   for (var r = t > 1 ? void 0 : t ? mr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
@@ -2333,7 +2314,7 @@ var mr = Object.getOwnPropertyDescriptor, ur = (i, e, n, t) => {
 let wn = class extends Xe {
   constructor(e, n, t, r, o, s, a, d) {
     super();
-    Ce(this, "_liquid", new jn());
+    Ce(this, "_liquid", new $n());
     this._context = e, this._docSkeletonManagerService = n, this._commandService = t, this._editorService = r, this._drawingManagerService = o, this._docRefreshDrawingsService = s, this._univerInstanceService = a, this._lifecycleService = d, this._initialize(), this._commandExecutedListener();
   }
   _initialize() {
@@ -2357,7 +2338,7 @@ let wn = class extends Xe {
           const a = this._docSkeletonManagerService.getSkeleton();
           if (a == null)
             return;
-          if (this._editorService.isEditor(o) && o !== xt) {
+          if (this._editorService.isEditor(o) && o !== In) {
             s == null || s.makeDirty();
             return;
           }
@@ -2368,9 +2349,9 @@ let wn = class extends Xe {
   }
   _initResize() {
     this.disposeWithMe(
-      Lt(this._context.engine.onTransformChange$).pipe(
-        xn((e) => e.type === ii.resize),
-        qn(16)
+      xt(this._context.engine.onTransformChange$).pipe(
+        Ln((e) => e.type === ii.resize),
+        Xn(16)
       ).subscribe(() => {
         var t;
         const e = this._docSkeletonManagerService.getSkeleton(), { scene: n } = this._context;
@@ -2386,9 +2367,9 @@ let wn = class extends Xe {
     const { left: s, top: a, pageLayoutType: d, pageMarginLeft: c, pageMarginTop: l } = o, { pages: m, skeHeaders: g, skeFooters: p } = n, h = {};
     this._liquid.reset();
     for (let T = 0, M = m.length; T < M; T++) {
-      const P = m[T], { headerId: A, footerId: U, pageWidth: N } = P;
-      if (A) {
-        const I = (O = g.get(A)) == null ? void 0 : O.get(N);
+      const y = m[T], { headerId: E, footerId: U, pageWidth: N } = y;
+      if (E) {
+        const I = (O = g.get(E)) == null ? void 0 : O.get(N);
         I && this._calculateDrawingPosition(
           r,
           I,
@@ -2396,7 +2377,7 @@ let wn = class extends Xe {
           a,
           h,
           I.marginTop,
-          P.marginLeft
+          y.marginLeft
         );
       }
       if (U) {
@@ -2407,11 +2388,11 @@ let wn = class extends Xe {
           s,
           a,
           h,
-          P.pageHeight - P.marginBottom + I.marginTop,
-          P.marginLeft
+          y.pageHeight - y.marginBottom + I.marginTop,
+          y.marginLeft
         );
       }
-      this._calculateDrawingPosition(r, P, s, a, h, P.marginTop, P.marginLeft), this._liquid.translatePage(P, d, c, l);
+      this._calculateDrawingPosition(r, y, s, a, h, y.marginTop, y.marginLeft), this._liquid.translatePage(y, d, c, l);
     }
     const v = Object.values(h), w = v.filter((T) => !T.isMultiTransform), S = v.filter((T) => T.isMultiTransform);
     w.length > 0 && this._drawingManagerService.refreshTransform(w), this._handleMultiDrawingsTransform(S);
@@ -2461,9 +2442,9 @@ let wn = class extends Xe {
       const n = this._docSkeletonManagerService.getSkeleton();
       n != null && (this._refreshDrawing(n), this._drawingManagerService.initializeNotification(this._context.unitId));
     };
-    this._lifecycleService.stage === Tn.Steady ? setTimeout(() => {
+    this._lifecycleService.stage === Pn.Steady ? setTimeout(() => {
       e();
-    }, 1e3) : this._lifecycleService.lifecycle$.pipe(xn((n) => n === Tn.Steady)).subscribe(e);
+    }, 1e3) : this._lifecycleService.lifecycle$.pipe(Ln((n) => n === Pn.Steady)).subscribe(e);
   }
 };
 wn = ur([
@@ -2472,8 +2453,8 @@ wn = ur([
   xe(3, vi),
   xe(4, Ie),
   xe(5, ve(gn)),
-  xe(6, Q),
-  xe(7, ve(Et))
+  xe(6, K),
+  xe(7, ve(At))
 ], wn);
 var fr = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, pr = (i, e, n) => e in i ? fr(i, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[e] = n, wr = (i, e, n, t) => {
   for (var r = t > 1 ? void 0 : t ? hr(e, n) : e, o = i.length - 1, s; o >= 0; o--)
@@ -2481,12 +2462,12 @@ var fr = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, pr = (i, e
   return r;
 }, pn = (i, e) => (n, t) => e(n, t, i), vt = (i, e, n) => pr(i, typeof e != "symbol" ? e + "" : e, n);
 const vr = "DOC_DRAWING_UI_PLUGIN";
-let dn = class extends Ft {
-  constructor(i = kn, e, n, t) {
+let dn = class extends kt {
+  constructor(i = Fn, e, n, t) {
     super(), this._config = i, this._injector = e, this._renderManagerSrv = n, this._configService = t;
-    const { ...r } = Ht(
+    const { ...r } = Ft(
       {},
-      kn,
+      Fn,
       this._config
     );
     this._configService.setConfig(Oi, r);
@@ -2513,23 +2494,23 @@ let dn = class extends Ft {
 vt(dn, "type", be.UNIVER_DOC);
 vt(dn, "pluginName", vr);
 dn = wr([
-  Bt(Jt, qt, Wt, gi),
-  pn(1, ve(Ut)),
+  Lt(Qt, zt, Ht, gi),
+  pn(1, ve(Bt)),
   pn(2, ee),
-  pn(3, kt)
+  pn(3, Ut)
 ], dn);
 export {
   Hi as ClearDocDrawingTransformerOperation,
   pt as DOCS_IMAGE_MENU_ID,
-  ot as DeleteDocDrawingsCommand,
-  ut as EditDocDrawingOperation,
-  st as GroupDocDrawingCommand,
-  at as InsertDocDrawingCommand,
-  lt as InsertDocImageCommand,
+  st as DeleteDocDrawingsCommand,
+  ft as EditDocDrawingOperation,
+  at as GroupDocDrawingCommand,
+  ct as InsertDocDrawingCommand,
+  gt as InsertDocImageCommand,
   Ke as MoveDocDrawingsCommand,
-  Sn as RemoveDocDrawingCommand,
-  ct as SetDocDrawingArrangeCommand,
-  mt as SidebarDocDrawingOperation,
-  dt as UngroupDocDrawingCommand,
+  Cn as RemoveDocDrawingCommand,
+  dt as SetDocDrawingArrangeCommand,
+  ut as SidebarDocDrawingOperation,
+  lt as UngroupDocDrawingCommand,
   dn as UniverDocsDrawingUIPlugin
 };