@opendesign-plus/components 0.0.1-rc.70 → 0.0.1-rc.72
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/components/meeting/OMeetingMinutes.vue.d.ts +348 -2
- package/dist/components/meeting/index.d.ts +174 -1
- package/dist/components/meeting/types.d.ts +1 -0
- package/dist/components.cjs.js +27 -27
- package/dist/components.css +1 -1
- package/dist/components.es.js +7032 -6995
- package/dist/treeshaking/components/activity/OActivityMyCalendar.css +71 -74
- package/dist/treeshaking/components/activity/OActivityMyCalendar.vue.mjs +35 -33
- package/dist/treeshaking/components/meeting/OMeetingMinutes.css +201 -223
- package/dist/treeshaking/components/meeting/OMeetingMinutes.vue.d.ts +348 -2
- package/dist/treeshaking/components/meeting/OMeetingMinutes.vue.mjs +392 -6
- package/dist/treeshaking/components/meeting/OMeetingMinutes.vue3.mjs +5 -0
- package/dist/treeshaking/components/meeting/components/OMeetingSendMinutesDialog.css +53 -53
- package/dist/treeshaking/components/meeting/components/OMeetingSendMinutesDialog.vue.mjs +1 -1
- package/dist/treeshaking/components/meeting/index.d.ts +174 -1
- package/dist/treeshaking/components/meeting/index.mjs +13 -12
- package/dist/treeshaking/components/meeting/types.d.ts +1 -0
- package/package.json +1 -1
- package/dist/treeshaking/components/meeting/OMeetingMinutes.vue2.mjs +0 -356
- package/dist/treeshaking/components/meeting/OMeetingMinutes2.css +0 -11
|
@@ -437,175 +437,175 @@
|
|
|
437
437
|
.o-my-activity-calendar .activity-list .list-calendar-mb .o-icon:last-child {
|
|
438
438
|
margin-left: 24px;
|
|
439
439
|
}
|
|
440
|
-
.o-my-activity-calendar .activity-list .
|
|
440
|
+
.o-my-activity-calendar .activity-list .list-calendar {
|
|
441
441
|
flex-shrink: 0;
|
|
442
442
|
width: 334px;
|
|
443
443
|
background-color: color-mix(in srgb, var(--o-color-control2-light) 40%, transparent);
|
|
444
444
|
border-radius: var(--activity-card-radius);
|
|
445
445
|
}
|
|
446
446
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
447
|
-
.o-my-activity-calendar .activity-list .
|
|
447
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body {
|
|
448
448
|
padding-left: 12px;
|
|
449
449
|
padding-right: 12px;
|
|
450
450
|
}
|
|
451
|
-
.o-my-activity-calendar .activity-list .
|
|
451
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell {
|
|
452
452
|
height: 40px;
|
|
453
453
|
width: 28px;
|
|
454
454
|
}
|
|
455
|
-
.o-my-activity-calendar .activity-list .
|
|
455
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
|
|
456
456
|
line-height: 24px;
|
|
457
457
|
font-size: 12px;
|
|
458
458
|
line-height: 18px;
|
|
459
459
|
}
|
|
460
460
|
}
|
|
461
461
|
@media (min-width: 841px) and (max-width: 1200px) and (min-width: 1201px) and (max-width: 1680px) {
|
|
462
|
-
.o-my-activity-calendar .activity-list .
|
|
462
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
|
|
463
463
|
font-size: 12px;
|
|
464
464
|
line-height: 18px;
|
|
465
465
|
}
|
|
466
466
|
}
|
|
467
467
|
@media (min-width: 841px) and (max-width: 1200px) and (min-width: 841px) and (max-width: 1200px) {
|
|
468
|
-
.o-my-activity-calendar .activity-list .
|
|
468
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
|
|
469
469
|
font-size: 12px;
|
|
470
470
|
line-height: 18px;
|
|
471
471
|
}
|
|
472
472
|
}
|
|
473
473
|
@media (min-width: 841px) and (max-width: 1200px) and (min-width: 601px) and (max-width: 840px) {
|
|
474
|
-
.o-my-activity-calendar .activity-list .
|
|
474
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
|
|
475
475
|
font-size: 12px;
|
|
476
476
|
line-height: 18px;
|
|
477
477
|
}
|
|
478
478
|
}
|
|
479
479
|
@media (min-width: 841px) and (max-width: 1200px) and (max-width: 600px) {
|
|
480
|
-
.o-my-activity-calendar .activity-list .
|
|
480
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
|
|
481
481
|
font-size: 12px;
|
|
482
482
|
line-height: 18px;
|
|
483
483
|
}
|
|
484
484
|
}
|
|
485
485
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
486
|
-
.o-my-activity-calendar .activity-list .
|
|
486
|
+
.o-my-activity-calendar .activity-list .list-calendar {
|
|
487
487
|
width: 100%;
|
|
488
488
|
}
|
|
489
|
-
.o-my-activity-calendar .activity-list .
|
|
489
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body {
|
|
490
490
|
padding-bottom: 0;
|
|
491
491
|
}
|
|
492
492
|
}
|
|
493
493
|
@media screen and (max-width: 1200px) {
|
|
494
|
-
.o-my-activity-calendar .activity-list .
|
|
494
|
+
.o-my-activity-calendar .activity-list .list-calendar {
|
|
495
495
|
display: none;
|
|
496
496
|
}
|
|
497
497
|
}
|
|
498
|
-
.o-my-activity-calendar .activity-list .
|
|
498
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar {
|
|
499
499
|
min-height: 460px;
|
|
500
500
|
height: calc(100% - 54px);
|
|
501
501
|
border-radius: var(--activity-card-radius);
|
|
502
502
|
background-color: transparent;
|
|
503
503
|
}
|
|
504
504
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
505
|
-
.o-my-activity-calendar .activity-list .
|
|
505
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar {
|
|
506
506
|
min-height: fit-content;
|
|
507
507
|
}
|
|
508
508
|
}
|
|
509
|
-
.o-my-activity-calendar .activity-list .
|
|
509
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__header {
|
|
510
510
|
border-bottom: 1px solid var(--o-color-control4);
|
|
511
511
|
color: var(--o-color-info1);
|
|
512
512
|
}
|
|
513
|
-
.o-my-activity-calendar .activity-list .
|
|
513
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__header > span {
|
|
514
514
|
font-weight: 500;
|
|
515
515
|
font-size: 32px;
|
|
516
516
|
line-height: 44px;
|
|
517
517
|
}
|
|
518
518
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
519
|
-
.o-my-activity-calendar .activity-list .
|
|
519
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__header > span {
|
|
520
520
|
font-size: 20px;
|
|
521
521
|
line-height: 28px;
|
|
522
522
|
}
|
|
523
523
|
}
|
|
524
524
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
525
|
-
.o-my-activity-calendar .activity-list .
|
|
525
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__header > span {
|
|
526
526
|
font-size: 20px;
|
|
527
527
|
line-height: 28px;
|
|
528
528
|
}
|
|
529
529
|
}
|
|
530
530
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
531
|
-
.o-my-activity-calendar .activity-list .
|
|
531
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__header > span {
|
|
532
532
|
font-size: 18px;
|
|
533
533
|
line-height: 26px;
|
|
534
534
|
}
|
|
535
535
|
}
|
|
536
536
|
@media (max-width: 600px) {
|
|
537
|
-
.o-my-activity-calendar .activity-list .
|
|
537
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__header > span {
|
|
538
538
|
font-size: 16px;
|
|
539
539
|
line-height: 24px;
|
|
540
540
|
}
|
|
541
541
|
}
|
|
542
|
-
.o-my-activity-calendar .activity-list .
|
|
542
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__header > div {
|
|
543
543
|
display: flex;
|
|
544
544
|
align-items: center;
|
|
545
545
|
gap: var(--o-gap-5);
|
|
546
546
|
}
|
|
547
|
-
.o-my-activity-calendar .activity-list .
|
|
547
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__header > div .o-icon {
|
|
548
548
|
font-size: 24px;
|
|
549
549
|
cursor: pointer;
|
|
550
550
|
}
|
|
551
|
-
.o-my-activity-calendar .activity-list .
|
|
551
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__header > div .o-icon:hover {
|
|
552
552
|
color: var(--o-color-primary1);
|
|
553
553
|
}
|
|
554
|
-
.o-my-activity-calendar .activity-list .
|
|
554
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__header > div .o-icon svg path {
|
|
555
555
|
fill: currentColor;
|
|
556
556
|
}
|
|
557
|
-
.o-my-activity-calendar .activity-list .
|
|
557
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table {
|
|
558
558
|
display: table;
|
|
559
559
|
}
|
|
560
|
-
.o-my-activity-calendar .activity-list .
|
|
560
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table th {
|
|
561
561
|
text-align: left;
|
|
562
562
|
border: none;
|
|
563
563
|
--o-color-control3-light: transparent;
|
|
564
564
|
padding-left: calc(17px - 0.5em);
|
|
565
565
|
}
|
|
566
|
-
.o-my-activity-calendar .activity-list .
|
|
566
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table tr {
|
|
567
567
|
--o-color-fill2: transparent;
|
|
568
568
|
}
|
|
569
|
-
.o-my-activity-calendar .activity-list .
|
|
569
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table td {
|
|
570
570
|
background-color: transparent !important;
|
|
571
571
|
border: none;
|
|
572
572
|
text-align: center;
|
|
573
573
|
transition: none;
|
|
574
574
|
padding: 0;
|
|
575
575
|
}
|
|
576
|
-
.o-my-activity-calendar .activity-list .
|
|
576
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table td .el-calendar-day {
|
|
577
577
|
padding: 0;
|
|
578
578
|
height: fit-content;
|
|
579
579
|
}
|
|
580
|
-
.o-my-activity-calendar .activity-list .
|
|
580
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table td div {
|
|
581
581
|
cursor: default !important;
|
|
582
582
|
}
|
|
583
|
-
.o-my-activity-calendar .activity-list .
|
|
583
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table td:hover .el-calendar-day {
|
|
584
584
|
background-color: transparent;
|
|
585
585
|
}
|
|
586
|
-
.o-my-activity-calendar .activity-list .
|
|
586
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell {
|
|
587
587
|
height: 56px;
|
|
588
588
|
width: 34px;
|
|
589
589
|
position: relative;
|
|
590
590
|
cursor: default !important;
|
|
591
591
|
}
|
|
592
|
-
.o-my-activity-calendar .activity-list .
|
|
592
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
|
|
593
593
|
font-size: 14px;
|
|
594
594
|
line-height: 34px;
|
|
595
595
|
border-radius: var(--activity-cell-radius);
|
|
596
596
|
background-color: var(--o-color-control2-light);
|
|
597
597
|
border: 1px solid transparent;
|
|
598
598
|
}
|
|
599
|
-
.o-my-activity-calendar .activity-list .
|
|
599
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
|
|
600
600
|
cursor: not-allowed !important;
|
|
601
601
|
}
|
|
602
|
-
.o-my-activity-calendar .activity-list .
|
|
602
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable .date-cell-text {
|
|
603
603
|
cursor: pointer !important;
|
|
604
604
|
}
|
|
605
|
-
.o-my-activity-calendar .activity-list .
|
|
605
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable:not(.is-selected) .date-cell-text:hover {
|
|
606
606
|
background-color: var(--o-color-control3-light);
|
|
607
607
|
}
|
|
608
|
-
.o-my-activity-calendar .activity-list .
|
|
608
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell::after {
|
|
609
609
|
content: "";
|
|
610
610
|
position: absolute;
|
|
611
611
|
bottom: 5px;
|
|
@@ -615,38 +615,35 @@
|
|
|
615
615
|
height: 8px;
|
|
616
616
|
border-radius: 50%;
|
|
617
617
|
}
|
|
618
|
-
.o-my-activity-calendar .activity-list .
|
|
618
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.is-today .date-cell-text {
|
|
619
619
|
color: var(--o-color-primary1);
|
|
620
620
|
font-weight: bold;
|
|
621
621
|
background-color: var(--o-color-control3-light);
|
|
622
622
|
}
|
|
623
|
-
.o-my-activity-calendar .activity-list .
|
|
623
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.is-selected .date-cell-text {
|
|
624
624
|
background-color: var(--o-color-control3-light);
|
|
625
625
|
border: 1px solid var(--o-color-primary1);
|
|
626
626
|
}
|
|
627
|
-
.o-my-activity-calendar .activity-list .
|
|
627
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable::after {
|
|
628
628
|
background-color: rgb(var(--o-grey-6));
|
|
629
629
|
}
|
|
630
|
-
.o-my-activity-calendar .activity-list .
|
|
630
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable.approved::after {
|
|
631
631
|
background-color: var(--dot-bg);
|
|
632
632
|
}
|
|
633
|
-
.o-my-activity-calendar .activity-list .
|
|
633
|
+
.o-my-activity-calendar .activity-list .list-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable.expired::after {
|
|
634
634
|
background-color: rgb(var(--o-grey-6));
|
|
635
635
|
}
|
|
636
|
-
.o-my-activity-calendar .activity-list .
|
|
637
|
-
background-color: rgb(var(--o-grey-6));
|
|
638
|
-
}
|
|
639
|
-
.o-my-activity-calendar .activity-list .right-meeting {
|
|
636
|
+
.o-my-activity-calendar .activity-list .list-wrapper {
|
|
640
637
|
flex-grow: 1;
|
|
641
638
|
background-color: var(--o-color-fill2);
|
|
642
639
|
--content-height: calc(var(--layout-left-height, 900px) - 4 * var(--o-gap-5) - var(--header-height, 64) * 1px);
|
|
643
640
|
}
|
|
644
641
|
@media (max-width: 840px) {
|
|
645
|
-
.o-my-activity-calendar .activity-list .
|
|
642
|
+
.o-my-activity-calendar .activity-list .list-wrapper {
|
|
646
643
|
margin-top: calc(var(--phone-padding-top) - var(--o-gap-4));
|
|
647
644
|
}
|
|
648
645
|
}
|
|
649
|
-
.o-my-activity-calendar .activity-list .
|
|
646
|
+
.o-my-activity-calendar .activity-list .list-wrapper.is-empty {
|
|
650
647
|
display: flex;
|
|
651
648
|
align-items: center;
|
|
652
649
|
justify-content: center;
|
|
@@ -654,36 +651,36 @@
|
|
|
654
651
|
height: var(--content-height);
|
|
655
652
|
}
|
|
656
653
|
@media (max-width: 840px) {
|
|
657
|
-
.o-my-activity-calendar .activity-list .
|
|
654
|
+
.o-my-activity-calendar .activity-list .list-wrapper.is-empty {
|
|
658
655
|
min-height: 200px;
|
|
659
656
|
}
|
|
660
657
|
}
|
|
661
|
-
.o-my-activity-calendar .activity-list .
|
|
658
|
+
.o-my-activity-calendar .activity-list .list-wrapper .o-scroller .o-scrollbar-rail {
|
|
662
659
|
right: -16px;
|
|
663
660
|
height: 100%;
|
|
664
661
|
}
|
|
665
|
-
.o-my-activity-calendar .activity-list .
|
|
662
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container {
|
|
666
663
|
height: 100%;
|
|
667
664
|
max-height: var(--content-height);
|
|
668
665
|
}
|
|
669
666
|
@media (max-width: 600px) {
|
|
670
|
-
.o-my-activity-calendar .activity-list .
|
|
667
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container {
|
|
671
668
|
max-height: fit-content;
|
|
672
669
|
}
|
|
673
670
|
}
|
|
674
|
-
.o-my-activity-calendar .activity-list .
|
|
671
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item {
|
|
675
672
|
padding-left: 24px;
|
|
676
673
|
position: relative;
|
|
677
674
|
}
|
|
678
675
|
@media (max-width: 600px) {
|
|
679
|
-
.o-my-activity-calendar .activity-list .
|
|
676
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item {
|
|
680
677
|
padding-left: var(--o-gap-2);
|
|
681
678
|
}
|
|
682
679
|
}
|
|
683
|
-
.o-my-activity-calendar .activity-list .
|
|
680
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item.last-item {
|
|
684
681
|
flex-grow: 1;
|
|
685
682
|
}
|
|
686
|
-
.o-my-activity-calendar .activity-list .
|
|
683
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar {
|
|
687
684
|
position: absolute;
|
|
688
685
|
left: 0;
|
|
689
686
|
width: 16px;
|
|
@@ -692,7 +689,7 @@
|
|
|
692
689
|
overflow: hidden;
|
|
693
690
|
--active-color: var(--o-color-primary1);
|
|
694
691
|
}
|
|
695
|
-
.o-my-activity-calendar .activity-list .
|
|
692
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar::before {
|
|
696
693
|
content: "";
|
|
697
694
|
width: 2px;
|
|
698
695
|
position: absolute;
|
|
@@ -702,27 +699,27 @@
|
|
|
702
699
|
transform: translateX(-50%);
|
|
703
700
|
background-color: var(--o-color-control4);
|
|
704
701
|
}
|
|
705
|
-
.o-my-activity-calendar .activity-list .
|
|
702
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar .act-bar-dot {
|
|
706
703
|
width: 16px;
|
|
707
704
|
height: 26px;
|
|
708
705
|
position: relative;
|
|
709
706
|
}
|
|
710
707
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
711
|
-
.o-my-activity-calendar .activity-list .
|
|
708
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar .act-bar-dot {
|
|
712
709
|
height: 24px;
|
|
713
710
|
}
|
|
714
711
|
}
|
|
715
712
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
716
|
-
.o-my-activity-calendar .activity-list .
|
|
713
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar .act-bar-dot {
|
|
717
714
|
height: 22px;
|
|
718
715
|
}
|
|
719
716
|
}
|
|
720
717
|
@media (max-width: 840px) {
|
|
721
|
-
.o-my-activity-calendar .activity-list .
|
|
718
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar .act-bar-dot {
|
|
722
719
|
height: 22px;
|
|
723
720
|
}
|
|
724
721
|
}
|
|
725
|
-
.o-my-activity-calendar .activity-list .
|
|
722
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar .act-bar-dot::before, .o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar .act-bar-dot::after {
|
|
726
723
|
content: "";
|
|
727
724
|
border-radius: 50%;
|
|
728
725
|
position: absolute;
|
|
@@ -730,64 +727,64 @@
|
|
|
730
727
|
left: 50%;
|
|
731
728
|
transform: translateY(-50%) translateX(-50%);
|
|
732
729
|
}
|
|
733
|
-
.o-my-activity-calendar .activity-list .
|
|
730
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar .act-bar-dot::before {
|
|
734
731
|
width: 16px;
|
|
735
732
|
height: 16px;
|
|
736
733
|
background-color: transparent;
|
|
737
734
|
}
|
|
738
|
-
.o-my-activity-calendar .activity-list .
|
|
735
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar .act-bar-dot::after {
|
|
739
736
|
width: 8px;
|
|
740
737
|
height: 8px;
|
|
741
738
|
background-color: var(--active-color);
|
|
742
739
|
}
|
|
743
|
-
.o-my-activity-calendar .activity-list .
|
|
740
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar.is-active .act-bar-dot::before {
|
|
744
741
|
background-color: var(--active-color);
|
|
745
742
|
}
|
|
746
|
-
.o-my-activity-calendar .activity-list .
|
|
743
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar.is-active .act-bar-dot::after {
|
|
747
744
|
background-color: var(--o-color-fill2);
|
|
748
745
|
}
|
|
749
|
-
.o-my-activity-calendar .activity-list .
|
|
746
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .act-bar.is-end {
|
|
750
747
|
--active-color: rgb(222, 222, 227);
|
|
751
748
|
}
|
|
752
|
-
.o-my-activity-calendar .activity-list .
|
|
749
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .approved {
|
|
753
750
|
--active-color: var(--o-color-primary1);
|
|
754
751
|
}
|
|
755
|
-
.o-my-activity-calendar .activity-list .
|
|
752
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .group-title {
|
|
756
753
|
font-weight: 500;
|
|
757
754
|
color: var(--o-color-info1);
|
|
758
755
|
font-size: 18px;
|
|
759
756
|
line-height: 26px;
|
|
760
757
|
}
|
|
761
758
|
@media (min-width: 1201px) and (max-width: 1680px) {
|
|
762
|
-
.o-my-activity-calendar .activity-list .
|
|
759
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .group-title {
|
|
763
760
|
font-size: 16px;
|
|
764
761
|
line-height: 24px;
|
|
765
762
|
}
|
|
766
763
|
}
|
|
767
764
|
@media (min-width: 841px) and (max-width: 1200px) {
|
|
768
|
-
.o-my-activity-calendar .activity-list .
|
|
765
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .group-title {
|
|
769
766
|
font-size: 14px;
|
|
770
767
|
line-height: 22px;
|
|
771
768
|
}
|
|
772
769
|
}
|
|
773
770
|
@media (min-width: 601px) and (max-width: 840px) {
|
|
774
|
-
.o-my-activity-calendar .activity-list .
|
|
771
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .group-title {
|
|
775
772
|
font-size: 14px;
|
|
776
773
|
line-height: 22px;
|
|
777
774
|
}
|
|
778
775
|
}
|
|
779
776
|
@media (max-width: 600px) {
|
|
780
|
-
.o-my-activity-calendar .activity-list .
|
|
777
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .group-title {
|
|
781
778
|
font-size: 14px;
|
|
782
779
|
line-height: 22px;
|
|
783
780
|
}
|
|
784
781
|
}
|
|
785
782
|
@media (max-width: 600px) {
|
|
786
|
-
.o-my-activity-calendar .activity-list .
|
|
783
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .group-title {
|
|
787
784
|
padding-left: var(--o-gap-5);
|
|
788
785
|
}
|
|
789
786
|
}
|
|
790
|
-
.o-my-activity-calendar .activity-list .
|
|
787
|
+
.o-my-activity-calendar .activity-list .list-wrapper .scroller-container .act-item .group-title.is-end {
|
|
791
788
|
color: var(--o-color-info3);
|
|
792
789
|
}
|
|
793
790
|
.o-my-activity-calendar .activity-list .list-body {
|
|
@@ -18,34 +18,33 @@ import '../common/TooltipText.css';
|
|
|
18
18
|
const _hoisted_1 = { class: "o-my-activity-calendar" };
|
|
19
19
|
const _hoisted_2 = { class: "activity-list" };
|
|
20
20
|
const _hoisted_3 = { class: "list-calendar-mb" };
|
|
21
|
-
const _hoisted_4 = { class: "
|
|
21
|
+
const _hoisted_4 = { class: "list-calendar" };
|
|
22
22
|
const _hoisted_5 = ["onClick"];
|
|
23
23
|
const _hoisted_6 = { class: "date-cell-text" };
|
|
24
|
-
const _hoisted_7 = { class: "
|
|
25
|
-
const _hoisted_8 =
|
|
26
|
-
const _hoisted_9 =
|
|
27
|
-
const _hoisted_10 = { class: "item-header" };
|
|
28
|
-
const _hoisted_11 = { class: "
|
|
29
|
-
const _hoisted_12 = { class: "
|
|
30
|
-
const _hoisted_13 = { class: "
|
|
31
|
-
const _hoisted_14 = { class: "title-
|
|
32
|
-
const _hoisted_15 = { class: "
|
|
33
|
-
const _hoisted_16 = {
|
|
34
|
-
const _hoisted_17 = {
|
|
24
|
+
const _hoisted_7 = { class: "list-body" };
|
|
25
|
+
const _hoisted_8 = ["id"];
|
|
26
|
+
const _hoisted_9 = { class: "item-header" };
|
|
27
|
+
const _hoisted_10 = { class: "item-header-left" };
|
|
28
|
+
const _hoisted_11 = { class: "header-info" };
|
|
29
|
+
const _hoisted_12 = { class: "act-title" };
|
|
30
|
+
const _hoisted_13 = { class: "title-wrapper" };
|
|
31
|
+
const _hoisted_14 = { class: "title-text" };
|
|
32
|
+
const _hoisted_15 = { class: "act-info" };
|
|
33
|
+
const _hoisted_16 = {
|
|
35
34
|
key: 0,
|
|
36
35
|
class: "item-header-right"
|
|
37
36
|
};
|
|
38
|
-
const
|
|
39
|
-
const
|
|
37
|
+
const _hoisted_17 = { class: "activity-detail" };
|
|
38
|
+
const _hoisted_18 = {
|
|
40
39
|
key: 0,
|
|
41
40
|
class: "activity-btn"
|
|
42
41
|
};
|
|
43
|
-
const
|
|
42
|
+
const _hoisted_19 = {
|
|
44
43
|
key: 0,
|
|
45
44
|
class: "load-text"
|
|
46
45
|
};
|
|
46
|
+
const _hoisted_20 = { class: "dialog-content" };
|
|
47
47
|
const _hoisted_21 = { class: "dialog-content" };
|
|
48
|
-
const _hoisted_22 = { class: "dialog-content" };
|
|
49
48
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
50
49
|
__name: "OActivityMyCalendar",
|
|
51
50
|
props: {
|
|
@@ -547,6 +546,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
547
546
|
"is-selected": data.isSelected,
|
|
548
547
|
"is-today": unref(formatDate)(data.day) === unref(formatDate)(),
|
|
549
548
|
clickable: allDateList.value.includes(data.day),
|
|
549
|
+
expired: unref(dayjs)(unref(formatDate)()).isAfter(unref(dayjs)(data.day)),
|
|
550
550
|
approved: calcIfApproved(data.day)
|
|
551
551
|
}),
|
|
552
552
|
style: normalizeStyle({
|
|
@@ -559,7 +559,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
559
559
|
_: 1
|
|
560
560
|
}, 8, ["modelValue"])
|
|
561
561
|
]),
|
|
562
|
-
createElementVNode("div",
|
|
562
|
+
createElementVNode("div", {
|
|
563
|
+
class: normalizeClass(["list-wrapper", !list.value.length ? "is-empty" : ""])
|
|
564
|
+
}, [
|
|
563
565
|
list.value.length ? (openBlock(), createBlock(unref(OScroller), {
|
|
564
566
|
key: 0,
|
|
565
567
|
ref_key: "scrollerRef",
|
|
@@ -569,7 +571,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
569
571
|
class: "scroller-container"
|
|
570
572
|
}, {
|
|
571
573
|
default: withCtx(() => [
|
|
572
|
-
createElementVNode("div",
|
|
574
|
+
createElementVNode("div", _hoisted_7, [
|
|
573
575
|
createVNode(unref(OCollapse), {
|
|
574
576
|
modelValue: expanded.value,
|
|
575
577
|
"onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => expanded.value = $event),
|
|
@@ -614,7 +616,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
614
616
|
"is-end": act.list.every((row) => row.isExpired)
|
|
615
617
|
}),
|
|
616
618
|
id: `group-title-${unref(dayjs)(new Date(act.start_date)).format("YYYY-MM-DD")}`
|
|
617
|
-
}, toDisplayString(unref(dayjs)(act.start_date).format("MM/DD")), 11,
|
|
619
|
+
}, toDisplayString(unref(dayjs)(act.start_date).format("MM/DD")), 11, _hoisted_8),
|
|
618
620
|
(openBlock(true), createElementBlock(Fragment, null, renderList(act.list, (row, rowIdx) => {
|
|
619
621
|
return openBlock(), createBlock(unref(OCollapseItem), {
|
|
620
622
|
key: row.sub_id || row.id,
|
|
@@ -628,8 +630,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
628
630
|
title: withCtx(() => {
|
|
629
631
|
var _a, _b;
|
|
630
632
|
return [
|
|
631
|
-
createElementVNode("div",
|
|
632
|
-
createElementVNode("div",
|
|
633
|
+
createElementVNode("div", _hoisted_9, [
|
|
634
|
+
createElementVNode("div", _hoisted_10, [
|
|
633
635
|
createElementVNode("div", {
|
|
634
636
|
class: "act-icon",
|
|
635
637
|
style: normalizeStyle({
|
|
@@ -643,10 +645,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
643
645
|
_: 1
|
|
644
646
|
})
|
|
645
647
|
], 4),
|
|
646
|
-
createElementVNode("div",
|
|
647
|
-
createElementVNode("div",
|
|
648
|
-
createElementVNode("div",
|
|
649
|
-
createElementVNode("div",
|
|
648
|
+
createElementVNode("div", _hoisted_11, [
|
|
649
|
+
createElementVNode("div", _hoisted_12, [
|
|
650
|
+
createElementVNode("div", _hoisted_13, [
|
|
651
|
+
createElementVNode("div", _hoisted_14, [
|
|
650
652
|
createVNode(_sfc_main$2, null, {
|
|
651
653
|
default: withCtx(() => [
|
|
652
654
|
createTextVNode(toDisplayString(row.title), 1)
|
|
@@ -669,14 +671,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
669
671
|
_: 2
|
|
670
672
|
}, 1032, ["class"])
|
|
671
673
|
]),
|
|
672
|
-
createElementVNode("div",
|
|
674
|
+
createElementVNode("div", _hoisted_15, [
|
|
673
675
|
createElementVNode("span", null, toDisplayString(row.dateRange), 1),
|
|
674
676
|
createVNode(unref(ODivider), { direction: "v" }),
|
|
675
677
|
createElementVNode("span", null, toDisplayString((_b = unref(activityTypeMap).get(row.activity_type)) == null ? void 0 : _b.label), 1)
|
|
676
678
|
])
|
|
677
679
|
])
|
|
678
680
|
]),
|
|
679
|
-
row.content_url && !row.is_delete && [3, 4, 5, 6].includes(row.status) ? (openBlock(), createElementBlock("div",
|
|
681
|
+
row.content_url && !row.is_delete && [3, 4, 5, 6].includes(row.status) ? (openBlock(), createElementBlock("div", _hoisted_16, [
|
|
680
682
|
row.content_url ? (openBlock(), createBlock(unref(OLink), {
|
|
681
683
|
key: 0,
|
|
682
684
|
"hover-underline": false,
|
|
@@ -731,14 +733,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
731
733
|
];
|
|
732
734
|
}),
|
|
733
735
|
default: withCtx(() => [
|
|
734
|
-
createElementVNode("div",
|
|
736
|
+
createElementVNode("div", _hoisted_17, [
|
|
735
737
|
createVNode(_sfc_main$1, {
|
|
736
738
|
show: expanded.value.includes(row.id),
|
|
737
739
|
data: row,
|
|
738
740
|
ref_for: true,
|
|
739
741
|
ref: (insRef) => getDetailRefs(insRef, row.id)
|
|
740
742
|
}, null, 8, ["show", "data"]),
|
|
741
|
-
!row.isExpired && !row.is_delete ? (openBlock(), createElementBlock("div",
|
|
743
|
+
!row.isExpired && !row.is_delete ? (openBlock(), createElementBlock("div", _hoisted_18, [
|
|
742
744
|
row.status === 2 ? (openBlock(), createBlock(unref(OButton), {
|
|
743
745
|
key: 0,
|
|
744
746
|
variant: "text",
|
|
@@ -788,7 +790,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
788
790
|
_cache[11] || (_cache[11] = createElementVNode("div", { class: "height-placeholder" }, null, -1))
|
|
789
791
|
], 2),
|
|
790
792
|
idx === activityList.value.length - 1 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
|
|
791
|
-
bottomReached.value ? (openBlock(), createElementBlock("div",
|
|
793
|
+
bottomReached.value ? (openBlock(), createElementBlock("div", _hoisted_19, toDisplayString(unref(t)("meeting.loading")), 1)) : createCommentVNode("", true),
|
|
792
794
|
createElementVNode("div", {
|
|
793
795
|
class: "list-month-change next-month",
|
|
794
796
|
onClick: _cache[6] || (_cache[6] = ($event) => changeMonth("next-month"))
|
|
@@ -811,7 +813,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
811
813
|
]),
|
|
812
814
|
_: 1
|
|
813
815
|
}, 8, ["onScrollend"])) : renderSlot(_ctx.$slots, "empty", { key: 1 })
|
|
814
|
-
])
|
|
816
|
+
], 2)
|
|
815
817
|
])
|
|
816
818
|
]),
|
|
817
819
|
createVNode(unref(ODialog), {
|
|
@@ -827,7 +829,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
827
829
|
default: withCtx(() => {
|
|
828
830
|
var _a;
|
|
829
831
|
return [
|
|
830
|
-
createElementVNode("div",
|
|
832
|
+
createElementVNode("div", _hoisted_20, toDisplayString(unref(t)("meeting.confirmRevokeActivity", [(_a = currentRow.value) == null ? void 0 : _a.title])), 1)
|
|
831
833
|
];
|
|
832
834
|
}),
|
|
833
835
|
_: 1
|
|
@@ -845,7 +847,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
845
847
|
default: withCtx(() => {
|
|
846
848
|
var _a;
|
|
847
849
|
return [
|
|
848
|
-
createElementVNode("div",
|
|
850
|
+
createElementVNode("div", _hoisted_21, toDisplayString(unref(t)("meeting.confirmDeleteActivity", [(_a = currentRow.value) == null ? void 0 : _a.title])), 1)
|
|
849
851
|
];
|
|
850
852
|
}),
|
|
851
853
|
_: 1
|