@univerjs/docs-drawing-ui 0.9.2 → 0.9.3-nightly.202507250750

package/lib/index.js

@@ -1,16 +1,16 @@
-var An = Object.defineProperty;
-var Pn = (i, e, t) => e in i ? An(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var ve = (i, e, t) => Pn(i, typeof e != "symbol" ? e + "" : e, t);
-import { CommandType as q, ICommandService as j, IUniverInstanceService as z, TextX as _t, JSONX as $, MemoryCursor as xn, TextXActionType as Y, IUndoRedoService as Kt, BuildTextUtils as Nn, ArrangeTypeEnum as Ze, Tools as Me, Inject as Z, IContextService as Yt, LocaleService as lt, Disposable as Ne, WrapTextType as ze, PositionedObjectLayoutType as k, BooleanNumber as oe, DrawingTypeEnum as xe, ObjectRelativeFromV as W, ObjectRelativeFromH as J, FOCUSING_COMMON_DRAWINGS as nt, UniverInstanceType as we, Direction as he, DisposableCollection as Un, toDisposable as Se, fromEventSubject as Zt, generateRandomId as Ln, DocumentFlavor as pt, DOCS_ZEN_EDITOR_UNIT_ID_KEY as St, FOCUSING_UNIVER_EDITOR as Bn, UndoCommand as Fn, RedoCommand as kn, Injector as Qt, DOC_DRAWING_PRINTING_COMPONENT_KEY as Wn, throttle as Et, COLORS as Gn, RxDisposable as Hn, LifecycleService as jn, LifecycleStages as Rt, DependentOn as Vn, IConfigService as $n, Plugin as zn, merge as Xn } from "@univerjs/core";
+var Pn = Object.defineProperty;
+var xn = (i, e, t) => e in i ? Pn(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var ve = (i, e, t) => xn(i, 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 Pe, Inject as Z, IContextService as Yt, LocaleService as lt, Disposable as Ne, WrapTextType as ze, PositionedObjectLayoutType as k, BooleanNumber as oe, DrawingTypeEnum as xe, ObjectRelativeFromV as W, ObjectRelativeFromH as J, FOCUSING_COMMON_DRAWINGS as nt, UniverInstanceType as we, Direction as he, DisposableCollection as Ln, toDisposable as Se, 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 Gn, RxDisposable as Hn, LifecycleService as jn, LifecycleStages as Rt, DependentOn as Vn, IConfigService as $n, Plugin as zn, merge as Xn } from "@univerjs/core";
 import { IDocDrawingService as Ue, UniverDocsDrawingPlugin as qn } from "@univerjs/docs-drawing";
 import { RichTextEditingMutation as ee, DocSelectionManagerService as Dt, DocSkeletonManagerService as te } from "@univerjs/docs";
-import { DocSelectionRenderService as be, getRichTextEditPath as Xe, getCustomBlockIdsInSelections as Kn, docDrawingPositionToTransform as Jt, VIEWPORT_KEY as en, SetDocZoomRatioOperation as tn, DocPrintInterceptorService as Yn, NodePositionConvertToCursor as At, getOneTextSelectionRange as Pt, getAnchorBounding as Zn, TEXT_RANGE_LAYER_INDEX as Qn, getDocObject as Jn, DocCanvasPopManagerService as er, IEditorService as tr } from "@univerjs/docs-ui";
-import { IRenderManagerService as Q, DocumentEditArea as ke, getCurrentTypeOfRenderer as nr, CURSOR_TYPE as xt, Liquid as nn, PageLayoutType as Nt, DocumentSkeletonPageType as Ut, Vector2 as rr, Rect as ir, getColor as or, TRANSFORM_CHANGE_OBSERVABLE_TYPE as sr } from "@univerjs/engine-render";
-import { MessageType as Lt, clsx as rn, InputNumber as Fe, Select as Bt, Checkbox as ar, RadioGroup as Ft, Radio as ye, render as cr, unmount as dr } from "@univerjs/design";
+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 er, IEditorService as tr } from "@univerjs/docs-ui";
+import { IRenderManagerService as Q, DocumentEditArea as ke, getCurrentTypeOfRenderer as nr, CURSOR_TYPE as xt, Liquid as rn, PageLayoutType as Nt, DocumentSkeletonPageType as Ut, Vector2 as rr, Rect as ir, getColor as or, TRANSFORM_CHANGE_OBSERVABLE_TYPE as sr } from "@univerjs/engine-render";
+import { MessageType as Lt, clsx as on, InputNumber as Fe, Select as Bt, Checkbox as ar, RadioGroup as Ft, Radio as ye, render as cr, unmount as dr } from "@univerjs/design";
 import { IImageIoService as gr, IDrawingManagerService as fe, DRAWING_IMAGE_ALLOW_IMAGE_LIST as lr, DRAWING_IMAGE_COUNT_LIMIT as kt, ImageUploadStatusType as mt, DRAWING_IMAGE_ALLOW_SIZE as ur, getImageSize as hr, getDrawingShapeKeyByDrawingSearch as fr, DRAWING_IMAGE_WIDTH_LIMIT as Wt, DRAWING_IMAGE_HEIGHT_LIMIT as Gt, UniverDrawingPlugin as pr } from "@univerjs/drawing";
-import { IMessageService as mr, ILocalFileService as wr, ISidebarService as vr, CanvasFloatDomService as Ir, useDependency as me, getMenuHiddenObservable as on, MenuItemType as sn, RibbonInsertGroup as _r, KeyCode as We, ComponentManager as an, IMenuManagerService as Sr, IShortcutService as Dr, PrintFloatDomSingle as Or, connectInjector as Tr, UniverUIPlugin as yr } from "@univerjs/ui";
-import { BehaviorSubject as Ot, debounceTime as cn, map as Ht, switchMap as Mr, of as br, Observable as Cr, takeUntil as jt, filter as Vt } from "rxjs";
-import { DrawingRenderService as dn, DrawingCommonPanel as Er, ImageCropperObject as Rr, COMPONENT_IMAGE_POPUP_MENU as Ar, OpenImageCropOperation as Pr, ImageResetSizeOperation as xr, UniverDrawingUIPlugin as Nr } from "@univerjs/drawing-ui";
+import { IMessageService as mr, ILocalFileService as wr, ISidebarService as vr, CanvasFloatDomService as Ir, useDependency as me, getMenuHiddenObservable as sn, MenuItemType as an, RibbonInsertGroup as _r, KeyCode as We, ComponentManager as cn, IMenuManagerService as Sr, IShortcutService as Dr, PrintFloatDomSingle as Or, connectInjector as Tr, UniverUIPlugin as yr } from "@univerjs/ui";
+import { BehaviorSubject as Ot, debounceTime as dn, map as Ht, switchMap as Mr, of as br, Observable as Cr, takeUntil as jt, filter as Vt } from "rxjs";
+import { DrawingRenderService as gn, DrawingCommonPanel as Er, ImageCropperObject as Rr, COMPONENT_IMAGE_POPUP_MENU as Ar, OpenImageCropOperation as Pr, ImageResetSizeOperation as xr, UniverDrawingUIPlugin as Nr } from "@univerjs/drawing-ui";
 import { jsxs as X, jsx as y } from "react/jsx-runtime";
 import { useState as ie, useEffect as Tt, useMemo as Ur } from "react";
 const yt = {
@@ -22,7 +22,7 @@ const yt = {
     const t = i.get(j), n = i.get(z), r = i.get(Q), o = n.getCurrentUniverDocInstance();
     if (e == null || o == null)
       return !1;
-    const s = r.getRenderById(e.unitId).with(be), { drawings: c } = e, d = (C = s.getSegment()) != null ? C : "", a = new _t(), g = $.getInstance(), u = (A = (M = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : M.customBlocks) != null ? A : [], l = c.map((R) => u.find((v) => v.blockId === R.drawingId)).filter((R) => !!R).sort((R, v) => R.startIndex > v.startIndex ? 1 : -1), f = c[0].unitId, h = new xn();
+    const s = r.getRenderById(e.unitId).with(Me), { drawings: c } = e, d = (C = s.getSegment()) != null ? C : "", a = new _t(), g = $.getInstance(), u = (A = (M = o.getSelfOrHeaderFooterModel(d).getBody()) == null ? void 0 : M.customBlocks) != null ? A : [], l = c.map((R) => u.find((v) => v.blockId === R.drawingId)).filter((R) => !!R).sort((R, v) => R.startIndex > v.startIndex ? 1 : -1), f = c[0].unitId, h = new Nn();
     h.reset();
     const m = l[0].startIndex, p = [
       {
@@ -55,7 +55,7 @@ const yt = {
     }
     return w.params.actions = D.reduce((R, v) => $.compose(R, v), null), !!t.syncExecuteCommand(w.id, w.params);
   }
-}, gn = {
+}, ln = {
   id: "doc.command.delete-drawing",
   type: q.COMMAND,
   handler: (i) => {
@@ -76,7 +76,7 @@ const yt = {
       drawings: o
     });
   }
-}, ln = {
+}, un = {
   id: "doc.command.group-doc-image",
   type: q.COMMAND,
   handler: (i, e) => {
@@ -114,7 +114,7 @@ const yt = {
         len: g
       });
     else {
-      const v = Nn.selection.delete([o], l, 0, null, !1);
+      const v = Un.selection.delete([o], l, 0, null, !1);
       f.push(...v);
       const N = Kn(l, [o]), G = (L = s.getDrawings()) != null ? L : {}, x = (R = s.getDrawingsOrder()) != null ? R : [], H = N.sort((I, _) => x.indexOf(I) > x.indexOf(_) ? -1 : x.indexOf(I) < x.indexOf(_) ? 1 : 0);
       if (H.length > 0)
@@ -153,7 +153,7 @@ const yt = {
     };
     return O.params.actions = m.reduce((v, N) => $.compose(v, N), null), !!t.syncExecuteCommand(O.id, O.params);
   }
-}, un = {
+}, hn = {
   id: "doc.command.set-drawing-arrange",
   type: q.COMMAND,
   handler: (i, e) => {
@@ -168,7 +168,7 @@ const yt = {
     if (g == null)
       return !1;
     const u = [];
-    let l = Me.deepClone(g);
+    let l = Pe.deepClone(g);
     l = l.slice(3), l.unshift("drawingsOrder"), u.push(l);
     const f = {
       id: ee.id,
@@ -180,7 +180,7 @@ const yt = {
     };
     return f.params.actions = u.reduce((m, p) => $.compose(m, p), null), !!t.syncExecuteCommand(f.id, f.params);
   }
-}, hn = {
+}, fn = {
   id: "doc.command.ungroup-doc-image",
   type: q.COMMAND,
   handler: (i, e) => {
@@ -272,7 +272,7 @@ let rt = class extends Ne {
         drawingType: xe.DRAWING_IMAGE,
         imageSourceType: s,
         source: c,
-        transform: Jt(f),
+        transform: en(f),
         docTransform: f,
         behindDoc: oe.FALSE,
         title: "",
@@ -320,7 +320,7 @@ let rt = class extends Ne {
   _updateOrderListener() {
     this._drawingManagerService.featurePluginOrderUpdate$.subscribe((i) => {
       const { unitId: e, subUnitId: t, drawingIds: n, arrangeType: r } = i;
-      this._commandService.executeCommand(un.id, {
+      this._commandService.executeCommand(hn.id, {
         unitId: e,
         subUnitId: t,
         drawingIds: n,
@@ -330,9 +330,9 @@ let rt = class extends Ne {
   }
   _groupDrawingListener() {
     this._drawingManagerService.featurePluginGroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(ln.id, i);
+      this._commandService.executeCommand(un.id, i);
     }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((i) => {
-      this._commandService.executeCommand(hn.id, i);
+      this._commandService.executeCommand(fn.id, i);
     });
   }
   _getCurrentSceneAndTransformer() {
@@ -345,7 +345,7 @@ let rt = class extends Ne {
   _transformDrawingListener() {
     const i = this._getCurrentSceneAndTransformer();
     if (i && i.transformer)
-      this.disposeWithMe(i.transformer.changeEnd$.pipe(cn(30)).subscribe((e) => {
+      this.disposeWithMe(i.transformer.changeEnd$.pipe(dn(30)).subscribe((e) => {
         this._docSelectionManagerService.refreshSelection();
       }));
     else
@@ -449,11 +449,11 @@ rt = Br([
   le(7, Yt),
   le(8, mr),
   le(9, Z(lt)),
-  le(10, Z(be)),
+  le(10, Z(Me)),
   le(11, Z(ut)),
   le(12, wr)
 ], rt);
-const fn = {
+const pn = {
   id: "doc.command.insert-float-image",
   type: q.COMMAND,
   handler: (i) => {
@@ -470,7 +470,7 @@ const Fr = {
   inFrontOfText: k.WRAP_NONE,
   behindText: k.WRAP_NONE
 };
-function pn(i, e, t, n, r, o, s) {
+function mn(i, e, t, n, r, o, s) {
   var f, h;
   const c = new _t(), d = $.getInstance(), a = [], g = o.getSelfOrHeaderFooterModel(e).getBody(), u = o.getSelfOrHeaderFooterModel(i).getBody();
   if (g == null || u == null)
@@ -547,7 +547,7 @@ function pn(i, e, t, n, r, o, s) {
     return a;
   }
 }
-const mn = {
+const wn = {
   id: "doc.command.update-doc-drawing-wrapping-style",
   type: q.COMMAND,
   // eslint-disable-next-line max-lines-per-function, complexity
@@ -633,7 +633,7 @@ const mn = {
     const M = o.syncExecuteCommand(C.id, C.params);
     return h.refreshControls(), !!M;
   }
-}, wn = {
+}, vn = {
   id: "doc.command.update-doc-drawing-distance",
   type: q.COMMAND,
   handler: (i, e) => {
@@ -663,7 +663,7 @@ const mn = {
     };
     return u.params.actions = a.reduce((f, h) => $.compose(f, h), null), !!t.syncExecuteCommand(u.id, u.params);
   }
-}, vn = {
+}, In = {
   id: "doc.command.update-doc-drawing-wrap-text",
   type: q.COMMAND,
   handler: (i, e) => {
@@ -705,7 +705,7 @@ const mn = {
     const { drawings: a, unitId: g } = e, u = $.getInstance(), l = [], { drawings: f = {} } = d.getSnapshot();
     for (const p of a) {
       const { drawingId: w, key: D, value: S } = p, O = f[w].docTransform[D];
-      if (!Me.diffValue(O, S)) {
+      if (!Pe.diffValue(O, S)) {
         const C = u.replaceOp(["drawings", w, "docTransform", D], O, S);
         l.push(C);
       }
@@ -723,14 +723,14 @@ const mn = {
     const m = t.syncExecuteCommand(h.id, h.params);
     return c.refreshControls(), !!m;
   }
-}, In = {
+}, _n = {
   id: "doc.command.move-inline-drawing",
   type: q.COMMAND,
   handler: (i, e) => {
     var L, R;
     if (e == null)
       return !1;
-    const t = i.get(Q), n = (L = t.getRenderById(e.unitId)) == null ? void 0 : L.with(be), r = i.get(ut), o = t.getRenderById(e.unitId), s = o == null ? void 0 : o.scene, c = o == null ? void 0 : o.with(te).getSkeleton();
+    const t = i.get(Q), n = (L = t.getRenderById(e.unitId)) == null ? void 0 : L.with(Me), r = i.get(ut), o = t.getRenderById(e.unitId), s = o == null ? void 0 : o.scene, c = o == null ? void 0 : o.with(te).getSkeleton();
     if (s == null || n == null)
       return !1;
     const d = s.getTransformerByCreate(), a = i.get(j), u = i.get(z).getCurrentUniverDocInstance();
@@ -739,7 +739,7 @@ const mn = {
     const { drawing: l, unitId: f, offset: h, segmentId: m, segmentPage: p, needRefreshDrawings: w } = e;
     if (w)
       return r.refreshDrawings(c), d.refreshControls(), !0;
-    const D = [], { drawingId: S } = l, O = (R = n.getSegment()) != null ? R : "", C = pn(
+    const D = [], { drawingId: S } = l, O = (R = n.getSegment()) != null ? R : "", C = mn(
       m,
       O,
       p,
@@ -763,7 +763,7 @@ const mn = {
     const A = a.syncExecuteCommand(M.id, M.params);
     return d.refreshControls(), !!A;
   }
-}, _n = {
+}, Sn = {
   id: "doc.command.transform-non-inline-drawing",
   type: q.COMMAND,
   // eslint-disable-next-line max-lines-per-function
@@ -771,13 +771,13 @@ const mn = {
     var x, H;
     if (e == null)
       return !1;
-    const t = i.get(Q), n = (x = t.getRenderById(e.unitId)) == null ? void 0 : x.with(be), r = t.getRenderById(e.unitId), o = r == null ? void 0 : r.scene;
+    const t = i.get(Q), n = (x = t.getRenderById(e.unitId)) == null ? void 0 : x.with(Me), r = t.getRenderById(e.unitId), o = r == null ? void 0 : r.scene;
     if (o == null || n == null)
       return !1;
     const s = o.getTransformerByCreate(), c = i.get(j), a = i.get(z).getCurrentUniverDocInstance();
     if (a == null)
       return !1;
-    const { drawing: g, unitId: u, offset: l, docTransform: f, segmentId: h, segmentPage: m } = e, p = [], { drawingId: w } = g, D = (H = n.getSegment()) != null ? H : "", S = pn(
+    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,
@@ -790,19 +790,19 @@ const mn = {
       return !1;
     S.length > 0 && p.push(...S);
     const O = $.getInstance(), { drawings: C = {} } = a.getSnapshot(), M = C[w].docTransform, { positionH: A, positionV: L, size: R, angle: v } = M;
-    if (!Me.diffValue(A, f.positionH)) {
+    if (!Pe.diffValue(A, f.positionH)) {
       const I = O.replaceOp(["drawings", w, "docTransform", "positionH"], A, f.positionH);
       p.push(I);
     }
-    if (!Me.diffValue(L, f.positionV)) {
+    if (!Pe.diffValue(L, f.positionV)) {
       const I = O.replaceOp(["drawings", w, "docTransform", "positionV"], L, f.positionV);
       p.push(I);
     }
-    if (!Me.diffValue(R, f.size)) {
+    if (!Pe.diffValue(R, f.size)) {
       const I = O.replaceOp(["drawings", w, "docTransform", "size"], R, f.size);
       p.push(I);
     }
-    if (!Me.diffValue(v, f.angle)) {
+    if (!Pe.diffValue(v, f.angle)) {
       const I = O.replaceOp(["drawings", w, "docTransform", "angle"], v, f.angle);
       p.push(I);
     }
@@ -860,7 +860,7 @@ const mn = {
       (o = (r = t.getRenderById(n)) == null ? void 0 : r.scene.getTransformer()) == null || o.debounceRefreshControls();
     }), !0;
   }
-}, Sn = "COMPONENT_DOC_DRAWING_PANEL", Dn = {
+}, Dn = "COMPONENT_DOC_DRAWING_PANEL", On = {
   id: "sidebar.operation.doc-image",
   type: q.COMMAND,
   handler: async (i, e) => {
@@ -869,7 +869,7 @@ const mn = {
       case "open":
         t.open({
           header: { title: n.t("docImage.panel.title") },
-          children: { label: Sn },
+          children: { label: Dn },
           onClose: () => {
             r.focusDrawing(null);
           },
@@ -883,12 +883,12 @@ const mn = {
     }
     return !0;
   }
-}, On = {
+}, Tn = {
   id: "doc.operation.edit-doc-image",
   type: q.OPERATION,
   handler: (i, e) => {
     const t = i.get(fe), n = i.get(j);
-    return e == null ? !1 : (t.focusDrawing([e]), n.executeCommand(Dn.id, { value: "open" }), !0);
+    return e == null ? !1 : (t.focusDrawing([e]), n.executeCommand(On.id, { value: "open" }), !0);
   }
 };
 var Wr = Object.getOwnPropertyDescriptor, Gr = (i, e, t, n) => {
@@ -896,8 +896,8 @@ var Wr = Object.getOwnPropertyDescriptor, Gr = (i, e, t, n) => {
     (s = i[o]) && (r = s(r) || r);
   return r;
 }, Be = (i, e) => (t, n) => e(t, n, i);
-function Tn(i, e, t = 1, n = 0) {
-  const { top: r, left: o, bottom: s, right: c } = i, d = c - o, a = s - r, g = e.getViewport(en.VIEW_MAIN), { viewportScrollX: u, viewportScrollY: l } = g, { scaleX: f, scaleY: h } = e.getAncestorScale();
+function yn(i, e, t = 1, n = 0) {
+  const { top: r, left: o, bottom: s, right: c } = i, d = c - o, a = s - r, g = e.getViewport(tn.VIEW_MAIN), { viewportScrollX: u, viewportScrollY: l } = g, { scaleX: f, scaleY: h } = e.getAncestorScale();
   return {
     startX: (o - u) * f,
     startY: (r - l) * h,
@@ -915,7 +915,7 @@ function Tn(i, e, t = 1, n = 0) {
 }
 function wt(i, e) {
   const { top: t, left: n, width: r, height: o, angle: s, opacity: c } = i;
-  return Tn({ top: t, left: n, bottom: t + o, right: n + r }, e.scene, c, s);
+  return yn({ top: t, left: n, bottom: t + o, right: n + r }, e.scene, c, s);
 }
 let it = class extends Ne {
   constructor(e, t, n, r, o, s) {
@@ -966,7 +966,7 @@ let it = class extends Ne {
       if (!(c == null || c.length === 0))
         for (const d of c) {
           this._addHoverForRect(d);
-          const a = new Un(), g = wt(d, o.renderUnit), u = new Ot(g), l = o.canvas, f = s.data, h = {
+          const a = new Ln(), g = wt(d, o.renderUnit), u = new Ot(g), l = o.canvas, f = s.data, h = {
             dispose: a,
             rect: d,
             position$: u,
@@ -1044,7 +1044,7 @@ let it = class extends Ne {
           return r ? { render: r, unitId: n } : null;
         }),
         Mr(
-          (t) => t ? Zt(t.render.scene.getViewport(en.VIEW_MAIN).onScrollAfter$).pipe(Ht(() => ({ unitId: t.unitId }))) : br(null)
+          (t) => t ? Zt(t.render.scene.getViewport(tn.VIEW_MAIN).onScrollAfter$).pipe(Ht(() => ({ unitId: t.unitId }))) : br(null)
         )
       ).subscribe((t) => {
         if (!t) return;
@@ -1052,7 +1052,7 @@ let it = class extends Ne {
         e(n);
       })
     ), this.disposeWithMe(this._commandService.onCommandExecuted((t) => {
-      if (t.id === tn.id) {
+      if (t.id === nn.id) {
         const n = t.params, { unitId: r } = n;
         e(r);
       }
@@ -1080,7 +1080,7 @@ let it = class extends Ne {
         posOffset: 0
       },
       angle: 0
-    }, f = (w = t.drawingId) != null ? w : Ln(), h = {
+    }, f = (w = t.drawingId) != null ? w : Qt(), h = {
       unitId: n.getUnitId(),
       drawings: [
         {
@@ -1093,7 +1093,7 @@ let it = class extends Ne {
           description: "",
           docTransform: l,
           layoutType: k.INLINE,
-          transform: Jt(l)
+          transform: en(l)
         }
       ]
     };
@@ -1103,7 +1103,7 @@ let it = class extends Ne {
 it = Gr([
   Be(0, Q),
   Be(1, fe),
-  Be(2, Z(dn)),
+  Be(2, Z(gn)),
   Be(3, Z(Ir)),
   Be(4, z),
   Be(5, j)
@@ -1166,7 +1166,7 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
         value: E
       }))
     });
-    const B = (b = r.getRenderById(d)) == null ? void 0 : b.with(be);
+    const B = (b = r.getRenderById(d)) == null ? void 0 : b.with(Me);
     B && B.blur(), f.refreshControls();
   }
   function N(_) {
@@ -1182,19 +1182,19 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
     const K = (re = r.getRenderById(P)) == null ? void 0 : re.with(te).getSkeleton(), se = K == null ? void 0 : K.getSkeletonData();
     if (se == null)
       return;
-    const { pages: Le, skeHeaders: Ce, skeFooters: Ge } = se;
+    const { pages: Le, skeHeaders: be, skeFooters: Ge } = se;
     for (const ce of Le) {
-      const { marginLeft: De, skeDrawings: Oe, headerId: Ee, footerId: Re, pageWidth: Te } = ce;
+      const { marginLeft: De, skeDrawings: Oe, headerId: Ce, footerId: Ee, pageWidth: Te } = ce;
       if (Oe.has(b)) {
         V = Oe.get(b), F = De;
         break;
       }
-      const de = (Ie = Ce.get(Ee)) == null ? void 0 : Ie.get(Te);
+      const de = (Ie = be.get(Ce)) == null ? void 0 : Ie.get(Te);
       if (de != null && de.skeDrawings.has(b)) {
         V = de == null ? void 0 : de.skeDrawings.get(b), F = De;
         break;
       }
-      const ge = (_e = Ge.get(Re)) == null ? void 0 : _e.get(Te);
+      const ge = (_e = Ge.get(Ee)) == null ? void 0 : _e.get(Te);
       if (ge != null && ge.skeDrawings.has(b)) {
         V = ge == null ? void 0 : ge.skeDrawings.get(b), F = De;
         break;
@@ -1211,17 +1211,17 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
     v("positionH", ne);
   }
   function G(_) {
-    var Oe, Ee, Re, Te, de, ge;
+    var Oe, Ce, Ee, Te, de, ge;
     const E = O.relativeFrom, T = O.posOffset, U = Number(_);
     if (E === U)
       return;
     const B = n.getFocusDrawings();
     if (B.length === 0)
       return;
-    const { drawingId: b, unitId: P } = B[0], V = o.getUniverDocInstance(P), F = (Oe = r.getRenderById(P)) == null ? void 0 : Oe.with(te).getSkeleton(), K = (Ee = r.getRenderById(P)) == null ? void 0 : Ee.with(be), se = K == null ? void 0 : K.getSegment(), Le = K == null ? void 0 : K.getSegmentPage(), Ce = (Te = (Re = V == null ? void 0 : V.getSelfOrHeaderFooterModel(se).getBody()) == null ? void 0 : Re.customBlocks) == null ? void 0 : Te.find((Ae) => Ae.blockId === b);
-    if (Ce == null || F == null || K == null)
+    const { drawingId: b, unitId: P } = B[0], V = o.getUniverDocInstance(P), F = (Oe = r.getRenderById(P)) == null ? void 0 : Oe.with(te).getSkeleton(), K = (Ce = r.getRenderById(P)) == null ? void 0 : Ce.with(Me), se = K == null ? void 0 : K.getSegment(), Le = K == null ? void 0 : K.getSegmentPage(), be = (Te = (Ee = V == null ? void 0 : V.getSelfOrHeaderFooterModel(se).getBody()) == null ? void 0 : Ee.customBlocks) == null ? void 0 : Te.find((Re) => Re.blockId === b);
+    if (be == null || F == null || K == null)
       return;
-    const { startIndex: Ge } = Ce, ae = F.findNodeByCharIndex(Ge, se, Le), ne = (de = ae == null ? void 0 : ae.parent) == null ? void 0 : de.parent, re = ne == null ? void 0 : ne.parent, Ie = re == null ? void 0 : re.lines.find((Ae) => Ae.paragraphIndex === (ne == null ? void 0 : ne.paragraphIndex) && Ae.paragraphStart), _e = (ge = re == null ? void 0 : re.parent) == null ? void 0 : ge.parent;
+    const { startIndex: Ge } = be, ae = F.findNodeByCharIndex(Ge, se, Le), ne = (de = ae == null ? void 0 : ae.parent) == null ? void 0 : de.parent, re = ne == null ? void 0 : ne.parent, Ie = re == null ? void 0 : re.lines.find((Re) => Re.paragraphIndex === (ne == null ? void 0 : ne.paragraphIndex) && Re.paragraphStart), _e = (ge = re == null ? void 0 : re.parent) == null ? void 0 : ge.parent;
     if (ae == null || ne == null || Ie == null || re == null || _e == null)
       return;
     let ce = 0;
@@ -1267,7 +1267,7 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
   }, []), /* @__PURE__ */ X(
     "div",
     {
-      className: rn("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
+      className: on("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
         "univer-hidden": !L
       }),
       children: [
@@ -1412,7 +1412,7 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
       subUnitId: b,
       drawingId: P
     }));
-    e.executeCommand(mn.id, {
+    e.executeCommand(wn.id, {
       unitId: E,
       subUnitId: T,
       drawings: U,
@@ -1429,7 +1429,7 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
       subUnitId: T.subUnitId,
       drawingId: T.drawingId
     }));
-    e.executeCommand(vn.id, {
+    e.executeCommand(In.id, {
       unitId: _[0].unitId,
       subUnitId: _[0].unitId,
       drawings: E,
@@ -1449,7 +1449,7 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
       subUnitId: B.subUnitId,
       drawingId: B.drawingId
     }));
-    e.executeCommand(wn.id, {
+    e.executeCommand(vn.id, {
       unitId: T[0].unitId,
       subUnitId: T[0].unitId,
       drawings: U,
@@ -1515,7 +1515,7 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
   }, []), /* @__PURE__ */ X(
     "div",
     {
-      className: rn("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
+      className: on("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
         "univer-hidden": !L
       }),
       children: [
@@ -1656,7 +1656,7 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
     /* @__PURE__ */ y(Vr, { drawings: t }),
     /* @__PURE__ */ y(jr, { drawings: t })
   ] });
-}, yn = "doc.menu.image", Mn = fn.id, zr = (i) => {
+}, Mn = "doc.menu.image", bn = pn.id, zr = (i) => {
   const e = i.get(Dt), t = i.get(z);
   return new Cr((n) => {
     const r = e.textSelection$.subscribe(() => {
@@ -1682,28 +1682,28 @@ const Hr = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, jr = (i) => {
 };
 function Xr(i) {
   return {
-    id: yn,
-    type: sn.SUBITEMS,
+    id: Mn,
+    type: an.SUBITEMS,
     icon: "AddImageIcon",
     tooltip: "docImage.title",
     disabled$: zr(i),
-    hidden$: on(i, we.UNIVER_DOC, void 0, St)
+    hidden$: sn(i, we.UNIVER_DOC, void 0, St)
   };
 }
 function qr(i) {
   return {
-    id: Mn,
+    id: bn,
     title: "docImage.upload.float",
-    type: sn.BUTTON,
-    hidden$: on(i, we.UNIVER_DOC, void 0, St)
+    type: an.BUTTON,
+    hidden$: sn(i, we.UNIVER_DOC, void 0, St)
   };
 }
 const Kr = {
   [_r.MEDIA]: {
-    [yn]: {
+    [Mn]: {
       order: 0,
       menuItemFactory: Xr,
-      [Mn]: {
+      [bn]: {
         order: 0,
         menuItemFactory: qr
       }
@@ -1754,7 +1754,7 @@ const Yr = {
     direction: he.RIGHT
   }
 }, ei = {
-  id: gn.id,
+  id: ln.id,
   description: "shortcut.drawing-delete",
   group: "4_drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
@@ -1773,30 +1773,30 @@ let ot = class extends Ne {
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(Sn, $r));
+    this.disposeWithMe(i.register(Dn, $r));
   }
   _initMenus() {
     this._menuManagerService.mergeMenu(Kr);
   }
   _initCommands() {
     [
-      fn,
+      pn,
       Mt,
-      mn,
       wn,
       vn,
-      qe,
       In,
+      qe,
       _n,
+      Sn,
       yt,
-      Dn,
-      kr,
       On,
-      ln,
-      hn,
+      kr,
+      Tn,
+      un,
+      fn,
       Ke,
-      gn,
-      un
+      ln,
+      hn
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _initShortcuts() {
@@ -1816,7 +1816,7 @@ let ot = class extends Ne {
   }
 };
 ot = ni([
-  et(0, Z(an)),
+  et(0, Z(cn)),
   et(1, Sr),
   et(2, j),
   et(3, Dr)
@@ -1941,7 +1941,7 @@ st = ii([
 ], st);
 const ai = (i) => {
   const { floatDomInfos: e, scene: t, offset: n, bound: r } = i, o = r.right - r.left, s = r.bottom - r.top, c = Ur(() => e.map((d) => {
-    const { width: a = 0, height: g = 0, left: u = 0, top: l = 0 } = d.transform, h = Tn(
+    const { width: a = 0, height: g = 0, left: u = 0, top: l = 0 } = d.transform, h = yn(
       {
         left: u,
         right: u + a,
@@ -2043,10 +2043,10 @@ let at = class extends Ne {
 };
 at = di([
   Ve(0, Z(Yn)),
-  Ve(1, Z(dn)),
+  Ve(1, Z(gn)),
   Ve(2, fe),
-  Ve(3, Z(an)),
-  Ve(4, Z(Qt))
+  Ve(3, Z(cn)),
+  Ve(4, Z(Jt))
 ], at);
 var gi = Object.getOwnPropertyDescriptor, li = (i, e, t, n) => {
   for (var r = n > 1 ? void 0 : n ? gi(e, t) : e, o = i.length - 1, s; o >= 0; o--)
@@ -2061,7 +2061,7 @@ function qt(i) {
 let ct = class extends Ne {
   constructor(e, t, n, r) {
     super();
-    ve(this, "_liquid", new nn());
+    ve(this, "_liquid", new rn());
     ve(this, "_listenerOnImageMap", /* @__PURE__ */ new Set());
     // Use to cache the drawings is under transforming or scaling.
     ve(this, "_transformerCache", /* @__PURE__ */ new Map());
@@ -2242,7 +2242,7 @@ let ct = class extends Ne {
     const w = 0.5, D = this._getTransformCoordForDocumentOffset(d, a, t, n);
     if (D == null)
       return;
-    const S = (x = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : x.with(be);
+    const S = (x = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : x.with(Me);
     if (S == null)
       return;
     const O = o == null ? void 0 : o.findNodeByCoord(D, g, u, l, {
@@ -2268,7 +2268,7 @@ let ct = class extends Ne {
   }
   // eslint-disable-next-line max-lines-per-function, complexity
   _getDrawingAnchor(e, t) {
-    var Ie, _e, ce, De, Oe, Ee, Re, Te, de, ge, Ae;
+    var Ie, _e, ce, De, Oe, Ce, Ee, Te, de, ge, Re;
     const n = this._renderManagerService.getRenderById(e.unitId), r = n == null ? void 0 : n.with(te).getSkeleton(), o = r == null ? void 0 : r.getSkeletonData();
     if (o == null || n == null)
       return;
@@ -2287,7 +2287,7 @@ let ct = class extends Ne {
     }, { x: _, y: E } = g.getViewportScrollXY(l), T = this._getTransformCoordForDocumentOffset(u, l, D - _, S - E);
     if (T == null)
       return;
-    const U = (Ie = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : Ie.with(be);
+    const U = (Ie = this._renderManagerService.getRenderById(e.unitId)) == null ? void 0 : Ie.with(Me);
     if (U == null)
       return;
     const B = r == null ? void 0 : r.findNodeByCoord(T, f, h, m, {
@@ -2307,8 +2307,8 @@ let ct = class extends Ne {
     this._liquid.reset();
     const K = F.type;
     for (const pe of s) {
-      const { headerId: ht, footerId: ft, pageHeight: Cn, pageWidth: bt, marginLeft: Ct, marginBottom: En } = pe, Rn = s.indexOf(pe);
-      if (x > -1 && Rn === x) {
+      const { headerId: ht, footerId: ft, pageHeight: En, pageWidth: bt, marginLeft: Ct, marginBottom: Rn } = pe, An = s.indexOf(pe);
+      if (x > -1 && An === x) {
         switch (K) {
           case Ut.HEADER: {
             const He = (Oe = c.get(ht)) == null ? void 0 : Oe.get(bt);
@@ -2322,10 +2322,10 @@ let ct = class extends Ne {
             break;
           }
           case Ut.FOOTER: {
-            const He = (Ee = d.get(ft)) == null ? void 0 : Ee.get(bt);
+            const He = (Ce = d.get(ft)) == null ? void 0 : Ce.get(bt);
             if (He)
               this._liquid.translatePagePadding({
-                marginTop: Cn - En + He.marginTop,
+                marginTop: En - Rn + He.marginTop,
                 marginLeft: Ct
               });
             else
@@ -2339,7 +2339,7 @@ let ct = class extends Ne {
         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 = (Te = (Re = V.divides) == null ? void 0 : Re[0]) == null ? void 0 : Te.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 = (Te = (Ee = V.divides) == null ? void 0 : Ee[0]) == null ? void 0 : Te.glyphGroup) == null ? void 0 : de[0]) != null ? ge : N, I.positionH = {
       relativeFrom: L.relativeFrom,
       posOffset: D - this._liquid.x - p
     }, L.relativeFrom) {
@@ -2374,10 +2374,10 @@ let ct = class extends Ne {
     const se = r == null ? void 0 : r.findPositionByGlyph(N, x), Le = this._getDocObject();
     if (se == null || r == null || Le == null || qt(se))
       return;
-    const Ce = {
+    const be = {
       ...se,
       isBack: H
-    }, Ge = Le.document.getOffsetConfig(), ae = new At(Ge, r), { cursorList: ne } = ae.getRangePointData(Ce, Ce), { startOffset: re } = (Ae = Pt(ne)) != null ? Ae : {};
+    }, Ge = Le.document.getOffsetConfig(), ae = new At(Ge, r), { cursorList: ne } = ae.getRangePointData(be, be), { startOffset: re } = (Re = Pt(ne)) != null ? Re : {};
     if (re != null)
       return { offset: re, docTransform: I, segmentId: G, segmentPage: x };
   }
@@ -2406,7 +2406,7 @@ let ct = class extends Ne {
   // Update inline drawing when use transformer to move it.
   _moveInlineDrawing(e, t, n) {
     const r = this._getInlineDrawingAnchor(e, t, n), { offset: o, segmentId: s, segmentPage: c } = r != null ? r : {};
-    return this._commandService.executeCommand(In.id, {
+    return this._commandService.executeCommand(_n.id, {
       unitId: e.unitId,
       subUnitId: e.unitId,
       drawing: e,
@@ -2435,7 +2435,7 @@ let ct = class extends Ne {
       const { marginBottom: O, pageHeight: C } = S, M = u.indexOf(S), A = u[M + 1];
       if (A == null)
         continue;
-      if (Me.hasIntersectionBetweenTwoRanges(
+      if (Pe.hasIntersectionBetweenTwoRanges(
         o,
         o + c,
         this._liquid.y + h + C - O,
@@ -2459,7 +2459,7 @@ let ct = class extends Ne {
     if (n && r.top !== t.top)
       return;
     const o = this._getDrawingAnchor(e, r), { offset: s, docTransform: c, segmentId: d, segmentPage: a } = o != null ? o : {};
-    return s == null || c == null ? this._updateMultipleDrawingDocTransform(/* @__PURE__ */ new Map([[e.drawingId, t]])) : this._commandService.executeCommand(_n.id, {
+    return s == null || c == null ? this._updateMultipleDrawingDocTransform(/* @__PURE__ */ new Map([[e.drawingId, t]])) : this._commandService.executeCommand(Sn.id, {
       unitId: e.unitId,
       subUnitId: e.unitId,
       drawing: e,
@@ -2495,7 +2495,7 @@ let ct = class extends Ne {
       this._anchorShape.transformByState({ left: f, top: h, height: l }), this._anchorShape.show();
       return;
     }
-    const m = 6, p = new ir(ui + Me.generateRandomId(m), {
+    const m = 6, p = new ir(ui + Qt(m), {
       left: f,
       top: h,
       height: l,
@@ -2642,7 +2642,7 @@ let dt = class extends Hn {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: On.id,
+        commandId: Tn.id,
         commandParams: { unitId: e, subUnitId: t, drawingId: n },
         // disable: !!SHEET_EDITOR_UNITS.includes(unitId) || drawingType === DrawingTypeEnum.DRAWING_DOM,
         disable: !0
@@ -2684,11 +2684,11 @@ var pi = Object.getOwnPropertyDescriptor, mi = (i, e, t, n) => {
   for (var r = n > 1 ? void 0 : n ? pi(e, t) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
-}, Pe = (i, e) => (t, n) => e(t, n, i);
+}, Ae = (i, e) => (t, n) => e(t, n, i);
 let It = class extends Ne {
   constructor(e, t, n, r, o, s, c, d) {
     super();
-    ve(this, "_liquid", new nn());
+    ve(this, "_liquid", new rn());
     this._context = e, this._docSkeletonManagerService = t, this._commandService = n, this._editorService = r, this._drawingManagerService = o, this._docRefreshDrawingsService = s, this._univerInstanceService = c, this._lifecycleService = d, this._initialize(), this._commandExecutedListener();
   }
   _initialize() {
@@ -2702,7 +2702,7 @@ let It = class extends Ne {
     });
   }
   _commandExecutedListener() {
-    const e = [ee.id, tn.id];
+    const e = [ee.id, nn.id];
     this.disposeWithMe(
       this._commandService.onCommandExecuted((t) => {
         if (e.includes(t.id)) {
@@ -2725,7 +2725,7 @@ let It = class extends Ne {
     this.disposeWithMe(
       Zt(this._context.engine.onTransformChange$).pipe(
         Vt((e) => e.type === sr.resize),
-        cn(16)
+        dn(16)
       ).subscribe(() => {
         var n;
         const e = this._docSkeletonManagerService.getSkeleton(), { scene: t } = this._context;
@@ -2820,19 +2820,19 @@ let It = class extends Ne {
   }
 };
 It = mi([
-  Pe(1, Z(te)),
-  Pe(2, j),
-  Pe(3, tr),
-  Pe(4, fe),
-  Pe(5, Z(ut)),
-  Pe(6, z),
-  Pe(7, Z(jn))
+  Ae(1, Z(te)),
+  Ae(2, j),
+  Ae(3, tr),
+  Ae(4, fe),
+  Ae(5, Z(ut)),
+  Ae(6, z),
+  Ae(7, Z(jn))
 ], It);
 var wi = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, Ii = (i, e, t) => e in i ? wi(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t, _i = (i, e, t, n) => {
   for (var r = n > 1 ? void 0 : n ? vi(e, t) : e, o = i.length - 1, s; o >= 0; o--)
     (s = i[o]) && (r = s(r) || r);
   return r;
-}, vt = (i, e) => (t, n) => e(t, n, i), bn = (i, e, t) => Ii(i, typeof e != "symbol" ? e + "" : e, t);
+}, vt = (i, e) => (t, n) => e(t, n, i), Cn = (i, e, t) => Ii(i, typeof e != "symbol" ? e + "" : e, t);
 const Si = "DOC_DRAWING_UI_PLUGIN";
 let gt = class extends zn {
   constructor(i = $t, e, t, n) {
@@ -2865,27 +2865,27 @@ let gt = class extends zn {
     this._injector.get(dt), this._injector.get(it);
   }
 };
-bn(gt, "type", we.UNIVER_DOC);
-bn(gt, "pluginName", Si);
+Cn(gt, "type", we.UNIVER_DOC);
+Cn(gt, "pluginName", Si);
 gt = _i([
   Vn(Nr, pr, qn, yr),
-  vt(1, Z(Qt)),
+  vt(1, Z(Jt)),
   vt(2, Q),
   vt(3, $n)
 ], gt);
 export {
   kr as ClearDocDrawingTransformerOperation,
-  yn as DOCS_IMAGE_MENU_ID,
-  gn as DeleteDocDrawingsCommand,
+  Mn as DOCS_IMAGE_MENU_ID,
+  ln as DeleteDocDrawingsCommand,
   it as DocFloatDomController,
-  On as EditDocDrawingOperation,
-  ln as GroupDocDrawingCommand,
+  Tn as EditDocDrawingOperation,
+  un as GroupDocDrawingCommand,
   Mt as InsertDocDrawingCommand,
-  fn as InsertDocImageCommand,
+  pn as InsertDocImageCommand,
   Ke as MoveDocDrawingsCommand,
   yt as RemoveDocDrawingCommand,
-  un as SetDocDrawingArrangeCommand,
-  Dn as SidebarDocDrawingOperation,
-  hn as UngroupDocDrawingCommand,
+  hn as SetDocDrawingArrangeCommand,
+  On as SidebarDocDrawingOperation,
+  fn as UngroupDocDrawingCommand,
   gt as UniverDocsDrawingUIPlugin
 };