@univerjs/drawing-ui 0.14.0 → 0.15.0

package/lib/index.js

@@ -1,13 +1,13 @@
 var Ot = Object.defineProperty;
 var Dt = (i, r, e) => r in i ? Ot(i, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[r] = e;
 var J = (i, r, e) => Dt(i, typeof r != "symbol" ? r + "" : r, e);
-import { CommandType as me, ICommandService as ce, LocaleService as te, Inject as Ae, Disposable as He, DrawingTypeEnum as q, UniverInstanceType as Oe, checkIfMove as at, toDisposable as fe, IUniverInstanceService as Fe, ImageSourceType as Ye, Injector as Tt, IConfigService as Et, Plugin as Pt, merge as Nt, ArrangeTypeEnum as _e, generateRandomId as Bt, debounce as Ce } from "@univerjs/core";
-import { useDependency as A, ComponentManager as xt, IMessageService as Ut, IGalleryService as jt, IDialogService as At } from "@univerjs/ui";
-import { jsx as v, jsxs as P, Fragment as Ht } from "react/jsx-runtime";
-import { DropdownMenu as Lt, clsx as Q, borderClassName as kt, MessageType as Xe, Select as st, Button as se, InputNumber as he, Checkbox as $t } from "@univerjs/design";
-import { useRef as ot, createElement as F, forwardRef as ee, useState as j, useEffect as we } from "react";
-import { getDrawingShapeKeyByDrawingSearch as L, SetDrawingSelectedOperation as De, IDrawingManagerService as re, ImageSourceType as Vt, IImageIoService as ct } from "@univerjs/drawing";
-import { Group as pe, DRAWING_OBJECT_LAYER_INDEX as Te, RENDER_CLASS_TYPE as Je, IRenderManagerService as ue, Shape as Gt, Rect as lt, Canvas as Wt, Image as We, precisionTo as Se, CURSOR_TYPE as Ee, Vector2 as $e, degToRad as qe, getGroupState as Zt, transformObjectOutOfGroup as Ft } from "@univerjs/engine-render";
+import { CommandType as me, UniverInstanceType as Oe, ICommandService as ce, LocaleService as te, Inject as Ae, Disposable as He, DrawingTypeEnum as q, checkIfMove as at, toDisposable as fe, IUniverInstanceService as Fe, ImageSourceType as Ye, Injector as Tt, IConfigService as Et, Plugin as Pt, merge as Nt, ArrangeTypeEnum as _e, generateRandomId as Bt, debounce as Ce } from "@univerjs/core";
+import { getDrawingShapeKeyByDrawingSearch as L, SetDrawingSelectedOperation as De, IDrawingManagerService as re, ImageSourceType as xt, IImageIoService as st } from "@univerjs/drawing";
+import { Group as pe, DRAWING_OBJECT_LAYER_INDEX as Te, RENDER_CLASS_TYPE as Xe, IRenderManagerService as ue, Shape as Ut, Rect as ot, Canvas as jt, Image as We, precisionTo as Se, CURSOR_TYPE as Ee, Vector2 as $e, degToRad as Je, getGroupState as At, transformObjectOutOfGroup as Ht } from "@univerjs/engine-render";
+import { useDependency as A, ComponentManager as Lt, IMessageService as kt, IGalleryService as $t, IDialogService as Vt } from "@univerjs/ui";
+import { jsx as v, jsxs as P, Fragment as Gt } from "react/jsx-runtime";
+import { DropdownMenu as Wt, clsx as Q, borderClassName as Zt, MessageType as qe, Select as ct, Button as se, InputNumber as he, Checkbox as Ft } from "@univerjs/design";
+import { useRef as lt, createElement as F, forwardRef as ee, useState as j, useEffect as we } from "react";
 import { switchMap as zt, of as Kt } from "rxjs";
 var D = /* @__PURE__ */ ((i) => (i.default = "0", i.left = "1", i.center = "2", i.right = "3", i.top = "4", i.middle = "5", i.bottom = "6", i.horizon = "7", i.vertical = "8", i))(D || {});
 const ze = {
@@ -32,10 +32,42 @@ const Pe = {
   id: "sheet.operation.image-reset-size",
   type: me.OPERATION,
   handler: (i, r) => !0
-}, Yt = "drawing-ui.config", Qe = {}, Xt = "COMPONENT_IMAGE_POPUP_MENU";
+};
+function Qe(i, r, e, t) {
+  const n = t.getDrawingByParam(i);
+  if (n == null)
+    return;
+  const s = L(i), a = e.getObject(s);
+  if (a && !(a instanceof pe))
+    return;
+  if (a != null) {
+    a.addObject(r);
+    return;
+  }
+  const o = new pe(s);
+  e.addObject(o, Te).attachTransformerTo(o), o.addObject(r);
+  const { transform: c } = n;
+  c && o.transformByState(
+    {
+      left: c.left,
+      top: c.top,
+      angle: c.angle
+    }
+  );
+}
+function gt(i, r) {
+  var s;
+  const e = r ? i.getUnit(r) : i.getFocusedUnit();
+  if (e == null)
+    return;
+  const t = e.getUnitId();
+  let n;
+  return e.type === Oe.UNIVER_SHEET ? n = (s = e.getActiveSheet()) == null ? void 0 : s.getSheetId() : (e.type === Oe.UNIVER_DOC || e.type === Oe.UNIVER_SLIDE) && (n = t), { unitId: t, subUnitId: n, current: e };
+}
+const Yt = "drawing-ui.config", et = {}, Xt = "COMPONENT_IMAGE_POPUP_MENU";
 function z({ ref: i, ...r }) {
-  const { icon: e, id: t, className: n, extend: s, ...a } = r, o = `univerjs-icon univerjs-icon-${t} ${n || ""}`.trim(), c = ot(`_${Qt()}`);
-  return gt(e, `${t}`, {
+  const { icon: e, id: t, className: n, extend: s, ...a } = r, o = `univerjs-icon univerjs-icon-${t} ${n || ""}`.trim(), c = lt(`_${Qt()}`);
+  return dt(e, `${t}`, {
     defIds: e.defIds,
     idSuffix: c.current
   }, {
@@ -44,12 +76,12 @@ function z({ ref: i, ...r }) {
     ...a
   }, s);
 }
-function gt(i, r, e, t, n) {
+function dt(i, r, e, t, n) {
   return F(i.tag, {
     key: r,
     ...Jt(i, e, n),
     ...t
-  }, (qt(i, e).children || []).map((s, a) => gt(s, `${r}-${i.tag}-${a}`, e, void 0, n)));
+  }, (qt(i, e).children || []).map((s, a) => dt(s, `${r}-${i.tag}-${a}`, e, void 0, n)));
 }
 function Jt(i, r, e) {
   const t = { ...i.attrs };
@@ -122,14 +154,14 @@ const er = {
       }
     }
   ]
-}, dt = ee(function(r, e) {
+}, ht = ee(function(r, e) {
   return F(z, Object.assign({}, r, {
     id: "bottom-icon",
     ref: e,
     icon: er
   }));
 });
-dt.displayName = "BottomIcon";
+ht.displayName = "BottomIcon";
 const tr = {
   tag: "svg",
   attrs: {
@@ -171,14 +203,14 @@ const tr = {
       }
     }
   ]
-}, ht = ee(function(r, e) {
+}, ft = ee(function(r, e) {
   return F(z, Object.assign({}, r, {
     id: "create-copy-icon",
     ref: e,
     icon: tr
   }));
 });
-ht.displayName = "CreateCopyIcon";
+ft.displayName = "CreateCopyIcon";
 const rr = {
   tag: "svg",
   attrs: {
@@ -197,14 +229,14 @@ const rr = {
       clipRule: "evenodd"
     }
   }]
-}, ft = ee(function(r, e) {
+}, pt = ee(function(r, e) {
   return F(z, Object.assign({}, r, {
     id: "group-icon",
     ref: e,
     icon: rr
   }));
 });
-ft.displayName = "GroupIcon";
+pt.displayName = "GroupIcon";
 const nr = {
   tag: "svg",
   attrs: {
@@ -223,14 +255,14 @@ const nr = {
       clipRule: "evenodd"
     }
   }]
-}, pt = ee(function(r, e) {
+}, mt = ee(function(r, e) {
   return F(z, Object.assign({}, r, {
     id: "more-down-icon",
     ref: e,
     icon: nr
   }));
 });
-pt.displayName = "MoreDownIcon";
+mt.displayName = "MoreDownIcon";
 const ir = {
   tag: "svg",
   attrs: {
@@ -255,14 +287,14 @@ const ir = {
       d: "M5.57564 11.6118C5.80995 11.3774 6.18985 11.3774 6.42417 11.6118L7.3999 12.5875V6.36951C7.3999 6.03814 7.66853 5.76951 7.9999 5.76951C8.33127 5.76951 8.5999 6.03814 8.5999 6.36951V12.5875L9.57564 11.6118C9.80995 11.3774 10.1899 11.3774 10.4242 11.6118C10.6585 11.8461 10.6585 12.226 10.4242 12.4603L8.4324 14.452C8.32324 14.5655 8.16982 14.6362 7.9999 14.6362C7.82998 14.6362 7.67655 14.5655 7.56739 14.452L5.57564 12.4603C5.34132 12.226 5.34132 11.8461 5.57564 11.6118Z"
     }
   }]
-}, mt = ee(function(r, e) {
+}, wt = ee(function(r, e) {
   return F(z, Object.assign({}, r, {
     id: "move-down-icon",
     ref: e,
     icon: ir
   }));
 });
-mt.displayName = "MoveDownIcon";
+wt.displayName = "MoveDownIcon";
 const ar = {
   tag: "svg",
   attrs: {
@@ -287,14 +319,14 @@ const ar = {
       d: "M5.57564 4.38825C5.80995 4.62256 6.18985 4.62256 6.42417 4.38825L7.3999 3.41251V9.63049C7.3999 9.96186 7.66853 10.2305 7.9999 10.2305C8.33127 10.2305 8.5999 9.96186 8.5999 9.63049V3.41251L9.57564 4.38825C9.80995 4.62256 10.1899 4.62256 10.4242 4.38825C10.6585 4.15393 10.6585 3.77403 10.4242 3.53972L8.4324 1.54796C8.32324 1.43445 8.16982 1.36382 7.9999 1.36382C7.82998 1.36382 7.67655 1.43446 7.56739 1.54797L5.57564 3.53972C5.34132 3.77403 5.34132 4.15393 5.57564 4.38825Z"
     }
   }]
-}, wt = ee(function(r, e) {
+}, vt = ee(function(r, e) {
   return F(z, Object.assign({}, r, {
     id: "move-up-icon",
     ref: e,
     icon: ar
   }));
 });
-wt.displayName = "MoveUpIcon";
+vt.displayName = "MoveUpIcon";
 const sr = {
   tag: "svg",
   attrs: {
@@ -331,14 +363,14 @@ const sr = {
       }
     }
   ]
-}, vt = ee(function(r, e) {
+}, _t = ee(function(r, e) {
   return F(z, Object.assign({}, r, {
     id: "topmost-icon",
     ref: e,
     icon: sr
   }));
 });
-vt.displayName = "TopmostIcon";
+_t.displayName = "TopmostIcon";
 const or = {
   tag: "svg",
   attrs: {
@@ -363,14 +395,14 @@ const or = {
       clipRule: "evenodd"
     }
   }]
-}, _t = ee(function(r, e) {
+}, Ct = ee(function(r, e) {
   return F(z, Object.assign({}, r, {
     id: "ungroup-icon",
     ref: e,
     icon: or
   }));
 });
-_t.displayName = "UngroupIcon";
+Ct.displayName = "UngroupIcon";
 const cr = {
   tag: "svg",
   attrs: {
@@ -416,14 +448,14 @@ const cr = {
       }
     }
   ]
-}, Ct = ee(function(r, e) {
+}, St = ee(function(r, e) {
   return F(z, Object.assign({}, r, {
     id: "autofill-double-icon",
     ref: e,
     icon: cr
   }));
 });
-Ct.displayName = "AutofillDoubleIcon";
+St.displayName = "AutofillDoubleIcon";
 function lr(i) {
   var h;
   const { popup: r } = i, e = (h = r == null ? void 0 : r.extraProps) == null ? void 0 : h.menuItems;
@@ -443,7 +475,7 @@ function lr(i) {
       onMouseEnter: u,
       onMouseLeave: l,
       children: /* @__PURE__ */ v(
-        Lt,
+        Wt,
         {
           align: "start",
           items: w.map((p) => ({
@@ -456,18 +488,18 @@ function lr(i) {
           children: /* @__PURE__ */ P(
             "div",
             {
-              className: Q("univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-800", kt, {
+              className: Q("univer-flex univer-items-center univer-gap-2 univer-rounded univer-p-1 hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-800", Zt, {
                 "univer-bg-gray-100 dark:!univer-bg-gray-800": s,
                 "univer-bg-white dark:!univer-bg-gray-900": !s
               }),
               children: [
                 /* @__PURE__ */ v(
-                  Ct,
+                  St,
                   {
                     className: "univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white"
                   }
                 ),
-                f && /* @__PURE__ */ v(pt, { className: "dark:!univer-text-white" })
+                f && /* @__PURE__ */ v(mt, { className: "dark:!univer-text-white" })
               ]
             }
           )
@@ -480,7 +512,7 @@ var ur = Object.getOwnPropertyDescriptor, gr = (i, r, e, t) => {
   for (var n = t > 1 ? void 0 : t ? ur(r, e) : r, s = i.length - 1, a; s >= 0; s--)
     (a = i[s]) && (n = a(n) || n);
   return n;
-}, et = (i, r) => (e, t) => r(e, t, i);
+}, tt = (i, r) => (e, t) => r(e, t, i);
 let Ne = class extends He {
   constructor(i, r) {
     super(), this._componentManager = i, this._commandService = r, this._init();
@@ -503,8 +535,8 @@ let Ne = class extends He {
   }
 };
 Ne = gr([
-  et(0, Ae(xt)),
-  et(1, ce)
+  tt(0, Ae(Lt)),
+  tt(1, ce)
 ], Ne);
 function Le(i, r) {
   const e = [];
@@ -528,37 +560,6 @@ function Le(i, r) {
     w === q.DRAWING_IMAGE && (h.srcRect = t.srcRect), e.push(h);
   }), e;
 }
-function tt(i, r, e, t) {
-  const n = t.getDrawingByParam(i);
-  if (n == null)
-    return;
-  const s = L(i), a = e.getObject(s);
-  if (a && !(a instanceof pe))
-    return;
-  if (a != null) {
-    a.addObject(r);
-    return;
-  }
-  const o = new pe(s);
-  e.addObject(o, Te).attachTransformerTo(o), o.addObject(r);
-  const { transform: c } = n;
-  c && o.transformByState(
-    {
-      left: c.left,
-      top: c.top,
-      angle: c.angle
-    }
-  );
-}
-function St(i, r) {
-  var s;
-  const e = r ? i.getUnit(r) : i.getFocusedUnit();
-  if (e == null)
-    return;
-  const t = e.getUnitId();
-  let n;
-  return e.type === Oe.UNIVER_SHEET ? n = (s = e.getActiveSheet()) == null ? void 0 : s.getSheetId() : (e.type === Oe.UNIVER_DOC || e.type === Oe.UNIVER_SLIDE) && (n = t), { unitId: t, subUnitId: n, current: e };
-}
 var dr = Object.getOwnPropertyDescriptor, hr = (i, r, e, t) => {
   for (var n = t > 1 ? void 0 : t ? dr(r, e) : r, s = i.length - 1, a; s >= 0; s--)
     (a = i[s]) && (n = a(n) || n);
@@ -577,7 +578,7 @@ let Be = class extends He {
     this._recoveryImages(), this._drawingAddListener(), this._drawingRemoveListener(), this._drawingUpdateListener(), this._commandExecutedListener(), this._drawingArrangeListener(), this._drawingGroupListener(), this._drawingRefreshListener(), this._drawingVisibleListener();
   }
   _recoveryImages() {
-    const r = this._drawingManagerService.drawingManagerData, e = St(this._currentUniverService);
+    const r = this._drawingManagerService.drawingManagerData, e = gt(this._currentUniverService);
     if (e == null)
       return;
     const { unitId: t, subUnitId: n } = e;
@@ -660,7 +661,7 @@ let Be = class extends He {
         return;
       l.push(h);
       const { transform: p } = f;
-      p != null && (h.classType === Je.GROUP ? h.transformByState({ left: p.left, top: p.top }) : h.transformByState(p));
+      p != null && (h.classType === Xe.GROUP ? h.transformByState({ left: p.left, top: p.top }) : h.transformByState(p));
     }), l.length === 0)
       return;
     const g = L({ unitId: n, subUnitId: s, drawingId: a }), d = new pe(g);
@@ -717,7 +718,7 @@ let Be = class extends He {
       if (f == null)
         return;
       const { transform: w } = g;
-      w != null && (f.classType === Je.GROUP ? f.transformByState({ left: w.left, top: w.top }) : f.transformByState(w));
+      w != null && (f.classType === Xe.GROUP ? f.transformByState({ left: w.left, top: w.top }) : f.transformByState(w));
     });
     const o = L(e), c = s.getObject(o), { width: u, height: l } = c;
     c.getObjects().forEach((g) => {
@@ -1012,7 +1013,7 @@ Be = hr([
   be(2, ue),
   be(3, re)
 ], Be);
-class Ie extends Gt {
+class Ie extends Ut {
   constructor(e, t) {
     t == null && (t = {}), t.transformerConfig = {
       keepRatio: !1,
@@ -1055,7 +1056,7 @@ class Ie extends Gt {
     const n = this.getScene().getEngine(), { width: s, height: a } = n;
     this._initialCacheCanvas(), (c = this._cacheCanvas) == null || c.clear();
     const o = (u = this._cacheCanvas) == null ? void 0 : u.getContext();
-    o != null && (o.save(), lt.drawWith(o, {
+    o != null && (o.save(), ot.drawWith(o, {
       left: 0,
       top: 0,
       width: s,
@@ -1099,7 +1100,7 @@ class Ie extends Gt {
       return;
     const e = this.getScene();
     if (e == null) return;
-    this._cacheCanvas = new Wt();
+    this._cacheCanvas = new jt();
     const t = e.getEngine();
     this._cacheCanvas.setSize(t.width, t.height), t.onTransformChange$.subscribeEvent(() => {
       var n;
@@ -1139,7 +1140,7 @@ let xe = class extends He {
         const d = L({ unitId: a, subUnitId: o, drawingId: c }), f = l.getObject(d);
         if (!(f instanceof We)) {
           this._messageService.show({
-            type: Xe.Error,
+            type: qe.Error,
             content: this._localeService.t("image-cropper.error")
           });
           return;
@@ -1222,7 +1223,7 @@ let xe = class extends He {
           return;
         if (!(l instanceof We)) {
           this._messageService.show({
-            type: Xe.Error,
+            type: qe.Error,
             content: this._localeService.t("image-cropper.error")
           });
           return;
@@ -1349,9 +1350,9 @@ let xe = class extends He {
     }, _ = { ...C };
     if (f !== 0) {
       const b = t + a / 2, R = n + s / 2, T = new $e(b, R), S = g / 2 + u, I = d / 2 + l, y = new $e(S, I), O = new $e(u, l);
-      O.rotateByPoint(qe(f), y);
+      O.rotateByPoint(Je(f), y);
       const M = O.clone();
-      M.rotateByPoint(qe(-f), T);
+      M.rotateByPoint(Je(-f), T);
       const N = t - M.x, B = n - M.y;
       _.left = N, _.top = B, _.right = g - N - a, _.bottom = d - B - s;
     }
@@ -1366,7 +1367,7 @@ xe = pr([
   le(1, re),
   le(2, ue),
   le(3, Fe),
-  le(4, Ut),
+  le(4, kt),
   le(5, Ae(te))
 ], xe);
 var mr = Object.getOwnPropertyDescriptor, wr = (i, r, e, t) => {
@@ -1408,7 +1409,7 @@ let Ue = class {
       if (ve != null)
         Y.image = ve;
       else {
-        if (s === Vt.UUID)
+        if (s === xt.UUID)
           try {
             Y.url = await this._imageIoService.getImage(n);
           } catch (ke) {
@@ -1423,7 +1424,7 @@ let Ue = class {
         continue;
       Y.printable = !0;
       const $ = new We(N, Y);
-      ne && this._imageIoService.addImageSourceCache(n, s, $.getNative()), this._drawingManagerService.getDrawingVisible() && (r.addObject($, Te), this._drawingManagerService.getDrawingEditable() && r.attachTransformerTo($), c && tt({ drawingId: c, unitId: u, subUnitId: l }, $, r, this._drawingManagerService), o != null && $.setPrstGeom(o), a != null && $.setSrcRect(a), h.push($));
+      ne && this._imageIoService.addImageSourceCache(n, s, $.getNative()), this._drawingManagerService.getDrawingVisible() && (r.addObject($, Te), this._drawingManagerService.getDrawingEditable() && r.attachTransformerTo($), c && Qe({ drawingId: c, unitId: u, subUnitId: l }, $, r, this._drawingManagerService), o != null && $.setPrstGeom(o), a != null && $.setSrcRect(a), h.push($));
     }
     return h;
   }
@@ -1451,18 +1452,15 @@ let Ue = class {
       if (r.getObject(I))
         continue;
       N.printable = !1;
-      const B = new lt(I, N);
-      this._drawingManagerService.getDrawingVisible() && (r.addObject(B, Te), this._drawingManagerService.getDrawingEditable() && i.allowTransform !== !1 && r.attachTransformerTo(B), n && tt({ drawingId: n, unitId: s, subUnitId: a }, B, r, this._drawingManagerService), g.push(B));
+      const B = new ot(I, N);
+      this._drawingManagerService.getDrawingVisible() && (r.addObject(B, Te), this._drawingManagerService.getDrawingEditable() && i.allowTransform !== !1 && r.attachTransformerTo(B), n && Qe({ drawingId: n, unitId: s, subUnitId: a }, B, r, this._drawingManagerService), g.push(B));
     }
     return g;
   }
   renderDrawing(i, r) {
     const e = this._drawingManagerService.getDrawingByParam(i);
-    if (e != null)
-      switch (e.drawingType) {
-        case q.DRAWING_IMAGE:
-          return this.renderImages(e, r);
-      }
+    if (e != null && e.drawingType === q.DRAWING_IMAGE)
+      return this.renderImages(e, r);
   }
   previewImage(i, r, e, t) {
     this._galleryService.open({
@@ -1487,8 +1485,8 @@ let Ue = class {
 };
 Ue = wr([
   Ve(0, re),
-  Ve(1, ct),
-  Ve(2, jt)
+  Ve(1, st),
+  Ve(2, $t)
 ], Ue);
 var vr = Object.getOwnPropertyDescriptor, _r = (i, r, e, t) => {
   for (var n = t > 1 ? void 0 : t ? vr(r, e) : r, s = i.length - 1, a; s >= 0; s--)
@@ -1567,7 +1565,7 @@ let je = class extends He {
   _insertImages(i) {
     i.forEach(async (r) => {
       var c;
-      const { unitId: e, subUnitId: t } = r, n = this._getSceneAndTransformerByDrawingSearch(e), s = (c = St(this._currentUniverService, e)) == null ? void 0 : c.subUnitId;
+      const { unitId: e, subUnitId: t } = r, n = this._getSceneAndTransformerByDrawingSearch(e), s = (c = gt(this._currentUniverService, e)) == null ? void 0 : c.subUnitId;
       if (n == null || s !== t)
         return;
       const a = this._drawingManagerService.getDrawingByParam(r);
@@ -1633,8 +1631,8 @@ je = _r([
   ae(0, ce),
   ae(1, ue),
   ae(2, re),
-  ae(3, At),
-  ae(4, ct),
+  ae(3, Vt),
+  ae(4, st),
   ae(5, Fe),
   ae(6, Ae(Ue))
 ], je);
@@ -1646,11 +1644,11 @@ var Cr = Object.getOwnPropertyDescriptor, Sr = (i, r, e, t) => {
 const br = "UNIVER_DRAWING_UI_PLUGIN";
 var Ge;
 let nt = (Ge = class extends Pt {
-  constructor(i = Qe, r, e) {
+  constructor(i = et, r, e) {
     super(), this._config = i, this._injector = r, this._configService = e;
     const { menu: t, ...n } = Nt(
       {},
-      Qe,
+      et,
       this._config
     );
     t && this._configService.setConfig("menu", t, { merge: !0 }), this._configService.setConfig(Yt, n);
@@ -1749,7 +1747,7 @@ const Ir = (i) => {
           "div",
           {
             className: "univer-w-full univer-text-gray-900 dark:!univer-text-white",
-            children: /* @__PURE__ */ v(st, { value: n, options: a, onChange: o })
+            children: /* @__PURE__ */ v(ct, { value: n, options: a, onChange: o })
           }
         ) })
       ]
@@ -1787,25 +1785,25 @@ const Ir = (i) => {
           /* @__PURE__ */ P(se, { onClick: () => {
             o(_e.forward);
           }, children: [
-            /* @__PURE__ */ v(wt, {}),
+            /* @__PURE__ */ v(vt, {}),
             t.t("image-panel.arrange.forward")
           ] }),
           /* @__PURE__ */ P(se, { onClick: () => {
             o(_e.backward);
           }, children: [
-            /* @__PURE__ */ v(mt, {}),
+            /* @__PURE__ */ v(wt, {}),
             t.t("image-panel.arrange.backward")
           ] }),
           /* @__PURE__ */ P(se, { onClick: () => {
             o(_e.front);
           }, children: [
-            /* @__PURE__ */ v(vt, {}),
+            /* @__PURE__ */ v(_t, {}),
             t.t("image-panel.arrange.front")
           ] }),
           /* @__PURE__ */ P(se, { onClick: () => {
             o(_e.back);
           }, children: [
-            /* @__PURE__ */ v(dt, {}),
+            /* @__PURE__ */ v(ht, {}),
             t.t("image-panel.arrange.back")
           ] })
         ] })
@@ -1814,7 +1812,7 @@ const Ir = (i) => {
   );
 }, Mr = (i) => {
   const r = A(te), e = A(ue), t = A(re), { hasGroup: n, drawings: s } = i, [a, o] = j(!1), [c, u] = j(!0), [l, g] = j(!0), d = () => {
-    const h = t.getFocusDrawings(), { unitId: p, subUnitId: C } = h[0], _ = Bt(10), b = Zt(0, 0, h.map((S) => S.transform || {})), R = {
+    const h = t.getFocusDrawings(), { unitId: p, subUnitId: C } = h[0], _ = Bt(10), b = At(0, 0, h.map((S) => S.transform || {})), R = {
       unitId: p,
       subUnitId: C,
       drawingId: _,
@@ -1848,7 +1846,7 @@ const Ir = (i) => {
     if (R.length === 0)
       return;
     const T = R.map((S) => {
-      const { transform: I } = S, { unitId: y, subUnitId: O, drawingId: M } = S, N = Ft(I || {}, b, b.width || 0, b.height || 0);
+      const { transform: I } = S, { unitId: y, subUnitId: O, drawingId: M } = S, N = Ht(I || {}, b, b.width || 0, b.height || 0);
       return {
         unitId: y,
         subUnitId: O,
@@ -1910,7 +1908,7 @@ const Ir = (i) => {
               }),
               onClick: d,
               children: [
-                /* @__PURE__ */ v(ft, {}),
+                /* @__PURE__ */ v(pt, {}),
                 r.t("image-panel.group.group")
               ]
             }
@@ -1923,7 +1921,7 @@ const Ir = (i) => {
               }),
               onClick: w,
               children: [
-                /* @__PURE__ */ v(_t, {}),
+                /* @__PURE__ */ v(Ct, {}),
                 r.t("image-panel.group.unGroup")
               ]
             }
@@ -2111,7 +2109,7 @@ const Ir = (i) => {
               ] }),
               /* @__PURE__ */ P("div", { children: [
                 /* @__PURE__ */ v("span", { children: r.t("image-panel.transform.lock") }),
-                /* @__PURE__ */ v("div", { className: "univer-text-center", children: /* @__PURE__ */ v($t, { checked: Y, onChange: Rt }) })
+                /* @__PURE__ */ v("div", { className: "univer-text-center", children: /* @__PURE__ */ v(Ft, { checked: Y, onChange: Rt }) })
               ] })
             ]
           }
@@ -2156,7 +2154,7 @@ const Ir = (i) => {
   const r = A(ce), e = A(te), { drawings: t, cropperShow: n } = i;
   if (t[0] == null)
     return;
-  const [a, o] = j(x.FREE), c = ot(!1), u = [
+  const [a, o] = j(x.FREE), c = lt(!1), u = [
     {
       label: e.t("image-panel.crop.mode"),
       value: x.FREE
@@ -2237,10 +2235,10 @@ const Ir = (i) => {
           /* @__PURE__ */ P(se, { onClick: () => {
             g(a);
           }, children: [
-            /* @__PURE__ */ v(ht, {}),
+            /* @__PURE__ */ v(ft, {}),
             e.t("image-panel.crop.start")
           ] }),
-          /* @__PURE__ */ v(st, { value: a, options: u, onChange: l })
+          /* @__PURE__ */ v(ct, { value: a, options: u, onChange: l })
         ] })
       ]
     }
@@ -2265,7 +2263,7 @@ const Ir = (i) => {
     return () => {
       M.unsubscribe(), O.unsubscribe(), N.unsubscribe();
     };
-  }, []), /* @__PURE__ */ P(Ht, { children: [
+  }, []), /* @__PURE__ */ P(Gt, { children: [
     /* @__PURE__ */ v(
       "div",
       {
@@ -2294,5 +2292,7 @@ export {
   Ze as OpenImageCropOperation,
   ze as SetDrawingAlignOperation,
   nt as UniverDrawingUIPlugin,
-  Le as getUpdateParams
+  gt as getCurrentUnitInfo,
+  Le as getUpdateParams,
+  Qe as insertGroupObject
 };

package/lib/types/index.d.ts

@@ -18,6 +18,7 @@ export { SetDrawingAlignOperation } from './commands/operations/drawing-align.op
 export { AutoImageCropOperation, CloseImageCropOperation, OpenImageCropOperation } from './commands/operations/image-crop.operation';
 export { ImageResetSizeOperation } from './commands/operations/image-reset-size.operation';
 export type { IUniverDrawingUIConfig } from './controllers/config.schema';
+export { getCurrentUnitInfo, insertGroupObject } from './controllers/utils';
 export { UniverDrawingUIPlugin } from './plugin';
 export { DrawingRenderService } from './services/drawing-render.service';
 export { getUpdateParams } from './utils/get-update-params';