@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 CHANGED
@@ -1,10 +1,10 @@
1
1
  import "./style.css";
2
- import { useLayout as h, useCanvas as _, callEntry as V, useCompile as X } from "@opentiny/tiny-engine-meta-register";
3
- import { ref as q, computed as Y, reactive as ee, toRaw as te, watch as Z, watchEffect as ae, onMounted as ne, onUnmounted as ie, resolveComponent as O, createBlock as z, openBlock as L, withCtx as F, createElementVNode as o, createCommentVNode as R, createElementBlock as G, Fragment as oe, renderList as le, normalizeClass as se, createVNode as j, createTextVNode as H, toDisplayString as B } from "vue";
4
- import { Switch as de, Input as ce, Popover as re } from "@opentiny/vue";
5
- import { IconWebPlus as y } from "@opentiny/vue-icon";
6
- import { ToolbarBase as U } from "@opentiny/tiny-engine-common";
7
- const J = {
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
- }, me = {
17
+ }, pe = {
18
18
  components: {
19
- TinyPopover: re,
20
- TinyInput: ce,
21
- TinySwitch: de,
22
- ToolbarBase: U
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 = q(!1), u = q(!1), c = q(!1), {
44
+ } = h(), d = R(!1), u = R(!1), c = R(!1), {
45
45
  getCanvasType: x
46
- } = _().canvasApi.value, w = q((x == null ? void 0 : x()) === "absolute"), a = Y(() => h().getDimension()), r = Y(() => a.value.scale * 100), n = ee({
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: y(),
56
+ icon: g(),
57
57
  text: "1280px"
58
58
  }, {
59
- icon: y(),
59
+ icon: g(),
60
60
  text: "1440px"
61
61
  }, {
62
- icon: y(),
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
- }), C = V(() => {
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: w,
164
+ isAbsolute: y,
165
165
  dimension: a,
166
166
  scale: r,
167
167
  state: n,
168
- hide: C,
169
- showTips: k,
170
- hideTips: D,
171
- showPopover: T,
172
- hidePopover: M,
173
- closePopover: g,
174
- mediaMap: v,
175
- setViewPort: f,
176
- activeView: W,
177
- breakpoints: I,
178
- widthChange: P,
179
- scaleChange: N,
180
- changeCanvasType: S,
181
- mode: E,
182
- IconWebPlus: y,
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
- ToolbarBase: U
184
+ useCanvas: V,
185
+ getOptions: C,
186
+ ToolbarBase: B,
187
+ meta: v
186
188
  })
187
- }), k = V(() => {
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: w,
208
+ isAbsolute: y,
207
209
  dimension: a,
208
210
  scale: r,
209
211
  state: n,
210
- hide: C,
211
- showTips: k,
212
- hideTips: D,
213
- showPopover: T,
214
- hidePopover: M,
215
- closePopover: g,
216
- mediaMap: v,
217
- setViewPort: f,
218
- activeView: W,
219
- breakpoints: I,
220
- widthChange: P,
221
- scaleChange: N,
222
- changeCanvasType: S,
223
- mode: E,
224
- IconWebPlus: y,
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
- ToolbarBase: U
228
+ useCanvas: V,
229
+ getOptions: C,
230
+ ToolbarBase: B,
231
+ meta: v
228
232
  })
229
- }), D = V(() => {
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: w,
250
+ isAbsolute: y,
247
251
  dimension: a,
248
252
  scale: r,
249
253
  state: n,
250
- hide: C,
251
- showTips: k,
252
- hideTips: D,
253
- showPopover: T,
254
- hidePopover: M,
255
- closePopover: g,
256
- mediaMap: v,
257
- setViewPort: f,
258
- activeView: W,
259
- breakpoints: I,
260
- widthChange: P,
261
- scaleChange: N,
262
- changeCanvasType: S,
263
- mode: E,
264
- IconWebPlus: y,
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
- ToolbarBase: U
270
+ useCanvas: V,
271
+ getOptions: C,
272
+ ToolbarBase: B,
273
+ meta: v
268
274
  })
269
- }), T = V(() => {
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: w,
292
+ isAbsolute: y,
287
293
  dimension: a,
288
294
  scale: r,
289
295
  state: n,
290
- hide: C,
291
- showTips: k,
292
- hideTips: D,
293
- showPopover: T,
294
- hidePopover: M,
295
- closePopover: g,
296
- mediaMap: v,
297
- setViewPort: f,
298
- activeView: W,
299
- breakpoints: I,
300
- widthChange: P,
301
- scaleChange: N,
302
- changeCanvasType: S,
303
- mode: E,
304
- IconWebPlus: y,
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
- ToolbarBase: U
312
+ useCanvas: V,
313
+ getOptions: C,
314
+ ToolbarBase: B,
315
+ meta: v
308
316
  })
309
- }), M = V(() => {
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: w,
334
+ isAbsolute: y,
327
335
  dimension: a,
328
336
  scale: r,
329
337
  state: n,
330
- hide: C,
331
- showTips: k,
332
- hideTips: D,
333
- showPopover: T,
334
- hidePopover: M,
335
- closePopover: g,
336
- mediaMap: v,
337
- setViewPort: f,
338
- activeView: W,
339
- breakpoints: I,
340
- widthChange: P,
341
- scaleChange: N,
342
- changeCanvasType: S,
343
- mode: E,
344
- IconWebPlus: y,
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
- ToolbarBase: U
354
+ useCanvas: V,
355
+ getOptions: C,
356
+ ToolbarBase: B,
357
+ meta: v
348
358
  })
349
- }), g = V((i) => {
350
- const b = document.querySelector(".reference-text"), A = b == null ? void 0 : b.contains(i.target);
351
- b !== i.target && !A && (p.toolbars.visiblePopover = !1);
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: w,
377
+ isAbsolute: y,
368
378
  dimension: a,
369
379
  scale: r,
370
380
  state: n,
371
- hide: C,
372
- showTips: k,
373
- hideTips: D,
374
- showPopover: T,
375
- hidePopover: M,
376
- closePopover: g,
377
- mediaMap: v,
378
- setViewPort: f,
379
- activeView: W,
380
- breakpoints: I,
381
- widthChange: P,
382
- scaleChange: N,
383
- changeCanvasType: S,
384
- mode: E,
385
- IconWebPlus: y,
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
- ToolbarBase: U
397
+ useCanvas: V,
398
+ getOptions: C,
399
+ ToolbarBase: B,
400
+ meta: v
389
401
  })
390
- }), v = n.media.reduce((i, b, A) => (i[b.view] = {
391
- ...te(b),
392
- index: A
393
- }, i), {}), f = V((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: w,
427
+ isAbsolute: y,
416
428
  dimension: a,
417
429
  scale: r,
418
430
  state: n,
419
- hide: C,
420
- showTips: k,
421
- hideTips: D,
422
- showPopover: T,
423
- hidePopover: M,
424
- closePopover: g,
425
- mediaMap: v,
426
- setViewPort: f,
427
- activeView: W,
428
- breakpoints: I,
429
- widthChange: P,
430
- scaleChange: N,
431
- changeCanvasType: S,
432
- mode: E,
433
- IconWebPlus: y,
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
- ToolbarBase: U
447
+ useCanvas: V,
448
+ getOptions: C,
449
+ ToolbarBase: B,
450
+ meta: v
437
451
  })
438
- }), W = V((i, b) => {
439
- const A = v[b];
452
+ }), P = k((i, w) => {
453
+ const F = b[w];
440
454
  h().setDimension({
441
- deviceType: A.view,
442
- width: i ? `${i}px` : A.width,
443
- minWidth: A.minWidth,
444
- maxWidth: A.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: w,
475
+ isAbsolute: y,
462
476
  dimension: a,
463
477
  scale: r,
464
478
  state: n,
465
- hide: C,
466
- showTips: k,
467
- hideTips: D,
468
- showPopover: T,
469
- hidePopover: M,
470
- closePopover: g,
471
- mediaMap: v,
472
- setViewPort: f,
473
- activeView: W,
474
- breakpoints: I,
475
- widthChange: P,
476
- scaleChange: N,
477
- changeCanvasType: S,
478
- mode: E,
479
- IconWebPlus: y,
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
- ToolbarBase: U
495
+ useCanvas: V,
496
+ getOptions: C,
497
+ ToolbarBase: B,
498
+ meta: v
483
499
  })
484
- }), I = [{
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
- }], P = V((i) => {
505
- var K;
506
- const b = /^\d+$/;
507
- String(i).match(b) ? Number(i) < 240 ? n.width = 240 : Number(i) > 1920 ? n.width = 1920 : n.width = i : n.width = t || parseInt(a.value.width, 10);
508
- const A = Number(n.width), $ = ((K = I.find((Q) => Q.min <= A && A <= Q.max)) == null ? void 0 : K.type) || "desktop";
509
- W(A, $);
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: w,
541
+ isAbsolute: y,
526
542
  dimension: a,
527
543
  scale: r,
528
544
  state: n,
529
- hide: C,
530
- showTips: k,
531
- hideTips: D,
532
- showPopover: T,
533
- hidePopover: M,
534
- closePopover: g,
535
- mediaMap: v,
536
- setViewPort: f,
537
- activeView: W,
538
- breakpoints: I,
539
- widthChange: P,
540
- scaleChange: N,
541
- changeCanvasType: S,
542
- mode: E,
543
- IconWebPlus: y,
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
- ToolbarBase: U
561
+ useCanvas: V,
562
+ getOptions: C,
563
+ ToolbarBase: B,
564
+ meta: v
547
565
  })
548
- }), N = V((i) => {
549
- const b = v.mdx, A = /^\d+(\.\d+)?$/;
550
- String(i).match(A) ? Number(i) > 100 ? n.scaleValue = 100 : Number(i) < 20 ? n.scaleValue = 20 : n.scaleValue = i : n.scaleValue = s || parseInt(b.scale), n.scaleValue = Number(n.scaleValue).toFixed(2), h().setDimension({
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: w,
586
+ isAbsolute: y,
569
587
  dimension: a,
570
588
  scale: r,
571
589
  state: n,
572
- hide: C,
573
- showTips: k,
574
- hideTips: D,
575
- showPopover: T,
576
- hidePopover: M,
577
- closePopover: g,
578
- mediaMap: v,
579
- setViewPort: f,
580
- activeView: W,
581
- breakpoints: I,
582
- widthChange: P,
583
- scaleChange: N,
584
- changeCanvasType: S,
585
- mode: E,
586
- IconWebPlus: y,
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
- ToolbarBase: U
606
+ useCanvas: V,
607
+ getOptions: C,
608
+ ToolbarBase: B,
609
+ meta: v
590
610
  })
591
- }), S = V((i) => {
611
+ }), U = k((i) => {
592
612
  const {
593
- setCanvasType: b
594
- } = _().canvasApi.value;
595
- b(i ? "absolute" : "normal");
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: w,
631
+ isAbsolute: y,
612
632
  dimension: a,
613
633
  scale: r,
614
634
  state: n,
615
- hide: C,
616
- showTips: k,
617
- hideTips: D,
618
- showPopover: T,
619
- hidePopover: M,
620
- closePopover: g,
621
- mediaMap: v,
622
- setViewPort: f,
623
- activeView: W,
624
- breakpoints: I,
625
- widthChange: P,
626
- scaleChange: N,
627
- changeCanvasType: S,
628
- mode: E,
629
- IconWebPlus: y,
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
- ToolbarBase: U
651
+ useCanvas: V,
652
+ getOptions: C,
653
+ ToolbarBase: B,
654
+ meta: v
633
655
  })
634
656
  });
635
- Z(() => a.value.deviceType, (i) => {
636
- n.activeIndex = v[i].index, n.readonly = i !== "mdx";
657
+ $(() => a.value.deviceType, (i) => {
658
+ n.activeIndex = b[i].index, n.readonly = i !== "mdx";
637
659
  }, {
638
660
  immediate: !0
639
- }), ae(() => {
661
+ }), ne(() => {
640
662
  n.scaleValue = r.value.toFixed(2), s = r.value;
641
- }), Z(() => a.value.width, (i) => {
642
- const b = parseInt(i, 10);
643
- Number.isInteger(b) && (n.width = b, t = b);
644
- }), ne(V(V(() => {
645
- document.addEventListener("click", g);
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: w,
683
+ isAbsolute: y,
662
684
  dimension: a,
663
685
  scale: r,
664
686
  state: n,
665
- hide: C,
666
- showTips: k,
667
- hideTips: D,
668
- showPopover: T,
669
- hidePopover: M,
670
- closePopover: g,
671
- mediaMap: v,
672
- setViewPort: f,
673
- activeView: W,
674
- breakpoints: I,
675
- widthChange: P,
676
- scaleChange: N,
677
- changeCanvasType: S,
678
- mode: E,
679
- IconWebPlus: y,
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
- ToolbarBase: U
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: w,
723
+ isAbsolute: y,
700
724
  dimension: a,
701
725
  scale: r,
702
726
  state: n,
703
- hide: C,
704
- showTips: k,
705
- hideTips: D,
706
- showPopover: T,
707
- hidePopover: M,
708
- closePopover: g,
709
- mediaMap: v,
710
- setViewPort: f,
711
- activeView: W,
712
- breakpoints: I,
713
- widthChange: P,
714
- scaleChange: N,
715
- changeCanvasType: S,
716
- mode: E,
717
- _callEntry: V,
718
- _useCompile: X,
719
- _metaData: J,
720
- IconWebPlus: y,
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
- ToolbarBase: U
746
+ useCanvas: V,
747
+ getOptions: C,
748
+ ToolbarBase: B,
749
+ meta: v
724
750
  })
725
- })), ie(V(V(() => {
726
- document.removeEventListener("click", g);
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: w,
768
+ isAbsolute: y,
743
769
  dimension: a,
744
770
  scale: r,
745
771
  state: n,
746
- hide: C,
747
- showTips: k,
748
- hideTips: D,
749
- showPopover: T,
750
- hidePopover: M,
751
- closePopover: g,
752
- mediaMap: v,
753
- setViewPort: f,
754
- activeView: W,
755
- breakpoints: I,
756
- widthChange: P,
757
- scaleChange: N,
758
- changeCanvasType: S,
759
- mode: E,
760
- IconWebPlus: y,
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
- ToolbarBase: U
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: w,
808
+ isAbsolute: y,
781
809
  dimension: a,
782
810
  scale: r,
783
811
  state: n,
784
- hide: C,
785
- showTips: k,
786
- hideTips: D,
787
- showPopover: T,
788
- hidePopover: M,
789
- closePopover: g,
790
- mediaMap: v,
791
- setViewPort: f,
792
- activeView: W,
793
- breakpoints: I,
794
- widthChange: P,
795
- scaleChange: N,
796
- changeCanvasType: S,
797
- mode: E,
798
- _callEntry: V,
799
- _useCompile: X,
800
- _metaData: J,
801
- IconWebPlus: y,
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
- ToolbarBase: U
831
+ useCanvas: V,
832
+ getOptions: C,
833
+ ToolbarBase: B,
834
+ meta: v
805
835
  })
806
836
  }));
807
- const E = a.value.deviceType || "desktop";
808
- return f(v[E]), {
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: C,
843
+ hide: D,
814
844
  layoutState: p,
815
845
  visible: d,
816
- showTips: k,
817
- hideTips: D,
846
+ showTips: T,
847
+ hideTips: M,
818
848
  timer: l,
819
849
  dimension: a,
820
- setViewPort: f,
821
- showPopover: T,
822
- hidePopover: M,
823
- widthChange: P,
824
- scaleChange: N,
825
- isAbsolute: w,
826
- changeCanvasType: S
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
- }, pe = (m, e) => {
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
- }, ue = { class: "toolbar-wrap" }, xe = { class: "toolbar-icon-wrap" }, he = ["onClick"], ve = { class: "media-content" }, be = { class: "media-title" }, we = {
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
- }, ye = { class: "content" }, ge = {
867
+ }, ge = { class: "content" }, fe = {
838
868
  class: "reference-text",
839
869
  title: "画布设置"
840
- }, fe = { class: "content-wrap text-content" }, _e = { class: "title text-title" }, Ve = { class: "setting" };
841
- function Ce(m, e, l, t, s, p) {
842
- const d = O("svg-icon"), u = O("tiny-popover"), c = O("tiny-input"), x = O("tiny-switch"), w = O("toolbar-base");
843
- return L(), z(w, { options: l.options }, {
844
- default: F(() => [
845
- o("div", ue, [
846
- o("div", xe, [
847
- (L(!0), G(oe, null, le(t.state.media, (a, r) => (L(), G("span", {
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: se(["icon", { active: t.state.activeIndex === r, "is-rotate": a.view === "lanMobile" }]),
879
+ class: de(["icon", { active: t.state.activeIndex === r, "is-rotate": a.view === "lanMobile" }]),
850
880
  onClick: (n) => t.setViewPort(a)
851
881
  }, [
852
- j(u, {
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: F(() => [
860
- j(d, {
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: F(() => [
866
- o("div", ve, [
867
- o("div", be, [
895
+ default: O(() => [
896
+ o("div", be, [
897
+ o("div", we, [
868
898
  o("div", null, [
869
- H(B(a.title) + " ", 1),
870
- a.subTitle ? (L(), G("span", we, [
871
- e[3] || (e[3] = H(" (")),
872
- a.view === "desktop" ? (L(), z(d, {
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
- })) : R("", !0),
876
- o("span", null, B(a.subTitle), 1),
877
- e[4] || (e[4] = H(") "))
878
- ])) : R("", !0)
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", ye, B(a.content), 1)
911
+ o("div", ge, L(a.content), 1)
882
912
  ])
883
913
  ]),
884
914
  _: 2
885
915
  }, 1024)
886
- ], 10, he))), 128))
916
+ ], 10, ve))), 128))
887
917
  ]),
888
- l.isCanvas ? (L(), z(u, {
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: F(() => [
895
- o("span", ge, [
924
+ reference: O(() => [
925
+ o("span", fe, [
896
926
  o("span", null, [
897
- o("span", null, B(parseInt(t.state.width)), 1),
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, B(t.scale.toFixed(2)), 1),
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: F(() => [
907
- o("div", fe, [
908
- o("div", _e, B(t.state.textData.title), 1),
909
- o("div", Ve, [
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, B(t.state.textData.width), 1),
912
- j(c, {
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: F(() => e[7] || (e[7] = [
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, B(t.state.textData.scale), 1),
925
- j(c, {
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: F(() => e[8] || (e[8] = [
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, B("自由布局"), -1)),
939
- j(x, {
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
- })) : R("", !0)
979
+ })) : H("", !0)
950
980
  ])
951
981
  ]),
952
982
  _: 1
953
983
  }, 8, ["options"]);
954
984
  }
955
- const ke = /* @__PURE__ */ pe(me, [["render", Ce], ["__scopeId", "data-v-da625a27"]]), Ne = {
956
- ...J,
957
- entry: ke
985
+ const De = /* @__PURE__ */ ue(pe, [["render", ke], ["__scopeId", "data-v-45d0969a"]]), Se = {
986
+ ...v,
987
+ entry: De
958
988
  };
959
989
  export {
960
- Ne as default
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uFCMAC,KAAe;AAAA,EACb,GAAGD;AAAA,EACH,OAAAE;AACF;"}
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-da625a27]{display:flex;align-items:center}.toolbar-wrap .reference-text[data-v-da625a27]{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-da625a27]:last-child{margin-left:8px}.toolbar-wrap .toolbar-icon-wrap[data-v-da625a27]{display:flex;flex-wrap:nowrap;align-items:center;gap:6px}.toolbar-wrap .toolbar-icon-wrap .icon[data-v-da625a27]{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-da625a27]{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-da625a27],.toolbar-wrap .toolbar-icon-wrap .icon[data-v-da625a27]:hover{background:var(--te-toolbars-media-bg-color-active)}.toolbar-wrap .toolbar-icon-wrap .icon.active svg[data-v-da625a27]{color:var(--te-toolbars-media-text-color-checked)}.toolbar-wrap .more-setting .setting-item[data-v-da625a27]{display:flex;justify-content:space-between;padding:12px}.media-content[data-v-da625a27]{line-height:18px}.media-content .media-title[data-v-da625a27]{font-weight:600}.media-content .content[data-v-da625a27]{color:var(--te-toolbars-media-text-color-secondary)}.setting-content[data-v-da625a27]{padding:12px 8px}.content-wrap .title[data-v-da625a27]{font-weight:600;margin-bottom:16px}.content-wrap .setting[data-v-da625a27]{display:flex;flex-direction:column;gap:12px}.content-wrap .setting div[data-v-da625a27]{display:flex;align-items:center;justify-content:space-between}.content-wrap .setting div label[data-v-da625a27]{color:var(--te-toolbars-media-text-color-secondary);min-width:64px}.content-wrap .setting div[data-v-da625a27]: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)}
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.2",
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.2",
29
- "@opentiny/tiny-engine-meta-register": "2.7.0-alpha.2"
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.2",
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": "5ec4c62309f797096585ccec8884c67d9af286a9"
42
+ "gitHead": "b913e2179ec16eb7f4b949254aef69561e200acb"
43
43
  }