@univerjs/docs-drawing-ui 0.15.1 → 0.15.2-insiders.20260122-b1556b1

package/lib/index.js

@@ -1,18 +1,18 @@
 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 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 { 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, isInternalEditorID as jn, LifecycleService as $n, LifecycleStages as Rt, DependentOn as zn, IConfigService as Xn, Plugin as qn, merge as Kn } from "@univerjs/core";
+import { IDocDrawingService as Ne, UniverDocsDrawingPlugin as Yn } 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 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 { DocSelectionRenderService as Me, getRichTextEditPath as Xe, getCustomBlockIdsInSelections as Zn, docDrawingPositionToTransform as en, VIEWPORT_KEY as tn, SetDocZoomRatioOperation as nn, DocPrintInterceptorService as Qn, NodePositionConvertToCursor as At, getOneTextSelectionRange as Pt, getAnchorBounding as Jn, TEXT_RANGE_LAYER_INDEX as ei, getDocObject as ti, DocCanvasPopManagerService as ni, IEditorService as ii } from "@univerjs/docs-ui";
+import { IRenderManagerService as Q, DocumentEditArea as Fe, getCurrentTypeOfRenderer as ri, CURSOR_TYPE as xt, Liquid as rn, PageLayoutType as Nt, DocumentSkeletonPageType as Ut, Vector2 as si, Rect as oi, getColor as ai, TRANSFORM_CHANGE_OBSERVABLE_TYPE as ci } from "@univerjs/engine-render";
+import { MessageType as Lt, clsx as sn, InputNumber as Be, Select as Bt, Checkbox as di, RadioGroup as Ft, Radio as Te, render as gi, unmount as li } from "@univerjs/design";
+import { IImageIoService as ui, IDrawingManagerService as fe, DRAWING_IMAGE_ALLOW_IMAGE_LIST as hi, DRAWING_IMAGE_COUNT_LIMIT as kt, ImageUploadStatusType as mt, DRAWING_IMAGE_ALLOW_SIZE as fi, getImageSize as pi, getDrawingShapeKeyByDrawingSearch as mi, DRAWING_IMAGE_WIDTH_LIMIT as Wt, DRAWING_IMAGE_HEIGHT_LIMIT as Gt, UniverDrawingPlugin as wi } from "@univerjs/drawing";
+import { IMessageService as vi, ILocalFileService as Ii, ISidebarService as _i, CanvasFloatDomService as Si, useDependency as we, getMenuHiddenObservable as on, MenuItemType as an, RibbonInsertGroup as Di, KeyCode as ke, ComponentManager as cn, IMenuManagerService as Oi, IShortcutService as Ti, PrintFloatDomSingle as Mi, connectInjector as yi, UniverUIPlugin as bi } from "@univerjs/ui";
+import { BehaviorSubject as Ot, debounceTime as dn, map as Ht, switchMap as Ci, of as Ei, Observable as Ri, takeUntil as Vt, filter as jt } from "rxjs";
+import { DrawingRenderService as gn, DrawingCommonPanel as Ai, ImageCropperObject as Pi, COMPONENT_IMAGE_POPUP_MENU as xi, OpenImageCropOperation as Ni, ImageResetSizeOperation as Ui, UniverDrawingUIPlugin as Li } from "@univerjs/drawing-ui";
 import { jsxs as X, jsx as M } from "react/jsx-runtime";
-import { useState as re, useEffect as Tt, useMemo as Li } from "react";
+import { useState as re, useEffect as Tt, useMemo as Bi } from "react";
 const Mt = {
   id: "doc.command.remove-doc-image",
   type: q.COMMAND,
@@ -116,7 +116,7 @@ const Mt = {
     else {
       const v = Un.selection.delete([s], l, 0, null, !1);
       f.push(...v);
-      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);
+      const N = Zn(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);
@@ -206,8 +206,8 @@ class ut {
     this._refreshDrawings$.next(e);
   }
 }
-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--)
+var Fi = Object.getOwnPropertyDescriptor, ki = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Fi(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: ui.map((t) => `.${t.replace("image/", "")}`).join(",")
+      accept: hi.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(hi / (1024 * 1024)));
+          o = this._localeService.t("update-status.exceedMaxSize", String(fi / (1024 * 1024)));
           break;
         case mt.ERROR_IMAGE_TYPE:
           o = this._localeService.t("update-status.invalidImageType");
@@ -258,7 +258,7 @@ 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 fi(d || "");
+      const { imageId: s, imageSourceType: o, source: c, base64Cache: d } = i, { width: a, height: g, image: u } = await pi(d || "");
       this._imageIoService.addImageSourceCache(s, o, u);
       let l = 1;
       if (a > Wt || g > Gt) {
@@ -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 = pi({ unitId: t, drawingId: a.drawingId, subUnitId: t }), u = e.fuzzyMathObjects(g, !0);
+      const a = s[d], g = mi({ 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 = Fi([
+it = ki([
   le(1, V),
   le(2, Z(Dt)),
   le(3, Q),
-  le(4, li),
+  le(4, ui),
   le(5, Ne),
   le(6, fe),
   le(7, Yt),
-  le(8, wi),
+  le(8, vi),
   le(9, Z(lt)),
   le(10, Z(Me)),
   le(11, Z(ut)),
-  le(12, vi)
+  le(12, Ii)
 ], 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 = ii(ve.UNIVER_DOC, e, t)) == null ? void 0 : n.with(it).insertDocImage()) != null ? i : !1;
+    return (i = (n = ri(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 ki = {
+const Wi = {
   inline: k.INLINE,
   wrapSquare: k.WRAP_SQUARE,
   wrapTopAndBottom: k.WRAP_TOP_AND_BOTTOM,
@@ -571,7 +571,7 @@ const wn = {
       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, G = ki[n];
+      const { drawingId: v } = R, N = O[v].layoutType, G = Wi[n];
       if (N !== G) {
         const _ = D.replaceOp(["drawings", v, "layoutType"], N, G);
         S.push(_);
@@ -861,7 +861,7 @@ const wn = {
     });
     return u.refreshControls(), !!h;
   }
-}, Wi = {
+}, Gi = {
   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(Ii), n = r.get(lt), i = r.get(fe);
+    const t = r.get(_i), n = r.get(lt), i = r.get(fe);
     return e.value === "open" ? t.open({
       header: { title: n.t("docImage.panel.title") },
       children: { label: Dn },
@@ -893,8 +893,8 @@ const wn = {
     return e == null ? !1 : (t.focusDrawing([e]), n.executeCommand(On.id, { value: "open" }), !0);
   }
 };
-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--)
+var Hi = Object.getOwnPropertyDescriptor, Vi = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? Hi(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);
@@ -1045,8 +1045,8 @@ let rt = class extends xe {
           const n = t.getUnitId(), i = this._renderManagerService.getRenderById(n);
           return i ? { render: i, unitId: n } : null;
         }),
-        bi(
-          (t) => t ? Zt(t.render.scene.getViewport(tn.VIEW_MAIN).onScrollAfter$).pipe(Ht(() => ({ unitId: t.unitId }))) : Ci(null)
+        Ci(
+          (t) => t ? Zt(t.render.scene.getViewport(tn.VIEW_MAIN).onScrollAfter$).pipe(Ht(() => ({ unitId: t.unitId }))) : Ei(null)
         )
       ).subscribe((t) => {
         if (!t) return;
@@ -1102,15 +1102,15 @@ let rt = class extends xe {
     return this._commandService.syncExecuteCommand(yt.id, h), f;
   }
 };
-rt = Hi([
+rt = Vi([
   Le(0, Q),
   Le(1, fe),
   Le(2, Z(gn)),
-  Le(3, Z(_i)),
+  Le(3, Z(Si)),
   Le(4, z),
   Le(5, V)
 ], rt);
-const Vi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
+const ji = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, $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;
@@ -1380,7 +1380,7 @@ const Vi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
           }
         ),
         /* @__PURE__ */ M("div", { children: /* @__PURE__ */ M(
-          ci,
+          di,
           {
             disabled: p,
             checked: y,
@@ -1391,7 +1391,7 @@ const Vi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
       ]
     }
   );
-}, Qe = 0, Je = 100, $i = (r) => {
+}, Qe = 0, Je = 100, zi = (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;
@@ -1644,7 +1644,7 @@ const Vi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
       ]
     }
   );
-}, zi = () => {
+}, Xi = () => {
   const r = we(fe), e = r.getFocusDrawings(), [t, n] = re(e);
   return Tt(() => {
     const i = r.focus$.subscribe((s) => {
@@ -1654,13 +1654,13 @@ const Vi = "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(Ri, { drawings: t, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
-    /* @__PURE__ */ M($i, { drawings: t }),
-    /* @__PURE__ */ M(ji, { drawings: t })
+    /* @__PURE__ */ M(Ai, { drawings: t, hasAlign: !1, hasCropper: !1, hasGroup: !1, hasTransform: !1 }),
+    /* @__PURE__ */ M(zi, { drawings: t }),
+    /* @__PURE__ */ M($i, { drawings: t })
   ] });
-}, yn = "doc.menu.image", bn = pn.id, Xi = (r) => {
+}, yn = "doc.menu.image", bn = pn.id, qi = (r) => {
   const e = r.get(Dt), t = r.get(z);
-  return new Ei((n) => {
+  return new Ri((n) => {
     const i = e.textSelection$.subscribe(() => {
       var o;
       const s = e.getActiveTextRange();
@@ -1682,17 +1682,17 @@ const Vi = "docs-drawing-ui.config", $t = {}, zt = -1e3, Xt = 1e3, ji = (r) => {
     return () => i.unsubscribe();
   });
 };
-function qi(r) {
+function Ki(r) {
   return {
     id: yn,
     type: an.SUBITEMS,
     icon: "AddImageIcon",
     tooltip: "docImage.title",
-    disabled$: Xi(r),
+    disabled$: qi(r),
     hidden$: on(r, ve.UNIVER_DOC, void 0, St)
   };
 }
-function Ki(r) {
+function Yi(r) {
   return {
     id: bn,
     title: "docImage.upload.float",
@@ -1700,14 +1700,14 @@ function Ki(r) {
     hidden$: on(r, ve.UNIVER_DOC, void 0, St)
   };
 }
-const Yi = {
-  [Si.MEDIA]: {
+const Zi = {
+  [Di.MEDIA]: {
     [yn]: {
       order: 0,
-      menuItemFactory: qi,
+      menuItemFactory: Ki,
       [bn]: {
         order: 0,
-        menuItemFactory: Ki
+        menuItemFactory: Yi
       }
     }
   }
@@ -1715,7 +1715,7 @@ const Yi = {
 function Ye(r) {
   return r.getContextValue(Bn) && r.getContextValue(Fn) && r.getContextValue(nt);
 }
-const Zi = {
+const Qi = {
   id: Ke.id,
   description: "shortcut.drawing-move-down",
   group: "4_drawing-view",
@@ -1725,7 +1725,7 @@ const Zi = {
   staticParameters: {
     direction: he.DOWN
   }
-}, Qi = {
+}, Ji = {
   id: Ke.id,
   description: "shortcut.drawing-move-up",
   group: "4_drawing-view",
@@ -1735,7 +1735,7 @@ const Zi = {
   staticParameters: {
     direction: he.UP
   }
-}, Ji = {
+}, er = {
   id: Ke.id,
   description: "shortcut.drawing-move-left",
   group: "4_drawing-view",
@@ -1745,7 +1745,7 @@ const Zi = {
   staticParameters: {
     direction: he.LEFT
   }
-}, er = {
+}, tr = {
   id: Ke.id,
   description: "shortcut.drawing-move-right",
   group: "4_drawing-view",
@@ -1755,7 +1755,7 @@ const Zi = {
   staticParameters: {
     direction: he.RIGHT
   }
-}, tr = {
+}, nr = {
   id: ln.id,
   description: "shortcut.drawing-delete",
   group: "4_drawing-view",
@@ -1764,8 +1764,8 @@ const Zi = {
   binding: ke.DELETE,
   mac: ke.BACKSPACE
 };
-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--)
+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--)
     (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, zi));
+    this.disposeWithMe(r.register(Dn, Xi));
   }
   _initMenus() {
-    this._menuManagerService.mergeMenu(Yi);
+    this._menuManagerService.mergeMenu(Zi);
   }
   _initCommands() {
     [
@@ -1792,7 +1792,7 @@ let st = class extends xe {
       Sn,
       Mt,
       On,
-      Wi,
+      Gi,
       Tn,
       un,
       fn,
@@ -1804,11 +1804,11 @@ let st = class extends xe {
   _initShortcuts() {
     [
       // sheet drawing shortcuts
-      Zi,
       Qi,
       Ji,
       er,
-      tr
+      tr,
+      nr
     ].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 = ir([
+st = rr([
   et(0, Z(cn)),
-  et(1, Di),
+  et(1, Oi),
   et(2, V),
-  et(3, Oi)
+  et(3, Ti)
 ], st);
-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--)
+var sr = Object.getOwnPropertyDescriptor, or = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? sr(e, t) : e, s = r.length - 1, o; s >= 0; s--)
     (o = r[s]) && (i = o(i) || i);
   return i;
 }, He = (r, e) => (t, n) => e(t, n, r);
-function or(r) {
+function ar(r) {
   var n, i, s, o;
   if ($.isNoop(r) || !Array.isArray(r))
     return null;
@@ -1851,7 +1851,7 @@ function or(r) {
     });
   return t;
 }
-function ar(r) {
+function cr(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 = or(n);
+        const e = r.params, { unitId: t, actions: n } = e, i = ar(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,7 +1888,7 @@ let ot = class extends xe {
         if (r.id !== ee.id)
           return;
         const e = r.params, { unitId: t, actions: n } = e;
-        ar(n).length > 0 && this._updateDrawingsOrder(t);
+        cr(n).length > 0 && this._updateDrawingsOrder(t);
       })
     ), this.disposeWithMe(
       this._commandService.onCommandExecuted((r) => {
@@ -1934,15 +1934,15 @@ let ot = class extends xe {
     n.orderNotification(s), i.orderNotification(s);
   }
 };
-ot = sr([
+ot = or([
   He(0, z),
   He(1, V),
   He(2, fe),
   He(3, Ne),
   He(4, Q)
 ], ot);
-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 dr = (r) => {
+  const { floatDomInfos: e, scene: t, offset: n, bound: i } = r, s = i.right - i.left, o = i.bottom - i.top, c = Bi(() => e.map((d) => {
     const { width: a = 0, height: g = 0, left: u = 0, top: l = 0 } = d.transform, h = Mn(
       {
         left: u,
@@ -1969,10 +1969,10 @@ const cr = (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(Ti, { 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(Mi, { layer: a, id: d, position: a.position }, d)) });
 };
-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--)
+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--)
     (o = r[s]) && (i = o(i) || i);
   return i;
 }, Ve = (r, e) => (t, n) => e(t, n, r);
@@ -2019,8 +2019,8 @@ let at = class extends xe {
                   };
                 }
                 return null;
-              }).filter(Boolean), c = Mi(cr, this._injector);
-              return di(
+              }).filter(Boolean), c = yi(dr, this._injector);
+              return gi(
                 /* @__PURE__ */ M(
                   c,
                   {
@@ -2034,7 +2034,7 @@ let at = class extends xe {
                 ),
                 e.root
               ), r == null || r.add(() => {
-                gi(e.root);
+                li(e.root);
               }), t(r);
             }
           }
@@ -2043,19 +2043,19 @@ let at = class extends xe {
     );
   }
 };
-at = gr([
-  Ve(0, Z(Zn)),
+at = lr([
+  Ve(0, Z(Qn)),
   Ve(1, Z(gn)),
   Ve(2, fe),
   Ve(3, Z(cn)),
   Ve(4, Z(Jt))
 ], at);
-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--)
+var ur = Object.getOwnPropertyDescriptor, hr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? ur(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 hr = "__InlineDrawingAnchor__";
+const fr = "__InlineDrawingAnchor__";
 function qt(r) {
   const { path: e } = r;
   return e.some((t) => t === "cells");
@@ -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(ri.FromArray([n, i]));
+    const { documentTransform: s } = e.getOffsetConfig(), o = t.transformVector2SceneCoord(si.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 = Qn(t), { left: g, top: u, height: l } = a, f = g + c, h = u + d;
+    } = o.getOffsetConfig(), a = Jn(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 si(hr + Qt(m), {
+    const m = 6, p = new oi(fr + Qt(m), {
       left: f,
       top: h,
       height: l,
       strokeWidth: 2,
-      stroke: oi(Hn.darkgray, 1),
+      stroke: ai(Hn.darkgray, 1),
       evented: !1
     });
-    this._anchorShape = p, s.addObject(p, Jn);
+    this._anchorShape = p, s.addObject(p, ei);
   }
   _getDocObject() {
-    return ei(this._univerInstanceService, this._renderManagerService);
+    return ti(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,14 +2539,14 @@ let ct = class extends xe {
       };
   }
 };
-ct = ur([
+ct = hr([
   tt(0, V),
   tt(1, z),
   tt(2, fe),
   tt(3, Q)
 ], ct);
-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--)
+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--)
     (o = r[s]) && (i = o(i) || i);
   return i;
 }, je = (r, e) => (t, n) => e(t, n, r);
@@ -2572,12 +2572,12 @@ let dt = class extends Vn {
     if (!e)
       return;
     const t = e.getUnitId();
-    this._renderManagerService.has(t) && !this._initImagePopupMenu.has(t) && (this._popupMenuListener(t), this._initImagePopupMenu.add(t));
+    jn(t) || this._renderManagerService.has(t) && !this._initImagePopupMenu.has(t) && (this._popupMenuListener(t), this._initImagePopupMenu.add(t));
   }
   _hasCropObject(e) {
     const t = e.getAllObjects();
     for (const n of t)
-      if (n instanceof Ai)
+      if (n instanceof Pi)
         return !0;
     return !1;
   }
@@ -2608,7 +2608,7 @@ let dt = class extends Vn {
           const { unitId: g, subUnitId: u, drawingId: l, drawingType: f } = a, h = this._canvasPopManagerService.attachPopupToObject(
             c,
             {
-              componentKey: Pi,
+              componentKey: xi,
               direction: "horizontal",
               offset: [2, 0],
               extraProps: {
@@ -2625,11 +2625,9 @@ let dt = class extends Vn {
         }
       )
     ), this.disposeWithMe(
-      n.clearControl$.subscribe(
-        () => {
-          i.forEach((o) => o.dispose()), i.length = 0, this._contextService.setContextValue(nt, !1), this._drawingManagerService.focusDrawing(null);
-        }
-      )
+      n.clearControl$.subscribe(() => {
+        i.forEach((o) => o.dispose()), i.length = 0, this._contextService.setContextValue(nt, !1), this._drawingManagerService.focusDrawing(null);
+      })
     ), this.disposeWithMe(
       n.changing$.subscribe(
         () => {
@@ -2662,7 +2660,7 @@ let dt = class extends Vn {
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: xi.id,
+        commandId: Ni.id,
         commandParams: { unitId: e, subUnitId: t, drawingId: n },
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2670,7 +2668,7 @@ let dt = class extends Vn {
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: Ni.id,
+        commandId: Ui.id,
         commandParams: [{ unitId: e, subUnitId: t, drawingId: n }],
         disable: !0
         // TODO: @JOCS, feature is not ready.
@@ -2678,15 +2676,15 @@ let dt = class extends Vn {
     ];
   }
 };
-dt = pr([
+dt = mr([
   je(0, fe),
-  je(1, Z(ti)),
+  je(1, Z(ni)),
   je(2, Q),
   je(3, z),
   je(4, Yt)
 ], dt);
-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--)
+var wr = Object.getOwnPropertyDescriptor, vr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? wr(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 +2731,7 @@ let It = class extends xe {
   _initResize() {
     this.disposeWithMe(
       Zt(this._context.engine.onTransformChange$).pipe(
-        jt((e) => e.type === ai.resize),
+        jt((e) => e.type === ci.resize),
         dn(16)
       ).subscribe(() => {
         var n;
@@ -2828,30 +2826,30 @@ let It = class extends xe {
     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 = wr([
+It = vr([
   Re(1, Z(te)),
   Re(2, V),
-  Re(3, ni),
+  Re(3, ii),
   Re(4, fe),
   Re(5, Z(ut)),
   Re(6, z),
-  Re(7, Z(jn))
+  Re(7, Z($n))
 ], It);
-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--)
+var Ir = Object.defineProperty, _r = Object.getOwnPropertyDescriptor, Sr = (r, e, t) => e in r ? Ir(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Dr = (r, e, t, n) => {
+  for (var i = n > 1 ? void 0 : n ? _r(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) => _r(r, typeof e != "symbol" ? e + "" : e, t);
-const Dr = "DOC_DRAWING_UI_PLUGIN";
-let gt = class extends Xn {
+}, vt = (r, e) => (t, n) => e(t, n, r), Cn = (r, e, t) => Sr(r, typeof e != "symbol" ? e + "" : e, t);
+const Or = "DOC_DRAWING_UI_PLUGIN";
+let gt = class extends qn {
   constructor(r = $t, e, t, n) {
     super(), this._config = r, this._injector = e, this._renderManagerSrv = t, this._configService = n;
-    const { ...i } = qn(
+    const { ...i } = Kn(
       {},
       $t,
       this._config
     );
-    this._configService.setConfig(Vi, i);
+    this._configService.setConfig(ji, i);
   }
   onStarting() {
     [
@@ -2875,15 +2873,15 @@ let gt = class extends Xn {
   }
 };
 Cn(gt, "type", ve.UNIVER_DOC);
-Cn(gt, "pluginName", Dr);
-gt = Sr([
-  $n(Ui, mi, Kn, yi),
+Cn(gt, "pluginName", Or);
+gt = Dr([
+  zn(Li, wi, Yn, bi),
   vt(1, Z(Jt)),
   vt(2, Q),
-  vt(3, zn)
+  vt(3, Xn)
 ], gt);
 export {
-  Wi as ClearDocDrawingTransformerOperation,
+  Gi as ClearDocDrawingTransformerOperation,
   yn as DOCS_IMAGE_MENU_ID,
   ln as DeleteDocDrawingsCommand,
   rt as DocFloatDomController,