@opendesign-plus/components 0.0.1-rc.71 → 0.0.1-rc.73

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/components/meeting/OMeetingMinutes.vue.d.ts +348 -2
  2. package/dist/components/meeting/index.d.ts +174 -1
  3. package/dist/components/meeting/types.d.ts +1 -0
  4. package/dist/components.cjs.js +27 -27
  5. package/dist/components.css +1 -1
  6. package/dist/components.es.js +7032 -6995
  7. package/dist/treeshaking/components/activity/OActivityApproval.css +0 -3
  8. package/dist/treeshaking/components/activity/OActivityMyCalendar.css +71 -74
  9. package/dist/treeshaking/components/activity/OActivityMyCalendar.vue.mjs +35 -33
  10. package/dist/treeshaking/components/meeting/OMeetingMinutes.css +201 -223
  11. package/dist/treeshaking/components/meeting/OMeetingMinutes.vue.d.ts +348 -2
  12. package/dist/treeshaking/components/meeting/OMeetingMinutes.vue.mjs +392 -6
  13. package/dist/treeshaking/components/meeting/OMeetingMinutes.vue3.mjs +5 -0
  14. package/dist/treeshaking/components/meeting/components/OMeetingSendMinutesDialog.css +53 -53
  15. package/dist/treeshaking/components/meeting/components/OMeetingSendMinutesDialog.vue.mjs +1 -1
  16. package/dist/treeshaking/components/meeting/index.d.ts +174 -1
  17. package/dist/treeshaking/components/meeting/index.mjs +13 -12
  18. package/dist/treeshaking/components/meeting/types.d.ts +1 -0
  19. package/package.json +3 -3
  20. package/dist/treeshaking/components/meeting/OMeetingMinutes.vue2.mjs +0 -356
  21. package/dist/treeshaking/components/meeting/OMeetingMinutes2.css +0 -11
package/dist/treeshaking/components/activity/OActivityApproval.css CHANGED
@@ -10,9 +10,6 @@
10
10
  --activity-card-radius: var(--o-radius-xs);
11
11
  --activity-input-radius: var(--o-radius-xs);
12
12
  }
13
- .o-activity-table .expand-detail {
14
- background-color: var(--o-color-fill3);
15
- }
16
13
  .o-activity-table .activity-btn {
17
14
  display: flex;
18
15
  flex-wrap: nowrap;
package/dist/treeshaking/components/activity/OActivityMyCalendar.css CHANGED
@@ -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 .left-calendar {
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 .left-calendar .el-calendar .el-calendar__body {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
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 .left-calendar {
486
+ .o-my-activity-calendar .activity-list .list-calendar {
487
487
  width: 100%;
488
488
  }
489
- .o-my-activity-calendar .activity-list .left-calendar .el-calendar .el-calendar__body {
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 .left-calendar {
494
+ .o-my-activity-calendar .activity-list .list-calendar {
495
495
  display: none;
496
496
  }
497
497
  }
498
- .o-my-activity-calendar .activity-list .left-calendar .el-calendar {
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 .left-calendar .el-calendar {
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 .left-calendar .el-calendar .el-calendar__header {
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 .left-calendar .el-calendar .el-calendar__header > span {
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 .left-calendar .el-calendar .el-calendar__header > span {
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 .left-calendar .el-calendar .el-calendar__header > span {
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 .left-calendar .el-calendar .el-calendar__header > span {
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 .left-calendar .el-calendar .el-calendar__header > span {
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 .left-calendar .el-calendar .el-calendar__header > div {
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 .left-calendar .el-calendar .el-calendar__header > div .o-icon {
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 .left-calendar .el-calendar .el-calendar__header > div .o-icon:hover {
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 .left-calendar .el-calendar .el-calendar__header > div .o-icon svg path {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table th {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table tr {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table td {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table td .el-calendar-day {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table td div {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table td:hover .el-calendar-day {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell .date-cell-text {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable .date-cell-text {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable:not(.is-selected) .date-cell-text:hover {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell::after {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.is-today .date-cell-text {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.is-selected .date-cell-text {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable::after {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable.approved::after {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable.expired::after {
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 .left-calendar .el-calendar .el-calendar__body .el-calendar-table .date-cell.clickable.all-deleted::after {
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 .right-meeting {
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 .right-meeting.is-empty {
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 .right-meeting.is-empty {
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 .right-meeting .o-scroller .o-scrollbar-rail {
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 .right-meeting .scroller-container {
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 .right-meeting .scroller-container {
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 .right-meeting .scroller-container .act-item {
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 .right-meeting .scroller-container .act-item {
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 .right-meeting .scroller-container .act-item.last-item {
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 .right-meeting .scroller-container .act-item .act-bar {
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 .right-meeting .scroller-container .act-item .act-bar::before {
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 .right-meeting .scroller-container .act-item .act-bar .act-bar-dot {
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 .right-meeting .scroller-container .act-item .act-bar .act-bar-dot {
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 .right-meeting .scroller-container .act-item .act-bar .act-bar-dot {
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 .right-meeting .scroller-container .act-item .act-bar .act-bar-dot {
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 .right-meeting .scroller-container .act-item .act-bar .act-bar-dot::before, .o-my-activity-calendar .activity-list .right-meeting .scroller-container .act-item .act-bar .act-bar-dot::after {
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 .right-meeting .scroller-container .act-item .act-bar .act-bar-dot::before {
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 .right-meeting .scroller-container .act-item .act-bar .act-bar-dot::after {
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 .right-meeting .scroller-container .act-item .act-bar.is-active .act-bar-dot::before {
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 .right-meeting .scroller-container .act-item .act-bar.is-active .act-bar-dot::after {
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 .right-meeting .scroller-container .act-item .act-bar.is-end {
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 .right-meeting .scroller-container .act-item .approved {
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 .right-meeting .scroller-container .act-item .group-title {
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 .right-meeting .scroller-container .act-item .group-title {
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 .right-meeting .scroller-container .act-item .group-title {
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 .right-meeting .scroller-container .act-item .group-title {
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 .right-meeting .scroller-container .act-item .group-title {
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 .right-meeting .scroller-container .act-item .group-title {
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 .right-meeting .scroller-container .act-item .group-title.is-end {
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 {
package/dist/treeshaking/components/activity/OActivityMyCalendar.vue.mjs CHANGED
@@ -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: "left-calendar" };
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: "right-meeting" };
25
- const _hoisted_8 = { class: "list-body" };
26
- const _hoisted_9 = ["id"];
27
- const _hoisted_10 = { class: "item-header" };
28
- const _hoisted_11 = { class: "item-header-left" };
29
- const _hoisted_12 = { class: "header-info" };
30
- const _hoisted_13 = { class: "act-title" };
31
- const _hoisted_14 = { class: "title-wrapper" };
32
- const _hoisted_15 = { class: "title-text" };
33
- const _hoisted_16 = { class: "act-info" };
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 _hoisted_18 = { class: "activity-detail" };
39
- const _hoisted_19 = {
37
+ const _hoisted_17 = { class: "activity-detail" };
38
+ const _hoisted_18 = {
40
39
  key: 0,
41
40
  class: "activity-btn"
42
41
  };
43
- const _hoisted_20 = {
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", _hoisted_7, [
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", _hoisted_8, [
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, _hoisted_9),
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", _hoisted_10, [
632
- createElementVNode("div", _hoisted_11, [
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", _hoisted_12, [
647
- createElementVNode("div", _hoisted_13, [
648
- createElementVNode("div", _hoisted_14, [
649
- createElementVNode("div", _hoisted_15, [
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", _hoisted_16, [
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", _hoisted_17, [
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", _hoisted_18, [
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", _hoisted_19, [
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", _hoisted_20, toDisplayString(unref(t)("meeting.loading")), 1)) : createCommentVNode("", true),
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", _hoisted_21, toDisplayString(unref(t)("meeting.confirmRevokeActivity", [(_a = currentRow.value) == null ? void 0 : _a.title])), 1)
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", _hoisted_22, toDisplayString(unref(t)("meeting.confirmDeleteActivity", [(_a = currentRow.value) == null ? void 0 : _a.title])), 1)
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