@opentiny/tiny-engine-toolbar-media 2.7.0-alpha.2 → 2.7.0-alpha.3
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/dist/index.js +427 -397
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +5 -5
package/dist/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import "./style.css";
|
|
2
|
-
import { useLayout as h, useCanvas as
|
|
3
|
-
import { ref as
|
|
4
|
-
import { Switch as
|
|
5
|
-
import { IconWebPlus as
|
|
6
|
-
import { ToolbarBase as
|
|
7
|
-
const
|
|
2
|
+
import { useLayout as h, useCanvas as V, getOptions as C, callEntry as k, useCompile as Y } from "@opentiny/tiny-engine-meta-register";
|
|
3
|
+
import { ref as R, computed as Z, reactive as te, toRaw as ae, watch as $, watchEffect as ne, onMounted as ie, onUnmounted as oe, resolveComponent as q, createBlock as G, openBlock as j, withCtx as O, createElementVNode as o, createCommentVNode as H, createElementBlock as J, Fragment as le, renderList as se, normalizeClass as de, createVNode as z, createTextVNode as K, toDisplayString as L } from "vue";
|
|
4
|
+
import { Switch as ce, Input as re, Popover as me } from "@opentiny/vue";
|
|
5
|
+
import { IconWebPlus as g } from "@opentiny/vue-icon";
|
|
6
|
+
import { ToolbarBase as B } from "@opentiny/tiny-engine-common";
|
|
7
|
+
const v = {
|
|
8
8
|
id: "engine.toolbars.media",
|
|
9
9
|
type: "toolbars",
|
|
10
10
|
title: "media",
|
|
@@ -14,12 +14,12 @@ const J = {
|
|
|
14
14
|
},
|
|
15
15
|
renderType: "slot"
|
|
16
16
|
}
|
|
17
|
-
},
|
|
17
|
+
}, pe = {
|
|
18
18
|
components: {
|
|
19
|
-
TinyPopover:
|
|
20
|
-
TinyInput:
|
|
21
|
-
TinySwitch:
|
|
22
|
-
ToolbarBase:
|
|
19
|
+
TinyPopover: me,
|
|
20
|
+
TinyInput: re,
|
|
21
|
+
TinySwitch: ce,
|
|
22
|
+
ToolbarBase: B
|
|
23
23
|
},
|
|
24
24
|
props: {
|
|
25
25
|
data: {
|
|
@@ -41,9 +41,9 @@ const J = {
|
|
|
41
41
|
let l = null, t = "", s = "";
|
|
42
42
|
const {
|
|
43
43
|
layoutState: p
|
|
44
|
-
} = h(), d =
|
|
44
|
+
} = h(), d = R(!1), u = R(!1), c = R(!1), {
|
|
45
45
|
getCanvasType: x
|
|
46
|
-
} =
|
|
46
|
+
} = V().canvasApi.value, y = R((x == null ? void 0 : x()) === "absolute"), a = Z(() => h().getDimension()), r = Z(() => a.value.scale * 100), n = te({
|
|
47
47
|
activeIndex: 0,
|
|
48
48
|
guideValue: "",
|
|
49
49
|
width: "",
|
|
@@ -53,13 +53,13 @@ const J = {
|
|
|
53
53
|
moreData: {
|
|
54
54
|
title: "添加大断点",
|
|
55
55
|
list: [{
|
|
56
|
-
icon:
|
|
56
|
+
icon: g(),
|
|
57
57
|
text: "1280px"
|
|
58
58
|
}, {
|
|
59
|
-
icon:
|
|
59
|
+
icon: g(),
|
|
60
60
|
text: "1440px"
|
|
61
61
|
}, {
|
|
62
|
-
icon:
|
|
62
|
+
icon: g(),
|
|
63
63
|
text: "1920px"
|
|
64
64
|
}],
|
|
65
65
|
tips: "将鼠标悬停在断点上以了解更多信息"
|
|
@@ -83,7 +83,7 @@ const J = {
|
|
|
83
83
|
value: "选项3",
|
|
84
84
|
label: "Filled guide(960px)"
|
|
85
85
|
}],
|
|
86
|
-
media: [{
|
|
86
|
+
media: C(v.id).mediaDeviceTypes || [{
|
|
87
87
|
idx: 0,
|
|
88
88
|
view: "mdx",
|
|
89
89
|
icon: "IconDesktopView",
|
|
@@ -144,7 +144,7 @@ const J = {
|
|
|
144
144
|
content: "此处添加的样式将适用于 480 像素及以下。",
|
|
145
145
|
enContent: "styles added here will apply at 480px and down."
|
|
146
146
|
}]
|
|
147
|
-
}),
|
|
147
|
+
}), D = k(() => {
|
|
148
148
|
u.value = !1;
|
|
149
149
|
}, {
|
|
150
150
|
metaData: {
|
|
@@ -161,30 +161,32 @@ const J = {
|
|
|
161
161
|
active: u,
|
|
162
162
|
flag: c,
|
|
163
163
|
getCanvasType: x,
|
|
164
|
-
isAbsolute:
|
|
164
|
+
isAbsolute: y,
|
|
165
165
|
dimension: a,
|
|
166
166
|
scale: r,
|
|
167
167
|
state: n,
|
|
168
|
-
hide:
|
|
169
|
-
showTips:
|
|
170
|
-
hideTips:
|
|
171
|
-
showPopover:
|
|
172
|
-
hidePopover:
|
|
173
|
-
closePopover:
|
|
174
|
-
mediaMap:
|
|
175
|
-
setViewPort:
|
|
176
|
-
activeView:
|
|
177
|
-
breakpoints:
|
|
178
|
-
widthChange:
|
|
179
|
-
scaleChange:
|
|
180
|
-
changeCanvasType:
|
|
181
|
-
mode:
|
|
182
|
-
IconWebPlus:
|
|
168
|
+
hide: D,
|
|
169
|
+
showTips: T,
|
|
170
|
+
hideTips: M,
|
|
171
|
+
showPopover: W,
|
|
172
|
+
hidePopover: I,
|
|
173
|
+
closePopover: f,
|
|
174
|
+
mediaMap: b,
|
|
175
|
+
setViewPort: _,
|
|
176
|
+
activeView: P,
|
|
177
|
+
breakpoints: N,
|
|
178
|
+
widthChange: S,
|
|
179
|
+
scaleChange: E,
|
|
180
|
+
changeCanvasType: U,
|
|
181
|
+
mode: A,
|
|
182
|
+
IconWebPlus: g,
|
|
183
183
|
useLayout: h,
|
|
184
|
-
useCanvas:
|
|
185
|
-
|
|
184
|
+
useCanvas: V,
|
|
185
|
+
getOptions: C,
|
|
186
|
+
ToolbarBase: B,
|
|
187
|
+
meta: v
|
|
186
188
|
})
|
|
187
|
-
}),
|
|
189
|
+
}), T = k(() => {
|
|
188
190
|
l = setTimeout(() => {
|
|
189
191
|
d.value = !0;
|
|
190
192
|
}, 1e3);
|
|
@@ -203,30 +205,32 @@ const J = {
|
|
|
203
205
|
active: u,
|
|
204
206
|
flag: c,
|
|
205
207
|
getCanvasType: x,
|
|
206
|
-
isAbsolute:
|
|
208
|
+
isAbsolute: y,
|
|
207
209
|
dimension: a,
|
|
208
210
|
scale: r,
|
|
209
211
|
state: n,
|
|
210
|
-
hide:
|
|
211
|
-
showTips:
|
|
212
|
-
hideTips:
|
|
213
|
-
showPopover:
|
|
214
|
-
hidePopover:
|
|
215
|
-
closePopover:
|
|
216
|
-
mediaMap:
|
|
217
|
-
setViewPort:
|
|
218
|
-
activeView:
|
|
219
|
-
breakpoints:
|
|
220
|
-
widthChange:
|
|
221
|
-
scaleChange:
|
|
222
|
-
changeCanvasType:
|
|
223
|
-
mode:
|
|
224
|
-
IconWebPlus:
|
|
212
|
+
hide: D,
|
|
213
|
+
showTips: T,
|
|
214
|
+
hideTips: M,
|
|
215
|
+
showPopover: W,
|
|
216
|
+
hidePopover: I,
|
|
217
|
+
closePopover: f,
|
|
218
|
+
mediaMap: b,
|
|
219
|
+
setViewPort: _,
|
|
220
|
+
activeView: P,
|
|
221
|
+
breakpoints: N,
|
|
222
|
+
widthChange: S,
|
|
223
|
+
scaleChange: E,
|
|
224
|
+
changeCanvasType: U,
|
|
225
|
+
mode: A,
|
|
226
|
+
IconWebPlus: g,
|
|
225
227
|
useLayout: h,
|
|
226
|
-
useCanvas:
|
|
227
|
-
|
|
228
|
+
useCanvas: V,
|
|
229
|
+
getOptions: C,
|
|
230
|
+
ToolbarBase: B,
|
|
231
|
+
meta: v
|
|
228
232
|
})
|
|
229
|
-
}),
|
|
233
|
+
}), M = k(() => {
|
|
230
234
|
d.value = !1, clearTimeout(l);
|
|
231
235
|
}, {
|
|
232
236
|
metaData: {
|
|
@@ -243,30 +247,32 @@ const J = {
|
|
|
243
247
|
active: u,
|
|
244
248
|
flag: c,
|
|
245
249
|
getCanvasType: x,
|
|
246
|
-
isAbsolute:
|
|
250
|
+
isAbsolute: y,
|
|
247
251
|
dimension: a,
|
|
248
252
|
scale: r,
|
|
249
253
|
state: n,
|
|
250
|
-
hide:
|
|
251
|
-
showTips:
|
|
252
|
-
hideTips:
|
|
253
|
-
showPopover:
|
|
254
|
-
hidePopover:
|
|
255
|
-
closePopover:
|
|
256
|
-
mediaMap:
|
|
257
|
-
setViewPort:
|
|
258
|
-
activeView:
|
|
259
|
-
breakpoints:
|
|
260
|
-
widthChange:
|
|
261
|
-
scaleChange:
|
|
262
|
-
changeCanvasType:
|
|
263
|
-
mode:
|
|
264
|
-
IconWebPlus:
|
|
254
|
+
hide: D,
|
|
255
|
+
showTips: T,
|
|
256
|
+
hideTips: M,
|
|
257
|
+
showPopover: W,
|
|
258
|
+
hidePopover: I,
|
|
259
|
+
closePopover: f,
|
|
260
|
+
mediaMap: b,
|
|
261
|
+
setViewPort: _,
|
|
262
|
+
activeView: P,
|
|
263
|
+
breakpoints: N,
|
|
264
|
+
widthChange: S,
|
|
265
|
+
scaleChange: E,
|
|
266
|
+
changeCanvasType: U,
|
|
267
|
+
mode: A,
|
|
268
|
+
IconWebPlus: g,
|
|
265
269
|
useLayout: h,
|
|
266
|
-
useCanvas:
|
|
267
|
-
|
|
270
|
+
useCanvas: V,
|
|
271
|
+
getOptions: C,
|
|
272
|
+
ToolbarBase: B,
|
|
273
|
+
meta: v
|
|
268
274
|
})
|
|
269
|
-
}),
|
|
275
|
+
}), W = k(() => {
|
|
270
276
|
p.toolbars.visiblePopover = !0, c.value = !0;
|
|
271
277
|
}, {
|
|
272
278
|
metaData: {
|
|
@@ -283,30 +289,32 @@ const J = {
|
|
|
283
289
|
active: u,
|
|
284
290
|
flag: c,
|
|
285
291
|
getCanvasType: x,
|
|
286
|
-
isAbsolute:
|
|
292
|
+
isAbsolute: y,
|
|
287
293
|
dimension: a,
|
|
288
294
|
scale: r,
|
|
289
295
|
state: n,
|
|
290
|
-
hide:
|
|
291
|
-
showTips:
|
|
292
|
-
hideTips:
|
|
293
|
-
showPopover:
|
|
294
|
-
hidePopover:
|
|
295
|
-
closePopover:
|
|
296
|
-
mediaMap:
|
|
297
|
-
setViewPort:
|
|
298
|
-
activeView:
|
|
299
|
-
breakpoints:
|
|
300
|
-
widthChange:
|
|
301
|
-
scaleChange:
|
|
302
|
-
changeCanvasType:
|
|
303
|
-
mode:
|
|
304
|
-
IconWebPlus:
|
|
296
|
+
hide: D,
|
|
297
|
+
showTips: T,
|
|
298
|
+
hideTips: M,
|
|
299
|
+
showPopover: W,
|
|
300
|
+
hidePopover: I,
|
|
301
|
+
closePopover: f,
|
|
302
|
+
mediaMap: b,
|
|
303
|
+
setViewPort: _,
|
|
304
|
+
activeView: P,
|
|
305
|
+
breakpoints: N,
|
|
306
|
+
widthChange: S,
|
|
307
|
+
scaleChange: E,
|
|
308
|
+
changeCanvasType: U,
|
|
309
|
+
mode: A,
|
|
310
|
+
IconWebPlus: g,
|
|
305
311
|
useLayout: h,
|
|
306
|
-
useCanvas:
|
|
307
|
-
|
|
312
|
+
useCanvas: V,
|
|
313
|
+
getOptions: C,
|
|
314
|
+
ToolbarBase: B,
|
|
315
|
+
meta: v
|
|
308
316
|
})
|
|
309
|
-
}),
|
|
317
|
+
}), I = k(() => {
|
|
310
318
|
p.toolbars.visiblePopover = !1, c.value = !1;
|
|
311
319
|
}, {
|
|
312
320
|
metaData: {
|
|
@@ -323,32 +331,34 @@ const J = {
|
|
|
323
331
|
active: u,
|
|
324
332
|
flag: c,
|
|
325
333
|
getCanvasType: x,
|
|
326
|
-
isAbsolute:
|
|
334
|
+
isAbsolute: y,
|
|
327
335
|
dimension: a,
|
|
328
336
|
scale: r,
|
|
329
337
|
state: n,
|
|
330
|
-
hide:
|
|
331
|
-
showTips:
|
|
332
|
-
hideTips:
|
|
333
|
-
showPopover:
|
|
334
|
-
hidePopover:
|
|
335
|
-
closePopover:
|
|
336
|
-
mediaMap:
|
|
337
|
-
setViewPort:
|
|
338
|
-
activeView:
|
|
339
|
-
breakpoints:
|
|
340
|
-
widthChange:
|
|
341
|
-
scaleChange:
|
|
342
|
-
changeCanvasType:
|
|
343
|
-
mode:
|
|
344
|
-
IconWebPlus:
|
|
338
|
+
hide: D,
|
|
339
|
+
showTips: T,
|
|
340
|
+
hideTips: M,
|
|
341
|
+
showPopover: W,
|
|
342
|
+
hidePopover: I,
|
|
343
|
+
closePopover: f,
|
|
344
|
+
mediaMap: b,
|
|
345
|
+
setViewPort: _,
|
|
346
|
+
activeView: P,
|
|
347
|
+
breakpoints: N,
|
|
348
|
+
widthChange: S,
|
|
349
|
+
scaleChange: E,
|
|
350
|
+
changeCanvasType: U,
|
|
351
|
+
mode: A,
|
|
352
|
+
IconWebPlus: g,
|
|
345
353
|
useLayout: h,
|
|
346
|
-
useCanvas:
|
|
347
|
-
|
|
354
|
+
useCanvas: V,
|
|
355
|
+
getOptions: C,
|
|
356
|
+
ToolbarBase: B,
|
|
357
|
+
meta: v
|
|
348
358
|
})
|
|
349
|
-
}),
|
|
350
|
-
const
|
|
351
|
-
|
|
359
|
+
}), f = k((i) => {
|
|
360
|
+
const w = document.querySelector(".reference-text"), F = w == null ? void 0 : w.contains(i.target);
|
|
361
|
+
w !== i.target && !F && (p.toolbars.visiblePopover = !1);
|
|
352
362
|
}, {
|
|
353
363
|
metaData: {
|
|
354
364
|
id: "engine.toolbars.media.Main.closePopover"
|
|
@@ -364,33 +374,35 @@ const J = {
|
|
|
364
374
|
active: u,
|
|
365
375
|
flag: c,
|
|
366
376
|
getCanvasType: x,
|
|
367
|
-
isAbsolute:
|
|
377
|
+
isAbsolute: y,
|
|
368
378
|
dimension: a,
|
|
369
379
|
scale: r,
|
|
370
380
|
state: n,
|
|
371
|
-
hide:
|
|
372
|
-
showTips:
|
|
373
|
-
hideTips:
|
|
374
|
-
showPopover:
|
|
375
|
-
hidePopover:
|
|
376
|
-
closePopover:
|
|
377
|
-
mediaMap:
|
|
378
|
-
setViewPort:
|
|
379
|
-
activeView:
|
|
380
|
-
breakpoints:
|
|
381
|
-
widthChange:
|
|
382
|
-
scaleChange:
|
|
383
|
-
changeCanvasType:
|
|
384
|
-
mode:
|
|
385
|
-
IconWebPlus:
|
|
381
|
+
hide: D,
|
|
382
|
+
showTips: T,
|
|
383
|
+
hideTips: M,
|
|
384
|
+
showPopover: W,
|
|
385
|
+
hidePopover: I,
|
|
386
|
+
closePopover: f,
|
|
387
|
+
mediaMap: b,
|
|
388
|
+
setViewPort: _,
|
|
389
|
+
activeView: P,
|
|
390
|
+
breakpoints: N,
|
|
391
|
+
widthChange: S,
|
|
392
|
+
scaleChange: E,
|
|
393
|
+
changeCanvasType: U,
|
|
394
|
+
mode: A,
|
|
395
|
+
IconWebPlus: g,
|
|
386
396
|
useLayout: h,
|
|
387
|
-
useCanvas:
|
|
388
|
-
|
|
397
|
+
useCanvas: V,
|
|
398
|
+
getOptions: C,
|
|
399
|
+
ToolbarBase: B,
|
|
400
|
+
meta: v
|
|
389
401
|
})
|
|
390
|
-
}),
|
|
391
|
-
...
|
|
392
|
-
index:
|
|
393
|
-
}, i), {}),
|
|
402
|
+
}), b = n.media.reduce((i, w, F) => (i[w.view] = {
|
|
403
|
+
...ae(w),
|
|
404
|
+
index: F
|
|
405
|
+
}, i), {}), _ = k((i) => {
|
|
394
406
|
m.isCanvas ? h().setDimension({
|
|
395
407
|
deviceType: i.view,
|
|
396
408
|
width: i.width,
|
|
@@ -412,36 +424,38 @@ const J = {
|
|
|
412
424
|
active: u,
|
|
413
425
|
flag: c,
|
|
414
426
|
getCanvasType: x,
|
|
415
|
-
isAbsolute:
|
|
427
|
+
isAbsolute: y,
|
|
416
428
|
dimension: a,
|
|
417
429
|
scale: r,
|
|
418
430
|
state: n,
|
|
419
|
-
hide:
|
|
420
|
-
showTips:
|
|
421
|
-
hideTips:
|
|
422
|
-
showPopover:
|
|
423
|
-
hidePopover:
|
|
424
|
-
closePopover:
|
|
425
|
-
mediaMap:
|
|
426
|
-
setViewPort:
|
|
427
|
-
activeView:
|
|
428
|
-
breakpoints:
|
|
429
|
-
widthChange:
|
|
430
|
-
scaleChange:
|
|
431
|
-
changeCanvasType:
|
|
432
|
-
mode:
|
|
433
|
-
IconWebPlus:
|
|
431
|
+
hide: D,
|
|
432
|
+
showTips: T,
|
|
433
|
+
hideTips: M,
|
|
434
|
+
showPopover: W,
|
|
435
|
+
hidePopover: I,
|
|
436
|
+
closePopover: f,
|
|
437
|
+
mediaMap: b,
|
|
438
|
+
setViewPort: _,
|
|
439
|
+
activeView: P,
|
|
440
|
+
breakpoints: N,
|
|
441
|
+
widthChange: S,
|
|
442
|
+
scaleChange: E,
|
|
443
|
+
changeCanvasType: U,
|
|
444
|
+
mode: A,
|
|
445
|
+
IconWebPlus: g,
|
|
434
446
|
useLayout: h,
|
|
435
|
-
useCanvas:
|
|
436
|
-
|
|
447
|
+
useCanvas: V,
|
|
448
|
+
getOptions: C,
|
|
449
|
+
ToolbarBase: B,
|
|
450
|
+
meta: v
|
|
437
451
|
})
|
|
438
|
-
}),
|
|
439
|
-
const
|
|
452
|
+
}), P = k((i, w) => {
|
|
453
|
+
const F = b[w];
|
|
440
454
|
h().setDimension({
|
|
441
|
-
deviceType:
|
|
442
|
-
width: i ? `${i}px` :
|
|
443
|
-
minWidth:
|
|
444
|
-
maxWidth:
|
|
455
|
+
deviceType: F.view,
|
|
456
|
+
width: i ? `${i}px` : F.width,
|
|
457
|
+
minWidth: F.minWidth,
|
|
458
|
+
maxWidth: F.maxWidth
|
|
445
459
|
});
|
|
446
460
|
}, {
|
|
447
461
|
metaData: {
|
|
@@ -458,30 +472,32 @@ const J = {
|
|
|
458
472
|
active: u,
|
|
459
473
|
flag: c,
|
|
460
474
|
getCanvasType: x,
|
|
461
|
-
isAbsolute:
|
|
475
|
+
isAbsolute: y,
|
|
462
476
|
dimension: a,
|
|
463
477
|
scale: r,
|
|
464
478
|
state: n,
|
|
465
|
-
hide:
|
|
466
|
-
showTips:
|
|
467
|
-
hideTips:
|
|
468
|
-
showPopover:
|
|
469
|
-
hidePopover:
|
|
470
|
-
closePopover:
|
|
471
|
-
mediaMap:
|
|
472
|
-
setViewPort:
|
|
473
|
-
activeView:
|
|
474
|
-
breakpoints:
|
|
475
|
-
widthChange:
|
|
476
|
-
scaleChange:
|
|
477
|
-
changeCanvasType:
|
|
478
|
-
mode:
|
|
479
|
-
IconWebPlus:
|
|
479
|
+
hide: D,
|
|
480
|
+
showTips: T,
|
|
481
|
+
hideTips: M,
|
|
482
|
+
showPopover: W,
|
|
483
|
+
hidePopover: I,
|
|
484
|
+
closePopover: f,
|
|
485
|
+
mediaMap: b,
|
|
486
|
+
setViewPort: _,
|
|
487
|
+
activeView: P,
|
|
488
|
+
breakpoints: N,
|
|
489
|
+
widthChange: S,
|
|
490
|
+
scaleChange: E,
|
|
491
|
+
changeCanvasType: U,
|
|
492
|
+
mode: A,
|
|
493
|
+
IconWebPlus: g,
|
|
480
494
|
useLayout: h,
|
|
481
|
-
useCanvas:
|
|
482
|
-
|
|
495
|
+
useCanvas: V,
|
|
496
|
+
getOptions: C,
|
|
497
|
+
ToolbarBase: B,
|
|
498
|
+
meta: v
|
|
483
499
|
})
|
|
484
|
-
}),
|
|
500
|
+
}), N = [{
|
|
485
501
|
type: "mobile",
|
|
486
502
|
min: 240,
|
|
487
503
|
max: 480
|
|
@@ -501,12 +517,12 @@ const J = {
|
|
|
501
517
|
type: "mdx",
|
|
502
518
|
min: 1200,
|
|
503
519
|
max: 1920
|
|
504
|
-
}],
|
|
505
|
-
var
|
|
506
|
-
const
|
|
507
|
-
String(i).match(
|
|
508
|
-
const
|
|
509
|
-
|
|
520
|
+
}], S = k((i) => {
|
|
521
|
+
var Q;
|
|
522
|
+
const w = /^\d+$/;
|
|
523
|
+
String(i).match(w) ? Number(i) < 240 ? n.width = 240 : Number(i) > 1920 ? n.width = 1920 : n.width = i : n.width = t || parseInt(a.value.width, 10);
|
|
524
|
+
const F = Number(n.width), ee = ((Q = N.find((X) => X.min <= F && F <= X.max)) == null ? void 0 : Q.type) || "desktop";
|
|
525
|
+
P(F, ee);
|
|
510
526
|
}, {
|
|
511
527
|
metaData: {
|
|
512
528
|
id: "engine.toolbars.media.Main.widthChange"
|
|
@@ -522,32 +538,34 @@ const J = {
|
|
|
522
538
|
active: u,
|
|
523
539
|
flag: c,
|
|
524
540
|
getCanvasType: x,
|
|
525
|
-
isAbsolute:
|
|
541
|
+
isAbsolute: y,
|
|
526
542
|
dimension: a,
|
|
527
543
|
scale: r,
|
|
528
544
|
state: n,
|
|
529
|
-
hide:
|
|
530
|
-
showTips:
|
|
531
|
-
hideTips:
|
|
532
|
-
showPopover:
|
|
533
|
-
hidePopover:
|
|
534
|
-
closePopover:
|
|
535
|
-
mediaMap:
|
|
536
|
-
setViewPort:
|
|
537
|
-
activeView:
|
|
538
|
-
breakpoints:
|
|
539
|
-
widthChange:
|
|
540
|
-
scaleChange:
|
|
541
|
-
changeCanvasType:
|
|
542
|
-
mode:
|
|
543
|
-
IconWebPlus:
|
|
545
|
+
hide: D,
|
|
546
|
+
showTips: T,
|
|
547
|
+
hideTips: M,
|
|
548
|
+
showPopover: W,
|
|
549
|
+
hidePopover: I,
|
|
550
|
+
closePopover: f,
|
|
551
|
+
mediaMap: b,
|
|
552
|
+
setViewPort: _,
|
|
553
|
+
activeView: P,
|
|
554
|
+
breakpoints: N,
|
|
555
|
+
widthChange: S,
|
|
556
|
+
scaleChange: E,
|
|
557
|
+
changeCanvasType: U,
|
|
558
|
+
mode: A,
|
|
559
|
+
IconWebPlus: g,
|
|
544
560
|
useLayout: h,
|
|
545
|
-
useCanvas:
|
|
546
|
-
|
|
561
|
+
useCanvas: V,
|
|
562
|
+
getOptions: C,
|
|
563
|
+
ToolbarBase: B,
|
|
564
|
+
meta: v
|
|
547
565
|
})
|
|
548
|
-
}),
|
|
549
|
-
const
|
|
550
|
-
String(i).match(
|
|
566
|
+
}), E = k((i) => {
|
|
567
|
+
const w = b.mdx, F = /^\d+(\.\d+)?$/;
|
|
568
|
+
String(i).match(F) ? Number(i) > 100 ? n.scaleValue = 100 : Number(i) < 20 ? n.scaleValue = 20 : n.scaleValue = i : n.scaleValue = s || parseInt(w.scale), n.scaleValue = Number(n.scaleValue).toFixed(2), h().setDimension({
|
|
551
569
|
scale: Number(n.scaleValue) / 100
|
|
552
570
|
});
|
|
553
571
|
}, {
|
|
@@ -565,34 +583,36 @@ const J = {
|
|
|
565
583
|
active: u,
|
|
566
584
|
flag: c,
|
|
567
585
|
getCanvasType: x,
|
|
568
|
-
isAbsolute:
|
|
586
|
+
isAbsolute: y,
|
|
569
587
|
dimension: a,
|
|
570
588
|
scale: r,
|
|
571
589
|
state: n,
|
|
572
|
-
hide:
|
|
573
|
-
showTips:
|
|
574
|
-
hideTips:
|
|
575
|
-
showPopover:
|
|
576
|
-
hidePopover:
|
|
577
|
-
closePopover:
|
|
578
|
-
mediaMap:
|
|
579
|
-
setViewPort:
|
|
580
|
-
activeView:
|
|
581
|
-
breakpoints:
|
|
582
|
-
widthChange:
|
|
583
|
-
scaleChange:
|
|
584
|
-
changeCanvasType:
|
|
585
|
-
mode:
|
|
586
|
-
IconWebPlus:
|
|
590
|
+
hide: D,
|
|
591
|
+
showTips: T,
|
|
592
|
+
hideTips: M,
|
|
593
|
+
showPopover: W,
|
|
594
|
+
hidePopover: I,
|
|
595
|
+
closePopover: f,
|
|
596
|
+
mediaMap: b,
|
|
597
|
+
setViewPort: _,
|
|
598
|
+
activeView: P,
|
|
599
|
+
breakpoints: N,
|
|
600
|
+
widthChange: S,
|
|
601
|
+
scaleChange: E,
|
|
602
|
+
changeCanvasType: U,
|
|
603
|
+
mode: A,
|
|
604
|
+
IconWebPlus: g,
|
|
587
605
|
useLayout: h,
|
|
588
|
-
useCanvas:
|
|
589
|
-
|
|
606
|
+
useCanvas: V,
|
|
607
|
+
getOptions: C,
|
|
608
|
+
ToolbarBase: B,
|
|
609
|
+
meta: v
|
|
590
610
|
})
|
|
591
|
-
}),
|
|
611
|
+
}), U = k((i) => {
|
|
592
612
|
const {
|
|
593
|
-
setCanvasType:
|
|
594
|
-
} =
|
|
595
|
-
|
|
613
|
+
setCanvasType: w
|
|
614
|
+
} = V().canvasApi.value;
|
|
615
|
+
w(i ? "absolute" : "normal");
|
|
596
616
|
}, {
|
|
597
617
|
metaData: {
|
|
598
618
|
id: "engine.toolbars.media.Main.changeCanvasType"
|
|
@@ -608,41 +628,43 @@ const J = {
|
|
|
608
628
|
active: u,
|
|
609
629
|
flag: c,
|
|
610
630
|
getCanvasType: x,
|
|
611
|
-
isAbsolute:
|
|
631
|
+
isAbsolute: y,
|
|
612
632
|
dimension: a,
|
|
613
633
|
scale: r,
|
|
614
634
|
state: n,
|
|
615
|
-
hide:
|
|
616
|
-
showTips:
|
|
617
|
-
hideTips:
|
|
618
|
-
showPopover:
|
|
619
|
-
hidePopover:
|
|
620
|
-
closePopover:
|
|
621
|
-
mediaMap:
|
|
622
|
-
setViewPort:
|
|
623
|
-
activeView:
|
|
624
|
-
breakpoints:
|
|
625
|
-
widthChange:
|
|
626
|
-
scaleChange:
|
|
627
|
-
changeCanvasType:
|
|
628
|
-
mode:
|
|
629
|
-
IconWebPlus:
|
|
635
|
+
hide: D,
|
|
636
|
+
showTips: T,
|
|
637
|
+
hideTips: M,
|
|
638
|
+
showPopover: W,
|
|
639
|
+
hidePopover: I,
|
|
640
|
+
closePopover: f,
|
|
641
|
+
mediaMap: b,
|
|
642
|
+
setViewPort: _,
|
|
643
|
+
activeView: P,
|
|
644
|
+
breakpoints: N,
|
|
645
|
+
widthChange: S,
|
|
646
|
+
scaleChange: E,
|
|
647
|
+
changeCanvasType: U,
|
|
648
|
+
mode: A,
|
|
649
|
+
IconWebPlus: g,
|
|
630
650
|
useLayout: h,
|
|
631
|
-
useCanvas:
|
|
632
|
-
|
|
651
|
+
useCanvas: V,
|
|
652
|
+
getOptions: C,
|
|
653
|
+
ToolbarBase: B,
|
|
654
|
+
meta: v
|
|
633
655
|
})
|
|
634
656
|
});
|
|
635
|
-
|
|
636
|
-
n.activeIndex =
|
|
657
|
+
$(() => a.value.deviceType, (i) => {
|
|
658
|
+
n.activeIndex = b[i].index, n.readonly = i !== "mdx";
|
|
637
659
|
}, {
|
|
638
660
|
immediate: !0
|
|
639
|
-
}),
|
|
661
|
+
}), ne(() => {
|
|
640
662
|
n.scaleValue = r.value.toFixed(2), s = r.value;
|
|
641
|
-
}),
|
|
642
|
-
const
|
|
643
|
-
Number.isInteger(
|
|
644
|
-
}),
|
|
645
|
-
document.addEventListener("click",
|
|
663
|
+
}), $(() => a.value.width, (i) => {
|
|
664
|
+
const w = parseInt(i, 10);
|
|
665
|
+
Number.isInteger(w) && (n.width = w, t = w);
|
|
666
|
+
}), ie(k(k(() => {
|
|
667
|
+
document.addEventListener("click", f);
|
|
646
668
|
}, {
|
|
647
669
|
metaData: {
|
|
648
670
|
id: "engine.toolbars.media.Main.onMounted[0]"
|
|
@@ -658,28 +680,30 @@ const J = {
|
|
|
658
680
|
active: u,
|
|
659
681
|
flag: c,
|
|
660
682
|
getCanvasType: x,
|
|
661
|
-
isAbsolute:
|
|
683
|
+
isAbsolute: y,
|
|
662
684
|
dimension: a,
|
|
663
685
|
scale: r,
|
|
664
686
|
state: n,
|
|
665
|
-
hide:
|
|
666
|
-
showTips:
|
|
667
|
-
hideTips:
|
|
668
|
-
showPopover:
|
|
669
|
-
hidePopover:
|
|
670
|
-
closePopover:
|
|
671
|
-
mediaMap:
|
|
672
|
-
setViewPort:
|
|
673
|
-
activeView:
|
|
674
|
-
breakpoints:
|
|
675
|
-
widthChange:
|
|
676
|
-
scaleChange:
|
|
677
|
-
changeCanvasType:
|
|
678
|
-
mode:
|
|
679
|
-
IconWebPlus:
|
|
687
|
+
hide: D,
|
|
688
|
+
showTips: T,
|
|
689
|
+
hideTips: M,
|
|
690
|
+
showPopover: W,
|
|
691
|
+
hidePopover: I,
|
|
692
|
+
closePopover: f,
|
|
693
|
+
mediaMap: b,
|
|
694
|
+
setViewPort: _,
|
|
695
|
+
activeView: P,
|
|
696
|
+
breakpoints: N,
|
|
697
|
+
widthChange: S,
|
|
698
|
+
scaleChange: E,
|
|
699
|
+
changeCanvasType: U,
|
|
700
|
+
mode: A,
|
|
701
|
+
IconWebPlus: g,
|
|
680
702
|
useLayout: h,
|
|
681
|
-
useCanvas:
|
|
682
|
-
|
|
703
|
+
useCanvas: V,
|
|
704
|
+
getOptions: C,
|
|
705
|
+
ToolbarBase: B,
|
|
706
|
+
meta: v
|
|
683
707
|
})
|
|
684
708
|
}), {
|
|
685
709
|
metaData: {
|
|
@@ -696,34 +720,36 @@ const J = {
|
|
|
696
720
|
active: u,
|
|
697
721
|
flag: c,
|
|
698
722
|
getCanvasType: x,
|
|
699
|
-
isAbsolute:
|
|
723
|
+
isAbsolute: y,
|
|
700
724
|
dimension: a,
|
|
701
725
|
scale: r,
|
|
702
726
|
state: n,
|
|
703
|
-
hide:
|
|
704
|
-
showTips:
|
|
705
|
-
hideTips:
|
|
706
|
-
showPopover:
|
|
707
|
-
hidePopover:
|
|
708
|
-
closePopover:
|
|
709
|
-
mediaMap:
|
|
710
|
-
setViewPort:
|
|
711
|
-
activeView:
|
|
712
|
-
breakpoints:
|
|
713
|
-
widthChange:
|
|
714
|
-
scaleChange:
|
|
715
|
-
changeCanvasType:
|
|
716
|
-
mode:
|
|
717
|
-
_callEntry:
|
|
718
|
-
_useCompile:
|
|
719
|
-
_metaData:
|
|
720
|
-
IconWebPlus:
|
|
727
|
+
hide: D,
|
|
728
|
+
showTips: T,
|
|
729
|
+
hideTips: M,
|
|
730
|
+
showPopover: W,
|
|
731
|
+
hidePopover: I,
|
|
732
|
+
closePopover: f,
|
|
733
|
+
mediaMap: b,
|
|
734
|
+
setViewPort: _,
|
|
735
|
+
activeView: P,
|
|
736
|
+
breakpoints: N,
|
|
737
|
+
widthChange: S,
|
|
738
|
+
scaleChange: E,
|
|
739
|
+
changeCanvasType: U,
|
|
740
|
+
mode: A,
|
|
741
|
+
_callEntry: k,
|
|
742
|
+
_useCompile: Y,
|
|
743
|
+
_metaData: v,
|
|
744
|
+
IconWebPlus: g,
|
|
721
745
|
useLayout: h,
|
|
722
|
-
useCanvas:
|
|
723
|
-
|
|
746
|
+
useCanvas: V,
|
|
747
|
+
getOptions: C,
|
|
748
|
+
ToolbarBase: B,
|
|
749
|
+
meta: v
|
|
724
750
|
})
|
|
725
|
-
})),
|
|
726
|
-
document.removeEventListener("click",
|
|
751
|
+
})), oe(k(k(() => {
|
|
752
|
+
document.removeEventListener("click", f);
|
|
727
753
|
}, {
|
|
728
754
|
metaData: {
|
|
729
755
|
id: "engine.toolbars.media.Main.onUnmounted[0]"
|
|
@@ -739,28 +765,30 @@ const J = {
|
|
|
739
765
|
active: u,
|
|
740
766
|
flag: c,
|
|
741
767
|
getCanvasType: x,
|
|
742
|
-
isAbsolute:
|
|
768
|
+
isAbsolute: y,
|
|
743
769
|
dimension: a,
|
|
744
770
|
scale: r,
|
|
745
771
|
state: n,
|
|
746
|
-
hide:
|
|
747
|
-
showTips:
|
|
748
|
-
hideTips:
|
|
749
|
-
showPopover:
|
|
750
|
-
hidePopover:
|
|
751
|
-
closePopover:
|
|
752
|
-
mediaMap:
|
|
753
|
-
setViewPort:
|
|
754
|
-
activeView:
|
|
755
|
-
breakpoints:
|
|
756
|
-
widthChange:
|
|
757
|
-
scaleChange:
|
|
758
|
-
changeCanvasType:
|
|
759
|
-
mode:
|
|
760
|
-
IconWebPlus:
|
|
772
|
+
hide: D,
|
|
773
|
+
showTips: T,
|
|
774
|
+
hideTips: M,
|
|
775
|
+
showPopover: W,
|
|
776
|
+
hidePopover: I,
|
|
777
|
+
closePopover: f,
|
|
778
|
+
mediaMap: b,
|
|
779
|
+
setViewPort: _,
|
|
780
|
+
activeView: P,
|
|
781
|
+
breakpoints: N,
|
|
782
|
+
widthChange: S,
|
|
783
|
+
scaleChange: E,
|
|
784
|
+
changeCanvasType: U,
|
|
785
|
+
mode: A,
|
|
786
|
+
IconWebPlus: g,
|
|
761
787
|
useLayout: h,
|
|
762
|
-
useCanvas:
|
|
763
|
-
|
|
788
|
+
useCanvas: V,
|
|
789
|
+
getOptions: C,
|
|
790
|
+
ToolbarBase: B,
|
|
791
|
+
meta: v
|
|
764
792
|
})
|
|
765
793
|
}), {
|
|
766
794
|
metaData: {
|
|
@@ -777,166 +805,168 @@ const J = {
|
|
|
777
805
|
active: u,
|
|
778
806
|
flag: c,
|
|
779
807
|
getCanvasType: x,
|
|
780
|
-
isAbsolute:
|
|
808
|
+
isAbsolute: y,
|
|
781
809
|
dimension: a,
|
|
782
810
|
scale: r,
|
|
783
811
|
state: n,
|
|
784
|
-
hide:
|
|
785
|
-
showTips:
|
|
786
|
-
hideTips:
|
|
787
|
-
showPopover:
|
|
788
|
-
hidePopover:
|
|
789
|
-
closePopover:
|
|
790
|
-
mediaMap:
|
|
791
|
-
setViewPort:
|
|
792
|
-
activeView:
|
|
793
|
-
breakpoints:
|
|
794
|
-
widthChange:
|
|
795
|
-
scaleChange:
|
|
796
|
-
changeCanvasType:
|
|
797
|
-
mode:
|
|
798
|
-
_callEntry:
|
|
799
|
-
_useCompile:
|
|
800
|
-
_metaData:
|
|
801
|
-
IconWebPlus:
|
|
812
|
+
hide: D,
|
|
813
|
+
showTips: T,
|
|
814
|
+
hideTips: M,
|
|
815
|
+
showPopover: W,
|
|
816
|
+
hidePopover: I,
|
|
817
|
+
closePopover: f,
|
|
818
|
+
mediaMap: b,
|
|
819
|
+
setViewPort: _,
|
|
820
|
+
activeView: P,
|
|
821
|
+
breakpoints: N,
|
|
822
|
+
widthChange: S,
|
|
823
|
+
scaleChange: E,
|
|
824
|
+
changeCanvasType: U,
|
|
825
|
+
mode: A,
|
|
826
|
+
_callEntry: k,
|
|
827
|
+
_useCompile: Y,
|
|
828
|
+
_metaData: v,
|
|
829
|
+
IconWebPlus: g,
|
|
802
830
|
useLayout: h,
|
|
803
|
-
useCanvas:
|
|
804
|
-
|
|
831
|
+
useCanvas: V,
|
|
832
|
+
getOptions: C,
|
|
833
|
+
ToolbarBase: B,
|
|
834
|
+
meta: v
|
|
805
835
|
})
|
|
806
836
|
}));
|
|
807
|
-
const
|
|
808
|
-
return
|
|
837
|
+
const A = C(v.id).defaultDeviceType || a.value.deviceType || "mobile";
|
|
838
|
+
return _(b[A]), {
|
|
809
839
|
scale: r,
|
|
810
840
|
state: n,
|
|
811
841
|
active: u,
|
|
812
842
|
flag: c,
|
|
813
|
-
hide:
|
|
843
|
+
hide: D,
|
|
814
844
|
layoutState: p,
|
|
815
845
|
visible: d,
|
|
816
|
-
showTips:
|
|
817
|
-
hideTips:
|
|
846
|
+
showTips: T,
|
|
847
|
+
hideTips: M,
|
|
818
848
|
timer: l,
|
|
819
849
|
dimension: a,
|
|
820
|
-
setViewPort:
|
|
821
|
-
showPopover:
|
|
822
|
-
hidePopover:
|
|
823
|
-
widthChange:
|
|
824
|
-
scaleChange:
|
|
825
|
-
isAbsolute:
|
|
826
|
-
changeCanvasType:
|
|
850
|
+
setViewPort: _,
|
|
851
|
+
showPopover: W,
|
|
852
|
+
hidePopover: I,
|
|
853
|
+
widthChange: S,
|
|
854
|
+
scaleChange: E,
|
|
855
|
+
isAbsolute: y,
|
|
856
|
+
changeCanvasType: U
|
|
827
857
|
};
|
|
828
858
|
}
|
|
829
|
-
},
|
|
859
|
+
}, ue = (m, e) => {
|
|
830
860
|
const l = m.__vccOpts || m;
|
|
831
861
|
for (const [t, s] of e)
|
|
832
862
|
l[t] = s;
|
|
833
863
|
return l;
|
|
834
|
-
},
|
|
864
|
+
}, xe = { class: "toolbar-wrap" }, he = { class: "toolbar-icon-wrap" }, ve = ["onClick"], be = { class: "media-content" }, we = { class: "media-title" }, ye = {
|
|
835
865
|
key: 0,
|
|
836
866
|
class: "sub-title"
|
|
837
|
-
},
|
|
867
|
+
}, ge = { class: "content" }, fe = {
|
|
838
868
|
class: "reference-text",
|
|
839
869
|
title: "画布设置"
|
|
840
|
-
},
|
|
841
|
-
function
|
|
842
|
-
const d =
|
|
843
|
-
return
|
|
844
|
-
default:
|
|
845
|
-
o("div",
|
|
846
|
-
o("div",
|
|
847
|
-
(
|
|
870
|
+
}, _e = { class: "content-wrap text-content" }, Ve = { class: "title text-title" }, Ce = { class: "setting" };
|
|
871
|
+
function ke(m, e, l, t, s, p) {
|
|
872
|
+
const d = q("svg-icon"), u = q("tiny-popover"), c = q("tiny-input"), x = q("tiny-switch"), y = q("toolbar-base");
|
|
873
|
+
return j(), G(y, { options: l.options }, {
|
|
874
|
+
default: O(() => [
|
|
875
|
+
o("div", xe, [
|
|
876
|
+
o("div", he, [
|
|
877
|
+
(j(!0), J(le, null, se(t.state.media, (a, r) => (j(), J("span", {
|
|
848
878
|
key: r,
|
|
849
|
-
class:
|
|
879
|
+
class: de(["icon", { active: t.state.activeIndex === r, "is-rotate": a.view === "lanMobile" }]),
|
|
850
880
|
onClick: (n) => t.setViewPort(a)
|
|
851
881
|
}, [
|
|
852
|
-
|
|
882
|
+
z(u, {
|
|
853
883
|
trigger: "hover",
|
|
854
884
|
width: "260",
|
|
855
885
|
"append-to-body": "",
|
|
856
886
|
"open-delay": 1e3,
|
|
857
887
|
"popper-class": "media-icon-popover"
|
|
858
888
|
}, {
|
|
859
|
-
reference:
|
|
860
|
-
|
|
889
|
+
reference: O(() => [
|
|
890
|
+
z(d, {
|
|
861
891
|
name: a.liked,
|
|
862
892
|
class: "media-icon"
|
|
863
893
|
}, null, 8, ["name"])
|
|
864
894
|
]),
|
|
865
|
-
default:
|
|
866
|
-
o("div",
|
|
867
|
-
o("div",
|
|
895
|
+
default: O(() => [
|
|
896
|
+
o("div", be, [
|
|
897
|
+
o("div", we, [
|
|
868
898
|
o("div", null, [
|
|
869
|
-
|
|
870
|
-
a.subTitle ? (
|
|
871
|
-
e[3] || (e[3] =
|
|
872
|
-
a.view === "desktop" ? (
|
|
899
|
+
K(L(a.title) + " ", 1),
|
|
900
|
+
a.subTitle ? (j(), J("span", ye, [
|
|
901
|
+
e[3] || (e[3] = K(" (")),
|
|
902
|
+
a.view === "desktop" ? (j(), G(d, {
|
|
873
903
|
key: 0,
|
|
874
904
|
name: "stars"
|
|
875
|
-
})) :
|
|
876
|
-
o("span", null,
|
|
877
|
-
e[4] || (e[4] =
|
|
878
|
-
])) :
|
|
905
|
+
})) : H("", !0),
|
|
906
|
+
o("span", null, L(a.subTitle), 1),
|
|
907
|
+
e[4] || (e[4] = K(") "))
|
|
908
|
+
])) : H("", !0)
|
|
879
909
|
])
|
|
880
910
|
]),
|
|
881
|
-
o("div",
|
|
911
|
+
o("div", ge, L(a.content), 1)
|
|
882
912
|
])
|
|
883
913
|
]),
|
|
884
914
|
_: 2
|
|
885
915
|
}, 1024)
|
|
886
|
-
], 10,
|
|
916
|
+
], 10, ve))), 128))
|
|
887
917
|
]),
|
|
888
|
-
l.isCanvas ? (
|
|
918
|
+
l.isCanvas ? (j(), G(u, {
|
|
889
919
|
key: 0,
|
|
890
920
|
width: "200",
|
|
891
921
|
trigger: "click",
|
|
892
922
|
"popper-class": "toolbar-media-popper"
|
|
893
923
|
}, {
|
|
894
|
-
reference:
|
|
895
|
-
o("span",
|
|
924
|
+
reference: O(() => [
|
|
925
|
+
o("span", fe, [
|
|
896
926
|
o("span", null, [
|
|
897
|
-
o("span", null,
|
|
927
|
+
o("span", null, L(parseInt(t.state.width)), 1),
|
|
898
928
|
e[5] || (e[5] = o("span", { class: "symbol" }, "px", -1))
|
|
899
929
|
]),
|
|
900
930
|
o("span", null, [
|
|
901
|
-
o("span", null,
|
|
931
|
+
o("span", null, L(t.scale.toFixed(2)), 1),
|
|
902
932
|
e[6] || (e[6] = o("span", { class: "symbol" }, "%", -1))
|
|
903
933
|
])
|
|
904
934
|
])
|
|
905
935
|
]),
|
|
906
|
-
default:
|
|
907
|
-
o("div",
|
|
908
|
-
o("div",
|
|
909
|
-
o("div",
|
|
936
|
+
default: O(() => [
|
|
937
|
+
o("div", _e, [
|
|
938
|
+
o("div", Ve, L(t.state.textData.title), 1),
|
|
939
|
+
o("div", Ce, [
|
|
910
940
|
o("div", null, [
|
|
911
|
-
o("label", null,
|
|
912
|
-
|
|
941
|
+
o("label", null, L(t.state.textData.width), 1),
|
|
942
|
+
z(c, {
|
|
913
943
|
modelValue: t.state.width,
|
|
914
944
|
"onUpdate:modelValue": e[0] || (e[0] = (a) => t.state.width = a),
|
|
915
945
|
onChange: t.widthChange
|
|
916
946
|
}, {
|
|
917
|
-
suffix:
|
|
947
|
+
suffix: O(() => e[7] || (e[7] = [
|
|
918
948
|
o("span", null, "px", -1)
|
|
919
949
|
])),
|
|
920
950
|
_: 1
|
|
921
951
|
}, 8, ["modelValue", "onChange"])
|
|
922
952
|
]),
|
|
923
953
|
o("div", null, [
|
|
924
|
-
o("label", null,
|
|
925
|
-
|
|
954
|
+
o("label", null, L(t.state.textData.scale), 1),
|
|
955
|
+
z(c, {
|
|
926
956
|
modelValue: t.state.scaleValue,
|
|
927
957
|
"onUpdate:modelValue": e[1] || (e[1] = (a) => t.state.scaleValue = a),
|
|
928
958
|
readonly: t.state.readonly,
|
|
929
959
|
onChange: t.scaleChange
|
|
930
960
|
}, {
|
|
931
|
-
suffix:
|
|
961
|
+
suffix: O(() => e[8] || (e[8] = [
|
|
932
962
|
o("span", null, "%", -1)
|
|
933
963
|
])),
|
|
934
964
|
_: 1
|
|
935
965
|
}, 8, ["modelValue", "readonly", "onChange"])
|
|
936
966
|
]),
|
|
937
967
|
o("div", null, [
|
|
938
|
-
e[9] || (e[9] = o("label", null,
|
|
939
|
-
|
|
968
|
+
e[9] || (e[9] = o("label", null, L("自由布局"), -1)),
|
|
969
|
+
z(x, {
|
|
940
970
|
modelValue: t.isAbsolute,
|
|
941
971
|
"onUpdate:modelValue": e[2] || (e[2] = (a) => t.isAbsolute = a),
|
|
942
972
|
onChange: t.changeCanvasType
|
|
@@ -946,17 +976,17 @@ function Ce(m, e, l, t, s, p) {
|
|
|
946
976
|
])
|
|
947
977
|
]),
|
|
948
978
|
_: 1
|
|
949
|
-
})) :
|
|
979
|
+
})) : H("", !0)
|
|
950
980
|
])
|
|
951
981
|
]),
|
|
952
982
|
_: 1
|
|
953
983
|
}, 8, ["options"]);
|
|
954
984
|
}
|
|
955
|
-
const
|
|
956
|
-
...
|
|
957
|
-
entry:
|
|
985
|
+
const De = /* @__PURE__ */ ue(pe, [["render", ke], ["__scopeId", "data-v-45d0969a"]]), Se = {
|
|
986
|
+
...v,
|
|
987
|
+
entry: De
|
|
958
988
|
};
|
|
959
989
|
export {
|
|
960
|
-
|
|
990
|
+
Se as default
|
|
961
991
|
};
|
|
962
992
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../meta.js","../index.ts"],"sourcesContent":["export default {\n id: 'engine.toolbars.media',\n type: 'toolbars',\n title: 'media',\n options: {\n icon: {\n default: ''\n },\n renderType: 'slot'\n }\n}\n","/**\n * Copyright (c) 2023 - present TinyEngine Authors.\n * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.\n *\n * Use of this source code is governed by an MIT-style license.\n *\n * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,\n * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR\n * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.\n *\n */\n\nimport entry from './src/Main.vue'\nimport metaData from './meta'\nimport './src/styles/vars.less'\n\nexport default {\n ...metaData,\n entry\n}\n"],"names":["metaData","index","entry"],"mappings":";;;;;;AAAA,MAAAA,IAAe;AAAA,EACb,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,IACP,MAAM;AAAA,MACJ,SAAS;AAAA,IACf;AAAA,IACI,YAAY;AAAA,EAChB;AACA
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../meta.js","../index.ts"],"sourcesContent":["export default {\n id: 'engine.toolbars.media',\n type: 'toolbars',\n title: 'media',\n options: {\n icon: {\n default: ''\n },\n renderType: 'slot'\n }\n}\n","/**\n * Copyright (c) 2023 - present TinyEngine Authors.\n * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.\n *\n * Use of this source code is governed by an MIT-style license.\n *\n * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,\n * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR\n * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.\n *\n */\n\nimport entry from './src/Main.vue'\nimport metaData from './meta'\nimport './src/styles/vars.less'\n\nexport default {\n ...metaData,\n entry\n}\n"],"names":["metaData","index","entry"],"mappings":";;;;;;AAAA,MAAAA,IAAe;AAAA,EACb,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,IACP,MAAM;AAAA,MACJ,SAAS;AAAA,IACf;AAAA,IACI,YAAY;AAAA,EAChB;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uFCMAC,KAAe;AAAA,EACb,GAAGD;AAAA,EACH,OAAAE;AACF;"}
|
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.toolbar-wrap[data-v-
|
|
1
|
+
.toolbar-wrap[data-v-45d0969a]{display:flex;align-items:center}.toolbar-wrap .reference-text[data-v-45d0969a]{cursor:pointer;height:var(--base-top-panel-height);line-height:var(--base-top-panel-height);padding:0 7px;color:var(--te-toolbars-media-text-color-secondary);display:inline-block}.toolbar-wrap .reference-text>span[data-v-45d0969a]:last-child{margin-left:8px}.toolbar-wrap .toolbar-icon-wrap[data-v-45d0969a]{display:flex;flex-wrap:nowrap;align-items:center;gap:6px}.toolbar-wrap .toolbar-icon-wrap .icon[data-v-45d0969a]{width:24px;height:24px;display:inline-flex;justify-content:center;align-items:center;border-radius:4px}.toolbar-wrap .toolbar-icon-wrap .icon svg[data-v-45d0969a]{cursor:pointer;color:var(--te-toolbars-media-text-color-primary);outline:none;width:18px;height:18px;margin-top:-.5px}.toolbar-wrap .toolbar-icon-wrap .icon.active[data-v-45d0969a],.toolbar-wrap .toolbar-icon-wrap .icon[data-v-45d0969a]:hover{background:var(--te-toolbars-media-bg-color-active)}.toolbar-wrap .toolbar-icon-wrap .icon.active svg[data-v-45d0969a]{color:var(--te-toolbars-media-text-color-checked)}.toolbar-wrap .more-setting .setting-item[data-v-45d0969a]{display:flex;justify-content:space-between;padding:12px}.media-content[data-v-45d0969a]{line-height:18px}.media-content .media-title[data-v-45d0969a]{font-weight:600}.media-content .content[data-v-45d0969a]{color:var(--te-toolbars-media-text-color-secondary)}.setting-content[data-v-45d0969a]{padding:12px 8px}.content-wrap .title[data-v-45d0969a]{font-weight:600;margin-bottom:16px}.content-wrap .setting[data-v-45d0969a]{display:flex;flex-direction:column;gap:12px}.content-wrap .setting div[data-v-45d0969a]{display:flex;align-items:center;justify-content:space-between}.content-wrap .setting div label[data-v-45d0969a]{color:var(--te-toolbars-media-text-color-secondary);min-width:64px}.content-wrap .setting div[data-v-45d0969a]:last-child{justify-content:flex-start}:root{--te-toolbars-media-text-color-secondary: var(--te-common-text-secondary);--te-toolbars-media-text-color-primary: var(--te-common-text-primary);--te-toolbars-media-text-color-checked: var(--te-common-text-checked);--te-toolbars-media-bg-color-active: var(--te-common-bg-prompt)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@opentiny/tiny-engine-toolbar-media",
|
|
3
|
-
"version": "2.7.0-alpha.
|
|
3
|
+
"version": "2.7.0-alpha.3",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -25,11 +25,11 @@
|
|
|
25
25
|
"license": "MIT",
|
|
26
26
|
"homepage": "https://opentiny.design/tiny-engine",
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@opentiny/tiny-engine-common": "2.7.0-alpha.
|
|
29
|
-
"@opentiny/tiny-engine-meta-register": "2.7.0-alpha.
|
|
28
|
+
"@opentiny/tiny-engine-common": "2.7.0-alpha.3",
|
|
29
|
+
"@opentiny/tiny-engine-meta-register": "2.7.0-alpha.3"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"@opentiny/tiny-engine-vite-plugin-meta-comments": "2.7.0-alpha.
|
|
32
|
+
"@opentiny/tiny-engine-vite-plugin-meta-comments": "2.7.0-alpha.3",
|
|
33
33
|
"@vitejs/plugin-vue": "^5.1.2",
|
|
34
34
|
"@vitejs/plugin-vue-jsx": "^4.0.1",
|
|
35
35
|
"vite": "^5.4.2"
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"@opentiny/vue-icon": "^3.20.0",
|
|
40
40
|
"vue": "^3.4.15"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "b913e2179ec16eb7f4b949254aef69561e200acb"
|
|
43
43
|
}
|