@vyr/design 0.0.33 → 0.0.35

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.
Files changed (27) hide show
  1. package/package.json +8 -3
  2. package/src/components/Card.vue +8 -66
  3. package/src/components/Dialog.vue +0 -1
  4. package/src/components/DynamicDialog.vue +8 -4
  5. package/src/components/DynamicLayouter.vue +1 -1
  6. package/src/components/Input.vue +12 -10
  7. package/src/components/Notify.vue +2 -2
  8. package/src/components/Popover.vue +3 -2
  9. package/src/components/Scroll.vue +4 -2
  10. package/src/components/common/ResizeListener.ts +1 -1
  11. package/src/components/composables/useScroll.ts +3 -2
  12. package/src/components/composables/useTimer.ts +1 -1
  13. package/src/components/singleton/confirm.ts +9 -2
  14. package/src/components/utils/Confirm.ts +2 -0
  15. package/src/components/utils/DynamicDialog.ts +4 -0
  16. package/src/font/demo_index.html +59 -82
  17. package/src/font/iconfont.css +15 -19
  18. package/src/font/iconfont.js +1 -1
  19. package/src/font/iconfont.json +24 -31
  20. package/src/font/iconfont.ttf +0 -0
  21. package/src/font/iconfont.woff +0 -0
  22. package/src/font/iconfont.woff2 +0 -0
  23. package/src/index.ts +4 -2
  24. package/src/theme/ThemeService.ts +55 -0
  25. package/src/theme/index.ts +10 -2
  26. package/src/tool/copy.ts +24 -0
  27. package/src/tool/index.ts +2 -1
package/src/font/demo_index.html CHANGED
@@ -55,33 +55,33 @@
55
55
  <ul class="icon_lists dib-box">
56
56
 
57
57
  <li class="dib">
58
- <span class="icon vyrfont">&#xe67d;</span>
59
- <div class="name">search</div>
60
- <div class="code-name">&amp;#xe67d;</div>
58
+ <span class="icon vyrfont">&#xe663;</span>
59
+ <div class="name">错误列表</div>
60
+ <div class="code-name">&amp;#xe663;</div>
61
61
  </li>
62
62
 
63
63
  <li class="dib">
64
- <span class="icon vyrfont">&#xe645;</span>
65
- <div class="name">删除</div>
66
- <div class="code-name">&amp;#xe645;</div>
64
+ <span class="icon vyrfont">&#xe872;</span>
65
+ <div class="name">ai</div>
66
+ <div class="code-name">&amp;#xe872;</div>
67
67
  </li>
68
68
 
69
69
  <li class="dib">
70
- <span class="icon vyrfont">&#xe6a5;</span>
71
- <div class="name">preset</div>
72
- <div class="code-name">&amp;#xe6a5;</div>
70
+ <span class="icon vyrfont">&#xe648;</span>
71
+ <div class="name">预制体</div>
72
+ <div class="code-name">&amp;#xe648;</div>
73
73
  </li>
74
74
 
75
75
  <li class="dib">
76
- <span class="icon vyrfont">&#xe64e;</span>
77
- <div class="name">激活</div>
78
- <div class="code-name">&amp;#xe64e;</div>
76
+ <span class="icon vyrfont">&#xe67d;</span>
77
+ <div class="name">search</div>
78
+ <div class="code-name">&amp;#xe67d;</div>
79
79
  </li>
80
80
 
81
81
  <li class="dib">
82
- <span class="icon vyrfont">&#xe75b;</span>
83
- <div class="name">动画</div>
84
- <div class="code-name">&amp;#xe75b;</div>
82
+ <span class="icon vyrfont">&#xe6a5;</span>
83
+ <div class="name">preset</div>
84
+ <div class="code-name">&amp;#xe6a5;</div>
85
85
  </li>
86
86
 
87
87
  <li class="dib">
@@ -126,12 +126,6 @@
126
126
  <div class="code-name">&amp;#xe60d;</div>
127
127
  </li>
128
128
 
129
- <li class="dib">
130
- <span class="icon vyrfont">&#xe65f;</span>
131
- <div class="name">预制体</div>
132
- <div class="code-name">&amp;#xe65f;</div>
133
- </li>
134
-
135
129
  <li class="dib">
136
130
  <span class="icon vyrfont">&#xe817;</span>
137
131
  <div class="name">json</div>
@@ -176,7 +170,7 @@
176
170
 
177
171
  <li class="dib">
178
172
  <span class="icon vyrfont">&#xe717;</span>
179
- <div class="name">数据集</div>
173
+ <div class="name">数据容器</div>
180
174
  <div class="code-name">&amp;#xe717;</div>
181
175
  </li>
182
176
 
@@ -372,9 +366,9 @@
372
366
  <pre><code class="language-css"
373
367
  >@font-face {
374
368
  font-family: 'vyrfont';
375
- src: url('iconfont.woff2?t=1767237848841') format('woff2'),
376
- url('iconfont.woff?t=1767237848841') format('woff'),
377
- url('iconfont.ttf?t=1767237848841') format('truetype');
369
+ src: url('iconfont.woff2?t=1773586535090') format('woff2'),
370
+ url('iconfont.woff?t=1773586535090') format('woff'),
371
+ url('iconfont.ttf?t=1773586535090') format('truetype');
378
372
  }
379
373
  </code></pre>
380
374
  <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -401,47 +395,47 @@
401
395
  <ul class="icon_lists dib-box">
402
396
 
403
397
  <li class="dib">
404
- <span class="icon vyrfont vyr-search"></span>
398
+ <span class="icon vyrfont vyr-liebiao3"></span>
405
399
  <div class="name">
406
- search
400
+ 错误列表
407
401
  </div>
408
- <div class="code-name">.vyr-search
402
+ <div class="code-name">.vyr-liebiao3
409
403
  </div>
410
404
  </li>
411
405
 
412
406
  <li class="dib">
413
- <span class="icon vyrfont vyr-delete"></span>
407
+ <span class="icon vyrfont vyr-ai"></span>
414
408
  <div class="name">
415
- 删除
409
+ ai
416
410
  </div>
417
- <div class="code-name">.vyr-delete
411
+ <div class="code-name">.vyr-ai
418
412
  </div>
419
413
  </li>
420
414
 
421
415
  <li class="dib">
422
- <span class="icon vyrfont vyr-preset"></span>
416
+ <span class="icon vyrfont vyr-sidebar-prefab"></span>
423
417
  <div class="name">
424
- preset
418
+ 预制体
425
419
  </div>
426
- <div class="code-name">.vyr-preset
420
+ <div class="code-name">.vyr-sidebar-prefab
427
421
  </div>
428
422
  </li>
429
423
 
430
424
  <li class="dib">
431
- <span class="icon vyrfont vyr-active"></span>
425
+ <span class="icon vyrfont vyr-search"></span>
432
426
  <div class="name">
433
- 激活
427
+ search
434
428
  </div>
435
- <div class="code-name">.vyr-active
429
+ <div class="code-name">.vyr-search
436
430
  </div>
437
431
  </li>
438
432
 
439
433
  <li class="dib">
440
- <span class="icon vyrfont vyr-hover"></span>
434
+ <span class="icon vyrfont vyr-preset"></span>
441
435
  <div class="name">
442
- 动画
436
+ preset
443
437
  </div>
444
- <div class="code-name">.vyr-hover
438
+ <div class="code-name">.vyr-preset
445
439
  </div>
446
440
  </li>
447
441
 
@@ -473,11 +467,11 @@
473
467
  </li>
474
468
 
475
469
  <li class="dib">
476
- <span class="icon vyrfont vyr-changjing"></span>
470
+ <span class="icon vyrfont vyr-category-scene"></span>
477
471
  <div class="name">
478
472
  场景
479
473
  </div>
480
- <div class="code-name">.vyr-changjing
474
+ <div class="code-name">.vyr-category-scene
481
475
  </div>
482
476
  </li>
483
477
 
@@ -508,15 +502,6 @@
508
502
  </div>
509
503
  </li>
510
504
 
511
- <li class="dib">
512
- <span class="icon vyrfont vyr-category-prefab"></span>
513
- <div class="name">
514
- 预制体
515
- </div>
516
- <div class="code-name">.vyr-category-prefab
517
- </div>
518
- </li>
519
-
520
505
  <li class="dib">
521
506
  <span class="icon vyrfont vyr-category-json"></span>
522
507
  <div class="name">
@@ -581,11 +566,11 @@
581
566
  </li>
582
567
 
583
568
  <li class="dib">
584
- <span class="icon vyrfont vyr-category-dataset"></span>
569
+ <span class="icon vyrfont vyr-category-store"></span>
585
570
  <div class="name">
586
- 数据集
571
+ 数据容器
587
572
  </div>
588
- <div class="code-name">.vyr-category-dataset
573
+ <div class="code-name">.vyr-category-store
589
574
  </div>
590
575
  </li>
591
576
 
@@ -879,42 +864,42 @@
879
864
 
880
865
  <li class="dib">
881
866
  <svg class="icon svg-icon" aria-hidden="true">
882
- <use xlink:href="#vyr-search"></use>
867
+ <use xlink:href="#vyr-liebiao3"></use>
883
868
  </svg>
884
- <div class="name">search</div>
885
- <div class="code-name">#vyr-search</div>
869
+ <div class="name">错误列表</div>
870
+ <div class="code-name">#vyr-liebiao3</div>
886
871
  </li>
887
872
 
888
873
  <li class="dib">
889
874
  <svg class="icon svg-icon" aria-hidden="true">
890
- <use xlink:href="#vyr-delete"></use>
875
+ <use xlink:href="#vyr-ai"></use>
891
876
  </svg>
892
- <div class="name">删除</div>
893
- <div class="code-name">#vyr-delete</div>
877
+ <div class="name">ai</div>
878
+ <div class="code-name">#vyr-ai</div>
894
879
  </li>
895
880
 
896
881
  <li class="dib">
897
882
  <svg class="icon svg-icon" aria-hidden="true">
898
- <use xlink:href="#vyr-preset"></use>
883
+ <use xlink:href="#vyr-sidebar-prefab"></use>
899
884
  </svg>
900
- <div class="name">preset</div>
901
- <div class="code-name">#vyr-preset</div>
885
+ <div class="name">预制体</div>
886
+ <div class="code-name">#vyr-sidebar-prefab</div>
902
887
  </li>
903
888
 
904
889
  <li class="dib">
905
890
  <svg class="icon svg-icon" aria-hidden="true">
906
- <use xlink:href="#vyr-active"></use>
891
+ <use xlink:href="#vyr-search"></use>
907
892
  </svg>
908
- <div class="name">激活</div>
909
- <div class="code-name">#vyr-active</div>
893
+ <div class="name">search</div>
894
+ <div class="code-name">#vyr-search</div>
910
895
  </li>
911
896
 
912
897
  <li class="dib">
913
898
  <svg class="icon svg-icon" aria-hidden="true">
914
- <use xlink:href="#vyr-hover"></use>
899
+ <use xlink:href="#vyr-preset"></use>
915
900
  </svg>
916
- <div class="name">动画</div>
917
- <div class="code-name">#vyr-hover</div>
901
+ <div class="name">preset</div>
902
+ <div class="code-name">#vyr-preset</div>
918
903
  </li>
919
904
 
920
905
  <li class="dib">
@@ -943,10 +928,10 @@
943
928
 
944
929
  <li class="dib">
945
930
  <svg class="icon svg-icon" aria-hidden="true">
946
- <use xlink:href="#vyr-changjing"></use>
931
+ <use xlink:href="#vyr-category-scene"></use>
947
932
  </svg>
948
933
  <div class="name">场景</div>
949
- <div class="code-name">#vyr-changjing</div>
934
+ <div class="code-name">#vyr-category-scene</div>
950
935
  </li>
951
936
 
952
937
  <li class="dib">
@@ -973,14 +958,6 @@
973
958
  <div class="code-name">#vyr-tingzhi</div>
974
959
  </li>
975
960
 
976
- <li class="dib">
977
- <svg class="icon svg-icon" aria-hidden="true">
978
- <use xlink:href="#vyr-category-prefab"></use>
979
- </svg>
980
- <div class="name">预制体</div>
981
- <div class="code-name">#vyr-category-prefab</div>
982
- </li>
983
-
984
961
  <li class="dib">
985
962
  <svg class="icon svg-icon" aria-hidden="true">
986
963
  <use xlink:href="#vyr-category-json"></use>
@@ -1039,10 +1016,10 @@
1039
1016
 
1040
1017
  <li class="dib">
1041
1018
  <svg class="icon svg-icon" aria-hidden="true">
1042
- <use xlink:href="#vyr-category-dataset"></use>
1019
+ <use xlink:href="#vyr-category-store"></use>
1043
1020
  </svg>
1044
- <div class="name">数据集</div>
1045
- <div class="code-name">#vyr-category-dataset</div>
1021
+ <div class="name">数据容器</div>
1022
+ <div class="code-name">#vyr-category-store</div>
1046
1023
  </li>
1047
1024
 
1048
1025
  <li class="dib">
package/src/font/iconfont.css CHANGED
@@ -1,8 +1,8 @@
1
1
  @font-face {
2
2
  font-family: "vyrfont"; /* Project id 5038851 */
3
- src: url('iconfont.woff2?t=1767237848841') format('woff2'),
4
- url('iconfont.woff?t=1767237848841') format('woff'),
5
- url('iconfont.ttf?t=1767237848841') format('truetype');
3
+ src: url('iconfont.woff2?t=1773586535090') format('woff2'),
4
+ url('iconfont.woff?t=1773586535090') format('woff'),
5
+ url('iconfont.ttf?t=1773586535090') format('truetype');
6
6
  }
7
7
 
8
8
  .vyrfont {
@@ -13,24 +13,24 @@
13
13
  -moz-osx-font-smoothing: grayscale;
14
14
  }
15
15
 
16
- .vyr-search:before {
17
- content: "\e67d";
16
+ .vyr-liebiao3:before {
17
+ content: "\e663";
18
18
  }
19
19
 
20
- .vyr-delete:before {
21
- content: "\e645";
20
+ .vyr-ai:before {
21
+ content: "\e872";
22
22
  }
23
23
 
24
- .vyr-preset:before {
25
- content: "\e6a5";
24
+ .vyr-sidebar-prefab:before {
25
+ content: "\e648";
26
26
  }
27
27
 
28
- .vyr-active:before {
29
- content: "\e64e";
28
+ .vyr-search:before {
29
+ content: "\e67d";
30
30
  }
31
31
 
32
- .vyr-hover:before {
33
- content: "\e75b";
32
+ .vyr-preset:before {
33
+ content: "\e6a5";
34
34
  }
35
35
 
36
36
  .vyr-category-font:before {
@@ -45,7 +45,7 @@
45
45
  content: "\e61d";
46
46
  }
47
47
 
48
- .vyr-changjing:before {
48
+ .vyr-category-scene:before {
49
49
  content: "\e601";
50
50
  }
51
51
 
@@ -61,10 +61,6 @@
61
61
  content: "\e60d";
62
62
  }
63
63
 
64
- .vyr-category-prefab:before {
65
- content: "\e65f";
66
- }
67
-
68
64
  .vyr-category-json:before {
69
65
  content: "\e817";
70
66
  }
@@ -93,7 +89,7 @@
93
89
  content: "\e71e";
94
90
  }
95
91
 
96
- .vyr-category-dataset:before {
92
+ .vyr-category-store:before {
97
93
  content: "\e717";
98
94
  }
99
95