@univerjs/drawing-ui 0.15.3 → 0.15.4

package/lib/es/index.js

@@ -1,51 +1,51 @@
-var Dt = Object.defineProperty;
-var Tt = (i, r, e) => r in i ? Dt(i, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[r] = e;
-var J = (i, r, e) => Tt(i, typeof r != "symbol" ? r + "" : r, e);
-import { CommandType as we, UniverInstanceType as Te, ICommandService as ce, LocaleService as re, Inject as Le, Disposable as ke, DrawingTypeEnum as q, checkIfMove as st, toDisposable as pe, IUniverInstanceService as Fe, IURLImageService as Et, ImageSourceType as Ye, Injector as Pt, IConfigService as Nt, Plugin as Ut, merge as Bt, ArrangeTypeEnum as Ce, generateRandomId as xt, debounce as Se } from "@univerjs/core";
-import { getDrawingShapeKeyByDrawingSearch as L, SetDrawingSelectedOperation as Ee, IDrawingManagerService as ne, ImageSourceType as Xe, IImageIoService as ot } from "@univerjs/drawing";
-import { Group as me, DRAWING_OBJECT_LAYER_INDEX as Pe, RENDER_CLASS_TYPE as Je, IRenderManagerService as ue, Shape as jt, Rect as ct, Canvas as At, Image as We, precisionTo as Ie, CURSOR_TYPE as Ne, Vector2 as Ve, degToRad as qe, getGroupState as Ht, transformObjectOutOfGroup as Lt } from "@univerjs/engine-render";
-import { useDependency as A, ComponentManager as kt, IMessageService as $t, IGalleryService as Vt, IDialogService as Gt } from "@univerjs/ui";
-import { jsx as v, jsxs as P, Fragment as Wt } from "react/jsx-runtime";
-import { DropdownMenu as Zt, clsx as Q, borderClassName as Ft, MessageType as Qe, Select as lt, Button as se, InputNumber as fe, Checkbox as zt } from "@univerjs/design";
-import { useRef as ut, createElement as z, forwardRef as ee, useState as j, useEffect as ve } from "react";
-import { switchMap as Kt, of as Yt } from "rxjs";
+var Et = Object.defineProperty;
+var Nt = (i, r, e) => r in i ? Et(i, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[r] = e;
+var J = (i, r, e) => Nt(i, typeof r != "symbol" ? r + "" : r, e);
+import { CommandType as _e, UniverInstanceType as me, ICommandService as ce, LocaleService as re, Inject as Le, Disposable as ke, DrawingTypeEnum as q, checkIfMove as ct, toDisposable as we, IUniverInstanceService as $e, IURLImageService as Pt, ImageSourceType as Ye, Injector as Ut, IConfigService as Bt, Plugin as xt, merge as jt, ArrangeTypeEnum as Ie, generateRandomId as At, debounce as be } from "@univerjs/core";
+import { getDrawingShapeKeyByDrawingSearch as L, SetDrawingSelectedOperation as Ee, IDrawingManagerService as ne, ImageSourceType as Xe, IImageIoService as lt } from "@univerjs/drawing";
+import { Group as ve, DRAWING_OBJECT_LAYER_INDEX as Ne, RENDER_CLASS_TYPE as Je, IRenderManagerService as ue, Shape as Ht, Rect as ut, Canvas as Lt, Image as Ze, precisionTo as ye, CURSOR_TYPE as Pe, Vector2 as Ge, degToRad as qe, getGroupState as kt, transformObjectOutOfGroup as $t } from "@univerjs/engine-render";
+import { useDependency as A, ComponentManager as Vt, IMessageService as Gt, IGalleryService as Wt, IDialogService as Zt } from "@univerjs/ui";
+import { jsx as v, jsxs as N, Fragment as Ft } from "react/jsx-runtime";
+import { DropdownMenu as zt, clsx as Q, borderClassName as Kt, MessageType as Qe, Select as gt, Button as se, InputNumber as fe, Checkbox as Yt } from "@univerjs/design";
+import { useRef as dt, createElement as z, forwardRef as ee, useState as j, useEffect as Ce } from "react";
+import { switchMap as Xt, of as Jt, bufferTime as qt, filter as et, map as tt } 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 = {
   id: "sheet.operation.set-image-align",
-  type: we.OPERATION,
+  type: _e.OPERATION,
   handler: (i, r) => !0
-}, Ze = {
+}, Fe = {
   id: "sheet.operation.open-image-crop",
-  type: we.OPERATION,
+  type: _e.OPERATION,
   handler: (i, r) => !0
 }, oe = {
   id: "sheet.operation.close-image-crop",
-  type: we.OPERATION,
+  type: _e.OPERATION,
   handler: (i, r) => !0
 };
 var B = /* @__PURE__ */ ((i) => (i.FREE = "0", i.R1_1 = "1", i.R16_9 = "2", i.R9_16 = "3", i.R5_4 = "4", i.R4_5 = "5", i.R4_3 = "6", i.R3_4 = "7", i.R3_2 = "8", i.R2_3 = "9", i))(B || {});
 const Ue = {
   id: "sheet.operation.Auto-image-crop",
-  type: we.OPERATION,
+  type: _e.OPERATION,
   handler: (i, r) => !0
-}, gt = {
+}, ht = {
   id: "sheet.operation.image-reset-size",
-  type: we.OPERATION,
+  type: _e.OPERATION,
   handler: (i, r) => !0
 };
-function et(i, r, e, t) {
+function rt(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 me))
+  if (a && !(a instanceof ve))
     return;
   if (a != null) {
     a.addObject(r);
     return;
   }
-  const o = new me(s);
-  e.addObject(o, Pe).attachTransformerTo(o), o.addObject(r);
+  const o = new ve(s);
+  e.addObject(o, Ne).attachTransformerTo(o), o.addObject(r);
   const { transform: c } = n;
   c && o.transformByState(
     {
@@ -55,19 +55,19 @@ function et(i, r, e, t) {
     }
   );
 }
-function dt(i, r) {
+function ft(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 === Te.UNIVER_SHEET ? n = (s = e.getActiveSheet()) == null ? void 0 : s.getSheetId() : (e.type === Te.UNIVER_DOC || e.type === Te.UNIVER_SLIDE) && (n = t), { unitId: t, subUnitId: n, current: e };
+  return e.type === me.UNIVER_SHEET ? n = (s = e.getActiveSheet()) == null ? void 0 : s.getSheetId() : (e.type === me.UNIVER_DOC || e.type === me.UNIVER_SLIDE) && (n = t), { unitId: t, subUnitId: n, current: e };
 }
-const Xt = "drawing-ui.config", tt = {}, Jt = "COMPONENT_IMAGE_POPUP_MENU";
+const Qt = "drawing-ui.config", nt = {}, er = "COMPONENT_IMAGE_POPUP_MENU";
 function K({ ref: i, ...r }) {
-  const { icon: e, id: t, className: n, extend: s, ...a } = r, o = `univerjs-icon univerjs-icon-${t} ${n || ""}`.trim(), c = ut(`_${er()}`);
-  return ht(e, `${t}`, {
+  const { icon: e, id: t, className: n, extend: s, ...a } = r, o = `univerjs-icon univerjs-icon-${t} ${n || ""}`.trim(), c = dt(`_${nr()}`);
+  return pt(e, `${t}`, {
     defIds: e.defIds,
     idSuffix: c.current
   }, {
@@ -76,14 +76,14 @@ function K({ ref: i, ...r }) {
     ...a
   }, s);
 }
-function ht(i, r, e, t, n) {
+function pt(i, r, e, t, n) {
   return z(i.tag, {
     key: r,
-    ...qt(i, e, n),
+    ...tr(i, e, n),
     ...t
-  }, (Qt(i, e).children || []).map((s, a) => ht(s, `${r}-${i.tag}-${a}`, e, void 0, n)));
+  }, (rr(i, e).children || []).map((s, a) => pt(s, `${r}-${i.tag}-${a}`, e, void 0, n)));
 }
-function qt(i, r, e) {
+function tr(i, r, e) {
   const t = { ...i.attrs };
   e != null && e.colorChannel1 && t.fill === "colorChannel1" && (t.fill = e.colorChannel1), i.tag === "mask" && t.id && (t.id = t.id + r.idSuffix), Object.entries(t).forEach(([s, a]) => {
     s === "mask" && typeof a == "string" && (t[s] = a.replace(/url\(#(.*)\)/, `url(#$1${r.idSuffix})`));
@@ -93,7 +93,7 @@ function qt(i, r, e) {
     typeof a == "string" && (t[s] = a.replace(/url\(#(.*)\)/, `url(#$1${r.idSuffix})`));
   })), t;
 }
-function Qt(i, r) {
+function rr(i, r) {
   var t;
   const { defIds: e } = r;
   return !e || e.length === 0 ? i : i.tag === "defs" && ((t = i.children) != null && t.length) ? {
@@ -107,11 +107,11 @@ function Qt(i, r) {
     } : n)
   } : i;
 }
-function er() {
+function nr() {
   return Math.random().toString(36).substring(2, 8);
 }
 K.displayName = "UniverIcon";
-const tr = {
+const ir = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -154,15 +154,15 @@ const tr = {
       }
     }
   ]
-}, ft = ee(function(r, e) {
+}, mt = ee(function(r, e) {
   return z(K, Object.assign({}, r, {
     id: "bottom-icon",
     ref: e,
-    icon: tr
+    icon: ir
   }));
 });
-ft.displayName = "BottomIcon";
-const rr = {
+mt.displayName = "BottomIcon";
+const ar = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -203,15 +203,15 @@ const rr = {
       }
     }
   ]
-}, pt = ee(function(r, e) {
+}, wt = ee(function(r, e) {
   return z(K, Object.assign({}, r, {
     id: "create-copy-icon",
     ref: e,
-    icon: rr
+    icon: ar
   }));
 });
-pt.displayName = "CreateCopyIcon";
-const nr = {
+wt.displayName = "CreateCopyIcon";
+const sr = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -229,15 +229,15 @@ const nr = {
       clipRule: "evenodd"
     }
   }]
-}, mt = ee(function(r, e) {
+}, vt = ee(function(r, e) {
   return z(K, Object.assign({}, r, {
     id: "group-icon",
     ref: e,
-    icon: nr
+    icon: sr
   }));
 });
-mt.displayName = "GroupIcon";
-const ir = {
+vt.displayName = "GroupIcon";
+const or = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -255,15 +255,15 @@ const ir = {
       clipRule: "evenodd"
     }
   }]
-}, wt = ee(function(r, e) {
+}, _t = ee(function(r, e) {
   return z(K, Object.assign({}, r, {
     id: "more-down-icon",
     ref: e,
-    icon: ir
+    icon: or
   }));
 });
-wt.displayName = "MoreDownIcon";
-const ar = {
+_t.displayName = "MoreDownIcon";
+const cr = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -287,15 +287,15 @@ const ar = {
       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"
     }
   }]
-}, vt = ee(function(r, e) {
+}, Ct = ee(function(r, e) {
   return z(K, Object.assign({}, r, {
     id: "move-down-icon",
     ref: e,
-    icon: ar
+    icon: cr
   }));
 });
-vt.displayName = "MoveDownIcon";
-const sr = {
+Ct.displayName = "MoveDownIcon";
+const lr = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -319,15 +319,15 @@ const sr = {
       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"
     }
   }]
-}, _t = ee(function(r, e) {
+}, St = ee(function(r, e) {
   return z(K, Object.assign({}, r, {
     id: "move-up-icon",
     ref: e,
-    icon: sr
+    icon: lr
   }));
 });
-_t.displayName = "MoveUpIcon";
-const or = {
+St.displayName = "MoveUpIcon";
+const ur = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -363,15 +363,15 @@ const or = {
       }
     }
   ]
-}, Ct = ee(function(r, e) {
+}, It = ee(function(r, e) {
   return z(K, Object.assign({}, r, {
     id: "topmost-icon",
     ref: e,
-    icon: or
+    icon: ur
   }));
 });
-Ct.displayName = "TopmostIcon";
-const cr = {
+It.displayName = "TopmostIcon";
+const gr = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -395,15 +395,15 @@ const cr = {
       clipRule: "evenodd"
     }
   }]
-}, St = ee(function(r, e) {
+}, bt = ee(function(r, e) {
   return z(K, Object.assign({}, r, {
     id: "ungroup-icon",
     ref: e,
-    icon: cr
+    icon: gr
   }));
 });
-St.displayName = "UngroupIcon";
-const lr = {
+bt.displayName = "UngroupIcon";
+const dr = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -448,15 +448,15 @@ const lr = {
       }
     }
   ]
-}, It = ee(function(r, e) {
+}, yt = ee(function(r, e) {
   return z(K, Object.assign({}, r, {
     id: "autofill-double-icon",
     ref: e,
-    icon: lr
+    icon: dr
   }));
 });
-It.displayName = "AutofillDoubleIcon";
-function ur(i) {
+yt.displayName = "AutofillDoubleIcon";
+function hr(i) {
   var h;
   const { popup: r } = i, e = (h = r == null ? void 0 : r.extraProps) == null ? void 0 : h.menuItems;
   if (!e) return null;
@@ -475,7 +475,7 @@ function ur(i) {
       onMouseEnter: u,
       onMouseLeave: l,
       children: /* @__PURE__ */ v(
-        Zt,
+        zt,
         {
           align: "start",
           items: w.map((p) => ({
@@ -485,21 +485,21 @@ function ur(i) {
           })),
           open: s,
           onOpenChange: g,
-          children: /* @__PURE__ */ P(
+          children: /* @__PURE__ */ N(
             "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", Ft, {
+              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, {
                 "univer-bg-gray-100 dark:!univer-bg-gray-800": s,
                 "univer-bg-white dark:!univer-bg-gray-900": !s
               }),
               children: [
                 /* @__PURE__ */ v(
-                  It,
+                  yt,
                   {
                     className: "univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white"
                   }
                 ),
-                f && /* @__PURE__ */ v(wt, { className: "dark:!univer-text-white" })
+                f && /* @__PURE__ */ v(_t, { className: "dark:!univer-text-white" })
               ]
             }
           )
@@ -508,24 +508,24 @@ function ur(i) {
     }
   );
 }
-var gr = Object.getOwnPropertyDescriptor, dr = (i, r, e, t) => {
-  for (var n = t > 1 ? void 0 : t ? gr(r, e) : r, s = i.length - 1, a; s >= 0; s--)
+var fr = Object.getOwnPropertyDescriptor, pr = (i, r, e, t) => {
+  for (var n = t > 1 ? void 0 : t ? fr(r, e) : r, s = i.length - 1, a; s >= 0; s--)
     (a = i[s]) && (n = a(n) || n);
   return n;
-}, rt = (i, r) => (e, t) => r(e, t, i);
+}, it = (i, r) => (e, t) => r(e, t, i);
 let Be = class extends ke {
   constructor(i, r) {
     super(), this._componentManager = i, this._commandService = r, this._init();
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(Jt, ur));
+    this.disposeWithMe(i.register(er, hr));
   }
   _initCommands() {
     [
-      Ze,
+      Fe,
       oe,
-      gt,
+      ht,
       ze,
       Ue
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
@@ -534,11 +534,11 @@ let Be = class extends ke {
     this._initCommands(), this._initCustomComponents();
   }
 };
-Be = dr([
-  rt(0, Le(kt)),
-  rt(1, ce)
+Be = pr([
+  it(0, Le(Vt)),
+  it(1, ce)
 ], Be);
-function $e(i, r) {
+function Ve(i, r) {
   const e = [];
   return i.forEach((t) => {
     const { oKey: n, left: s, top: a, height: o, width: c, angle: u } = t, l = r.getDrawingOKey(n);
@@ -560,11 +560,11 @@ function $e(i, r) {
     w === q.DRAWING_IMAGE && (h.srcRect = t.srcRect), e.push(h);
   }), e;
 }
-var hr = Object.getOwnPropertyDescriptor, fr = (i, r, e, t) => {
-  for (var n = t > 1 ? void 0 : t ? hr(r, e) : r, s = i.length - 1, a; s >= 0; s--)
+var mr = Object.getOwnPropertyDescriptor, wr = (i, r, e, t) => {
+  for (var n = t > 1 ? void 0 : t ? mr(r, e) : r, s = i.length - 1, a; s >= 0; s--)
     (a = i[s]) && (n = a(n) || n);
   return n;
-}, be = (i, r) => (e, t) => r(e, t, i);
+}, Me = (i, r) => (e, t) => r(e, t, i);
 let xe = class extends ke {
   constructor(r, e, t, n) {
     super();
@@ -578,7 +578,7 @@ let xe = class extends ke {
     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 = dt(this._currentUniverService);
+    const r = this._drawingManagerService.drawingManagerData, e = ft(this._currentUniverService);
     if (e == null)
       return;
     const { unitId: t, subUnitId: n } = e;
@@ -664,8 +664,8 @@ let xe = class extends ke {
       p != null && (h.classType === Je.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 me(g);
-    c.addObject(d, Pe).attachTransformerTo(d), d.addObjects(...l), e.transform && d.transformByState({ left: e.transform.left, top: e.transform.top }), u.clearSelectedObjects(), u.setSelectedControl(d);
+    const g = L({ unitId: n, subUnitId: s, drawingId: a }), d = new ve(g);
+    c.addObject(d, Ne).attachTransformerTo(d), d.addObjects(...l), e.transform && d.transformByState({ left: e.transform.left, top: e.transform.top }), u.clearSelectedObjects(), u.setSelectedControl(d);
   }
   // private _regroupDrawings(drawings: IDrawingSearch[]) {
   //     const renderObject = this._getSceneAndTransformerByDrawingSearch(drawings[0].unitId);
@@ -959,7 +959,7 @@ let xe = class extends ke {
       if (t == null)
         return !1;
       const { transform: s } = t;
-      return st(s, e == null ? void 0 : e[n]);
+      return ct(s, e == null ? void 0 : e[n]);
     });
   }
   // group?.getObjects().forEach((o) => {
@@ -973,14 +973,14 @@ let xe = class extends ke {
     const e = r.getTransformerByCreate();
     let t = null;
     this.disposeWithMe(
-      pe(
+      we(
         e.changeStart$.subscribe((n) => {
           const { objects: s } = n, a = Array.from(s.values()), o = [];
           t = a.map((c) => {
             const { left: u, top: l, height: g, width: d, angle: f, oKey: w, isInGroup: h } = c, p = this._drawingManagerService.getDrawingOKey(w);
-            if (h || c instanceof me) {
+            if (h || c instanceof ve) {
               let C = c.ancestorGroup;
-              if (C == null && c instanceof me && (C = c), C == null)
+              if (C == null && c instanceof ve && (C = c), C == null)
                 return null;
               const _ = this._drawingManagerService.getDrawingOKey(C.oKey);
               if (_) {
@@ -998,22 +998,22 @@ let xe = class extends ke {
         })
       )
     ), this.disposeWithMe(
-      pe(
+      we(
         e.changeEnd$.subscribe((n) => {
-          const { objects: s } = n, a = this._filterUpdateParams($e(s, this._drawingManagerService), t);
+          const { objects: s } = n, a = this._filterUpdateParams(Ve(s, this._drawingManagerService), t);
           a.length > 0 && this._drawingManagerService.featurePluginUpdateNotification(a);
         })
       )
     );
   }
 };
-xe = fr([
-  be(0, Fe),
-  be(1, ce),
-  be(2, ue),
-  be(3, ne)
+xe = wr([
+  Me(0, $e),
+  Me(1, ce),
+  Me(2, ue),
+  Me(3, ne)
 ], xe);
-class ye extends jt {
+class Re extends Ht {
   constructor(e, t) {
     t == null && (t = {}), t.transformerConfig = {
       keepRatio: !1,
@@ -1056,7 +1056,7 @@ class ye extends jt {
     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(), ct.drawWith(o, {
+    o != null && (o.save(), ut.drawWith(o, {
       left: 0,
       top: 0,
       width: s,
@@ -1100,7 +1100,7 @@ class ye extends jt {
       return;
     const e = this.getScene();
     if (e == null) return;
-    this._cacheCanvas = new At();
+    this._cacheCanvas = new Lt();
     const t = e.getEngine();
     this._cacheCanvas.setSize(t.width, t.height), t.onTransformChange$.subscribeEvent(() => {
       var n;
@@ -1108,8 +1108,8 @@ class ye extends jt {
     });
   }
 }
-var pr = Object.getOwnPropertyDescriptor, mr = (i, r, e, t) => {
-  for (var n = t > 1 ? void 0 : t ? pr(r, e) : r, s = i.length - 1, a; s >= 0; s--)
+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--)
     (a = i[s]) && (n = a(n) || n);
   return n;
 }, le = (i, r) => (e, t) => r(e, t, i);
@@ -1138,14 +1138,14 @@ let je = class extends ke {
           return !0;
         this._searchCropObject(l) != null && this._commandService.syncExecuteCommand(oe.id, { isAuto: !0 });
         const d = L({ unitId: a, subUnitId: o, drawingId: c }), f = l.getObject(d);
-        if (!(f instanceof We)) {
+        if (!(f instanceof Ze)) {
           this._messageService.show({
             type: Qe.Error,
             content: this._localeService.t("image-cropper.error")
           });
           return;
         }
-        f != null && (this._updateCropperObject(t, f), this._commandService.executeCommand(Ze.id, { unitId: a, subUnitId: o, drawingId: c }));
+        f != null && (this._updateCropperObject(t, f), this._commandService.executeCommand(Fe.id, { unitId: a, subUnitId: o, drawingId: c }));
       })
     );
   }
@@ -1155,10 +1155,10 @@ let je = class extends ke {
     o > c ? u = n * c : l = t / c;
     const g = (t - u) / 2, d = (n - l) / 2;
     return {
-      left: Ie(g, 1),
-      top: Ie(d, 1),
-      right: Ie(t - (g + u), 1),
-      bottom: Ie(n - (d + l), 1)
+      left: ye(g, 1),
+      top: ye(d, 1),
+      right: ye(t - (g + u), 1),
+      bottom: ye(n - (d + l), 1)
     };
   }
   _updateCropperObject(r, e) {
@@ -1208,7 +1208,7 @@ let je = class extends ke {
   _initOpenCrop() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((r) => {
-        if (r.id !== Ze.id)
+        if (r.id !== Fe.id)
           return;
         const e = r.params;
         if (e == null)
@@ -1221,7 +1221,7 @@ let je = class extends ke {
         const u = L({ unitId: t, subUnitId: n, drawingId: s }), l = o.getObject(u);
         if (l == null)
           return;
-        if (!(l instanceof We)) {
+        if (!(l instanceof Ze)) {
           this._messageService.show({
             type: Qe.Error,
             content: this._localeService.t("image-cropper.error")
@@ -1230,7 +1230,7 @@ let je = class extends ke {
         }
         const g = o.getTransformer();
         g == null || g.clearControls();
-        const d = new ye(`${u}-crop`, {
+        const d = new Re(`${u}-crop`, {
           srcRect: l.srcRect,
           prstGeom: l.prstGeom,
           applyTransform: l.calculateTransformWithSrcRect()
@@ -1242,7 +1242,7 @@ let je = class extends ke {
   _searchCropObject(r) {
     const e = r.getAllObjectsByOrder();
     for (const t of e)
-      if (t instanceof ye)
+      if (t instanceof Re)
         return t;
   }
   _initCloseCrop() {
@@ -1282,8 +1282,8 @@ let je = class extends ke {
         c.setSrcRect({ ...l.srcRectAngle }), c.closeRenderByCropper(), c.makeDirty(!0), o == null || o.dispose();
       })
     );
-    const r = this._univerInstanceService.getCurrentTypeOfUnit$(Te.UNIVER_SHEET).pipe(
-      Kt((e) => e ? e.activeSheet$ : Yt(null))
+    const r = this._univerInstanceService.getCurrentTypeOfUnit$(me.UNIVER_SHEET).pipe(
+      Xt((e) => e ? e.activeSheet$ : Jt(null))
     );
     this.disposeWithMe(r.subscribe(() => {
       this._commandService.syncExecuteCommand(oe.id);
@@ -1301,7 +1301,7 @@ let je = class extends ke {
     this.disposeWithMe(
       e.changeStart$.subscribe((n) => {
         const { objects: s } = n, a = s.values().next().value;
-        if (a == null || !(a instanceof ye))
+        if (a == null || !(a instanceof Re))
           return;
         const { left: o, top: c, height: u, width: l, angle: g } = a;
         t = { left: o, top: c, height: u, width: l, angle: g }, e.clearCopperControl();
@@ -1309,10 +1309,10 @@ let je = class extends ke {
     ), this.disposeWithMe(
       e.changeEnd$.subscribe((n) => {
         const { objects: s } = n, a = s.values().next().value;
-        if (a == null || !(a instanceof ye))
+        if (a == null || !(a instanceof Re))
           return;
         const { left: o, top: c, height: u, width: l, angle: g } = a;
-        if (!st({ left: o, top: c, height: u, width: l, angle: g }, t))
+        if (!ct({ left: o, top: c, height: u, width: l, angle: g }, t))
           return;
         const d = this._getApplyObjectByCropObject(a);
         if (d == null)
@@ -1325,11 +1325,11 @@ let je = class extends ke {
   _addHoverForImageCopper(r) {
     this.disposeWithMe(
       r.onPointerEnter$.subscribeEvent(() => {
-        r.cursor = Ne.MOVE;
+        r.cursor = Pe.MOVE;
       })
     ), this.disposeWithMe(
       r.onPointerLeave$.subscribeEvent(() => {
-        r.cursor = Ne.DEFAULT;
+        r.cursor = Pe.DEFAULT;
       })
     );
   }
@@ -1349,12 +1349,12 @@ let je = class extends ke {
       bottom: d - p - s
     }, _ = { ...C };
     if (f !== 0) {
-      const I = t + a / 2, R = n + s / 2, T = new Ve(I, R), S = g / 2 + u, b = d / 2 + l, y = new Ve(S, b), O = new Ve(u, l);
+      const I = t + a / 2, R = n + s / 2, T = new Ge(I, R), S = g / 2 + u, b = d / 2 + l, y = new Ge(S, b), O = new Ge(u, l);
       O.rotateByPoint(qe(f), y);
       const M = O.clone();
       M.rotateByPoint(qe(-f), T);
-      const N = t - M.x, U = n - M.y;
-      _.left = N, _.top = U, _.right = g - N - a, _.bottom = d - U - s;
+      const P = t - M.x, U = n - M.y;
+      _.left = P, _.top = U, _.right = g - P - a, _.bottom = d - U - s;
     }
     return {
       srcRect: C,
@@ -1362,24 +1362,24 @@ let je = class extends ke {
     };
   }
 };
-je = mr([
+je = _r([
   le(0, ce),
   le(1, ne),
   le(2, ue),
-  le(3, Fe),
-  le(4, $t),
+  le(3, $e),
+  le(4, Gt),
   le(5, Le(re))
 ], je);
-var wr = Object.getOwnPropertyDescriptor, vr = (i, r, e, t) => {
-  for (var n = t > 1 ? void 0 : t ? wr(r, e) : r, s = i.length - 1, a; s >= 0; s--)
+var Cr = Object.getOwnPropertyDescriptor, Sr = (i, r, e, t) => {
+  for (var n = t > 1 ? void 0 : t ? Cr(r, e) : r, s = i.length - 1, a; s >= 0; s--)
     (a = i[s]) && (n = a(n) || n);
   return n;
-}, Me = (i, r) => (e, t) => r(e, t, i);
+}, pe = (i, r) => (e, t) => r(e, t, i);
 let Ae = class {
-  constructor(i, r, e, t) {
-    this._drawingManagerService = i, this._imageIoService = r, this._galleryService = e, this._urlImageService = t;
+  constructor(i, r, e, t, n) {
+    this._drawingManagerService = i, this._imageIoService = r, this._galleryService = e, this._urlImageService = t, this._univerInstanceService = n;
   }
-  // eslint-disable-next-line max-lines-per-function
+  // eslint-disable-next-line max-lines-per-function, complexity
   async renderImages(i, r) {
     const {
       transform: e,
@@ -1399,15 +1399,17 @@ let Ae = class {
       return;
     const w = d && f ? f : [e], h = [];
     for (const p of w) {
-      const { left: C, top: _, width: I, height: R, angle: T, flipX: S, flipY: b, skewX: y, skewY: O } = p, M = w.indexOf(p), N = L({ unitId: u, subUnitId: l, drawingId: g }, d ? M : void 0), U = r.getObject(N);
+      const { left: C, top: _, width: I, height: R, angle: T, flipX: S, flipY: b, skewX: y, skewY: O } = p, M = w.indexOf(p), P = L({ unitId: u, subUnitId: l, drawingId: g }, d ? M : void 0), U = r.getObject(P);
       if (U != null) {
         U.transformByState({ left: C, top: _, width: I, height: R, angle: T, flipX: S, flipY: b, skewX: y, skewY: O });
         continue;
       }
-      const Z = this._drawingManagerService.getDrawingOrder(u, l), Y = Z.indexOf(g), $ = { ...p, zIndex: Y === -1 ? Z.length - 1 : Y }, _e = this._imageIoService.getImageSourceCache(n, s);
+      if (!this._drawingManagerService.getDrawingVisible() || l !== this._getActiveSheetId())
+        continue;
+      const Z = this._drawingManagerService.getDrawingOrder(u, l), Y = Z.indexOf(g), $ = { ...p, zIndex: Y === -1 ? Z.length - 1 : Y }, Se = this._imageIoService.getImageSourceCache(n, s);
       let te = !1;
-      if (_e != null)
-        $.image = _e;
+      if (Se != null)
+        $.image = Se;
       else if (s === Xe.UUID)
         try {
           $.url = await this._imageIoService.getImage(n);
@@ -1424,14 +1426,18 @@ let Ae = class {
         te = !0;
       } else
         $.url = n, te = !0;
-      if (r.getObject(N))
+      if (r.getObject(P))
         continue;
       $.printable = !0;
-      const V = new We(N, $);
-      te && this._imageIoService.addImageSourceCache(n, s, V.getNative()), this._drawingManagerService.getDrawingVisible() && (r.addObject(V, Pe), this._drawingManagerService.getDrawingEditable() && r.attachTransformerTo(V), c && et({ drawingId: c, unitId: u, subUnitId: l }, V, r, this._drawingManagerService), o != null && V.setPrstGeom(o), a != null && V.setSrcRect(a), h.push(V));
+      const V = new Ze(P, $);
+      te && this._imageIoService.addImageSourceCache(n, s, V.getNative()), r.addObject(V, Ne), this._drawingManagerService.getDrawingEditable() && r.attachTransformerTo(V), c && rt({ drawingId: c, unitId: u, subUnitId: l }, V, r, this._drawingManagerService), o != null && V.setPrstGeom(o), a != null && V.setSrcRect(a), h.push(V);
     }
     return h;
   }
+  _getActiveSheetId() {
+    var i, r;
+    return (r = (i = this._univerInstanceService.getCurrentUnitOfType(me.UNIVER_SHEET)) == null ? void 0 : i.getActiveSheet()) == null ? void 0 : r.getSheetId();
+  }
   renderFloatDom(i, r) {
     const {
       transform: e,
@@ -1452,12 +1458,12 @@ let Ae = class {
         y.transformByState({ left: f, top: w, width: h, height: p, angle: C, flipX: _, flipY: I, skewX: R, skewY: T });
         continue;
       }
-      const O = this._drawingManagerService.getDrawingOrder(s, a), M = O.indexOf(o), N = { ...d, zIndex: M === -1 ? O.length - 1 : M };
+      const O = this._drawingManagerService.getDrawingOrder(s, a), M = O.indexOf(o), P = { ...d, zIndex: M === -1 ? O.length - 1 : M };
       if (r.getObject(b))
         continue;
-      N.printable = !1;
-      const U = new ct(b, N);
-      this._drawingManagerService.getDrawingVisible() && (r.addObject(U, Pe), this._drawingManagerService.getDrawingEditable() && i.allowTransform !== !1 && r.attachTransformerTo(U), n && et({ drawingId: n, unitId: s, subUnitId: a }, U, r, this._drawingManagerService), g.push(U));
+      P.printable = !1;
+      const U = new ut(b, P);
+      this._drawingManagerService.getDrawingVisible() && (r.addObject(U, Ne), this._drawingManagerService.getDrawingEditable() && i.allowTransform !== !1 && r.attachTransformerTo(U), n && rt({ drawingId: n, unitId: s, subUnitId: a }, U, r, this._drawingManagerService), g.push(U));
     }
     return g;
   }
@@ -1487,14 +1493,15 @@ let Ae = class {
     };
   }
 };
-Ae = vr([
-  Me(0, ne),
-  Me(1, ot),
-  Me(2, Vt),
-  Me(3, Et)
+Ae = Sr([
+  pe(0, ne),
+  pe(1, lt),
+  pe(2, Wt),
+  pe(3, Pt),
+  pe(4, $e)
 ], Ae);
-var _r = Object.getOwnPropertyDescriptor, Cr = (i, r, e, t) => {
-  for (var n = t > 1 ? void 0 : t ? _r(r, e) : r, s = i.length - 1, a; s >= 0; s--)
+var Ir = Object.getOwnPropertyDescriptor, br = (i, r, e, t) => {
+  for (var n = t > 1 ? void 0 : t ? Ir(r, e) : r, s = i.length - 1, a; s >= 0; s--)
     (a = i[s]) && (n = a(n) || n);
   return n;
 }, ae = (i, r) => (e, t) => r(e, t, i);
@@ -1511,7 +1518,7 @@ let He = class extends ke {
   _commandExecutedListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        if (i.id === gt.id) {
+        if (i.id === ht.id) {
           const r = i.params;
           if (r == null)
             return;
@@ -1562,7 +1569,18 @@ let He = class extends ke {
   }
   _drawingAddListener() {
     this.disposeWithMe(
-      this._drawingManagerService.add$.subscribe((i) => {
+      this._drawingManagerService.add$.pipe(
+        qt(33),
+        et((i) => i.length > 0),
+        tt((i) => i.flat()),
+        tt((i) => {
+          const r = /* @__PURE__ */ new Map();
+          for (const e of i)
+            r.set(`${e.unitId}|${e.subUnitId}|${e.drawingId}`, e);
+          return [...r.values()];
+        }),
+        et((i) => i.length > 0)
+      ).subscribe((i) => {
         this._insertImages(i);
       })
     );
@@ -1570,7 +1588,7 @@ let He = class extends ke {
   _insertImages(i) {
     i.forEach(async (r) => {
       var c;
-      const { unitId: e, subUnitId: t } = r, n = this._getSceneAndTransformerByDrawingSearch(e), s = (c = dt(this._currentUniverService, e)) == null ? void 0 : c.subUnitId;
+      const { unitId: e, subUnitId: t } = r, n = this._getSceneAndTransformerByDrawingSearch(e), s = (c = ft(this._currentUniverService, e)) == null ? void 0 : c.subUnitId;
       if (n == null || s !== t)
         return;
       const a = this._drawingManagerService.getDrawingByParam(r);
@@ -1608,22 +1626,22 @@ let He = class extends ke {
   }
   _addHoverForImage(i) {
     this.disposeWithMe(
-      pe(
+      we(
         i.onPointerEnter$.subscribeEvent(() => {
-          i.cursor = Ne.GRAB;
+          i.cursor = Pe.GRAB;
         })
       )
     ), this.disposeWithMe(
-      pe(
+      we(
         i.onPointerLeave$.subscribeEvent(() => {
-          i.cursor = Ne.DEFAULT;
+          i.cursor = Pe.DEFAULT;
         })
       )
     );
   }
   _addDialogForImage(i) {
     this.disposeWithMe(
-      pe(
+      we(
         i.onDblclick$.subscribeEvent(() => {
           const r = `${i.oKey}-viewer-dialog`;
           this._drawingRenderService.previewImage(r, i.getNative().src, i.getNativeSize().width, i.getNativeSize().height);
@@ -1632,31 +1650,31 @@ let He = class extends ke {
     );
   }
 };
-He = Cr([
+He = br([
   ae(0, ce),
   ae(1, ue),
   ae(2, ne),
-  ae(3, Gt),
-  ae(4, ot),
-  ae(5, Fe),
+  ae(3, Zt),
+  ae(4, lt),
+  ae(5, $e),
   ae(6, Le(Ae))
 ], He);
-var Sr = Object.getOwnPropertyDescriptor, Ir = (i, r, e, t) => {
-  for (var n = t > 1 ? void 0 : t ? Sr(r, e) : r, s = i.length - 1, a; s >= 0; s--)
+var yr = Object.getOwnPropertyDescriptor, Mr = (i, r, e, t) => {
+  for (var n = t > 1 ? void 0 : t ? yr(r, e) : r, s = i.length - 1, a; s >= 0; s--)
     (a = i[s]) && (n = a(n) || n);
   return n;
-}, nt = (i, r) => (e, t) => r(e, t, i);
-const br = "UNIVER_DRAWING_UI_PLUGIN";
-var Ge;
-let it = (Ge = class extends Ut {
-  constructor(i = tt, r, e) {
+}, at = (i, r) => (e, t) => r(e, t, i);
+const Rr = "UNIVER_DRAWING_UI_PLUGIN";
+var We;
+let st = (We = class extends xt {
+  constructor(i = nt, r, e) {
     super(), this._config = i, this._injector = r, this._configService = e;
-    const { menu: t, ...n } = Bt(
+    const { menu: t, ...n } = jt(
       {},
-      tt,
+      nt,
       this._config
     );
-    t && this._configService.setConfig("menu", t, { merge: !0 }), this._configService.setConfig(Xt, n);
+    t && this._configService.setConfig("menu", t, { merge: !0 }), this._configService.setConfig(Qt, n);
   }
   onStarting() {
     this._initDependencies();
@@ -1673,12 +1691,12 @@ let it = (Ge = class extends Ut {
       [He]
     ].forEach((r) => this._injector.add(r));
   }
-}, J(Ge, "pluginName", br), Ge);
-it = Ir([
-  nt(1, Le(Pt)),
-  nt(2, Nt)
-], it);
-const yr = (i) => {
+}, J(We, "pluginName", Rr), We);
+st = Mr([
+  at(1, Le(Ut)),
+  at(2, Bt)
+], st);
+const Or = (i) => {
   const r = A(ce), e = A(re), { alignShow: t } = i, [n, s] = j(D.default), a = [
     {
       label: e.t("image-panel.align.default"),
@@ -1734,7 +1752,7 @@ const yr = (i) => {
       alignType: c
     });
   }
-  return /* @__PURE__ */ P(
+  return /* @__PURE__ */ N(
     "div",
     {
       className: Q("univer-relative univer-w-full", {
@@ -1752,15 +1770,15 @@ const yr = (i) => {
           "div",
           {
             className: "univer-w-full univer-text-gray-900 dark:!univer-text-white",
-            children: /* @__PURE__ */ v(lt, { value: n, options: a, onChange: o })
+            children: /* @__PURE__ */ v(gt, { value: n, options: a, onChange: o })
           }
         ) })
       ]
     }
   );
-}, Mr = (i) => {
+}, Dr = (i) => {
   const { arrangeShow: r, drawings: e } = i, t = A(re), n = A(ne), [s, a] = j(e);
-  ve(() => {
+  Ce(() => {
     const c = n.focus$.subscribe((u) => {
       a(u);
     });
@@ -1772,7 +1790,7 @@ const yr = (i) => {
     const u = s[0].unitId, l = s[0].subUnitId, g = s.map((d) => d.drawingId);
     n.featurePluginOrderUpdateNotification({ unitId: u, subUnitId: l, drawingIds: g, arrangeType: c });
   };
-  return /* @__PURE__ */ P(
+  return /* @__PURE__ */ N(
     "div",
     {
       className: Q("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
@@ -1786,38 +1804,38 @@ const yr = (i) => {
             children: /* @__PURE__ */ v("div", { children: t.t("image-panel.arrange.title") })
           }
         ),
-        /* @__PURE__ */ P("div", { className: "univer-grid univer-grid-cols-2 univer-gap-2", children: [
-          /* @__PURE__ */ P(se, { onClick: () => {
-            o(Ce.forward);
+        /* @__PURE__ */ N("div", { className: "univer-grid univer-grid-cols-2 univer-gap-2", children: [
+          /* @__PURE__ */ N(se, { onClick: () => {
+            o(Ie.forward);
           }, children: [
-            /* @__PURE__ */ v(_t, {}),
+            /* @__PURE__ */ v(St, {}),
             t.t("image-panel.arrange.forward")
           ] }),
-          /* @__PURE__ */ P(se, { onClick: () => {
-            o(Ce.backward);
+          /* @__PURE__ */ N(se, { onClick: () => {
+            o(Ie.backward);
           }, children: [
-            /* @__PURE__ */ v(vt, {}),
+            /* @__PURE__ */ v(Ct, {}),
             t.t("image-panel.arrange.backward")
           ] }),
-          /* @__PURE__ */ P(se, { onClick: () => {
-            o(Ce.front);
+          /* @__PURE__ */ N(se, { onClick: () => {
+            o(Ie.front);
           }, children: [
-            /* @__PURE__ */ v(Ct, {}),
+            /* @__PURE__ */ v(It, {}),
             t.t("image-panel.arrange.front")
           ] }),
-          /* @__PURE__ */ P(se, { onClick: () => {
-            o(Ce.back);
+          /* @__PURE__ */ N(se, { onClick: () => {
+            o(Ie.back);
           }, children: [
-            /* @__PURE__ */ v(ft, {}),
+            /* @__PURE__ */ v(mt, {}),
             t.t("image-panel.arrange.back")
           ] })
         ] })
       ]
     }
   );
-}, Rr = (i) => {
+}, Tr = (i) => {
   const r = A(re), e = A(ue), t = A(ne), { 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], _ = xt(10), I = Ht(0, 0, h.map((S) => S.transform || {})), R = {
+    const h = t.getFocusDrawings(), { unitId: p, subUnitId: C } = h[0], _ = At(10), I = kt(0, 0, h.map((S) => S.transform || {})), R = {
       unitId: p,
       subUnitId: C,
       drawingId: _,
@@ -1851,14 +1869,14 @@ const yr = (i) => {
     if (R.length === 0)
       return;
     const T = R.map((S) => {
-      const { transform: b } = S, { unitId: y, subUnitId: O, drawingId: M } = S, N = Lt(b || {}, I, I.width || 0, I.height || 0);
+      const { transform: b } = S, { unitId: y, subUnitId: O, drawingId: M } = S, P = $t(b || {}, I, I.width || 0, I.height || 0);
       return {
         unitId: y,
         subUnitId: O,
         drawingId: M,
         transform: {
           ...b,
-          ...N
+          ...P
         },
         groupId: void 0
       };
@@ -1873,7 +1891,7 @@ const yr = (i) => {
     ).filter((C) => C != null);
     p.length !== 0 && t.featurePluginUngroupUpdateNotification(p);
   };
-  return ve(() => {
+  return Ce(() => {
     const h = s[0];
     if (h == null)
       return;
@@ -1883,14 +1901,14 @@ const yr = (i) => {
     const I = _.getTransformerByCreate(), R = I.clearControl$.subscribe((S) => {
       S === !0 && o(!1);
     }), T = I.changeStart$.subscribe((S) => {
-      const { objects: b } = S, y = $e(b, t), O = y.filter((Z) => (Z == null ? void 0 : Z.drawingType) === q.DRAWING_GROUP);
-      let M = !1, N = !1;
-      y.length > 1 && (M = !0), O.length > 0 && (N = !0), o(M || N), u(M), g(N);
+      const { objects: b } = S, y = Ve(b, t), O = y.filter((Z) => (Z == null ? void 0 : Z.drawingType) === q.DRAWING_GROUP);
+      let M = !1, P = !1;
+      y.length > 1 && (M = !0), O.length > 0 && (P = !0), o(M || P), u(M), g(P);
     });
     return () => {
       T.unsubscribe(), R.unsubscribe();
     };
-  }, []), /* @__PURE__ */ P(
+  }, []), /* @__PURE__ */ N(
     "div",
     {
       className: Q("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
@@ -1904,8 +1922,8 @@ const yr = (i) => {
             children: /* @__PURE__ */ v("div", { children: r.t("image-panel.group.title") })
           }
         ),
-        /* @__PURE__ */ P("div", { className: "univer-flex univer-items-center univer-justify-center univer-gap-2", children: [
-          /* @__PURE__ */ P(
+        /* @__PURE__ */ N("div", { className: "univer-flex univer-items-center univer-justify-center univer-gap-2", children: [
+          /* @__PURE__ */ N(
             se,
             {
               className: Q({
@@ -1913,12 +1931,12 @@ const yr = (i) => {
               }),
               onClick: d,
               children: [
-                /* @__PURE__ */ v(mt, {}),
+                /* @__PURE__ */ v(vt, {}),
                 r.t("image-panel.group.group")
               ]
             }
           ),
-          /* @__PURE__ */ P(
+          /* @__PURE__ */ N(
             se,
             {
               className: Q({
@@ -1926,7 +1944,7 @@ const yr = (i) => {
               }),
               onClick: w,
               children: [
-                /* @__PURE__ */ v(St, {}),
+                /* @__PURE__ */ v(bt, {}),
                 r.t("image-panel.group.unGroup")
               ]
             }
@@ -1935,7 +1953,7 @@ const yr = (i) => {
       ]
     }
   );
-}, Re = 20, Oe = 20, at = [-360, 360], De = 300, Or = (i) => {
+}, Oe = 20, De = 20, ot = [-360, 360], Te = 300, Er = (i) => {
   var Ke;
   const r = A(re), e = A(ne), t = A(ue), { drawings: n, transformShow: s } = i, a = n[0];
   if (a == null)
@@ -1955,17 +1973,17 @@ const yr = (i) => {
     left: _ = 0,
     top: I = 0,
     angle: R = 0
-  } = o, [T, S] = j(p), [b, y] = j(C), [O, M] = j(_), [N, U] = j(I), [Z, Y] = j(R), [$, _e] = j(h.keepRatio), te = (m, E, H, k) => {
+  } = o, [T, S] = j(p), [b, y] = j(C), [O, M] = j(_), [P, U] = j(I), [Z, Y] = j(R), [$, Se] = j(h.keepRatio), te = (m, E, H, k) => {
     const { width: x, height: X } = w, { ancestorLeft: G, ancestorTop: W } = f;
     let F = m, ie = E, de = H, he = k;
-    return m + G < 0 && (F = -G), E + W < 0 && (ie = -W), de = x - F - G, de < Re && (de = Re), he = X - ie - W, he < Oe && (he = Oe), m + de + G > x && (F = x - H - G), E + he + W > X && (ie = X - k - W), {
+    return m + G < 0 && (F = -G), E + W < 0 && (ie = -W), de = x - F - G, de < Oe && (de = Oe), he = X - ie - W, he < De && (he = De), m + de + G > x && (F = x - H - G), E + he + W > X && (ie = X - k - W), {
       limitLeft: F,
       limitTop: ie,
       limitWidth: de,
       limitHeight: he
     };
   }, V = (m) => {
-    const { objects: E } = m, H = $e(E, e);
+    const { objects: E } = m, H = Ve(E, e);
     if (H.length !== 1)
       return;
     const k = H[0];
@@ -1983,7 +2001,7 @@ const yr = (i) => {
     } = x;
     X != null && S(X), G != null && y(G), W != null && M(W), F != null && U(F), ie != null && Y(ie);
   };
-  ve(() => {
+  Ce(() => {
     const m = [
       h.changeStart$.subscribe((E) => {
         V(E);
@@ -2017,55 +2035,55 @@ const yr = (i) => {
       m.forEach((E) => E.unsubscribe());
     };
   }, []);
-  const ge = Se((m) => {
+  const ge = be((m) => {
     if (m == null)
       return;
-    const { limitWidth: E, limitHeight: H } = te(O, N, m, b);
+    const { limitWidth: E, limitHeight: H } = te(O, P, m, b);
     m = Math.min(m, E);
     const k = { unitId: c, subUnitId: u, drawingId: l, drawingType: g, transform: { width: m } };
     if ($) {
       let x = m / T * b;
-      if (x = Math.max(x, Oe), x > H)
+      if (x = Math.max(x, De), x > H)
         return;
       y(x), k.transform.height = x;
     }
     S(m), e.featurePluginUpdateNotification([k]), h.refreshControls().changeNotification();
-  }, De), bt = Se((m) => {
+  }, Te), Mt = be((m) => {
     if (m == null)
       return;
-    const { limitHeight: E, limitWidth: H } = te(O, N, T, m);
+    const { limitHeight: E, limitWidth: H } = te(O, P, T, m);
     m = Math.min(m, E);
     const k = { unitId: c, subUnitId: u, drawingId: l, drawingType: g, transform: { height: m } };
     if ($) {
       let x = m / b * T;
-      if (x = Math.max(x, Re), x > H)
+      if (x = Math.max(x, Oe), x > H)
         return;
       S(x), k.transform.width = x;
     }
     y(m), e.featurePluginUpdateNotification([k]), h.refreshControls().changeNotification();
-  }, De), yt = Se((m) => {
+  }, Te), Rt = be((m) => {
     if (m == null)
       return;
-    const { limitLeft: E } = te(m, N, T, b);
+    const { limitLeft: E } = te(m, P, T, b);
     m = E;
     const H = { unitId: c, subUnitId: u, drawingId: l, drawingType: g, transform: { left: m } };
     M(m), e.featurePluginUpdateNotification([H]), h.refreshControls().changeNotification();
-  }, De), Mt = Se((m) => {
+  }, Te), Ot = be((m) => {
     if (m == null)
       return;
     const { limitTop: E } = te(O, m, T, b);
     m = E;
     const H = { unitId: c, subUnitId: u, drawingId: l, drawingType: g, transform: { top: m } };
     U(m), e.featurePluginUpdateNotification([H]), h.refreshControls().changeNotification();
-  }, De), Rt = (m) => {
+  }, Te), Dt = (m) => {
     if (m == null)
       return;
     const E = { unitId: c, subUnitId: u, drawingId: l, drawingType: g, transform: { angle: m } };
     Y(m), e.featurePluginUpdateNotification([E]), h.refreshControls().changeNotification();
-  }, Ot = (m) => {
-    _e(m), h.keepRatio = m;
+  }, Tt = (m) => {
+    Se(m), h.keepRatio = m;
   };
-  return /* @__PURE__ */ P(
+  return /* @__PURE__ */ N(
     "div",
     {
       className: Q("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
@@ -2079,73 +2097,73 @@ const yr = (i) => {
             children: /* @__PURE__ */ v("div", { children: r.t("image-panel.transform.title") })
           }
         ),
-        /* @__PURE__ */ P(
+        /* @__PURE__ */ N(
           "div",
           {
             className: "univer-grid univer-grid-cols-3 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
             children: [
-              /* @__PURE__ */ P("div", { children: [
+              /* @__PURE__ */ N("div", { children: [
                 /* @__PURE__ */ v("span", { children: r.t("image-panel.transform.width") }),
                 /* @__PURE__ */ v(
                   fe,
                   {
                     precision: 1,
                     value: T,
-                    min: Re,
+                    min: Oe,
                     onChange: (m) => {
                       ge(m);
                     }
                   }
                 )
               ] }),
-              /* @__PURE__ */ P("div", { children: [
+              /* @__PURE__ */ N("div", { children: [
                 /* @__PURE__ */ v("span", { children: r.t("image-panel.transform.height") }),
                 /* @__PURE__ */ v(
                   fe,
                   {
                     precision: 1,
                     value: b,
-                    min: Oe,
+                    min: De,
                     onChange: (m) => {
-                      bt(m);
+                      Mt(m);
                     }
                   }
                 )
               ] }),
-              /* @__PURE__ */ P("div", { children: [
+              /* @__PURE__ */ N("div", { children: [
                 /* @__PURE__ */ v("span", { children: r.t("image-panel.transform.lock") }),
-                /* @__PURE__ */ v("div", { className: "univer-text-center", children: /* @__PURE__ */ v(zt, { checked: $, onChange: Ot }) })
+                /* @__PURE__ */ v("div", { className: "univer-text-center", children: /* @__PURE__ */ v(Yt, { checked: $, onChange: Tt }) })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ P(
+        /* @__PURE__ */ N(
           "div",
           {
             className: "univer-grid univer-grid-cols-3 univer-gap-2 [&>div]:univer-grid [&>div]:univer-gap-2",
             children: [
-              /* @__PURE__ */ P("div", { children: [
+              /* @__PURE__ */ N("div", { children: [
                 /* @__PURE__ */ v("span", { children: r.t("image-panel.transform.x") }),
                 /* @__PURE__ */ v(fe, { precision: 1, value: O, onChange: (m) => {
-                  yt(m);
+                  Rt(m);
                 } })
               ] }),
-              /* @__PURE__ */ P("div", { children: [
+              /* @__PURE__ */ N("div", { children: [
                 /* @__PURE__ */ v("span", { children: r.t("image-panel.transform.y") }),
-                /* @__PURE__ */ v(fe, { precision: 1, value: N, onChange: (m) => {
-                  Mt(m);
+                /* @__PURE__ */ v(fe, { precision: 1, value: P, onChange: (m) => {
+                  Ot(m);
                 } })
               ] }),
-              /* @__PURE__ */ P("div", { children: [
+              /* @__PURE__ */ N("div", { children: [
                 /* @__PURE__ */ v("span", { children: r.t("image-panel.transform.rotate") }),
                 /* @__PURE__ */ v(
                   fe,
                   {
                     precision: 1,
                     value: Z,
-                    min: at[0],
-                    max: at[1],
-                    onChange: Rt
+                    min: ot[0],
+                    max: ot[1],
+                    onChange: Dt
                   }
                 )
               ] })
@@ -2155,11 +2173,11 @@ const yr = (i) => {
       ]
     }
   );
-}, Dr = (i) => {
+}, Nr = (i) => {
   const r = A(ce), e = A(re), { drawings: t, cropperShow: n } = i;
   if (t[0] == null)
     return;
-  const [a, o] = j(B.FREE), c = ut(!1), u = [
+  const [a, o] = j(B.FREE), c = dt(!1), u = [
     {
       label: e.t("image-panel.crop.mode"),
       value: B.FREE
@@ -2201,7 +2219,7 @@ const yr = (i) => {
       value: B.R2_3
     }
   ];
-  ve(() => {
+  Ce(() => {
     const d = r.onCommandExecuted((f) => {
       if (f.id === oe.id) {
         const w = f.params;
@@ -2222,7 +2240,7 @@ const yr = (i) => {
       cropType: d
     }), c.current = !0;
   };
-  return /* @__PURE__ */ P(
+  return /* @__PURE__ */ N(
     "div",
     {
       className: Q("univer-grid univer-gap-2 univer-py-2 univer-text-gray-400", {
@@ -2236,19 +2254,19 @@ const yr = (i) => {
             children: /* @__PURE__ */ v("div", { children: e.t("image-panel.crop.title") })
           }
         ),
-        /* @__PURE__ */ P("div", { className: "univer-flex univer-items-center univer-justify-center univer-gap-2", children: [
-          /* @__PURE__ */ P(se, { onClick: () => {
+        /* @__PURE__ */ N("div", { className: "univer-flex univer-items-center univer-justify-center univer-gap-2", children: [
+          /* @__PURE__ */ N(se, { onClick: () => {
             g(a);
           }, children: [
-            /* @__PURE__ */ v(pt, {}),
+            /* @__PURE__ */ v(wt, {}),
             e.t("image-panel.crop.start")
           ] }),
-          /* @__PURE__ */ v(lt, { value: a, options: u, onChange: l })
+          /* @__PURE__ */ v(gt, { value: a, options: u, onChange: l })
         ] })
       ]
     }
   );
-}, Hr = (i) => {
+}, $r = (i) => {
   const r = A(ne), e = A(ue), t = A(re), { drawings: n, hasArrange: s = !0, hasTransform: a = !0, hasAlign: o = !0, hasCropper: c = !0, hasGroup: u = !0 } = i, l = n[0];
   if (l == null)
     return;
@@ -2256,19 +2274,19 @@ const yr = (i) => {
   if (f == null)
     return;
   const w = f.getTransformerByCreate(), [h, p] = j(!0), [C, _] = j(!0), [I, R] = j(!1), [T, S] = j(!0), [b, y] = j(!1);
-  return ve(() => {
+  return Ce(() => {
     const O = w.clearControl$.subscribe((U) => {
       U === !0 && (p(!1), _(!1), R(!1), S(!1), y(!0));
     }), M = w.changeStart$.subscribe((U) => {
-      const { objects: Z } = U, Y = $e(Z, r);
+      const { objects: Z } = U, Y = Ve(Z, r);
       Y.length === 0 ? (p(!1), _(!1), R(!1), S(!1), y(!0)) : Y.length === 1 ? (p(!0), _(!0), R(!1), S(!0), y(!1)) : (p(!0), _(!1), R(!0), S(!1), y(!1));
-    }), N = r.focus$.subscribe((U) => {
+    }), P = r.focus$.subscribe((U) => {
       U.length === 0 ? (p(!1), _(!1), R(!1), S(!1), y(!0)) : U.length === 1 ? (p(!0), _(!0), R(!1), S(!0), y(!1)) : (p(!0), _(!1), R(!0), S(!1), y(!1));
     });
     return () => {
-      M.unsubscribe(), O.unsubscribe(), N.unsubscribe();
+      M.unsubscribe(), O.unsubscribe(), P.unsubscribe();
     };
-  }, []), /* @__PURE__ */ P(Wt, { children: [
+  }, []), /* @__PURE__ */ N(Ft, { children: [
     /* @__PURE__ */ v(
       "div",
       {
@@ -2278,26 +2296,26 @@ const yr = (i) => {
         children: /* @__PURE__ */ v("div", { className: "univer-flex univer-h-full univer-items-center univer-justify-center", children: /* @__PURE__ */ v("span", { children: t.t("image-panel.null") }) })
       }
     ),
-    /* @__PURE__ */ v(Mr, { arrangeShow: s === !0 ? h : !1, drawings: n }),
-    /* @__PURE__ */ v(Or, { transformShow: a === !0 ? C : !1, drawings: n }),
-    /* @__PURE__ */ v(yr, { alignShow: o === !0 ? I : !1, drawings: n }),
-    /* @__PURE__ */ v(Dr, { cropperShow: c === !0 ? T : !1, drawings: n }),
-    /* @__PURE__ */ v(Rr, { hasGroup: u, drawings: n })
+    /* @__PURE__ */ v(Dr, { arrangeShow: s === !0 ? h : !1, drawings: n }),
+    /* @__PURE__ */ v(Er, { transformShow: a === !0 ? C : !1, drawings: n }),
+    /* @__PURE__ */ v(Or, { alignShow: o === !0 ? I : !1, drawings: n }),
+    /* @__PURE__ */ v(Nr, { cropperShow: c === !0 ? T : !1, drawings: n }),
+    /* @__PURE__ */ v(Tr, { hasGroup: u, drawings: n })
   ] });
 };
 export {
   Ue as AutoImageCropOperation,
-  Jt as COMPONENT_IMAGE_POPUP_MENU,
+  er as COMPONENT_IMAGE_POPUP_MENU,
   oe as CloseImageCropOperation,
-  Hr as DrawingCommonPanel,
+  $r as DrawingCommonPanel,
   Ae as DrawingRenderService,
-  ye as ImageCropperObject,
-  ur as ImagePopupMenu,
-  gt as ImageResetSizeOperation,
-  Ze as OpenImageCropOperation,
+  Re as ImageCropperObject,
+  hr as ImagePopupMenu,
+  ht as ImageResetSizeOperation,
+  Fe as OpenImageCropOperation,
   ze as SetDrawingAlignOperation,
-  it as UniverDrawingUIPlugin,
-  dt as getCurrentUnitInfo,
-  $e as getUpdateParams,
-  et as insertGroupObject
+  st as UniverDrawingUIPlugin,
+  ft as getCurrentUnitInfo,
+  Ve as getUpdateParams,
+  rt as insertGroupObject
 };