@opendesign-plus-test/components 0.0.1-rc.113 → 0.0.1-rc.115

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 (77) hide show
  1. package/dist/chunk-OElCookieNotice.cjs.js +1 -1
  2. package/dist/chunk-OElCookieNotice.es.js +17 -15
  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/types.d.ts +3 -0
  10. package/dist/components/header-search/OHeaderSearch.vue.d.ts +6 -10
  11. package/dist/components/header-search/index.d.ts +16 -18
  12. package/dist/components/meeting/OMeetingPlayback.vue.d.ts +6 -6
  13. package/dist/components/meeting/components/OMeetingPlaybackVideo.vue.d.ts +1 -1
  14. package/dist/components/meeting/index.d.ts +31 -31
  15. package/dist/components/meeting/types.d.ts +1 -0
  16. package/dist/components/search/OSearchInput.vue.d.ts +6 -10
  17. package/dist/components/search/index.d.ts +14 -16
  18. package/dist/components/search/internal/SearchImageInput.vue.d.ts +1 -5
  19. package/dist/components.cjs.js +39 -39
  20. package/dist/components.css +1 -1
  21. package/dist/components.es.js +8626 -8654
  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 +32 -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/OHeader.css +15 -15
  31. package/dist/treeshaking/components/header/OHeader.vue.mjs +1 -1
  32. package/dist/treeshaking/components/header/OHeader.vue2.mjs +6 -1
  33. package/dist/treeshaking/components/header/OHeaderMobile.vue.d.ts +14 -14
  34. package/dist/treeshaking/components/header/components/HeaderContent.css +199 -181
  35. package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs +1 -1
  36. package/dist/treeshaking/components/header/components/HeaderContent.vue2.mjs +8 -5
  37. package/dist/treeshaking/components/header/components/HeaderFlatten.css +99 -62
  38. package/dist/treeshaking/components/header/components/HeaderFlatten.vue.mjs +1 -1
  39. package/dist/treeshaking/components/header/components/HeaderFlatten.vue2.mjs +13 -25
  40. package/dist/treeshaking/components/header/components/HeaderNav.css +90 -61
  41. package/dist/treeshaking/components/header/components/HeaderNav.vue.mjs +1 -1
  42. package/dist/treeshaking/components/header/components/HeaderNav.vue2.mjs +10 -19
  43. package/dist/treeshaking/components/header/components/HeaderNavMobile.css +80 -80
  44. package/dist/treeshaking/components/header/components/HeaderNavMobile.vue.d.ts +1 -1
  45. package/dist/treeshaking/components/header/components/HeaderNavMobile.vue.mjs +1 -1
  46. package/dist/treeshaking/components/header/components/HeaderNavMobile.vue2.mjs +2 -2
  47. package/dist/treeshaking/components/header/index.d.ts +23 -23
  48. package/dist/treeshaking/components/header/types.d.ts +3 -0
  49. package/dist/treeshaking/components/header-search/OHeaderSearch.vue.d.ts +6 -10
  50. package/dist/treeshaking/components/header-search/index.d.ts +16 -18
  51. package/dist/treeshaking/components/meeting/OMeetingCalendar.css +4 -3
  52. package/dist/treeshaking/components/meeting/OMeetingMyCalendar.css +37 -53
  53. package/dist/treeshaking/components/meeting/OMeetingMyCalendar.vue.mjs +1 -0
  54. package/dist/treeshaking/components/meeting/OMeetingMyCalendar2.css +8 -0
  55. package/dist/treeshaking/components/meeting/OMeetingPlayback.css +92 -2
  56. package/dist/treeshaking/components/meeting/OMeetingPlayback.vue.d.ts +6 -6
  57. package/dist/treeshaking/components/meeting/OMeetingPlayback.vue.mjs +60 -21
  58. package/dist/treeshaking/components/meeting/components/OMeetingCalendarList.css +5 -7
  59. package/dist/treeshaking/components/meeting/components/OMeetingCalendarList.vue.mjs +3 -6
  60. package/dist/treeshaking/components/meeting/components/OMeetingDetail.css +1 -1
  61. package/dist/treeshaking/components/meeting/components/OMeetingDetail.vue.mjs +10 -6
  62. package/dist/treeshaking/components/meeting/components/OMeetingPlaybackSubtitles.css +154 -7
  63. package/dist/treeshaking/components/meeting/components/OMeetingPlaybackVideo.css +9 -2
  64. package/dist/treeshaking/components/meeting/components/OMeetingPlaybackVideo.vue.d.ts +1 -1
  65. package/dist/treeshaking/components/meeting/index.d.ts +31 -31
  66. package/dist/treeshaking/components/meeting/types.d.ts +1 -0
  67. package/dist/treeshaking/components/search/OSearchInput.vue.d.ts +6 -10
  68. package/dist/treeshaking/components/search/index.d.ts +14 -16
  69. package/dist/treeshaking/components/search/internal/SearchImageInput.vue.d.ts +1 -5
  70. package/dist/treeshaking/i18n/en.mjs +1 -0
  71. package/dist/treeshaking/i18n/zh.mjs +1 -0
  72. package/package.json +1 -1
  73. package/dist/components/meeting/components/OMeetingCalendarSelector.vue.d.ts +0 -664
  74. package/dist/treeshaking/components/common/MoreText.css +0 -69
  75. package/dist/treeshaking/components/common/MoreText.vue.mjs +0 -88
  76. package/dist/treeshaking/components/common/MoreText.vue3.mjs +0 -5
  77. package/dist/treeshaking/components/meeting/components/OMeetingCalendarSelector.vue.d.ts +0 -664
@@ -19,6 +19,7 @@ export interface ShortcutItemT {
19
19
  label: string;
20
20
  description?: string;
21
21
  picture?: string;
22
+ pictureDark?: string;
22
23
  href?: string;
23
24
  tag?: tagT;
24
25
  remark?: string;
@@ -30,6 +31,7 @@ export interface NavItemT {
30
31
  label: string;
31
32
  id: string;
32
33
  href?: string;
34
+ target?: string;
33
35
  withPicture: boolean;
34
36
  children: ChildrenItemT[];
35
37
  shortcut: ShortcutItemT[];
@@ -40,6 +42,7 @@ export interface CodeItemT {
40
42
  label: string;
41
43
  href: string;
42
44
  icon?: string;
45
+ target?: string;
43
46
  }
44
47
  export interface LangItemT {
45
48
  id: string;
@@ -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'?(_: {
@@ -364,6 +364,7 @@
364
364
  flex-direction: column;
365
365
  background-color: var(--o-color-fill2);
366
366
  border-radius: var(--meeting-card-radius);
367
+ overflow: hidden;
367
368
  }
368
369
  }
369
370
  .o-meeting-calendar .calendar-body .calender .el-calendar__header {
@@ -574,7 +575,7 @@
574
575
  overflow: hidden;
575
576
  }
576
577
  .o-meeting-calendar .calendar-body .calender .el-calendar__body thead th {
577
- padding: 9px 0;
578
+ padding: 7px 0;
578
579
  }
579
580
  .o-meeting-calendar .calendar-body .calender .el-calendar__body thead th:first-child {
580
581
  border-top-left-radius: var(--meeting-cell-radius);
@@ -753,7 +754,7 @@
753
754
  height: 24px;
754
755
  width: 40px;
755
756
  background-color: var(--o-color-control3-light);
756
- border-radius: var(--meeting-cell-radius);
757
+ border-radius: 12px;
757
758
  border: 1px solid var(--o-color-primary1);
758
759
  }
759
760
  }
@@ -785,7 +786,7 @@
785
786
  transform: translate(-50%, -50%);
786
787
  height: 24px;
787
788
  width: 40px;
788
- border-radius: var(--meeting-cell-radius);
789
+ border-radius: 12px;
789
790
  z-index: -1;
790
791
  }
791
792
  }
@@ -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,22 +440,11 @@
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;
456
446
  background-color: color-mix(in srgb, var(--o-color-control2-light) 40%, transparent);
447
+ border-radius: var(--meeting-card-radius);
457
448
  }
458
449
  @media (min-width: 841px) and (max-width: 1200px) {
459
450
  .o-my-meeting-calendar .meeting-list .list-calendar .el-calendar .el-calendar__body {
@@ -502,7 +493,7 @@
502
493
  padding-bottom: 0;
503
494
  }
504
495
  }
505
- @media (max-width: 600px) {
496
+ @media screen and (max-width: 900px) {
506
497
  .o-my-meeting-calendar .meeting-list .list-calendar {
507
498
  display: none;
508
499
  }
@@ -650,7 +641,7 @@
650
641
  background-color: var(--o-color-fill2);
651
642
  --content-height: calc(var(--layout-left-height, 900px) - 4 * var(--o-gap-5) - var(--header-height, 64) * 1px);
652
643
  }
653
- @media (max-width: 600px) {
644
+ @media (max-width: 840px) {
654
645
  .o-my-meeting-calendar .meeting-list .list-wrapper {
655
646
  margin-top: calc(var(--phone-padding-top) - var(--o-gap-4));
656
647
  }
@@ -818,7 +809,7 @@
818
809
  --btn-color: var(--o-color-primary2);
819
810
  }
820
811
  }
821
- @media (max-width: 600px) {
812
+ @media (max-width: 840px) {
822
813
  .o-my-meeting-calendar .meeting-list .list-body .list-month-change {
823
814
  display: none;
824
815
  }
@@ -904,6 +895,11 @@
904
895
  transition: margin var(--o-easing-standard) var(--o-duration-s);
905
896
  --icon-size: 24px;
906
897
  }
898
+ @media (max-width: 1680px) {
899
+ .o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item {
900
+ --icon-size: 20px;
901
+ }
902
+ }
907
903
  @media (min-width: 841px) and (max-width: 1200px) {
908
904
  .o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item {
909
905
  padding: var(--o-gap-3) var(--o-gap-4);
@@ -912,11 +908,7 @@
912
908
  @media (max-width: 840px) {
913
909
  .o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item {
914
910
  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;
911
+ --icon-size: 16px;
920
912
  }
921
913
  }
922
914
  .o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item.o-collapse-item-expanded {
@@ -1129,14 +1121,6 @@
1129
1121
  line-height: 22px;
1130
1122
  }
1131
1123
  }
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
1124
  @media (max-width: 600px) {
1141
1125
  .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
1126
  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);
@@ -19,13 +19,33 @@
19
19
  flex-wrap: wrap;
20
20
  }
21
21
  }
22
+ .o-meeting-playback .o-tab {
23
+ --tab-nav-divider: 1px solid var(--o-color-control4);
24
+ }
22
25
  .o-meeting-playback .card-wrapper {
23
26
  border-radius: var(--meeting-card-radius);
24
27
  background-color: var(--o-color-fill2);
25
28
  padding: var(--o-gap-5);
26
29
  }
27
- .o-meeting-playback .card-wrapper.left-card {
28
- padding-bottom: 0;
30
+ @media (min-width: 1201px) and (max-width: 1680px) {
31
+ .o-meeting-playback .card-wrapper {
32
+ padding: var(--o-gap-4);
33
+ }
34
+ }
35
+ @media (min-width: 841px) and (max-width: 1200px) {
36
+ .o-meeting-playback .card-wrapper {
37
+ padding: var(--o-gap-3);
38
+ }
39
+ }
40
+ @media (min-width: 601px) and (max-width: 840px) {
41
+ .o-meeting-playback .card-wrapper {
42
+ padding: var(--o-gap-3);
43
+ }
44
+ }
45
+ @media (max-width: 600px) {
46
+ .o-meeting-playback .card-wrapper {
47
+ padding: var(--o-gap-3);
48
+ }
29
49
  }
30
50
  .o-meeting-playback .left-card {
31
51
  width: 60%;
@@ -96,8 +116,61 @@
96
116
  padding-top: var(--o-gap-4);
97
117
  height: 280px;
98
118
  padding-bottom: 0;
119
+ transition: all var(--o-duration-m1) var(--o-easing-standard-in);
99
120
  position: relative;
100
121
  }
122
+ @media (max-width: 840px) {
123
+ .o-meeting-playback .left-card .info-wrapper .tab-content {
124
+ padding-bottom: 22px;
125
+ max-height: 168px;
126
+ }
127
+ }
128
+ .o-meeting-playback .left-card .info-wrapper .tab-content .more-btn {
129
+ display: none;
130
+ align-items: center;
131
+ justify-content: center;
132
+ color: var(--o-color-info2);
133
+ gap: var(--o-gap-2);
134
+ position: absolute;
135
+ bottom: 0;
136
+ left: 50%;
137
+ transform: translateX(-50%);
138
+ font-size: 14px;
139
+ line-height: 22px;
140
+ }
141
+ @media (min-width: 1201px) and (max-width: 1680px) {
142
+ .o-meeting-playback .left-card .info-wrapper .tab-content .more-btn {
143
+ font-size: 12px;
144
+ line-height: 18px;
145
+ }
146
+ }
147
+ @media (min-width: 841px) and (max-width: 1200px) {
148
+ .o-meeting-playback .left-card .info-wrapper .tab-content .more-btn {
149
+ font-size: 12px;
150
+ line-height: 18px;
151
+ }
152
+ }
153
+ @media (min-width: 601px) and (max-width: 840px) {
154
+ .o-meeting-playback .left-card .info-wrapper .tab-content .more-btn {
155
+ font-size: 12px;
156
+ line-height: 18px;
157
+ }
158
+ }
159
+ @media (max-width: 600px) {
160
+ .o-meeting-playback .left-card .info-wrapper .tab-content .more-btn {
161
+ font-size: 12px;
162
+ line-height: 18px;
163
+ }
164
+ }
165
+ @media (max-width: 840px) {
166
+ .o-meeting-playback .left-card .info-wrapper .tab-content .more-btn {
167
+ display: flex;
168
+ }
169
+ }
170
+ .o-meeting-playback .left-card .info-wrapper .tab-content .more-btn .o-icon {
171
+ font-size: 16px;
172
+ transition: all var(--o-duration-m1) var(--o-easing-standard-in);
173
+ }
101
174
  .o-meeting-playback .left-card .info-wrapper .tab-content::after {
102
175
  height: 24px;
103
176
  content: "";
@@ -107,6 +180,22 @@
107
180
  right: 0;
108
181
  background: linear-gradient(180deg, rgba(var(--o-grey-1), 0), rgba(var(--o-grey-1), 1) 100%);
109
182
  }
183
+ @media (max-width: 840px) {
184
+ .o-meeting-playback .left-card .info-wrapper .tab-content::after {
185
+ bottom: 22px;
186
+ }
187
+ }
188
+ .o-meeting-playback .left-card .info-wrapper .tab-content.is-expanded {
189
+ max-height: 2000px;
190
+ height: fit-content;
191
+ padding-bottom: 4px;
192
+ }
193
+ .o-meeting-playback .left-card .info-wrapper .tab-content.is-expanded::after {
194
+ display: none;
195
+ }
196
+ .o-meeting-playback .left-card .info-wrapper .tab-content.is-expanded .more-btn .o-icon {
197
+ transform: rotate(180deg);
198
+ }
110
199
  .o-meeting-playback .left-card .info-wrapper .tab-content .base-info {
111
200
  padding-bottom: var(--o-gap-5);
112
201
  font-size: 16px;
@@ -248,6 +337,7 @@
248
337
  }
249
338
  .o-meeting-playback .right-card {
250
339
  width: 40%;
340
+ padding: 0;
251
341
  }
252
342
  @media (max-width: 840px) {
253
343
  .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;