@opendesign-plus-test/components 0.0.1-rc.111 → 0.0.1-rc.112

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 (86) hide show
  1. package/dist/chunk-OElCookieNotice.cjs.js +1 -1
  2. package/dist/chunk-OElCookieNotice.es.js +59 -75
  3. package/dist/components/activity/index.d.ts +9 -9
  4. package/dist/components/banner/index.d.ts +6 -6
  5. package/dist/components/events/index.d.ts +20 -20
  6. package/dist/components/header/OHeaderMobile.vue.d.ts +14 -14
  7. package/dist/components/header/components/HeaderNavMobile.vue.d.ts +1 -1
  8. package/dist/components/header/index.d.ts +23 -23
  9. package/dist/components/header-search/OHeaderSearch.vue.d.ts +6 -10
  10. package/dist/components/header-search/index.d.ts +16 -18
  11. package/dist/components/meeting/OMeetingPlayback.vue.d.ts +6 -6
  12. package/dist/components/meeting/components/OMeetingPlaybackVideo.vue.d.ts +1 -1
  13. package/dist/components/meeting/index.d.ts +31 -31
  14. package/dist/components/meeting/types.d.ts +1 -0
  15. package/dist/components/search/OSearchInput.vue.d.ts +6 -10
  16. package/dist/components/search/index.d.ts +14 -16
  17. package/dist/components/search/internal/SearchImageInput.vue.d.ts +1 -5
  18. package/dist/components.cjs.js +39 -39
  19. package/dist/components.css +1 -1
  20. package/dist/components.es.js +9457 -10024
  21. package/dist/index.d.ts +0 -1
  22. package/dist/treeshaking/components/activity/index.d.ts +9 -9
  23. package/dist/treeshaking/components/banner/index.d.ts +6 -6
  24. package/dist/treeshaking/components/common/TooltipText.css +1 -0
  25. package/dist/treeshaking/components/common/TooltipText.vue.mjs +11 -0
  26. package/dist/treeshaking/components/events/OEventsApply.css +1 -1
  27. package/dist/treeshaking/components/events/OEventsCalendar.css +30 -14
  28. package/dist/treeshaking/components/events/OEventsList.css +6 -0
  29. package/dist/treeshaking/components/events/index.d.ts +20 -20
  30. package/dist/treeshaking/components/header/OHeaderMobile.vue.d.ts +14 -14
  31. package/dist/treeshaking/components/header/components/HeaderNavMobile.vue.d.ts +1 -1
  32. package/dist/treeshaking/components/header/index.d.ts +23 -23
  33. package/dist/treeshaking/components/header-search/OHeaderSearch.vue.d.ts +6 -10
  34. package/dist/treeshaking/components/header-search/index.d.ts +16 -18
  35. package/dist/treeshaking/components/meeting/OMeetingCalendar.css +2 -2
  36. package/dist/treeshaking/components/meeting/OMeetingMyCalendar.css +36 -53
  37. package/dist/treeshaking/components/meeting/OMeetingMyCalendar.vue.mjs +1 -0
  38. package/dist/treeshaking/components/meeting/OMeetingMyCalendar2.css +8 -0
  39. package/dist/treeshaking/components/meeting/OMeetingPlayback.css +21 -0
  40. package/dist/treeshaking/components/meeting/OMeetingPlayback.vue.d.ts +6 -6
  41. package/dist/treeshaking/components/meeting/OMeetingPlayback.vue.mjs +41 -18
  42. package/dist/treeshaking/components/meeting/components/OMeetingCalendarList.css +5 -7
  43. package/dist/treeshaking/components/meeting/components/OMeetingCalendarList.vue.mjs +3 -6
  44. package/dist/treeshaking/components/meeting/components/OMeetingDetail.css +1 -1
  45. package/dist/treeshaking/components/meeting/components/OMeetingDetail.vue.mjs +10 -6
  46. package/dist/treeshaking/components/meeting/components/OMeetingPlaybackSubtitles.css +153 -6
  47. package/dist/treeshaking/components/meeting/components/OMeetingPlaybackVideo.css +9 -2
  48. package/dist/treeshaking/components/meeting/components/OMeetingPlaybackVideo.vue.d.ts +1 -1
  49. package/dist/treeshaking/components/meeting/index.d.ts +31 -31
  50. package/dist/treeshaking/components/meeting/types.d.ts +1 -0
  51. package/dist/treeshaking/components/search/OSearchInput.vue.d.ts +6 -10
  52. package/dist/treeshaking/components/search/index.d.ts +14 -16
  53. package/dist/treeshaking/components/search/internal/SearchImageInput.vue.d.ts +1 -5
  54. package/dist/treeshaking/i18n/en.mjs +1 -9
  55. package/dist/treeshaking/i18n/zh.mjs +1 -9
  56. package/dist/treeshaking/index.d.ts +0 -1
  57. package/dist/treeshaking/index.mjs +0 -5
  58. package/package.json +2 -2
  59. package/dist/components/feedback-doc/OFeedbackDoc.vue.d.ts +0 -215
  60. package/dist/components/feedback-doc/OFeedbackDocContent.vue.d.ts +0 -36
  61. package/dist/components/feedback-doc/OFeedbackDocDialog.vue.d.ts +0 -34
  62. package/dist/components/feedback-doc/OFeedbackDocPopup.vue.d.ts +0 -42
  63. package/dist/components/feedback-doc/index.d.ts +0 -488
  64. package/dist/components/meeting/components/OMeetingCalendarSelector.vue.d.ts +0 -664
  65. package/dist/treeshaking/_virtual/icon-smile.mjs +0 -21
  66. package/dist/treeshaking/components/common/MoreText.css +0 -69
  67. package/dist/treeshaking/components/common/MoreText.vue.mjs +0 -88
  68. package/dist/treeshaking/components/common/MoreText.vue3.mjs +0 -5
  69. package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.css +0 -20
  70. package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.vue.d.ts +0 -215
  71. package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.vue.mjs +0 -7
  72. package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.vue2.mjs +0 -157
  73. package/dist/treeshaking/components/feedback-doc/OFeedbackDocContent.css +0 -115
  74. package/dist/treeshaking/components/feedback-doc/OFeedbackDocContent.vue.d.ts +0 -36
  75. package/dist/treeshaking/components/feedback-doc/OFeedbackDocContent.vue.mjs +0 -7
  76. package/dist/treeshaking/components/feedback-doc/OFeedbackDocContent.vue2.mjs +0 -303
  77. package/dist/treeshaking/components/feedback-doc/OFeedbackDocDialog.vue.d.ts +0 -34
  78. package/dist/treeshaking/components/feedback-doc/OFeedbackDocDialog.vue.mjs +0 -92
  79. package/dist/treeshaking/components/feedback-doc/OFeedbackDocDialog.vue2.mjs +0 -4
  80. package/dist/treeshaking/components/feedback-doc/OFeedbackDocPopup.css +0 -22
  81. package/dist/treeshaking/components/feedback-doc/OFeedbackDocPopup.vue.d.ts +0 -42
  82. package/dist/treeshaking/components/feedback-doc/OFeedbackDocPopup.vue.mjs +0 -7
  83. package/dist/treeshaking/components/feedback-doc/OFeedbackDocPopup.vue2.mjs +0 -90
  84. package/dist/treeshaking/components/feedback-doc/index.d.ts +0 -488
  85. package/dist/treeshaking/components/feedback-doc/index.mjs +0 -30
  86. package/dist/treeshaking/components/meeting/components/OMeetingCalendarSelector.vue.d.ts +0 -664
@@ -442,14 +442,12 @@ declare function __VLS_template(): {
442
442
  append(): any;
443
443
  prefix(): any;
444
444
  suffix(): any;
445
- extra(): any;
446
445
  }> & {
447
446
  default(): any;
448
447
  prepend(): any;
449
448
  append(): any;
450
449
  prefix(): any;
451
450
  suffix(): any;
452
- extra(): any;
453
451
  };
454
452
  }) | null;
455
453
  uploadBtnRef: HTMLSpanElement;
@@ -481,8 +479,8 @@ declare function __VLS_template(): {
481
479
  disabled: boolean;
482
480
  modelValue: string;
483
481
  clearable: boolean;
484
- expanded: boolean;
485
482
  preview: boolean;
483
+ expanded: boolean;
486
484
  imageUrl: string;
487
485
  enableImageSearch: boolean;
488
486
  maxImageSize: number;
@@ -514,8 +512,8 @@ declare function __VLS_template(): {
514
512
  disabled: boolean;
515
513
  modelValue: string;
516
514
  clearable: boolean;
517
- expanded: boolean;
518
515
  preview: boolean;
516
+ expanded: boolean;
519
517
  imageUrl: string;
520
518
  enableImageSearch: boolean;
521
519
  maxImageSize: number;
@@ -524,7 +522,7 @@ declare function __VLS_template(): {
524
522
  allowedImageTypes: string[];
525
523
  }> & Omit<Readonly<import('../search/internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
526
524
  [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
527
- }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "expanded" | "preview" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
525
+ }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
528
526
  focus: () => void | undefined;
529
527
  blur: () => void | undefined;
530
528
  awaitUpload: () => Promise<void>;
@@ -928,14 +926,12 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
928
926
  append(): any;
929
927
  prefix(): any;
930
928
  suffix(): any;
931
- extra(): any;
932
929
  }> & {
933
930
  default(): any;
934
931
  prepend(): any;
935
932
  append(): any;
936
933
  prefix(): any;
937
934
  suffix(): any;
938
- extra(): any;
939
935
  };
940
936
  }) | null;
941
937
  uploadBtnRef: HTMLSpanElement;
@@ -967,8 +963,8 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
967
963
  disabled: boolean;
968
964
  modelValue: string;
969
965
  clearable: boolean;
970
- expanded: boolean;
971
966
  preview: boolean;
967
+ expanded: boolean;
972
968
  imageUrl: string;
973
969
  enableImageSearch: boolean;
974
970
  maxImageSize: number;
@@ -1000,8 +996,8 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
1000
996
  disabled: boolean;
1001
997
  modelValue: string;
1002
998
  clearable: boolean;
1003
- expanded: boolean;
1004
999
  preview: boolean;
1000
+ expanded: boolean;
1005
1001
  imageUrl: string;
1006
1002
  enableImageSearch: boolean;
1007
1003
  maxImageSize: number;
@@ -1010,7 +1006,7 @@ declare const __VLS_component: import('vue').DefineComponent<OHeaderSearchPropsT
1010
1006
  allowedImageTypes: string[];
1011
1007
  }> & Omit<Readonly<import('../search/internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
1012
1008
  [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
1013
- }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "expanded" | "preview" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
1009
+ }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
1014
1010
  focus: () => void | undefined;
1015
1011
  blur: () => void | undefined;
1016
1012
  awaitUpload: () => Promise<void>;
@@ -20,8 +20,8 @@ declare const OHeaderSearch: {
20
20
  imageUrl: string;
21
21
  enableImageSearch: boolean;
22
22
  maxImageSize: number;
23
- onestepItems: import('../../index').OSearchRecommendItem[];
24
- suggestItems: import('../../index').OSearchRecommendItem[];
23
+ onestepItems: import('../search').OSearchRecommendItem[];
24
+ suggestItems: import('../search').OSearchRecommendItem[];
25
25
  recommendItems: string[];
26
26
  historyItems: string[];
27
27
  hotItems: string[];
@@ -46,7 +46,7 @@ declare const OHeaderSearch: {
46
46
  readonly imagePlaceholder?: string | undefined;
47
47
  readonly size?: "small" | "medium" | "large" | undefined;
48
48
  readonly enableImageSearch?: boolean | undefined;
49
- readonly uploadImage?: import('../../index').OSearchUploadImageFn | undefined;
49
+ readonly uploadImage?: import('../search').OSearchUploadImageFn | undefined;
50
50
  readonly maxImageSize?: number | undefined;
51
51
  readonly imageUploadTooltip?: string | undefined;
52
52
  readonly expanded?: boolean | undefined;
@@ -381,14 +381,12 @@ declare const OHeaderSearch: {
381
381
  append(): any;
382
382
  prefix(): any;
383
383
  suffix(): any;
384
- extra(): any;
385
384
  }> & {
386
385
  default(): any;
387
386
  prepend(): any;
388
387
  append(): any;
389
388
  prefix(): any;
390
389
  suffix(): any;
391
- extra(): any;
392
390
  };
393
391
  }) | null;
394
392
  uploadBtnRef: HTMLSpanElement;
@@ -420,8 +418,8 @@ declare const OHeaderSearch: {
420
418
  disabled: boolean;
421
419
  modelValue: string;
422
420
  clearable: boolean;
423
- expanded: boolean;
424
421
  preview: boolean;
422
+ expanded: boolean;
425
423
  imageUrl: string;
426
424
  enableImageSearch: boolean;
427
425
  maxImageSize: number;
@@ -453,8 +451,8 @@ declare const OHeaderSearch: {
453
451
  disabled: boolean;
454
452
  modelValue: string;
455
453
  clearable: boolean;
456
- expanded: boolean;
457
454
  preview: boolean;
455
+ expanded: boolean;
458
456
  imageUrl: string;
459
457
  enableImageSearch: boolean;
460
458
  maxImageSize: number;
@@ -463,7 +461,7 @@ declare const OHeaderSearch: {
463
461
  allowedImageTypes: string[];
464
462
  }> & Omit<Readonly<import('../search/internal/SearchImageInput.vue').SearchImageInputPropsT> & Readonly<{
465
463
  [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
466
- }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "expanded" | "preview" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
464
+ }>, "blur" | "focus" | "awaitUpload" | "getUploadedUrl" | "getIsUploading" | "resetImage" | ("size" | "disabled" | "modelValue" | "clearable" | "preview" | "expanded" | "imageUrl" | "enableImageSearch" | "maxImageSize" | "showSuffix" | "inlineThumbnail" | "allowedImageTypes")> & {
467
465
  focus: () => void | undefined;
468
466
  blur: () => void | undefined;
469
467
  awaitUpload: () => Promise<void>;
@@ -505,8 +503,8 @@ declare const OHeaderSearch: {
505
503
  imageUrl: string;
506
504
  enableImageSearch: boolean;
507
505
  maxImageSize: number;
508
- onestepItems: import('../../index').OSearchRecommendItem[];
509
- suggestItems: import('../../index').OSearchRecommendItem[];
506
+ onestepItems: import('../search').OSearchRecommendItem[];
507
+ suggestItems: import('../search').OSearchRecommendItem[];
510
508
  recommendItems: string[];
511
509
  historyItems: string[];
512
510
  hotItems: string[];
@@ -542,8 +540,8 @@ declare const OHeaderSearch: {
542
540
  imageUrl: string;
543
541
  enableImageSearch: boolean;
544
542
  maxImageSize: number;
545
- onestepItems: import('../../index').OSearchRecommendItem[];
546
- suggestItems: import('../../index').OSearchRecommendItem[];
543
+ onestepItems: import('../search').OSearchRecommendItem[];
544
+ suggestItems: import('../search').OSearchRecommendItem[];
547
545
  recommendItems: string[];
548
546
  historyItems: string[];
549
547
  hotItems: string[];
@@ -569,8 +567,8 @@ declare const OHeaderSearch: {
569
567
  recommendItems: string[];
570
568
  historyItems: string[];
571
569
  hotItems: string[];
572
- suggestItems: import('../../index').OSearchRecommendItem[];
573
- onestepItems: import('../../index').OSearchRecommendItem[];
570
+ suggestItems: import('../search').OSearchRecommendItem[];
571
+ onestepItems: import('../search').OSearchRecommendItem[];
574
572
  keyword: string;
575
573
  }): any;
576
574
  'recommend-header'?(_: {
@@ -580,17 +578,17 @@ declare const OHeaderSearch: {
580
578
  items: string[];
581
579
  }): any;
582
580
  'onestep-header'?(_: {
583
- items: import('../../index').OSearchRecommendItem[];
581
+ items: import('../search').OSearchRecommendItem[];
584
582
  }): any;
585
583
  'onestep-content'?(_: {
586
- items: import('../../index').OSearchRecommendItem[];
584
+ items: import('../search').OSearchRecommendItem[];
587
585
  keyword: string;
588
586
  }): any;
589
587
  'suggest-header'?(_: {
590
- items: import('../../index').OSearchRecommendItem[];
588
+ items: import('../search').OSearchRecommendItem[];
591
589
  }): any;
592
590
  'suggest-content'?(_: {
593
- items: import('../../index').OSearchRecommendItem[];
591
+ items: import('../search').OSearchRecommendItem[];
594
592
  keyword: string;
595
593
  }): any;
596
594
  'history-header'?(_: {
@@ -753,7 +753,7 @@
753
753
  height: 24px;
754
754
  width: 40px;
755
755
  background-color: var(--o-color-control3-light);
756
- border-radius: var(--meeting-cell-radius);
756
+ border-radius: 12px;
757
757
  border: 1px solid var(--o-color-primary1);
758
758
  }
759
759
  }
@@ -785,7 +785,7 @@
785
785
  transform: translate(-50%, -50%);
786
786
  height: 24px;
787
787
  width: 40px;
788
- border-radius: var(--meeting-cell-radius);
788
+ border-radius: 12px;
789
789
  z-index: -1;
790
790
  }
791
791
  }
@@ -374,17 +374,21 @@
374
374
  height: 100%;
375
375
  --phone-padding-top: 0;
376
376
  }
377
- @media (min-width: 601px) and (max-width: 840px) {
377
+ @media screen and (max-width: 900px) {
378
378
  .o-my-meeting-calendar .meeting-list {
379
379
  flex-direction: column;
380
+ gap: var(--o-gap-2);
381
+ }
382
+ }
383
+ @media (max-width: 840px) {
384
+ .o-my-meeting-calendar .meeting-list {
380
385
  gap: var(--o-gap-4);
386
+ --phone-padding-top: 56px;
381
387
  }
382
388
  }
383
389
  @media (max-width: 600px) {
384
390
  .o-my-meeting-calendar .meeting-list {
385
- flex-direction: column;
386
391
  gap: var(--o-gap-3);
387
- --phone-padding-top: 56px;
388
392
  }
389
393
  }
390
394
  .o-my-meeting-calendar .meeting-list .o-loading .o-layer-mask {
@@ -398,34 +402,32 @@
398
402
  align-items: center;
399
403
  justify-content: space-between;
400
404
  padding: 0 var(--grid--layout-padding);
405
+ font-weight: 600;
401
406
  }
402
- .o-my-meeting-calendar .meeting-list .list-calendar-mb span:first-child {
403
- font-size: 48px;
404
- line-height: 64px;
405
- }
406
- @media (min-width: 1201px) and (max-width: 1680px) {
407
- .o-my-meeting-calendar .meeting-list .list-calendar-mb span:first-child {
408
- font-size: 40px;
409
- line-height: 56px;
410
- }
411
- }
412
- @media (min-width: 841px) and (max-width: 1200px) {
413
- .o-my-meeting-calendar .meeting-list .list-calendar-mb span:first-child {
414
- font-size: 32px;
415
- line-height: 44px;
407
+ @media screen and (max-width: 900px) {
408
+ .o-my-meeting-calendar .meeting-list .list-calendar-mb {
409
+ display: flex;
410
+ background-color: color-mix(in srgb, var(--o-color-control2-light) 40%, transparent);
411
+ border-radius: var(--meeting-card-radius);
412
+ padding: var(--o-gap-3);
416
413
  }
417
414
  }
418
- @media (min-width: 601px) and (max-width: 840px) {
419
- .o-my-meeting-calendar .meeting-list .list-calendar-mb span:first-child {
420
- font-size: 32px;
421
- line-height: 44px;
415
+ @media (max-width: 840px) {
416
+ .o-my-meeting-calendar .meeting-list .list-calendar-mb {
417
+ padding: 0 var(--grid--layout-padding);
418
+ background-color: var(--o-color-fill1);
419
+ display: flex;
420
+ position: fixed;
421
+ height: var(--phone-padding-top);
422
+ z-index: 1;
423
+ top: var(--layout-header-height);
424
+ left: 0;
425
+ right: 0;
422
426
  }
423
427
  }
424
- @media (max-width: 600px) {
425
428
  .o-my-meeting-calendar .meeting-list .list-calendar-mb span:first-child {
426
- font-size: 20px;
427
- line-height: 28px;
428
- }
429
+ font-size: 20px;
430
+ line-height: 28px;
429
431
  }
430
432
  .o-my-meeting-calendar .meeting-list .list-calendar-mb span:last-child {
431
433
  display: flex;
@@ -438,18 +440,6 @@
438
440
  .o-my-meeting-calendar .meeting-list .list-calendar-mb .o-icon:last-child {
439
441
  margin-left: 24px;
440
442
  }
441
- @media (max-width: 600px) {
442
- .o-my-meeting-calendar .meeting-list .list-calendar-mb {
443
- background-color: var(--o-color-fill1);
444
- display: flex;
445
- position: fixed;
446
- height: var(--phone-padding-top);
447
- z-index: 1;
448
- top: var(--layout-header-height);
449
- left: 0;
450
- right: 0;
451
- }
452
- }
453
443
  .o-my-meeting-calendar .meeting-list .list-calendar {
454
444
  flex-shrink: 0;
455
445
  width: 334px;
@@ -502,7 +492,7 @@
502
492
  padding-bottom: 0;
503
493
  }
504
494
  }
505
- @media (max-width: 600px) {
495
+ @media screen and (max-width: 900px) {
506
496
  .o-my-meeting-calendar .meeting-list .list-calendar {
507
497
  display: none;
508
498
  }
@@ -650,7 +640,7 @@
650
640
  background-color: var(--o-color-fill2);
651
641
  --content-height: calc(var(--layout-left-height, 900px) - 4 * var(--o-gap-5) - var(--header-height, 64) * 1px);
652
642
  }
653
- @media (max-width: 600px) {
643
+ @media (max-width: 840px) {
654
644
  .o-my-meeting-calendar .meeting-list .list-wrapper {
655
645
  margin-top: calc(var(--phone-padding-top) - var(--o-gap-4));
656
646
  }
@@ -818,7 +808,7 @@
818
808
  --btn-color: var(--o-color-primary2);
819
809
  }
820
810
  }
821
- @media (max-width: 600px) {
811
+ @media (max-width: 840px) {
822
812
  .o-my-meeting-calendar .meeting-list .list-body .list-month-change {
823
813
  display: none;
824
814
  }
@@ -904,6 +894,11 @@
904
894
  transition: margin var(--o-easing-standard) var(--o-duration-s);
905
895
  --icon-size: 24px;
906
896
  }
897
+ @media (max-width: 1680px) {
898
+ .o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item {
899
+ --icon-size: 20px;
900
+ }
901
+ }
907
902
  @media (min-width: 841px) and (max-width: 1200px) {
908
903
  .o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item {
909
904
  padding: var(--o-gap-3) var(--o-gap-4);
@@ -912,11 +907,7 @@
912
907
  @media (max-width: 840px) {
913
908
  .o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item {
914
909
  padding: var(--o-gap-2) var(--o-gap-4);
915
- }
916
- }
917
- @media (max-width: 600px) {
918
- .o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item {
919
- --icon-size: 20px;
910
+ --icon-size: 16px;
920
911
  }
921
912
  }
922
913
  .o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item.o-collapse-item-expanded {
@@ -1129,14 +1120,6 @@
1129
1120
  line-height: 22px;
1130
1121
  }
1131
1122
  }
1132
- .o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .meeting-title .title-text {
1133
- overflow: hidden;
1134
- text-overflow: ellipsis;
1135
- word-break: break-all;
1136
- display: -webkit-box;
1137
- -webkit-box-orient: vertical;
1138
- -webkit-line-clamp: 1;
1139
- }
1140
1123
  @media (max-width: 600px) {
1141
1124
  .o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .meeting-title .title-text {
1142
1125
  font-size: 22px;
@@ -856,6 +856,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
856
856
  }, 8, ["onScrollend"])) : !tableLoading.value ? renderSlot(_ctx.$slots, "empty", { key: 1 }) : createCommentVNode("", true)
857
857
  ], 2),
858
858
  createVNode(unref(ODialog), {
859
+ class: "handle-wrapper-dialog",
859
860
  visible: handleDialogVisible.value,
860
861
  "onUpdate:visible": _cache[9] || (_cache[9] = ($event) => handleDialogVisible.value = $event),
861
862
  "main-class": "handle-dialog",
@@ -297,8 +297,16 @@
297
297
  :root .el-input-number.el-input-number--large {
298
298
  line-height: var(--el-component-size-large);
299
299
  }
300
+ @media (max-width: 600px) {
301
+ .handle-wrapper-dialog.o-dialog-responsive {
302
+ --layer-align: center;
303
+ --layer-justify: center;
304
+ --layer-origin: center;
305
+ }
306
+ }
300
307
  .handle-dialog {
301
308
  width: 450px;
309
+ --dlg-radius: var(--dialog-radius, var(--o-radius-xs));
302
310
  }
303
311
  .handle-dialog .o-dlg-header {
304
312
  margin-bottom: var(--o-gap-5);
@@ -24,6 +24,26 @@
24
24
  background-color: var(--o-color-fill2);
25
25
  padding: var(--o-gap-5);
26
26
  }
27
+ @media (min-width: 1201px) and (max-width: 1680px) {
28
+ .o-meeting-playback .card-wrapper {
29
+ padding: var(--o-gap-4);
30
+ }
31
+ }
32
+ @media (min-width: 841px) and (max-width: 1200px) {
33
+ .o-meeting-playback .card-wrapper {
34
+ padding: var(--o-gap-3);
35
+ }
36
+ }
37
+ @media (min-width: 601px) and (max-width: 840px) {
38
+ .o-meeting-playback .card-wrapper {
39
+ padding: var(--o-gap-3);
40
+ }
41
+ }
42
+ @media (max-width: 600px) {
43
+ .o-meeting-playback .card-wrapper {
44
+ padding: var(--o-gap-3);
45
+ }
46
+ }
27
47
  .o-meeting-playback .card-wrapper.left-card {
28
48
  padding-bottom: 0;
29
49
  }
@@ -248,6 +268,7 @@
248
268
  }
249
269
  .o-meeting-playback .right-card {
250
270
  width: 40%;
271
+ padding: 0;
251
272
  }
252
273
  @media (max-width: 840px) {
253
274
  .o-meeting-playback .right-card {
@@ -6,7 +6,7 @@ declare function __VLS_template(): {
6
6
  };
7
7
  refs: {
8
8
  leftRef: HTMLDivElement;
9
- playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
9
+ playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
10
10
  onGetDuration?: ((...args: any[]) => any) | undefined;
11
11
  onGetInstance?: ((...args: any[]) => any) | undefined;
12
12
  onSetTrackIdx?: ((...args: any[]) => any) | undefined;
@@ -27,7 +27,7 @@ declare function __VLS_template(): {
27
27
  C: {};
28
28
  M: {};
29
29
  Defaults: {};
30
- }, Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
30
+ }, Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
31
31
  onGetDuration?: ((...args: any[]) => any) | undefined;
32
32
  onGetInstance?: ((...args: any[]) => any) | undefined;
33
33
  onSetTrackIdx?: ((...args: any[]) => any) | undefined;
@@ -47,12 +47,12 @@ declare const __VLS_component: import('vue').DefineComponent<MeetingPlaybackProp
47
47
  }, string, import('vue').PublicProps, Readonly<MeetingPlaybackPropsT> & Readonly<{
48
48
  "onChange-date"?: ((...args: any[]) => any) | undefined;
49
49
  }>, {
50
- data: import('../../index').MeetingPlaybackPropsDataT;
50
+ data: import('./types').MeetingPlaybackPropsDataT;
51
51
  dates: string[];
52
- detail: import('../../index').MeetingPlaybackPropsDetailT;
52
+ detail: import('./types').MeetingPlaybackPropsDetailT;
53
53
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
54
54
  leftRef: HTMLDivElement;
55
- playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
55
+ playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
56
56
  onGetDuration?: ((...args: any[]) => any) | undefined;
57
57
  onGetInstance?: ((...args: any[]) => any) | undefined;
58
58
  onSetTrackIdx?: ((...args: any[]) => any) | undefined;
@@ -73,7 +73,7 @@ declare const __VLS_component: import('vue').DefineComponent<MeetingPlaybackProp
73
73
  C: {};
74
74
  M: {};
75
75
  Defaults: {};
76
- }, Readonly<import('../../index').MeetingPlaybackVideoPropsT> & Readonly<{
76
+ }, Readonly<import('./types').MeetingPlaybackVideoPropsT> & Readonly<{
77
77
  onGetDuration?: ((...args: any[]) => any) | undefined;
78
78
  onGetInstance?: ((...args: any[]) => any) | undefined;
79
79
  onSetTrackIdx?: ((...args: any[]) => any) | undefined;
@@ -1,13 +1,15 @@
1
- import { defineComponent, ref, computed, watchEffect, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, toDisplayString, createBlock, unref, withCtx, Fragment, renderList, createCommentVNode, createVNode, normalizeClass, normalizeStyle, renderSlot } from "vue";
1
+ import { defineComponent, ref, computed, watchEffect, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, unref, Fragment, renderList, createCommentVNode, normalizeClass, normalizeStyle, renderSlot } from "vue";
2
2
  import { transformSeconds, speakerNum, transformTime } from "./utils.mjs";
3
3
  import { OSelect, OOption, OTab, OTabPane, OScroller } from "@opensig/opendesign";
4
- import _sfc_main$2 from "./components/OMeetingPlaybackSubtitles.vue.mjs";
4
+ import _sfc_main$3 from "./components/OMeetingPlaybackSubtitles.vue.mjs";
5
5
  import './components/OMeetingPlaybackSubtitles.css';
6
6
  import './components/OMeetingPlaybackSubtitles2.css';
7
- import _sfc_main$1 from "./components/OMeetingPlaybackVideo.vue.mjs";
7
+ import _sfc_main$2 from "./components/OMeetingPlaybackVideo.vue.mjs";
8
8
  import './components/OMeetingPlaybackVideo.css';
9
9
  import { useI18n } from "../../i18n/index.mjs";
10
10
  import { PROGRESS_COLORS } from "./config.mjs";
11
+ import _sfc_main$1 from "../common/TooltipText.vue.mjs";
12
+ import '../common/TooltipText.css';
11
13
  const _hoisted_1 = { class: "o-meeting-playback" };
12
14
  const _hoisted_2 = { class: "video-header" };
13
15
  const _hoisted_3 = { class: "video-title" };
@@ -36,7 +38,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
36
38
  props: {
37
39
  dates: { default: () => [] },
38
40
  detail: { default: () => ({}) },
39
- data: { default: () => ({}) }
41
+ data: { default: () => ({}) },
42
+ dev: { type: Boolean }
40
43
  },
41
44
  emits: ["change-date"],
42
45
  setup(__props, { emit: __emit }) {
@@ -67,7 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
67
70
  };
68
71
  const subjectList = ref([]);
69
72
  const getProgressColor = (idx) => {
70
- return PROGRESS_COLORS[idx % 3];
73
+ return PROGRESS_COLORS[idx % 6];
71
74
  };
72
75
  const playerDuration = ref(0);
73
76
  const getPlayerDuration = (seconds) => {
@@ -110,13 +113,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
110
113
  const getSubjectList = async (url) => {
111
114
  const res = await fetch(url);
112
115
  const json = await res.json();
113
- subjectList.value = (json || []).map((z) => {
114
- return {
115
- ...z,
116
- startTimeNumber: transformTime(z.startTime),
117
- endTimeNumber: transformTime(z.endTime)
118
- };
119
- });
116
+ if (props.dev) {
117
+ subjectList.value = [...json || [], ...json || [], ...json || []].map((z) => {
118
+ return {
119
+ ...z,
120
+ startTimeNumber: transformTime(z.startTime),
121
+ endTimeNumber: transformTime(z.endTime)
122
+ };
123
+ });
124
+ } else {
125
+ subjectList.value = (json || []).map((z) => {
126
+ return {
127
+ ...z,
128
+ startTimeNumber: transformTime(z.startTime),
129
+ endTimeNumber: transformTime(z.endTime)
130
+ };
131
+ });
132
+ }
120
133
  };
121
134
  const tab = ref("info");
122
135
  const tabOptions = computed(() => {
@@ -176,7 +189,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
176
189
  observer == null ? void 0 : observer.disconnect();
177
190
  });
178
191
  return (_ctx, _cache) => {
179
- var _a, _b, _c, _d;
192
+ var _a, _b;
180
193
  return openBlock(), createElementBlock("div", _hoisted_1, [
181
194
  createElementVNode("div", {
182
195
  class: "left-card card-wrapper",
@@ -184,12 +197,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
184
197
  ref: leftRef
185
198
  }, [
186
199
  createElementVNode("div", _hoisted_2, [
187
- createElementVNode("div", _hoisted_3, toDisplayString((_a = __props.detail) == null ? void 0 : _a.topic) + "(" + toDisplayString((_b = __props.detail) == null ? void 0 : _b.date) + ")", 1),
188
- ((_c = __props.dates) == null ? void 0 : _c.length) ? (openBlock(), createBlock(unref(OSelect), {
200
+ createElementVNode("div", _hoisted_3, [
201
+ createVNode(_sfc_main$1, { lines: 2 }, {
202
+ default: withCtx(() => {
203
+ var _a2, _b2;
204
+ return [
205
+ createTextVNode(toDisplayString((_a2 = __props.detail) == null ? void 0 : _a2.topic) + "(" + toDisplayString((_b2 = __props.detail) == null ? void 0 : _b2.date) + ")", 1)
206
+ ];
207
+ }),
208
+ _: 1
209
+ })
210
+ ]),
211
+ ((_a = __props.dates) == null ? void 0 : _a.length) ? (openBlock(), createBlock(unref(OSelect), {
189
212
  key: 0,
190
213
  size: "large",
191
214
  clearable: false,
192
- "model-value": (_d = __props.detail) == null ? void 0 : _d.date,
215
+ "model-value": (_b = __props.detail) == null ? void 0 : _b.date,
193
216
  placeholder: unref(t)("meeting.selectDate"),
194
217
  onChange: changeDate
195
218
  }, {
@@ -206,7 +229,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
206
229
  }, 8, ["model-value", "placeholder"])) : createCommentVNode("", true)
207
230
  ]),
208
231
  createElementVNode("div", _hoisted_4, [
209
- __props.data ? (openBlock(), createBlock(_sfc_main$1, {
232
+ __props.data ? (openBlock(), createBlock(_sfc_main$2, {
210
233
  key: 0,
211
234
  ref_key: "playerRef",
212
235
  ref: playerRef,
@@ -308,7 +331,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
308
331
  height: rightHeight.value
309
332
  })
310
333
  }, [
311
- createVNode(_sfc_main$2, {
334
+ createVNode(_sfc_main$3, {
312
335
  captions: captionsList.value,
313
336
  trackIdx: trackIdx.value,
314
337
  instance: playbackInstance.value
@@ -23,13 +23,14 @@
23
23
  --icon-size2: 24px;
24
24
  --icon-right: 12px;
25
25
  }
26
- @media (max-width: 1200px) {
26
+ @media (max-width: 1680px) {
27
27
  .o-meeting-calendar-list .o-collapse {
28
28
  --icon-size2: 20px;
29
29
  }
30
30
  }
31
31
  @media (max-width: 840px) {
32
32
  .o-meeting-calendar-list .o-collapse {
33
+ --icon-size2: 16px;
33
34
  --icon-right: 8px;
34
35
  }
35
36
  }
@@ -346,13 +347,10 @@
346
347
  }
347
348
  .o-meeting-calendar-list .o-collapse .meet-title .text {
348
349
  display: block;
350
+ flex: 0 1 auto;
351
+ min-width: 0;
352
+ max-width: 100%;
349
353
  font-weight: 600;
350
- overflow: hidden;
351
- text-overflow: ellipsis;
352
- word-break: break-all;
353
- display: -webkit-box;
354
- -webkit-box-orient: vertical;
355
- -webkit-line-clamp: 1;
356
354
  }
357
355
  .o-meeting-calendar-list .o-collapse .meet-info {
358
356
  display: flex;