@univerjs/docs-drawing-ui 0.1.16 → 0.2.0

package/lib/es/index.js

@@ -1,64 +1,64 @@
-var Be = Object.defineProperty;
-var He = (e, n, t) => n in e ? Be(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var $ = (e, n, t) => He(e, typeof n != "symbol" ? n + "" : n, t);
-import { CommandType as C, ICommandService as _, IUndoRedoService as x, LocaleService as Q, RxDisposable as ke, UniverInstanceType as R, toDisposable as ee, FOCUSING_COMMON_DRAWINGS as Y, OnLifecycle as re, LifecycleStages as ie, IUniverInstanceService as he, IContextService as Ie, Direction as E, FOCUSING_UNIVER_EDITOR as Ke, Disposable as ve, PositionedObjectLayoutType as ze, ObjectRelativeFromH as Ze, ObjectRelativeFromV as qe, Plugin as Ye } from "@univerjs/core";
-import { Inject as b, Injector as _e } from "@wendellhu/redi";
-import { IRenderManagerService as X, getGroupState as Qe, transformObjectOutOfGroup as Xe, Liquid as Je } from "@univerjs/engine-render";
-import { ImageCropperObject as en, COMPONENT_IMAGE_POPUP_MENU as nn, OpenImageCropOperation as tn, ImageResetSizeOperation as rn, DrawingCommonPanel as on } from "@univerjs/drawing-ui";
-import { takeUntil as ce } from "rxjs";
-import { DocCanvasPopManagerService as an, transformToDocDrawingPosition as we, docDrawingPositionToTransform as de } from "@univerjs/docs-ui";
-import { IDrawingManagerService as L, DRAWING_IMAGE_ALLOW_IMAGE_LIST as sn, ArrangeTypeEnum as B, DrawingTypeEnum as oe, DRAWING_IMAGE_COUNT_LIMIT as ue, ImageUploadStatusType as ne, DRAWING_IMAGE_ALLOW_SIZE as cn, getImageSize as dn, DRAWING_IMAGE_WIDTH_LIMIT as me, DRAWING_IMAGE_HEIGHT_LIMIT as le, IImageIoService as un } from "@univerjs/drawing";
-import { IDocDrawingService as P, SetDocDrawingApplyMutation as h, DocDrawingApplyType as I } from "@univerjs/docs-drawing";
-import { ISidebarService as mn, MenuItemType as Se, MenuPosition as ln, MenuGroup as gn, getMenuHiddenObservable as Ce, KeyCode as A, ComponentManager as pn, IMenuService as fn, IShortcutService as hn, IMessageService as In } from "@univerjs/ui";
-import { useDependency as N } from "@wendellhu/redi/react-bindings";
-import M, { forwardRef as De, useRef as Me, createElement as Oe, useState as te, useEffect as Pe } from "react";
-import H from "clsx";
-import { MessageType as k } from "@univerjs/design";
-import { TextSelectionManagerService as vn, DocSkeletonManagerService as _n } from "@univerjs/docs";
-const S = {
+var Ge = Object.defineProperty;
+var Le = (e, n, t) => n in e ? Ge(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var J = (e, n, t) => Le(e, typeof n != "symbol" ? n + "" : n, t);
+import { CommandType as S, ICommandService as I, IUndoRedoService as U, LocaleService as k, RxDisposable as je, UniverInstanceType as E, toDisposable as We, FOCUSING_COMMON_DRAWINGS as V, OnLifecycle as se, LifecycleStages as ce, IUniverInstanceService as Fe, IContextService as de, Direction as P, FOCUSING_UNIVER_EDITOR as $e, Disposable as ue, PositionedObjectLayoutType as Ve, ObjectRelativeFromH as Be, ObjectRelativeFromV as He, Plugin as ze, DependentOn as Ke } from "@univerjs/core";
+import { Inject as y, Injector as me } from "@wendellhu/redi";
+import { ImageCropperObject as Ze, COMPONENT_IMAGE_POPUP_MENU as Ye, OpenImageCropOperation as ke, ImageResetSizeOperation as Qe, DrawingCommonPanel as Xe, UniverDrawingUIPlugin as qe } from "@univerjs/drawing-ui";
+import { IDrawingManagerService as N, DRAWING_IMAGE_ALLOW_IMAGE_LIST as Je, ArrangeTypeEnum as L, DrawingTypeEnum as Q, DRAWING_IMAGE_COUNT_LIMIT as ee, ImageUploadStatusType as K, DRAWING_IMAGE_ALLOW_SIZE as en, getImageSize as nn, DRAWING_IMAGE_WIDTH_LIMIT as ne, DRAWING_IMAGE_HEIGHT_LIMIT as te, IImageIoService as tn, UniverDrawingPlugin as rn } from "@univerjs/drawing";
+import { IDocDrawingService as M, SetDocDrawingApplyMutation as p, DocDrawingApplyType as f, UniverDocsDrawingPlugin as on } from "@univerjs/docs-drawing";
+import { IRenderManagerService as H, getGroupState as an, transformObjectOutOfGroup as sn } from "@univerjs/engine-render";
+import { takeUntil as re } from "rxjs";
+import { DocCanvasPopManagerService as cn, transformToDocDrawingPosition as le, docDrawingPositionToTransform as ie } from "@univerjs/docs-ui";
+import { ISidebarService as dn, MenuItemType as ge, MenuPosition as un, MenuGroup as mn, getMenuHiddenObservable as pe, KeyCode as R, ComponentManager as ln, IMenuService as gn, IShortcutService as pn, IMessageService as fn } from "@univerjs/ui";
+import { useDependency as b } from "@wendellhu/redi/react-bindings";
+import C, { forwardRef as fe, useRef as he, createElement as ve, useState as Z, useEffect as Ie } from "react";
+import j from "clsx";
+import { MessageType as W } from "@univerjs/design";
+import { TextSelectionManagerService as hn, DocSkeletonManagerService as vn } from "@univerjs/docs";
+const w = {
   id: "sheet.operation.clear-drawing-transformer",
-  type: C.MUTATION,
+  type: S.MUTATION,
   handler: (e, n) => {
-    const t = e.get(X);
+    const t = e.get(H);
     return n.forEach((r) => {
       var i, o;
       (o = (i = t.getRenderById(r)) == null ? void 0 : i.scene.getTransformer()) == null || o.debounceRefreshControls();
     }), !0;
   }
-}, ae = {
+}, X = {
   id: "doc.command.remove-doc-image",
-  type: C.COMMAND,
+  type: S.COMMAND,
   handler: (e, n) => {
-    const t = e.get(_), r = e.get(x), i = e.get(P);
+    const t = e.get(I), r = e.get(U), i = e.get(M);
     if (!n) return !1;
     const { drawings: o } = n, a = [];
-    o.forEach((p) => {
-      const { unitId: f } = p;
-      a.push(f);
+    o.forEach((h) => {
+      const { unitId: v } = h;
+      a.push(v);
     });
-    const s = i.getBatchRemoveOp(o), { unitId: c, subUnitId: d, undo: m, redo: u, objects: l } = s;
-    return t.syncExecuteCommand(h.id, { unitId: c, subUnitId: d, op: u, objects: l, type: I.REMOVE }) ? (r.pushUndoRedo({
+    const s = i.getBatchRemoveOp(o), { unitId: c, subUnitId: u, undo: m, redo: d, objects: l } = s;
+    return t.syncExecuteCommand(p.id, { unitId: c, subUnitId: u, op: d, objects: l, type: f.REMOVE }) ? (r.pushUndoRedo({
       unitID: c,
       undoMutations: [
-        { id: h.id, params: { unitId: c, subUnitId: d, op: m, objects: l, type: I.INSERT } },
-        { id: S.id, params: a }
+        { id: p.id, params: { unitId: c, subUnitId: u, op: m, objects: l, type: f.INSERT } },
+        { id: w.id, params: a }
       ],
       redoMutations: [
-        { id: h.id, params: { unitId: c, subUnitId: d, op: u, objects: l, type: I.REMOVE } },
-        { id: S.id, params: a }
+        { id: p.id, params: { unitId: c, subUnitId: u, op: d, objects: l, type: f.REMOVE } },
+        { id: w.id, params: a }
       ]
     }), !0) : !1;
   }
-}, ye = "COMPONENT_DOC_DRAWING_PANEL", Ee = {
+}, _e = "COMPONENT_DOC_DRAWING_PANEL", we = {
   id: "sidebar.operation.doc-image",
-  type: C.COMMAND,
+  type: S.COMMAND,
   handler: async (e, n) => {
-    const t = e.get(mn), r = e.get(Q), i = e.get(L);
+    const t = e.get(dn), r = e.get(k), i = e.get(N);
     switch (n.value) {
       case "open":
         t.open({
           header: { title: r.t("docImage.panel.title") },
-          children: { label: ye },
+          children: { label: _e },
           onClose: () => {
             i.focusDrawing(null);
           },
@@ -72,27 +72,27 @@ const S = {
     }
     return !0;
   }
-}, be = {
+}, Se = {
   id: "sheet.operation.edit-sheet-image",
-  type: C.OPERATION,
+  type: S.OPERATION,
   handler: (e, n) => {
-    const t = e.get(L), r = e.get(_);
-    return n == null ? !1 : (t.focusDrawing([n]), r.executeCommand(Ee.id, { value: "open" }), !0);
+    const t = e.get(N), r = e.get(I);
+    return n == null ? !1 : (t.focusDrawing([n]), r.executeCommand(we.id, { value: "open" }), !0);
   }
 };
-var wn = Object.defineProperty, Sn = Object.getOwnPropertyDescriptor, Cn = (e, n, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? Sn(n, t) : n, o = e.length - 1, a; o >= 0; o--)
+var In = Object.defineProperty, _n = Object.getOwnPropertyDescriptor, wn = (e, n, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? _n(n, t) : n, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (i = (r ? a(n, t, i) : a(i)) || i);
-  return r && i && wn(n, t, i), i;
-}, j = (e, n) => (t, r) => n(t, r, e);
-let z = class extends ke {
+  return r && i && In(n, t, i), i;
+}, A = (e, n) => (t, r) => n(t, r, e);
+let F = class extends je {
   constructor(n, t, r, i, o) {
     super();
-    $(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
+    J(this, "_initImagePopupMenu", /* @__PURE__ */ new Set());
     this._drawingManagerService = n, this._canvasPopManagerService = t, this._renderManagerService = r, this._univerInstanceService = i, this._contextService = o, this._init();
   }
   _init() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(R.UNIVER_DOC).pipe(ce(this.dispose$)).subscribe((n) => this._create(n)), this._univerInstanceService.getTypeOfUnitDisposed$(R.UNIVER_DOC).pipe(ce(this.dispose$)).subscribe((n) => this._dispose(n)), this._univerInstanceService.getAllUnitsForType(R.UNIVER_DOC).forEach((n) => this._create(n));
+    this._univerInstanceService.getCurrentTypeOfUnit$(E.UNIVER_DOC).pipe(re(this.dispose$)).subscribe((n) => this._create(n)), this._univerInstanceService.getTypeOfUnitDisposed$(E.UNIVER_DOC).pipe(re(this.dispose$)).subscribe((n) => this._dispose(n)), this._univerInstanceService.getAllUnitsForType(E.UNIVER_DOC).forEach((n) => this._create(n));
   }
   _dispose(n) {
     const t = n.getUnitId();
@@ -107,7 +107,7 @@ let z = class extends ke {
   _hasCropObject(n) {
     const t = n.getAllObjects();
     for (const r of t)
-      if (r instanceof en)
+      if (r instanceof Ze)
         return !0;
     return !1;
   }
@@ -121,8 +121,8 @@ let z = class extends ke {
       return;
     const i = [];
     this.disposeWithMe(
-      ee(
-        r.onCreateControlObservable.add(() => {
+      We(
+        r.createControl$.subscribe(() => {
           if (this._hasCropObject(t))
             return;
           const a = r.getSelectedObjectMap();
@@ -133,36 +133,32 @@ let z = class extends ke {
           const s = a.values().next().value;
           if (!s)
             return;
-          const c = s.oKey, d = this._drawingManagerService.getDrawingOKey(c);
-          if (!d)
+          const c = s.oKey, u = this._drawingManagerService.getDrawingOKey(c);
+          if (!u)
             return;
-          const { unitId: m, subUnitId: u, drawingId: l } = d;
+          const { unitId: m, subUnitId: d, drawingId: l } = u;
           i.push(this.disposeWithMe(this._canvasPopManagerService.attachPopupToObject(s, {
-            componentKey: nn,
+            componentKey: Ye,
             direction: "horizontal",
             offset: [2, 0],
             extraProps: {
-              menuItems: this._getImageMenuItems(m, u, l)
+              menuItems: this._getImageMenuItems(m, d, l)
             }
           }))), this._drawingManagerService.focusDrawing([{
             unitId: m,
-            subUnitId: u,
+            subUnitId: d,
             drawingId: l
           }]);
         })
       )
     ), this.disposeWithMe(
-      ee(
-        r.onClearControlObservable.add(() => {
-          i.forEach((a) => a.dispose()), this._contextService.setContextValue(Y, !1), this._drawingManagerService.focusDrawing(null);
-        })
-      )
+      r.clearControl$.subscribe(() => {
+        i.forEach((a) => a.dispose()), this._contextService.setContextValue(V, !1), this._drawingManagerService.focusDrawing(null);
+      })
     ), this.disposeWithMe(
-      ee(
-        r.onChangingObservable.add(() => {
-          i.forEach((a) => a.dispose());
-        })
-      )
+      r.changing$.subscribe(() => {
+        i.forEach((a) => a.dispose());
+      })
     );
   }
   _getImageMenuItems(n, t, r) {
@@ -170,68 +166,68 @@ let z = class extends ke {
       {
         label: "image-popup.edit",
         index: 0,
-        commandId: be.id,
+        commandId: Se.id,
         commandParams: { unitId: n, subUnitId: t, drawingId: r },
         disable: !1
       },
       {
         label: "image-popup.delete",
         index: 1,
-        commandId: ae.id,
+        commandId: X.id,
         commandParams: { unitId: n, drawings: [{ unitId: n, subUnitId: t, drawingId: r }] },
         disable: !1
       },
       {
         label: "image-popup.crop",
         index: 2,
-        commandId: tn.id,
+        commandId: ke.id,
         commandParams: { unitId: n, subUnitId: t, drawingId: r },
         disable: !1
       },
       {
         label: "image-popup.reset",
         index: 3,
-        commandId: rn.id,
+        commandId: Qe.id,
         commandParams: [{ unitId: n, subUnitId: t, drawingId: r }],
         disable: !1
       }
     ];
   }
 };
-z = Cn([
-  re(ie.Rendered, z),
-  j(0, L),
-  j(1, b(an)),
-  j(2, X),
-  j(3, he),
-  j(4, Ie)
-], z);
-var w = function() {
-  return w = Object.assign || function(e) {
+F = wn([
+  se(ce.Rendered, F),
+  A(0, N),
+  A(1, y(cn)),
+  A(2, H),
+  A(3, Fe),
+  A(4, de)
+], F);
+var _ = function() {
+  return _ = Object.assign || function(e) {
     for (var n, t = 1, r = arguments.length; t < r; t++) {
       n = arguments[t];
       for (var i in n) Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i]);
     }
     return e;
-  }, w.apply(this, arguments);
-}, Dn = function(e, n) {
+  }, _.apply(this, arguments);
+}, Sn = function(e, n) {
   var t = {};
   for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && n.indexOf(r) < 0 && (t[r] = e[r]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
     for (var i = 0, r = Object.getOwnPropertySymbols(e); i < r.length; i++)
       n.indexOf(r[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[i]) && (t[r[i]] = e[r[i]]);
   return t;
-}, Re = De(function(e, n) {
-  var t = e.icon, r = e.id, i = e.className, o = e.extend, a = Dn(e, ["icon", "id", "className", "extend"]), s = "univerjs-icon univerjs-icon-".concat(r, " ").concat(i || "").trim(), c = Me("_".concat(Pn()));
-  return Ue(t, "".concat(r), { defIds: t.defIds, idSuffix: c.current }, w({ ref: n, className: s }, a), o);
+}, Ce = fe(function(e, n) {
+  var t = e.icon, r = e.id, i = e.className, o = e.extend, a = Sn(e, ["icon", "id", "className", "extend"]), s = "univerjs-icon univerjs-icon-".concat(r, " ").concat(i || "").trim(), c = he("_".concat(Mn()));
+  return De(t, "".concat(r), { defIds: t.defIds, idSuffix: c.current }, _({ ref: n, className: s }, a), o);
 });
-function Ue(e, n, t, r, i) {
-  return Oe(e.tag, w(w({ key: n }, Mn(e, t, i)), r), (On(e, t).children || []).map(function(o, a) {
-    return Ue(o, "".concat(n, "-").concat(e.tag, "-").concat(a), t, void 0, i);
+function De(e, n, t, r, i) {
+  return ve(e.tag, _(_({ key: n }, Cn(e, t, i)), r), (Dn(e, t).children || []).map(function(o, a) {
+    return De(o, "".concat(n, "-").concat(e.tag, "-").concat(a), t, void 0, i);
   }));
 }
-function Mn(e, n, t) {
-  var r = w({}, e.attrs);
+function Cn(e, n, t) {
+  var r = _({}, e.attrs);
   t != null && t.colorChannel1 && r.fill === "colorChannel1" && (r.fill = t.colorChannel1);
   var i = n.defIds;
   return !i || i.length === 0 || (e.tag === "use" && r["xlink:href"] && (r["xlink:href"] = r["xlink:href"] + n.idSuffix), Object.entries(r).forEach(function(o) {
@@ -239,227 +235,217 @@ function Mn(e, n, t) {
     typeof s == "string" && (r[a] = s.replace(/url\(#(.*)\)/, "url(#$1".concat(n.idSuffix, ")")));
   })), r;
 }
-function On(e, n) {
+function Dn(e, n) {
   var t, r = n.defIds;
-  return !r || r.length === 0 ? e : e.tag === "defs" && (!((t = e.children) === null || t === void 0) && t.length) ? w(w({}, e), { children: e.children.map(function(i) {
-    return typeof i.attrs.id == "string" && r && r.indexOf(i.attrs.id) > -1 ? w(w({}, i), { attrs: w(w({}, i.attrs), { id: i.attrs.id + n.idSuffix }) }) : i;
+  return !r || r.length === 0 ? e : e.tag === "defs" && (!((t = e.children) === null || t === void 0) && t.length) ? _(_({}, e), { children: e.children.map(function(i) {
+    return typeof i.attrs.id == "string" && r && r.indexOf(i.attrs.id) > -1 ? _(_({}, i), { attrs: _(_({}, i.attrs), { id: i.attrs.id + n.idSuffix }) }) : i;
   }) }) : e;
 }
-function Pn() {
+function Mn() {
   return Math.random().toString(36).substring(2, 8);
 }
-Re.displayName = "UniverIcon";
-var yn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, Te = De(function(e, n) {
-  return Oe(Re, Object.assign({}, e, {
+Ce.displayName = "UniverIcon";
+var On = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.2498 3.65005C2.2498 2.87685 2.87661 2.25005 3.64981 2.25005H7.9998C8.33118 2.25005 8.5998 1.98142 8.5998 1.65005C8.5998 1.31868 8.33118 1.05005 7.9998 1.05005H3.64981C2.21387 1.05005 1.0498 2.21411 1.0498 3.65005V12.35C1.0498 13.786 2.21386 14.95 3.6498 14.95H12.3498C13.7857 14.95 14.9498 13.786 14.9498 12.3501V8.00005C14.9498 7.66868 14.6812 7.40005 14.3498 7.40005C14.0184 7.40005 13.7498 7.66868 13.7498 8.00005V9.23974L12.2385 8.1063C11.7252 7.72129 11.0068 7.7723 10.5531 8.22605L9.00869 9.77041L6.73916 7.8251C6.24387 7.40055 5.5095 7.41278 5.02864 7.85359L2.2498 10.4009V3.65005ZM2.2498 12.0287V12.35C2.2498 13.1232 2.87661 13.75 3.6498 13.75H12.3498C13.123 13.75 13.7498 13.1232 13.7498 12.3501V10.7397L11.5186 9.06631C11.4829 9.03956 11.433 9.04314 11.4016 9.07458L9.92249 10.5537L11.1015 11.5642C11.3531 11.7799 11.3822 12.1587 11.1666 12.4103C10.9509 12.6619 10.5721 12.691 10.3205 12.4753L5.9582 8.7362C5.92384 8.70674 5.87288 8.70758 5.83952 8.73816L2.2498 12.0287Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M11.8097 1.14783C12.1411 1.14783 12.4097 1.41646 12.4097 1.74783V3.297H14.1541C14.4855 3.297 14.7541 3.56563 14.7541 3.897C14.7541 4.22837 14.4855 4.497 14.1541 4.497H12.4097V6.24167C12.4097 6.57304 12.1411 6.84167 11.8097 6.84167C11.4783 6.84167 11.2097 6.57304 11.2097 6.24167V4.497H9.6603C9.32893 4.497 9.0603 4.22837 9.0603 3.897C9.0603 3.56563 9.32893 3.297 9.6603 3.297H11.2097V1.74783C11.2097 1.41646 11.4783 1.14783 11.8097 1.14783Z" } }] }, Me = fe(function(e, n) {
+  return ve(Ce, Object.assign({}, e, {
     id: "add-image-single",
     ref: n,
-    icon: yn
+    icon: On
   }));
 });
-Te.displayName = "AddImageSingle";
-const J = {
+Me.displayName = "AddImageSingle";
+const z = {
   id: "doc.operation.insert-float-image",
-  type: C.OPERATION,
-  handler: (e, n) => !0
-}, En = "univer-upload-file-menu", bn = "univer-upload-file-menu-input", ge = {
-  uploadFileMenu: En,
-  uploadFileMenuInput: bn
-}, Rn = () => {
-  const e = N(_), n = Me(null), t = () => {
+  type: S.OPERATION,
+  handler: () => !0
+}, Pn = "univer-upload-file-menu", En = "univer-upload-file-menu-input", oe = {
+  uploadFileMenu: Pn,
+  uploadFileMenuInput: En
+}, yn = () => {
+  const e = b(I), n = he(null), t = () => {
     var o;
     (o = n.current) == null || o.click();
-  }, r = sn.map((o) => `.${o.replace("image/", "")}`).join(","), i = (o) => {
+  }, r = Je.map((o) => `.${o.replace("image/", "")}`).join(","), i = (o) => {
     const a = o.target.files;
     if (a == null)
       return;
     const s = Array.from(a);
-    e.executeCommand(J.id, { files: s }), n.current && (n.current.value = "");
+    e.executeCommand(z.id, { files: s }), n.current && (n.current.value = "");
   };
-  return /* @__PURE__ */ M.createElement("div", { onClick: t, className: ge.uploadFileMenu }, /* @__PURE__ */ M.createElement(
+  return /* @__PURE__ */ C.createElement("div", { onClick: t, className: oe.uploadFileMenu }, /* @__PURE__ */ C.createElement(
     "input",
     {
       type: "file",
-      className: ge.uploadFileMenuInput,
+      className: oe.uploadFileMenuInput,
       ref: n,
       onChange: i,
       accept: r,
       multiple: !0
     }
   ));
-}, Ne = "COMPONENT_DOC_UPLOAD_FILE_MENU", Ae = "addition-and-subtraction-single", xe = "doc.menu.image";
-function Un(e) {
+}, Oe = "COMPONENT_DOC_UPLOAD_FILE_MENU", Pe = "addition-and-subtraction-single", Ee = "doc.menu.image";
+function bn(e) {
   return {
-    id: xe,
-    type: Se.SUBITEMS,
-    positions: [ln.TOOLBAR_START],
-    group: gn.TOOLBAR_LAYOUT,
-    icon: Ae,
+    id: Ee,
+    type: ge.SUBITEMS,
+    positions: [un.TOOLBAR_START],
+    group: mn.TOOLBAR_LAYOUT,
+    icon: Pe,
     tooltip: "docImage.title",
-    hidden$: Ce(e, R.UNIVER_DOC)
+    hidden$: pe(e, E.UNIVER_DOC)
   };
 }
-function Tn(e) {
+function Rn(e) {
   return {
-    id: J.id,
+    id: z.id,
     title: "docImage.upload.float",
-    type: Se.SELECTOR,
+    type: ge.SELECTOR,
     label: {
-      name: Ne
+      name: Oe
     },
-    positions: [xe],
-    hidden$: Ce(e, R.UNIVER_DOC)
+    positions: [Ee],
+    hidden$: pe(e, E.UNIVER_DOC)
   };
 }
-const Nn = "univer-image-common-panel", An = "univer-image-common-panel-grid", xn = "univer-image-common-panel-border", Ln = "univer-image-common-panel-title", Gn = "univer-image-common-panel-row", jn = "univer-image-common-panel-row-vertical", Wn = "univer-image-common-panel-column", Fn = "univer-image-common-panel-column-center", Vn = "univer-image-common-panel-inline", $n = "univer-image-common-panel-span2", Bn = "univer-image-common-panel-span3", Hn = "univer-image-common-panel-input", kn = "univer-sheet-image-menu", Kn = "univer-sheet-image-menu-input", y = {
-  imageCommonPanel: Nn,
-  imageCommonPanelGrid: An,
-  imageCommonPanelBorder: xn,
-  imageCommonPanelTitle: Ln,
-  imageCommonPanelRow: Gn,
-  imageCommonPanelRowVertical: jn,
-  imageCommonPanelColumn: Wn,
-  imageCommonPanelColumnCenter: Fn,
-  imageCommonPanelInline: Vn,
-  imageCommonPanelSpan2: $n,
-  imageCommonPanelSpan3: Bn,
-  imageCommonPanelInput: Hn,
-  sheetImageMenu: kn,
-  sheetImageMenuInput: Kn
-}, se = {
+const Un = "univer-image-common-panel", Nn = "univer-image-common-panel-grid", An = "univer-image-common-panel-border", Tn = "univer-image-common-panel-title", xn = "univer-image-common-panel-row", Gn = "univer-image-common-panel-row-vertical", Ln = "univer-image-common-panel-column", jn = "univer-image-common-panel-column-center", Wn = "univer-image-common-panel-inline", Fn = "univer-image-common-panel-span2", $n = "univer-image-common-panel-span3", Vn = "univer-image-common-panel-input", Bn = "univer-sheet-image-menu", Hn = "univer-sheet-image-menu-input", O = {
+  imageCommonPanel: Un,
+  imageCommonPanelGrid: Nn,
+  imageCommonPanelBorder: An,
+  imageCommonPanelTitle: Tn,
+  imageCommonPanelRow: xn,
+  imageCommonPanelRowVertical: Gn,
+  imageCommonPanelColumn: Ln,
+  imageCommonPanelColumnCenter: jn,
+  imageCommonPanelInline: Wn,
+  imageCommonPanelSpan2: Fn,
+  imageCommonPanelSpan3: $n,
+  imageCommonPanelInput: Vn,
+  sheetImageMenu: Bn,
+  sheetImageMenuInput: Hn
+}, q = {
   id: "doc.command.set-doc-image",
-  type: C.COMMAND,
+  type: S.COMMAND,
   handler: (e, n) => {
-    const t = e.get(_), r = e.get(x), i = e.get(P);
+    const t = e.get(I), r = e.get(U), i = e.get(M);
     if (!n) return !1;
-    const { drawings: o } = n, a = i.getBatchUpdateOp(o), { unitId: s, subUnitId: c, undo: d, redo: m, objects: u } = a;
-    return t.syncExecuteCommand(h.id, { unitId: s, subUnitId: c, op: m, objects: u, type: I.UPDATE }) ? (r.pushUndoRedo({
+    const { drawings: o } = n, a = i.getBatchUpdateOp(o), { unitId: s, subUnitId: c, undo: u, redo: m, objects: d } = a;
+    return t.syncExecuteCommand(p.id, { unitId: s, subUnitId: c, op: m, objects: d, type: f.UPDATE }) ? (r.pushUndoRedo({
       unitID: s,
       undoMutations: [
-        { id: h.id, params: { unitId: s, subUnitId: c, op: d, objects: u, type: I.UPDATE } },
-        { id: S.id, params: [s] }
+        { id: p.id, params: { unitId: s, subUnitId: c, op: u, objects: d, type: f.UPDATE } },
+        { id: w.id, params: [s] }
       ],
       redoMutations: [
-        { id: h.id, params: { unitId: s, subUnitId: c, op: m, objects: u, type: I.UPDATE } },
-        { id: S.id, params: [s] }
+        { id: p.id, params: { unitId: s, subUnitId: c, op: m, objects: d, type: f.UPDATE } },
+        { id: w.id, params: [s] }
       ]
     }), !0) : !1;
   }
 }, zn = (e) => {
-  N(_);
-  const n = N(Q), t = N(L), r = N(X), { drawings: i } = e, o = i[0];
-  if (o == null)
+  b(I);
+  const n = b(k);
+  b(N);
+  const t = b(H), { drawings: r } = e, i = r[0];
+  if (i == null)
     return;
-  const { unitId: a } = o, s = r.getRenderById(a), c = s == null ? void 0 : s.scene;
-  if (c == null)
+  const { unitId: o } = i, a = t.getRenderById(o), s = a == null ? void 0 : a.scene;
+  if (s == null)
     return;
-  const d = c.getTransformerByCreate(), [m, u] = te(!0);
-  te("");
-  function l(p, f) {
-    const v = [];
-    return p.forEach((O) => {
-      const { oKey: U } = O;
-      if (f.getDrawingOKey(U) == null)
-        return v.push(null), !0;
-    }), v;
-  }
-  Pe(() => {
-    const p = d.onClearControlObservable.add((v) => {
-      v === !0 && u(!1);
-    }), f = d.onChangeStartObservable.add((v) => {
-      const { objects: O } = v;
-      l(O, t);
+  const c = s.getTransformerByCreate(), [u, m] = Z(!0);
+  Z(""), Ie(() => {
+    const l = c.clearControl$.subscribe((g) => {
+      g === !0 && m(!1);
     });
     return () => {
-      f == null || f.dispose(), p == null || p.dispose();
+      l.unsubscribe();
     };
   }, []);
-  const g = (p) => p ? "block" : "none";
-  return /* @__PURE__ */ M.createElement("div", { className: H(y.imageCommonPanelGrid, y.imageCommonPanelBorder), style: { display: g(m) } }, /* @__PURE__ */ M.createElement("div", { className: y.imageCommonPanelRow }, /* @__PURE__ */ M.createElement("div", { className: H(y.imageCommonPanelColumn, y.imageCommonPanelTitle) }, /* @__PURE__ */ M.createElement("div", null, n.t("drawing-anchor.title")))), /* @__PURE__ */ M.createElement("div", { className: H(y.imageCommonPanelRow) }, /* @__PURE__ */ M.createElement("div", { className: H(y.imageCommonPanelColumn) })));
-}, Zn = () => {
-  const e = N(L), n = e.getFocusDrawings(), [t, r] = te(n);
-  return Pe(() => {
+  const d = (l) => l ? "block" : "none";
+  return /* @__PURE__ */ C.createElement("div", { className: j(O.imageCommonPanelGrid, O.imageCommonPanelBorder), style: { display: d(u) } }, /* @__PURE__ */ C.createElement("div", { className: O.imageCommonPanelRow }, /* @__PURE__ */ C.createElement("div", { className: j(O.imageCommonPanelColumn, O.imageCommonPanelTitle) }, /* @__PURE__ */ C.createElement("div", null, n.t("drawing-anchor.title")))), /* @__PURE__ */ C.createElement("div", { className: j(O.imageCommonPanelRow) }, /* @__PURE__ */ C.createElement("div", { className: j(O.imageCommonPanelColumn) })));
+}, Kn = () => {
+  const e = b(N), n = e.getFocusDrawings(), [t, r] = Z(n);
+  return Ie(() => {
     const i = e.focus$.subscribe((o) => {
       r(o);
     });
     return () => {
       i.unsubscribe();
     };
-  }, []), !!(t != null && t.length) && /* @__PURE__ */ M.createElement("div", { className: y.imageCommonPanel }, /* @__PURE__ */ M.createElement(on, { drawings: t }), /* @__PURE__ */ M.createElement(zn, { drawings: t }));
-}, F = {
+  }, []), !!(t != null && t.length) && /* @__PURE__ */ C.createElement("div", { className: O.imageCommonPanel }, /* @__PURE__ */ C.createElement(Xe, { drawings: t }), /* @__PURE__ */ C.createElement(zn, { drawings: t }));
+}, x = {
   id: "doc.command.move-drawing",
-  type: C.COMMAND,
+  type: S.COMMAND,
   handler: (e, n) => {
-    const t = e.get(_), r = e.get(P), { direction: i } = n, o = r.getFocusDrawings();
+    const t = e.get(I), r = e.get(M), { direction: i } = n, o = r.getFocusDrawings();
     if (o.length === 0)
       return !1;
-    const a = o[0].unitId, s = o.map((d) => {
-      const { transform: m } = d;
+    const a = o[0].unitId, s = o.map((u) => {
+      const { transform: m } = u;
       if (m == null)
         return null;
-      const u = { ...m }, { left: l = 0, top: g = 0 } = m;
-      return i === E.UP ? u.top = g - 1 : i === E.DOWN ? u.top = g + 1 : i === E.LEFT ? u.left = l - 1 : i === E.RIGHT && (u.left = l + 1), {
-        ...d,
-        transform: u,
-        docTransform: we(u)
+      const d = { ...m }, { left: l = 0, top: g = 0 } = m;
+      return i === P.UP ? d.top = g - 1 : i === P.DOWN ? d.top = g + 1 : i === P.LEFT ? d.left = l - 1 : i === P.RIGHT && (d.left = l + 1), {
+        ...u,
+        transform: d,
+        docTransform: le(d)
       };
-    }).filter((d) => d != null);
-    return t.syncExecuteCommand(se.id, {
+    }).filter((u) => u != null);
+    return t.syncExecuteCommand(q.id, {
       unitId: a,
       drawings: s
-    }) ? (t.syncExecuteCommand(S.id, [a]), !0) : !1;
+    }) ? (t.syncExecuteCommand(w.id, [a]), !0) : !1;
   }
-}, Le = {
+}, ye = {
   id: "doc.command.delete-drawing",
-  type: C.COMMAND,
+  type: S.COMMAND,
   handler: (e) => {
-    const n = e.get(_), r = e.get(P).getFocusDrawings();
+    const n = e.get(I), r = e.get(M).getFocusDrawings();
     if (r.length === 0)
       return !1;
     const i = r[0].unitId, o = r.map((a) => {
-      const { unitId: s, subUnitId: c, drawingId: d, drawingType: m } = a;
+      const { unitId: s, subUnitId: c, drawingId: u, drawingType: m } = a;
       return {
         unitId: s,
         subUnitId: c,
-        drawingId: d,
+        drawingId: u,
         drawingType: m
       };
     });
-    return n.executeCommand(ae.id, {
+    return n.executeCommand(X.id, {
       unitId: i,
       drawings: o
     });
   }
-}, Ge = {
+}, be = {
   id: "doc.command.set-drawing-arrange",
-  type: C.COMMAND,
+  type: S.COMMAND,
   handler: (e, n) => {
-    const t = e.get(_), r = e.get(x);
+    const t = e.get(I), r = e.get(U);
     if (!n) return !1;
-    const i = e.get(P), { unitId: o, subUnitId: a, drawingIds: s, arrangeType: c } = n, d = { unitId: o, subUnitId: a, drawingIds: s };
+    const i = e.get(M), { unitId: o, subUnitId: a, drawingIds: s, arrangeType: c } = n, u = { unitId: o, subUnitId: a, drawingIds: s };
     let m;
-    if (c === B.forward ? m = i.getForwardDrawingsOp(d) : c === B.backward ? m = i.getBackwardDrawingOp(d) : c === B.front ? m = i.getFrontDrawingsOp(d) : c === B.back && (m = i.getBackDrawingsOp(d)), m == null)
+    if (c === L.forward ? m = i.getForwardDrawingsOp(u) : c === L.backward ? m = i.getBackwardDrawingOp(u) : c === L.front ? m = i.getFrontDrawingsOp(u) : c === L.back && (m = i.getBackDrawingsOp(u)), m == null)
       return !1;
-    const { objects: u, redo: l, undo: g } = m;
-    return t.syncExecuteCommand(h.id, { op: l, unitId: o, subUnitId: a, objects: u, type: I.ARRANGE }) ? (r.pushUndoRedo({
+    const { objects: d, redo: l, undo: g } = m;
+    return t.syncExecuteCommand(p.id, { op: l, unitId: o, subUnitId: a, objects: d, type: f.ARRANGE }) ? (r.pushUndoRedo({
       unitID: o,
       undoMutations: [
-        { id: h.id, params: { op: g, unitId: o, subUnitId: a, objects: u, type: I.ARRANGE } }
+        { id: p.id, params: { op: g, unitId: o, subUnitId: a, objects: d, type: f.ARRANGE } }
       ],
       redoMutations: [
-        { id: h.id, params: { op: l, unitId: o, subUnitId: a, objects: u, type: I.ARRANGE } }
+        { id: p.id, params: { op: l, unitId: o, subUnitId: a, objects: d, type: f.ARRANGE } }
       ]
     }), !0) : !1;
   }
 };
-function qn(e) {
+function Zn(e) {
   const n = [];
   return e.forEach((t) => {
-    const { parent: r, children: i } = t, { unitId: o, subUnitId: a, drawingId: s } = r, c = Qe(0, 0, i.map((u) => u.transform || {})), d = i.map((u) => {
-      const l = u.transform || { left: 0, top: 0 }, { unitId: g, subUnitId: p, drawingId: f } = u;
+    const { parent: r, children: i } = t, { unitId: o, subUnitId: a, drawingId: s } = r, c = an(0, 0, i.map((d) => d.transform || {})), u = i.map((d) => {
+      const l = d.transform || { left: 0, top: 0 }, { unitId: g, subUnitId: h, drawingId: v } = d;
       return {
         unitId: g,
-        subUnitId: p,
-        drawingId: f,
+        subUnitId: h,
+        drawingId: v,
         transform: {
           ...l,
           left: l.left - c.left,
@@ -471,12 +457,12 @@ function qn(e) {
       unitId: o,
       subUnitId: a,
       drawingId: s,
-      drawingType: oe.DRAWING_GROUP,
+      drawingType: Q.DRAWING_GROUP,
       transform: c
     };
     n.push({
       parent: m,
-      children: d
+      children: u
     });
   }), n;
 }
@@ -486,20 +472,20 @@ function Yn(e) {
     const { parent: r, children: i } = t, { unitId: o, subUnitId: a, drawingId: s, transform: c = { width: 0, height: 0 } } = r;
     if (c == null)
       return;
-    const d = i.map((u) => {
-      const { transform: l } = u, { unitId: g, subUnitId: p, drawingId: f } = u, v = Xe(l || {}, c, c.width || 0, c.height || 0);
+    const u = i.map((d) => {
+      const { transform: l } = d, { unitId: g, subUnitId: h, drawingId: v } = d, xe = sn(l || {}, c, c.width || 0, c.height || 0);
       return {
         unitId: g,
-        subUnitId: p,
-        drawingId: f,
-        transform: v,
+        subUnitId: h,
+        drawingId: v,
+        transform: xe,
         groupId: void 0
       };
     }), m = {
       unitId: o,
       subUnitId: a,
       drawingId: s,
-      drawingType: oe.DRAWING_GROUP,
+      drawingType: Q.DRAWING_GROUP,
       transform: {
         left: 0,
         top: 0
@@ -507,177 +493,177 @@ function Yn(e) {
     };
     n.push({
       parent: m,
-      children: d
+      children: u
     });
   }), n;
 }
-const je = {
+const Re = {
   id: "doc.command.ungroup-doc-image",
-  type: C.COMMAND,
+  type: S.COMMAND,
   handler: (e, n) => {
-    const t = e.get(_), r = e.get(x), i = e.get(P);
+    const t = e.get(I), r = e.get(U), i = e.get(M);
     if (!n) return !1;
     const o = [];
-    n.forEach(({ parent: g, children: p }) => {
-      o.push(g.unitId), p.forEach((f) => {
-        o.push(f.unitId);
+    n.forEach(({ parent: g, children: h }) => {
+      o.push(g.unitId), h.forEach((v) => {
+        o.push(v.unitId);
       });
     });
-    const a = i.getUngroupDrawingOp(n), { unitId: s, subUnitId: c, undo: d, redo: m, objects: u } = a;
-    return t.syncExecuteCommand(h.id, { op: m, unitId: s, subUnitId: c, objects: u, type: I.UNGROUP }) ? (r.pushUndoRedo({
+    const a = i.getUngroupDrawingOp(n), { unitId: s, subUnitId: c, undo: u, redo: m, objects: d } = a;
+    return t.syncExecuteCommand(p.id, { op: m, unitId: s, subUnitId: c, objects: d, type: f.UNGROUP }) ? (r.pushUndoRedo({
       unitID: s,
       undoMutations: [
-        { id: h.id, params: { op: d, unitId: s, subUnitId: c, objects: qn(u), type: I.GROUP } },
-        { id: S.id, params: o }
+        { id: p.id, params: { op: u, unitId: s, subUnitId: c, objects: Zn(d), type: f.GROUP } },
+        { id: w.id, params: o }
       ],
       redoMutations: [
-        { id: h.id, params: { op: m, unitId: s, subUnitId: c, objects: u, type: I.UNGROUP } },
-        { id: S.id, params: o }
+        { id: p.id, params: { op: m, unitId: s, subUnitId: c, objects: d, type: f.UNGROUP } },
+        { id: w.id, params: o }
       ]
     }), !0) : !1;
   }
-}, We = {
+}, Ue = {
   id: "doc.command.group-doc-image",
-  type: C.COMMAND,
+  type: S.COMMAND,
   handler: (e, n) => {
-    const t = e.get(_), r = e.get(x), i = e.get(P);
+    const t = e.get(I), r = e.get(U), i = e.get(M);
     if (!n) return !1;
     const o = [];
-    n.forEach(({ parent: g, children: p }) => {
-      o.push(g.unitId), p.forEach((f) => {
-        o.push(f.unitId);
+    n.forEach(({ parent: g, children: h }) => {
+      o.push(g.unitId), h.forEach((v) => {
+        o.push(v.unitId);
       });
     });
-    const a = i.getGroupDrawingOp(n), { unitId: s, subUnitId: c, undo: d, redo: m, objects: u } = a;
-    return t.syncExecuteCommand(h.id, { op: m, unitId: s, subUnitId: c, objects: u, type: I.GROUP }) ? (r.pushUndoRedo({
+    const a = i.getGroupDrawingOp(n), { unitId: s, subUnitId: c, undo: u, redo: m, objects: d } = a;
+    return t.syncExecuteCommand(p.id, { op: m, unitId: s, subUnitId: c, objects: d, type: f.GROUP }) ? (r.pushUndoRedo({
       unitID: s,
       undoMutations: [
-        { id: h.id, params: { op: d, unitId: s, subUnitId: c, objects: Yn(u), type: I.UNGROUP } },
-        { id: S.id, params: o }
+        { id: p.id, params: { op: u, unitId: s, subUnitId: c, objects: Yn(d), type: f.UNGROUP } },
+        { id: w.id, params: o }
       ],
       redoMutations: [
-        { id: h.id, params: { op: m, unitId: s, subUnitId: c, objects: u, type: I.GROUP } },
-        { id: S.id, params: o }
+        { id: p.id, params: { op: m, unitId: s, subUnitId: c, objects: d, type: f.GROUP } },
+        { id: w.id, params: o }
       ]
     }), !0) : !1;
   }
-}, Fe = {
+}, Ne = {
   id: "doc.command.insert-doc-image",
-  type: C.COMMAND,
+  type: S.COMMAND,
   handler: (e, n) => {
-    const t = e.get(_), r = e.get(x), i = e.get(P);
+    const t = e.get(I), r = e.get(U), i = e.get(M);
     if (!n) return !1;
-    const o = n.drawings, a = o.map((p) => p.unitId), s = i.getBatchAddOp(o), { unitId: c, subUnitId: d, undo: m, redo: u, objects: l } = s;
-    return t.syncExecuteCommand(h.id, { op: u, unitId: c, subUnitId: d, objects: l, type: I.INSERT }) ? (r.pushUndoRedo({
+    const o = n.drawings, a = o.map((h) => h.unitId), s = i.getBatchAddOp(o), { unitId: c, subUnitId: u, undo: m, redo: d, objects: l } = s;
+    return t.syncExecuteCommand(p.id, { op: d, unitId: c, subUnitId: u, objects: l, type: f.INSERT }) ? (r.pushUndoRedo({
       unitID: c,
       undoMutations: [
-        { id: h.id, params: { op: m, unitId: c, subUnitId: d, objects: l, type: I.REMOVE } },
-        { id: S.id, params: a }
+        { id: p.id, params: { op: m, unitId: c, subUnitId: u, objects: l, type: f.REMOVE } },
+        { id: w.id, params: a }
       ],
       redoMutations: [
-        { id: h.id, params: { op: u, unitId: c, subUnitId: d, objects: l, type: I.INSERT } },
-        { id: S.id, params: a }
+        { id: p.id, params: { op: d, unitId: c, subUnitId: u, objects: l, type: f.INSERT } },
+        { id: w.id, params: a }
       ]
     }), !0) : !1;
   }
 };
-function V(e) {
-  return !e.getContextValue(Ke) && e.getContextValue(Y);
+function G(e) {
+  return !e.getContextValue($e) && e.getContextValue(V);
 }
-const Qn = {
-  id: F.id,
+const kn = {
+  id: x.id,
   description: "shortcut.doc.drawing-move-down",
   group: "4_doc-drawing-view",
-  binding: A.ARROW_DOWN,
+  binding: R.ARROW_DOWN,
   priority: 100,
-  preconditions: V,
+  preconditions: G,
   staticParameters: {
-    direction: E.DOWN
+    direction: P.DOWN
   }
-}, Xn = {
-  id: F.id,
+}, Qn = {
+  id: x.id,
   description: "shortcut.doc.drawing-move-up",
   group: "4_doc-drawing-view",
-  binding: A.ARROW_UP,
+  binding: R.ARROW_UP,
   priority: 100,
-  preconditions: V,
+  preconditions: G,
   staticParameters: {
-    direction: E.UP
+    direction: P.UP
   }
-}, Jn = {
-  id: F.id,
+}, Xn = {
+  id: x.id,
   description: "shortcut.doc.drawing-move-left",
   group: "4_doc-drawing-view",
-  binding: A.ARROW_LEFT,
+  binding: R.ARROW_LEFT,
   priority: 100,
-  preconditions: V,
+  preconditions: G,
   staticParameters: {
-    direction: E.LEFT
+    direction: P.LEFT
   }
-}, et = {
-  id: F.id,
+}, qn = {
+  id: x.id,
   description: "shortcut.doc.drawing-move-right",
   group: "4_doc-drawing-view",
-  binding: A.ARROW_RIGHT,
+  binding: R.ARROW_RIGHT,
   priority: 100,
-  preconditions: V,
+  preconditions: G,
   staticParameters: {
-    direction: E.RIGHT
+    direction: P.RIGHT
   }
-}, nt = {
-  id: Le.id,
+}, Jn = {
+  id: ye.id,
   description: "shortcut.doc.drawing-delete",
   group: "4_doc-drawing-view",
   // when focusing on any other input tag do not trigger this shortcut
-  preconditions: V,
-  binding: A.DELETE,
-  mac: A.BACKSPACE
+  preconditions: G,
+  binding: R.DELETE,
+  mac: R.BACKSPACE
 };
-var tt = Object.defineProperty, rt = Object.getOwnPropertyDescriptor, it = (e, n, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? rt(n, t) : n, o = e.length - 1, a; o >= 0; o--)
+var et = Object.defineProperty, nt = Object.getOwnPropertyDescriptor, tt = (e, n, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? nt(n, t) : n, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (i = (r ? a(n, t, i) : a(i)) || i);
-  return r && i && tt(n, t, i), i;
-}, W = (e, n) => (t, r) => n(t, r, e);
-let Z = class extends ve {
+  return r && i && et(n, t, i), i;
+}, T = (e, n) => (t, r) => n(t, r, e);
+let $ = class extends ue {
   constructor(e, n, t, r, i) {
     super(), this._injector = e, this._componentManager = n, this._menuService = t, this._commandService = r, this._shortcutService = i, this._init();
   }
   _initCustomComponents() {
     const e = this._componentManager;
-    this.disposeWithMe(e.register(Ae, Te)), this.disposeWithMe(e.register(Ne, Rn)), this.disposeWithMe(e.register(ye, Zn));
+    this.disposeWithMe(e.register(Pe, Me)), this.disposeWithMe(e.register(Oe, yn)), this.disposeWithMe(e.register(_e, Kn));
   }
   _initMenus() {
     [
-      Un,
-      Tn
+      bn,
+      Rn
     ].forEach((e) => {
       this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e), {}));
     });
   }
   _initCommands() {
     [
-      J,
-      Fe,
-      ae,
-      se,
-      Ee,
-      S,
-      be,
-      We,
-      je,
-      F,
-      Le,
-      Ge
+      z,
+      Ne,
+      X,
+      q,
+      we,
+      w,
+      Se,
+      Ue,
+      Re,
+      x,
+      ye,
+      be
     ].forEach((e) => this.disposeWithMe(this._commandService.registerCommand(e)));
   }
   _initShortcuts() {
     [
       // sheet drawing shortcuts
+      kn,
       Qn,
       Xn,
-      Jn,
-      et,
-      nt
+      qn,
+      Jn
     ].forEach((e) => {
       this.disposeWithMe(this._shortcutService.registerShortcut(e));
     });
@@ -686,117 +672,96 @@ let Z = class extends ve {
     this._initCommands(), this._initCustomComponents(), this._initMenus(), this._initShortcuts();
   }
 };
-Z = it([
-  re(ie.Ready, Z),
-  W(0, b(_e)),
-  W(1, b(pn)),
-  W(2, fn),
-  W(3, _),
-  W(4, hn)
-], Z);
-var ot = Object.defineProperty, at = Object.getOwnPropertyDescriptor, st = (e, n, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? at(n, t) : n, o = e.length - 1, a; o >= 0; o--)
+$ = tt([
+  se(ce.Ready, $),
+  T(0, y(me)),
+  T(1, y(ln)),
+  T(2, gn),
+  T(3, I),
+  T(4, pn)
+], $);
+var rt = Object.defineProperty, it = Object.getOwnPropertyDescriptor, ot = (e, n, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? it(n, t) : n, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (i = (r ? a(n, t, i) : a(i)) || i);
-  return r && i && ot(n, t, i), i;
+  return r && i && rt(n, t, i), i;
 }, D = (e, n) => (t, r) => n(t, r, e);
-let q = class extends ve {
-  constructor(e, n, t, r, i, o, a, s, c, d, m) {
-    super(), this._commandService = e, this._univerInstanceService = n, this._textSelectionManagerService = t, this._imageIoService = r, this._sheetDrawingService = i, this._drawingManagerService = o, this._contextService = a, this._messageService = s, this._localeService = c, this._docSkeletonManagerService = d, this._renderManagerService = m, this._init();
-  }
-  _init() {
-    this._initCommandListeners(), this._updateDrawingListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
+let Y = class extends ue {
+  constructor(e, n, t, r, i, o, a, s, c, u) {
+    super(), this._context = e, this._commandService = n, this._textSelectionManagerService = t, this._docSkeletonManagerService = r, this._sheetDrawingService = i, this._imageIoService = o, this._drawingManagerService = a, this._contextService = s, this._messageService = c, this._localeService = u, this._initCommandListeners(), this._updateDrawingListener(), this._updateOrderListener(), this._groupDrawingListener(), this._focusDrawingListener();
   }
   /**
    * Upload image to cell or float image
    */
   _initCommandListeners() {
-    this.disposeWithMe(
-      this._commandService.onCommandExecuted(async (e) => {
-        if (e.id === J.id) {
-          const n = e.params;
-          if (n.files == null)
-            return;
-          const t = n.files.length;
-          if (t > ue) {
-            this._messageService.show({
-              type: k.Error,
-              content: this._localeService.t("update-status.exceedMaxCount", String(ue))
-            });
-            return;
-          }
-          this._imageIoService.setWaitCount(t), n.files.forEach(async (r) => {
-            await this._insertFloatImage(r);
+    this.disposeWithMe(this._commandService.onCommandExecuted(async (e) => {
+      if (e.id === z.id) {
+        const n = e.params;
+        if (n.files == null)
+          return;
+        const t = n.files.length;
+        if (t > ee) {
+          this._messageService.show({
+            type: W.Error,
+            content: this._localeService.t("update-status.exceedMaxCount", String(ee))
           });
+          return;
         }
-      })
-    );
+        this._imageIoService.setWaitCount(t), n.files.forEach(async (r) => {
+          await this._insertFloatImage(r);
+        });
+      }
+    }));
   }
   async _insertFloatImage(e) {
-    var U;
+    var g;
     let n;
     try {
       n = await this._imageIoService.saveImage(e);
-    } catch (G) {
-      const T = G.message;
-      T === ne.ERROR_EXCEED_SIZE ? this._messageService.show({
-        type: k.Error,
-        content: this._localeService.t("update-status.exceedMaxSize", String(cn / (1024 * 1024)))
-      }) : T === ne.ERROR_IMAGE_TYPE ? this._messageService.show({
-        type: k.Error,
+    } catch (h) {
+      const v = h.message;
+      v === K.ERROR_EXCEED_SIZE ? this._messageService.show({
+        type: W.Error,
+        content: this._localeService.t("update-status.exceedMaxSize", String(en / (1024 * 1024)))
+      }) : v === K.ERROR_IMAGE_TYPE ? this._messageService.show({
+        type: W.Error,
         content: this._localeService.t("update-status.invalidImageType")
-      }) : T === ne.ERROR_IMAGE && this._messageService.show({
-        type: k.Error,
+      }) : v === K.ERROR_IMAGE && this._messageService.show({
+        type: W.Error,
         content: this._localeService.t("update-status.invalidImage")
       });
     }
     if (n == null)
       return;
-    const t = this._getUnitInfo();
-    if (t == null)
-      return;
-    const { unitId: r, subUnitId: i } = t, { imageId: o, imageSourceType: a, source: s, base64Cache: c } = n, { width: d, height: m, image: u } = await dn(c || ""), l = this._renderManagerService.getRenderById(r);
-    if (l == null)
-      return;
-    const { width: g, height: p } = l.scene;
-    this._imageIoService.addImageSourceCache(o, a, u);
-    let f = 1;
-    if (d > me || m > le) {
-      const G = me / d, T = le / m;
-      f = Math.max(G, T);
+    const { unitId: t } = this._context, { imageId: r, imageSourceType: i, source: o, base64Cache: a } = n, { width: s, height: c, image: u } = await nn(a || "");
+    this._imageIoService.addImageSourceCache(r, i, u);
+    let m = 1;
+    if (s > ne || c > te) {
+      const h = ne / s, v = te / c;
+      m = Math.max(h, v);
     }
-    const v = this._getImagePosition(d * f, m * f, g, p);
-    if (v == null)
+    const d = this._getImagePosition(s * m, c * m);
+    if (d == null)
       return;
-    const O = {
-      unitId: r,
-      subUnitId: i,
-      drawingId: o,
-      drawingType: oe.DRAWING_IMAGE,
-      imageSourceType: a,
-      source: s,
-      transform: de(v),
-      docTransform: v,
+    const l = {
+      unitId: t,
+      subUnitId: t,
+      drawingId: r,
+      drawingType: Q.DRAWING_IMAGE,
+      imageSourceType: i,
+      source: o,
+      transform: ie(d),
+      docTransform: d,
       title: "",
       description: "",
-      layoutType: ze.WRAP_SQUARE
-    };
-    this._commandService.executeCommand(Fe.id, {
-      unitId: r,
-      drawings: [O]
-    }), (U = this._docSkeletonManagerService.getCurrent()) == null || U.skeleton.calculate();
-  }
-  _getUnitInfo() {
-    const e = this._univerInstanceService.getCurrentUnitForType(R.UNIVER_DOC);
-    if (e == null)
-      return;
-    const n = e.getUnitId();
-    return {
-      unitId: n,
-      subUnitId: n
+      layoutType: Ve.WRAP_SQUARE
     };
+    this._commandService.executeCommand(Ne.id, {
+      unitId: t,
+      drawings: [l]
+    }), (g = this._docSkeletonManagerService.getSkeleton()) == null || g.calculate();
   }
-  _getImagePosition(e, n, t, r) {
-    const i = this._textSelectionManagerService.getActiveTextRange(), o = (i == null ? void 0 : i.getAbsolutePosition()) || {
+  _getImagePosition(e, n) {
+    const t = this._textSelectionManagerService.getActiveTextRange(), r = (t == null ? void 0 : t.getAbsolutePosition()) || {
       left: 0,
       top: 0
     };
@@ -806,12 +771,12 @@ let q = class extends ve {
         height: n
       },
       positionH: {
-        relativeFrom: Ze.MARGIN,
-        posOffset: o.left
+        relativeFrom: Be.MARGIN,
+        posOffset: r.left
       },
       positionV: {
-        relativeFrom: qe.PAGE,
-        posOffset: o.top
+        relativeFrom: He.PAGE,
+        posOffset: r.top
       },
       angle: 0
     };
@@ -819,7 +784,7 @@ let q = class extends ve {
   _updateOrderListener() {
     this._drawingManagerService.featurePluginOrderUpdate$.subscribe((e) => {
       const { unitId: n, subUnitId: t, drawingIds: r, arrangeType: i } = e;
-      this._commandService.executeCommand(Ge.id, {
+      this._commandService.executeCommand(be.id, {
         unitId: n,
         subUnitId: t,
         drawingIds: r,
@@ -829,124 +794,105 @@ let q = class extends ve {
   }
   _updateDrawingListener() {
     this._drawingManagerService.featurePluginUpdate$.subscribe((e) => {
+      if (e.length === 0)
+        return;
       const n = [];
-      e.length !== 0 && (e.forEach((t) => {
-        const { unitId: r, subUnitId: i, drawingId: o, drawingType: a, transform: s } = t;
+      if (e.forEach((t) => {
+        const { unitId: r, subUnitId: i, drawingId: o, transform: a } = t;
+        if (a == null)
+          return;
+        const s = this._sheetDrawingService.getDrawingByParam({ unitId: r, subUnitId: i, drawingId: o });
         if (s == null)
           return;
-        const c = this._sheetDrawingService.getDrawingByParam({ unitId: r, subUnitId: i, drawingId: o });
+        const c = le({ ...s.transform, ...a });
         if (c == null)
           return;
-        const d = we({ ...c.transform, ...s });
-        if (d == null)
-          return;
-        const m = {
+        const u = {
           ...t,
-          transform: { ...s, ...de(d) },
-          docTransform: { ...d }
+          transform: { ...a, ...ie(c) },
+          docTransform: { ...c }
         };
-        n.push(m);
-      }), n.length > 0 && (this._commandService.syncExecuteCommand(se.id, {
-        unitId: e[0].unitId,
-        drawings: n
-      }), this._refreshDocSkeleton()));
+        n.push(u);
+      }), n.length > 0) {
+        const t = e[0].unitId;
+        this._commandService.syncExecuteCommand(q.id, {
+          unitId: t,
+          drawings: n
+        }), this._refreshDocSkeleton();
+      }
     });
   }
-  _getDocsOffsetInfo() {
-    const e = this._docSkeletonManagerService.getCurrent();
-    if (e == null)
-      return {
-        pageMarginCache: /* @__PURE__ */ new Map(),
-        docsLeft: 0,
-        docsTop: 0
-      };
-    const { unitId: n, skeleton: t } = e, r = this._renderManagerService.getRenderById(n), i = t == null ? void 0 : t.getSkeletonData();
-    if (r == null || !i)
-      return {
-        pageMarginCache: /* @__PURE__ */ new Map(),
-        docsLeft: 0,
-        docsTop: 0
-      };
-    const { mainComponent: o } = r, a = o, { left: s, top: c, pageLayoutType: d, pageMarginLeft: m, pageMarginTop: u } = a, { pages: l } = i, g = new Je(), p = /* @__PURE__ */ new Map();
-    for (let f = 0, v = l.length; f < v; f++) {
-      const O = l[f], { skeDrawings: U, marginLeft: G, marginTop: T } = O;
-      g.translatePagePadding(O), U.forEach((Ve) => {
-        const { aLeft: lt, aTop: gt, height: pt, width: ft, drawingId: $e, drawingOrigin: ht } = Ve;
-        p.set($e, {
-          marginLeft: g.x,
-          marginTop: g.y
-        });
-      }), g.restorePagePadding(O), g.translatePage(O, d, m, u);
-    }
-    return { pageMarginCache: p, docsLeft: s, docsTop: c };
-  }
   _refreshDocSkeleton() {
-    const e = this._docSkeletonManagerService.getCurrent();
-    if (e == null)
-      return;
-    const { unitId: n, skeleton: t } = e, r = this._renderManagerService.getRenderById(n);
-    if (r == null)
-      return;
-    const { mainComponent: i } = r;
-    t == null || t.calculate(), i == null || i.makeDirty();
+    const e = this._docSkeletonManagerService.getSkeleton(), { mainComponent: n } = this._context;
+    e == null || e.calculate(), n == null || n.makeDirty();
   }
   _groupDrawingListener() {
     this._drawingManagerService.featurePluginGroupUpdate$.subscribe((e) => {
-      this._commandService.executeCommand(We.id, e);
+      this._commandService.executeCommand(Ue.id, e);
     }), this._drawingManagerService.featurePluginUngroupUpdate$.subscribe((e) => {
-      this._commandService.executeCommand(je.id, e);
+      this._commandService.executeCommand(Re.id, e);
     });
   }
   _focusDrawingListener() {
     this.disposeWithMe(
       this._drawingManagerService.focus$.subscribe((e) => {
-        e == null || e.length === 0 ? (this._contextService.setContextValue(Y, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(Y, !0), this._sheetDrawingService.focusDrawing(e));
+        e == null || e.length === 0 ? (this._contextService.setContextValue(V, !1), this._sheetDrawingService.focusDrawing([])) : (this._contextService.setContextValue(V, !0), this._sheetDrawingService.focusDrawing(e));
       })
     );
   }
 };
-q = st([
-  re(ie.Rendered, q),
-  D(0, _),
-  D(1, he),
-  D(2, b(vn)),
-  D(3, un),
-  D(4, P),
-  D(5, L),
-  D(6, Ie),
-  D(7, In),
-  D(8, b(Q)),
-  D(9, b(_n)),
-  D(10, X)
-], q);
-var ct = Object.defineProperty, dt = Object.getOwnPropertyDescriptor, ut = (e, n, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? dt(n, t) : n, o = e.length - 1, a; o >= 0; o--)
+Y = ot([
+  D(1, I),
+  D(2, y(hn)),
+  D(3, y(vn)),
+  D(4, M),
+  D(5, tn),
+  D(6, N),
+  D(7, de),
+  D(8, fn),
+  D(9, y(k))
+], Y);
+var Ae = Object.defineProperty, at = Object.getOwnPropertyDescriptor, st = (e, n, t) => n in e ? Ae(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, ct = (e, n, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? at(n, t) : n, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (i = (r ? a(n, t, i) : a(i)) || i);
-  return r && i && ct(n, t, i), i;
-}, pe = (e, n) => (t, r) => n(t, r, e);
-const mt = "Docs_Drawing_UI_PLUGIN";
-var K;
-let fe = (K = class extends Ye {
+  return r && i && Ae(n, t, i), i;
+}, ae = (e, n) => (t, r) => n(t, r, e), Te = (e, n, t) => st(e, typeof n != "symbol" ? n + "" : n, t);
+const dt = "DOCS_DRAWING_UI_PLUGIN";
+let B = class extends ze {
   constructor(e, n, t) {
-    super(), this._injector = n, this._localeService = t;
+    super(), this._injector = n, this._renderManagerSrv = t;
   }
   onStarting(e) {
-    this._initDependencies(e);
-  }
-  _initDependencies(e) {
     [
-      // services
-      // controllers
-      [Z],
-      [q],
-      [z]
+      [$],
+      [F]
     ].forEach((t) => e.add(t));
   }
-}, $(K, "type", R.UNIVER_DOC), $(K, "pluginName", mt), K);
-fe = ut([
-  pe(1, b(_e)),
-  pe(2, b(Q))
-], fe);
+  onReady() {
+    [
+      Y
+    ].forEach((e) => this._renderManagerSrv.registerRenderModule(E.UNIVER_DOC, e));
+  }
+};
+Te(B, "type", E.UNIVER_DOC);
+Te(B, "pluginName", dt);
+B = ct([
+  Ke(qe, rn, on),
+  ae(1, y(me)),
+  ae(2, H)
+], B);
 export {
-  fe as UniverDocsDrawingUIPlugin
+  w as ClearDocDrawingTransformerOperation,
+  ye as DeleteDocDrawingsCommand,
+  Se as EditDocDrawingOperation,
+  Ue as GroupDocDrawingCommand,
+  Ne as InsertDocDrawingCommand,
+  z as InsertDocImageOperation,
+  x as MoveDocDrawingsCommand,
+  X as RemoveDocDrawingCommand,
+  be as SetDocDrawingArrangeCommand,
+  q as SetDocDrawingCommand,
+  we as SidebarDocDrawingOperation,
+  Re as UngroupDocDrawingCommand,
+  B as UniverDocsDrawingUIPlugin
 };