@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.
- package/dist/chunk-OElCookieNotice.cjs.js +1 -1
- package/dist/chunk-OElCookieNotice.es.js +59 -75
- package/dist/components/activity/index.d.ts +9 -9
- package/dist/components/banner/index.d.ts +6 -6
- package/dist/components/events/index.d.ts +20 -20
- package/dist/components/header/OHeaderMobile.vue.d.ts +14 -14
- package/dist/components/header/components/HeaderNavMobile.vue.d.ts +1 -1
- package/dist/components/header/index.d.ts +23 -23
- package/dist/components/header-search/OHeaderSearch.vue.d.ts +6 -10
- package/dist/components/header-search/index.d.ts +16 -18
- package/dist/components/meeting/OMeetingPlayback.vue.d.ts +6 -6
- package/dist/components/meeting/components/OMeetingPlaybackVideo.vue.d.ts +1 -1
- package/dist/components/meeting/index.d.ts +31 -31
- package/dist/components/meeting/types.d.ts +1 -0
- package/dist/components/search/OSearchInput.vue.d.ts +6 -10
- package/dist/components/search/index.d.ts +14 -16
- package/dist/components/search/internal/SearchImageInput.vue.d.ts +1 -5
- package/dist/components.cjs.js +39 -39
- package/dist/components.css +1 -1
- package/dist/components.es.js +9457 -10024
- package/dist/index.d.ts +0 -1
- package/dist/treeshaking/components/activity/index.d.ts +9 -9
- package/dist/treeshaking/components/banner/index.d.ts +6 -6
- package/dist/treeshaking/components/common/TooltipText.css +1 -0
- package/dist/treeshaking/components/common/TooltipText.vue.mjs +11 -0
- package/dist/treeshaking/components/events/OEventsApply.css +1 -1
- package/dist/treeshaking/components/events/OEventsCalendar.css +30 -14
- package/dist/treeshaking/components/events/OEventsList.css +6 -0
- package/dist/treeshaking/components/events/index.d.ts +20 -20
- package/dist/treeshaking/components/header/OHeaderMobile.vue.d.ts +14 -14
- package/dist/treeshaking/components/header/components/HeaderNavMobile.vue.d.ts +1 -1
- package/dist/treeshaking/components/header/index.d.ts +23 -23
- package/dist/treeshaking/components/header-search/OHeaderSearch.vue.d.ts +6 -10
- package/dist/treeshaking/components/header-search/index.d.ts +16 -18
- package/dist/treeshaking/components/meeting/OMeetingCalendar.css +2 -2
- package/dist/treeshaking/components/meeting/OMeetingMyCalendar.css +36 -53
- package/dist/treeshaking/components/meeting/OMeetingMyCalendar.vue.mjs +1 -0
- package/dist/treeshaking/components/meeting/OMeetingMyCalendar2.css +8 -0
- package/dist/treeshaking/components/meeting/OMeetingPlayback.css +21 -0
- package/dist/treeshaking/components/meeting/OMeetingPlayback.vue.d.ts +6 -6
- package/dist/treeshaking/components/meeting/OMeetingPlayback.vue.mjs +41 -18
- package/dist/treeshaking/components/meeting/components/OMeetingCalendarList.css +5 -7
- package/dist/treeshaking/components/meeting/components/OMeetingCalendarList.vue.mjs +3 -6
- package/dist/treeshaking/components/meeting/components/OMeetingDetail.css +1 -1
- package/dist/treeshaking/components/meeting/components/OMeetingDetail.vue.mjs +10 -6
- package/dist/treeshaking/components/meeting/components/OMeetingPlaybackSubtitles.css +153 -6
- package/dist/treeshaking/components/meeting/components/OMeetingPlaybackVideo.css +9 -2
- package/dist/treeshaking/components/meeting/components/OMeetingPlaybackVideo.vue.d.ts +1 -1
- package/dist/treeshaking/components/meeting/index.d.ts +31 -31
- package/dist/treeshaking/components/meeting/types.d.ts +1 -0
- package/dist/treeshaking/components/search/OSearchInput.vue.d.ts +6 -10
- package/dist/treeshaking/components/search/index.d.ts +14 -16
- package/dist/treeshaking/components/search/internal/SearchImageInput.vue.d.ts +1 -5
- package/dist/treeshaking/i18n/en.mjs +1 -9
- package/dist/treeshaking/i18n/zh.mjs +1 -9
- package/dist/treeshaking/index.d.ts +0 -1
- package/dist/treeshaking/index.mjs +0 -5
- package/package.json +2 -2
- package/dist/components/feedback-doc/OFeedbackDoc.vue.d.ts +0 -215
- package/dist/components/feedback-doc/OFeedbackDocContent.vue.d.ts +0 -36
- package/dist/components/feedback-doc/OFeedbackDocDialog.vue.d.ts +0 -34
- package/dist/components/feedback-doc/OFeedbackDocPopup.vue.d.ts +0 -42
- package/dist/components/feedback-doc/index.d.ts +0 -488
- package/dist/components/meeting/components/OMeetingCalendarSelector.vue.d.ts +0 -664
- package/dist/treeshaking/_virtual/icon-smile.mjs +0 -21
- package/dist/treeshaking/components/common/MoreText.css +0 -69
- package/dist/treeshaking/components/common/MoreText.vue.mjs +0 -88
- package/dist/treeshaking/components/common/MoreText.vue3.mjs +0 -5
- package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.css +0 -20
- package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.vue.d.ts +0 -215
- package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.vue.mjs +0 -7
- package/dist/treeshaking/components/feedback-doc/OFeedbackDoc.vue2.mjs +0 -157
- package/dist/treeshaking/components/feedback-doc/OFeedbackDocContent.css +0 -115
- package/dist/treeshaking/components/feedback-doc/OFeedbackDocContent.vue.d.ts +0 -36
- package/dist/treeshaking/components/feedback-doc/OFeedbackDocContent.vue.mjs +0 -7
- package/dist/treeshaking/components/feedback-doc/OFeedbackDocContent.vue2.mjs +0 -303
- package/dist/treeshaking/components/feedback-doc/OFeedbackDocDialog.vue.d.ts +0 -34
- package/dist/treeshaking/components/feedback-doc/OFeedbackDocDialog.vue.mjs +0 -92
- package/dist/treeshaking/components/feedback-doc/OFeedbackDocDialog.vue2.mjs +0 -4
- package/dist/treeshaking/components/feedback-doc/OFeedbackDocPopup.css +0 -22
- package/dist/treeshaking/components/feedback-doc/OFeedbackDocPopup.vue.d.ts +0 -42
- package/dist/treeshaking/components/feedback-doc/OFeedbackDocPopup.vue.mjs +0 -7
- package/dist/treeshaking/components/feedback-doc/OFeedbackDocPopup.vue2.mjs +0 -90
- package/dist/treeshaking/components/feedback-doc/index.d.ts +0 -488
- package/dist/treeshaking/components/feedback-doc/index.mjs +0 -30
- 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" | "
|
|
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" | "
|
|
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('
|
|
24
|
-
suggestItems: import('
|
|
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('
|
|
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" | "
|
|
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('
|
|
509
|
-
suggestItems: import('
|
|
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('
|
|
546
|
-
suggestItems: import('
|
|
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('
|
|
573
|
-
onestepItems: import('
|
|
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('
|
|
581
|
+
items: import('../search').OSearchRecommendItem[];
|
|
584
582
|
}): any;
|
|
585
583
|
'onestep-content'?(_: {
|
|
586
|
-
items: import('
|
|
584
|
+
items: import('../search').OSearchRecommendItem[];
|
|
587
585
|
keyword: string;
|
|
588
586
|
}): any;
|
|
589
587
|
'suggest-header'?(_: {
|
|
590
|
-
items: import('
|
|
588
|
+
items: import('../search').OSearchRecommendItem[];
|
|
591
589
|
}): any;
|
|
592
590
|
'suggest-content'?(_: {
|
|
593
|
-
items: import('
|
|
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:
|
|
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:
|
|
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
|
|
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
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
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 (
|
|
419
|
-
.o-my-meeting-calendar .meeting-list .list-calendar-mb
|
|
420
|
-
|
|
421
|
-
|
|
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
|
-
|
|
427
|
-
|
|
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:
|
|
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:
|
|
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:
|
|
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('
|
|
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('
|
|
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('
|
|
50
|
+
data: import('./types').MeetingPlaybackPropsDataT;
|
|
51
51
|
dates: string[];
|
|
52
|
-
detail: import('
|
|
52
|
+
detail: import('./types').MeetingPlaybackPropsDetailT;
|
|
53
53
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
54
54
|
leftRef: HTMLDivElement;
|
|
55
|
-
playerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('
|
|
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('
|
|
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,
|
|
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$
|
|
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$
|
|
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 %
|
|
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
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
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
|
|
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,
|
|
188
|
-
|
|
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": (
|
|
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$
|
|
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$
|
|
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:
|
|
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;
|