@univerjs/drawing-ui 0.16.1 → 0.17.0

package/lib/es/index.js

@@ -1,16 +1,16 @@
-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 ue, 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 ge, 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 pe, 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 = {
+var Pt = Object.defineProperty;
+var Bt = (i, r, e) => r in i ? Pt(i, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[r] = e;
+var Z = (i, r, e) => Bt(i, typeof r != "symbol" ? r + "" : r, e);
+import { CommandType as _e, UniverInstanceType as ue, ICommandService as ce, LocaleService as re, Inject as Le, Disposable as ke, DrawingTypeEnum as q, checkIfMove as lt, toDisposable as ve, IUniverInstanceService as $e, IURLImageService as Ut, ImageSourceType as Ye, Injector as xt, IConfigService as jt, Plugin as At, merge as Ht, ArrangeTypeEnum as Ie, generateRandomId as Lt, debounce as be } from "@univerjs/core";
+import { getDrawingShapeKeyByDrawingSearch as L, SetDrawingSelectedOperation as Ee, IDrawingManagerService as ne, ImageSourceType as Xe, IImageIoService as ut } from "@univerjs/drawing";
+import { Group as We, DrawingGroupObject as gt, DRAWING_OBJECT_LAYER_INDEX as Ne, RENDER_CLASS_TYPE as Je, IRenderManagerService as ge, Shape as kt, Rect as dt, Canvas as $t, Image as Ze, precisionTo as ye, CURSOR_TYPE as Pe, Vector2 as Ge, degToRad as qe, getGroupState as Vt, transformObjectOutOfGroup as Gt } from "@univerjs/engine-render";
+import { useDependency as A, ComponentManager as Wt, IMessageService as Zt, IGalleryService as Ft, IDialogService as Kt } from "@univerjs/ui";
+import { jsx as v, jsxs as N, Fragment as zt } from "react/jsx-runtime";
+import { DropdownMenu as Yt, clsx as Q, borderClassName as Xt, MessageType as Qe, Select as ht, Button as se, InputNumber as pe, Checkbox as Jt } from "@univerjs/design";
+import { useRef as ft, createElement as z, forwardRef as ee, useState as j, useEffect as Ce } from "react";
+import { switchMap as qt, of as Qt, bufferTime as er, filter as et, map as tt } from "rxjs";
+var T = /* @__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))(T || {});
+const Ke = {
   id: "sheet.operation.set-image-align",
   type: _e.OPERATION,
   handler: (i, r) => !0
@@ -23,12 +23,12 @@ const ze = {
   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 = {
+var U = /* @__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))(U || {});
+const Be = {
   id: "sheet.operation.Auto-image-crop",
   type: _e.OPERATION,
   handler: (i, r) => !0
-}, ht = {
+}, pt = {
   id: "sheet.operation.image-reset-size",
   type: _e.OPERATION,
   handler: (i, r) => !0
@@ -38,24 +38,30 @@ function rt(i, r, e, t) {
   if (n == null)
     return;
   const s = L(i), a = e.getObject(s);
-  if (a && !(a instanceof ve))
+  if (a && !(a instanceof We))
     return;
   if (a != null) {
+    const l = a.getObjects();
+    for (const g of l)
+      if (g.oKey === r.oKey)
+        return;
     a.addObject(r);
     return;
   }
-  const o = new ve(s);
+  const o = new gt(s);
   e.addObject(o, Ne).attachTransformerTo(o), o.addObject(r);
-  const { transform: c } = n;
-  c && o.transformByState(
+  const { transform: c, groupBaseBound: u } = n;
+  u && o.setBaseBound(u), c && o.transformByState(
     {
       left: c.left,
       top: c.top,
-      angle: c.angle
+      angle: c.angle,
+      width: c.width,
+      height: c.height
     }
   );
 }
-function ft(i, r) {
+function mt(i, r) {
   var s;
   const e = r ? i.getUnit(r) : i.getFocusedUnit();
   if (e == null)
@@ -64,10 +70,13 @@ function ft(i, r) {
   let n;
   return e.type === ue.UNIVER_SHEET ? n = (s = e.getActiveSheet()) == null ? void 0 : s.getSheetId() : (e.type === ue.UNIVER_DOC || e.type === ue.UNIVER_SLIDE) && (n = t), { unitId: t, subUnitId: n, current: e };
 }
-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 = dt(`_${nr()}`);
-  return pt(e, `${t}`, {
+const tr = "@univerjs/drawing-ui", rr = "0.17.0", nt = {
+  name: tr,
+  version: rr
+}, nr = "drawing-ui.config", it = {}, ir = "COMPONENT_IMAGE_POPUP_MENU";
+function Y({ ref: i, ...r }) {
+  const { icon: e, id: t, className: n, extend: s, ...a } = r, o = `univerjs-icon univerjs-icon-${t} ${n || ""}`.trim(), c = ft(`_${or()}`);
+  return wt(e, `${t}`, {
     defIds: e.defIds,
     idSuffix: c.current
   }, {
@@ -76,14 +85,14 @@ function K({ ref: i, ...r }) {
     ...a
   }, s);
 }
-function pt(i, r, e, t, n) {
+function wt(i, r, e, t, n) {
   return z(i.tag, {
     key: r,
-    ...tr(i, e, n),
+    ...ar(i, e, n),
     ...t
-  }, (rr(i, e).children || []).map((s, a) => pt(s, `${r}-${i.tag}-${a}`, e, void 0, n)));
+  }, (sr(i, e).children || []).map((s, a) => wt(s, `${r}-${i.tag}-${a}`, e, void 0, n)));
 }
-function tr(i, r, e) {
+function ar(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 +102,7 @@ function tr(i, r, e) {
     typeof a == "string" && (t[s] = a.replace(/url\(#(.*)\)/, `url(#$1${r.idSuffix})`));
   })), t;
 }
-function rr(i, r) {
+function sr(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 +116,11 @@ function rr(i, r) {
     } : n)
   } : i;
 }
-function nr() {
+function or() {
   return Math.random().toString(36).substring(2, 8);
 }
-K.displayName = "UniverIcon";
-const ir = {
+Y.displayName = "UniverIcon";
+const cr = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -154,15 +163,15 @@ const ir = {
       }
     }
   ]
-}, mt = ee(function(r, e) {
-  return z(K, Object.assign({}, r, {
+}, vt = ee(function(r, e) {
+  return z(Y, Object.assign({}, r, {
     id: "bottom-icon",
     ref: e,
-    icon: ir
+    icon: cr
   }));
 });
-mt.displayName = "BottomIcon";
-const ar = {
+vt.displayName = "BottomIcon";
+const lr = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -203,15 +212,15 @@ const ar = {
       }
     }
   ]
-}, wt = ee(function(r, e) {
-  return z(K, Object.assign({}, r, {
+}, _t = ee(function(r, e) {
+  return z(Y, Object.assign({}, r, {
     id: "create-copy-icon",
     ref: e,
-    icon: ar
+    icon: lr
   }));
 });
-wt.displayName = "CreateCopyIcon";
-const sr = {
+_t.displayName = "CreateCopyIcon";
+const ur = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -229,15 +238,15 @@ const sr = {
       clipRule: "evenodd"
     }
   }]
-}, vt = ee(function(r, e) {
-  return z(K, Object.assign({}, r, {
+}, Ct = ee(function(r, e) {
+  return z(Y, Object.assign({}, r, {
     id: "group-icon",
     ref: e,
-    icon: sr
+    icon: ur
   }));
 });
-vt.displayName = "GroupIcon";
-const or = {
+Ct.displayName = "GroupIcon";
+const gr = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -255,15 +264,15 @@ const or = {
       clipRule: "evenodd"
     }
   }]
-}, _t = ee(function(r, e) {
-  return z(K, Object.assign({}, r, {
+}, St = ee(function(r, e) {
+  return z(Y, Object.assign({}, r, {
     id: "more-down-icon",
     ref: e,
-    icon: or
+    icon: gr
   }));
 });
-_t.displayName = "MoreDownIcon";
-const cr = {
+St.displayName = "MoreDownIcon";
+const dr = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -287,15 +296,15 @@ const cr = {
       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"
     }
   }]
-}, Ct = ee(function(r, e) {
-  return z(K, Object.assign({}, r, {
+}, It = ee(function(r, e) {
+  return z(Y, Object.assign({}, r, {
     id: "move-down-icon",
     ref: e,
-    icon: cr
+    icon: dr
   }));
 });
-Ct.displayName = "MoveDownIcon";
-const lr = {
+It.displayName = "MoveDownIcon";
+const hr = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -319,15 +328,15 @@ const lr = {
       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"
     }
   }]
-}, St = ee(function(r, e) {
-  return z(K, Object.assign({}, r, {
+}, bt = ee(function(r, e) {
+  return z(Y, Object.assign({}, r, {
     id: "move-up-icon",
     ref: e,
-    icon: lr
+    icon: hr
   }));
 });
-St.displayName = "MoveUpIcon";
-const ur = {
+bt.displayName = "MoveUpIcon";
+const fr = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -363,15 +372,15 @@ const ur = {
       }
     }
   ]
-}, It = ee(function(r, e) {
-  return z(K, Object.assign({}, r, {
+}, yt = ee(function(r, e) {
+  return z(Y, Object.assign({}, r, {
     id: "topmost-icon",
     ref: e,
-    icon: ur
+    icon: fr
   }));
 });
-It.displayName = "TopmostIcon";
-const gr = {
+yt.displayName = "TopmostIcon";
+const pr = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -395,15 +404,15 @@ const gr = {
       clipRule: "evenodd"
     }
   }]
-}, bt = ee(function(r, e) {
-  return z(K, Object.assign({}, r, {
+}, Rt = ee(function(r, e) {
+  return z(Y, Object.assign({}, r, {
     id: "ungroup-icon",
     ref: e,
-    icon: gr
+    icon: pr
   }));
 });
-bt.displayName = "UngroupIcon";
-const dr = {
+Rt.displayName = "UngroupIcon";
+const mr = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -448,15 +457,15 @@ const dr = {
       }
     }
   ]
-}, yt = ee(function(r, e) {
-  return z(K, Object.assign({}, r, {
+}, Mt = ee(function(r, e) {
+  return z(Y, Object.assign({}, r, {
     id: "autofill-double-icon",
     ref: e,
-    icon: dr
+    icon: mr
   }));
 });
-yt.displayName = "AutofillDoubleIcon";
-function hr(i) {
+Mt.displayName = "AutofillDoubleIcon";
+function wr(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 +484,7 @@ function hr(i) {
       onMouseEnter: u,
       onMouseLeave: l,
       children: /* @__PURE__ */ v(
-        zt,
+        Yt,
         {
           align: "start",
           items: w.map((p) => ({
@@ -488,18 +497,18 @@ function hr(i) {
           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", 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", Xt, {
                 "univer-bg-gray-100 dark:!univer-bg-gray-800": s,
                 "univer-bg-white dark:!univer-bg-gray-900": !s
               }),
               children: [
                 /* @__PURE__ */ v(
-                  yt,
+                  Mt,
                   {
                     className: "univer-fill-primary-600 univer-text-gray-900 dark:!univer-text-white"
                   }
                 ),
-                f && /* @__PURE__ */ v(_t, { className: "dark:!univer-text-white" })
+                f && /* @__PURE__ */ v(St, { className: "dark:!univer-text-white" })
               ]
             }
           )
@@ -508,36 +517,36 @@ function hr(i) {
     }
   );
 }
-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--)
+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;
-}, it = (i, r) => (e, t) => r(e, t, i);
-let Be = class extends ke {
+}, at = (i, r) => (e, t) => r(e, t, i);
+let Ue = class extends ke {
   constructor(i, r) {
     super(), this._componentManager = i, this._commandService = r, this._init();
   }
   _initCustomComponents() {
     const i = this._componentManager;
-    this.disposeWithMe(i.register(er, hr));
+    this.disposeWithMe(i.register(ir, wr));
   }
   _initCommands() {
     [
       Fe,
       oe,
-      ht,
-      ze,
-      Ue
+      pt,
+      Ke,
+      Be
     ].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
   }
   _init() {
     this._initCommands(), this._initCustomComponents();
   }
 };
-Be = pr([
-  it(0, Le(Vt)),
-  it(1, ce)
-], Be);
+Ue = _r([
+  at(0, Le(Wt)),
+  at(1, ce)
+], Ue);
 function Ve(i, r) {
   const e = [];
   return i.forEach((t) => {
@@ -560,15 +569,15 @@ function Ve(i, r) {
     w === q.DRAWING_IMAGE && (h.srcRect = t.srcRect), e.push(h);
   }), e;
 }
-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--)
+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);
+}, Re = (i, r) => (e, t) => r(e, t, i);
 let xe = class extends ke {
   constructor(r, e, t, n) {
     super();
-    J(this, "_sceneListenerOnDrawingMap", /* @__PURE__ */ new WeakSet());
+    Z(this, "_sceneListenerOnDrawingMap", /* @__PURE__ */ new WeakSet());
     this._currentUniverService = r, this._commandService = e, this._renderManagerService = t, this._drawingManagerService = n, this._initialize();
   }
   dispose() {
@@ -578,7 +587,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 = ft(this._currentUniverService);
+    const r = this._drawingManagerService.drawingManagerData, e = mt(this._currentUniverService);
     if (e == null)
       return;
     const { unitId: t, subUnitId: n } = e;
@@ -594,7 +603,7 @@ let xe = class extends ke {
   _commandExecutedListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((r) => {
-        if (r.id === ze.id) {
+        if (r.id === Ke.id) {
           const e = r.params;
           if (e == null)
             return;
@@ -664,8 +673,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 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);
+    const g = L({ unitId: n, subUnitId: s, drawingId: a }), d = new gt(g);
+    c.addObject(d, Ne).attachTransformerTo(d), d.addObjects(...l), e.groupBaseBound && d.setBaseBound(e.groupBaseBound), e.transform && d.transformByState({ left: e.transform.left, top: e.transform.top, width: e.transform.width, height: e.transform.height, angle: e.transform.angle }), u.clearSelectedObjects(), u.setSelectedControl(d);
   }
   // private _regroupDrawings(drawings: IDrawingSearch[]) {
   //     const renderObject = this._getSceneAndTransformerByDrawingSearch(drawings[0].unitId);
@@ -727,7 +736,7 @@ let xe = class extends ke {
   }
   _drawingAlign(r) {
     const { alignType: e } = r, t = this._drawingManagerService.getFocusDrawings();
-    if (e === D.default)
+    if (e === T.default)
       return;
     const n = [];
     let s = Number.POSITIVE_INFINITY, a = Number.POSITIVE_INFINITY, o = Number.NEGATIVE_INFINITY, c = Number.NEGATIVE_INFINITY, u = 0;
@@ -752,42 +761,42 @@ let xe = class extends ke {
       return;
     const { scene: d, transformer: f } = g;
     r.forEach((w, h) => {
-      const { unitId: p, subUnitId: C, drawingId: _, transform: I, drawingType: R } = w, { left: T = 0, top: S = 0, width: b = 0, height: y = 0 } = I;
-      let O = T, M = S;
+      const { unitId: p, subUnitId: C, drawingId: _, transform: I, drawingType: M } = w, { left: D = 0, top: S = 0, width: y = 0, height: b = 0 } = I;
+      let O = D, R = S;
       switch (e) {
-        case D.left:
+        case T.left:
           O = t;
           break;
-        case D.center:
-          O = t + (s - t) / 2 - b / 2;
+        case T.center:
+          O = t + (s - t) / 2 - y / 2;
           break;
-        case D.right:
-          O = s - b;
+        case T.right:
+          O = s - y;
           break;
-        case D.top:
-          M = n;
+        case T.top:
+          R = n;
           break;
-        case D.middle:
-          M = n + (a - n) / 2 - y / 2;
+        case T.middle:
+          R = n + (a - n) / 2 - b / 2;
           break;
-        case D.bottom:
-          M = a - y;
+        case T.bottom:
+          R = a - b;
           break;
-        case D.horizon:
+        case T.horizon:
           O = t + c * h;
           break;
-        case D.vertical:
-          M = n + u * h;
+        case T.vertical:
+          R = n + u * h;
           break;
       }
-      (O !== T || M !== S) && l.push({
+      (O !== D || R !== S) && l.push({
         unitId: p,
         subUnitId: C,
         drawingId: _,
-        drawingType: R,
+        drawingType: M,
         transform: {
           left: O,
-          top: M
+          top: R
         }
       });
     }), this._drawingManagerService.featurePluginUpdateNotification(l), f.refreshControls().changeNotification();
@@ -806,21 +815,21 @@ let xe = class extends ke {
         height: w = 0
       } = a;
       switch (e) {
-        case D.left:
+        case T.left:
           return o - g;
-        case D.center:
+        case T.center:
           return o + u / 2 - (g + f / 2);
-        case D.right:
+        case T.right:
           return o + u - (g + f);
-        case D.top:
+        case T.top:
           return c - d;
-        case D.middle:
+        case T.middle:
           return c + l / 2 - (d + w / 2);
-        case D.bottom:
+        case T.bottom:
           return c + l - (d + w);
-        case D.horizon:
+        case T.horizon:
           return o + u / 2 - (g + f / 2);
-        case D.vertical:
+        case T.vertical:
           return c + l / 2 - (d + w / 2);
         default:
           return 0;
@@ -892,7 +901,7 @@ let xe = class extends ke {
     this.disposeWithMe(
       this._drawingManagerService.update$.subscribe((r) => {
         r.forEach((e) => {
-          var b;
+          var y;
           const { unitId: t, subUnitId: n, drawingId: s } = e, a = this._drawingManagerService.getDrawingByParam(e);
           if (a == null)
             return;
@@ -902,10 +911,10 @@ let xe = class extends ke {
           const { scene: l, transformer: g } = u;
           if (o == null)
             return !0;
-          const { left: d = 0, top: f = 0, width: w = 0, height: h = 0, angle: p = 0, flipX: C = !1, flipY: _ = !1, skewX: I = 0, skewY: R = 0 } = o, T = L({ unitId: t, subUnitId: n, drawingId: s }), S = l.getObject(T);
+          const { left: d = 0, top: f = 0, width: w = 0, height: h = 0, angle: p = 0, flipX: C = !1, flipY: _ = !1, skewX: I = 0, skewY: M = 0 } = o, D = L({ unitId: t, subUnitId: n, drawingId: s }), S = l.getObject(D);
           if (S == null)
             return !0;
-          S.transformByState({ left: d, top: f, width: w, height: h, angle: p, flipX: C, flipY: _, skewX: I, skewY: R }), (b = l.getTransformer()) == null || b.debounceRefreshControls();
+          S.transformByState({ left: d, top: f, width: w, height: h, angle: p, flipX: C, flipY: _, skewX: I, skewY: M }), (y = l.getTransformer()) == null || y.debounceRefreshControls();
         });
       })
     );
@@ -932,9 +941,9 @@ let xe = class extends ke {
             flipX: C = !1,
             flipY: _ = !1,
             skewX: I = 0,
-            skewY: R = 0
+            skewY: M = 0
           } = c;
-          g.transformByState({ left: d, top: f, width: w, height: h, angle: p, flipX: C, flipY: _, skewX: I, skewY: R });
+          g.transformByState({ left: d, top: f, width: w, height: h, angle: p, flipX: C, flipY: _, skewX: I, skewY: M });
         });
       })
     );
@@ -959,7 +968,7 @@ let xe = class extends ke {
       if (t == null)
         return !1;
       const { transform: s } = t;
-      return ct(s, e == null ? void 0 : e[n]);
+      return lt(s, e == null ? void 0 : e[n]);
     });
   }
   // group?.getObjects().forEach((o) => {
@@ -973,21 +982,21 @@ let xe = class extends ke {
     const e = r.getTransformerByCreate();
     let t = null;
     this.disposeWithMe(
-      we(
+      ve(
         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 ve) {
+            if (h || c instanceof We) {
               let C = c.ancestorGroup;
-              if (C == null && c instanceof ve && (C = c), C == null)
+              if (C == null && c instanceof We && (C = c), C == null)
                 return null;
               const _ = this._drawingManagerService.getDrawingOKey(C.oKey);
               if (_) {
-                const { unitId: I, subUnitId: R, drawingId: T } = _;
-                o.push({ unitId: I, subUnitId: R, drawingId: T });
-                const { left: S, top: b, height: y, width: O, angle: M } = C;
-                return { left: S, top: b, height: y, width: O, angle: M };
+                const { unitId: I, subUnitId: M, drawingId: D } = _;
+                o.push({ unitId: I, subUnitId: M, drawingId: D });
+                const { left: S, top: y, height: b, width: O, angle: R } = C;
+                return { left: S, top: y, height: b, width: O, angle: R };
               }
             } else if (p != null) {
               const { unitId: C, subUnitId: _, drawingId: I } = p;
@@ -998,7 +1007,7 @@ let xe = class extends ke {
         })
       )
     ), this.disposeWithMe(
-      we(
+      ve(
         e.changeEnd$.subscribe((n) => {
           const { objects: s } = n, a = this._filterUpdateParams(Ve(s, this._drawingManagerService), t);
           a.length > 0 && this._drawingManagerService.featurePluginUpdateNotification(a);
@@ -1007,13 +1016,13 @@ let xe = class extends ke {
     );
   }
 };
-xe = wr([
-  Me(0, $e),
-  Me(1, ce),
-  Me(2, ge),
-  Me(3, ne)
+xe = Sr([
+  Re(0, $e),
+  Re(1, ce),
+  Re(2, ge),
+  Re(3, ne)
 ], xe);
-class Re extends Ht {
+class Me extends kt {
   constructor(e, t) {
     t == null && (t = {}), t.transformerConfig = {
       keepRatio: !1,
@@ -1023,11 +1032,11 @@ class Re extends Ht {
       anchorSize: 24
     };
     super(e, t);
-    J(this, "_srcRect");
-    J(this, "_prstGeom");
-    J(this, "_applyTransform");
-    J(this, "_dragPadding", 8);
-    J(this, "_cacheCanvas");
+    Z(this, "_srcRect");
+    Z(this, "_prstGeom");
+    Z(this, "_applyTransform");
+    Z(this, "_dragPadding", 8);
+    Z(this, "_cacheCanvas");
     t != null && t.srcRect && (this._srcRect = t.srcRect), t != null && t.prstGeom && (this._prstGeom = t.prstGeom), t != null && t.applyTransform && (this._applyTransform = t.applyTransform), t != null && t.dragPadding && (this._dragPadding = t.dragPadding), this._applyProps();
   }
   refreshSrcRect(e, t) {
@@ -1056,7 +1065,7 @@ class Re extends Ht {
     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(), ut.drawWith(o, {
+    o != null && (o.save(), dt.drawWith(o, {
       left: 0,
       top: 0,
       width: s,
@@ -1100,7 +1109,7 @@ class Re extends Ht {
       return;
     const e = this.getScene();
     if (e == null) return;
-    this._cacheCanvas = new Lt();
+    this._cacheCanvas = new $t();
     const t = e.getEngine();
     this._cacheCanvas.setSize(t.width, t.height), t.onTransformChange$.subscribeEvent(() => {
       var n;
@@ -1108,15 +1117,15 @@ class Re extends Ht {
     });
   }
 }
-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--)
+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;
 }, le = (i, r) => (e, t) => r(e, t, i);
 let je = class extends ke {
   constructor(r, e, t, n, s, a) {
     super();
-    J(this, "_sceneListenerOnImageMap", /* @__PURE__ */ new WeakSet());
+    Z(this, "_sceneListenerOnImageMap", /* @__PURE__ */ new WeakSet());
     this._commandService = r, this._drawingManagerService = e, this._renderManagerService = t, this._univerInstanceService = n, this._messageService = s, this._localeService = a, this._init();
   }
   _init() {
@@ -1125,7 +1134,7 @@ let je = class extends ke {
   _initAutoCrop() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((r) => {
-        if (r.id !== Ue.id)
+        if (r.id !== Be.id)
           return;
         const e = r.params;
         if (e == null)
@@ -1165,34 +1174,34 @@ let je = class extends ke {
     const { left: t, top: n, width: s, height: a } = e.calculateTransformWithSrcRect();
     let o;
     switch (r) {
-      case B.R1_1:
+      case U.R1_1:
         o = this._calculateSrcRectByRatio(t, n, s, a, 1, 1);
         break;
-      case B.R16_9:
+      case U.R16_9:
         o = this._calculateSrcRectByRatio(t, n, s, a, 16, 9);
         break;
-      case B.R9_16:
+      case U.R9_16:
         o = this._calculateSrcRectByRatio(t, n, s, a, 9, 16);
         break;
-      case B.R5_4:
+      case U.R5_4:
         o = this._calculateSrcRectByRatio(t, n, s, a, 5, 4);
         break;
-      case B.R4_5:
+      case U.R4_5:
         o = this._calculateSrcRectByRatio(t, n, s, a, 4, 5);
         break;
-      case B.R4_3:
+      case U.R4_3:
         o = this._calculateSrcRectByRatio(t, n, s, a, 4, 3);
         break;
-      case B.R3_4:
+      case U.R3_4:
         o = this._calculateSrcRectByRatio(t, n, s, a, 3, 4);
         break;
-      case B.R3_2:
+      case U.R3_2:
         o = this._calculateSrcRectByRatio(t, n, s, a, 3, 2);
         break;
-      case B.R2_3:
+      case U.R2_3:
         o = this._calculateSrcRectByRatio(t, n, s, a, 2, 3);
         break;
-      case B.FREE:
+      case U.FREE:
     }
     if (o == null)
       return;
@@ -1230,7 +1239,7 @@ let je = class extends ke {
         }
         const g = o.getTransformer();
         g == null || g.clearControls();
-        const d = new Re(`${u}-crop`, {
+        const d = new Me(`${u}-crop`, {
           srcRect: l.srcRect,
           prstGeom: l.prstGeom,
           applyTransform: l.calculateTransformWithSrcRect()
@@ -1242,7 +1251,7 @@ let je = class extends ke {
   _searchCropObject(r) {
     const e = r.getAllObjectsByOrder();
     for (const t of e)
-      if (t instanceof Re)
+      if (t instanceof Me)
         return t;
   }
   _initCloseCrop() {
@@ -1283,7 +1292,7 @@ let je = class extends ke {
       })
     );
     const r = this._univerInstanceService.getCurrentTypeOfUnit$(ue.UNIVER_SHEET).pipe(
-      Xt((e) => e ? e.activeSheet$ : Jt(null))
+      qt((e) => e ? e.activeSheet$ : Qt(null))
     );
     this.disposeWithMe(r.subscribe(() => {
       this._commandService.syncExecuteCommand(oe.id);
@@ -1301,7 +1310,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 Re))
+        if (a == null || !(a instanceof Me))
           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 +1318,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 Re))
+        if (a == null || !(a instanceof Me))
           return;
         const { left: o, top: c, height: u, width: l, angle: g } = a;
-        if (!ct({ left: o, top: c, height: u, width: l, angle: g }, t))
+        if (!lt({ left: o, top: c, height: u, width: l, angle: g }, t))
           return;
         const d = this._getApplyObjectByCropObject(a);
         if (d == null)
@@ -1349,12 +1358,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 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 P = t - M.x, U = n - M.y;
-      _.left = P, _.top = U, _.right = g - P - a, _.bottom = d - U - s;
+      const I = t + a / 2, M = n + s / 2, D = new Ge(I, M), S = g / 2 + u, y = d / 2 + l, b = new Ge(S, y), O = new Ge(u, l);
+      O.rotateByPoint(qe(f), b);
+      const R = O.clone();
+      R.rotateByPoint(qe(-f), D);
+      const B = t - R.x, P = n - R.y;
+      _.left = B, _.top = P, _.right = g - B - a, _.bottom = d - P - s;
     }
     return {
       srcRect: C,
@@ -1362,16 +1371,16 @@ let je = class extends ke {
     };
   }
 };
-je = _r([
+je = br([
   le(0, ce),
   le(1, ne),
   le(2, ge),
   le(3, $e),
-  le(4, Gt),
+  le(4, Zt),
   le(5, Le(re))
 ], je);
-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--)
+var yr = Object.getOwnPropertyDescriptor, Rr = (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;
 }, me = (i, r) => (e, t) => r(e, t, i);
@@ -1399,12 +1408,12 @@ 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), 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 });
+      const { left: C, top: _, width: I, height: M, angle: D, flipX: S, flipY: y, skewX: b, skewY: O } = p, R = w.indexOf(p), B = L({ unitId: u, subUnitId: l, drawingId: g }, d ? R : void 0), P = r.getObject(B);
+      if (P != null) {
+        P.transformByState({ left: C, top: _, width: I, height: M, angle: D, flipX: S, flipY: y, skewX: b, skewY: O });
         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);
+      const F = this._drawingManagerService.getDrawingOrder(u, l), X = F.indexOf(g), $ = { ...p, zIndex: X === -1 ? F.length - 1 : X }, Se = this._imageIoService.getImageSourceCache(n, s);
       let te = !1;
       if (Se != null)
         $.image = Se;
@@ -1424,10 +1433,10 @@ let Ae = class {
         te = !0;
       } else
         $.url = n, te = !0;
-      if (r.getObject(P))
+      if (r.getObject(B))
         continue;
       $.printable = !0;
-      const V = new Ze(P, $);
+      const V = new Ze(B, $);
       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;
@@ -1451,17 +1460,17 @@ let Ae = class {
       return;
     const l = c && u ? u : [e], g = [];
     for (const d of l) {
-      const { left: f, top: w, width: h, height: p, angle: C, flipX: _, flipY: I, skewX: R, skewY: T } = d, S = l.indexOf(d), b = L({ unitId: s, subUnitId: a, drawingId: o }, c ? S : void 0), y = r.getObject(b);
-      if (y != null) {
-        y.transformByState({ left: f, top: w, width: h, height: p, angle: C, flipX: _, flipY: I, skewX: R, skewY: T });
+      const { left: f, top: w, width: h, height: p, angle: C, flipX: _, flipY: I, skewX: M, skewY: D } = d, S = l.indexOf(d), y = L({ unitId: s, subUnitId: a, drawingId: o }, c ? S : void 0), b = r.getObject(y);
+      if (b != null) {
+        b.transformByState({ left: f, top: w, width: h, height: p, angle: C, flipX: _, flipY: I, skewX: M, skewY: D });
         continue;
       }
-      const O = this._drawingManagerService.getDrawingOrder(s, a), M = O.indexOf(o), P = { ...d, zIndex: M === -1 ? O.length - 1 : M };
-      if (r.getObject(b))
+      const O = this._drawingManagerService.getDrawingOrder(s, a), R = O.indexOf(o), B = { ...d, zIndex: R === -1 ? O.length - 1 : R };
+      if (r.getObject(y))
         continue;
-      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));
+      B.printable = !1;
+      const P = new dt(y, B);
+      this._drawingManagerService.getDrawingVisible() && (r.addObject(P, Ne), this._drawingManagerService.getDrawingEditable() && i.allowTransform !== !1 && r.attachTransformerTo(P), n && rt({ drawingId: n, unitId: s, subUnitId: a }, P, r, this._drawingManagerService), g.push(P));
     }
     return g;
   }
@@ -1491,15 +1500,15 @@ let Ae = class {
     };
   }
 };
-Ae = Sr([
+Ae = Rr([
   me(0, ne),
-  me(1, lt),
-  me(2, Wt),
-  me(3, Pt),
+  me(1, ut),
+  me(2, Ft),
+  me(3, Ut),
   me(4, $e)
 ], Ae);
-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--)
+var Mr = Object.getOwnPropertyDescriptor, Or = (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;
 }, ae = (i, r) => (e, t) => r(e, t, i);
@@ -1516,7 +1525,7 @@ let He = class extends ke {
   _commandExecutedListener() {
     this.disposeWithMe(
       this._commandService.onCommandExecuted((i) => {
-        if (i.id === ht.id) {
+        if (i.id === pt.id) {
           const r = i.params;
           if (r == null)
             return;
@@ -1568,7 +1577,7 @@ let He = class extends ke {
   _drawingAddListener() {
     this.disposeWithMe(
       this._drawingManagerService.add$.pipe(
-        qt(33),
+        er(33),
         et((i) => i.length > 0),
         tt((i) => i.flat()),
         tt((i) => {
@@ -1586,7 +1595,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 = ft(this._currentUniverService, e)) == null ? void 0 : c.subUnitId;
+      const { unitId: e, subUnitId: t } = r, n = this._getSceneAndTransformerByDrawingSearch(e), s = (c = mt(this._currentUniverService, e)) == null ? void 0 : c.subUnitId;
       if (n == null || s !== t)
         return;
       const a = this._drawingManagerService.getDrawingByParam(r);
@@ -1624,13 +1633,13 @@ let He = class extends ke {
   }
   _addHoverForImage(i) {
     this.disposeWithMe(
-      we(
+      ve(
         i.onPointerEnter$.subscribeEvent(() => {
           i.cursor = Pe.GRAB;
         })
       )
     ), this.disposeWithMe(
-      we(
+      ve(
         i.onPointerLeave$.subscribeEvent(() => {
           i.cursor = Pe.DEFAULT;
         })
@@ -1639,7 +1648,7 @@ let He = class extends ke {
   }
   _addDialogForImage(i) {
     this.disposeWithMe(
-      we(
+      ve(
         i.onDblclick$.subscribeEvent(() => {
           const r = `${i.oKey}-viewer-dialog`;
           this._drawingRenderService.previewImage(r, i.getNative().src, i.getNativeSize().width, i.getNativeSize().height);
@@ -1648,71 +1657,69 @@ let He = class extends ke {
     );
   }
 };
-He = br([
+He = Or([
   ae(0, ce),
   ae(1, ge),
   ae(2, ne),
-  ae(3, Zt),
-  ae(4, lt),
+  ae(3, Kt),
+  ae(4, ut),
   ae(5, $e),
   ae(6, Le(Ae))
 ], He);
-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--)
+var Dr = Object.getOwnPropertyDescriptor, Tr = (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);
   return n;
-}, 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) {
+}, st = (i, r) => (e, t) => r(e, t, i), we;
+let ot = (we = class extends At {
+  constructor(i = it, r, e) {
     super(), this._config = i, this._injector = r, this._configService = e;
-    const { menu: t, ...n } = jt(
+    const { menu: t, ...n } = Ht(
       {},
-      nt,
+      it,
       this._config
     );
-    t && this._configService.setConfig("menu", t, { merge: !0 }), this._configService.setConfig(Qt, n);
+    t && this._configService.setConfig("menu", t, { merge: !0 }), this._configService.setConfig(nr, n);
   }
   onStarting() {
     this._initDependencies();
   }
   onRendered() {
-    this._injector.get(xe), this._injector.get(Be), this._injector.get(je), this._injector.get(He);
+    this._injector.get(xe), this._injector.get(Ue), this._injector.get(je), this._injector.get(He);
   }
   _initDependencies() {
     [
       [Ae],
       [xe],
-      [Be],
+      [Ue],
       [je],
       [He]
     ].forEach((r) => this._injector.add(r));
   }
-}, 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 = [
+}, Z(we, "pluginName", "UNIVER_DRAWING_UI_PLUGIN"), Z(we, "packageName", nt.name), Z(we, "version", nt.version), we);
+ot = Tr([
+  st(1, Le(xt)),
+  st(2, jt)
+], ot);
+const Er = (i) => {
+  const r = A(ce), e = A(re), { alignShow: t } = i, [n, s] = j(T.default), a = [
     {
       label: e.t("image-panel.align.default"),
-      value: D.default
+      value: T.default
     },
     {
       options: [
         {
           label: e.t("image-panel.align.left"),
-          value: D.left
+          value: T.left
         },
         {
           label: e.t("image-panel.align.center"),
-          value: D.center
+          value: T.center
         },
         {
           label: e.t("image-panel.align.right"),
-          value: D.right
+          value: T.right
         }
       ]
     },
@@ -1720,15 +1727,15 @@ const Or = (i) => {
       options: [
         {
           label: e.t("image-panel.align.top"),
-          value: D.top
+          value: T.top
         },
         {
           label: e.t("image-panel.align.middle"),
-          value: D.middle
+          value: T.middle
         },
         {
           label: e.t("image-panel.align.bottom"),
-          value: D.bottom
+          value: T.bottom
         }
       ]
     },
@@ -1736,17 +1743,17 @@ const Or = (i) => {
       options: [
         {
           label: e.t("image-panel.align.horizon"),
-          value: D.horizon
+          value: T.horizon
         },
         {
           label: e.t("image-panel.align.vertical"),
-          value: D.vertical
+          value: T.vertical
         }
       ]
     }
   ];
   function o(c) {
-    s(c), r.executeCommand(ze.id, {
+    s(c), r.executeCommand(Ke.id, {
       alignType: c
     });
   }
@@ -1768,13 +1775,13 @@ const Or = (i) => {
           "div",
           {
             className: "univer-w-full univer-text-gray-900 dark:!univer-text-white",
-            children: /* @__PURE__ */ v(gt, { value: n, options: a, onChange: o })
+            children: /* @__PURE__ */ v(ht, { value: n, options: a, onChange: o })
           }
         ) })
       ]
     }
   );
-}, Dr = (i) => {
+}, Nr = (i) => {
   const { arrangeShow: r, drawings: e } = i, t = A(re), n = A(ne), [s, a] = j(e);
   Ce(() => {
     const c = n.focus$.subscribe((u) => {
@@ -1806,72 +1813,78 @@ const Or = (i) => {
           /* @__PURE__ */ N(se, { onClick: () => {
             o(Ie.forward);
           }, children: [
-            /* @__PURE__ */ v(St, {}),
+            /* @__PURE__ */ v(bt, {}),
             t.t("image-panel.arrange.forward")
           ] }),
           /* @__PURE__ */ N(se, { onClick: () => {
             o(Ie.backward);
           }, children: [
-            /* @__PURE__ */ v(Ct, {}),
+            /* @__PURE__ */ v(It, {}),
             t.t("image-panel.arrange.backward")
           ] }),
           /* @__PURE__ */ N(se, { onClick: () => {
             o(Ie.front);
           }, children: [
-            /* @__PURE__ */ v(It, {}),
+            /* @__PURE__ */ v(yt, {}),
             t.t("image-panel.arrange.front")
           ] }),
           /* @__PURE__ */ N(se, { onClick: () => {
             o(Ie.back);
           }, children: [
-            /* @__PURE__ */ v(mt, {}),
+            /* @__PURE__ */ v(vt, {}),
             t.t("image-panel.arrange.back")
           ] })
         ] })
       ]
     }
   );
-}, Tr = (i) => {
+}, Pr = (i) => {
   const r = A(re), e = A(ge), 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], _ = At(10), I = kt(0, 0, h.map((S) => S.transform || {})), R = {
+    const h = t.getFocusDrawings(), { unitId: p, subUnitId: C } = h[0], _ = Lt(10), I = Vt(0, 0, h.map((S) => S.transform || {})), M = {
       unitId: p,
       subUnitId: C,
       drawingId: _,
       drawingType: q.DRAWING_GROUP,
-      transform: I
-    }, T = h.map((S) => {
-      const b = S.transform || { left: 0, top: 0 }, { unitId: y, subUnitId: O, drawingId: M } = S;
+      transform: I,
+      groupBaseBound: {
+        left: I.left,
+        top: I.top,
+        width: I.width,
+        height: I.height
+      }
+    }, D = h.map((S) => {
+      const y = S.transform || { left: 0, top: 0 }, { unitId: b, subUnitId: O, drawingId: R } = S;
       return {
-        unitId: y,
+        unitId: b,
         subUnitId: O,
-        drawingId: M,
+        drawingId: R,
         transform: {
-          ...b,
-          left: b.left - I.left,
-          top: b.top - I.top
+          ...y
+          // left: transform.left! - groupTransform.left,
+          // top: transform.top! - groupTransform.top,
         },
         groupId: _
       };
     });
     t.featurePluginGroupUpdateNotification([{
-      parent: R,
-      children: T
+      parent: M,
+      children: D
     }]);
   }, f = (h) => {
     if (h.drawingType !== q.DRAWING_GROUP)
       return;
-    const { unitId: p, subUnitId: C, drawingId: _, transform: I = { width: 0, height: 0 } } = h;
+    const { unitId: p, subUnitId: C, drawingId: _, transform: I = { width: 0, height: 0 }, groupBaseBound: M } = h;
     if (I == null)
       return;
-    const R = t.getDrawingsByGroup({ unitId: p, subUnitId: C, drawingId: _ });
-    if (R.length === 0)
+    const D = t.getDrawingsByGroup({ unitId: p, subUnitId: C, drawingId: _ });
+    if (D.length === 0)
       return;
-    const T = R.map((S) => {
-      const { transform: b } = S, { unitId: y, subUnitId: O, drawingId: M } = S, P = $t(b || {}, I, I.width || 0, I.height || 0);
+    const S = D.map((y) => {
+      const { transform: b } = y, { unitId: O, subUnitId: R, drawingId: B } = y, P = Gt(b || {}, I, I.width || 0, I.height || 0, M);
       return {
-        unitId: y,
-        subUnitId: O,
-        drawingId: M,
+        unitId: O,
+        subUnitId: R,
+        drawingId: B,
         transform: {
           ...b,
           ...P
@@ -1881,7 +1894,7 @@ const Or = (i) => {
     });
     return {
       parent: h,
-      children: T
+      children: S
     };
   }, w = () => {
     const p = t.getFocusDrawings().map(
@@ -1896,15 +1909,15 @@ const Or = (i) => {
     const { unitId: p } = h, C = e.getRenderById(p), _ = C == null ? void 0 : C.scene;
     if (_ == null)
       return;
-    const I = _.getTransformerByCreate(), R = I.clearControl$.subscribe((S) => {
+    const I = _.getTransformerByCreate(), M = I.clearControl$.subscribe((S) => {
       S === !0 && o(!1);
-    }), T = I.changeStart$.subscribe((S) => {
-      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);
+    }), D = I.changeStart$.subscribe((S) => {
+      const { objects: y } = S, b = Ve(y, t), O = b.filter((F) => (F == null ? void 0 : F.drawingType) === q.DRAWING_GROUP);
+      let R = !1, B = !1;
+      b.length > 1 && (R = !0), O.length > 0 && (B = !0), o(R || B), u(R), g(B);
     });
     return () => {
-      T.unsubscribe(), R.unsubscribe();
+      D.unsubscribe(), M.unsubscribe();
     };
   }, []), /* @__PURE__ */ N(
     "div",
@@ -1929,7 +1942,7 @@ const Or = (i) => {
               }),
               onClick: d,
               children: [
-                /* @__PURE__ */ v(vt, {}),
+                /* @__PURE__ */ v(Ct, {}),
                 r.t("image-panel.group.group")
               ]
             }
@@ -1942,7 +1955,7 @@ const Or = (i) => {
               }),
               onClick: w,
               children: [
-                /* @__PURE__ */ v(bt, {}),
+                /* @__PURE__ */ v(Rt, {}),
                 r.t("image-panel.group.unGroup")
               ]
             }
@@ -1951,8 +1964,8 @@ const Or = (i) => {
       ]
     }
   );
-}, Oe = 20, De = 20, ot = [-360, 360], Te = 300, Er = (i) => {
-  var Ke;
+}, Oe = 20, De = 20, ct = [-360, 360], Te = 300, Br = (i) => {
+  var ze;
   const r = A(re), e = A(ne), t = A(ge), { drawings: n, transformShow: s } = i, a = n[0];
   if (a == null)
     return;
@@ -1962,7 +1975,7 @@ const Or = (i) => {
   const { unitId: c, subUnitId: u, drawingId: l, drawingType: g } = a, d = t.getRenderById(c), f = d == null ? void 0 : d.scene;
   if (f == null)
     return;
-  const w = (Ke = f.getEngine()) == null ? void 0 : Ke.activeScene;
+  const w = (ze = f.getEngine()) == null ? void 0 : ze.activeScene;
   if (w == null)
     return;
   const h = f.getTransformerByCreate(), {
@@ -1970,12 +1983,12 @@ const Or = (i) => {
     height: C = 0,
     left: _ = 0,
     top: I = 0,
-    angle: R = 0
-  } = 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, he = H, fe = k;
-    return m + G < 0 && (F = -G), E + W < 0 && (ie = -W), he = x - F - G, he < Oe && (he = Oe), fe = X - ie - W, fe < De && (fe = De), m + he + G > x && (F = x - H - G), E + fe + W > X && (ie = X - k - W), {
-      limitLeft: F,
+    angle: M = 0
+  } = o, [D, S] = j(p), [y, b] = j(C), [O, R] = j(_), [B, P] = j(I), [F, X] = j(M), [$, Se] = j(h.keepRatio), te = (m, E, H, k) => {
+    const { width: x, height: J } = w, { ancestorLeft: G, ancestorTop: W } = f;
+    let K = m, ie = E, he = H, fe = k;
+    return m + G < 0 && (K = -G), E + W < 0 && (ie = -W), he = x - K - G, he < Oe && (he = Oe), fe = J - ie - W, fe < De && (fe = De), m + he + G > x && (K = x - H - G), E + fe + W > J && (ie = J - k - W), {
+      limitLeft: K,
       limitTop: ie,
       limitWidth: he,
       limitHeight: fe
@@ -1991,13 +2004,13 @@ const Or = (i) => {
     if (x == null)
       return;
     const {
-      width: X,
+      width: J,
       height: G,
       left: W,
-      top: F,
+      top: K,
       angle: ie
     } = x;
-    X != null && S(X), G != null && y(G), W != null && M(W), F != null && U(F), ie != null && Y(ie);
+    J != null && S(J), G != null && b(G), W != null && R(W), K != null && P(K), ie != null && X(ie);
   };
   Ce(() => {
     const m = [
@@ -2021,12 +2034,12 @@ const Or = (i) => {
           return;
         const {
           width: x,
-          height: X,
+          height: J,
           left: G,
           top: W,
-          angle: F
+          angle: K
         } = k;
-        x != null && S(x), X != null && y(X), G != null && M(G), W != null && U(W), F != null && Y(F);
+        x != null && S(x), J != null && b(J), G != null && R(G), W != null && P(W), K != null && X(K);
       })
     ];
     return () => {
@@ -2036,49 +2049,49 @@ const Or = (i) => {
   const de = be((m) => {
     if (m == null)
       return;
-    const { limitWidth: E, limitHeight: H } = te(O, P, m, b);
+    const { limitWidth: E, limitHeight: H } = te(O, B, m, y);
     m = Math.min(m, E);
     const k = { unitId: c, subUnitId: u, drawingId: l, drawingType: g, transform: { width: m } };
     if ($) {
-      let x = m / T * b;
+      let x = m / D * y;
       if (x = Math.max(x, De), x > H)
         return;
-      y(x), k.transform.height = x;
+      b(x), k.transform.height = x;
     }
     S(m), e.featurePluginUpdateNotification([k]), h.refreshControls().changeNotification();
-  }, Te), Mt = be((m) => {
+  }, Te), Ot = be((m) => {
     if (m == null)
       return;
-    const { limitHeight: E, limitWidth: H } = te(O, P, T, m);
+    const { limitHeight: E, limitWidth: H } = te(O, B, D, 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;
+      let x = m / y * D;
       if (x = Math.max(x, Oe), x > H)
         return;
       S(x), k.transform.width = x;
     }
-    y(m), e.featurePluginUpdateNotification([k]), h.refreshControls().changeNotification();
-  }, Te), Rt = be((m) => {
+    b(m), e.featurePluginUpdateNotification([k]), h.refreshControls().changeNotification();
+  }, Te), Dt = be((m) => {
     if (m == null)
       return;
-    const { limitLeft: E } = te(m, P, T, b);
+    const { limitLeft: E } = te(m, B, D, y);
     m = E;
     const H = { unitId: c, subUnitId: u, drawingId: l, drawingType: g, transform: { left: m } };
-    M(m), e.featurePluginUpdateNotification([H]), h.refreshControls().changeNotification();
-  }, Te), Ot = be((m) => {
+    R(m), e.featurePluginUpdateNotification([H]), h.refreshControls().changeNotification();
+  }, Te), Tt = be((m) => {
     if (m == null)
       return;
-    const { limitTop: E } = te(O, m, T, b);
+    const { limitTop: E } = te(O, m, D, y);
     m = E;
     const H = { unitId: c, subUnitId: u, drawingId: l, drawingType: g, transform: { top: m } };
-    U(m), e.featurePluginUpdateNotification([H]), h.refreshControls().changeNotification();
-  }, Te), Dt = (m) => {
+    P(m), e.featurePluginUpdateNotification([H]), h.refreshControls().changeNotification();
+  }, Te), Et = (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();
-  }, Tt = (m) => {
+    X(m), e.featurePluginUpdateNotification([E]), h.refreshControls().changeNotification();
+  }, Nt = (m) => {
     Se(m), h.keepRatio = m;
   };
   return /* @__PURE__ */ N(
@@ -2106,7 +2119,7 @@ const Or = (i) => {
                   pe,
                   {
                     precision: 1,
-                    value: T,
+                    value: D,
                     min: Oe,
                     onChange: (m) => {
                       de(m);
@@ -2120,17 +2133,17 @@ const Or = (i) => {
                   pe,
                   {
                     precision: 1,
-                    value: b,
+                    value: y,
                     min: De,
                     onChange: (m) => {
-                      Mt(m);
+                      Ot(m);
                     }
                   }
                 )
               ] }),
               /* @__PURE__ */ N("div", { children: [
                 /* @__PURE__ */ v("span", { children: r.t("image-panel.transform.lock") }),
-                /* @__PURE__ */ v("div", { className: "univer-text-center", children: /* @__PURE__ */ v(Yt, { checked: $, onChange: Tt }) })
+                /* @__PURE__ */ v("div", { className: "univer-text-center", children: /* @__PURE__ */ v(Jt, { checked: $, onChange: Nt }) })
               ] })
             ]
           }
@@ -2143,13 +2156,13 @@ const Or = (i) => {
               /* @__PURE__ */ N("div", { children: [
                 /* @__PURE__ */ v("span", { children: r.t("image-panel.transform.x") }),
                 /* @__PURE__ */ v(pe, { precision: 1, value: O, onChange: (m) => {
-                  Rt(m);
+                  Dt(m);
                 } })
               ] }),
               /* @__PURE__ */ N("div", { children: [
                 /* @__PURE__ */ v("span", { children: r.t("image-panel.transform.y") }),
-                /* @__PURE__ */ v(pe, { precision: 1, value: P, onChange: (m) => {
-                  Ot(m);
+                /* @__PURE__ */ v(pe, { precision: 1, value: B, onChange: (m) => {
+                  Tt(m);
                 } })
               ] }),
               /* @__PURE__ */ N("div", { children: [
@@ -2158,10 +2171,10 @@ const Or = (i) => {
                   pe,
                   {
                     precision: 1,
-                    value: Z,
-                    min: ot[0],
-                    max: ot[1],
-                    onChange: Dt
+                    value: F,
+                    min: ct[0],
+                    max: ct[1],
+                    onChange: Et
                   }
                 )
               ] })
@@ -2171,50 +2184,50 @@ const Or = (i) => {
       ]
     }
   );
-}, Nr = (i) => {
+}, Ur = (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 = dt(!1), u = [
+  const [a, o] = j(U.FREE), c = ft(!1), u = [
     {
       label: e.t("image-panel.crop.mode"),
-      value: B.FREE
+      value: U.FREE
     },
     {
       label: "1:1",
-      value: B.R1_1
+      value: U.R1_1
     },
     {
       label: "16:9",
-      value: B.R16_9
+      value: U.R16_9
     },
     {
       label: "9:16",
-      value: B.R9_16
+      value: U.R9_16
     },
     {
       label: "5:4",
-      value: B.R5_4
+      value: U.R5_4
     },
     {
       label: "4:5",
-      value: B.R4_5
+      value: U.R4_5
     },
     {
       label: "4:3",
-      value: B.R4_3
+      value: U.R4_3
     },
     {
       label: "3:4",
-      value: B.R3_4
+      value: U.R3_4
     },
     {
       label: "3:2",
-      value: B.R3_2
+      value: U.R3_2
     },
     {
       label: "2:3",
-      value: B.R2_3
+      value: U.R2_3
     }
   ];
   Ce(() => {
@@ -2229,12 +2242,12 @@ const Or = (i) => {
     };
   }, []);
   function l(d) {
-    o(d), c.current && r.executeCommand(Ue.id, {
+    o(d), c.current && r.executeCommand(Be.id, {
       cropType: d
     });
   }
   const g = (d) => {
-    r.executeCommand(Ue.id, {
+    r.executeCommand(Be.id, {
       cropType: d
     }), c.current = !0;
   };
@@ -2256,64 +2269,64 @@ const Or = (i) => {
           /* @__PURE__ */ N(se, { onClick: () => {
             g(a);
           }, children: [
-            /* @__PURE__ */ v(wt, {}),
+            /* @__PURE__ */ v(_t, {}),
             e.t("image-panel.crop.start")
           ] }),
-          /* @__PURE__ */ v(gt, { value: a, options: u, onChange: l })
+          /* @__PURE__ */ v(ht, { value: a, options: u, onChange: l })
         ] })
       ]
     }
   );
-}, $r = (i) => {
+}, Wr = (i) => {
   const r = A(ne), e = A(ge), 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;
   const { unitId: g } = l, d = e.getRenderById(g), f = d == null ? void 0 : d.scene;
   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);
+  const w = f.getTransformerByCreate(), [h, p] = j(!0), [C, _] = j(!0), [I, M] = j(!1), [D, S] = j(!0), [y, b] = j(!1);
   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 = 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));
-    }), 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));
+    const O = w.clearControl$.subscribe((P) => {
+      P === !0 && (p(!1), _(!1), M(!1), S(!1), b(!0));
+    }), R = w.changeStart$.subscribe((P) => {
+      const { objects: F } = P, X = Ve(F, r);
+      X.length === 0 ? (p(!1), _(!1), M(!1), S(!1), b(!0)) : X.length === 1 ? (p(!0), _(!0), M(!1), S(!0), b(!1)) : (p(!0), _(!1), M(!0), S(!1), b(!1));
+    }), B = r.focus$.subscribe((P) => {
+      P.length === 0 ? (p(!1), _(!1), M(!1), S(!1), b(!0)) : P.length === 1 ? (p(!0), _(!0), M(!1), S(!0), b(!1)) : (p(!0), _(!1), M(!0), S(!1), b(!1));
     });
     return () => {
-      M.unsubscribe(), O.unsubscribe(), P.unsubscribe();
+      R.unsubscribe(), O.unsubscribe(), B.unsubscribe();
     };
-  }, []), /* @__PURE__ */ N(Ft, { children: [
+  }, []), /* @__PURE__ */ N(zt, { children: [
     /* @__PURE__ */ v(
       "div",
       {
         className: Q("univer-h-full", {
-          "univer-hidden": !b
+          "univer-hidden": !y
         }),
         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(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 })
+    /* @__PURE__ */ v(Nr, { arrangeShow: s === !0 ? h : !1, drawings: n }),
+    /* @__PURE__ */ v(Br, { transformShow: a === !0 ? C : !1, drawings: n }),
+    /* @__PURE__ */ v(Er, { alignShow: o === !0 ? I : !1, drawings: n }),
+    /* @__PURE__ */ v(Ur, { cropperShow: c === !0 ? D : !1, drawings: n }),
+    /* @__PURE__ */ v(Pr, { hasGroup: u, drawings: n })
   ] });
 };
 export {
-  Ue as AutoImageCropOperation,
-  er as COMPONENT_IMAGE_POPUP_MENU,
+  Be as AutoImageCropOperation,
+  ir as COMPONENT_IMAGE_POPUP_MENU,
   oe as CloseImageCropOperation,
-  $r as DrawingCommonPanel,
+  Wr as DrawingCommonPanel,
   Ae as DrawingRenderService,
-  Re as ImageCropperObject,
-  hr as ImagePopupMenu,
-  ht as ImageResetSizeOperation,
+  Me as ImageCropperObject,
+  wr as ImagePopupMenu,
+  pt as ImageResetSizeOperation,
   Fe as OpenImageCropOperation,
-  ze as SetDrawingAlignOperation,
-  st as UniverDrawingUIPlugin,
-  ft as getCurrentUnitInfo,
+  Ke as SetDrawingAlignOperation,
+  ot as UniverDrawingUIPlugin,
+  mt as getCurrentUnitInfo,
   Ve as getUpdateParams,
   rt as insertGroupObject
 };