@univerjs/drawing-ui 0.6.1 → 0.6.2
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/cjs/index.js +5 -1
- package/lib/es/index.js +440 -460
- package/lib/index.css +1 -1
- package/lib/umd/index.js +5 -1
- package/package.json +9 -10
package/lib/es/index.js
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var ee = (i, t, n) =>
|
|
4
|
-
import { UniverInstanceType as
|
|
5
|
-
import { getDrawingShapeKeyByDrawingSearch as G, ImageSourceType as
|
|
6
|
-
import { Group as
|
|
7
|
-
import { IDialogService as
|
|
8
|
-
import { jsxs as B, jsx as d, Fragment as
|
|
9
|
-
import { useState as x, forwardRef as Y, useRef as
|
|
10
|
-
import { Select as gn, Button as le, InputNumber as pe, Checkbox as
|
|
11
|
-
import { switchMap as
|
|
12
|
-
function
|
|
1
|
+
var Dn = Object.defineProperty;
|
|
2
|
+
var En = (i, t, n) => t in i ? Dn(i, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : i[t] = n;
|
|
3
|
+
var ee = (i, t, n) => En(i, typeof t != "symbol" ? t + "" : t, n);
|
|
4
|
+
import { UniverInstanceType as Ne, DrawingTypeEnum as ne, CommandType as ve, ICommandService as me, LocaleService as te, ArrangeTypeEnum as be, Tools as Tn, debounce as Ie, Inject as He, Disposable as Le, checkIfMove as on, toDisposable as Ce, IUniverInstanceService as Fe, ImageSourceType as Xe, Injector as Bn, IConfigService as Un, Plugin as jn, merge as An } from "@univerjs/core";
|
|
5
|
+
import { getDrawingShapeKeyByDrawingSearch as G, ImageSourceType as Hn, IDrawingManagerService as re, IImageIoService as sn, SetDrawingSelectedOperation as Oe } from "@univerjs/drawing";
|
|
6
|
+
import { Group as we, DRAWING_OBJECT_LAYER_INDEX as Ke, Image as $e, IRenderManagerService as ue, getGroupState as Ln, transformObjectOutOfGroup as xn, RENDER_CLASS_TYPE as Je, Shape as Vn, Rect as kn, Canvas as Gn, precisionTo as ye, CURSOR_TYPE as De, Vector2 as ke, degToRad as qe } from "@univerjs/engine-render";
|
|
7
|
+
import { IDialogService as cn, useDependency as V, ComponentManager as Wn, IMessageService as $n } from "@univerjs/ui";
|
|
8
|
+
import { jsxs as B, jsx as d, Fragment as zn } from "react/jsx-runtime";
|
|
9
|
+
import { useState as x, forwardRef as Y, useRef as ln, createElement as X, useEffect as _e } from "react";
|
|
10
|
+
import { clsx as D, Select as gn, Button as le, InputNumber as pe, Checkbox as Fn, DropdownMenu as Kn, MessageType as Qe } from "@univerjs/design";
|
|
11
|
+
import { switchMap as Zn, of as Yn } from "rxjs";
|
|
12
|
+
function Xn(i, t, n, e) {
|
|
13
13
|
const r = e.getDrawingByParam(i);
|
|
14
14
|
if (r == null)
|
|
15
15
|
return;
|
|
16
16
|
const o = G(i), a = n.getObject(o);
|
|
17
|
-
if (a && !(a instanceof
|
|
17
|
+
if (a && !(a instanceof we))
|
|
18
18
|
return;
|
|
19
19
|
if (a != null) {
|
|
20
20
|
a.addObject(t);
|
|
21
21
|
return;
|
|
22
22
|
}
|
|
23
|
-
const s = new
|
|
24
|
-
n.addObject(s,
|
|
23
|
+
const s = new we(o);
|
|
24
|
+
n.addObject(s, Ke).attachTransformerTo(s), s.addObject(t);
|
|
25
25
|
const { transform: c } = r;
|
|
26
26
|
c && s.transformByState(
|
|
27
27
|
{
|
|
@@ -31,23 +31,23 @@ function qn(i, t, n, e) {
|
|
|
31
31
|
}
|
|
32
32
|
);
|
|
33
33
|
}
|
|
34
|
-
function
|
|
34
|
+
function mn(i, t) {
|
|
35
35
|
var o;
|
|
36
36
|
const n = t ? i.getUnit(t) : i.getFocusedUnit();
|
|
37
37
|
if (n == null)
|
|
38
38
|
return;
|
|
39
39
|
const e = n.getUnitId();
|
|
40
40
|
let r;
|
|
41
|
-
return n.type ===
|
|
41
|
+
return n.type === Ne.UNIVER_SHEET ? r = (o = n.getActiveSheet()) == null ? void 0 : o.getSheetId() : (n.type === Ne.UNIVER_DOC || n.type === Ne.UNIVER_SLIDE) && (r = e), { unitId: e, subUnitId: r, current: n };
|
|
42
42
|
}
|
|
43
|
-
const
|
|
44
|
-
var
|
|
45
|
-
for (var r = e > 1 ? void 0 : e ?
|
|
43
|
+
const dn = "COMPONENT_IMAGE_VIEWER";
|
|
44
|
+
var Jn = Object.getOwnPropertyDescriptor, qn = (i, t, n, e) => {
|
|
45
|
+
for (var r = e > 1 ? void 0 : e ? Jn(t, n) : t, o = i.length - 1, a; o >= 0; o--)
|
|
46
46
|
(a = i[o]) && (r = a(r) || r);
|
|
47
47
|
return r;
|
|
48
|
-
},
|
|
49
|
-
const
|
|
50
|
-
let
|
|
48
|
+
}, Ge = (i, t) => (n, e) => t(n, e, i);
|
|
49
|
+
const en = 50;
|
|
50
|
+
let Ee = class {
|
|
51
51
|
constructor(i, t, n) {
|
|
52
52
|
this._drawingManagerService = i, this._imageIoService = t, this._dialogService = n;
|
|
53
53
|
}
|
|
@@ -61,8 +61,8 @@ let Te = class {
|
|
|
61
61
|
srcRect: a,
|
|
62
62
|
prstGeom: s,
|
|
63
63
|
groupId: c,
|
|
64
|
-
unitId:
|
|
65
|
-
subUnitId:
|
|
64
|
+
unitId: g,
|
|
65
|
+
subUnitId: m,
|
|
66
66
|
drawingId: u,
|
|
67
67
|
isMultiTransform: h,
|
|
68
68
|
transforms: f
|
|
@@ -71,17 +71,17 @@ let Te = class {
|
|
|
71
71
|
return;
|
|
72
72
|
const v = h && f ? f : [n], w = [];
|
|
73
73
|
for (const p of v) {
|
|
74
|
-
const { left: S, top: _, width: M, height: b, angle: E, flipX: y, flipY: I, skewX: P, skewY: N } = p, T = v.indexOf(p), A = G({ unitId:
|
|
74
|
+
const { left: S, top: _, width: M, height: b, angle: E, flipX: y, flipY: I, skewX: P, skewY: N } = p, T = v.indexOf(p), A = G({ unitId: g, subUnitId: m, drawingId: u }, h ? T : void 0), U = t.getObject(A);
|
|
75
75
|
if (U != null) {
|
|
76
76
|
U.transformByState({ left: S, top: _, width: M, height: b, angle: E, flipX: y, flipY: I, skewX: P, skewY: N });
|
|
77
77
|
continue;
|
|
78
78
|
}
|
|
79
|
-
const ie = this._drawingManagerService.getDrawingOrder(
|
|
79
|
+
const ie = this._drawingManagerService.getDrawingOrder(g, m), W = ie.indexOf(u), q = { ...p, zIndex: W === -1 ? ie.length - 1 : W }, Se = this._imageIoService.getImageSourceCache(r, o);
|
|
80
80
|
let ae = !1;
|
|
81
|
-
if (
|
|
82
|
-
q.image =
|
|
81
|
+
if (Se != null)
|
|
82
|
+
q.image = Se;
|
|
83
83
|
else {
|
|
84
|
-
if (o ===
|
|
84
|
+
if (o === Hn.UUID)
|
|
85
85
|
try {
|
|
86
86
|
q.url = await this._imageIoService.getImage(r);
|
|
87
87
|
} catch (Ve) {
|
|
@@ -95,8 +95,8 @@ let Te = class {
|
|
|
95
95
|
if (t.getObject(A))
|
|
96
96
|
continue;
|
|
97
97
|
q.printable = !0;
|
|
98
|
-
const z = new
|
|
99
|
-
ae && this._imageIoService.addImageSourceCache(r, o, z.getNative()), this._drawingManagerService.getDrawingVisible() && (t.addObject(z,
|
|
98
|
+
const z = new $e(A, q);
|
|
99
|
+
ae && this._imageIoService.addImageSourceCache(r, o, z.getNative()), this._drawingManagerService.getDrawingVisible() && (t.addObject(z, Ke), this._drawingManagerService.getDrawingEditable() && t.attachTransformerTo(z), c && Xn({ drawingId: c, unitId: g, subUnitId: m }, z, t, this._drawingManagerService), s != null && z.setPrstGeom(s), a != null && z.setSrcRect(a), w.push(z));
|
|
100
100
|
}
|
|
101
101
|
return w;
|
|
102
102
|
}
|
|
@@ -109,13 +109,13 @@ let Te = class {
|
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
previewImage(i, t, n, e) {
|
|
112
|
-
const r = `${i}-viewer-dialog`, o = window.innerWidth -
|
|
112
|
+
const r = `${i}-viewer-dialog`, o = window.innerWidth - en, a = window.innerHeight - en, s = this._adjustImageSize(n, e, o, a), c = this._dialogService.open({
|
|
113
113
|
width: Math.max(s.width, 200),
|
|
114
114
|
id: r,
|
|
115
115
|
style: { margin: "0", top: "50%", left: "50%", transform: "translate(-50%, -50%)" },
|
|
116
116
|
children: {
|
|
117
117
|
label: {
|
|
118
|
-
name:
|
|
118
|
+
name: dn,
|
|
119
119
|
props: {
|
|
120
120
|
src: t,
|
|
121
121
|
width: s.width,
|
|
@@ -143,18 +143,18 @@ let Te = class {
|
|
|
143
143
|
};
|
|
144
144
|
}
|
|
145
145
|
};
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
],
|
|
151
|
-
function
|
|
146
|
+
Ee = qn([
|
|
147
|
+
Ge(0, re),
|
|
148
|
+
Ge(1, sn),
|
|
149
|
+
Ge(2, cn)
|
|
150
|
+
], Ee);
|
|
151
|
+
function xe(i, t) {
|
|
152
152
|
const n = [];
|
|
153
153
|
return i.forEach((e) => {
|
|
154
|
-
const { oKey: r, left: o, top: a, height: s, width: c, angle:
|
|
155
|
-
if (
|
|
154
|
+
const { oKey: r, left: o, top: a, height: s, width: c, angle: g } = e, m = t.getDrawingOKey(r);
|
|
155
|
+
if (m == null)
|
|
156
156
|
return n.push(null), !0;
|
|
157
|
-
const { unitId: u, subUnitId: h, drawingId: f, drawingType: v } =
|
|
157
|
+
const { unitId: u, subUnitId: h, drawingId: f, drawingType: v } = m, w = {
|
|
158
158
|
unitId: u,
|
|
159
159
|
subUnitId: h,
|
|
160
160
|
drawingId: f,
|
|
@@ -164,44 +164,31 @@ function ke(i, t) {
|
|
|
164
164
|
top: a,
|
|
165
165
|
height: s,
|
|
166
166
|
width: c,
|
|
167
|
-
angle:
|
|
167
|
+
angle: g
|
|
168
168
|
}
|
|
169
169
|
};
|
|
170
170
|
v === ne.DRAWING_IMAGE && (w.srcRect = e.srcRect), n.push(w);
|
|
171
171
|
}), n;
|
|
172
172
|
}
|
|
173
|
-
function hn(i) {
|
|
174
|
-
var t, n, e = "";
|
|
175
|
-
if (typeof i == "string" || typeof i == "number") e += i;
|
|
176
|
-
else if (typeof i == "object") if (Array.isArray(i)) {
|
|
177
|
-
var r = i.length;
|
|
178
|
-
for (t = 0; t < r; t++) i[t] && (n = hn(i[t])) && (e && (e += " "), e += n);
|
|
179
|
-
} else for (n in i) i[n] && (e && (e += " "), e += n);
|
|
180
|
-
return e;
|
|
181
|
-
}
|
|
182
|
-
function D() {
|
|
183
|
-
for (var i, t, n = 0, e = "", r = arguments.length; n < r; n++) (i = arguments[n]) && (t = hn(i)) && (e && (e += " "), e += t);
|
|
184
|
-
return e;
|
|
185
|
-
}
|
|
186
173
|
var R = /* @__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))(R || {});
|
|
187
|
-
const
|
|
174
|
+
const Ze = {
|
|
188
175
|
id: "sheet.operation.set-image-align",
|
|
189
|
-
type:
|
|
176
|
+
type: ve.OPERATION,
|
|
190
177
|
handler: (i, t) => !0
|
|
191
|
-
},
|
|
192
|
-
imageCommonPanelGrid:
|
|
193
|
-
imageCommonPanelBorder:
|
|
194
|
-
imageCommonPanelTitle:
|
|
195
|
-
imageCommonPanelRow:
|
|
196
|
-
imageCommonPanelRowVertical:
|
|
197
|
-
imageCommonPanelColumn:
|
|
198
|
-
imageCommonPanelColumnCenter:
|
|
199
|
-
imageCommonPanelInline:
|
|
200
|
-
imageCommonPanelSpan2:
|
|
201
|
-
imageCommonPanelSpan3:
|
|
202
|
-
imageCommonPanelInput:
|
|
203
|
-
},
|
|
204
|
-
const t =
|
|
178
|
+
}, Qn = "univer-image-common-panel-grid", et = "univer-image-common-panel-border", nt = "univer-image-common-panel-title", tt = "univer-image-common-panel-row", rt = "univer-image-common-panel-row-vertical", it = "univer-image-common-panel-column", at = "univer-image-common-panel-column-center", ot = "univer-image-common-panel-inline", st = "univer-image-common-panel-span2", ct = "univer-image-common-panel-span3", lt = "univer-image-common-panel-input", l = {
|
|
179
|
+
imageCommonPanelGrid: Qn,
|
|
180
|
+
imageCommonPanelBorder: et,
|
|
181
|
+
imageCommonPanelTitle: nt,
|
|
182
|
+
imageCommonPanelRow: tt,
|
|
183
|
+
imageCommonPanelRowVertical: rt,
|
|
184
|
+
imageCommonPanelColumn: it,
|
|
185
|
+
imageCommonPanelColumnCenter: at,
|
|
186
|
+
imageCommonPanelInline: ot,
|
|
187
|
+
imageCommonPanelSpan2: st,
|
|
188
|
+
imageCommonPanelSpan3: ct,
|
|
189
|
+
imageCommonPanelInput: lt
|
|
190
|
+
}, gt = (i) => {
|
|
191
|
+
const t = V(me), n = V(te), { alignShow: e } = i, [r, o] = x(R.default), a = [
|
|
205
192
|
{
|
|
206
193
|
label: n.t("image-panel.align.default"),
|
|
207
194
|
value: R.default
|
|
@@ -251,12 +238,12 @@ const Ye = {
|
|
|
251
238
|
]
|
|
252
239
|
}
|
|
253
240
|
];
|
|
254
|
-
function s(
|
|
255
|
-
o(
|
|
256
|
-
alignType:
|
|
241
|
+
function s(g) {
|
|
242
|
+
o(g), t.executeCommand(Ze.id, {
|
|
243
|
+
alignType: g
|
|
257
244
|
});
|
|
258
245
|
}
|
|
259
|
-
const c = (
|
|
246
|
+
const c = (g) => g ? "block" : "none";
|
|
260
247
|
return /* @__PURE__ */ B("div", { className: D(l.imageCommonPanelGrid, l.imageCommonPanelBorder), style: { display: c(e) }, children: [
|
|
261
248
|
/* @__PURE__ */ d("div", { className: l.imageCommonPanelRow, children: /* @__PURE__ */ d("div", { className: D(l.imageCommonPanelColumn, l.imageCommonPanelTitle), children: /* @__PURE__ */ d("div", { children: n.t("image-panel.align.title") }) }) }),
|
|
262
249
|
/* @__PURE__ */ d("div", { className: l.imageCommonPanelRow, children: /* @__PURE__ */ d("div", { className: D(l.imageCommonPanelColumn), children: /* @__PURE__ */ d(gn, { value: r, options: a, onChange: s }) }) })
|
|
@@ -270,7 +257,7 @@ var $ = function() {
|
|
|
270
257
|
}
|
|
271
258
|
return i;
|
|
272
259
|
}, $.apply(this, arguments);
|
|
273
|
-
},
|
|
260
|
+
}, mt = function(i, t) {
|
|
274
261
|
var n = {};
|
|
275
262
|
for (var e in i) Object.prototype.hasOwnProperty.call(i, e) && t.indexOf(e) < 0 && (n[e] = i[e]);
|
|
276
263
|
if (i != null && typeof Object.getOwnPropertySymbols == "function")
|
|
@@ -278,15 +265,15 @@ var $ = function() {
|
|
|
278
265
|
t.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(i, e[r]) && (n[e[r]] = i[e[r]]);
|
|
279
266
|
return n;
|
|
280
267
|
}, J = Y(function(i, t) {
|
|
281
|
-
var n = i.icon, e = i.id, r = i.className, o = i.extend, a =
|
|
282
|
-
return
|
|
268
|
+
var n = i.icon, e = i.id, r = i.className, o = i.extend, a = mt(i, ["icon", "id", "className", "extend"]), s = "univerjs-icon univerjs-icon-".concat(e, " ").concat(r || "").trim(), c = ln("_".concat(ht()));
|
|
269
|
+
return un(n, "".concat(e), { defIds: n.defIds, idSuffix: c.current }, $({ ref: t, className: s }, a), o);
|
|
283
270
|
});
|
|
284
|
-
function
|
|
285
|
-
return X(i.tag, $($({ key: t },
|
|
286
|
-
return
|
|
271
|
+
function un(i, t, n, e, r) {
|
|
272
|
+
return X(i.tag, $($({ key: t }, dt(i, n, r)), e), (ut(i, n).children || []).map(function(o, a) {
|
|
273
|
+
return un(o, "".concat(t, "-").concat(i.tag, "-").concat(a), n, void 0, r);
|
|
287
274
|
}));
|
|
288
275
|
}
|
|
289
|
-
function
|
|
276
|
+
function dt(i, t, n) {
|
|
290
277
|
var e = $({}, i.attrs);
|
|
291
278
|
n != null && n.colorChannel1 && e.fill === "colorChannel1" && (e.fill = n.colorChannel1), i.tag === "mask" && e.id && (e.id = e.id + t.idSuffix), Object.entries(e).forEach(function(o) {
|
|
292
279
|
var a = o[0], s = o[1];
|
|
@@ -298,136 +285,136 @@ function ht(i, t, n) {
|
|
|
298
285
|
typeof s == "string" && (e[a] = s.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
|
|
299
286
|
})), e;
|
|
300
287
|
}
|
|
301
|
-
function
|
|
288
|
+
function ut(i, t) {
|
|
302
289
|
var n, e = t.defIds;
|
|
303
290
|
return !e || e.length === 0 ? i : i.tag === "defs" && (!((n = i.children) === null || n === void 0) && n.length) ? $($({}, i), { children: i.children.map(function(r) {
|
|
304
291
|
return typeof r.attrs.id == "string" && e && e.indexOf(r.attrs.id) > -1 ? $($({}, r), { attrs: $($({}, r.attrs), { id: r.attrs.id + t.idSuffix }) }) : r;
|
|
305
292
|
}) }) : i;
|
|
306
293
|
}
|
|
307
|
-
function
|
|
294
|
+
function ht() {
|
|
308
295
|
return Math.random().toString(36).substring(2, 8);
|
|
309
296
|
}
|
|
310
297
|
J.displayName = "UniverIcon";
|
|
311
|
-
var
|
|
298
|
+
var ft = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "colorChannel1", d: "M11.0363 12.2367V14.0367C11.0363 14.3681 11.3049 14.6367 11.6363 14.6367C11.9676 14.6367 12.2363 14.3681 12.2363 14.0367V12.2367H14.0364C14.3677 12.2367 14.6364 11.9681 14.6364 11.6367C14.6364 11.3054 14.3677 11.0367 14.0364 11.0367H12.2363V9.23672C12.2363 8.90535 11.9676 8.63672 11.6363 8.63672C11.3049 8.63672 11.0363 8.90535 11.0363 9.23672V11.0367H9.23635C8.90498 11.0367 8.63635 11.3054 8.63635 11.6367C8.63635 11.9681 8.90498 12.2367 9.23635 12.2367H11.0363Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.56365 1.36377C1.90091 1.36377 1.36365 1.90103 1.36365 2.56377V6.16377C1.36365 6.82651 1.90091 7.36377 2.56365 7.36377H6.16365C6.82639 7.36377 7.36365 6.82651 7.36365 6.16377V2.56377C7.36365 1.90103 6.82639 1.36377 6.16365 1.36377H2.56365zM6.16365 2.56377H2.56365L2.56365 6.16377H6.16365V2.56377zM2.56365 8.63647C1.90091 8.63647 1.36365 9.17373 1.36365 9.83647V13.4365C1.36365 14.0992 1.90091 14.6365 2.56365 14.6365H6.16365C6.82639 14.6365 7.36365 14.0992 7.36365 13.4365V9.83647C7.36365 9.17373 6.82639 8.63647 6.16365 8.63647H2.56365zM6.16365 9.83647H2.56365L2.56365 13.4365H6.16365V9.83647zM9.83635 7.36377C9.17361 7.36377 8.63635 6.82651 8.63635 6.16377V2.56377C8.63635 1.90103 9.17361 1.36377 9.83635 1.36377H13.4364C14.0991 1.36377 14.6364 1.90103 14.6364 2.56377V6.16377C14.6364 6.82651 14.0991 7.36377 13.4364 7.36377H9.83635zM9.83635 6.16377V2.56377L13.4364 2.56377V6.16377H9.83635z", fillRule: "evenodd", clipRule: "evenodd" } }] }, hn = Y(function(i, t) {
|
|
312
299
|
return X(J, Object.assign({}, i, {
|
|
313
300
|
id: "autofill",
|
|
314
301
|
ref: t,
|
|
315
|
-
icon:
|
|
302
|
+
icon: ft
|
|
316
303
|
}));
|
|
317
304
|
});
|
|
318
|
-
|
|
319
|
-
var
|
|
305
|
+
hn.displayName = "Autofill";
|
|
306
|
+
var pt = { 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" } }] }, fn = Y(function(i, t) {
|
|
320
307
|
return X(J, Object.assign({}, i, {
|
|
321
308
|
id: "bottom-single",
|
|
322
309
|
ref: t,
|
|
323
|
-
icon:
|
|
310
|
+
icon: pt
|
|
324
311
|
}));
|
|
325
312
|
});
|
|
326
|
-
|
|
327
|
-
var
|
|
313
|
+
fn.displayName = "BottomSingle";
|
|
314
|
+
var Ct = { 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" } }] }, pn = Y(function(i, t) {
|
|
328
315
|
return X(J, Object.assign({}, i, {
|
|
329
316
|
id: "create-copy-single",
|
|
330
317
|
ref: t,
|
|
331
|
-
icon:
|
|
318
|
+
icon: Ct
|
|
332
319
|
}));
|
|
333
320
|
});
|
|
334
|
-
|
|
335
|
-
var
|
|
321
|
+
pn.displayName = "CreateCopySingle";
|
|
322
|
+
var wt = { 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" } }] }, Cn = Y(function(i, t) {
|
|
336
323
|
return X(J, Object.assign({}, i, {
|
|
337
324
|
id: "group-single",
|
|
338
325
|
ref: t,
|
|
339
|
-
icon:
|
|
326
|
+
icon: wt
|
|
340
327
|
}));
|
|
341
328
|
});
|
|
342
|
-
|
|
343
|
-
var
|
|
329
|
+
Cn.displayName = "GroupSingle";
|
|
330
|
+
var vt = { 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" } }] }, wn = Y(function(i, t) {
|
|
344
331
|
return X(J, Object.assign({}, i, {
|
|
345
332
|
id: "more-down-single",
|
|
346
333
|
ref: t,
|
|
347
|
-
icon:
|
|
334
|
+
icon: vt
|
|
348
335
|
}));
|
|
349
336
|
});
|
|
350
|
-
|
|
351
|
-
var
|
|
337
|
+
wn.displayName = "MoreDownSingle";
|
|
338
|
+
var _t = { 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" } }] }, vn = Y(function(i, t) {
|
|
352
339
|
return X(J, Object.assign({}, i, {
|
|
353
340
|
id: "move-down-single",
|
|
354
341
|
ref: t,
|
|
355
|
-
icon:
|
|
342
|
+
icon: _t
|
|
356
343
|
}));
|
|
357
344
|
});
|
|
358
|
-
|
|
359
|
-
var
|
|
345
|
+
vn.displayName = "MoveDownSingle";
|
|
346
|
+
var St = { 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" } }] }, _n = Y(function(i, t) {
|
|
360
347
|
return X(J, Object.assign({}, i, {
|
|
361
348
|
id: "move-up-single",
|
|
362
349
|
ref: t,
|
|
363
|
-
icon:
|
|
350
|
+
icon: St
|
|
364
351
|
}));
|
|
365
352
|
});
|
|
366
|
-
|
|
367
|
-
var
|
|
353
|
+
_n.displayName = "MoveUpSingle";
|
|
354
|
+
var bt = { 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" } }] }, Sn = Y(function(i, t) {
|
|
368
355
|
return X(J, Object.assign({}, i, {
|
|
369
356
|
id: "topmost-single",
|
|
370
357
|
ref: t,
|
|
371
|
-
icon:
|
|
358
|
+
icon: bt
|
|
372
359
|
}));
|
|
373
360
|
});
|
|
374
|
-
|
|
375
|
-
var
|
|
361
|
+
Sn.displayName = "TopmostSingle";
|
|
362
|
+
var It = { 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" } }] }, bn = Y(function(i, t) {
|
|
376
363
|
return X(J, Object.assign({}, i, {
|
|
377
364
|
id: "ungroup-single",
|
|
378
365
|
ref: t,
|
|
379
|
-
icon:
|
|
366
|
+
icon: It
|
|
380
367
|
}));
|
|
381
368
|
});
|
|
382
|
-
|
|
383
|
-
const
|
|
384
|
-
const { arrangeShow: t, drawings: n } = i, e =
|
|
385
|
-
|
|
386
|
-
const
|
|
387
|
-
s(
|
|
369
|
+
bn.displayName = "UngroupSingle";
|
|
370
|
+
const yt = (i) => {
|
|
371
|
+
const { arrangeShow: t, drawings: n } = i, e = V(te), r = V(re), o = (g) => g ? "block" : "none", [a, s] = x(n);
|
|
372
|
+
_e(() => {
|
|
373
|
+
const g = r.focus$.subscribe((m) => {
|
|
374
|
+
s(m);
|
|
388
375
|
});
|
|
389
376
|
return () => {
|
|
390
|
-
|
|
377
|
+
g.unsubscribe();
|
|
391
378
|
};
|
|
392
379
|
}, []);
|
|
393
|
-
const c = (
|
|
394
|
-
const
|
|
395
|
-
r.featurePluginOrderUpdateNotification({ unitId:
|
|
380
|
+
const c = (g) => {
|
|
381
|
+
const m = a[0].unitId, u = a[0].subUnitId, h = a.map((f) => f.drawingId);
|
|
382
|
+
r.featurePluginOrderUpdateNotification({ unitId: m, subUnitId: u, drawingIds: h, arrangeType: g });
|
|
396
383
|
};
|
|
397
384
|
return /* @__PURE__ */ B("div", { className: l.imageCommonPanelGrid, style: { display: o(t) }, children: [
|
|
398
385
|
/* @__PURE__ */ d("div", { className: l.imageCommonPanelRow, children: /* @__PURE__ */ d("div", { className: D(l.imageCommonPanelColumn, l.imageCommonPanelTitle), children: /* @__PURE__ */ d("div", { children: e.t("image-panel.arrange.title") }) }) }),
|
|
399
386
|
/* @__PURE__ */ B("div", { className: l.imageCommonPanelRow, children: [
|
|
400
387
|
/* @__PURE__ */ d("div", { className: D(l.imageCommonPanelColumn, l.imageCommonPanelSpan2), children: /* @__PURE__ */ d(le, { size: "small", onClick: () => {
|
|
401
|
-
c(
|
|
388
|
+
c(be.forward);
|
|
402
389
|
}, children: /* @__PURE__ */ B("span", { className: l.imageCommonPanelInline, children: [
|
|
403
|
-
/* @__PURE__ */ d(
|
|
390
|
+
/* @__PURE__ */ d(_n, {}),
|
|
404
391
|
e.t("image-panel.arrange.forward")
|
|
405
392
|
] }) }) }),
|
|
406
393
|
/* @__PURE__ */ d("div", { className: D(l.imageCommonPanelColumn, l.imageCommonPanelSpan2), children: /* @__PURE__ */ d(le, { size: "small", onClick: () => {
|
|
407
|
-
c(
|
|
394
|
+
c(be.backward);
|
|
408
395
|
}, children: /* @__PURE__ */ B("span", { className: l.imageCommonPanelInline, children: [
|
|
409
|
-
/* @__PURE__ */ d(
|
|
396
|
+
/* @__PURE__ */ d(vn, {}),
|
|
410
397
|
e.t("image-panel.arrange.backward")
|
|
411
398
|
] }) }) })
|
|
412
399
|
] }),
|
|
413
400
|
/* @__PURE__ */ B("div", { className: l.imageCommonPanelRow, children: [
|
|
414
401
|
/* @__PURE__ */ d("div", { className: D(l.imageCommonPanelColumn, l.imageCommonPanelSpan2), children: /* @__PURE__ */ d(le, { size: "small", onClick: () => {
|
|
415
|
-
c(
|
|
402
|
+
c(be.front);
|
|
416
403
|
}, children: /* @__PURE__ */ B("span", { className: l.imageCommonPanelInline, children: [
|
|
417
|
-
/* @__PURE__ */ d(
|
|
404
|
+
/* @__PURE__ */ d(Sn, {}),
|
|
418
405
|
e.t("image-panel.arrange.front")
|
|
419
406
|
] }) }) }),
|
|
420
407
|
/* @__PURE__ */ d("div", { className: D(l.imageCommonPanelColumn, l.imageCommonPanelSpan2), children: /* @__PURE__ */ d(le, { size: "small", onClick: () => {
|
|
421
|
-
c(
|
|
408
|
+
c(be.back);
|
|
422
409
|
}, children: /* @__PURE__ */ B("span", { className: l.imageCommonPanelInline, children: [
|
|
423
|
-
/* @__PURE__ */ d(
|
|
410
|
+
/* @__PURE__ */ d(fn, {}),
|
|
424
411
|
e.t("image-panel.arrange.back")
|
|
425
412
|
] }) }) })
|
|
426
413
|
] })
|
|
427
414
|
] });
|
|
428
|
-
},
|
|
429
|
-
const t =
|
|
430
|
-
const p = e.getFocusDrawings(), { unitId: S, subUnitId: _ } = p[0], M =
|
|
415
|
+
}, Pt = (i) => {
|
|
416
|
+
const t = V(te), n = V(ue), e = V(re), { hasGroup: r, drawings: o } = i, [a, s] = x(!1), [c, g] = x(!0), [m, u] = x(!0), h = (p) => p ? "block" : "none", f = () => {
|
|
417
|
+
const p = e.getFocusDrawings(), { unitId: S, subUnitId: _ } = p[0], M = Tn.generateRandomId(10), b = Ln(0, 0, p.map((I) => I.transform || {})), E = {
|
|
431
418
|
unitId: S,
|
|
432
419
|
subUnitId: _,
|
|
433
420
|
drawingId: M,
|
|
@@ -461,7 +448,7 @@ const Rt = (i) => {
|
|
|
461
448
|
if (E.length === 0)
|
|
462
449
|
return;
|
|
463
450
|
const y = E.map((I) => {
|
|
464
|
-
const { transform: P } = I, { unitId: N, subUnitId: T, drawingId: A } = I, U =
|
|
451
|
+
const { transform: P } = I, { unitId: N, subUnitId: T, drawingId: A } = I, U = xn(P || {}, b, b.width || 0, b.height || 0);
|
|
465
452
|
return {
|
|
466
453
|
unitId: N,
|
|
467
454
|
subUnitId: T,
|
|
@@ -483,7 +470,7 @@ const Rt = (i) => {
|
|
|
483
470
|
).filter((_) => _ != null);
|
|
484
471
|
S.length !== 0 && e.featurePluginUngroupUpdateNotification(S);
|
|
485
472
|
};
|
|
486
|
-
return
|
|
473
|
+
return _e(() => {
|
|
487
474
|
const p = o[0];
|
|
488
475
|
if (p == null)
|
|
489
476
|
return;
|
|
@@ -493,9 +480,9 @@ const Rt = (i) => {
|
|
|
493
480
|
const b = M.getTransformerByCreate(), E = b.clearControl$.subscribe((I) => {
|
|
494
481
|
I === !0 && s(!1);
|
|
495
482
|
}), y = b.changeStart$.subscribe((I) => {
|
|
496
|
-
const { objects: P } = I, N =
|
|
483
|
+
const { objects: P } = I, N = xe(P, e), T = N.filter((W) => (W == null ? void 0 : W.drawingType) === ne.DRAWING_GROUP);
|
|
497
484
|
let A = !1, U = !1;
|
|
498
|
-
N.length > 1 && (A = !0), T.length > 0 && (U = !0), s(A || U),
|
|
485
|
+
N.length > 1 && (A = !0), T.length > 0 && (U = !0), s(A || U), g(A), u(U);
|
|
499
486
|
});
|
|
500
487
|
return () => {
|
|
501
488
|
y.unsubscribe(), E.unsubscribe();
|
|
@@ -506,29 +493,29 @@ const Rt = (i) => {
|
|
|
506
493
|
/* @__PURE__ */ d("div", { className: D(l.imageCommonPanelColumn, l.imageCommonPanelSpan2, l.imageCommonPanelColumnCenter), children: /* @__PURE__ */ d(le, { size: "small", onClick: () => {
|
|
507
494
|
f();
|
|
508
495
|
}, style: { display: h(c) }, children: /* @__PURE__ */ B("span", { className: l.imageCommonPanelInline, children: [
|
|
509
|
-
/* @__PURE__ */ d(
|
|
496
|
+
/* @__PURE__ */ d(Cn, {}),
|
|
510
497
|
t.t("image-panel.group.group")
|
|
511
498
|
] }) }) }),
|
|
512
499
|
/* @__PURE__ */ d("div", { className: D(l.imageCommonPanelColumn, l.imageCommonPanelSpan2, l.imageCommonPanelColumnCenter), children: /* @__PURE__ */ d(le, { size: "small", onClick: () => {
|
|
513
500
|
w();
|
|
514
|
-
}, style: { display: h(
|
|
515
|
-
/* @__PURE__ */ d(
|
|
501
|
+
}, style: { display: h(m) }, children: /* @__PURE__ */ B("span", { className: l.imageCommonPanelInline, children: [
|
|
502
|
+
/* @__PURE__ */ d(bn, {}),
|
|
516
503
|
t.t("image-panel.group.unGroup")
|
|
517
504
|
] }) }) })
|
|
518
505
|
] })
|
|
519
506
|
] });
|
|
520
|
-
}, se = 20,
|
|
521
|
-
var
|
|
522
|
-
const t =
|
|
507
|
+
}, se = 20, Rt = 20, Mt = [-3600, 3600], Pe = 300, Nt = (i) => {
|
|
508
|
+
var Ye;
|
|
509
|
+
const t = V(te), n = V(re), e = V(ue), { drawings: r, transformShow: o } = i, a = r[0];
|
|
523
510
|
if (a == null)
|
|
524
511
|
return;
|
|
525
512
|
const s = a.transform;
|
|
526
513
|
if (s == null)
|
|
527
514
|
return;
|
|
528
|
-
const { unitId: c, subUnitId:
|
|
515
|
+
const { unitId: c, subUnitId: g, drawingId: m, drawingType: u } = a, h = e.getRenderById(c), f = h == null ? void 0 : h.scene;
|
|
529
516
|
if (f == null)
|
|
530
517
|
return;
|
|
531
|
-
const v = (
|
|
518
|
+
const v = (Ye = f.getEngine()) == null ? void 0 : Ye.activeScene;
|
|
532
519
|
if (v == null)
|
|
533
520
|
return;
|
|
534
521
|
const w = f.getTransformerByCreate(), {
|
|
@@ -537,23 +524,23 @@ const Rt = (i) => {
|
|
|
537
524
|
left: _ = 0,
|
|
538
525
|
top: M = 0,
|
|
539
526
|
angle: b = 0
|
|
540
|
-
} = s, [E, y] = x(p), [I, P] = x(S), [N, T] = x(_), [A, U] = x(M), [ie, W] = x(b), [q,
|
|
527
|
+
} = s, [E, y] = x(p), [I, P] = x(S), [N, T] = x(_), [A, U] = x(M), [ie, W] = x(b), [q, Se] = x(w.keepRatio), ae = (C, O, L, k) => {
|
|
541
528
|
const { width: H, height: Q } = v, { ancestorLeft: F, ancestorTop: K } = f;
|
|
542
|
-
let Z = C, oe = O, he = L, fe =
|
|
543
|
-
return C + F < 0 && (Z = -F), O + K < 0 && (oe = -K), he = H - Z - F, he < se && (he = se), fe = Q - oe - K, fe < se && (fe = se), C + he + F > H && (Z = H - L - F), O + fe + K > Q && (oe = Q -
|
|
529
|
+
let Z = C, oe = O, he = L, fe = k;
|
|
530
|
+
return C + F < 0 && (Z = -F), O + K < 0 && (oe = -K), he = H - Z - F, he < se && (he = se), fe = Q - oe - K, fe < se && (fe = se), C + he + F > H && (Z = H - L - F), O + fe + K > Q && (oe = Q - k - K), {
|
|
544
531
|
limitLeft: Z,
|
|
545
532
|
limitTop: oe,
|
|
546
533
|
limitWidth: he,
|
|
547
534
|
limitHeight: fe
|
|
548
535
|
};
|
|
549
536
|
}, z = (C) => {
|
|
550
|
-
const { objects: O } = C, L =
|
|
537
|
+
const { objects: O } = C, L = xe(O, n);
|
|
551
538
|
if (L.length !== 1)
|
|
552
539
|
return;
|
|
553
|
-
const
|
|
554
|
-
if (
|
|
540
|
+
const k = L[0];
|
|
541
|
+
if (k == null)
|
|
555
542
|
return;
|
|
556
|
-
const { transform: H } =
|
|
543
|
+
const { transform: H } = k;
|
|
557
544
|
if (H == null)
|
|
558
545
|
return;
|
|
559
546
|
const {
|
|
@@ -565,7 +552,7 @@ const Rt = (i) => {
|
|
|
565
552
|
} = H;
|
|
566
553
|
Q != null && y(Q), F != null && P(F), K != null && T(K), Z != null && U(Z), oe != null && W(oe);
|
|
567
554
|
};
|
|
568
|
-
|
|
555
|
+
_e(() => {
|
|
569
556
|
const C = [
|
|
570
557
|
w.changeStart$.subscribe((O) => {
|
|
571
558
|
z(O);
|
|
@@ -582,8 +569,8 @@ const Rt = (i) => {
|
|
|
582
569
|
const L = n.getDrawingByParam(O[0]);
|
|
583
570
|
if (L == null)
|
|
584
571
|
return;
|
|
585
|
-
const
|
|
586
|
-
if (
|
|
572
|
+
const k = L.transform;
|
|
573
|
+
if (k == null)
|
|
587
574
|
return;
|
|
588
575
|
const {
|
|
589
576
|
width: H,
|
|
@@ -591,7 +578,7 @@ const Rt = (i) => {
|
|
|
591
578
|
left: F,
|
|
592
579
|
top: K,
|
|
593
580
|
angle: Z
|
|
594
|
-
} =
|
|
581
|
+
} = k;
|
|
595
582
|
H != null && y(H), Q != null && P(Q), F != null && T(F), K != null && U(K), Z != null && W(Z);
|
|
596
583
|
})
|
|
597
584
|
];
|
|
@@ -599,59 +586,59 @@ const Rt = (i) => {
|
|
|
599
586
|
C.forEach((O) => O.unsubscribe());
|
|
600
587
|
};
|
|
601
588
|
}, []);
|
|
602
|
-
const Ve =
|
|
589
|
+
const Ve = Ie((C) => {
|
|
603
590
|
if (C == null)
|
|
604
591
|
return;
|
|
605
592
|
C = Math.max(C, se);
|
|
606
593
|
const { limitWidth: O, limitHeight: L } = ae(N, A, C, I);
|
|
607
594
|
C = Math.min(C, O);
|
|
608
|
-
const
|
|
595
|
+
const k = { unitId: c, subUnitId: g, drawingId: m, drawingType: u, transform: { width: C } };
|
|
609
596
|
if (q) {
|
|
610
597
|
let H = C / E * I;
|
|
611
|
-
if (H = Math.max(H,
|
|
598
|
+
if (H = Math.max(H, Rt), H > L)
|
|
612
599
|
return;
|
|
613
|
-
P(H),
|
|
600
|
+
P(H), k.transform.height = H;
|
|
614
601
|
}
|
|
615
|
-
y(C), n.featurePluginUpdateNotification([
|
|
616
|
-
},
|
|
602
|
+
y(C), n.featurePluginUpdateNotification([k]), w.refreshControls().changeNotification();
|
|
603
|
+
}, Pe), yn = Ie((C) => {
|
|
617
604
|
if (C == null)
|
|
618
605
|
return;
|
|
619
606
|
C = Math.max(C, se);
|
|
620
607
|
const { limitHeight: O, limitWidth: L } = ae(N, A, E, C);
|
|
621
608
|
C = Math.min(C, O);
|
|
622
|
-
const
|
|
609
|
+
const k = { unitId: c, subUnitId: g, drawingId: m, drawingType: u, transform: { height: C } };
|
|
623
610
|
if (q) {
|
|
624
611
|
let H = C / I * E;
|
|
625
612
|
if (H = Math.max(H, se), H > L)
|
|
626
613
|
return;
|
|
627
|
-
y(H),
|
|
614
|
+
y(H), k.transform.width = H;
|
|
628
615
|
}
|
|
629
|
-
P(C), n.featurePluginUpdateNotification([
|
|
630
|
-
},
|
|
616
|
+
P(C), n.featurePluginUpdateNotification([k]), w.refreshControls().changeNotification();
|
|
617
|
+
}, Pe), Pn = Ie((C) => {
|
|
631
618
|
if (C == null)
|
|
632
619
|
return;
|
|
633
620
|
const { limitLeft: O } = ae(C, A, E, I);
|
|
634
621
|
C = O;
|
|
635
|
-
const L = { unitId: c, subUnitId:
|
|
622
|
+
const L = { unitId: c, subUnitId: g, drawingId: m, drawingType: u, transform: { left: C } };
|
|
636
623
|
T(C), n.featurePluginUpdateNotification([L]), w.refreshControls().changeNotification();
|
|
637
|
-
},
|
|
624
|
+
}, Pe), Rn = Ie((C) => {
|
|
638
625
|
if (C == null)
|
|
639
626
|
return;
|
|
640
627
|
const { limitTop: O } = ae(N, C, E, I);
|
|
641
628
|
C = O;
|
|
642
|
-
const L = { unitId: c, subUnitId:
|
|
629
|
+
const L = { unitId: c, subUnitId: g, drawingId: m, drawingType: u, transform: { top: C } };
|
|
643
630
|
U(C), n.featurePluginUpdateNotification([L]), w.refreshControls().changeNotification();
|
|
644
|
-
},
|
|
631
|
+
}, Pe), Mn = (C) => {
|
|
645
632
|
if (C == null)
|
|
646
633
|
return;
|
|
647
|
-
const [O, L] =
|
|
634
|
+
const [O, L] = Mt;
|
|
648
635
|
C < O && (C = O), C > L && (C = L);
|
|
649
|
-
const
|
|
650
|
-
W(C), n.featurePluginUpdateNotification([
|
|
651
|
-
},
|
|
652
|
-
|
|
653
|
-
},
|
|
654
|
-
return /* @__PURE__ */ B("div", { className: D(l.imageCommonPanelGrid, l.imageCommonPanelBorder), style: { display:
|
|
636
|
+
const k = { unitId: c, subUnitId: g, drawingId: m, drawingType: u, transform: { angle: C } };
|
|
637
|
+
W(C), n.featurePluginUpdateNotification([k]), w.refreshControls().changeNotification();
|
|
638
|
+
}, Nn = (C) => {
|
|
639
|
+
Se(C), w.keepRatio = C;
|
|
640
|
+
}, On = (C) => C ? "block" : "none";
|
|
641
|
+
return /* @__PURE__ */ B("div", { className: D(l.imageCommonPanelGrid, l.imageCommonPanelBorder), style: { display: On(o) }, children: [
|
|
655
642
|
/* @__PURE__ */ d("div", { className: l.imageCommonPanelRow, children: /* @__PURE__ */ d("div", { className: D(l.imageCommonPanelColumn, l.imageCommonPanelTitle), children: /* @__PURE__ */ d("div", { children: t.t("image-panel.transform.title") }) }) }),
|
|
656
643
|
/* @__PURE__ */ B("div", { className: l.imageCommonPanelRow, children: [
|
|
657
644
|
/* @__PURE__ */ d("div", { className: D(l.imageCommonPanelColumn, l.imageCommonPanelSpan3), children: /* @__PURE__ */ B("label", { children: [
|
|
@@ -663,52 +650,52 @@ const Rt = (i) => {
|
|
|
663
650
|
/* @__PURE__ */ d("div", { className: D(l.imageCommonPanelColumn, l.imageCommonPanelSpan3), children: /* @__PURE__ */ B("label", { children: [
|
|
664
651
|
/* @__PURE__ */ d("div", { className: l.imageCommonPanelRow, children: /* @__PURE__ */ d("div", { className: l.imageCommonPanelColumn, children: t.t("image-panel.transform.height") }) }),
|
|
665
652
|
/* @__PURE__ */ d("div", { className: l.imageCommonPanelRow, children: /* @__PURE__ */ d("div", { className: l.imageCommonPanelColumn, children: /* @__PURE__ */ d(pe, { precision: 1, value: I, onChange: (C) => {
|
|
666
|
-
|
|
653
|
+
yn(C);
|
|
667
654
|
}, className: l.imageCommonPanelInput }) }) })
|
|
668
655
|
] }) }),
|
|
669
656
|
/* @__PURE__ */ d("div", { className: D(l.imageCommonPanelColumn, l.imageCommonPanelSpan3), children: /* @__PURE__ */ B("label", { children: [
|
|
670
657
|
/* @__PURE__ */ d("div", { className: l.imageCommonPanelRow, children: /* @__PURE__ */ d("div", { className: l.imageCommonPanelColumn, children: t.t("image-panel.transform.lock") }) }),
|
|
671
|
-
/* @__PURE__ */ d("div", { className: D(l.imageCommonPanelRow, l.imageCommonPanelRowVertical), children: /* @__PURE__ */ d("div", { className: l.imageCommonPanelColumn, children: /* @__PURE__ */ d(
|
|
658
|
+
/* @__PURE__ */ d("div", { className: D(l.imageCommonPanelRow, l.imageCommonPanelRowVertical), children: /* @__PURE__ */ d("div", { className: l.imageCommonPanelColumn, children: /* @__PURE__ */ d(Fn, { checked: q, onChange: Nn }) }) })
|
|
672
659
|
] }) })
|
|
673
660
|
] }),
|
|
674
661
|
/* @__PURE__ */ B("div", { className: l.imageCommonPanelRow, children: [
|
|
675
662
|
/* @__PURE__ */ d("div", { className: D(l.imageCommonPanelColumn, l.imageCommonPanelSpan3), children: /* @__PURE__ */ B("label", { children: [
|
|
676
663
|
/* @__PURE__ */ d("div", { className: l.imageCommonPanelRow, children: /* @__PURE__ */ d("div", { className: l.imageCommonPanelColumn, children: t.t("image-panel.transform.x") }) }),
|
|
677
664
|
/* @__PURE__ */ d("div", { className: l.imageCommonPanelRow, children: /* @__PURE__ */ d("div", { className: l.imageCommonPanelColumn, children: /* @__PURE__ */ d(pe, { precision: 1, value: N, onChange: (C) => {
|
|
678
|
-
|
|
665
|
+
Pn(C);
|
|
679
666
|
}, className: l.imageCommonPanelInput }) }) })
|
|
680
667
|
] }) }),
|
|
681
668
|
/* @__PURE__ */ d("div", { className: D(l.imageCommonPanelColumn, l.imageCommonPanelSpan3), children: /* @__PURE__ */ B("label", { children: [
|
|
682
669
|
/* @__PURE__ */ d("div", { className: l.imageCommonPanelRow, children: /* @__PURE__ */ d("div", { className: l.imageCommonPanelColumn, children: t.t("image-panel.transform.y") }) }),
|
|
683
670
|
/* @__PURE__ */ d("div", { className: l.imageCommonPanelRow, children: /* @__PURE__ */ d("div", { className: l.imageCommonPanelColumn, children: /* @__PURE__ */ d(pe, { precision: 1, value: A, onChange: (C) => {
|
|
684
|
-
|
|
671
|
+
Rn(C);
|
|
685
672
|
}, className: l.imageCommonPanelInput }) }) })
|
|
686
673
|
] }) }),
|
|
687
674
|
/* @__PURE__ */ d("div", { className: D(l.imageCommonPanelColumn, l.imageCommonPanelSpan3), children: /* @__PURE__ */ B("label", { children: [
|
|
688
675
|
/* @__PURE__ */ d("div", { className: l.imageCommonPanelRow, children: /* @__PURE__ */ d("div", { className: l.imageCommonPanelColumn, children: t.t("image-panel.transform.rotate") }) }),
|
|
689
|
-
/* @__PURE__ */ d("div", { className: l.imageCommonPanelRow, children: /* @__PURE__ */ d("div", { className: l.imageCommonPanelColumn, children: /* @__PURE__ */ d(pe, { precision: 1, value: ie, onChange:
|
|
676
|
+
/* @__PURE__ */ d("div", { className: l.imageCommonPanelRow, children: /* @__PURE__ */ d("div", { className: l.imageCommonPanelColumn, children: /* @__PURE__ */ d(pe, { precision: 1, value: ie, onChange: Mn, className: l.imageCommonPanelInput }) }) })
|
|
690
677
|
] }) })
|
|
691
678
|
] })
|
|
692
679
|
] });
|
|
693
|
-
},
|
|
680
|
+
}, ze = {
|
|
694
681
|
id: "sheet.operation.open-image-crop",
|
|
695
|
-
type:
|
|
682
|
+
type: ve.OPERATION,
|
|
696
683
|
handler: (i, t) => !0
|
|
697
|
-
},
|
|
684
|
+
}, ge = {
|
|
698
685
|
id: "sheet.operation.close-image-crop",
|
|
699
|
-
type:
|
|
686
|
+
type: ve.OPERATION,
|
|
700
687
|
handler: (i, t) => !0
|
|
701
688
|
};
|
|
702
689
|
var j = /* @__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))(j || {});
|
|
703
|
-
const
|
|
690
|
+
const Te = {
|
|
704
691
|
id: "sheet.operation.Auto-image-crop",
|
|
705
|
-
type:
|
|
692
|
+
type: ve.OPERATION,
|
|
706
693
|
handler: (i, t) => !0
|
|
707
|
-
},
|
|
708
|
-
const t =
|
|
694
|
+
}, Ot = (i) => {
|
|
695
|
+
const t = V(me), n = V(te), { drawings: e, cropperShow: r } = i;
|
|
709
696
|
if (e[0] == null)
|
|
710
697
|
return;
|
|
711
|
-
const [a, s] = x(j.FREE), c =
|
|
698
|
+
const [a, s] = x(j.FREE), c = ln(!1), g = [
|
|
712
699
|
{
|
|
713
700
|
label: n.t("image-panel.crop.mode"),
|
|
714
701
|
value: j.FREE
|
|
@@ -750,9 +737,9 @@ const Be = {
|
|
|
750
737
|
value: j.R2_3
|
|
751
738
|
}
|
|
752
739
|
];
|
|
753
|
-
|
|
740
|
+
_e(() => {
|
|
754
741
|
const f = t.onCommandExecuted((v) => {
|
|
755
|
-
if (v.id ===
|
|
742
|
+
if (v.id === ge.id) {
|
|
756
743
|
const w = v.params;
|
|
757
744
|
w != null && w.isAuto || (c.current = !1);
|
|
758
745
|
}
|
|
@@ -761,13 +748,13 @@ const Be = {
|
|
|
761
748
|
f == null || f.dispose();
|
|
762
749
|
};
|
|
763
750
|
}, []);
|
|
764
|
-
function
|
|
765
|
-
s(f), c.current && t.executeCommand(
|
|
751
|
+
function m(f) {
|
|
752
|
+
s(f), c.current && t.executeCommand(Te.id, {
|
|
766
753
|
cropType: f
|
|
767
754
|
});
|
|
768
755
|
}
|
|
769
756
|
const u = (f) => f ? "block" : "none", h = (f) => {
|
|
770
|
-
t.executeCommand(
|
|
757
|
+
t.executeCommand(Te.id, {
|
|
771
758
|
cropType: f
|
|
772
759
|
}), c.current = !0;
|
|
773
760
|
};
|
|
@@ -777,25 +764,25 @@ const Be = {
|
|
|
777
764
|
/* @__PURE__ */ d("div", { className: D(l.imageCommonPanelColumn, l.imageCommonPanelSpan2), children: /* @__PURE__ */ d(le, { size: "small", onClick: () => {
|
|
778
765
|
h(a);
|
|
779
766
|
}, children: /* @__PURE__ */ B("span", { className: l.imageCommonPanelInline, children: [
|
|
780
|
-
/* @__PURE__ */ d(
|
|
767
|
+
/* @__PURE__ */ d(pn, {}),
|
|
781
768
|
n.t("image-panel.crop.start")
|
|
782
769
|
] }) }) }),
|
|
783
|
-
/* @__PURE__ */ d("div", { className: D(l.imageCommonPanelColumn, l.imageCommonPanelSpan2), children: /* @__PURE__ */ d(gn, { value: a, options:
|
|
770
|
+
/* @__PURE__ */ d("div", { className: D(l.imageCommonPanelColumn, l.imageCommonPanelSpan2), children: /* @__PURE__ */ d(gn, { value: a, options: g, onChange: m }) })
|
|
784
771
|
] })
|
|
785
772
|
] });
|
|
786
|
-
},
|
|
787
|
-
const t =
|
|
788
|
-
if (
|
|
773
|
+
}, er = (i) => {
|
|
774
|
+
const t = V(re), n = V(ue), e = V(te), { drawings: r, hasArrange: o = !0, hasTransform: a = !0, hasAlign: s = !0, hasCropper: c = !0, hasGroup: g = !0 } = i, m = r[0];
|
|
775
|
+
if (m == null)
|
|
789
776
|
return;
|
|
790
|
-
const { unitId: u } =
|
|
777
|
+
const { unitId: u } = m, h = n.getRenderById(u), f = h == null ? void 0 : h.scene;
|
|
791
778
|
if (f == null)
|
|
792
779
|
return;
|
|
793
780
|
const v = f.getTransformerByCreate(), [w, p] = x(!0), [S, _] = x(!0), [M, b] = x(!1), [E, y] = x(!0), [I, P] = x(!1);
|
|
794
|
-
return
|
|
781
|
+
return _e(() => {
|
|
795
782
|
const N = v.clearControl$.subscribe((U) => {
|
|
796
783
|
U === !0 && (p(!1), _(!1), b(!1), y(!1), P(!0));
|
|
797
784
|
}), T = v.changeStart$.subscribe((U) => {
|
|
798
|
-
const { objects: ie } = U, W =
|
|
785
|
+
const { objects: ie } = U, W = xe(ie, t);
|
|
799
786
|
W.length === 0 ? (p(!1), _(!1), b(!1), y(!1), P(!0)) : W.length === 1 ? (p(!0), _(!0), b(!1), y(!0), P(!1)) : (p(!0), _(!1), b(!0), y(!1), P(!1));
|
|
800
787
|
}), A = t.focus$.subscribe((U) => {
|
|
801
788
|
U.length === 0 ? (p(!1), _(!1), b(!1), y(!1), P(!0)) : U.length === 1 ? (p(!0), _(!0), b(!1), y(!0), P(!1)) : (p(!0), _(!1), b(!0), y(!1), P(!1));
|
|
@@ -803,70 +790,63 @@ const Be = {
|
|
|
803
790
|
return () => {
|
|
804
791
|
T.unsubscribe(), N.unsubscribe(), A.unsubscribe();
|
|
805
792
|
};
|
|
806
|
-
}, []), /* @__PURE__ */ B(
|
|
793
|
+
}, []), /* @__PURE__ */ B(zn, { children: [
|
|
807
794
|
/* @__PURE__ */ d("div", { style: { display: I === !0 ? "block" : "none", height: "100%" }, children: /* @__PURE__ */ d("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%", top: "50%", marginTop: "-100px" }, children: /* @__PURE__ */ d("span", { children: e.t("image-panel.null") }) }) }),
|
|
808
|
-
/* @__PURE__ */ d(
|
|
809
|
-
/* @__PURE__ */ d(
|
|
810
|
-
/* @__PURE__ */ d(
|
|
811
|
-
/* @__PURE__ */ d(
|
|
812
|
-
/* @__PURE__ */ d(
|
|
795
|
+
/* @__PURE__ */ d(yt, { arrangeShow: o === !0 ? w : !1, drawings: r }),
|
|
796
|
+
/* @__PURE__ */ d(Nt, { transformShow: a === !0 ? S : !1, drawings: r }),
|
|
797
|
+
/* @__PURE__ */ d(gt, { alignShow: s === !0 ? M : !1, drawings: r }),
|
|
798
|
+
/* @__PURE__ */ d(Ot, { cropperShow: c === !0 ? E : !1, drawings: r }),
|
|
799
|
+
/* @__PURE__ */ d(Pt, { hasGroup: g, drawings: r })
|
|
813
800
|
] });
|
|
814
|
-
},
|
|
815
|
-
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
820
|
-
}, Ht = (i) => {
|
|
821
|
-
var v, w;
|
|
822
|
-
const t = (w = (v = i.popup) == null ? void 0 : v.extraProps) == null ? void 0 : w.menuItems;
|
|
823
|
-
if (!t)
|
|
824
|
-
return null;
|
|
825
|
-
const n = k(ge), e = k(te), [r, o] = x(!1), [a, s] = x(!1), c = () => {
|
|
826
|
-
s(!0);
|
|
801
|
+
}, Dt = (i) => {
|
|
802
|
+
var w;
|
|
803
|
+
const { popup: t } = i, n = (w = t == null ? void 0 : t.extraProps) == null ? void 0 : w.menuItems;
|
|
804
|
+
if (!n) return null;
|
|
805
|
+
const e = V(me), r = V(te), [o, a] = x(!1), [s, c] = x(!1), g = () => {
|
|
806
|
+
c(!0);
|
|
827
807
|
}, m = () => {
|
|
828
|
-
|
|
829
|
-
}, g = (p) => {
|
|
830
|
-
o(p);
|
|
808
|
+
c(!1);
|
|
831
809
|
}, u = (p) => {
|
|
832
|
-
|
|
833
|
-
}, h =
|
|
810
|
+
a(p);
|
|
811
|
+
}, h = (p) => {
|
|
812
|
+
e.executeCommand(p.commandId, p.commandParams), a(!1);
|
|
813
|
+
}, f = o || s, v = n.filter((p) => !p.disable);
|
|
834
814
|
return /* @__PURE__ */ d(
|
|
835
815
|
"div",
|
|
836
816
|
{
|
|
837
|
-
onMouseEnter:
|
|
817
|
+
onMouseEnter: g,
|
|
838
818
|
onMouseLeave: m,
|
|
839
819
|
children: /* @__PURE__ */ d(
|
|
840
|
-
|
|
820
|
+
Kn,
|
|
841
821
|
{
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
850
|
-
},
|
|
851
|
-
p.index
|
|
852
|
-
)) }),
|
|
853
|
-
visible: r,
|
|
854
|
-
onVisibleChange: g,
|
|
822
|
+
align: "start",
|
|
823
|
+
items: v.map((p) => ({
|
|
824
|
+
type: "item",
|
|
825
|
+
children: r.t(p.label),
|
|
826
|
+
onSelect: () => h(p)
|
|
827
|
+
})),
|
|
828
|
+
open: o,
|
|
829
|
+
onOpenChange: u,
|
|
855
830
|
children: /* @__PURE__ */ B(
|
|
856
831
|
"div",
|
|
857
832
|
{
|
|
858
|
-
className: D(
|
|
859
|
-
|
|
833
|
+
className: D(`
|
|
834
|
+
univer-flex univer-items-center univer-gap-2 univer-rounded univer-border univer-border-solid
|
|
835
|
+
univer-border-gray-200 univer-p-1
|
|
836
|
+
hover:univer-bg-gray-100
|
|
837
|
+
`, {
|
|
838
|
+
"univer-bg-gray-100": o,
|
|
839
|
+
"univer-bg-white": !o
|
|
860
840
|
}),
|
|
861
841
|
children: [
|
|
862
842
|
/* @__PURE__ */ d(
|
|
863
|
-
|
|
843
|
+
hn,
|
|
864
844
|
{
|
|
865
845
|
style: { color: "#35322B" },
|
|
866
846
|
extend: { colorChannel1: "rgb(var(--green-700, #409f11))" }
|
|
867
847
|
}
|
|
868
848
|
),
|
|
869
|
-
|
|
849
|
+
f && /* @__PURE__ */ d(wn, { className: "univer-text-[10px] univer-text-gray-400" })
|
|
870
850
|
]
|
|
871
851
|
}
|
|
872
852
|
)
|
|
@@ -874,50 +854,50 @@ const Be = {
|
|
|
874
854
|
)
|
|
875
855
|
}
|
|
876
856
|
);
|
|
877
|
-
},
|
|
857
|
+
}, Et = "COMPONENT_IMAGE_POPUP_MENU", Tt = "drawing-ui.config", nn = {}, In = {
|
|
878
858
|
id: "sheet.operation.image-reset-size",
|
|
879
|
-
type:
|
|
859
|
+
type: ve.OPERATION,
|
|
880
860
|
handler: (i, t) => !0
|
|
881
|
-
},
|
|
861
|
+
}, Bt = (i) => {
|
|
882
862
|
const { src: t } = i;
|
|
883
863
|
return t ? /* @__PURE__ */ d("div", { children: /* @__PURE__ */ d("img", { src: t, alt: "Univer Image Viewer", style: { width: "100%", height: "100%", position: "relative" } }) }) : null;
|
|
884
864
|
};
|
|
885
|
-
var
|
|
886
|
-
for (var r = e > 1 ? void 0 : e ?
|
|
865
|
+
var Ut = Object.getOwnPropertyDescriptor, jt = (i, t, n, e) => {
|
|
866
|
+
for (var r = e > 1 ? void 0 : e ? Ut(t, n) : t, o = i.length - 1, a; o >= 0; o--)
|
|
887
867
|
(a = i[o]) && (r = a(r) || r);
|
|
888
868
|
return r;
|
|
889
|
-
},
|
|
890
|
-
let
|
|
869
|
+
}, tn = (i, t) => (n, e) => t(n, e, i);
|
|
870
|
+
let Be = class extends Le {
|
|
891
871
|
constructor(i, t) {
|
|
892
872
|
super(), this._componentManager = i, this._commandService = t, this._init();
|
|
893
873
|
}
|
|
894
874
|
_initCustomComponents() {
|
|
895
875
|
const i = this._componentManager;
|
|
896
|
-
this.disposeWithMe(i.register(
|
|
876
|
+
this.disposeWithMe(i.register(Et, Dt)), this.disposeWithMe(i.register(dn, Bt));
|
|
897
877
|
}
|
|
898
878
|
_initCommands() {
|
|
899
879
|
[
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
880
|
+
ze,
|
|
881
|
+
ge,
|
|
882
|
+
In,
|
|
883
|
+
Ze,
|
|
884
|
+
Te
|
|
905
885
|
].forEach((i) => this.disposeWithMe(this._commandService.registerCommand(i)));
|
|
906
886
|
}
|
|
907
887
|
_init() {
|
|
908
888
|
this._initCommands(), this._initCustomComponents();
|
|
909
889
|
}
|
|
910
890
|
};
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
],
|
|
915
|
-
var
|
|
916
|
-
for (var r = e > 1 ? void 0 : e ?
|
|
891
|
+
Be = jt([
|
|
892
|
+
tn(0, He(Wn)),
|
|
893
|
+
tn(1, me)
|
|
894
|
+
], Be);
|
|
895
|
+
var At = Object.getOwnPropertyDescriptor, Ht = (i, t, n, e) => {
|
|
896
|
+
for (var r = e > 1 ? void 0 : e ? At(t, n) : t, o = i.length - 1, a; o >= 0; o--)
|
|
917
897
|
(a = i[o]) && (r = a(r) || r);
|
|
918
898
|
return r;
|
|
919
|
-
},
|
|
920
|
-
let
|
|
899
|
+
}, Re = (i, t) => (n, e) => t(n, e, i);
|
|
900
|
+
let Ue = class extends Le {
|
|
921
901
|
constructor(t, n, e, r) {
|
|
922
902
|
super();
|
|
923
903
|
ee(this, "_sceneListenerOnDrawingMap", /* @__PURE__ */ new WeakSet());
|
|
@@ -930,7 +910,7 @@ let je = class extends xe {
|
|
|
930
910
|
this._recoveryImages(), this._drawingAddListener(), this._drawingRemoveListener(), this._drawingUpdateListener(), this._commandExecutedListener(), this._drawingArrangeListener(), this._drawingGroupListener(), this._drawingRefreshListener(), this._drawingVisibleListener();
|
|
931
911
|
}
|
|
932
912
|
_recoveryImages() {
|
|
933
|
-
const t = this._drawingManagerService.drawingManagerData, n =
|
|
913
|
+
const t = this._drawingManagerService.drawingManagerData, n = mn(this._currentUniverService);
|
|
934
914
|
if (n == null)
|
|
935
915
|
return;
|
|
936
916
|
const { unitId: e, subUnitId: r } = n;
|
|
@@ -946,7 +926,7 @@ let je = class extends xe {
|
|
|
946
926
|
_commandExecutedListener() {
|
|
947
927
|
this.disposeWithMe(
|
|
948
928
|
this._commandService.onCommandExecuted((t) => {
|
|
949
|
-
if (t.id ===
|
|
929
|
+
if (t.id === Ze.id) {
|
|
950
930
|
const n = t.params;
|
|
951
931
|
if (n == null)
|
|
952
932
|
return;
|
|
@@ -1004,20 +984,20 @@ let je = class extends xe {
|
|
|
1004
984
|
const { parent: n, children: e } = t, { unitId: r, subUnitId: o, drawingId: a } = n, s = this._getSceneAndTransformerByDrawingSearch(n.unitId);
|
|
1005
985
|
if (s == null)
|
|
1006
986
|
return;
|
|
1007
|
-
const { scene: c, transformer:
|
|
1008
|
-
this._commandService.syncExecuteCommand(
|
|
1009
|
-
const
|
|
987
|
+
const { scene: c, transformer: g } = s;
|
|
988
|
+
this._commandService.syncExecuteCommand(ge.id);
|
|
989
|
+
const m = [];
|
|
1010
990
|
if (e.forEach((f) => {
|
|
1011
991
|
const v = G(f), w = c.getObjectIncludeInGroup(v);
|
|
1012
|
-
if (w == null ||
|
|
992
|
+
if (w == null || m.includes(w))
|
|
1013
993
|
return;
|
|
1014
|
-
|
|
994
|
+
m.push(w);
|
|
1015
995
|
const { transform: p } = f;
|
|
1016
|
-
p != null && (w.classType ===
|
|
1017
|
-
}),
|
|
996
|
+
p != null && (w.classType === Je.GROUP ? w.transformByState({ left: p.left, top: p.top }) : w.transformByState(p));
|
|
997
|
+
}), m.length === 0)
|
|
1018
998
|
return;
|
|
1019
|
-
const u = G({ unitId: r, subUnitId: o, drawingId: a }), h = new
|
|
1020
|
-
c.addObject(h,
|
|
999
|
+
const u = G({ unitId: r, subUnitId: o, drawingId: a }), h = new we(u);
|
|
1000
|
+
c.addObject(h, Ke).attachTransformerTo(h), h.addObjects(...m), n.transform && h.transformByState({ left: n.transform.left, top: n.transform.top }), g.clearSelectedObjects(), g.setSelectedControl(h);
|
|
1021
1001
|
}
|
|
1022
1002
|
// private _regroupDrawings(drawings: IDrawingSearch[]) {
|
|
1023
1003
|
// const renderObject = this._getSceneAndTransformerByDrawingSearch(drawings[0].unitId);
|
|
@@ -1070,11 +1050,11 @@ let je = class extends xe {
|
|
|
1070
1050
|
if (f == null)
|
|
1071
1051
|
return;
|
|
1072
1052
|
const { transform: v } = u;
|
|
1073
|
-
v != null && (f.classType ===
|
|
1053
|
+
v != null && (f.classType === Je.GROUP ? f.transformByState({ left: v.left, top: v.top }) : f.transformByState(v));
|
|
1074
1054
|
});
|
|
1075
|
-
const s = G(n), c = o.getObject(s), { width:
|
|
1055
|
+
const s = G(n), c = o.getObject(s), { width: g, height: m } = c;
|
|
1076
1056
|
c.getObjects().forEach((u) => {
|
|
1077
|
-
c.removeSelfObjectAndTransform(u.oKey,
|
|
1057
|
+
c.removeSelfObjectAndTransform(u.oKey, g, m);
|
|
1078
1058
|
}), c.dispose(), a.clearSelectedObjects();
|
|
1079
1059
|
}
|
|
1080
1060
|
_drawingAlign(t) {
|
|
@@ -1082,9 +1062,9 @@ let je = class extends xe {
|
|
|
1082
1062
|
if (n === R.default)
|
|
1083
1063
|
return;
|
|
1084
1064
|
const r = [];
|
|
1085
|
-
let o = Number.POSITIVE_INFINITY, a = Number.POSITIVE_INFINITY, s = Number.NEGATIVE_INFINITY, c = Number.NEGATIVE_INFINITY,
|
|
1086
|
-
e.forEach((
|
|
1087
|
-
const { unitId: u, subUnitId: h, drawingId: f, drawingType: v } =
|
|
1065
|
+
let o = Number.POSITIVE_INFINITY, a = Number.POSITIVE_INFINITY, s = Number.NEGATIVE_INFINITY, c = Number.NEGATIVE_INFINITY, g = 0;
|
|
1066
|
+
e.forEach((m) => {
|
|
1067
|
+
const { unitId: u, subUnitId: h, drawingId: f, drawingType: v } = m, w = this._drawingManagerService.getDrawingByParam({ unitId: u, subUnitId: h, drawingId: f });
|
|
1088
1068
|
if (w == null || w.transform == null)
|
|
1089
1069
|
return;
|
|
1090
1070
|
r.push({
|
|
@@ -1095,11 +1075,11 @@ let je = class extends xe {
|
|
|
1095
1075
|
transform: w.transform
|
|
1096
1076
|
});
|
|
1097
1077
|
const { left: p = 0, top: S = 0, width: _ = 0, height: M = 0 } = w.transform;
|
|
1098
|
-
o = Math.min(o, p), a = Math.min(a, S), s = Math.max(s, p + _), c = Math.max(c, S + M),
|
|
1099
|
-
}),
|
|
1078
|
+
o = Math.min(o, p), a = Math.min(a, S), s = Math.max(s, p + _), c = Math.max(c, S + M), g++;
|
|
1079
|
+
}), g !== 0 && (this._sortDrawingTransform(r, n), this._applyAlignType(r, n, o, a, s, c, g));
|
|
1100
1080
|
}
|
|
1101
1081
|
_applyAlignType(t, n, e, r, o, a, s) {
|
|
1102
|
-
const c = Math.round((o - e) / s * 10) / 10,
|
|
1082
|
+
const c = Math.round((o - e) / s * 10) / 10, g = Math.round((a - r) / s * 10) / 10, m = [], u = this._getSceneAndTransformerByDrawingSearch(t[0].unitId);
|
|
1103
1083
|
if (u == null)
|
|
1104
1084
|
return;
|
|
1105
1085
|
const { scene: h, transformer: f } = u;
|
|
@@ -1129,10 +1109,10 @@ let je = class extends xe {
|
|
|
1129
1109
|
N = e + c * w;
|
|
1130
1110
|
break;
|
|
1131
1111
|
case R.vertical:
|
|
1132
|
-
T = r +
|
|
1112
|
+
T = r + g * w;
|
|
1133
1113
|
break;
|
|
1134
1114
|
}
|
|
1135
|
-
(N !== E || T !== y) &&
|
|
1115
|
+
(N !== E || T !== y) && m.push({
|
|
1136
1116
|
unitId: p,
|
|
1137
1117
|
subUnitId: S,
|
|
1138
1118
|
drawingId: _,
|
|
@@ -1142,15 +1122,15 @@ let je = class extends xe {
|
|
|
1142
1122
|
top: T
|
|
1143
1123
|
}
|
|
1144
1124
|
});
|
|
1145
|
-
}), this._drawingManagerService.featurePluginUpdateNotification(
|
|
1125
|
+
}), this._drawingManagerService.featurePluginUpdateNotification(m), f.refreshControls().changeNotification();
|
|
1146
1126
|
}
|
|
1147
1127
|
_sortDrawingTransform(t, n) {
|
|
1148
1128
|
t.sort((e, r) => {
|
|
1149
1129
|
const o = e.transform, a = r.transform, {
|
|
1150
1130
|
left: s = 0,
|
|
1151
1131
|
top: c = 0,
|
|
1152
|
-
width:
|
|
1153
|
-
height:
|
|
1132
|
+
width: g = 0,
|
|
1133
|
+
height: m = 0
|
|
1154
1134
|
} = o, {
|
|
1155
1135
|
left: u = 0,
|
|
1156
1136
|
top: h = 0,
|
|
@@ -1161,19 +1141,19 @@ let je = class extends xe {
|
|
|
1161
1141
|
case R.left:
|
|
1162
1142
|
return s - u;
|
|
1163
1143
|
case R.center:
|
|
1164
|
-
return s +
|
|
1144
|
+
return s + g / 2 - (u + f / 2);
|
|
1165
1145
|
case R.right:
|
|
1166
|
-
return s +
|
|
1146
|
+
return s + g - (u + f);
|
|
1167
1147
|
case R.top:
|
|
1168
1148
|
return c - h;
|
|
1169
1149
|
case R.middle:
|
|
1170
|
-
return c +
|
|
1150
|
+
return c + m / 2 - (h + v / 2);
|
|
1171
1151
|
case R.bottom:
|
|
1172
|
-
return c +
|
|
1152
|
+
return c + m - (h + v);
|
|
1173
1153
|
case R.horizon:
|
|
1174
|
-
return s +
|
|
1154
|
+
return s + g / 2 - (u + f / 2);
|
|
1175
1155
|
case R.vertical:
|
|
1176
|
-
return c +
|
|
1156
|
+
return c + m / 2 - (h + v / 2);
|
|
1177
1157
|
default:
|
|
1178
1158
|
return 0;
|
|
1179
1159
|
}
|
|
@@ -1192,12 +1172,12 @@ let je = class extends xe {
|
|
|
1192
1172
|
return;
|
|
1193
1173
|
const { scene: a } = o;
|
|
1194
1174
|
r.forEach((s) => {
|
|
1195
|
-
const c = G({ unitId: n, subUnitId: e, drawingId: s }),
|
|
1196
|
-
if (
|
|
1175
|
+
const c = G({ unitId: n, subUnitId: e, drawingId: s }), g = a.fuzzyMathObjects(c, !0);
|
|
1176
|
+
if (g == null || g.length === 0)
|
|
1197
1177
|
return;
|
|
1198
|
-
const
|
|
1199
|
-
for (const u of
|
|
1200
|
-
u.setProps({ zIndex:
|
|
1178
|
+
const m = this._drawingManagerService.getDrawingOrder(n, e).indexOf(s);
|
|
1179
|
+
for (const u of g)
|
|
1180
|
+
u.setProps({ zIndex: m }), u.makeDirty();
|
|
1201
1181
|
});
|
|
1202
1182
|
}
|
|
1203
1183
|
_drawingAddListener() {
|
|
@@ -1226,15 +1206,15 @@ let je = class extends xe {
|
|
|
1226
1206
|
this.disposeWithMe(
|
|
1227
1207
|
this._drawingManagerService.remove$.subscribe((t) => {
|
|
1228
1208
|
t.forEach((n) => {
|
|
1229
|
-
var
|
|
1209
|
+
var m;
|
|
1230
1210
|
const { unitId: e, subUnitId: r, drawingId: o } = n, a = this._getSceneAndTransformerByDrawingSearch(e);
|
|
1231
1211
|
if (a == null)
|
|
1232
1212
|
return;
|
|
1233
|
-
const { scene: s } = a, c = G({ unitId: e, subUnitId: r, drawingId: o }),
|
|
1234
|
-
if (
|
|
1235
|
-
for (const u of
|
|
1213
|
+
const { scene: s } = a, c = G({ unitId: e, subUnitId: r, drawingId: o }), g = s.fuzzyMathObjects(c, !0);
|
|
1214
|
+
if (g.length > 0) {
|
|
1215
|
+
for (const u of g)
|
|
1236
1216
|
u.dispose();
|
|
1237
|
-
(
|
|
1217
|
+
(m = s.getTransformer()) == null || m.clearSelectedObjects();
|
|
1238
1218
|
}
|
|
1239
1219
|
});
|
|
1240
1220
|
})
|
|
@@ -1248,16 +1228,16 @@ let je = class extends xe {
|
|
|
1248
1228
|
const { unitId: e, subUnitId: r, drawingId: o } = n, a = this._drawingManagerService.getDrawingByParam(n);
|
|
1249
1229
|
if (a == null)
|
|
1250
1230
|
return;
|
|
1251
|
-
const { transform: s, drawingType: c } = a,
|
|
1252
|
-
if (
|
|
1231
|
+
const { transform: s, drawingType: c } = a, g = this._getSceneAndTransformerByDrawingSearch(e);
|
|
1232
|
+
if (g == null)
|
|
1253
1233
|
return;
|
|
1254
|
-
const { scene:
|
|
1234
|
+
const { scene: m, transformer: u } = g;
|
|
1255
1235
|
if (s == null)
|
|
1256
1236
|
return !0;
|
|
1257
|
-
const { left: h = 0, top: f = 0, width: v = 0, height: w = 0, angle: p = 0, flipX: S = !1, flipY: _ = !1, skewX: M = 0, skewY: b = 0 } = s, E = G({ unitId: e, subUnitId: r, drawingId: o }), y =
|
|
1237
|
+
const { left: h = 0, top: f = 0, width: v = 0, height: w = 0, angle: p = 0, flipX: S = !1, flipY: _ = !1, skewX: M = 0, skewY: b = 0 } = s, E = G({ unitId: e, subUnitId: r, drawingId: o }), y = m.getObject(E);
|
|
1258
1238
|
if (y == null)
|
|
1259
1239
|
return !0;
|
|
1260
|
-
y.transformByState({ left: h, top: f, width: v, height: w, angle: p, flipX: S, flipY: _, skewX: M, skewY: b }), (I =
|
|
1240
|
+
y.transformByState({ left: h, top: f, width: v, height: w, angle: p, flipX: S, flipY: _, skewX: M, skewY: b }), (I = m.getTransformer()) == null || I.debounceRefreshControls();
|
|
1261
1241
|
});
|
|
1262
1242
|
})
|
|
1263
1243
|
);
|
|
@@ -1272,7 +1252,7 @@ let je = class extends xe {
|
|
|
1272
1252
|
const s = this._drawingManagerService.getDrawingByParam(n);
|
|
1273
1253
|
if (s == null)
|
|
1274
1254
|
return;
|
|
1275
|
-
const { transform: c } = s, { scene:
|
|
1255
|
+
const { transform: c } = s, { scene: g } = a, m = G({ unitId: e, subUnitId: r, drawingId: o }), u = g.getObject(m);
|
|
1276
1256
|
if (u == null || c == null)
|
|
1277
1257
|
return !0;
|
|
1278
1258
|
const {
|
|
@@ -1298,10 +1278,10 @@ let je = class extends xe {
|
|
|
1298
1278
|
const { unitId: e, subUnitId: r, drawingId: o, visible: a } = n, s = this._getSceneAndTransformerByDrawingSearch(e);
|
|
1299
1279
|
if (s == null)
|
|
1300
1280
|
return;
|
|
1301
|
-
const { scene: c } = s,
|
|
1302
|
-
if (
|
|
1281
|
+
const { scene: c } = s, g = G({ unitId: e, subUnitId: r, drawingId: o }), m = c.getObject(g);
|
|
1282
|
+
if (m == null)
|
|
1303
1283
|
return !0;
|
|
1304
|
-
a ?
|
|
1284
|
+
a ? m.show() : m.hide();
|
|
1305
1285
|
});
|
|
1306
1286
|
})
|
|
1307
1287
|
);
|
|
@@ -1311,7 +1291,7 @@ let je = class extends xe {
|
|
|
1311
1291
|
if (e == null)
|
|
1312
1292
|
return !1;
|
|
1313
1293
|
const { transform: o } = e;
|
|
1314
|
-
return
|
|
1294
|
+
return on(o, n == null ? void 0 : n[r]);
|
|
1315
1295
|
});
|
|
1316
1296
|
}
|
|
1317
1297
|
// group?.getObjects().forEach((o) => {
|
|
@@ -1325,14 +1305,14 @@ let je = class extends xe {
|
|
|
1325
1305
|
const n = t.getTransformerByCreate();
|
|
1326
1306
|
let e = null;
|
|
1327
1307
|
this.disposeWithMe(
|
|
1328
|
-
|
|
1308
|
+
Ce(
|
|
1329
1309
|
n.changeStart$.subscribe((r) => {
|
|
1330
1310
|
const { objects: o } = r, a = Array.from(o.values()), s = [];
|
|
1331
1311
|
e = a.map((c) => {
|
|
1332
|
-
const { left:
|
|
1333
|
-
if (w || c instanceof
|
|
1312
|
+
const { left: g, top: m, height: u, width: h, angle: f, oKey: v, isInGroup: w } = c, p = this._drawingManagerService.getDrawingOKey(v);
|
|
1313
|
+
if (w || c instanceof we) {
|
|
1334
1314
|
let S = c.ancestorGroup;
|
|
1335
|
-
if (S == null && c instanceof
|
|
1315
|
+
if (S == null && c instanceof we && (S = c), S == null)
|
|
1336
1316
|
return null;
|
|
1337
1317
|
const _ = this._drawingManagerService.getDrawingOKey(S.oKey);
|
|
1338
1318
|
if (_) {
|
|
@@ -1343,29 +1323,29 @@ let je = class extends xe {
|
|
|
1343
1323
|
}
|
|
1344
1324
|
} else if (p != null) {
|
|
1345
1325
|
const { unitId: S, subUnitId: _, drawingId: M } = p;
|
|
1346
|
-
return s.push({ unitId: S, subUnitId: _, drawingId: M }), { left:
|
|
1326
|
+
return s.push({ unitId: S, subUnitId: _, drawingId: M }), { left: g, top: m, height: u, width: h, angle: f };
|
|
1347
1327
|
}
|
|
1348
1328
|
return null;
|
|
1349
|
-
}).filter((c) => c != null), s.length > 0 ? this._commandService.syncExecuteCommand(
|
|
1329
|
+
}).filter((c) => c != null), s.length > 0 ? this._commandService.syncExecuteCommand(Oe.id, s) : this._commandService.syncExecuteCommand(Oe.id, []);
|
|
1350
1330
|
})
|
|
1351
1331
|
)
|
|
1352
1332
|
), this.disposeWithMe(
|
|
1353
|
-
|
|
1333
|
+
Ce(
|
|
1354
1334
|
n.changeEnd$.subscribe((r) => {
|
|
1355
|
-
const { objects: o } = r, a = this._filterUpdateParams(
|
|
1335
|
+
const { objects: o } = r, a = this._filterUpdateParams(xe(o, this._drawingManagerService), e);
|
|
1356
1336
|
a.length > 0 && this._drawingManagerService.featurePluginUpdateNotification(a);
|
|
1357
1337
|
})
|
|
1358
1338
|
)
|
|
1359
1339
|
);
|
|
1360
1340
|
}
|
|
1361
1341
|
};
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
],
|
|
1368
|
-
class
|
|
1342
|
+
Ue = Ht([
|
|
1343
|
+
Re(0, Fe),
|
|
1344
|
+
Re(1, me),
|
|
1345
|
+
Re(2, ue),
|
|
1346
|
+
Re(3, re)
|
|
1347
|
+
], Ue);
|
|
1348
|
+
class Me extends Vn {
|
|
1369
1349
|
constructor(n, e) {
|
|
1370
1350
|
e == null && (e = {}), e.transformerConfig = {
|
|
1371
1351
|
keepRatio: !1,
|
|
@@ -1404,11 +1384,11 @@ class Ne extends Gn {
|
|
|
1404
1384
|
return this.visible ? (n.save(), this._draw(n), n.restore(), this.makeDirty(!1), this) : (this.makeDirty(!1), this);
|
|
1405
1385
|
}
|
|
1406
1386
|
_draw(n) {
|
|
1407
|
-
var c,
|
|
1387
|
+
var c, g;
|
|
1408
1388
|
const r = this.getScene().getEngine(), { width: o, height: a } = r;
|
|
1409
1389
|
this._initialCacheCanvas(), (c = this._cacheCanvas) == null || c.clear();
|
|
1410
|
-
const s = (
|
|
1411
|
-
s != null && (s.save(),
|
|
1390
|
+
const s = (g = this._cacheCanvas) == null ? void 0 : g.getContext();
|
|
1391
|
+
s != null && (s.save(), kn.drawWith(s, {
|
|
1412
1392
|
left: 0,
|
|
1413
1393
|
top: 0,
|
|
1414
1394
|
width: o,
|
|
@@ -1427,7 +1407,7 @@ class Ne extends Gn {
|
|
|
1427
1407
|
if (this._applyTransform == null)
|
|
1428
1408
|
return;
|
|
1429
1409
|
let n = 0, e = 0, r = 0, o = 0;
|
|
1430
|
-
const { left: a = 0, top: s = 0, width: c = 0, height:
|
|
1410
|
+
const { left: a = 0, top: s = 0, width: c = 0, height: g = 0, angle: m } = this._applyTransform;
|
|
1431
1411
|
if (this._srcRect != null) {
|
|
1432
1412
|
const { left: f = 0, top: v = 0, right: w = 0, bottom: p = 0 } = this._srcRect;
|
|
1433
1413
|
n = f, e = v, r = w, o = p;
|
|
@@ -1437,8 +1417,8 @@ class Ne extends Gn {
|
|
|
1437
1417
|
left: u,
|
|
1438
1418
|
top: h,
|
|
1439
1419
|
width: a + c - r - u,
|
|
1440
|
-
height: s +
|
|
1441
|
-
angle:
|
|
1420
|
+
height: s + g - o - h,
|
|
1421
|
+
angle: m
|
|
1442
1422
|
});
|
|
1443
1423
|
}
|
|
1444
1424
|
_applyCache(n) {
|
|
@@ -1452,7 +1432,7 @@ class Ne extends Gn {
|
|
|
1452
1432
|
return;
|
|
1453
1433
|
const n = this.getScene();
|
|
1454
1434
|
if (n == null) return;
|
|
1455
|
-
this._cacheCanvas = new
|
|
1435
|
+
this._cacheCanvas = new Gn();
|
|
1456
1436
|
const e = n.getEngine();
|
|
1457
1437
|
this._cacheCanvas.setSize(e.width, e.height), e.onTransformChange$.subscribeEvent(() => {
|
|
1458
1438
|
var r;
|
|
@@ -1460,12 +1440,12 @@ class Ne extends Gn {
|
|
|
1460
1440
|
});
|
|
1461
1441
|
}
|
|
1462
1442
|
}
|
|
1463
|
-
var
|
|
1464
|
-
for (var r = e > 1 ? void 0 : e ?
|
|
1443
|
+
var Lt = Object.getOwnPropertyDescriptor, xt = (i, t, n, e) => {
|
|
1444
|
+
for (var r = e > 1 ? void 0 : e ? Lt(t, n) : t, o = i.length - 1, a; o >= 0; o--)
|
|
1465
1445
|
(a = i[o]) && (r = a(r) || r);
|
|
1466
1446
|
return r;
|
|
1467
1447
|
}, de = (i, t) => (n, e) => t(n, e, i);
|
|
1468
|
-
let
|
|
1448
|
+
let je = class extends Le {
|
|
1469
1449
|
constructor(t, n, e, r, o, a) {
|
|
1470
1450
|
super();
|
|
1471
1451
|
ee(this, "_sceneListenerOnImageMap", /* @__PURE__ */ new WeakSet());
|
|
@@ -1477,7 +1457,7 @@ let Ae = class extends xe {
|
|
|
1477
1457
|
_initAutoCrop() {
|
|
1478
1458
|
this.disposeWithMe(
|
|
1479
1459
|
this._commandService.onCommandExecuted((t) => {
|
|
1480
|
-
if (t.id !==
|
|
1460
|
+
if (t.id !== Te.id)
|
|
1481
1461
|
return;
|
|
1482
1462
|
const n = t.params;
|
|
1483
1463
|
if (n == null)
|
|
@@ -1485,32 +1465,32 @@ let Ae = class extends xe {
|
|
|
1485
1465
|
const { cropType: e } = n, r = this._drawingManagerService.getFocusDrawings();
|
|
1486
1466
|
if (r.length !== 1)
|
|
1487
1467
|
return;
|
|
1488
|
-
const o = r[0], { unitId: a, subUnitId: s, drawingId: c } = o,
|
|
1489
|
-
if (
|
|
1468
|
+
const o = r[0], { unitId: a, subUnitId: s, drawingId: c } = o, g = this._renderManagerService.getRenderById(a), m = g == null ? void 0 : g.scene;
|
|
1469
|
+
if (m == null)
|
|
1490
1470
|
return !0;
|
|
1491
|
-
this._searchCropObject(
|
|
1492
|
-
const h = G({ unitId: a, subUnitId: s, drawingId: c }), f =
|
|
1493
|
-
if (!(f instanceof
|
|
1471
|
+
this._searchCropObject(m) != null && this._commandService.syncExecuteCommand(ge.id, { isAuto: !0 });
|
|
1472
|
+
const h = G({ unitId: a, subUnitId: s, drawingId: c }), f = m.getObject(h);
|
|
1473
|
+
if (!(f instanceof $e)) {
|
|
1494
1474
|
this._messageService.show({
|
|
1495
|
-
type:
|
|
1475
|
+
type: Qe.Error,
|
|
1496
1476
|
content: this._localeService.t("image-cropper.error")
|
|
1497
1477
|
});
|
|
1498
1478
|
return;
|
|
1499
1479
|
}
|
|
1500
|
-
f != null && (this._updateCropperObject(e, f), this._commandService.executeCommand(
|
|
1480
|
+
f != null && (this._updateCropperObject(e, f), this._commandService.executeCommand(ze.id, { unitId: a, subUnitId: s, drawingId: c }));
|
|
1501
1481
|
})
|
|
1502
1482
|
);
|
|
1503
1483
|
}
|
|
1504
1484
|
_calculateSrcRectByRatio(t, n, e, r, o, a) {
|
|
1505
1485
|
const s = e / r, c = o / a;
|
|
1506
|
-
let
|
|
1507
|
-
s > c ?
|
|
1508
|
-
const u = (e -
|
|
1486
|
+
let g = e, m = r;
|
|
1487
|
+
s > c ? g = r * c : m = e / c;
|
|
1488
|
+
const u = (e - g) / 2, h = (r - m) / 2;
|
|
1509
1489
|
return {
|
|
1510
|
-
left:
|
|
1511
|
-
top:
|
|
1512
|
-
right:
|
|
1513
|
-
bottom:
|
|
1490
|
+
left: ye(u, 1),
|
|
1491
|
+
top: ye(h, 1),
|
|
1492
|
+
right: ye(e - (u + g), 1),
|
|
1493
|
+
bottom: ye(r - (h + m), 1)
|
|
1514
1494
|
};
|
|
1515
1495
|
}
|
|
1516
1496
|
_updateCropperObject(t, n) {
|
|
@@ -1549,18 +1529,18 @@ let Ae = class extends xe {
|
|
|
1549
1529
|
if (s == null)
|
|
1550
1530
|
return;
|
|
1551
1531
|
n.setSrcRect(s);
|
|
1552
|
-
const { left: c = 0, top:
|
|
1532
|
+
const { left: c = 0, top: g = 0, bottom: m = 0, right: u = 0 } = s;
|
|
1553
1533
|
n.transformByStateCloseCropper({
|
|
1554
1534
|
left: e + c,
|
|
1555
|
-
top: r +
|
|
1535
|
+
top: r + g,
|
|
1556
1536
|
width: o - u - c,
|
|
1557
|
-
height: a -
|
|
1537
|
+
height: a - m - g
|
|
1558
1538
|
});
|
|
1559
1539
|
}
|
|
1560
1540
|
_initOpenCrop() {
|
|
1561
1541
|
this.disposeWithMe(
|
|
1562
1542
|
this._commandService.onCommandExecuted((t) => {
|
|
1563
|
-
if (t.id !==
|
|
1543
|
+
if (t.id !== ze.id)
|
|
1564
1544
|
return;
|
|
1565
1545
|
const n = t.params;
|
|
1566
1546
|
if (n == null)
|
|
@@ -1570,37 +1550,37 @@ let Ae = class extends xe {
|
|
|
1570
1550
|
return !0;
|
|
1571
1551
|
if (this._sceneListenerOnImageMap.has(s) || (this._addListenerOnImage(s), this._sceneListenerOnImageMap.add(s)), this._drawingManagerService.getDrawingByParam({ unitId: e, subUnitId: r, drawingId: o }) == null)
|
|
1572
1552
|
return;
|
|
1573
|
-
const
|
|
1574
|
-
if (
|
|
1553
|
+
const g = G({ unitId: e, subUnitId: r, drawingId: o }), m = s.getObject(g);
|
|
1554
|
+
if (m == null)
|
|
1575
1555
|
return;
|
|
1576
|
-
if (!(
|
|
1556
|
+
if (!(m instanceof $e)) {
|
|
1577
1557
|
this._messageService.show({
|
|
1578
|
-
type:
|
|
1558
|
+
type: Qe.Error,
|
|
1579
1559
|
content: this._localeService.t("image-cropper.error")
|
|
1580
1560
|
});
|
|
1581
1561
|
return;
|
|
1582
1562
|
}
|
|
1583
1563
|
const u = s.getTransformer();
|
|
1584
1564
|
u == null || u.clearControls();
|
|
1585
|
-
const h = new
|
|
1586
|
-
srcRect:
|
|
1587
|
-
prstGeom:
|
|
1588
|
-
applyTransform:
|
|
1565
|
+
const h = new Me(`${g}-crop`, {
|
|
1566
|
+
srcRect: m.srcRect,
|
|
1567
|
+
prstGeom: m.prstGeom,
|
|
1568
|
+
applyTransform: m.calculateTransformWithSrcRect()
|
|
1589
1569
|
});
|
|
1590
|
-
s.addObject(h,
|
|
1570
|
+
s.addObject(h, m.getLayerIndex() + 1).attachTransformerTo(h), u == null || u.createControlForCopper(h), this._addHoverForImageCopper(h), m.openRenderByCropper(), u == null || u.refreshControls(), h.makeDirty(!0), this._commandService.syncExecuteCommand(Oe.id, [{ unitId: e, subUnitId: r, drawingId: o }]);
|
|
1591
1571
|
})
|
|
1592
1572
|
);
|
|
1593
1573
|
}
|
|
1594
1574
|
_searchCropObject(t) {
|
|
1595
1575
|
const n = t.getAllObjectsByOrder();
|
|
1596
1576
|
for (const e of n)
|
|
1597
|
-
if (e instanceof
|
|
1577
|
+
if (e instanceof Me)
|
|
1598
1578
|
return e;
|
|
1599
1579
|
}
|
|
1600
1580
|
_initCloseCrop() {
|
|
1601
1581
|
this.disposeWithMe(
|
|
1602
1582
|
this._commandService.onCommandExecuted((n) => {
|
|
1603
|
-
if (n.id !==
|
|
1583
|
+
if (n.id !== ge.id)
|
|
1604
1584
|
return;
|
|
1605
1585
|
const e = this._univerInstanceService.getFocusedUnit();
|
|
1606
1586
|
if (e == null)
|
|
@@ -1614,9 +1594,9 @@ let Ae = class extends xe {
|
|
|
1614
1594
|
const c = this._getApplyObjectByCropObject(s);
|
|
1615
1595
|
if (c == null)
|
|
1616
1596
|
return;
|
|
1617
|
-
const
|
|
1618
|
-
|
|
1619
|
-
const
|
|
1597
|
+
const g = a.getTransformerByCreate();
|
|
1598
|
+
g.detachFrom(s), g.clearCopperControl();
|
|
1599
|
+
const m = this._getSrcRectByTransformState(c, s), u = this._drawingManagerService.getDrawingOKey(c.oKey);
|
|
1620
1600
|
if (u != null) {
|
|
1621
1601
|
const { left: h, top: f, height: v, width: w } = s;
|
|
1622
1602
|
this._drawingManagerService.featurePluginUpdateNotification([{
|
|
@@ -1628,17 +1608,17 @@ let Ae = class extends xe {
|
|
|
1628
1608
|
height: v,
|
|
1629
1609
|
width: w
|
|
1630
1610
|
},
|
|
1631
|
-
srcRect:
|
|
1611
|
+
srcRect: m.srcRectAngle
|
|
1632
1612
|
}]);
|
|
1633
1613
|
}
|
|
1634
|
-
c.setSrcRect({ ...
|
|
1614
|
+
c.setSrcRect({ ...m.srcRectAngle }), c.closeRenderByCropper(), c.makeDirty(!0), s == null || s.dispose();
|
|
1635
1615
|
})
|
|
1636
1616
|
);
|
|
1637
|
-
const t = this._univerInstanceService.getCurrentTypeOfUnit$(
|
|
1638
|
-
|
|
1617
|
+
const t = this._univerInstanceService.getCurrentTypeOfUnit$(Ne.UNIVER_SHEET).pipe(
|
|
1618
|
+
Zn((n) => n ? n.activeSheet$ : Yn(null))
|
|
1639
1619
|
);
|
|
1640
1620
|
this.disposeWithMe(t.subscribe(() => {
|
|
1641
|
-
this._commandService.syncExecuteCommand(
|
|
1621
|
+
this._commandService.syncExecuteCommand(ge.id);
|
|
1642
1622
|
}));
|
|
1643
1623
|
}
|
|
1644
1624
|
_getApplyObjectByCropObject(t) {
|
|
@@ -1653,18 +1633,18 @@ let Ae = class extends xe {
|
|
|
1653
1633
|
this.disposeWithMe(
|
|
1654
1634
|
n.changeStart$.subscribe((r) => {
|
|
1655
1635
|
const { objects: o } = r, a = o.values().next().value;
|
|
1656
|
-
if (a == null || !(a instanceof
|
|
1636
|
+
if (a == null || !(a instanceof Me))
|
|
1657
1637
|
return;
|
|
1658
|
-
const { left: s, top: c, height:
|
|
1659
|
-
e = { left: s, top: c, height:
|
|
1638
|
+
const { left: s, top: c, height: g, width: m, angle: u } = a;
|
|
1639
|
+
e = { left: s, top: c, height: g, width: m, angle: u }, n.clearCopperControl();
|
|
1660
1640
|
})
|
|
1661
1641
|
), this.disposeWithMe(
|
|
1662
1642
|
n.changeEnd$.subscribe((r) => {
|
|
1663
1643
|
const { objects: o } = r, a = o.values().next().value;
|
|
1664
|
-
if (a == null || !(a instanceof
|
|
1644
|
+
if (a == null || !(a instanceof Me))
|
|
1665
1645
|
return;
|
|
1666
|
-
const { left: s, top: c, height:
|
|
1667
|
-
if (!
|
|
1646
|
+
const { left: s, top: c, height: g, width: m, angle: u } = a;
|
|
1647
|
+
if (!on({ left: s, top: c, height: g, width: m, angle: u }, e))
|
|
1668
1648
|
return;
|
|
1669
1649
|
const h = this._getApplyObjectByCropObject(a);
|
|
1670
1650
|
if (h == null)
|
|
@@ -1677,11 +1657,11 @@ let Ae = class extends xe {
|
|
|
1677
1657
|
_addHoverForImageCopper(t) {
|
|
1678
1658
|
this.disposeWithMe(
|
|
1679
1659
|
t.onPointerEnter$.subscribeEvent(() => {
|
|
1680
|
-
t.cursor =
|
|
1660
|
+
t.cursor = De.MOVE;
|
|
1681
1661
|
})
|
|
1682
1662
|
), this.disposeWithMe(
|
|
1683
1663
|
t.onPointerLeave$.subscribeEvent(() => {
|
|
1684
|
-
t.cursor =
|
|
1664
|
+
t.cursor = De.DEFAULT;
|
|
1685
1665
|
})
|
|
1686
1666
|
);
|
|
1687
1667
|
}
|
|
@@ -1689,22 +1669,22 @@ let Ae = class extends xe {
|
|
|
1689
1669
|
const n = t.getTransformerByCreate();
|
|
1690
1670
|
this.disposeWithMe(
|
|
1691
1671
|
n.clearControl$.subscribe((e) => {
|
|
1692
|
-
e === !0 && this._commandService.syncExecuteCommand(
|
|
1672
|
+
e === !0 && this._commandService.syncExecuteCommand(ge.id);
|
|
1693
1673
|
})
|
|
1694
1674
|
);
|
|
1695
1675
|
}
|
|
1696
1676
|
_getSrcRectByTransformState(t, n) {
|
|
1697
|
-
const { left: e, top: r, height: o, width: a, strokeWidth: s, angle: c } = n, { left:
|
|
1677
|
+
const { left: e, top: r, height: o, width: a, strokeWidth: s, angle: c } = n, { left: g, top: m, width: u, height: h, angle: f, strokeWidth: v } = t, w = e - g, p = r - m, S = {
|
|
1698
1678
|
left: w,
|
|
1699
1679
|
top: p,
|
|
1700
1680
|
right: u - w - a,
|
|
1701
1681
|
bottom: h - p - o
|
|
1702
1682
|
}, _ = { ...S };
|
|
1703
1683
|
if (f !== 0) {
|
|
1704
|
-
const M = e + a / 2, b = r + o / 2, E = new
|
|
1705
|
-
N.rotateByPoint(
|
|
1684
|
+
const M = e + a / 2, b = r + o / 2, E = new ke(M, b), y = u / 2 + g, I = h / 2 + m, P = new ke(y, I), N = new ke(g, m);
|
|
1685
|
+
N.rotateByPoint(qe(f), P);
|
|
1706
1686
|
const T = N.clone();
|
|
1707
|
-
T.rotateByPoint(
|
|
1687
|
+
T.rotateByPoint(qe(-f), E);
|
|
1708
1688
|
const A = e - T.x, U = r - T.y;
|
|
1709
1689
|
_.left = A, _.top = U, _.right = u - A - a, _.bottom = h - U - o;
|
|
1710
1690
|
}
|
|
@@ -1714,20 +1694,20 @@ let Ae = class extends xe {
|
|
|
1714
1694
|
};
|
|
1715
1695
|
}
|
|
1716
1696
|
};
|
|
1717
|
-
|
|
1718
|
-
de(0,
|
|
1697
|
+
je = xt([
|
|
1698
|
+
de(0, me),
|
|
1719
1699
|
de(1, re),
|
|
1720
1700
|
de(2, ue),
|
|
1721
|
-
de(3,
|
|
1722
|
-
de(4,
|
|
1723
|
-
de(5,
|
|
1724
|
-
],
|
|
1725
|
-
var
|
|
1726
|
-
for (var r = e > 1 ? void 0 : e ?
|
|
1701
|
+
de(3, Fe),
|
|
1702
|
+
de(4, $n),
|
|
1703
|
+
de(5, He(te))
|
|
1704
|
+
], je);
|
|
1705
|
+
var Vt = Object.getOwnPropertyDescriptor, kt = (i, t, n, e) => {
|
|
1706
|
+
for (var r = e > 1 ? void 0 : e ? Vt(t, n) : t, o = i.length - 1, a; o >= 0; o--)
|
|
1727
1707
|
(a = i[o]) && (r = a(r) || r);
|
|
1728
1708
|
return r;
|
|
1729
1709
|
}, ce = (i, t) => (n, e) => t(n, e, i);
|
|
1730
|
-
let
|
|
1710
|
+
let Ae = class extends Le {
|
|
1731
1711
|
constructor(i, t, n, e, r, o, a) {
|
|
1732
1712
|
super(), this._commandService = i, this._renderManagerService = t, this._drawingManagerService = n, this._dialogService = e, this._imageIoService = r, this._currentUniverService = o, this._drawingRenderService = a, this._initialize();
|
|
1733
1713
|
}
|
|
@@ -1740,7 +1720,7 @@ let He = class extends xe {
|
|
|
1740
1720
|
_commandExecutedListener() {
|
|
1741
1721
|
this.disposeWithMe(
|
|
1742
1722
|
this._commandService.onCommandExecuted((i) => {
|
|
1743
|
-
if (i.id ===
|
|
1723
|
+
if (i.id === In.id) {
|
|
1744
1724
|
const t = i.params;
|
|
1745
1725
|
if (t == null)
|
|
1746
1726
|
return;
|
|
@@ -1764,16 +1744,16 @@ let He = class extends xe {
|
|
|
1764
1744
|
const { unitId: r, subUnitId: o, drawingId: a } = e, s = this._getSceneAndTransformerByDrawingSearch(r);
|
|
1765
1745
|
if (s == null)
|
|
1766
1746
|
return;
|
|
1767
|
-
const { scene: c } = s,
|
|
1768
|
-
if (
|
|
1747
|
+
const { scene: c } = s, g = G({ unitId: r, subUnitId: o, drawingId: a }), m = c.getObject(g);
|
|
1748
|
+
if (m == null)
|
|
1769
1749
|
return !0;
|
|
1770
1750
|
const u = this._drawingManagerService.getDrawingByParam(e);
|
|
1771
1751
|
if (u == null)
|
|
1772
1752
|
return !0;
|
|
1773
1753
|
if (u.drawingType !== ne.DRAWING_IMAGE)
|
|
1774
1754
|
return;
|
|
1775
|
-
|
|
1776
|
-
const { width: h, height: f } =
|
|
1755
|
+
m.resetSize();
|
|
1756
|
+
const { width: h, height: f } = m.getNativeSize();
|
|
1777
1757
|
n.includes(c) === !1 && n.push(c), t.push({
|
|
1778
1758
|
...u,
|
|
1779
1759
|
transform: {
|
|
@@ -1787,7 +1767,7 @@ let He = class extends xe {
|
|
|
1787
1767
|
});
|
|
1788
1768
|
}), this._drawingManagerService.featurePluginUpdateNotification(t), n.forEach((e) => {
|
|
1789
1769
|
e.getTransformerByCreate().refreshControls().changeNotification();
|
|
1790
|
-
}), this._commandService.syncExecuteCommand(
|
|
1770
|
+
}), this._commandService.syncExecuteCommand(Oe.id, i);
|
|
1791
1771
|
}
|
|
1792
1772
|
_drawingAddListener() {
|
|
1793
1773
|
this.disposeWithMe(
|
|
@@ -1798,8 +1778,8 @@ let He = class extends xe {
|
|
|
1798
1778
|
}
|
|
1799
1779
|
_insertImages(i) {
|
|
1800
1780
|
i.forEach(async (t) => {
|
|
1801
|
-
var
|
|
1802
|
-
const { unitId: n, subUnitId: e, drawingId: r } = t, o = this._getSceneAndTransformerByDrawingSearch(n), a = (
|
|
1781
|
+
var g;
|
|
1782
|
+
const { unitId: n, subUnitId: e, drawingId: r } = t, o = this._getSceneAndTransformerByDrawingSearch(n), a = (g = mn(this._currentUniverService, n)) == null ? void 0 : g.subUnitId;
|
|
1803
1783
|
if (o == null || a !== e)
|
|
1804
1784
|
return;
|
|
1805
1785
|
const s = this._drawingManagerService.getDrawingByParam(t);
|
|
@@ -1807,8 +1787,8 @@ let He = class extends xe {
|
|
|
1807
1787
|
return;
|
|
1808
1788
|
const c = await this._drawingRenderService.renderImages(s, o.scene);
|
|
1809
1789
|
if (!(c == null || c.length === 0))
|
|
1810
|
-
for (const
|
|
1811
|
-
this._addHoverForImage(
|
|
1790
|
+
for (const m of c)
|
|
1791
|
+
this._addHoverForImage(m), this._addDialogForImage(m);
|
|
1812
1792
|
});
|
|
1813
1793
|
}
|
|
1814
1794
|
_imageUpdateListener() {
|
|
@@ -1818,7 +1798,7 @@ let He = class extends xe {
|
|
|
1818
1798
|
const { unitId: n, subUnitId: e, drawingId: r } = t, o = this._drawingManagerService.getDrawingByParam(t);
|
|
1819
1799
|
if (o == null)
|
|
1820
1800
|
return;
|
|
1821
|
-
const { transform: a, drawingType: s, srcRect: c, prstGeom:
|
|
1801
|
+
const { transform: a, drawingType: s, srcRect: c, prstGeom: g, source: m, imageSourceType: u } = o;
|
|
1822
1802
|
if (s !== ne.DRAWING_IMAGE)
|
|
1823
1803
|
return;
|
|
1824
1804
|
const h = this._getSceneAndTransformerByDrawingSearch(n);
|
|
@@ -1830,29 +1810,29 @@ let He = class extends xe {
|
|
|
1830
1810
|
const w = G({ unitId: n, subUnitId: e, drawingId: r }), p = f.getObject(w);
|
|
1831
1811
|
if (p == null)
|
|
1832
1812
|
return !0;
|
|
1833
|
-
p.setSrcRect(c), p.setPrstGeom(
|
|
1813
|
+
p.setSrcRect(c), p.setPrstGeom(g), m != null && m.length > 0 && (u === Xe.BASE64 || u === Xe.URL) && p.changeSource(m);
|
|
1834
1814
|
});
|
|
1835
1815
|
})
|
|
1836
1816
|
);
|
|
1837
1817
|
}
|
|
1838
1818
|
_addHoverForImage(i) {
|
|
1839
1819
|
this.disposeWithMe(
|
|
1840
|
-
|
|
1820
|
+
Ce(
|
|
1841
1821
|
i.onPointerEnter$.subscribeEvent(() => {
|
|
1842
|
-
i.cursor =
|
|
1822
|
+
i.cursor = De.GRAB;
|
|
1843
1823
|
})
|
|
1844
1824
|
)
|
|
1845
1825
|
), this.disposeWithMe(
|
|
1846
|
-
|
|
1826
|
+
Ce(
|
|
1847
1827
|
i.onPointerLeave$.subscribeEvent(() => {
|
|
1848
|
-
i.cursor =
|
|
1828
|
+
i.cursor = De.DEFAULT;
|
|
1849
1829
|
})
|
|
1850
1830
|
)
|
|
1851
1831
|
);
|
|
1852
1832
|
}
|
|
1853
1833
|
_addDialogForImage(i) {
|
|
1854
1834
|
this.disposeWithMe(
|
|
1855
|
-
|
|
1835
|
+
Ce(
|
|
1856
1836
|
i.onDblclick$.subscribeEvent(() => {
|
|
1857
1837
|
const t = `${i.oKey}-viewer-dialog`;
|
|
1858
1838
|
this._drawingRenderService.previewImage(t, i.getNative().src, i.getNativeSize().width, i.getNativeSize().height);
|
|
@@ -1861,63 +1841,63 @@ let He = class extends xe {
|
|
|
1861
1841
|
);
|
|
1862
1842
|
}
|
|
1863
1843
|
};
|
|
1864
|
-
|
|
1865
|
-
ce(0,
|
|
1844
|
+
Ae = kt([
|
|
1845
|
+
ce(0, me),
|
|
1866
1846
|
ce(1, ue),
|
|
1867
1847
|
ce(2, re),
|
|
1868
|
-
ce(3,
|
|
1869
|
-
ce(4,
|
|
1870
|
-
ce(5,
|
|
1871
|
-
ce(6,
|
|
1872
|
-
],
|
|
1873
|
-
var
|
|
1874
|
-
for (var r = e > 1 ? void 0 : e ?
|
|
1848
|
+
ce(3, cn),
|
|
1849
|
+
ce(4, sn),
|
|
1850
|
+
ce(5, Fe),
|
|
1851
|
+
ce(6, He(Ee))
|
|
1852
|
+
], Ae);
|
|
1853
|
+
var Gt = Object.getOwnPropertyDescriptor, Wt = (i, t, n, e) => {
|
|
1854
|
+
for (var r = e > 1 ? void 0 : e ? Gt(t, n) : t, o = i.length - 1, a; o >= 0; o--)
|
|
1875
1855
|
(a = i[o]) && (r = a(r) || r);
|
|
1876
1856
|
return r;
|
|
1877
|
-
},
|
|
1878
|
-
const
|
|
1879
|
-
var
|
|
1880
|
-
let
|
|
1881
|
-
constructor(i =
|
|
1857
|
+
}, rn = (i, t) => (n, e) => t(n, e, i);
|
|
1858
|
+
const $t = "UNIVER_DRAWING_UI_PLUGIN";
|
|
1859
|
+
var We;
|
|
1860
|
+
let an = (We = class extends jn {
|
|
1861
|
+
constructor(i = nn, t, n) {
|
|
1882
1862
|
super(), this._config = i, this._injector = t, this._configService = n;
|
|
1883
|
-
const { menu: e, ...r } =
|
|
1863
|
+
const { menu: e, ...r } = An(
|
|
1884
1864
|
{},
|
|
1885
|
-
|
|
1865
|
+
nn,
|
|
1886
1866
|
this._config
|
|
1887
1867
|
);
|
|
1888
|
-
e && this._configService.setConfig("menu", e, { merge: !0 }), this._configService.setConfig(
|
|
1868
|
+
e && this._configService.setConfig("menu", e, { merge: !0 }), this._configService.setConfig(Tt, r);
|
|
1889
1869
|
}
|
|
1890
1870
|
onStarting() {
|
|
1891
1871
|
this._initDependencies();
|
|
1892
1872
|
}
|
|
1893
1873
|
onRendered() {
|
|
1894
|
-
this._injector.get(
|
|
1874
|
+
this._injector.get(Ue), this._injector.get(Be), this._injector.get(je), this._injector.get(Ae);
|
|
1895
1875
|
}
|
|
1896
1876
|
_initDependencies() {
|
|
1897
1877
|
[
|
|
1898
|
-
[
|
|
1899
|
-
[je],
|
|
1878
|
+
[Ee],
|
|
1900
1879
|
[Ue],
|
|
1901
|
-
[
|
|
1902
|
-
[
|
|
1880
|
+
[Be],
|
|
1881
|
+
[je],
|
|
1882
|
+
[Ae]
|
|
1903
1883
|
].forEach((t) => this._injector.add(t));
|
|
1904
1884
|
}
|
|
1905
|
-
}, ee(
|
|
1906
|
-
|
|
1907
|
-
|
|
1908
|
-
|
|
1909
|
-
],
|
|
1885
|
+
}, ee(We, "pluginName", $t), We);
|
|
1886
|
+
an = Wt([
|
|
1887
|
+
rn(1, He(Bn)),
|
|
1888
|
+
rn(2, Un)
|
|
1889
|
+
], an);
|
|
1910
1890
|
export {
|
|
1911
|
-
|
|
1912
|
-
|
|
1913
|
-
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
|
|
1917
|
-
|
|
1918
|
-
|
|
1919
|
-
|
|
1920
|
-
|
|
1921
|
-
|
|
1922
|
-
|
|
1891
|
+
Te as AutoImageCropOperation,
|
|
1892
|
+
Et as COMPONENT_IMAGE_POPUP_MENU,
|
|
1893
|
+
ge as CloseImageCropOperation,
|
|
1894
|
+
er as DrawingCommonPanel,
|
|
1895
|
+
Ee as DrawingRenderService,
|
|
1896
|
+
Me as ImageCropperObject,
|
|
1897
|
+
Dt as ImagePopupMenu,
|
|
1898
|
+
In as ImageResetSizeOperation,
|
|
1899
|
+
ze as OpenImageCropOperation,
|
|
1900
|
+
Ze as SetDrawingAlignOperation,
|
|
1901
|
+
an as UniverDrawingUIPlugin,
|
|
1902
|
+
xe as getUpdateParams
|
|
1923
1903
|
};
|