@univerjs/docs-drawing-ui 0.15.0 → 0.15.1

package/lib/es/index.js

@@ -1,25 +1,25 @@
 var Pn = Object.defineProperty;
 var xn = (r, e, t) => e in r ? Pn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
 var me = (r, e, t) => xn(r, typeof e != "symbol" ? e + "" : e, t);
-import { CommandType as q, ICommandService as j, IUniverInstanceService as z, TextX as _t, JSONX as $, MemoryCursor as Nn, TextXActionType as Y, IUndoRedoService as Kt, BuildTextUtils as Un, ArrangeTypeEnum as Ze, Tools as Ae, Inject as Z, IContextService as Yt, LocaleService as lt, Disposable as xe, WrapTextType as $e, PositionedObjectLayoutType as k, BooleanNumber as se, DrawingTypeEnum as Pe, ObjectRelativeFromV as W, ObjectRelativeFromH as J, FOCUSING_COMMON_DRAWINGS as nt, UniverInstanceType as ve, Direction as he, DisposableCollection as Ln, toDisposable as ze, fromEventSubject as Zt, generateRandomId as Qt, DocumentFlavor as pt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as St, FOCUSING_UNIVER_EDITOR as Bn, UndoCommand as Fn, RedoCommand as kn, Injector as Jt, DOC_DRAWING_PRINTING_COMPONENT_KEY as Wn, throttle as Et, COLORS as Hn, RxDisposable as Gn, LifecycleService as jn, LifecycleStages as Rt, DependentOn as Vn, IConfigService as $n, Plugin as zn, merge as Xn } from "@univerjs/core";
-import { IDocDrawingService as Ne, UniverDocsDrawingPlugin as qn } from "@univerjs/docs-drawing";
+import { CommandType as q, ICommandService as V, IUniverInstanceService as z, TextX as _t, JSONX as $, MemoryCursor as Nn, TextXActionType as Y, IUndoRedoService as Kt, BuildTextUtils as Un, ArrangeTypeEnum as Ze, Tools as Ae, Inject as Z, IContextService as Yt, LocaleService as lt, Disposable as xe, WrapTextType as $e, PositionedObjectLayoutType as k, BooleanNumber as se, DrawingTypeEnum as Pe, ObjectRelativeFromV as W, ObjectRelativeFromH as J, FOCUSING_COMMON_DRAWINGS as nt, UniverInstanceType as ve, Direction as he, DisposableCollection as Ln, toDisposable as ze, fromEventSubject as Zt, generateRandomId as Qt, DocumentFlavor as pt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as St, FOCUSING_DOC as Bn, FOCUSING_UNIVER_EDITOR as Fn, UndoCommand as kn, RedoCommand as Wn, Injector as Jt, DOC_DRAWING_PRINTING_COMPONENT_KEY as Gn, throttle as Et, COLORS as Hn, RxDisposable as Vn, LifecycleService as jn, LifecycleStages as Rt, DependentOn as $n, IConfigService as zn, Plugin as Xn, merge as qn } from "@univerjs/core";
+import { IDocDrawingService as Ne, UniverDocsDrawingPlugin as Kn } from "@univerjs/docs-drawing";
 import { RichTextEditingMutation as ee, DocSelectionManagerService as Dt, DocSkeletonManagerService as te } from "@univerjs/docs";
-import { DocSelectionRenderService as Me, getRichTextEditPath as Xe, getCustomBlockIdsInSelections as Kn, docDrawingPositionToTransform as en, VIEWPORT_KEY as tn, SetDocZoomRatioOperation as nn, DocPrintInterceptorService as Yn, NodePositionConvertToCursor as At, getOneTextSelectionRange as Pt, getAnchorBounding as Zn, TEXT_RANGE_LAYER_INDEX as Qn, getDocObject as Jn, DocCanvasPopManagerService as ei, IEditorService as ti } from "@univerjs/docs-ui";
-import { IRenderManagerService as Q, DocumentEditArea as Fe, getCurrentTypeOfRenderer as ni, CURSOR_TYPE as xt, Liquid as rn, PageLayoutType as Nt, DocumentSkeletonPageType as Ut, Vector2 as ii, Rect as ri, getColor as si, TRANSFORM_CHANGE_OBSERVABLE_TYPE as oi } from "@univerjs/engine-render";
-import { MessageType as Lt, clsx as sn, InputNumber as Be, Select as Bt, Checkbox as ai, RadioGroup as Ft, Radio as Te, render as ci, unmount as di } from "@univerjs/design";
-import { IImageIoService as gi, IDrawingManagerService as fe, DRAWING_IMAGE_ALLOW_IMAGE_LIST as li, DRAWING_IMAGE_COUNT_LIMIT as kt, ImageUploadStatusType as mt, DRAWING_IMAGE_ALLOW_SIZE as ui, getImageSize as hi, getDrawingShapeKeyByDrawingSearch as fi, DRAWING_IMAGE_WIDTH_LIMIT as Wt, DRAWING_IMAGE_HEIGHT_LIMIT as Ht, UniverDrawingPlugin as pi } from "@univerjs/drawing";
-import { IMessageService as mi, ILocalFileService as wi, ISidebarService as vi, CanvasFloatDomService as Ii, useDependency as we, getMenuHiddenObservable as on, MenuItemType as an, RibbonInsertGroup as _i, KeyCode as ke, ComponentManager as cn, IMenuManagerService as Si, IShortcutService as Di, PrintFloatDomSingle as Oi, connectInjector as Ti, UniverUIPlugin as Mi } from "@univerjs/ui";
-import { BehaviorSubject as Ot, debounceTime as dn, map as Gt, switchMap as yi, of as bi, Observable as Ci, takeUntil as jt, filter as Vt } from "rxjs";
-import { DrawingRenderService as gn, DrawingCommonPanel as Ei, ImageCropperObject as Ri, COMPONENT_IMAGE_POPUP_MENU as Ai, OpenImageCropOperation as Pi, ImageResetSizeOperation as xi, UniverDrawingUIPlugin as Ni } from "@univerjs/drawing-ui";
+import { DocSelectionRenderService as Me, getRichTextEditPath as Xe, getCustomBlockIdsInSelections as Yn, docDrawingPositionToTransform as en, VIEWPORT_KEY as tn, SetDocZoomRatioOperation as nn, DocPrintInterceptorService as Zn, NodePositionConvertToCursor as At, getOneTextSelectionRange as Pt, getAnchorBounding as Qn, TEXT_RANGE_LAYER_INDEX as Jn, getDocObject as ei, DocCanvasPopManagerService as ti, IEditorService as ni } from "@univerjs/docs-ui";
+import { IRenderManagerService as Q, DocumentEditArea as Fe, getCurrentTypeOfRenderer as ii, CURSOR_TYPE as xt, Liquid as rn, PageLayoutType as Nt, DocumentSkeletonPageType as Ut, Vector2 as ri, Rect as si, getColor as oi, TRANSFORM_CHANGE_OBSERVABLE_TYPE as ai } from "@univerjs/engine-render";
+import { MessageType as Lt, clsx as sn, InputNumber as Be, Select as Bt, Checkbox as ci, RadioGroup as Ft, Radio as Te, render as di, unmount as gi } from "@univerjs/design";
+import { IImageIoService as li, IDrawingManagerService as fe, DRAWING_IMAGE_ALLOW_IMAGE_LIST as ui, DRAWING_IMAGE_COUNT_LIMIT as kt, ImageUploadStatusType as mt, DRAWING_IMAGE_ALLOW_SIZE as hi, getImageSize as fi, getDrawingShapeKeyByDrawingSearch as pi, DRAWING_IMAGE_WIDTH_LIMIT as Wt, DRAWING_IMAGE_HEIGHT_LIMIT as Gt, UniverDrawingPlugin as mi } from "@univerjs/drawing";
+import { IMessageService as wi, ILocalFileService as vi, ISidebarService as Ii, CanvasFloatDomService as _i, useDependency as we, getMenuHiddenObservable as on, MenuItemType as an, RibbonInsertGroup as Si, KeyCode as ke, ComponentManager as cn, IMenuManagerService as Di, IShortcutService as Oi, PrintFloatDomSingle as Ti, connectInjector as Mi, UniverUIPlugin as yi } from "@univerjs/ui";
+import { BehaviorSubject as Ot, debounceTime as dn, map as Ht, switchMap as bi, of as Ci, Observable as Ei, takeUntil as Vt, filter as jt } from "rxjs";
+import { DrawingRenderService as gn, DrawingCommonPanel as Ri, ImageCropperObject as Ai, COMPONENT_IMAGE_POPUP_MENU as Pi, OpenImageCropOperation as xi, ImageResetSizeOperation as Ni, UniverDrawingUIPlugin as Ui } from "@univerjs/drawing-ui";
 import { jsxs as X, jsx as M } from "react/jsx-runtime";
-import { useState as re, useEffect as Tt, useMemo as Ui } from "react";
+import { useState as re, useEffect as Tt, useMemo as Li } from "react";
 const Mt = {
   id: "doc.command.remove-doc-image",
   type: q.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: (r, e) => {
     var C, y, A, L;
-    const t = r.get(j), n = r.get(z), i = r.get(Q), s = n.getCurrentUniverDocInstance();
+    const t = r.get(V), n = r.get(z), i = r.get(Q), s = n.getCurrentUniverDocInstance();
     if (e == null || s == null)
       return !1;
     const o = i.getRenderById(e.unitId).with(Me), { drawings: c } = e, d = (C = o.getSegment()) != null ? C : "", a = new _t(), g = $.getInstance(), u = (A = (y = s.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : y.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 Nn();
@@ -50,8 +50,8 @@ const Mt = {
     const S = Xe(s, d);
     D.push(g.editOp(a.serialize(), S));
     for (const R of l) {
-      const { blockId: v } = R, N = ((L = s.getDrawings()) != null ? L : {})[v], x = s.getDrawingsOrder().indexOf(v), G = g.removeOp(["drawings", v], N), I = g.removeOp(["drawingsOrder", x], v);
-      D.push(G), D.push(I);
+      const { blockId: v } = R, N = ((L = s.getDrawings()) != null ? L : {})[v], x = s.getDrawingsOrder().indexOf(v), H = g.removeOp(["drawings", v], N), I = g.removeOp(["drawingsOrder", x], v);
+      D.push(H), D.push(I);
     }
     return w.params.actions = D.reduce((R, v) => $.compose(R, v), null), !!t.syncExecuteCommand(w.id, w.params);
   }
@@ -59,7 +59,7 @@ const Mt = {
   id: "doc.command.delete-drawing",
   type: q.COMMAND,
   handler: (r) => {
-    const e = r.get(j), n = r.get(Ne).getFocusDrawings();
+    const e = r.get(V), n = r.get(Ne).getFocusDrawings();
     if (n.length === 0)
       return !1;
     const { unitId: i } = n[0], s = n.map((o) => {
@@ -80,7 +80,7 @@ const Mt = {
   id: "doc.command.group-doc-image",
   type: q.COMMAND,
   handler: (r, e) => {
-    r.get(j), r.get(Kt);
+    r.get(V), r.get(Kt);
     const t = r.get(Ne);
     if (!e) return !1;
     const n = [];
@@ -100,7 +100,7 @@ const Mt = {
     var y, A, L, R;
     if (e == null)
       return !1;
-    const t = r.get(j), n = r.get(Dt), i = r.get(z), s = n.getActiveTextRange(), o = i.getCurrentUniverDocInstance();
+    const t = r.get(V), n = r.get(Dt), i = r.get(z), s = n.getActiveTextRange(), o = i.getCurrentUniverDocInstance();
     if (s == null || o == null)
       return !1;
     const c = o.getUnitId(), { drawings: d } = e, { collapsed: a, startOffset: g, segmentId: u } = s, l = o.getSelfOrHeaderFooterModel(u).getBody();
@@ -116,10 +116,10 @@ const Mt = {
     else {
       const v = Un.selection.delete([s], l, 0, null, !1);
       f.push(...v);
-      const N = Kn(l, [s]), H = (L = o.getDrawings()) != null ? L : {}, x = (R = o.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 N = Yn(l, [s]), G = (L = o.getDrawings()) != null ? L : {}, x = (R = o.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 T = h.removeOp(["drawings", I], _), U = h.removeOp(["drawingsOrder", E], I);
@@ -140,8 +140,8 @@ const Mt = {
     const D = Xe(o, u), S = h.editOp(f.serialize(), D);
     m.push(S);
     for (const v of d) {
-      const { drawingId: N } = v, H = h.insertOp(["drawings", N], v), x = h.insertOp(["drawingsOrder", p - w], N);
-      m.push(H), m.push(x);
+      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,
@@ -157,7 +157,7 @@ const Mt = {
   id: "doc.command.set-drawing-arrange",
   type: q.COMMAND,
   handler: (r, e) => {
-    const t = r.get(j), n = r.get(Ne);
+    const t = r.get(V), n = r.get(Ne);
     if (e == null)
       return !1;
     const { unitId: i, subUnitId: s, drawingIds: o, arrangeType: c } = e, d = { unitId: i, subUnitId: s, drawingIds: o };
@@ -184,7 +184,7 @@ const Mt = {
   id: "doc.command.ungroup-doc-image",
   type: q.COMMAND,
   handler: (r, e) => {
-    r.get(j), r.get(Kt);
+    r.get(V), r.get(Kt);
     const t = r.get(Ne);
     if (!e) return !1;
     const n = [];
@@ -206,8 +206,8 @@ class ut {
     this._refreshDrawings$.next(e);
   }
 }
-var Li = Object.getOwnPropertyDescriptor, Bi = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Li(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+var Bi = Object.getOwnPropertyDescriptor, Fi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Bi(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = o(i) || i);
   return i;
 }, le = (r, e) => (t, n) => e(t, n, r);
@@ -221,7 +221,7 @@ let it = class extends xe {
   async insertDocImage() {
     const r = await this._fileOpenerService.openFile({
       multiple: !0,
-      accept: li.map((t) => `.${t.replace("image/", "")}`).join(",")
+      accept: ui.map((t) => `.${t.replace("image/", "")}`).join(",")
     }), e = r.length;
     return e > kt ? (this._messageService.show({
       type: Lt.Error,
@@ -238,7 +238,7 @@ let it = class extends xe {
       let o = "";
       switch (s) {
         case mt.ERROR_EXCEED_SIZE:
-          o = this._localeService.t("update-status.exceedMaxSize", String(ui / (1024 * 1024)));
+          o = this._localeService.t("update-status.exceedMaxSize", String(hi / (1024 * 1024)));
           break;
         case mt.ERROR_IMAGE_TYPE:
           o = this._localeService.t("update-status.invalidImageType");
@@ -258,11 +258,11 @@ let it = class extends xe {
     for (const i of e) {
       if (i == null)
         continue;
-      const { imageId: s, imageSourceType: o, source: c, base64Cache: d } = i, { width: a, height: g, image: u } = await hi(d || "");
+      const { imageId: s, imageSourceType: o, source: c, base64Cache: d } = i, { width: a, height: g, image: u } = await fi(d || "");
       this._imageIoService.addImageSourceCache(s, o, u);
       let l = 1;
-      if (a > Wt || g > Ht) {
-        const p = Wt / a, w = Ht / g;
+      if (a > Wt || g > Gt) {
+        const p = Wt / a, w = Gt / g;
         l = Math.min(p, w);
       }
       const f = this._getImagePosition(a * l, g * l);
@@ -402,7 +402,7 @@ let it = class extends xe {
       return;
     const i = r.getSnapshot(), { drawings: s = {} } = i, o = n.getEditArea() === Fe.BODY;
     for (const d of Object.keys(s)) {
-      const a = s[d], g = fi({ unitId: t, drawingId: a.drawingId, subUnitId: t }), u = e.fuzzyMathObjects(g, !0);
+      const a = s[d], g = pi({ unitId: t, drawingId: a.drawingId, subUnitId: t }), u = e.fuzzyMathObjects(g, !0);
       if (u.length)
         for (const l of u) {
           e.detachTransformerFrom(l);
@@ -450,19 +450,19 @@ let it = class extends xe {
     this._docSelectionManagerService.replaceDocRanges(n);
   }
 };
-it = Bi([
-  le(1, j),
+it = Fi([
+  le(1, V),
   le(2, Z(Dt)),
   le(3, Q),
-  le(4, gi),
+  le(4, li),
   le(5, Ne),
   le(6, fe),
   le(7, Yt),
-  le(8, mi),
+  le(8, wi),
   le(9, Z(lt)),
   le(10, Z(Me)),
   le(11, Z(ut)),
-  le(12, wi)
+  le(12, vi)
 ], it);
 const pn = {
   id: "doc.command.insert-float-image",
@@ -470,11 +470,11 @@ const pn = {
   handler: (r) => {
     var n, i;
     const e = r.get(z), t = r.get(Q);
-    return (i = (n = ni(ve.UNIVER_DOC, e, t)) == null ? void 0 : n.with(it).insertDocImage()) != null ? i : !1;
+    return (i = (n = ii(ve.UNIVER_DOC, e, t)) == null ? void 0 : n.with(it).insertDocImage()) != null ? i : !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 Fi = {
+const ki = {
   inline: k.INLINE,
   wrapSquare: k.WRAP_SQUARE,
   wrapTopAndBottom: k.WRAP_TOP_AND_BOTTOM,
@@ -566,14 +566,14 @@ const wn = {
     var A, L;
     if (e == null)
       return !1;
-    const { drawings: t, wrappingStyle: n, unitId: i } = e, s = r.get(j), o = 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 = o.getCurrentUniverDocInstance();
+    const { drawings: t, wrappingStyle: n, unitId: i } = e, s = r.get(V), o = 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 = o.getCurrentUniverDocInstance();
     if (l == null || a == null || u == null || g == null)
       return !1;
     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: v } = R, N = O[v].layoutType, H = Fi[n];
-      if (N !== H) {
-        const _ = D.replaceOp(["drawings", v, "layoutType"], N, H);
+      const { drawingId: v } = R, N = O[v].layoutType, G = ki[n];
+      if (N !== G) {
+        const _ = D.replaceOp(["drawings", v, "layoutType"], N, G);
         S.push(_);
       }
       if (n === "behindText" || n === "inFrontOfText") {
@@ -585,22 +585,22 @@ const wn = {
       }
       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: T, marginTop: U, marginLeft: B, marginBottom: b, pageWidth: P, pageHeight: V } = _;
+        const { headerId: E, footerId: T, marginTop: U, marginLeft: B, marginBottom: b, pageWidth: P, pageHeight: j } = _;
         switch (f) {
           case Fe.HEADER: {
             const F = (A = p.get(E)) == null ? void 0 : A.get(P);
-            F != null && F.skeDrawings.has(v) && (x = F.skeDrawings.get(v), G = F.marginTop, I = B);
+            F != null && F.skeDrawings.has(v) && (x = F.skeDrawings.get(v), H = F.marginTop, I = B);
             break;
           }
           case Fe.FOOTER: {
             const F = (L = w.get(T)) == null ? void 0 : L.get(P);
-            F != null && F.skeDrawings.has(v) && (x = F.skeDrawings.get(v), G = V - b + F.marginTop, I = B);
+            F != null && F.skeDrawings.has(v) && (x = F.skeDrawings.get(v), H = j - b + F.marginTop, I = B);
             break;
           }
           case Fe.BODY: {
-            _.skeDrawings.has(v) && (x = _.skeDrawings.get(v), G = U, I = B);
+            _.skeDrawings.has(v) && (x = _.skeDrawings.get(v), H = U, I = B);
             break;
           }
         }
@@ -621,13 +621,13 @@ const wn = {
         }
         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);
-        const V = {
+        b.relativeFrom === W.PAGE ? P += H : b.relativeFrom === W.LINE ? P -= x.lineTop : b.relativeFrom === W.PARAGRAPH && (P -= x.blockAnchorTop);
+        const j = {
           relativeFrom: b.relativeFrom,
           posOffset: P
         };
-        if (b.posOffset !== V.posOffset) {
-          const F = D.replaceOp(["drawings", v, "docTransform", "positionV"], b, V);
+        if (b.posOffset !== j.posOffset) {
+          const F = D.replaceOp(["drawings", v, "docTransform", "positionV"], b, j);
           S.push(F);
         }
       }
@@ -650,7 +650,7 @@ const wn = {
   handler: (r, e) => {
     if (e == null)
       return !1;
-    const t = r.get(j), i = r.get(z).getCurrentUniverDocInstance();
+    const t = r.get(V), i = r.get(z).getCurrentUniverDocInstance();
     if (i == null)
       return !1;
     const { drawings: s, dist: o, unitId: c } = e, d = $.getInstance(), a = [], { drawings: g = {} } = i.getSnapshot();
@@ -680,7 +680,7 @@ const wn = {
   handler: (r, e) => {
     if (e == null)
       return !1;
-    const t = r.get(j), i = r.get(z).getCurrentUniverDocInstance();
+    const t = r.get(V), i = r.get(z).getCurrentUniverDocInstance();
     if (i == null)
       return !1;
     const { drawings: s, wrapText: o, unitId: c } = e, d = $.getInstance(), a = [], { drawings: g = {} } = i.getSnapshot();
@@ -707,7 +707,7 @@ const wn = {
   handler: (r, e) => {
     if (e == null)
       return !1;
-    const t = r.get(j), n = r.get(z), s = r.get(Q).getRenderById(e.unitId), o = s == null ? void 0 : s.scene;
+    const t = r.get(V), n = r.get(z), s = r.get(Q).getRenderById(e.unitId), o = s == null ? void 0 : s.scene;
     if (o == null)
       return !1;
     const c = o.getTransformerByCreate(), d = n.getCurrentUniverDocInstance();
@@ -744,7 +744,7 @@ const wn = {
     const t = r.get(Q), n = (L = t.getRenderById(e.unitId)) == null ? void 0 : L.with(Me), i = r.get(ut), s = t.getRenderById(e.unitId), o = s == null ? void 0 : s.scene, c = s == null ? void 0 : s.with(te).getSkeleton();
     if (o == null || n == null)
       return !1;
-    const d = o.getTransformerByCreate(), a = r.get(j), u = r.get(z).getCurrentUniverDocInstance();
+    const d = o.getTransformerByCreate(), a = r.get(V), u = r.get(z).getCurrentUniverDocInstance();
     if (u == null)
       return !1;
     const { drawing: l, unitId: f, offset: h, segmentId: m, segmentPage: p, needRefreshDrawings: w } = e;
@@ -779,16 +779,16 @@ const wn = {
   type: q.COMMAND,
   // eslint-disable-next-line max-lines-per-function
   handler: (r, e) => {
-    var x, G;
+    var x, H;
     if (e == null)
       return !1;
     const t = r.get(Q), n = (x = t.getRenderById(e.unitId)) == null ? void 0 : x.with(Me), i = t.getRenderById(e.unitId), s = i == null ? void 0 : i.scene;
     if (s == null || n == null)
       return !1;
-    const o = s.getTransformerByCreate(), c = r.get(j), a = r.get(z).getCurrentUniverDocInstance();
+    const o = s.getTransformerByCreate(), c = r.get(V), a = r.get(z).getCurrentUniverDocInstance();
     if (a == null)
       return !1;
-    const { drawing: g, unitId: u, offset: l, docTransform: f, segmentId: h, segmentPage: m } = e, p = [], { drawingId: w } = g, D = (G = n.getSegment()) != null ? G : "", S = mn(
+    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 = mn(
       h,
       D,
       m,
@@ -827,14 +827,14 @@ const wn = {
       }
     };
     N.params.actions = p.reduce((I, _) => $.compose(I, _), null);
-    const H = c.syncExecuteCommand(N.id, N.params);
-    return o.refreshControls(), !!H;
+    const G = c.syncExecuteCommand(N.id, N.params);
+    return o.refreshControls(), !!G;
   }
 }, Ke = {
   id: "doc.command.move-drawing",
   type: q.COMMAND,
   handler: (r, e) => {
-    const t = r.get(j), n = r.get(Ne), i = r.get(z), s = r.get(Q), { direction: o } = e, c = n.getFocusDrawings();
+    const t = r.get(V), n = r.get(Ne), i = r.get(z), s = r.get(Q), { direction: o } = e, c = n.getFocusDrawings();
     if (c.length === 0)
       return !1;
     const d = c[0].unitId, a = s.getRenderById(d), g = a == null ? void 0 : a.scene;
@@ -861,7 +861,7 @@ const wn = {
     });
     return u.refreshControls(), !!h;
   }
-}, ki = {
+}, Wi = {
   id: "doc.operation.clear-drawing-transformer",
   type: q.MUTATION,
   handler: (r, e) => {
@@ -875,7 +875,7 @@ const wn = {
   id: "sidebar.operation.doc-image",
   type: q.COMMAND,
   handler: async (r, e) => {
-    const t = r.get(vi), n = r.get(lt), i = r.get(fe);
+    const t = r.get(Ii), n = r.get(lt), i = r.get(fe);
     return e.value === "open" ? t.open({
       header: { title: n.t("docImage.panel.title") },
       children: { label: Dn },
@@ -889,12 +889,12 @@ const wn = {
   id: "doc.operation.edit-doc-image",
   type: q.OPERATION,
   handler: (r, e) => {
-    const t = r.get(fe), n = r.get(j);
+    const t = r.get(fe), n = r.get(V);
     return e == null ? !1 : (t.focusDrawing([e]), n.executeCommand(On.id, { value: "open" }), !0);
   }
 };
-var Wi = Object.getOwnPropertyDescriptor, Hi = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Wi(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+var Gi = Object.getOwnPropertyDescriptor, Hi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Gi(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = o(i) || i);
   return i;
 }, Le = (r, e) => (t, n) => e(t, n, r);
@@ -1040,13 +1040,13 @@ let rt = class extends xe {
     };
     this.disposeWithMe(
       this._univerInstanceService.getCurrentTypeOfUnit$(ve.UNIVER_DOC).pipe(
-        Gt((t) => {
+        Ht((t) => {
           if (!t) return null;
           const n = t.getUnitId(), i = this._renderManagerService.getRenderById(n);
           return i ? { render: i, unitId: n } : null;
         }),
-        yi(
-          (t) => t ? Zt(t.render.scene.getViewport(tn.VIEW_MAIN).onScrollAfter$).pipe(Gt(() => ({ unitId: t.unitId }))) : bi(null)
+        bi(
+          (t) => t ? Zt(t.render.scene.getViewport(tn.VIEW_MAIN).onScrollAfter$).pipe(Ht(() => ({ unitId: t.unitId }))) : Ci(null)
         )
       ).subscribe((t) => {
         if (!t) return;
@@ -1106,12 +1106,12 @@ rt = Hi([
   Le(0, Q),
   Le(1, fe),
   Le(2, Z(gn)),
-  Le(3, Z(Ii)),
+  Le(3, Z(_i)),
   Le(4, z),
-  Le(5, j)
+  Le(5, V)
 ], rt);
-const Gi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
-  const e = we(j), t = we(lt), n = we(fe), i = we(Q), s = we(z), { drawings: o } = r, c = o[0];
+const Vi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
+  const e = we(V), t = we(lt), n = we(fe), i = we(Q), s = we(z), { drawings: o } = r, c = o[0];
   if (c == null)
     return;
   const { unitId: d } = c, a = s.getUniverDocInstance(d), g = a == null ? void 0 : a.getSnapshot().documentStyle.documentFlavor, u = i.getRenderById(d), l = u == null ? void 0 : u.scene;
@@ -1180,7 +1180,7 @@ const Gi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
     if (B.length === 0)
       return;
     const b = B[0].drawingId, P = B[0].unitId;
-    let V = null, F = 0;
+    let j = null, F = 0;
     const K = (ie = i.getRenderById(P)) == null ? void 0 : ie.with(te).getSkeleton(), oe = K == null ? void 0 : K.getSkeletonData();
     if (oe == null)
       return;
@@ -1188,31 +1188,31 @@ const Gi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
     for (const ce of Ue) {
       const { marginLeft: Se, skeDrawings: De, headerId: be, footerId: Ce, pageWidth: Oe } = ce;
       if (De.has(b)) {
-        V = De.get(b), F = Se;
+        j = De.get(b), F = Se;
         break;
       }
       const de = (Ie = ye.get(be)) == null ? void 0 : Ie.get(Oe);
       if (de != null && de.skeDrawings.has(b)) {
-        V = de == null ? void 0 : de.skeDrawings.get(b), F = Se;
+        j = de == null ? void 0 : de.skeDrawings.get(b), F = Se;
         break;
       }
       const ge = (_e = We.get(Ce)) == null ? void 0 : _e.get(Oe);
       if (ge != null && ge.skeDrawings.has(b)) {
-        V = ge == null ? void 0 : ge.skeDrawings.get(b), F = Se;
+        j = ge == null ? void 0 : ge.skeDrawings.get(b), F = Se;
         break;
       }
     }
-    if (V == null)
+    if (j == null)
       return;
     let ae = 0;
-    E === J.COLUMN ? ae -= V.columnLeft : E === J.MARGIN && (ae -= F), U === J.COLUMN ? ae += V.columnLeft : U === J.MARGIN ? ae += F : J.PAGE;
+    E === J.COLUMN ? ae -= j.columnLeft : E === J.MARGIN && (ae -= F), U === J.COLUMN ? ae += j.columnLeft : U === J.MARGIN ? ae += F : J.PAGE;
     const ne = {
       relativeFrom: U,
       posOffset: (T != null ? T : 0) - ae
     };
     v("positionH", ne);
   }
-  function H(_) {
+  function G(_) {
     var De, be, Ce, Oe, de, ge;
     const E = O.relativeFrom, T = O.posOffset, U = Number(_);
     if (E === U)
@@ -1220,7 +1220,7 @@ const Gi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
     const B = n.getFocusDrawings();
     if (B.length === 0)
       return;
-    const { drawingId: b, unitId: P } = B[0], V = s.getUniverDocInstance(P), F = (De = i.getRenderById(P)) == null ? void 0 : De.with(te).getSkeleton(), K = (be = i.getRenderById(P)) == null ? void 0 : be.with(Me), oe = K == null ? void 0 : K.getSegment(), Ue = K == null ? void 0 : K.getSegmentPage(), ye = (Oe = (Ce = V == null ? void 0 : V.getSelfOrHeaderFooterModel(oe).getBody()) == null ? void 0 : Ce.customBlocks) == null ? void 0 : Oe.find((Ee) => Ee.blockId === b);
+    const { drawingId: b, unitId: P } = B[0], j = s.getUniverDocInstance(P), F = (De = i.getRenderById(P)) == null ? void 0 : De.with(te).getSkeleton(), K = (be = i.getRenderById(P)) == null ? void 0 : be.with(Me), oe = K == null ? void 0 : K.getSegment(), Ue = K == null ? void 0 : K.getSegmentPage(), ye = (Oe = (Ce = j == null ? void 0 : j.getSelfOrHeaderFooterModel(oe).getBody()) == null ? void 0 : Ce.customBlocks) == null ? void 0 : Oe.find((Ee) => Ee.blockId === b);
     if (ye == null || F == null || K == null)
       return;
     const { startIndex: We } = ye, ae = F.findNodeByCharIndex(We, oe, Ue), ne = (de = ae == null ? void 0 : ae.parent) == null ? void 0 : de.parent, ie = ne == null ? void 0 : ne.parent, Ie = ie == null ? void 0 : ie.lines.find((Ee) => Ee.paragraphIndex === (ne == null ? void 0 : ne.paragraphIndex) && Ee.paragraphStart), _e = (ge = ie == null ? void 0 : ie.parent) == null ? void 0 : ge.parent;
@@ -1245,15 +1245,15 @@ const Gi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
     } = 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();
+    H();
     const _ = n.focus$.subscribe((T) => {
       if (T.length === 0) {
         R(!1);
@@ -1261,7 +1261,7 @@ const Gi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
       }
       R(!0), x(T[0]);
     }), E = e.onCommandExecuted(async (T) => {
-      T.id === ee.id && G();
+      T.id === ee.id && H();
     });
     return () => {
       _.unsubscribe(), E.dispose();
@@ -1365,7 +1365,7 @@ const Gi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
                     disabled: p,
                     value: String(O.relativeFrom),
                     options: m,
-                    onChange: H
+                    onChange: G
                   }
                 )
               ] })
@@ -1380,7 +1380,7 @@ const Gi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
           }
         ),
         /* @__PURE__ */ M("div", { children: /* @__PURE__ */ M(
-          ai,
+          ci,
           {
             disabled: p,
             checked: y,
@@ -1391,8 +1391,8 @@ const Gi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
       ]
     }
   );
-}, Qe = 0, Je = 100, Vi = (r) => {
-  const e = we(j), t = we(lt), n = we(fe), i = we(Q), s = we(z), { drawings: o } = r, c = o[0];
+}, Qe = 0, Je = 100, $i = (r) => {
+  const e = we(V), t = we(lt), n = we(fe), i = we(Q), s = we(z), { drawings: o } = r, c = o[0];
   if (c == null)
     return null;
   const { unitId: d } = c, a = s.getUniverDocInstance(d), g = i.getRenderById(d);
@@ -1438,7 +1438,7 @@ const Gi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
       wrapText: I
     });
   }
-  function H(I, _) {
+  function G(I, _) {
     if (I == null)
       return;
     const E = { ...y, [_]: I };
@@ -1462,9 +1462,9 @@ const Gi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
   }
   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, oe;
     const _ = (oe = (K = a == null ? void 0 : a.getSnapshot()) == null ? void 0 : K.drawings) == null ? void 0 : oe[I.drawingId];
     if (_ == null)
@@ -1476,14 +1476,14 @@ const Gi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
       distR: B = 0,
       layoutType: b = k.INLINE,
       behindDoc: P = se.FALSE,
-      wrapText: V = $e.BOTH_SIDES
+      wrapText: j = $e.BOTH_SIDES
     } = _;
     if (A({
       distT: E,
       distL: T,
       distB: U,
       distR: B
-    }), 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)
+    }), C(j), 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 === se.TRUE ? S(ue.BEHIND_TEXT) : S(ue.IN_FRONT_OF_TEXT);
     else
       switch (b) {
@@ -1507,7 +1507,7 @@ const Gi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
         R(!1);
         return;
       }
-      R(!0), G(E[0]);
+      R(!0), H(E[0]);
     }), _ = e.onCommandExecuted(async (E) => {
       E.id === ee.id && x();
     });
@@ -1577,7 +1577,7 @@ const Gi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
                     precision: 1,
                     value: y.distT,
                     onChange: (I) => {
-                      H(I, "distT");
+                      G(I, "distT");
                     }
                   }
                 )
@@ -1593,7 +1593,7 @@ const Gi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
                     precision: 1,
                     value: y.distL,
                     onChange: (I) => {
-                      H(I, "distL");
+                      G(I, "distL");
                     }
                   }
                 )
@@ -1617,7 +1617,7 @@ const Gi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
                     precision: 1,
                     value: y.distB,
                     onChange: (I) => {
-                      H(I, "distB");
+                      G(I, "distB");
                     }
                   }
                 )
@@ -1633,7 +1633,7 @@ const Gi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
                     precision: 1,
                     value: y.distR,
                     onChange: (I) => {
-                      H(I, "distR");
+                      G(I, "distR");
                     }
                   }
                 )
@@ -1644,7 +1644,7 @@ const Gi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
       ]
     }
   );
-}, $i = () => {
+}, zi = () => {
   const r = we(fe), e = r.getFocusDrawings(), [t, n] = re(e);
   return Tt(() => {
     const i = r.focus$.subscribe((s) => {
@@ -1654,13 +1654,13 @@ const Gi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
       i.unsubscribe();
     };
   }, []), !!(t != null && t.length) && /* @__PURE__ */ X("div", { className: "univer-text-sm", children: [
-    /* @__PURE__ */ M(Ei, { drawings: t, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
-    /* @__PURE__ */ M(Vi, { drawings: t }),
+    /* @__PURE__ */ M(Ri, { drawings: t, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
+    /* @__PURE__ */ M($i, { drawings: t }),
     /* @__PURE__ */ M(ji, { drawings: t })
   ] });
-}, yn = "doc.menu.image", bn = pn.id, zi = (r) => {
+}, yn = "doc.menu.image", bn = pn.id, Xi = (r) => {
   const e = r.get(Dt), t = r.get(z);
-  return new Ci((n) => {
+  return new Ei((n) => {
     const i = e.textSelection$.subscribe(() => {
       var o;
       const s = e.getActiveTextRange();
@@ -1682,17 +1682,17 @@ const Gi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
     return () => i.unsubscribe();
   });
 };
-function Xi(r) {
+function qi(r) {
   return {
     id: yn,
     type: an.SUBITEMS,
     icon: "AddImageIcon",
     tooltip: "docImage.title",
-    disabled$: zi(r),
+    disabled$: Xi(r),
     hidden$: on(r, ve.UNIVER_DOC, void 0, St)
   };
 }
-function qi(r) {
+function Ki(r) {
   return {
     id: bn,
     title: "docImage.upload.float",
@@ -1700,22 +1700,22 @@ function qi(r) {
     hidden$: on(r, ve.UNIVER_DOC, void 0, St)
   };
 }
-const Ki = {
-  [_i.MEDIA]: {
+const Yi = {
+  [Si.MEDIA]: {
     [yn]: {
       order: 0,
-      menuItemFactory: Xi,
+      menuItemFactory: qi,
       [bn]: {
         order: 0,
-        menuItemFactory: qi
+        menuItemFactory: Ki
       }
     }
   }
 };
 function Ye(r) {
-  return r.getContextValue(Bn) && r.getContextValue(nt);
+  return r.getContextValue(Bn) && r.getContextValue(Fn) && r.getContextValue(nt);
 }
-const Yi = {
+const Zi = {
   id: Ke.id,
   description: "shortcut.drawing-move-down",
   group: "4_drawing-view",
@@ -1725,7 +1725,7 @@ const Yi = {
   staticParameters: {
     direction: he.DOWN
   }
-}, Zi = {
+}, Qi = {
   id: Ke.id,
   description: "shortcut.drawing-move-up",
   group: "4_drawing-view",
@@ -1735,7 +1735,7 @@ const Yi = {
   staticParameters: {
     direction: he.UP
   }
-}, Qi = {
+}, Ji = {
   id: Ke.id,
   description: "shortcut.drawing-move-left",
   group: "4_drawing-view",
@@ -1745,7 +1745,7 @@ const Yi = {
   staticParameters: {
     direction: he.LEFT
   }
-}, Ji = {
+}, er = {
   id: Ke.id,
   description: "shortcut.drawing-move-right",
   group: "4_drawing-view",
@@ -1755,7 +1755,7 @@ const Yi = {
   staticParameters: {
     direction: he.RIGHT
   }
-}, er = {
+}, tr = {
   id: ln.id,
   description: "shortcut.drawing-delete",
   group: "4_drawing-view",
@@ -1764,8 +1764,8 @@ const Yi = {
   binding: ke.DELETE,
   mac: ke.BACKSPACE
 };
-var tr = Object.getOwnPropertyDescriptor, nr = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? tr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+var nr = Object.getOwnPropertyDescriptor, ir = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? nr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = o(i) || i);
   return i;
 }, et = (r, e) => (t, n) => e(t, n, r);
@@ -1775,10 +1775,10 @@ let st = class extends xe {
   }
   _initCustomComponents() {
     const r = this._componentManager;
-    this.disposeWithMe(r.register(Dn, $i));
+    this.disposeWithMe(r.register(Dn, zi));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(Ki);
+    this._menuManagerService.mergeMenu(Yi);
   }
   _initCommands() {
     [
@@ -1792,7 +1792,7 @@ let st = class extends xe {
       Sn,
       Mt,
       On,
-      ki,
+      Wi,
       Tn,
       un,
       fn,
@@ -1804,11 +1804,11 @@ let st = class extends xe {
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      Yi,
       Zi,
       Qi,
       Ji,
-      er
+      er,
+      tr
     ].forEach((r) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(r));
     });
@@ -1817,18 +1817,18 @@ let st = class extends xe {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-st = nr([
+st = ir([
   et(0, Z(cn)),
-  et(1, Si),
-  et(2, j),
-  et(3, Di)
+  et(1, Di),
+  et(2, V),
+  et(3, Oi)
 ], st);
-var ir = Object.getOwnPropertyDescriptor, rr = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? ir(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+var rr = Object.getOwnPropertyDescriptor, sr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? rr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = o(i) || i);
   return i;
-}, Ge = (r, e) => (t, n) => e(t, n, r);
-function sr(r) {
+}, He = (r, e) => (t, n) => e(t, n, r);
+function or(r) {
   var n, i, s, o;
   if ($.isNoop(r) || !Array.isArray(r))
     return null;
@@ -1851,7 +1851,7 @@ function sr(r) {
     });
   return t;
 }
-function or(r) {
+function ar(r) {
   if (!Array.isArray(r) || r.length < 3 || r[0] !== "drawingsOrder")
     return [];
   const e = [];
@@ -1878,7 +1878,7 @@ let ot = class extends xe {
       this._commandService.beforeCommandExecuted((r) => {
         if (r.id !== ee.id)
           return;
-        const e = r.params, { unitId: t, actions: n } = e, i = sr(n);
+        const e = r.params, { unitId: t, actions: n } = e, i = or(n);
         if (i != null)
           for (const { type: s, drawingId: o, drawing: c } of i)
             s === "add" ? this._addDrawings(t, [c]) : this._removeDrawings(t, [o]);
@@ -1888,12 +1888,12 @@ let ot = class extends xe {
         if (r.id !== ee.id)
           return;
         const e = r.params, { unitId: t, actions: n } = e;
-        or(n).length > 0 && this._updateDrawingsOrder(t);
+        ar(n).length > 0 && this._updateDrawingsOrder(t);
       })
     ), this.disposeWithMe(
       this._commandService.onCommandExecuted((r) => {
         var o;
-        if (r.id !== Fn.id && r.id !== kn.id)
+        if (r.id !== kn.id && r.id !== Wn.id)
           return;
         const e = (o = this._univerInstanceService.getCurrentUniverDocInstance()) == null ? void 0 : o.getUnitId(), t = this._drawingManagerService.getFocusDrawings();
         if (e == null || t.length === 0)
@@ -1934,15 +1934,15 @@ let ot = class extends xe {
     n.orderNotification(s), i.orderNotification(s);
   }
 };
-ot = rr([
-  Ge(0, z),
-  Ge(1, j),
-  Ge(2, fe),
-  Ge(3, Ne),
-  Ge(4, Q)
+ot = sr([
+  He(0, z),
+  He(1, V),
+  He(2, fe),
+  He(3, Ne),
+  He(4, Q)
 ], ot);
-const ar = (r) => {
-  const { floatDomInfos: e, scene: t, offset: n, bound: i } = r, s = i.right - i.left, o = i.bottom - i.top, c = Ui(() => e.map((d) => {
+const cr = (r) => {
+  const { floatDomInfos: e, scene: t, offset: n, bound: i } = r, s = i.right - i.left, o = i.bottom - i.top, c = Li(() => e.map((d) => {
     const { width: a = 0, height: g = 0, left: u = 0, top: l = 0 } = d.transform, h = Mn(
       {
         left: u,
@@ -1969,13 +1969,13 @@ const ar = (r) => {
     };
     return [d.drawingId, m];
   }).filter(([d, a]) => !(a.position.endX < 0 || a.position.endY < 0 || a.position.startX > s || a.position.startY > o)), [e, t, n, s, o]);
-  return /* @__PURE__ */ M("div", { className: "univer-absolute univer-left-0 univer-top-0", children: c.map(([d, a]) => /* @__PURE__ */ M(Oi, { layer: a, id: d, position: a.position }, d)) });
+  return /* @__PURE__ */ M("div", { className: "univer-absolute univer-left-0 univer-top-0", children: c.map(([d, a]) => /* @__PURE__ */ M(Ti, { layer: a, id: d, position: a.position }, d)) });
 };
-var cr = Object.getOwnPropertyDescriptor, dr = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? cr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+var dr = Object.getOwnPropertyDescriptor, gr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? dr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = o(i) || i);
   return i;
-}, je = (r, e) => (t, n) => e(t, n, r);
+}, Ve = (r, e) => (t, n) => e(t, n, r);
 let at = class extends xe {
   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();
@@ -2009,7 +2009,7 @@ let at = class extends xe {
                 if (a.drawingType === Pe.DRAWING_CHART)
                   return {
                     ...a,
-                    componentKey: this._componetManager.get(Wn)
+                    componentKey: this._componetManager.get(Gn)
                   };
                 if (a.drawingType === Pe.DRAWING_DOM) {
                   const g = this._docPrintInterceptorService.getPrintComponent(a.componentKey);
@@ -2019,8 +2019,8 @@ let at = class extends xe {
                   };
                 }
                 return null;
-              }).filter(Boolean), c = Ti(ar, this._injector);
-              return ci(
+              }).filter(Boolean), c = Mi(cr, this._injector);
+              return di(
                 /* @__PURE__ */ M(
                   c,
                   {
@@ -2034,7 +2034,7 @@ let at = class extends xe {
                 ),
                 e.root
               ), r == null || r.add(() => {
-                di(e.root);
+                gi(e.root);
               }), t(r);
             }
           }
@@ -2043,19 +2043,19 @@ let at = class extends xe {
     );
   }
 };
-at = dr([
-  je(0, Z(Yn)),
-  je(1, Z(gn)),
-  je(2, fe),
-  je(3, Z(cn)),
-  je(4, Z(Jt))
+at = gr([
+  Ve(0, Z(Zn)),
+  Ve(1, Z(gn)),
+  Ve(2, fe),
+  Ve(3, Z(cn)),
+  Ve(4, Z(Jt))
 ], at);
-var gr = Object.getOwnPropertyDescriptor, lr = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? gr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+var lr = Object.getOwnPropertyDescriptor, ur = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? lr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = o(i) || i);
   return i;
 }, tt = (r, e) => (t, n) => e(t, n, r);
-const ur = "__InlineDrawingAnchor__";
+const hr = "__InlineDrawingAnchor__";
 function qt(r) {
   const { path: e } = r;
   return e.some((t) => t === "cells");
@@ -2231,7 +2231,7 @@ let ct = class extends xe {
     i != null && this._createOrUpdateInlineAnchor(e.unitId, i);
   }
   _getInlineDrawingAnchor(e, t, n) {
-    var x, G;
+    var x, H;
     const i = this._renderManagerService.getRenderById(e.unitId), s = i == null ? void 0 : i.with(te).getSkeleton();
     if (i == null)
       return;
@@ -2264,9 +2264,9 @@ let ct = class extends xe {
     const A = {
       ...C,
       isBack: h
-    }, L = y.document.getOffsetConfig(), R = new At(L, s), { cursorList: v, contentBoxPointGroup: N } = R.getRangePointData(A, A), { startOffset: H } = (G = Pt(v)) != null ? G : {};
-    if (H != null)
-      return { offset: H, contentBoxPointGroup: N, segmentId: p, segmentPage: m };
+    }, L = y.document.getOffsetConfig(), R = new At(L, s), { cursorList: v, contentBoxPointGroup: N } = R.getRangePointData(A, A), { startOffset: G } = (H = Pt(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) {
@@ -2278,8 +2278,8 @@ let ct = class extends xe {
     let { width: C, height: y } = t;
     const { positionV: A, positionH: L } = e.docTransform, { width: R, height: v } = this._getPageContentSize(e);
     C = Math.min(C, R), y = Math.min(y, v);
-    let N = null, H = "", x = -1;
-    const G = !1, I = {
+    let N = null, G = "", x = -1;
+    const H = !1, I = {
       ...e.docTransform,
       size: {
         width: C,
@@ -2299,12 +2299,12 @@ let ct = class extends xe {
     });
     if (B) {
       const { node: pe, segmentPage: ht, segmentId: ft } = B;
-      N = pe, x = ht, H = ft;
+      N = pe, x = ht, G = ft;
     }
     if (N == null)
       return;
-    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 = (Se = P == null ? void 0 : P.parent) == null ? void 0 : Se.parent;
-    if (b == null || P == null || V == null || F == null)
+    const b = (_e = N.parent) == null ? void 0 : _e.parent, P = b == null ? void 0 : b.parent, j = (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 = (Se = P == null ? void 0 : P.parent) == null ? void 0 : Se.parent;
+    if (b == null || P == null || j == null || F == null)
       return;
     this._liquid.reset();
     const K = F.type;
@@ -2313,10 +2313,10 @@ let ct = class extends xe {
       if (x > -1 && An === x) {
         switch (K) {
           case Ut.HEADER: {
-            const He = (De = c.get(ht)) == null ? void 0 : De.get(bt);
-            if (He)
+            const Ge = (De = c.get(ht)) == null ? void 0 : De.get(bt);
+            if (Ge)
               this._liquid.translatePagePadding({
-                marginTop: He.marginTop,
+                marginTop: Ge.marginTop,
                 marginLeft: Ct
               });
             else
@@ -2324,10 +2324,10 @@ let ct = class extends xe {
             break;
           }
           case Ut.FOOTER: {
-            const He = (be = d.get(ft)) == null ? void 0 : be.get(bt);
-            if (He)
+            const Ge = (be = d.get(ft)) == null ? void 0 : be.get(bt);
+            if (Ge)
               this._liquid.translatePagePadding({
-                marginTop: En - Rn + He.marginTop,
+                marginTop: En - Rn + Ge.marginTop,
                 marginLeft: Ct
               });
             else
@@ -2341,7 +2341,7 @@ let ct = class extends xe {
         break;
       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 = (Oe = (Ce = V.divides) == null ? void 0 : Ce[0]) == null ? void 0 : Oe.glyphGroup) == null ? void 0 : de[0]) != null ? ge : N, I.positionH = {
+    switch (A.relativeFrom === W.LINE ? N = b.divides[0].glyphGroup[0] : N = (ge = (de = (Oe = (Ce = j.divides) == null ? void 0 : Ce[0]) == null ? void 0 : Oe.glyphGroup) == null ? void 0 : de[0]) != null ? ge : N, I.positionH = {
       relativeFrom: L.relativeFrom,
       posOffset: D - this._liquid.x - p
     }, L.relativeFrom) {
@@ -2367,7 +2367,7 @@ let ct = class extends xe {
         break;
       }
       case W.PARAGRAPH: {
-        I.positionV.posOffset = S - this._liquid.y - w - V.top;
+        I.positionV.posOffset = S - this._liquid.y - w - j.top;
         break;
       }
     }
@@ -2378,10 +2378,10 @@ let ct = class extends xe {
       return;
     const ye = {
       ...oe,
-      isBack: G
+      isBack: H
     }, We = Ue.document.getOffsetConfig(), ae = new At(We, i), { cursorList: ne } = ae.getRangePointData(ye, ye), { startOffset: ie } = (Ee = Pt(ne)) != null ? Ee : {};
     if (ie != null)
-      return { offset: ie, docTransform: I, segmentId: H, segmentPage: x };
+      return { offset: ie, docTransform: I, segmentId: G, segmentPage: x };
   }
   // Update drawing when use transformer to resize it.
   _updateDrawingSize(e, t) {
@@ -2481,7 +2481,7 @@ let ct = class extends xe {
     return { scene: n, transformer: i };
   }
   _getTransformCoordForDocumentOffset(e, t, n, i) {
-    const { documentTransform: s } = e.getOffsetConfig(), o = t.transformVector2SceneCoord(ii.FromArray([n, i]));
+    const { documentTransform: s } = e.getOffsetConfig(), o = t.transformVector2SceneCoord(ri.FromArray([n, i]));
     if (o)
       return s.clone().invert().applyPoint(o);
   }
@@ -2492,23 +2492,23 @@ let ct = class extends xe {
     const { mainComponent: i, scene: s } = n, o = i, {
       docsLeft: c,
       docsTop: d
-    } = o.getOffsetConfig(), a = Zn(t), { left: g, top: u, height: l } = a, f = g + c, h = u + d;
+    } = o.getOffsetConfig(), a = Qn(t), { left: g, top: u, height: l } = a, f = g + c, h = u + d;
     if (this._anchorShape) {
       this._anchorShape.transformByState({ left: f, top: h, height: l }), this._anchorShape.show();
       return;
     }
-    const m = 6, p = new ri(ur + Qt(m), {
+    const m = 6, p = new si(hr + Qt(m), {
       left: f,
       top: h,
       height: l,
       strokeWidth: 2,
-      stroke: si(Hn.darkgray, 1),
+      stroke: oi(Hn.darkgray, 1),
       evented: !1
     });
-    this._anchorShape = p, s.addObject(p, Qn);
+    this._anchorShape = p, s.addObject(p, Jn);
   }
   _getDocObject() {
-    return Jn(this._univerInstanceService, this._renderManagerService);
+    return ei(this._univerInstanceService, this._renderManagerService);
   }
   _getPageContentSize(e) {
     const t = this._renderManagerService.getRenderById(e.unitId), n = t == null ? void 0 : t.with(te).getSkeleton(), i = 500, s = 500, o = n == null ? void 0 : n.getSkeletonData();
@@ -2539,18 +2539,18 @@ let ct = class extends xe {
       };
   }
 };
-ct = lr([
-  tt(0, j),
+ct = ur([
+  tt(0, V),
   tt(1, z),
   tt(2, fe),
   tt(3, Q)
 ], ct);
-var hr = Object.getOwnPropertyDescriptor, fr = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? hr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+var fr = Object.getOwnPropertyDescriptor, pr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? fr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = o(i) || i);
   return i;
-}, Ve = (r, e) => (t, n) => e(t, n, r);
-let dt = class extends Gn {
+}, je = (r, e) => (t, n) => e(t, n, r);
+let dt = class extends Vn {
   constructor(e, t, n, i, s) {
     super();
     me(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
@@ -2559,9 +2559,9 @@ let dt = class extends Gn {
   }
   _init() {
     this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(ve.UNIVER_DOC).pipe(jt(this.dispose$)).subscribe((e) => this._create(e))
+      this._univerInstanceService.getCurrentTypeOfUnit$(ve.UNIVER_DOC).pipe(Vt(this.dispose$)).subscribe((e) => this._create(e))
     ), this.disposeWithMe(
-      this._univerInstanceService.getTypeOfUnitDisposed$(ve.UNIVER_DOC).pipe(jt(this.dispose$)).subscribe((e) => this._dispose(e))
+      this._univerInstanceService.getTypeOfUnitDisposed$(ve.UNIVER_DOC).pipe(Vt(this.dispose$)).subscribe((e) => this._dispose(e))
     ), this._univerInstanceService.getAllUnitsForType(ve.UNIVER_DOC).forEach((e) => this._create(e));
   }
   _dispose(e) {
@@ -2577,7 +2577,7 @@ let dt = class extends Gn {
   _hasCropObject(e) {
     const t = e.getAllObjects();
     for (const n of t)
-      if (n instanceof Ri)
+      if (n instanceof Ai)
         return !0;
     return !1;
   }
@@ -2608,7 +2608,7 @@ let dt = class extends Gn {
           const { unitId: g, subUnitId: u, drawingId: l, drawingType: f } = a, h = this._canvasPopManagerService.attachPopupToObject(
             c,
             {
-              componentKey: Ai,
+              componentKey: Pi,
               direction: "horizontal",
               offset: [2, 0],
               extraProps: {
@@ -2662,7 +2662,7 @@ let dt = class extends Gn {
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: Pi.id,
+        commandId: xi.id,
         commandParams: { unitId: e, subUnitId: t, drawingId: n },
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2670,7 +2670,7 @@ let dt = class extends Gn {
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: xi.id,
+        commandId: Ni.id,
         commandParams: [{ unitId: e, subUnitId: t, drawingId: n }],
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2678,15 +2678,15 @@ let dt = class extends Gn {
     ];
   }
 };
-dt = fr([
-  Ve(0, fe),
-  Ve(1, Z(ei)),
-  Ve(2, Q),
-  Ve(3, z),
-  Ve(4, Yt)
+dt = pr([
+  je(0, fe),
+  je(1, Z(ti)),
+  je(2, Q),
+  je(3, z),
+  je(4, Yt)
 ], dt);
-var pr = Object.getOwnPropertyDescriptor, mr = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? pr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+var mr = Object.getOwnPropertyDescriptor, wr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? mr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = o(i) || i);
   return i;
 }, Re = (r, e) => (t, n) => e(t, n, r);
@@ -2733,7 +2733,7 @@ let It = class extends xe {
   _initResize() {
     this.disposeWithMe(
       Zt(this._context.engine.onTransformChange$).pipe(
-        Vt((e) => e.type === oi.resize),
+        jt((e) => e.type === ai.resize),
         dn(16)
       ).subscribe(() => {
         var n;
@@ -2825,33 +2825,33 @@ let It = class extends xe {
       const t = this._docSkeletonManagerService.getSkeleton();
       t != null && (this._refreshDrawing(t), this._drawingManagerService.initializeNotification(this._context.unitId));
     };
-    this._lifecycleService.stage >= Rt.Rendered ? this._docSkeletonManagerService.getSkeleton() ? e() : setTimeout(e, 500) : this.disposeWithMe(this._lifecycleService.lifecycle$.pipe(Vt((t) => t === Rt.Rendered)).subscribe(e));
+    this._lifecycleService.stage >= Rt.Rendered ? this._docSkeletonManagerService.getSkeleton() ? e() : setTimeout(e, 500) : this.disposeWithMe(this._lifecycleService.lifecycle$.pipe(jt((t) => t === Rt.Rendered)).subscribe(e));
   }
 };
-It = mr([
+It = wr([
   Re(1, Z(te)),
-  Re(2, j),
-  Re(3, ti),
+  Re(2, V),
+  Re(3, ni),
   Re(4, fe),
   Re(5, Z(ut)),
   Re(6, z),
   Re(7, Z(jn))
 ], It);
-var wr = Object.defineProperty, vr = Object.getOwnPropertyDescriptor, Ir = (r, e, t) => e in r ? wr(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, _r = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? vr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
+var vr = Object.defineProperty, Ir = Object.getOwnPropertyDescriptor, _r = (r, e, t) => e in r ? vr(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Sr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ir(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = o(i) || i);
   return i;
-}, vt = (r, e) => (t, n) => e(t, n, r), Cn = (r, e, t) => Ir(r, typeof e != "symbol" ? e + "" : e, t);
-const Sr = "DOC_DRAWING_UI_PLUGIN";
-let gt = class extends zn {
+}, vt = (r, e) => (t, n) => e(t, n, r), Cn = (r, e, t) => _r(r, typeof e != "symbol" ? e + "" : e, t);
+const Dr = "DOC_DRAWING_UI_PLUGIN";
+let gt = class extends Xn {
   constructor(r = $t, e, t, n) {
     super(), this._config = r, this._injector = e, this._renderManagerSrv = t, this._configService = n;
-    const { ...i } = Xn(
+    const { ...i } = qn(
       {},
       $t,
       this._config
     );
-    this._configService.setConfig(Gi, i);
+    this._configService.setConfig(Vi, i);
   }
   onStarting() {
     [
@@ -2875,15 +2875,15 @@ let gt = class extends zn {
   }
 };
 Cn(gt, "type", ve.UNIVER_DOC);
-Cn(gt, "pluginName", Sr);
-gt = _r([
-  Vn(Ni, pi, qn, Mi),
+Cn(gt, "pluginName", Dr);
+gt = Sr([
+  $n(Ui, mi, Kn, yi),
   vt(1, Z(Jt)),
   vt(2, Q),
-  vt(3, $n)
+  vt(3, zn)
 ], gt);
 export {
-  ki as ClearDocDrawingTransformerOperation,
+  Wi as ClearDocDrawingTransformerOperation,
   yn as DOCS_IMAGE_MENU_ID,
   ln as DeleteDocDrawingsCommand,
   rt as DocFloatDomController,