@univerjs/drawing-ui 0.1.14 → 0.1.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/es/index.js CHANGED
@@ -1,20 +1,20 @@
1
1
  var Mt = Object.defineProperty;
2
2
  var Ot = (a, n, e) => n in a ? Mt(a, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[n] = e;
3
3
  var ee = (a, n, e) => (Ot(a, typeof n != "symbol" ? n + "" : n, e), e);
4
- import { getDrawingShapeKeyByDrawingSearch as G, DrawingTypeEnum as ne, ImageSourceType as Nt, IDrawingManagerService as re, IImageIoService as nt, ArrangeTypeEnum as Ie } from "@univerjs/drawing";
5
- import { Group as Ce, DRAWING_OBJECT_LAYER_INDEX as $e, Image as We, IRenderManagerService as ue, getGroupState as Dt, transformObjectOutOfGroup as Tt, RENDER_CLASS_TYPE as Ye, Shape as Bt, Rect as jt, Canvas as Ut, precisionTo as be, CURSOR_TYPE as Te, Vector2 as xe, degToRad as Xe } from "@univerjs/engine-render";
6
- import { UniverInstanceType as Ge, CommandType as ve, LocaleService as X, debounce as Pe, ICommandService as le, Tools as Ht, Disposable as Ue, checkIfMove as rt, toDisposable as F, OnLifecycle as He, LifecycleStages as Ae, IUniverInstanceService as ze, Plugin as At } from "@univerjs/core";
4
+ import { getDrawingShapeKeyByDrawingSearch as V, DrawingTypeEnum as ne, ImageSourceType as Nt, IDrawingManagerService as re, IImageIoService as nt, ArrangeTypeEnum as Ie } from "@univerjs/drawing";
5
+ import { Group as Ce, DRAWING_OBJECT_LAYER_INDEX as ze, Image as We, IRenderManagerService as ue, getGroupState as Dt, transformObjectOutOfGroup as Tt, RENDER_CLASS_TYPE as Ye, Shape as Bt, Rect as jt, Canvas as Ut, precisionTo as be, CURSOR_TYPE as Te, Vector2 as xe, degToRad as Xe } from "@univerjs/engine-render";
6
+ import { UniverInstanceType as Ve, CommandType as ve, LocaleService as X, debounce as Pe, ICommandService as le, Tools as Ht, Disposable as Ue, checkIfMove as rt, toDisposable as F, OnLifecycle as He, LifecycleStages as Le, IUniverInstanceService as $e, Plugin as Lt } from "@univerjs/core";
7
7
  import { useDependency as x } from "@wendellhu/redi/react-bindings";
8
- import l, { forwardRef as J, useRef as at, createElement as q, useState as L, useEffect as _e } from "react";
9
- import { Button as oe, InputNumber as he, Checkbox as Lt, Select as it, Dropdown as xt, MessageType as Je } from "@univerjs/design";
8
+ import l, { forwardRef as J, useRef as at, createElement as q, useState as A, useEffect as _e } from "react";
9
+ import { Button as oe, InputNumber as he, Checkbox as At, Select as it, Dropdown as xt, MessageType as Je } from "@univerjs/design";
10
10
  import T from "clsx";
11
11
  import { Inject as se, Injector as ot } from "@wendellhu/redi";
12
- import { ComponentManager as Gt, IMenuService as Vt, IMessageService as Wt, IDialogService as kt } from "@univerjs/ui";
13
- function $t(a, n, e, t) {
12
+ import { ComponentManager as Vt, IMenuService as Gt, IMessageService as Wt, IDialogService as kt } from "@univerjs/ui";
13
+ function zt(a, n, e, t) {
14
14
  const r = t.getDrawingByParam(a);
15
15
  if (r == null)
16
16
  return;
17
- const o = G(a), i = e.getObject(o);
17
+ const o = V(a), i = e.getObject(o);
18
18
  if (i && !(i instanceof Ce))
19
19
  return;
20
20
  if (i != null) {
@@ -22,7 +22,7 @@ function $t(a, n, e, t) {
22
22
  return;
23
23
  }
24
24
  const s = new Ce(o);
25
- e.addObject(s, $e).attachTransformerTo(s), s.addObject(n);
25
+ e.addObject(s, ze).attachTransformerTo(s), s.addObject(n);
26
26
  const { transform: c } = r;
27
27
  c && s.transformByState(
28
28
  {
@@ -38,12 +38,12 @@ function st(a) {
38
38
  return;
39
39
  const e = n.getUnitId();
40
40
  let t;
41
- return n.type === Ge.UNIVER_SHEET ? t = n.getActiveSheet().getSheetId() : (n.type === Ge.UNIVER_DOC || n.type === Ge.UNIVER_SLIDE) && (t = e), { unitId: e, subUnitId: t };
41
+ return n.type === Ve.UNIVER_SHEET ? t = n.getActiveSheet().getSheetId() : (n.type === Ve.UNIVER_DOC || n.type === Ve.UNIVER_SLIDE) && (t = e), { unitId: e, subUnitId: t };
42
42
  }
43
- var zt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, Kt = (a, n, e, t) => {
43
+ var $t = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, Kt = (a, n, e, t) => {
44
44
  for (var r = t > 1 ? void 0 : t ? Ft(n, e) : n, o = a.length - 1, i; o >= 0; o--)
45
45
  (i = a[o]) && (r = (t ? i(n, e, r) : i(r)) || r);
46
- return t && r && zt(n, e, r), r;
46
+ return t && r && $t(n, e, r), r;
47
47
  }, qe = (a, n) => (e, t) => n(e, t, a);
48
48
  let Be = class {
49
49
  constructor(a, n) {
@@ -53,7 +53,7 @@ let Be = class {
53
53
  const { transform: e, drawingType: t, source: r, imageSourceType: o, srcRect: i, prstGeom: s, groupId: c, unitId: g, subUnitId: u, drawingId: d } = a;
54
54
  if (t !== ne.DRAWING_IMAGE || e == null)
55
55
  return;
56
- const { left: h, top: f, width: v, height: w, angle: p, flipX: R, flipY: _, skewX: O, skewY: S } = e, P = G({ unitId: g, subUnitId: u, drawingId: d }), I = n.getObject(P);
56
+ const { left: h, top: f, width: v, height: w, angle: p, flipX: R, flipY: _, skewX: O, skewY: S } = e, P = V({ unitId: g, subUnitId: u, drawingId: d }), I = n.getObject(P);
57
57
  if (I != null) {
58
58
  I.transformByState({ left: h, top: f, width: v, height: w, angle: p, flipX: R, flipY: _, skewX: O, skewY: S });
59
59
  return;
@@ -76,7 +76,7 @@ let Be = class {
76
76
  }
77
77
  b.printable = !0;
78
78
  const D = new We(P, b);
79
- return j && this._imageIoService.addImageSourceCache(r, o, D.getNative()), n.addObject(D, $e).attachTransformerTo(D), c && $t({ drawingId: c, unitId: g, subUnitId: u }, D, n, this._drawingManagerService), s != null && D.setPrstGeom(s), i != null && D.setSrcRect(i), D;
79
+ return j && this._imageIoService.addImageSourceCache(r, o, D.getNative()), n.addObject(D, ze).attachTransformerTo(D), c && zt({ drawingId: c, unitId: g, subUnitId: u }, D, n, this._drawingManagerService), s != null && D.setPrstGeom(s), i != null && D.setSrcRect(i), D;
80
80
  }
81
81
  renderDrawing(a, n) {
82
82
  const e = this._drawingManagerService.getDrawingByParam(a);
@@ -185,93 +185,85 @@ var qt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em"
185
185
  }));
186
186
  });
187
187
  mt.displayName = "Autofill";
188
- const Qt = mt;
189
- var en = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334 15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334 2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045zM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334 3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334zM14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999 15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999 2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544zM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999 3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421 6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641 9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421 11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946 8.64077 14.6502 8.70566 14.6923 8.77482 14.7209 8.84557 14.7502 8.92314 14.7664 9.00449 14.7664 9.08585 14.7664 9.16342 14.7502 9.23416 14.7209 9.30332 14.6923 9.36821 14.6502 9.42482 14.5946" } }] }, gt = J(function(a, n) {
188
+ var Qt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.0045 4.4334C14.8881 4.4334 15.6045 3.71705 15.6045 2.8334 15.6045 1.94974 14.8881 1.2334 14.0045 1.2334H3.70449C2.82084 1.2334 2.10449 1.94974 2.10449 2.8334 2.10449 3.71705 2.82084 4.4334 3.70449 4.4334H14.0045zM14.4045 2.8334C14.4045 3.05431 14.2254 3.2334 14.0045 3.2334H3.70449C3.48358 3.2334 3.30449 3.05431 3.30449 2.8334 3.30449 2.61248 3.48358 2.4334 3.70449 2.4334H14.0045C14.2254 2.4334 14.4045 2.61249 14.4045 2.8334zM14.1544 8.5999C15.038 8.5999 15.7544 7.88356 15.7544 6.9999 15.7544 6.11625 15.038 5.3999 14.1544 5.3999H3.85439C2.97074 5.3999 2.25439 6.11625 2.25439 6.9999 2.25439 7.88356 2.97074 8.5999 3.85439 8.5999H14.1544zM14.5544 6.9999C14.5544 7.22082 14.3753 7.3999 14.1544 7.3999H3.85439C3.63348 7.3999 3.45439 7.22082 3.45439 6.9999 3.45439 6.77899 3.63348 6.5999 3.85439 6.5999H14.1544C14.3753 6.5999 14.5544 6.77899 14.5544 6.9999z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M8.57975 14.5902L6.58023 12.5907C6.34591 12.3564 6.34591 11.9765 6.58023 11.7421 6.81454 11.5078 7.19444 11.5078 7.42876 11.7421L8.40449 12.7179V10.1664C8.40449 9.83504 8.67312 9.56641 9.00449 9.56641 9.33586 9.56641 9.60449 9.83504 9.60449 10.1664V12.7179L10.5802 11.7421C10.8145 11.5078 11.1944 11.5078 11.4288 11.7421 11.6631 11.9765 11.6631 12.3564 11.4288 12.5907L9.42923 14.5902M8.57975 14.5902C8.58121 14.5917 8.58268 14.5931 8.58416 14.5946 8.64077 14.6502 8.70566 14.6923 8.77482 14.7209 8.84557 14.7502 8.92314 14.7664 9.00449 14.7664 9.08585 14.7664 9.16342 14.7502 9.23416 14.7209 9.30332 14.6923 9.36821 14.6502 9.42482 14.5946" } }] }, gt = J(function(a, n) {
190
189
  return q(Q, Object.assign({}, a, {
191
190
  id: "bottom-single",
192
191
  ref: n,
193
- icon: en
192
+ icon: Qt
194
193
  }));
195
194
  });
196
195
  gt.displayName = "BottomSingle";
197
- const tn = gt;
198
- var nn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.97705 7.51296C5.97705 7.18159 6.24568 6.91296 6.57705 6.91296H8.48632C8.81769 6.91296 9.08632 7.18159 9.08632 7.51296 9.08632 7.84433 8.81769 8.11296 8.48632 8.11296H6.57705C6.24568 8.11296 5.97705 7.84433 5.97705 7.51296zM6.57705 9.41028C6.24568 9.41028 5.97705 9.67891 5.97705 10.0103 5.97705 10.3416 6.24568 10.6103 6.57705 10.6103H10.8199C11.1512 10.6103 11.4199 10.3416 11.4199 10.0103 11.4199 9.67891 11.1512 9.41028 10.8199 9.41028H6.57705z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.51074 2.37063C3.51074 1.48697 4.22709 0.77063 5.11074 0.77063H9.80318L9.81294 0.770708C9.97168 0.768161 10.1311 0.82824 10.2511 0.95055L14.4317 5.21408C14.5165 5.30049 14.5697 5.406 14.5917 5.51645C14.6041 5.5644 14.6106 5.61467 14.6106 5.66648V11.6406C14.6106 12.5243 13.8943 13.2406 13.0106 13.2406H5.11074C4.22709 13.2406 3.51074 12.5243 3.51074 11.6406V2.37063ZM10.4032 4.66648V2.81964L12.6063 5.06648H10.8032C10.5823 5.06648 10.4032 4.88739 10.4032 4.66648ZM5.11074 1.97063C4.88983 1.97063 4.71074 2.14972 4.71074 2.37063V11.6406C4.71074 11.8615 4.88983 12.0406 5.11074 12.0406H13.0106C13.2316 12.0406 13.4106 11.8615 13.4106 11.6406V6.26648H10.8032C9.91953 6.26648 9.20318 5.55013 9.20318 4.66648V1.97063H5.11074Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.58916 6.6741C2.58916 6.34273 2.32053 6.0741 1.98916 6.0741C1.65779 6.0741 1.38916 6.34273 1.38916 6.6741V12.6294C1.38916 14.0653 2.55322 15.2294 3.98916 15.2294H9.41408C9.74545 15.2294 10.0141 14.9607 10.0141 14.6294C10.0141 14.298 9.74545 14.0294 9.41408 14.0294H3.98916C3.21596 14.0294 2.58916 13.4026 2.58916 12.6294V6.6741Z" } }] }, ut = J(function(a, n) {
196
+ var en = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.97705 7.51296C5.97705 7.18159 6.24568 6.91296 6.57705 6.91296H8.48632C8.81769 6.91296 9.08632 7.18159 9.08632 7.51296 9.08632 7.84433 8.81769 8.11296 8.48632 8.11296H6.57705C6.24568 8.11296 5.97705 7.84433 5.97705 7.51296zM6.57705 9.41028C6.24568 9.41028 5.97705 9.67891 5.97705 10.0103 5.97705 10.3416 6.24568 10.6103 6.57705 10.6103H10.8199C11.1512 10.6103 11.4199 10.3416 11.4199 10.0103 11.4199 9.67891 11.1512 9.41028 10.8199 9.41028H6.57705z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.51074 2.37063C3.51074 1.48697 4.22709 0.77063 5.11074 0.77063H9.80318L9.81294 0.770708C9.97168 0.768161 10.1311 0.82824 10.2511 0.95055L14.4317 5.21408C14.5165 5.30049 14.5697 5.406 14.5917 5.51645C14.6041 5.5644 14.6106 5.61467 14.6106 5.66648V11.6406C14.6106 12.5243 13.8943 13.2406 13.0106 13.2406H5.11074C4.22709 13.2406 3.51074 12.5243 3.51074 11.6406V2.37063ZM10.4032 4.66648V2.81964L12.6063 5.06648H10.8032C10.5823 5.06648 10.4032 4.88739 10.4032 4.66648ZM5.11074 1.97063C4.88983 1.97063 4.71074 2.14972 4.71074 2.37063V11.6406C4.71074 11.8615 4.88983 12.0406 5.11074 12.0406H13.0106C13.2316 12.0406 13.4106 11.8615 13.4106 11.6406V6.26648H10.8032C9.91953 6.26648 9.20318 5.55013 9.20318 4.66648V1.97063H5.11074Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.58916 6.6741C2.58916 6.34273 2.32053 6.0741 1.98916 6.0741C1.65779 6.0741 1.38916 6.34273 1.38916 6.6741V12.6294C1.38916 14.0653 2.55322 15.2294 3.98916 15.2294H9.41408C9.74545 15.2294 10.0141 14.9607 10.0141 14.6294C10.0141 14.298 9.74545 14.0294 9.41408 14.0294H3.98916C3.21596 14.0294 2.58916 13.4026 2.58916 12.6294V6.6741Z" } }] }, ut = J(function(a, n) {
199
197
  return q(Q, Object.assign({}, a, {
200
198
  id: "create-copy-single",
201
199
  ref: n,
202
- icon: nn
200
+ icon: en
203
201
  }));
204
202
  });
205
203
  ut.displayName = "CreateCopySingle";
206
- const rn = ut;
207
- var an = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.38125 1.16211C6.49759 1.16211 5.78125 1.87845 5.78125 2.76211V5.6377H2.87783C1.99418 5.6377 1.27783 6.35404 1.27783 7.2377V13.2377C1.27783 14.1214 1.99418 14.8377 2.87783 14.8377H8.87783C9.76149 14.8377 10.4778 14.1214 10.4778 13.2377V10.3621H13.3813C14.2649 10.3621 14.9813 9.64577 14.9813 8.76211V2.76211C14.9813 1.87845 14.2649 1.16211 13.3813 1.16211H7.38125ZM10.4778 9.16211H13.3813C13.6022 9.16211 13.7812 8.98302 13.7812 8.76211V2.76211C13.7812 2.5412 13.6022 2.36211 13.3813 2.36211H7.38125C7.16034 2.36211 6.98125 2.5412 6.98125 2.76211V5.6377H8.87783C9.76149 5.6377 10.4778 6.35404 10.4778 7.2377V9.16211ZM6.98125 6.8377H8.87783C9.09875 6.8377 9.27783 7.01678 9.27783 7.2377V9.16211H7.38125C7.16034 9.16211 6.98125 8.98302 6.98125 8.76211V6.8377ZM5.78125 6.8377V8.76211C5.78125 9.64577 6.49759 10.3621 7.38125 10.3621H9.27783V13.2377C9.27783 13.4586 9.09875 13.6377 8.87783 13.6377H2.87783C2.65692 13.6377 2.47783 13.4586 2.47783 13.2377V7.2377C2.47783 7.01678 2.65692 6.8377 2.87783 6.8377H5.78125Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, dt = J(function(a, n) {
204
+ var tn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.38125 1.16211C6.49759 1.16211 5.78125 1.87845 5.78125 2.76211V5.6377H2.87783C1.99418 5.6377 1.27783 6.35404 1.27783 7.2377V13.2377C1.27783 14.1214 1.99418 14.8377 2.87783 14.8377H8.87783C9.76149 14.8377 10.4778 14.1214 10.4778 13.2377V10.3621H13.3813C14.2649 10.3621 14.9813 9.64577 14.9813 8.76211V2.76211C14.9813 1.87845 14.2649 1.16211 13.3813 1.16211H7.38125ZM10.4778 9.16211H13.3813C13.6022 9.16211 13.7812 8.98302 13.7812 8.76211V2.76211C13.7812 2.5412 13.6022 2.36211 13.3813 2.36211H7.38125C7.16034 2.36211 6.98125 2.5412 6.98125 2.76211V5.6377H8.87783C9.76149 5.6377 10.4778 6.35404 10.4778 7.2377V9.16211ZM6.98125 6.8377H8.87783C9.09875 6.8377 9.27783 7.01678 9.27783 7.2377V9.16211H7.38125C7.16034 9.16211 6.98125 8.98302 6.98125 8.76211V6.8377ZM5.78125 6.8377V8.76211C5.78125 9.64577 6.49759 10.3621 7.38125 10.3621H9.27783V13.2377C9.27783 13.4586 9.09875 13.6377 8.87783 13.6377H2.87783C2.65692 13.6377 2.47783 13.4586 2.47783 13.2377V7.2377C2.47783 7.01678 2.65692 6.8377 2.87783 6.8377H5.78125Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, dt = J(function(a, n) {
208
205
  return q(Q, Object.assign({}, a, {
209
206
  id: "group-single",
210
207
  ref: n,
211
- icon: an
208
+ icon: tn
212
209
  }));
213
210
  });
214
211
  dt.displayName = "GroupSingle";
215
- const on = dt;
216
- var sn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, ht = J(function(a, n) {
212
+ var nn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, ht = J(function(a, n) {
217
213
  return q(Q, Object.assign({}, a, {
218
214
  id: "more-down-single",
219
215
  ref: n,
220
- icon: sn
216
+ icon: nn
221
217
  }));
222
218
  });
223
219
  ht.displayName = "MoreDownSingle";
224
- const ln = ht;
225
- var cn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", 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" } }] }, ft = J(function(a, n) {
220
+ var rn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 2.96401C1.25 3.84767 1.96634 4.56401 2.85 4.56401H13.15C14.0337 4.56401 14.75 3.84767 14.75 2.96401C14.75 2.08036 14.0337 1.36401 13.15 1.36401H2.85C1.96635 1.36401 1.25 2.08036 1.25 2.96401ZM2.85 3.36401C2.62909 3.36401 2.45 3.18493 2.45 2.96401C2.45 2.7431 2.62909 2.56401 2.85 2.56401H13.15C13.3709 2.56401 13.55 2.7431 13.55 2.96401C13.55 3.18493 13.3709 3.36401 13.15 3.36401H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", 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" } }] }, ft = J(function(a, n) {
226
221
  return q(Q, Object.assign({}, a, {
227
222
  id: "move-down-single",
228
223
  ref: n,
229
- icon: cn
224
+ icon: rn
230
225
  }));
231
226
  });
232
227
  ft.displayName = "MoveDownSingle";
233
- const mn = ft;
234
- var gn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", 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" } }] }, pt = J(function(a, n) {
228
+ var an = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.25 13.036C1.25 12.1523 1.96634 11.436 2.85 11.436H13.15C14.0337 11.436 14.75 12.1523 14.75 13.036C14.75 13.9196 14.0337 14.636 13.15 14.636H2.85C1.96635 14.636 1.25 13.9196 1.25 13.036ZM2.85 12.636C2.62909 12.636 2.45 12.8151 2.45 13.036C2.45 13.2569 2.62909 13.436 2.85 13.436H13.15C13.3709 13.436 13.55 13.2569 13.55 13.036C13.55 12.8151 13.3709 12.636 13.15 12.636H2.85Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", 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" } }] }, pt = J(function(a, n) {
235
229
  return q(Q, Object.assign({}, a, {
236
230
  id: "move-up-single",
237
231
  ref: n,
238
- icon: gn
232
+ icon: an
239
233
  }));
240
234
  });
241
235
  pt.displayName = "MoveUpSingle";
242
- const un = pt;
243
- var dn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9 15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9zM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9 2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9 13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439zM1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665 15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665zM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665 2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665 13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Ct = J(function(a, n) {
236
+ var on = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.82994 1.40913C7.88746 1.35161 7.95376 1.30821 8.02453 1.27893C8.09527 1.24959 8.17285 1.2334 8.2542 1.2334C8.33555 1.2334 8.41313 1.24959 8.48387 1.27893C8.55464 1.30821 8.62094 1.35161 8.67846 1.40913L10.6785 3.40913C10.9128 3.64345 10.9128 4.02335 10.6785 4.25766C10.4441 4.49198 10.0642 4.49198 9.82994 4.25766L8.8542 3.28193V5.8334C8.8542 6.16477 8.58557 6.4334 8.2542 6.4334C7.92283 6.4334 7.6542 6.16477 7.6542 5.8334V3.28193L6.67846 4.25766C6.44415 4.49198 6.06425 4.49198 5.82994 4.25766C5.59562 4.02335 5.59562 3.64345 5.82994 3.40913L7.82994 1.40913Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.50439 9C1.50439 8.11634 2.22074 7.4 3.10439 7.4H13.4044C14.288 7.4 15.0044 8.11634 15.0044 9 15.0044 9.88366 14.2881 10.6 13.4044 10.6H3.1044C2.22074 10.6 1.50439 9.88366 1.50439 9zM3.10439 8.6C2.88348 8.6 2.70439 8.77909 2.70439 9 2.70439 9.22091 2.88348 9.4 3.1044 9.4H13.4044C13.6253 9.4 13.8044 9.22091 13.8044 9 13.8044 8.77909 13.6253 8.6 13.4044 8.6H3.10439zM1.6543 13.1665C1.6543 12.2828 2.37064 11.5665 3.2543 11.5665H13.5543C14.438 11.5665 15.1543 12.2828 15.1543 13.1665 15.1543 14.0502 14.438 14.7665 13.5543 14.7665H3.2543C2.37064 14.7665 1.6543 14.0502 1.6543 13.1665zM3.2543 12.7665C3.03338 12.7665 2.8543 12.9456 2.8543 13.1665 2.8543 13.3874 3.03338 13.5665 3.2543 13.5665H13.5543C13.7752 13.5665 13.9543 13.3874 13.9543 13.1665 13.9543 12.9456 13.7752 12.7665 13.5543 12.7665H3.2543z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Ct = J(function(a, n) {
244
237
  return q(Q, Object.assign({}, a, {
245
238
  id: "topmost-single",
246
239
  ref: n,
247
- icon: dn
240
+ icon: on
248
241
  }));
249
242
  });
250
243
  Ct.displayName = "TopmostSingle";
251
- const hn = Ct;
252
- var fn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.46855 2.83731C7.46855 2.61639 7.64764 2.4373 7.86855 2.4373H13.8603C14.0812 2.4373 14.2603 2.61639 14.2603 2.8373V9.5049C14.2603 9.72581 14.0812 9.90489 13.8603 9.90489H12.866C12.5346 9.90489 12.266 10.1735 12.266 10.5049C12.266 10.8363 12.5346 11.1049 12.866 11.1049H13.8603C14.7439 11.1049 15.4603 10.3886 15.4603 9.5049V2.8373C15.4603 1.95365 14.7439 1.2373 13.8603 1.2373H7.86855C6.9849 1.2373 6.26855 1.95365 6.26855 2.83731V3.48688C6.26855 3.81825 6.53718 4.08688 6.86855 4.08688C7.19993 4.08688 7.46855 3.81825 7.46855 3.48688V2.83731Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.19888 5.56299C2.31522 5.56299 1.59888 6.27933 1.59888 7.16299V13.163C1.59888 14.0466 2.31522 14.763 3.19888 14.763H9.19888C10.0825 14.763 10.7989 14.0466 10.7989 13.163V7.16299C10.7989 6.27933 10.0825 5.56299 9.19888 5.56299H3.19888ZM2.79888 7.16299C2.79888 6.94207 2.97796 6.76299 3.19888 6.76299H9.19888C9.41979 6.76299 9.59888 6.94207 9.59888 7.16299V13.163C9.59888 13.3839 9.41979 13.563 9.19888 13.563H3.19888C2.97796 13.563 2.79888 13.3839 2.79888 13.163V7.16299Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, wt = J(function(a, n) {
244
+ var sn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.46855 2.83731C7.46855 2.61639 7.64764 2.4373 7.86855 2.4373H13.8603C14.0812 2.4373 14.2603 2.61639 14.2603 2.8373V9.5049C14.2603 9.72581 14.0812 9.90489 13.8603 9.90489H12.866C12.5346 9.90489 12.266 10.1735 12.266 10.5049C12.266 10.8363 12.5346 11.1049 12.866 11.1049H13.8603C14.7439 11.1049 15.4603 10.3886 15.4603 9.5049V2.8373C15.4603 1.95365 14.7439 1.2373 13.8603 1.2373H7.86855C6.9849 1.2373 6.26855 1.95365 6.26855 2.83731V3.48688C6.26855 3.81825 6.53718 4.08688 6.86855 4.08688C7.19993 4.08688 7.46855 3.81825 7.46855 3.48688V2.83731Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.19888 5.56299C2.31522 5.56299 1.59888 6.27933 1.59888 7.16299V13.163C1.59888 14.0466 2.31522 14.763 3.19888 14.763H9.19888C10.0825 14.763 10.7989 14.0466 10.7989 13.163V7.16299C10.7989 6.27933 10.0825 5.56299 9.19888 5.56299H3.19888ZM2.79888 7.16299C2.79888 6.94207 2.97796 6.76299 3.19888 6.76299H9.19888C9.41979 6.76299 9.59888 6.94207 9.59888 7.16299V13.163C9.59888 13.3839 9.41979 13.563 9.19888 13.563H3.19888C2.97796 13.563 2.79888 13.3839 2.79888 13.163V7.16299Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, wt = J(function(a, n) {
253
245
  return q(Q, Object.assign({}, a, {
254
246
  id: "ungroup-single",
255
247
  ref: n,
256
- icon: fn
248
+ icon: sn
257
249
  }));
258
250
  });
259
251
  wt.displayName = "UngroupSingle";
260
- const pn = wt, Cn = "univer-image-common-panel", wn = "univer-image-common-panel-grid", vn = "univer-image-common-panel-border", _n = "univer-image-common-panel-title", Sn = "univer-image-common-panel-row", In = "univer-image-common-panel-row-vertical", bn = "univer-image-common-panel-column", Pn = "univer-image-common-panel-column-center", yn = "univer-image-common-panel-inline", En = "univer-image-common-panel-span2", Rn = "univer-image-common-panel-span3", Mn = "univer-image-common-panel-input", m = {
261
- imageCommonPanel: Cn,
262
- imageCommonPanelGrid: wn,
263
- imageCommonPanelBorder: vn,
264
- imageCommonPanelTitle: _n,
265
- imageCommonPanelRow: Sn,
266
- imageCommonPanelRowVertical: In,
267
- imageCommonPanelColumn: bn,
268
- imageCommonPanelColumnCenter: Pn,
269
- imageCommonPanelInline: yn,
270
- imageCommonPanelSpan2: En,
271
- imageCommonPanelSpan3: Rn,
272
- imageCommonPanelInput: Mn
273
- }, On = (a) => {
274
- const { arrangeShow: n, drawings: e } = a, t = x(X), r = x(re), o = (g) => g ? "block" : "none", [i, s] = L(e);
252
+ const ln = "univer-image-common-panel", cn = "univer-image-common-panel-grid", mn = "univer-image-common-panel-border", gn = "univer-image-common-panel-title", un = "univer-image-common-panel-row", dn = "univer-image-common-panel-row-vertical", hn = "univer-image-common-panel-column", fn = "univer-image-common-panel-column-center", pn = "univer-image-common-panel-inline", Cn = "univer-image-common-panel-span2", wn = "univer-image-common-panel-span3", vn = "univer-image-common-panel-input", m = {
253
+ imageCommonPanel: ln,
254
+ imageCommonPanelGrid: cn,
255
+ imageCommonPanelBorder: mn,
256
+ imageCommonPanelTitle: gn,
257
+ imageCommonPanelRow: un,
258
+ imageCommonPanelRowVertical: dn,
259
+ imageCommonPanelColumn: hn,
260
+ imageCommonPanelColumnCenter: fn,
261
+ imageCommonPanelInline: pn,
262
+ imageCommonPanelSpan2: Cn,
263
+ imageCommonPanelSpan3: wn,
264
+ imageCommonPanelInput: vn
265
+ }, _n = (a) => {
266
+ const { arrangeShow: n, drawings: e } = a, t = x(X), r = x(re), o = (g) => g ? "block" : "none", [i, s] = A(e);
275
267
  _e(() => {
276
268
  const g = r.focus$.subscribe((u) => {
277
269
  s(u);
@@ -286,14 +278,14 @@ const pn = wt, Cn = "univer-image-common-panel", wn = "univer-image-common-panel
286
278
  };
287
279
  return /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelGrid, style: { display: o(n) } }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelTitle) }, /* @__PURE__ */ l.createElement("div", null, t.t("image-panel.arrange.title")))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan2) }, /* @__PURE__ */ l.createElement(oe, { size: "small", onClick: () => {
288
280
  c(Ie.forward);
289
- } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(un, null), t.t("image-panel.arrange.forward")))), /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan2) }, /* @__PURE__ */ l.createElement(oe, { size: "small", onClick: () => {
281
+ } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(pt, null), t.t("image-panel.arrange.forward")))), /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan2) }, /* @__PURE__ */ l.createElement(oe, { size: "small", onClick: () => {
290
282
  c(Ie.backward);
291
- } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(mn, null), t.t("image-panel.arrange.backward"))))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan2) }, /* @__PURE__ */ l.createElement(oe, { size: "small", onClick: () => {
283
+ } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(ft, null), t.t("image-panel.arrange.backward"))))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan2) }, /* @__PURE__ */ l.createElement(oe, { size: "small", onClick: () => {
292
284
  c(Ie.front);
293
- } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(hn, null), t.t("image-panel.arrange.front")))), /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan2) }, /* @__PURE__ */ l.createElement(oe, { size: "small", onClick: () => {
285
+ } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(Ct, null), t.t("image-panel.arrange.front")))), /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan2) }, /* @__PURE__ */ l.createElement(oe, { size: "small", onClick: () => {
294
286
  c(Ie.back);
295
- } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(tn, null), t.t("image-panel.arrange.back"))))));
296
- }, ae = 20, Nn = 20, Dn = [-3600, 3600], ye = 300, Tn = (a) => {
287
+ } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(gt, null), t.t("image-panel.arrange.back"))))));
288
+ }, ae = 20, Sn = 20, In = [-3600, 3600], ye = 300, bn = (a) => {
297
289
  var Ze;
298
290
  const n = x(X), e = x(re), t = x(ue), { drawings: r, transformShow: o } = a, i = r[0];
299
291
  if (i == null)
@@ -313,17 +305,17 @@ const pn = wt, Cn = "univer-image-common-panel", wn = "univer-image-common-panel
313
305
  left: _ = 0,
314
306
  top: O = 0,
315
307
  angle: S = 0
316
- } = s, [P, I] = L(p), [E, y] = L(R), [b, M] = L(_), [j, D] = L(O), [ce, K] = L(S), [Le, _t] = L(w.keepRatio), Se = (C, A, U, B) => {
317
- const { width: Z, height: Y } = v, { ancestorLeft: V, ancestorTop: W } = f;
318
- let $ = C, z = A, te = U, de = B;
319
- return C + V < 0 && ($ = -V), A + W < 0 && (z = -W), $ + U + V > Z && (te = Z - $ - V), te < ae && (te = ae), z + B + W > Y && (de = Y - z - W), de < ae && (de = ae), C + te + V > Z && ($ = Z - U - V), A + de + W > Y && (z = Y - B - W), {
320
- limitLeft: $,
321
- limitTop: z,
308
+ } = s, [P, I] = A(p), [E, y] = A(R), [b, M] = A(_), [j, D] = A(O), [ce, K] = A(S), [Ae, _t] = A(w.keepRatio), Se = (C, L, U, B) => {
309
+ const { width: Z, height: Y } = v, { ancestorLeft: G, ancestorTop: W } = f;
310
+ let z = C, $ = L, te = U, de = B;
311
+ return C + G < 0 && (z = -G), L + W < 0 && ($ = -W), z + U + G > Z && (te = Z - z - G), te < ae && (te = ae), $ + B + W > Y && (de = Y - $ - W), de < ae && (de = ae), C + te + G > Z && (z = Z - U - G), L + de + W > Y && ($ = Y - B - W), {
312
+ limitLeft: z,
313
+ limitTop: $,
322
314
  limitWidth: te,
323
315
  limitHeight: de
324
316
  };
325
317
  }, Ke = (C) => {
326
- const { objects: A } = C, U = we(A, e);
318
+ const { objects: L } = C, U = we(L, e);
327
319
  if (U.length !== 1)
328
320
  return;
329
321
  const B = U[0];
@@ -334,17 +326,17 @@ const pn = wt, Cn = "univer-image-common-panel", wn = "univer-image-common-panel
334
326
  return;
335
327
  const {
336
328
  width: Y,
337
- height: V,
329
+ height: G,
338
330
  left: W,
339
- top: $,
340
- angle: z
331
+ top: z,
332
+ angle: $
341
333
  } = Z;
342
- Y != null && I(Y), V != null && y(V), W != null && M(W), $ != null && D($), z != null && K(z);
334
+ Y != null && I(Y), G != null && y(G), W != null && M(W), z != null && D(z), $ != null && K($);
343
335
  };
344
336
  _e(() => {
345
337
  const C = w.onChangeStartObservable.add((B) => {
346
338
  Ke(B);
347
- }), A = w.onChangingObservable.add((B) => {
339
+ }), L = w.onChangingObservable.add((B) => {
348
340
  Ke(B);
349
341
  }), U = e.focus$.subscribe((B) => {
350
342
  if (B.length !== 1)
@@ -356,38 +348,38 @@ const pn = wt, Cn = "univer-image-common-panel", wn = "univer-image-common-panel
356
348
  if (Y == null)
357
349
  return;
358
350
  const {
359
- width: V,
351
+ width: G,
360
352
  height: W,
361
- left: $,
362
- top: z,
353
+ left: z,
354
+ top: $,
363
355
  angle: te
364
356
  } = Y;
365
- V != null && I(V), W != null && y(W), $ != null && M($), z != null && D(z), te != null && K(te);
357
+ G != null && I(G), W != null && y(W), z != null && M(z), $ != null && D($), te != null && K(te);
366
358
  });
367
359
  return () => {
368
- A == null || A.dispose(), C == null || C.dispose(), U == null || U.unsubscribe();
360
+ L == null || L.dispose(), C == null || C.dispose(), U == null || U.unsubscribe();
369
361
  };
370
362
  }, []);
371
363
  const St = Pe((C) => {
372
364
  if (C == null)
373
365
  return;
374
366
  C = Math.max(C, ae);
375
- const { limitWidth: A } = Se(b, j, C, E);
376
- C = A;
367
+ const { limitWidth: L } = Se(b, j, C, E);
368
+ C = L;
377
369
  const U = { unitId: c, subUnitId: g, drawingId: u, drawingType: d, transform: { width: C } };
378
- if (Le) {
370
+ if (Ae) {
379
371
  let B = C / P * E;
380
- B = Math.max(B, Nn), y(B), U.transform.height = B;
372
+ B = Math.max(B, Sn), y(B), U.transform.height = B;
381
373
  }
382
374
  I(C), e.featurePluginUpdateNotification([U]), w.refreshControls().changeNotification();
383
375
  }, ye), It = Pe((C) => {
384
376
  if (C == null)
385
377
  return;
386
378
  C = Math.max(C, ae);
387
- const { limitHeight: A } = Se(b, j, P, C);
388
- C = A;
379
+ const { limitHeight: L } = Se(b, j, P, C);
380
+ C = L;
389
381
  const U = { unitId: c, subUnitId: g, drawingId: u, drawingType: d, transform: { height: C } };
390
- if (Le) {
382
+ if (Ae) {
391
383
  let B = C / E * P;
392
384
  B = Math.max(B, ae), I(B), U.transform.width = B;
393
385
  }
@@ -395,22 +387,22 @@ const pn = wt, Cn = "univer-image-common-panel", wn = "univer-image-common-panel
395
387
  }, ye), bt = Pe((C) => {
396
388
  if (C == null)
397
389
  return;
398
- const { limitLeft: A } = Se(C, j, P, E);
399
- C = A;
390
+ const { limitLeft: L } = Se(C, j, P, E);
391
+ C = L;
400
392
  const U = { unitId: c, subUnitId: g, drawingId: u, drawingType: d, transform: { left: C } };
401
393
  M(C), e.featurePluginUpdateNotification([U]), w.refreshControls().changeNotification();
402
394
  }, ye), Pt = Pe((C) => {
403
395
  if (C == null)
404
396
  return;
405
- const { limitTop: A } = Se(b, C, P, E);
406
- C = A;
397
+ const { limitTop: L } = Se(b, C, P, E);
398
+ C = L;
407
399
  const U = { unitId: c, subUnitId: g, drawingId: u, drawingType: d, transform: { top: C } };
408
400
  D(C), e.featurePluginUpdateNotification([U]), w.refreshControls().changeNotification();
409
401
  }, ye), yt = (C) => {
410
402
  if (C == null)
411
403
  return;
412
- const [A, U] = Dn;
413
- C < A && (C = A), C > U && (C = U);
404
+ const [L, U] = In;
405
+ C < L && (C = L), C > U && (C = U);
414
406
  const B = { unitId: c, subUnitId: g, drawingId: u, drawingType: d, transform: { angle: C } };
415
407
  K(C), e.featurePluginUpdateNotification([B]), w.refreshControls().changeNotification();
416
408
  }, Et = (C) => {
@@ -420,7 +412,7 @@ const pn = wt, Cn = "univer-image-common-panel", wn = "univer-image-common-panel
420
412
  St(C);
421
413
  }, className: m.imageCommonPanelInput }))))), /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan3) }, /* @__PURE__ */ l.createElement("label", null, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, n.t("image-panel.transform.height"))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, /* @__PURE__ */ l.createElement(he, { precision: 1, value: E, onChange: (C) => {
422
414
  It(C);
423
- }, className: m.imageCommonPanelInput }))))), /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan3) }, /* @__PURE__ */ l.createElement("label", null, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, n.t("image-panel.transform.lock"))), /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelRow, m.imageCommonPanelRowVertical) }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, /* @__PURE__ */ l.createElement(Lt, { checked: Le, onChange: Et })))))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan3) }, /* @__PURE__ */ l.createElement("label", null, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, n.t("image-panel.transform.x"))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, /* @__PURE__ */ l.createElement(he, { precision: 1, value: b, onChange: (C) => {
415
+ }, className: m.imageCommonPanelInput }))))), /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan3) }, /* @__PURE__ */ l.createElement("label", null, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, n.t("image-panel.transform.lock"))), /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelRow, m.imageCommonPanelRowVertical) }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, /* @__PURE__ */ l.createElement(At, { checked: Ae, onChange: Et })))))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan3) }, /* @__PURE__ */ l.createElement("label", null, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, n.t("image-panel.transform.x"))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, /* @__PURE__ */ l.createElement(he, { precision: 1, value: b, onChange: (C) => {
424
416
  bt(C);
425
417
  }, className: m.imageCommonPanelInput }))))), /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan3) }, /* @__PURE__ */ l.createElement("label", null, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, n.t("image-panel.transform.y"))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelColumn }, /* @__PURE__ */ l.createElement(he, { precision: 1, value: j, onChange: (C) => {
426
418
  Pt(C);
@@ -431,8 +423,8 @@ const Fe = {
431
423
  id: "sheet.operation.set-image-align",
432
424
  type: ve.OPERATION,
433
425
  handler: (a, n) => !0
434
- }, Bn = (a) => {
435
- const n = x(le), e = x(X), { alignShow: t } = a, [r, o] = L(N.default), i = [
426
+ }, Pn = (a) => {
427
+ const n = x(le), e = x(X), { alignShow: t } = a, [r, o] = A(N.default), i = [
436
428
  {
437
429
  label: e.t("image-panel.align.default"),
438
430
  value: N.default
@@ -489,11 +481,11 @@ const Fe = {
489
481
  }
490
482
  const c = (g) => g ? "block" : "none";
491
483
  return /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelGrid, m.imageCommonPanelBorder), style: { display: c(t) } }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelTitle) }, /* @__PURE__ */ l.createElement("div", null, e.t("image-panel.align.title")))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn) }, /* @__PURE__ */ l.createElement(it, { value: r, options: i, onChange: s }))));
492
- }, jn = (a) => {
484
+ }, yn = (a) => {
493
485
  const n = x(le), e = x(X), { drawings: t, cropperShow: r } = a;
494
486
  if (t[0] == null)
495
487
  return;
496
- const [i, s] = L(H.FREE), c = at(!1), g = [
488
+ const [i, s] = A(H.FREE), c = at(!1), g = [
497
489
  {
498
490
  label: e.t("image-panel.crop.mode"),
499
491
  value: H.FREE
@@ -558,9 +550,9 @@ const Fe = {
558
550
  };
559
551
  return /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelGrid, m.imageCommonPanelBorder), style: { display: d(r) } }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelTitle) }, /* @__PURE__ */ l.createElement("div", null, e.t("image-panel.crop.title")))), /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelRow, m.imageCommonPanelRowVertical) }, /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan2) }, /* @__PURE__ */ l.createElement(oe, { size: "small", onClick: () => {
560
552
  h(i);
561
- } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(rn, null), e.t("image-panel.crop.start")))), /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan2) }, /* @__PURE__ */ l.createElement(it, { value: i, options: g, onChange: u }))));
562
- }, Un = (a) => {
563
- const n = x(X), e = x(ue), t = x(re), { hasGroup: r, drawings: o } = a, [i, s] = L(!1), [c, g] = L(!0), [u, d] = L(!0), h = (p) => p ? "block" : "none", f = () => {
553
+ } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(ut, null), e.t("image-panel.crop.start")))), /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan2) }, /* @__PURE__ */ l.createElement(it, { value: i, options: g, onChange: u }))));
554
+ }, En = (a) => {
555
+ const n = x(X), e = x(ue), t = x(re), { hasGroup: r, drawings: o } = a, [i, s] = A(!1), [c, g] = A(!0), [u, d] = A(!0), h = (p) => p ? "block" : "none", f = () => {
564
556
  const p = t.getFocusDrawings(), { unitId: R, subUnitId: _ } = p[0], O = Ht.generateRandomId(10), S = Dt(0, 0, p.map((E) => E.transform || {})), P = {
565
557
  unitId: R,
566
558
  subUnitId: _,
@@ -636,17 +628,17 @@ const Fe = {
636
628
  };
637
629
  }, []), /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelGrid, m.imageCommonPanelBorder), style: { display: h(r === !0 ? i : !1) } }, /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelTitle) }, /* @__PURE__ */ l.createElement("div", null, n.t("image-panel.group.title")))), /* @__PURE__ */ l.createElement("div", { className: m.imageCommonPanelRow }, /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan2, m.imageCommonPanelColumnCenter) }, /* @__PURE__ */ l.createElement(oe, { size: "small", onClick: () => {
638
630
  f();
639
- }, style: { display: h(c) } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(on, null), n.t("image-panel.group.group")))), /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan2, m.imageCommonPanelColumnCenter) }, /* @__PURE__ */ l.createElement(oe, { size: "small", onClick: () => {
631
+ }, style: { display: h(c) } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(dt, null), n.t("image-panel.group.group")))), /* @__PURE__ */ l.createElement("div", { className: T(m.imageCommonPanelColumn, m.imageCommonPanelSpan2, m.imageCommonPanelColumnCenter) }, /* @__PURE__ */ l.createElement(oe, { size: "small", onClick: () => {
640
632
  w();
641
- }, style: { display: h(u) } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(pn, null), n.t("image-panel.group.unGroup"))))));
642
- }, wr = (a) => {
633
+ }, style: { display: h(u) } }, /* @__PURE__ */ l.createElement("span", { className: m.imageCommonPanelInline }, /* @__PURE__ */ l.createElement(wt, null), n.t("image-panel.group.unGroup"))))));
634
+ }, cr = (a) => {
643
635
  const n = x(re), e = x(ue), t = x(X), { drawings: r, hasArrange: o = !0, hasTransform: i = !0, hasAlign: s = !0, hasCropper: c = !0, hasGroup: g = !0 } = a, u = r[0];
644
636
  if (u == null)
645
637
  return;
646
638
  const { unitId: d } = u, h = e.getRenderById(d), f = h == null ? void 0 : h.scene;
647
639
  if (f == null)
648
640
  return;
649
- const v = f.getTransformerByCreate(), [w, p] = L(!0), [R, _] = L(!0), [O, S] = L(!1), [P, I] = L(!0), [E, y] = L(!1);
641
+ const v = f.getTransformerByCreate(), [w, p] = A(!0), [R, _] = A(!0), [O, S] = A(!1), [P, I] = A(!0), [E, y] = A(!1);
650
642
  return _e(() => {
651
643
  const b = v.onClearControlObservable.add((D) => {
652
644
  D === !0 && (p(!1), _(!1), S(!1), I(!1), y(!0));
@@ -659,21 +651,21 @@ const Fe = {
659
651
  return () => {
660
652
  M == null || M.dispose(), b == null || b.dispose(), j == null || j.unsubscribe();
661
653
  };
662
- }, []), /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement("div", { style: { display: E === !0 ? "block" : "none", height: "100%" } }, /* @__PURE__ */ l.createElement("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", top: "50%", marginTop: "-100px" } }, /* @__PURE__ */ l.createElement("span", null, t.t("image-panel.null")))), /* @__PURE__ */ l.createElement(On, { arrangeShow: o === !0 ? w : !1, drawings: r }), /* @__PURE__ */ l.createElement(Tn, { transformShow: i === !0 ? R : !1, drawings: r }), /* @__PURE__ */ l.createElement(Bn, { alignShow: s === !0 ? O : !1, drawings: r }), /* @__PURE__ */ l.createElement(jn, { cropperShow: c === !0 ? P : !1, drawings: r }), /* @__PURE__ */ l.createElement(Un, { hasGroup: g, drawings: r }));
663
- }, Hn = "univer-image-popup-menu", An = "univer-image-popup-menu-item", Ln = "univer-image-popup-menu-item-icon", xn = "univer-image-popup-menu-item-title", Gn = "univer-image-popup-menu-item-hide", Vn = "univer-btn-container", Wn = "univer-btn-container-expand", fe = {
664
- imagePopupMenu: Hn,
665
- imagePopupMenuItem: An,
666
- imagePopupMenuItemIcon: Ln,
667
- imagePopupMenuItemTitle: xn,
668
- imagePopupMenuItemHide: Gn,
669
- btnContainer: Vn,
670
- btnContainerExpand: Wn
671
- }, kn = (a) => {
654
+ }, []), /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement("div", { style: { display: E === !0 ? "block" : "none", height: "100%" } }, /* @__PURE__ */ l.createElement("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", top: "50%", marginTop: "-100px" } }, /* @__PURE__ */ l.createElement("span", null, t.t("image-panel.null")))), /* @__PURE__ */ l.createElement(_n, { arrangeShow: o === !0 ? w : !1, drawings: r }), /* @__PURE__ */ l.createElement(bn, { transformShow: i === !0 ? R : !1, drawings: r }), /* @__PURE__ */ l.createElement(Pn, { alignShow: s === !0 ? O : !1, drawings: r }), /* @__PURE__ */ l.createElement(yn, { cropperShow: c === !0 ? P : !1, drawings: r }), /* @__PURE__ */ l.createElement(En, { hasGroup: g, drawings: r }));
655
+ }, Rn = "univer-image-popup-menu", Mn = "univer-image-popup-menu-item", On = "univer-image-popup-menu-item-icon", Nn = "univer-image-popup-menu-item-title", Dn = "univer-image-popup-menu-item-hide", Tn = "univer-btn-container", Bn = "univer-btn-container-expand", fe = {
656
+ imagePopupMenu: Rn,
657
+ imagePopupMenuItem: Mn,
658
+ imagePopupMenuItemIcon: On,
659
+ imagePopupMenuItemTitle: Nn,
660
+ imagePopupMenuItemHide: Dn,
661
+ btnContainer: Tn,
662
+ btnContainerExpand: Bn
663
+ }, jn = (a) => {
672
664
  var v, w;
673
665
  const n = (w = (v = a.popup) == null ? void 0 : v.extraProps) == null ? void 0 : w.menuItems;
674
666
  if (!n)
675
667
  return null;
676
- const e = x(le), t = x(X), [r, o] = L(!1), [i, s] = L(!1), c = () => {
668
+ const e = x(le), t = x(X), [r, o] = A(!1), [i, s] = A(!1), c = () => {
677
669
  s(!0);
678
670
  }, g = () => {
679
671
  s(!1);
@@ -713,21 +705,21 @@ const Fe = {
713
705
  })
714
706
  },
715
707
  /* @__PURE__ */ l.createElement(
716
- Qt,
708
+ mt,
717
709
  {
718
710
  style: { color: "#35322B" },
719
711
  extend: { colorChannel1: "rgb(var(--green-700, #409f11))" }
720
712
  }
721
713
  ),
722
- h && /* @__PURE__ */ l.createElement(ln, { style: { color: "#CCCCCC", fontSize: "8px", marginLeft: "8px" } })
714
+ h && /* @__PURE__ */ l.createElement(ht, { style: { color: "#CCCCCC", fontSize: "8px", marginLeft: "8px" } })
723
715
  )
724
716
  )
725
717
  );
726
- }, $n = "COMPONENT_IMAGE_POPUP_MENU";
727
- var zn = Object.defineProperty, Fn = Object.getOwnPropertyDescriptor, Kn = (a, n, e, t) => {
728
- for (var r = t > 1 ? void 0 : t ? Fn(n, e) : n, o = a.length - 1, i; o >= 0; o--)
718
+ }, Un = "COMPONENT_IMAGE_POPUP_MENU";
719
+ var Hn = Object.defineProperty, Ln = Object.getOwnPropertyDescriptor, An = (a, n, e, t) => {
720
+ for (var r = t > 1 ? void 0 : t ? Ln(n, e) : n, o = a.length - 1, i; o >= 0; o--)
729
721
  (i = a[o]) && (r = (t ? i(n, e, r) : i(r)) || r);
730
- return t && r && zn(n, e, r), r;
722
+ return t && r && Hn(n, e, r), r;
731
723
  }, Ee = (a, n) => (e, t) => n(e, t, a);
732
724
  let Me = class extends Ue {
733
725
  constructor(n, e, t, r) {
@@ -820,7 +812,7 @@ let Me = class extends Ue {
820
812
  this._commandService.syncExecuteCommand(ge.id);
821
813
  const u = [];
822
814
  if (t.forEach((f) => {
823
- const v = G(f), w = c.getObjectIncludeInGroup(v);
815
+ const v = V(f), w = c.getObjectIncludeInGroup(v);
824
816
  if (w == null || u.includes(w))
825
817
  return;
826
818
  u.push(w);
@@ -828,8 +820,8 @@ let Me = class extends Ue {
828
820
  p != null && (w.classType === Ye.GROUP ? w.transformByState({ left: p.left, top: p.top }) : w.transformByState(p));
829
821
  }), u.length === 0)
830
822
  return;
831
- const d = G({ unitId: r, subUnitId: o, drawingId: i }), h = new Ce(d);
832
- c.addObject(h, $e).attachTransformerTo(h), h.addObjects(...u), e.transform && h.transformByState({ left: e.transform.left, top: e.transform.top }), g.clearSelectedObjects(), g.setSelectedControl(h);
823
+ const d = V({ unitId: r, subUnitId: o, drawingId: i }), h = new Ce(d);
824
+ c.addObject(h, ze).attachTransformerTo(h), h.addObjects(...u), e.transform && h.transformByState({ left: e.transform.left, top: e.transform.top }), g.clearSelectedObjects(), g.setSelectedControl(h);
833
825
  }
834
826
  // private _regroupDrawings(drawings: IDrawingSearch[]) {
835
827
  // const renderObject = this._getSceneAndTransformerByDrawingSearch(drawings[0].unitId);
@@ -876,7 +868,7 @@ let Me = class extends Ue {
876
868
  return;
877
869
  const { scene: o, transformer: i } = r;
878
870
  t.forEach((d) => {
879
- const h = G(d), f = o.getObjectIncludeInGroup(h);
871
+ const h = V(d), f = o.getObjectIncludeInGroup(h);
880
872
  if (f == null)
881
873
  return !0;
882
874
  if (f == null)
@@ -884,7 +876,7 @@ let Me = class extends Ue {
884
876
  const { transform: v } = d;
885
877
  v != null && (f.classType === Ye.GROUP ? f.transformByState({ left: v.left, top: v.top }) : f.transformByState(v));
886
878
  });
887
- const s = G(e), c = o.getObject(s), { width: g, height: u } = c;
879
+ const s = V(e), c = o.getObject(s), { width: g, height: u } = c;
888
880
  c.getObjects().forEach((d) => {
889
881
  c.removeSelfObjectAndTransform(d.oKey, g, u);
890
882
  }), c.dispose(), i.clearSelectedObjects();
@@ -1004,7 +996,7 @@ let Me = class extends Ue {
1004
996
  return;
1005
997
  const { scene: i, transformer: s } = o;
1006
998
  r.forEach((c) => {
1007
- const g = G({ unitId: e, subUnitId: t, drawingId: c }), u = i.getObject(g);
999
+ const g = V({ unitId: e, subUnitId: t, drawingId: c }), u = i.getObject(g);
1008
1000
  if (u == null)
1009
1001
  return;
1010
1002
  const d = this._drawingManagerService.getDrawingOrder(e, t).indexOf(c);
@@ -1041,7 +1033,7 @@ let Me = class extends Ue {
1041
1033
  const { unitId: t, subUnitId: r, drawingId: o } = e, i = this._getSceneAndTransformerByDrawingSearch(t);
1042
1034
  if (i == null)
1043
1035
  return;
1044
- const { scene: s, transformer: c } = i, g = G({ unitId: t, subUnitId: r, drawingId: o }), u = s.getObject(g);
1036
+ const { scene: s, transformer: c } = i, g = V({ unitId: t, subUnitId: r, drawingId: o }), u = s.getObject(g);
1045
1037
  u != null && (u.dispose(), (d = s.getTransformer()) == null || d.clearSelectedObjects());
1046
1038
  });
1047
1039
  })
@@ -1060,7 +1052,7 @@ let Me = class extends Ue {
1060
1052
  const { scene: u, transformer: d } = g;
1061
1053
  if (s == null)
1062
1054
  return !0;
1063
- const { left: h = 0, top: f = 0, width: v = 0, height: w = 0, angle: p = 0, flipX: R = !1, flipY: _ = !1, skewX: O = 0, skewY: S = 0 } = s, P = G({ unitId: t, subUnitId: r, drawingId: o }), I = u.getObject(P);
1055
+ const { left: h = 0, top: f = 0, width: v = 0, height: w = 0, angle: p = 0, flipX: R = !1, flipY: _ = !1, skewX: O = 0, skewY: S = 0 } = s, P = V({ unitId: t, subUnitId: r, drawingId: o }), I = u.getObject(P);
1064
1056
  if (I == null)
1065
1057
  return !0;
1066
1058
  I.transformByState({ left: h, top: f, width: v, height: w, angle: p, flipX: R, flipY: _, skewX: O, skewY: S });
@@ -1075,7 +1067,7 @@ let Me = class extends Ue {
1075
1067
  const { unitId: t, subUnitId: r, drawingId: o } = e, i = this._getSceneAndTransformerByDrawingSearch(t);
1076
1068
  if (i == null)
1077
1069
  return;
1078
- const { scene: s, transformer: c } = i, g = G({ unitId: t, subUnitId: r, drawingId: o }), u = s.getObject(g), d = this._drawingManagerService.getDrawingByParam(e);
1070
+ const { scene: s, transformer: c } = i, g = V({ unitId: t, subUnitId: r, drawingId: o }), u = s.getObject(g), d = this._drawingManagerService.getDrawingByParam(e);
1079
1071
  if (d == null)
1080
1072
  return;
1081
1073
  const { transform: h } = d;
@@ -1096,7 +1088,7 @@ let Me = class extends Ue {
1096
1088
  const { unitId: t, subUnitId: r, drawingId: o, visible: i } = e, s = this._getSceneAndTransformerByDrawingSearch(t);
1097
1089
  if (s == null)
1098
1090
  return;
1099
- const { scene: c, transformer: g } = s, u = G({ unitId: t, subUnitId: r, drawingId: o }), d = c.getObject(u);
1091
+ const { scene: c, transformer: g } = s, u = V({ unitId: t, subUnitId: r, drawingId: o }), d = c.getObject(u);
1100
1092
  if (d == null)
1101
1093
  return !0;
1102
1094
  i ? d.show() : d.hide();
@@ -1164,21 +1156,21 @@ let Me = class extends Ue {
1164
1156
  );
1165
1157
  }
1166
1158
  };
1167
- Me = Kn([
1168
- He(Ae.Rendered, Me),
1169
- Ee(0, ze),
1159
+ Me = An([
1160
+ He(Le.Rendered, Me),
1161
+ Ee(0, $e),
1170
1162
  Ee(1, le),
1171
1163
  Ee(2, ue),
1172
1164
  Ee(3, re)
1173
1165
  ], Me);
1174
- const Zn = (a) => {
1166
+ const xn = (a) => {
1175
1167
  const { src: n } = a;
1176
1168
  return n ? /* @__PURE__ */ l.createElement("div", null, /* @__PURE__ */ l.createElement("img", { src: n, alt: "Univer Image Viewer", style: { width: "100%", height: "100%", position: "relative" } })) : null;
1177
1169
  }, vt = "COMPONENT_IMAGE_VIEWER";
1178
- var Yn = Object.defineProperty, Xn = Object.getOwnPropertyDescriptor, Jn = (a, n, e, t) => {
1179
- for (var r = t > 1 ? void 0 : t ? Xn(n, e) : n, o = a.length - 1, i; o >= 0; o--)
1170
+ var Vn = Object.defineProperty, Gn = Object.getOwnPropertyDescriptor, Wn = (a, n, e, t) => {
1171
+ for (var r = t > 1 ? void 0 : t ? Gn(n, e) : n, o = a.length - 1, i; o >= 0; o--)
1180
1172
  (i = a[o]) && (r = (t ? i(n, e, r) : i(r)) || r);
1181
- return t && r && Yn(n, e, r), r;
1173
+ return t && r && Vn(n, e, r), r;
1182
1174
  }, pe = (a, n) => (e, t) => n(e, t, a);
1183
1175
  let Oe = class extends Ue {
1184
1176
  constructor(a, n, e, t, r) {
@@ -1186,7 +1178,7 @@ let Oe = class extends Ue {
1186
1178
  }
1187
1179
  _initCustomComponents() {
1188
1180
  const a = this._componentManager;
1189
- this.disposeWithMe(a.register($n, kn)), this.disposeWithMe(a.register(vt, Zn));
1181
+ this.disposeWithMe(a.register(Un, jn)), this.disposeWithMe(a.register(vt, xn));
1190
1182
  }
1191
1183
  _initMenus() {
1192
1184
  }
@@ -1203,11 +1195,11 @@ let Oe = class extends Ue {
1203
1195
  this._initCommands(), this._initCustomComponents(), this._initMenus();
1204
1196
  }
1205
1197
  };
1206
- Oe = Jn([
1207
- He(Ae.Rendered, Oe),
1198
+ Oe = Wn([
1199
+ He(Le.Rendered, Oe),
1208
1200
  pe(0, se(ot)),
1209
- pe(1, se(Gt)),
1210
- pe(2, Vt),
1201
+ pe(1, se(Vt)),
1202
+ pe(2, Gt),
1211
1203
  pe(3, le),
1212
1204
  pe(4, se(X))
1213
1205
  ], Oe);
@@ -1304,10 +1296,10 @@ class Re extends Bt {
1304
1296
  });
1305
1297
  }
1306
1298
  }
1307
- var qn = Object.defineProperty, Qn = Object.getOwnPropertyDescriptor, er = (a, n, e, t) => {
1308
- for (var r = t > 1 ? void 0 : t ? Qn(n, e) : n, o = a.length - 1, i; o >= 0; o--)
1299
+ var kn = Object.defineProperty, zn = Object.getOwnPropertyDescriptor, $n = (a, n, e, t) => {
1300
+ for (var r = t > 1 ? void 0 : t ? zn(n, e) : n, o = a.length - 1, i; o >= 0; o--)
1309
1301
  (i = a[o]) && (r = (t ? i(n, e, r) : i(r)) || r);
1310
- return t && r && qn(n, e, r), r;
1302
+ return t && r && kn(n, e, r), r;
1311
1303
  }, me = (a, n) => (e, t) => n(e, t, a);
1312
1304
  let Ne = class extends Ue {
1313
1305
  constructor(n, e, t, r, o, i) {
@@ -1333,7 +1325,7 @@ let Ne = class extends Ue {
1333
1325
  if (u == null)
1334
1326
  return !0;
1335
1327
  this._searchCropObject(u) != null && this._commandService.syncExecuteCommand(ge.id, { isAuto: !0 });
1336
- const h = G({ unitId: i, subUnitId: s, drawingId: c }), f = u.getObject(h);
1328
+ const h = V({ unitId: i, subUnitId: s, drawingId: c }), f = u.getObject(h);
1337
1329
  if (!(f instanceof We)) {
1338
1330
  this._messageService.show({
1339
1331
  type: Je.Error,
@@ -1414,7 +1406,7 @@ let Ne = class extends Ue {
1414
1406
  return !0;
1415
1407
  if (this._sceneListenerOnImageMap.has(s) || (this._addListenerOnImage(s), this._sceneListenerOnImageMap.add(s)), this._drawingManagerService.getDrawingByParam({ unitId: t, subUnitId: r, drawingId: o }) == null)
1416
1408
  return;
1417
- const g = G({ unitId: t, subUnitId: r, drawingId: o }), u = s.getObject(g);
1409
+ const g = V({ unitId: t, subUnitId: r, drawingId: o }), u = s.getObject(g);
1418
1410
  if (u == null)
1419
1411
  return;
1420
1412
  if (!(u instanceof We)) {
@@ -1560,19 +1552,19 @@ let Ne = class extends Ue {
1560
1552
  };
1561
1553
  }
1562
1554
  };
1563
- Ne = er([
1564
- He(Ae.Rendered, Ne),
1555
+ Ne = $n([
1556
+ He(Le.Rendered, Ne),
1565
1557
  me(0, le),
1566
1558
  me(1, re),
1567
1559
  me(2, ue),
1568
- me(3, ze),
1560
+ me(3, $e),
1569
1561
  me(4, Wt),
1570
1562
  me(5, se(X))
1571
1563
  ], Ne);
1572
- var tr = Object.defineProperty, nr = Object.getOwnPropertyDescriptor, rr = (a, n, e, t) => {
1573
- for (var r = t > 1 ? void 0 : t ? nr(n, e) : n, o = a.length - 1, i; o >= 0; o--)
1564
+ var Fn = Object.defineProperty, Kn = Object.getOwnPropertyDescriptor, Zn = (a, n, e, t) => {
1565
+ for (var r = t > 1 ? void 0 : t ? Kn(n, e) : n, o = a.length - 1, i; o >= 0; o--)
1574
1566
  (i = a[o]) && (r = (t ? i(n, e, r) : i(r)) || r);
1575
- return t && r && tr(n, e, r), r;
1567
+ return t && r && Fn(n, e, r), r;
1576
1568
  }, ie = (a, n) => (e, t) => n(e, t, a);
1577
1569
  const Qe = 50;
1578
1570
  let De = class extends Ue {
@@ -1626,7 +1618,7 @@ let De = class extends Ue {
1626
1618
  const { unitId: r, subUnitId: o, drawingId: i } = t, s = this._getSceneAndTransformerByDrawingSearch(r);
1627
1619
  if (s == null)
1628
1620
  return;
1629
- const { scene: c, transformer: g } = s, u = G({ unitId: r, subUnitId: o, drawingId: i }), d = c.getObject(u);
1621
+ const { scene: c, transformer: g } = s, u = V({ unitId: r, subUnitId: o, drawingId: i }), d = c.getObject(u);
1630
1622
  if (d == null)
1631
1623
  return !0;
1632
1624
  const h = this._drawingManagerService.getDrawingByParam(t);
@@ -1686,7 +1678,7 @@ let De = class extends Ue {
1686
1678
  const { scene: f, transformer: v } = h;
1687
1679
  if (i == null)
1688
1680
  return !0;
1689
- const w = G({ unitId: e, subUnitId: t, drawingId: r }), p = f.getObject(w);
1681
+ const w = V({ unitId: e, subUnitId: t, drawingId: r }), p = f.getObject(w);
1690
1682
  if (p == null)
1691
1683
  return !0;
1692
1684
  p.setSrcRect(c), p.setPrstGeom(g);
@@ -1751,24 +1743,24 @@ let De = class extends Ue {
1751
1743
  };
1752
1744
  }
1753
1745
  };
1754
- De = rr([
1755
- He(Ae.Rendered, De),
1746
+ De = Zn([
1747
+ He(Le.Rendered, De),
1756
1748
  ie(0, le),
1757
1749
  ie(1, ue),
1758
1750
  ie(2, re),
1759
1751
  ie(3, kt),
1760
1752
  ie(4, nt),
1761
- ie(5, ze),
1753
+ ie(5, $e),
1762
1754
  ie(6, se(Be))
1763
1755
  ], De);
1764
- var ar = Object.defineProperty, ir = Object.getOwnPropertyDescriptor, or = (a, n, e, t) => {
1765
- for (var r = t > 1 ? void 0 : t ? ir(n, e) : n, o = a.length - 1, i; o >= 0; o--)
1756
+ var Yn = Object.defineProperty, Xn = Object.getOwnPropertyDescriptor, Jn = (a, n, e, t) => {
1757
+ for (var r = t > 1 ? void 0 : t ? Xn(n, e) : n, o = a.length - 1, i; o >= 0; o--)
1766
1758
  (i = a[o]) && (r = (t ? i(n, e, r) : i(r)) || r);
1767
- return t && r && ar(n, e, r), r;
1759
+ return t && r && Yn(n, e, r), r;
1768
1760
  }, et = (a, n) => (e, t) => n(e, t, a);
1769
- const sr = "DRAWING_UI_PLUGIN";
1770
- var Ve;
1771
- let tt = (Ve = class extends At {
1761
+ const qn = "DRAWING_UI_PLUGIN";
1762
+ var Ge;
1763
+ let tt = (Ge = class extends Lt {
1772
1764
  constructor(a, n, e) {
1773
1765
  super(), this._injector = n, this._localeService = e;
1774
1766
  }
@@ -1786,18 +1778,18 @@ let tt = (Ve = class extends At {
1786
1778
  [De]
1787
1779
  ].forEach((e) => a.add(e));
1788
1780
  }
1789
- }, ee(Ve, "pluginName", sr), Ve);
1790
- tt = or([
1781
+ }, ee(Ge, "pluginName", qn), Ge);
1782
+ tt = Jn([
1791
1783
  et(1, se(ot)),
1792
1784
  et(2, se(X))
1793
1785
  ], tt);
1794
1786
  export {
1795
- $n as COMPONENT_IMAGE_POPUP_MENU,
1787
+ Un as COMPONENT_IMAGE_POPUP_MENU,
1796
1788
  ge as CloseImageCropOperation,
1797
- wr as DrawingCommonPanel,
1789
+ cr as DrawingCommonPanel,
1798
1790
  Be as DrawingRenderService,
1799
1791
  Re as ImageCropperObject,
1800
- kn as ImagePopupMenu,
1792
+ jn as ImagePopupMenu,
1801
1793
  lt as ImageResetSizeOperation,
1802
1794
  ke as OpenImageCropOperation,
1803
1795
  tt as UniverDrawingUIPlugin,