@opendesign-plus-test/components 0.0.1-rc.45 → 0.0.1-rc.46

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 (78) hide show
  1. package/dist/chunk-OElCookieNotice.cjs.js +1 -1
  2. package/dist/chunk-OElCookieNotice.es.js +47 -67
  3. package/dist/components/OHeaderSearch.vue.d.ts +534 -812
  4. package/dist/components.cjs.js +41 -41
  5. package/dist/components.css +1 -1
  6. package/dist/components.es.js +10253 -11228
  7. package/dist/index.d.ts +0 -1
  8. package/package.json +2 -2
  9. package/src/assets/svg-icons/icon-delete.svg +1 -5
  10. package/src/components/OBanner.vue +18 -18
  11. package/src/components/OCookieNotice.vue +21 -21
  12. package/src/components/OFooter.vue +17 -18
  13. package/src/components/OHeaderSearch.vue +420 -402
  14. package/src/components/OHeaderUser.vue +2 -3
  15. package/src/components/OSection.vue +4 -4
  16. package/src/components/activity/OActivityApproval.vue +4 -4
  17. package/src/components/activity/OActivityForm.vue +2 -2
  18. package/src/components/activity/OMyActivityCalendar.vue +26 -26
  19. package/src/components/common/ContentWrapper.vue +3 -3
  20. package/src/components/element-plus/OElCookieNotice.vue +26 -26
  21. package/src/components/events/OEventsApply.vue +44 -44
  22. package/src/components/events/OEventsCalendar.vue +14 -14
  23. package/src/components/events/OEventsList.vue +16 -16
  24. package/src/components/header/OHeader.vue +2 -2
  25. package/src/components/header/components/HeaderContent.vue +60 -60
  26. package/src/components/header/components/HeaderNav.vue +4 -4
  27. package/src/components/header/components/HeaderNavMobile.vue +3 -3
  28. package/src/components/meeting/OMeetingCalendar.vue +27 -27
  29. package/src/components/meeting/OMeetingForm.vue +16 -16
  30. package/src/components/meeting/OMeetingPlayback.vue +4 -4
  31. package/src/components/meeting/OMyMeetingCalendar.vue +25 -25
  32. package/src/components/meeting/OSigMeetingCalendar.vue +3 -3
  33. package/src/components/meeting/components/OMeetingCalendarList.vue +9 -9
  34. package/src/components/meeting/components/OMeetingDetail.vue +2 -2
  35. package/src/components/meeting/components/OMeetingPlaybackSubtitles.vue +1 -1
  36. package/src/components/meeting/components/OMeetingPlaybackVideo.vue +5 -5
  37. package/src/components/meeting/components/OSigMeetingAside.vue +6 -6
  38. package/src/draft/Banner.vue +6 -6
  39. package/src/draft/ButtonCards.vue +1 -1
  40. package/src/draft/Feature.vue +6 -6
  41. package/src/draft/Footer.vue +22 -29
  42. package/src/draft/HorizontalAnchor.vue +4 -4
  43. package/src/draft/ItemSwiper.vue +2 -2
  44. package/src/draft/Logo.vue +3 -3
  45. package/src/draft/LogoCard.vue +2 -2
  46. package/src/draft/MultiCard.vue +1 -1
  47. package/src/draft/MultiIconCard.vue +1 -1
  48. package/src/draft/OInfoCard.vue +4 -4
  49. package/src/draft/Section.vue +4 -4
  50. package/src/draft/SingleTabCard.vue +1 -1
  51. package/src/draft/SliderCard.vue +3 -4
  52. package/src/i18n/en.ts +0 -10
  53. package/src/i18n/zh.ts +0 -10
  54. package/src/index.ts +0 -1
  55. package/vite.config.ts +1 -1
  56. package/dist/components/search/OSearchInput.vue.d.ts +0 -1003
  57. package/dist/components/search/composables/useImageSearch.d.ts +0 -48
  58. package/dist/components/search/composables/useKeywordHighlight.d.ts +0 -2
  59. package/dist/components/search/composables/useSearchHistory.d.ts +0 -14
  60. package/dist/components/search/index.d.ts +0 -590
  61. package/dist/components/search/internal/HighlightText.vue.d.ts +0 -9
  62. package/dist/components/search/internal/SearchImageInput.vue.d.ts +0 -716
  63. package/dist/components/search/internal/SearchPanel.vue.d.ts +0 -100
  64. package/dist/components/search/types.d.ts +0 -20
  65. package/src/assets/svg-icons/icon-delete-hover.svg +0 -4
  66. package/src/assets/svg-icons/icon-image-close.svg +0 -4
  67. package/src/assets/svg-icons/icon-image-upload.svg +0 -3
  68. package/src/assets/svg-icons/icon-image-zoomin.svg +0 -3
  69. package/src/assets/svg-icons/icon-refresh.svg +0 -3
  70. package/src/components/search/OSearchInput.vue +0 -463
  71. package/src/components/search/composables/useImageSearch.ts +0 -157
  72. package/src/components/search/composables/useKeywordHighlight.ts +0 -30
  73. package/src/components/search/composables/useSearchHistory.ts +0 -75
  74. package/src/components/search/index.ts +0 -23
  75. package/src/components/search/internal/HighlightText.vue +0 -37
  76. package/src/components/search/internal/SearchImageInput.vue +0 -488
  77. package/src/components/search/internal/SearchPanel.vue +0 -430
  78. package/src/components/search/types.ts +0 -25
package/src/components/header/components/HeaderContent.vue CHANGED
@@ -168,7 +168,7 @@ const onClickShortcut = (item: any) => {
168
168
  overflow-y: auto;
169
169
  white-space: nowrap;
170
170
 
171
- @include respond('<=pad_v') {
171
+ @include respond-to('<=pad_v') {
172
172
  --scroller-padding: 0 var(--layout-content-padding);
173
173
  }
174
174
 
@@ -198,11 +198,11 @@ const onClickShortcut = (item: any) => {
198
198
  .content-item {
199
199
  width: 200px;
200
200
  margin-top: 24px;
201
- @include respond('laptop') {
201
+ @include respond-to('laptop') {
202
202
  width: 170px;
203
203
  margin-top: 16px;
204
204
  }
205
- @include respond('pad_h') {
205
+ @include respond-to('pad_h') {
206
206
  width: 132px;
207
207
  margin-top: 12px;
208
208
  }
@@ -224,14 +224,14 @@ const onClickShortcut = (item: any) => {
224
224
  .o-icon {
225
225
  --icon-size: 24px;
226
226
  margin-left: var(--o-gap-2);
227
- @include respond('<=laptop') {
227
+ @include respond-to('<=laptop') {
228
228
  --icon-size: 16px;
229
229
  }
230
230
  }
231
231
  .content-tag {
232
232
  margin-left: var(--o-gap-2);
233
233
  --layout-pkg-radius: var(--o-radius-xs);
234
- @include respond('<=laptop') {
234
+ @include respond-to('<=laptop') {
235
235
  display: none;
236
236
  }
237
237
  }
@@ -256,7 +256,7 @@ const onClickShortcut = (item: any) => {
256
256
  margin: 0 16px;
257
257
  flex-shrink: 0;
258
258
 
259
- @include respond('<=pad') {
259
+ @include respond-to('<=pad') {
260
260
  display: none;
261
261
  }
262
262
  }
@@ -264,15 +264,15 @@ const onClickShortcut = (item: any) => {
264
264
  width: 342px;
265
265
  padding: 32px 0;
266
266
  flex-shrink: 0;
267
- @include respond('laptop') {
267
+ @include respond-to('laptop') {
268
268
  width: 240px;
269
269
  }
270
270
 
271
- @include respond('pad_h') {
271
+ @include respond-to('pad_h') {
272
272
  width: 240px;
273
273
  }
274
274
 
275
- @include respond('<=pad') {
275
+ @include respond-to('<=pad') {
276
276
  display: none;
277
277
  }
278
278
 
@@ -287,11 +287,11 @@ const onClickShortcut = (item: any) => {
287
287
  cursor: pointer;
288
288
  @include tip1;
289
289
 
290
- @include respond('laptop') {
290
+ @include respond-to('laptop') {
291
291
  @include text1;
292
292
  }
293
293
 
294
- @include respond('pad_h') {
294
+ @include respond-to('pad_h') {
295
295
  @include text1;
296
296
  }
297
297
 
@@ -329,7 +329,7 @@ const onClickShortcut = (item: any) => {
329
329
  text-decoration: none;
330
330
  }
331
331
 
332
- @include respond('pad_h') {
332
+ @include respond-to('pad_h') {
333
333
  &:not(:last-child) {
334
334
  &:after {
335
335
  content: '';
@@ -353,7 +353,7 @@ const onClickShortcut = (item: any) => {
353
353
  display: block;
354
354
  object-fit: contain;
355
355
 
356
- @include respond('<=laptop') {
356
+ @include respond-to('<=laptop') {
357
357
  display: none;
358
358
  }
359
359
  }
@@ -367,7 +367,7 @@ const onClickShortcut = (item: any) => {
367
367
  justify-content: space-between;
368
368
  white-space: normal;
369
369
 
370
- @include respond('<=laptop') {
370
+ @include respond-to('<=laptop') {
371
371
  margin-left: unset;
372
372
  height: auto;
373
373
  }
@@ -384,7 +384,7 @@ const onClickShortcut = (item: any) => {
384
384
  @include hover {
385
385
  color: var(--o-color-primary1);
386
386
  }
387
- @include respond('pad_v-laptop') {
387
+ @include respond-to('pad_v-laptop') {
388
388
  max-height: 44px;
389
389
  }
390
390
  }
@@ -409,7 +409,7 @@ const onClickShortcut = (item: any) => {
409
409
  background-size: cover;
410
410
  z-index: -1;
411
411
 
412
- @include respond('<=laptop') {
412
+ @include respond-to('<=laptop') {
413
413
  display: none;
414
414
  }
415
415
  }
@@ -422,7 +422,7 @@ const onClickShortcut = (item: any) => {
422
422
  background-size: cover;
423
423
  z-index: -1;
424
424
 
425
- @include respond('<=laptop') {
425
+ @include respond-to('<=laptop') {
426
426
  display: none;
427
427
  }
428
428
  }
@@ -447,7 +447,7 @@ const onClickShortcut = (item: any) => {
447
447
  }
448
448
  }
449
449
 
450
- @include respond('<=laptop') {
450
+ @include respond-to('<=laptop') {
451
451
  margin-left: 24px;
452
452
  &:nth-of-type(1) {
453
453
  .content-container {
@@ -464,7 +464,7 @@ const onClickShortcut = (item: any) => {
464
464
  }
465
465
  }
466
466
 
467
- @include respond('pad_h') {
467
+ @include respond-to('pad_h') {
468
468
  &:nth-of-type(1) {
469
469
  .content-container {
470
470
  width: 344px;
@@ -473,7 +473,7 @@ const onClickShortcut = (item: any) => {
473
473
  }
474
474
  }
475
475
 
476
- @include respond('pad_h') {
476
+ @include respond-to('pad_h') {
477
477
  .content-left {
478
478
  .item-sub {
479
479
  max-width: 25%;
@@ -504,20 +504,20 @@ const onClickShortcut = (item: any) => {
504
504
  margin-left: 0;
505
505
  }
506
506
 
507
- @include respond('>laptop') {
507
+ @include respond-to('>laptop') {
508
508
  width: 200px;
509
509
  }
510
510
 
511
- @include respond('laptop') {
511
+ @include respond-to('laptop') {
512
512
  width: 170px;
513
513
  }
514
514
 
515
- @include respond('pad_h') {
515
+ @include respond-to('pad_h') {
516
516
  width: 132px;
517
517
  }
518
518
  }
519
519
 
520
- @include respond('pad_h') {
520
+ @include respond-to('pad_h') {
521
521
  .content-left {
522
522
  .item-sub {
523
523
  flex: 1 1 auto;
@@ -548,7 +548,7 @@ const onClickShortcut = (item: any) => {
548
548
  margin-right: 0;
549
549
  }
550
550
 
551
- @include respond('<=laptop') {
551
+ @include respond-to('<=laptop') {
552
552
  margin-right: 24px;
553
553
  }
554
554
  }
@@ -557,20 +557,20 @@ const onClickShortcut = (item: any) => {
557
557
  margin-right: 40px;
558
558
  }
559
559
  }
560
- @include respond('>laptop') {
560
+ @include respond-to('>laptop') {
561
561
  width: 992px;
562
562
  }
563
- @include respond('laptop') {
563
+ @include respond-to('laptop') {
564
564
  width: 752px;
565
565
  }
566
- @include respond('pad_h') {
566
+ @include respond-to('pad_h') {
567
567
  width: auto;
568
568
  }
569
569
  }
570
570
  }
571
571
  }
572
572
 
573
- @include respond('pad_h') {
573
+ @include respond-to('pad_h') {
574
574
  .content-left {
575
575
  .item-sub {
576
576
  max-width: 80%;
@@ -606,7 +606,7 @@ const onClickShortcut = (item: any) => {
606
606
  }
607
607
  }
608
608
 
609
- @include respond('<=laptop') {
609
+ @include respond-to('<=laptop') {
610
610
  margin-left: 24px;
611
611
  &:nth-of-type(2) {
612
612
  .content-container {
@@ -618,7 +618,7 @@ const onClickShortcut = (item: any) => {
618
618
  }
619
619
  }
620
620
 
621
- @include respond('pad_h') {
621
+ @include respond-to('pad_h') {
622
622
  &:nth-of-type(2) {
623
623
  .content-container {
624
624
  width: auto;
@@ -627,7 +627,7 @@ const onClickShortcut = (item: any) => {
627
627
  }
628
628
  }
629
629
 
630
- @include respond('pad_h') {
630
+ @include respond-to('pad_h') {
631
631
  .content-left {
632
632
  .item-sub {
633
633
  max-width: 25%;
@@ -670,7 +670,7 @@ const onClickShortcut = (item: any) => {
670
670
  }
671
671
  }
672
672
 
673
- @include respond('<=laptop') {
673
+ @include respond-to('<=laptop') {
674
674
  margin-left: 24px;
675
675
  &:nth-of-type(1) {
676
676
  .content-container {
@@ -688,7 +688,7 @@ const onClickShortcut = (item: any) => {
688
688
  }
689
689
  }
690
690
 
691
- @include respond('pad_h') {
691
+ @include respond-to('pad_h') {
692
692
  &:nth-of-type(n) {
693
693
  .content-container {
694
694
  width: auto;
@@ -697,7 +697,7 @@ const onClickShortcut = (item: any) => {
697
697
  }
698
698
  }
699
699
 
700
- @include respond('pad_h') {
700
+ @include respond-to('pad_h') {
701
701
  .content-left {
702
702
  .item-sub {
703
703
  max-width: 20%;
@@ -728,7 +728,7 @@ const onClickShortcut = (item: any) => {
728
728
  }
729
729
  }
730
730
 
731
- @include respond('<=laptop') {
731
+ @include respond-to('<=laptop') {
732
732
  &:nth-child(n) {
733
733
  .content-container {
734
734
  width: 170px;
@@ -736,7 +736,7 @@ const onClickShortcut = (item: any) => {
736
736
  }
737
737
  }
738
738
 
739
- @include respond('pad_h') {
739
+ @include respond-to('pad_h') {
740
740
  &:nth-child(n) {
741
741
  .content-container {
742
742
  width: 132px;
@@ -745,7 +745,7 @@ const onClickShortcut = (item: any) => {
745
745
  }
746
746
  }
747
747
 
748
- @include respond('pad_h') {
748
+ @include respond-to('pad_h') {
749
749
  .content-left {
750
750
  .item-sub {
751
751
  .content-container {
@@ -789,7 +789,7 @@ const onClickShortcut = (item: any) => {
789
789
  }
790
790
  }
791
791
 
792
- @include respond('<=laptop') {
792
+ @include respond-to('<=laptop') {
793
793
  margin-left: 24px;
794
794
  &:nth-of-type(1) {
795
795
  .content-container {
@@ -800,7 +800,7 @@ const onClickShortcut = (item: any) => {
800
800
  }
801
801
  }
802
802
 
803
- @include respond('laptop') {
803
+ @include respond-to('laptop') {
804
804
  &:nth-of-type(1) {
805
805
  .content-container {
806
806
  width: 558px;
@@ -813,7 +813,7 @@ const onClickShortcut = (item: any) => {
813
813
  }
814
814
  }
815
815
 
816
- @include respond('pad_h') {
816
+ @include respond-to('pad_h') {
817
817
  &:nth-of-type(1) {
818
818
  .content-container {
819
819
  width: auto;
@@ -827,7 +827,7 @@ const onClickShortcut = (item: any) => {
827
827
  }
828
828
  }
829
829
 
830
- @include respond('pad_h') {
830
+ @include respond-to('pad_h') {
831
831
  .content-left {
832
832
  .item-sub {
833
833
  max-width: 20%;
@@ -870,7 +870,7 @@ const onClickShortcut = (item: any) => {
870
870
  margin-left: 0;
871
871
  }
872
872
 
873
- @include respond('<=laptop') {
873
+ @include respond-to('<=laptop') {
874
874
  margin-left: 24px;
875
875
  .content-container {
876
876
  :deep(.content-item) {
@@ -878,20 +878,20 @@ const onClickShortcut = (item: any) => {
878
878
  }
879
879
  }
880
880
  }
881
- @include respond('laptop') {
881
+ @include respond-to('laptop') {
882
882
  .content-container {
883
883
  width: 364px;
884
884
  }
885
885
  }
886
886
 
887
- @include respond('pad_h') {
887
+ @include respond-to('pad_h') {
888
888
  .content-container {
889
889
  width: auto;
890
890
  }
891
891
  }
892
892
  }
893
893
 
894
- @include respond('pad_h') {
894
+ @include respond-to('pad_h') {
895
895
  .content-left {
896
896
  .item-sub {
897
897
  max-width: 40%;
@@ -913,10 +913,10 @@ const onClickShortcut = (item: any) => {
913
913
  }
914
914
  .item-sub + .item-sub {
915
915
  margin-left: 48px;
916
- @include respond('laptop') {
916
+ @include respond-to('laptop') {
917
917
  margin-left: 32px;
918
918
  }
919
- @include respond('pad_h') {
919
+ @include respond-to('pad_h') {
920
920
  margin-left: 16px;
921
921
  }
922
922
  }
@@ -957,7 +957,7 @@ const onClickShortcut = (item: any) => {
957
957
  }
958
958
  }
959
959
 
960
- @include respond('<=laptop') {
960
+ @include respond-to('<=laptop') {
961
961
  margin-left: 24px;
962
962
  &:nth-of-type(1) {
963
963
  .content-container {
@@ -974,7 +974,7 @@ const onClickShortcut = (item: any) => {
974
974
  }
975
975
  }
976
976
 
977
- @include respond('pad_h') {
977
+ @include respond-to('pad_h') {
978
978
  &:nth-of-type(1) {
979
979
  .content-container {
980
980
  width: 344px;
@@ -983,7 +983,7 @@ const onClickShortcut = (item: any) => {
983
983
  }
984
984
  }
985
985
 
986
- @include respond('pad_h') {
986
+ @include respond-to('pad_h') {
987
987
  .content-left {
988
988
  .item-sub {
989
989
  max-width: 25%;
@@ -1031,7 +1031,7 @@ const onClickShortcut = (item: any) => {
1031
1031
  margin-right: 0;
1032
1032
  }
1033
1033
 
1034
- @include respond('<=laptop') {
1034
+ @include respond-to('<=laptop') {
1035
1035
  margin-right: 24px;
1036
1036
  }
1037
1037
  }
@@ -1040,20 +1040,20 @@ const onClickShortcut = (item: any) => {
1040
1040
  margin-right: 40px;
1041
1041
  }
1042
1042
  }
1043
- @include respond('>laptop') {
1043
+ @include respond-to('>laptop') {
1044
1044
  width: 992px;
1045
1045
  }
1046
- @include respond('laptop') {
1046
+ @include respond-to('laptop') {
1047
1047
  width: 752px;
1048
1048
  }
1049
- @include respond('pad_h') {
1049
+ @include respond-to('pad_h') {
1050
1050
  width: auto;
1051
1051
  }
1052
1052
  }
1053
1053
  }
1054
1054
  }
1055
1055
 
1056
- @include respond('pad_h') {
1056
+ @include respond-to('pad_h') {
1057
1057
  .content-left {
1058
1058
  .item-sub {
1059
1059
  max-width: 80%;
@@ -1086,7 +1086,7 @@ const onClickShortcut = (item: any) => {
1086
1086
  margin-left: 0;
1087
1087
  }
1088
1088
 
1089
- @include respond('<=laptop') {
1089
+ @include respond-to('<=laptop') {
1090
1090
  margin-left: 24px;
1091
1091
  .content-container {
1092
1092
  :deep(.content-item) {
@@ -1094,20 +1094,20 @@ const onClickShortcut = (item: any) => {
1094
1094
  }
1095
1095
  }
1096
1096
  }
1097
- @include respond('laptop') {
1097
+ @include respond-to('laptop') {
1098
1098
  .content-container {
1099
1099
  width: 364px;
1100
1100
  }
1101
1101
  }
1102
1102
 
1103
- @include respond('pad_h') {
1103
+ @include respond-to('pad_h') {
1104
1104
  .content-container {
1105
1105
  width: auto;
1106
1106
  }
1107
1107
  }
1108
1108
  }
1109
1109
 
1110
- @include respond('pad_h') {
1110
+ @include respond-to('pad_h') {
1111
1111
  .content-left {
1112
1112
  .item-sub {
1113
1113
  max-width: 40%;
package/src/components/header/components/HeaderNav.vue CHANGED
@@ -187,7 +187,7 @@ onUnmounted(() => {
187
187
  height: 100%;
188
188
  right: 0;
189
189
  top: 0;
190
- background-image: linear-gradient(90deg, rgba(var(--o-grey-1), 0) 0%, rgba(var(--o-grey-1), 1) 100%);
190
+ background-image: linear-gradient(90deg, rgba(var(--o-mixedgray-1), 0) 0%, rgba(var(--o-mixedgray-1), 1) 100%);
191
191
  z-index: 0;
192
192
  }
193
193
  &::-webkit-scrollbar {
@@ -195,7 +195,7 @@ onUnmounted(() => {
195
195
  }
196
196
  &.dark {
197
197
  &::after {
198
- background-image: linear-gradient(90deg, rgba(var(--o-grey-4), 0) 0%, rgba(var(--o-grey-4), 1) 100%);
198
+ background-image: linear-gradient(90deg, rgba(var(--o-mixedgray-4), 0) 0%, rgba(var(--o-mixedgray-4), 1) 100%);
199
199
  }
200
200
  }
201
201
  }
@@ -255,10 +255,10 @@ onUnmounted(() => {
255
255
  padding: 22px var(--o-gap-4);
256
256
  @include text1;
257
257
 
258
- @include respond('laptop') {
258
+ @include respond-to('laptop') {
259
259
  padding: 22px 12px;
260
260
  }
261
- @include respond('pad_h') {
261
+ @include respond-to('pad_h') {
262
262
  padding: 22px 8px;
263
263
  }
264
264
  &.en {
package/src/components/header/components/HeaderNavMobile.vue CHANGED
@@ -245,7 +245,7 @@ watch(
245
245
  top: 0;
246
246
  width: 100%;
247
247
  height: 1px;
248
- background-color: rgba(var(--o-grey-14), 0.1);
248
+ background-color: rgba(var(--o-mixedgray-14), 0.1);
249
249
  }
250
250
  }
251
251
  .content-label {
@@ -343,7 +343,7 @@ watch(
343
343
  word-break: normal;
344
344
  @include tip1;
345
345
  @include text-truncate(2);
346
- @include respond('phone') {
346
+ @include respond-to('phone') {
347
347
  @include text1;
348
348
  }
349
349
  }
@@ -368,7 +368,7 @@ watch(
368
368
  width: 99px;
369
369
  @include nav-item;
370
370
  @include tip1;
371
- @include respond('phone') {
371
+ @include respond-to('phone') {
372
372
  @include text1;
373
373
  }
374
374
  }