@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.
- package/dist/chunk-OElCookieNotice.cjs.js +1 -1
- package/dist/chunk-OElCookieNotice.es.js +17 -15
- 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/types.d.ts +3 -0
- 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 +8626 -8654
- 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 +32 -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/OHeader.css +15 -15
- package/dist/treeshaking/components/header/OHeader.vue.mjs +1 -1
- package/dist/treeshaking/components/header/OHeader.vue2.mjs +6 -1
- package/dist/treeshaking/components/header/OHeaderMobile.vue.d.ts +14 -14
- package/dist/treeshaking/components/header/components/HeaderContent.css +199 -181
- package/dist/treeshaking/components/header/components/HeaderContent.vue.mjs +1 -1
- package/dist/treeshaking/components/header/components/HeaderContent.vue2.mjs +8 -5
- package/dist/treeshaking/components/header/components/HeaderFlatten.css +99 -62
- package/dist/treeshaking/components/header/components/HeaderFlatten.vue.mjs +1 -1
- package/dist/treeshaking/components/header/components/HeaderFlatten.vue2.mjs +13 -25
- package/dist/treeshaking/components/header/components/HeaderNav.css +90 -61
- package/dist/treeshaking/components/header/components/HeaderNav.vue.mjs +1 -1
- package/dist/treeshaking/components/header/components/HeaderNav.vue2.mjs +10 -19
- package/dist/treeshaking/components/header/components/HeaderNavMobile.css +80 -80
- package/dist/treeshaking/components/header/components/HeaderNavMobile.vue.d.ts +1 -1
- package/dist/treeshaking/components/header/components/HeaderNavMobile.vue.mjs +1 -1
- package/dist/treeshaking/components/header/components/HeaderNavMobile.vue2.mjs +2 -2
- package/dist/treeshaking/components/header/index.d.ts +23 -23
- package/dist/treeshaking/components/header/types.d.ts +3 -0
- 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 +4 -3
- package/dist/treeshaking/components/meeting/OMeetingMyCalendar.css +37 -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 +92 -2
- package/dist/treeshaking/components/meeting/OMeetingPlayback.vue.d.ts +6 -6
- package/dist/treeshaking/components/meeting/OMeetingPlayback.vue.mjs +60 -21
- 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 +154 -7
- 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 -0
- package/dist/treeshaking/i18n/zh.mjs +1 -0
- package/package.json +1 -1
- package/dist/components/meeting/components/OMeetingCalendarSelector.vue.d.ts +0 -664
- 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/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" | "
|
|
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'?(_: {
|
|
@@ -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:
|
|
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:
|
|
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:
|
|
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
|
|
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,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:
|
|
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:
|
|
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:
|
|
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
|
-
|
|
28
|
-
|
|
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('
|
|
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;
|