@opendesign-plus/components 0.0.1-rc.22 → 0.0.1-rc.24

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 (63) hide show
  1. package/dist/chunk-OElCookieNotice.cjs.js +1 -1
  2. package/dist/chunk-OElCookieNotice.es.js +3 -3
  3. package/dist/components/OHeaderSearch.vue.d.ts +58 -14
  4. package/dist/components/activity/{OMyActivityCalendar.vue.d.ts → OActivityMyCalendar.vue.d.ts} +86 -24
  5. package/dist/components/activity/index.d.ts +45 -14
  6. package/dist/components/meeting/{OMyMeetingCalendar.vue.d.ts → OMeetingMyCalendar.vue.d.ts} +86 -24
  7. package/dist/components/meeting/index.d.ts +18 -304
  8. package/dist/components.cjs.js +37 -37
  9. package/dist/components.css +1 -1
  10. package/dist/components.es.js +7137 -7103
  11. package/package.json +3 -3
  12. package/src/assets/styles/element-plus.scss +204 -0
  13. package/src/components/OBanner.vue +18 -18
  14. package/src/components/OCookieNotice.vue +21 -21
  15. package/src/components/OFooter.vue +18 -17
  16. package/src/components/OHeaderSearch.vue +19 -19
  17. package/src/components/OHeaderUser.vue +3 -2
  18. package/src/components/OSection.vue +4 -4
  19. package/src/components/activity/OActivityApproval.vue +14 -10
  20. package/src/components/activity/OActivityForm.vue +7 -5
  21. package/src/components/activity/{OMyActivityCalendar.vue → OActivityMyCalendar.vue} +69 -47
  22. package/src/components/activity/config.ts +1 -1
  23. package/src/components/activity/index.ts +4 -4
  24. package/src/components/common/ContentWrapper.vue +3 -3
  25. package/src/components/element-plus/OElCookieNotice.vue +26 -26
  26. package/src/components/events/OEventsApply.vue +46 -45
  27. package/src/components/events/OEventsCalendar.vue +21 -19
  28. package/src/components/events/OEventsList.vue +22 -20
  29. package/src/components/header/OHeader.vue +2 -2
  30. package/src/components/header/components/HeaderContent.vue +60 -60
  31. package/src/components/header/components/HeaderNav.vue +4 -4
  32. package/src/components/header/components/HeaderNavMobile.vue +3 -3
  33. package/src/components/meeting/OMeetingCalendar.vue +42 -39
  34. package/src/components/meeting/OMeetingForm.vue +32 -26
  35. package/src/components/meeting/{OMyMeetingCalendar.vue → OMeetingMyCalendar.vue} +97 -62
  36. package/src/components/meeting/OMeetingPlayback.vue +36 -12
  37. package/src/components/meeting/{OSigMeetingCalendar.vue → OMeetingSigCalendar.vue} +9 -6
  38. package/src/components/meeting/components/OMeetingCalendarList.vue +12 -12
  39. package/src/components/meeting/components/OMeetingCalendarSelector.vue +1 -1
  40. package/src/components/meeting/components/OMeetingDetail.vue +2 -2
  41. package/src/components/meeting/components/OMeetingPlaybackSubtitles.vue +11 -10
  42. package/src/components/meeting/components/OMeetingPlaybackVideo.vue +11 -11
  43. package/src/components/meeting/components/{OSigMeetingAside.vue → OMeetingSigAside.vue} +7 -7
  44. package/src/components/meeting/config.ts +1 -1
  45. package/src/components/meeting/index.ts +8 -8
  46. package/src/draft/Banner.vue +6 -6
  47. package/src/draft/ButtonCards.vue +1 -1
  48. package/src/draft/Feature.vue +6 -6
  49. package/src/draft/Footer.vue +29 -22
  50. package/src/draft/HorizontalAnchor.vue +4 -4
  51. package/src/draft/ItemSwiper.vue +2 -2
  52. package/src/draft/Logo.vue +3 -3
  53. package/src/draft/LogoCard.vue +2 -2
  54. package/src/draft/MultiCard.vue +1 -1
  55. package/src/draft/MultiIconCard.vue +1 -1
  56. package/src/draft/OInfoCard.vue +4 -4
  57. package/src/draft/Section.vue +4 -4
  58. package/src/draft/SingleTabCard.vue +1 -1
  59. package/src/draft/SliderCard.vue +4 -3
  60. package/src/i18n/en.ts +2 -2
  61. package/vite.config.ts +2 -2
  62. /package/dist/components/meeting/{OSigMeetingCalendar.vue.d.ts → OMeetingSigCalendar.vue.d.ts} +0 -0
  63. /package/dist/components/meeting/components/{OSigMeetingAside.vue.d.ts → OMeetingSigAside.vue.d.ts} +0 -0
package/src/draft/HorizontalAnchor.vue CHANGED
@@ -54,7 +54,7 @@ useIntersectionObserver(target, ([entry]) => {
54
54
  background-color: var(--o-color-control2-light);
55
55
  @include text1;
56
56
 
57
- @include respond-to('<=pad_v') {
57
+ @include respond('<=pad_v') {
58
58
  top: 48px;
59
59
  height: 54px;
60
60
  }
@@ -67,7 +67,7 @@ useIntersectionObserver(target, ([entry]) => {
67
67
  margin: 0 auto;
68
68
  height: 68px;
69
69
 
70
- @include respond-to('<=pad_v') {
70
+ @include respond('<=pad_v') {
71
71
  height: 54px;
72
72
  }
73
73
 
@@ -119,10 +119,10 @@ useIntersectionObserver(target, ([entry]) => {
119
119
  height: 48px;
120
120
  backdrop-filter: blur(10px);
121
121
  z-index: 10;
122
- background-color: rgba($color: var(--o-mixedgray-1), $alpha: 0.25);
122
+ background-color: rgba($color: var(--o-grey-1), $alpha: 0.25);
123
123
  @include text1;
124
124
 
125
- @include respond-to('<=pad_v') {
125
+ @include respond('<=pad_v') {
126
126
  display: none;
127
127
  }
128
128
 
package/src/draft/ItemSwiper.vue CHANGED
@@ -68,7 +68,7 @@ defineProps({
68
68
  .swiper-list {
69
69
  display: flex;
70
70
  animation: marque 100s linear infinite;
71
- @include respond-to('>phone') {
71
+ @include respond('>phone') {
72
72
  @include hover {
73
73
  animation-play-state: paused;
74
74
  }
@@ -124,7 +124,7 @@ defineProps({
124
124
  }
125
125
  }
126
126
 
127
- @include respond-to('phone') {
127
+ @include respond('phone') {
128
128
  .swiper-card {
129
129
  width: 160px;
130
130
  margin-right: 12px;
package/src/draft/Logo.vue CHANGED
@@ -110,15 +110,15 @@ const col = computed(() => {
110
110
  &+.partner-swiper {
111
111
  margin-top: 24px;
112
112
 
113
- @include respond-to('laptop') {
113
+ @include respond('laptop') {
114
114
  margin-top: 20px;
115
115
  }
116
116
 
117
- @include respond-to('pad_h') {
117
+ @include respond('pad_h') {
118
118
  margin-top: 16px;
119
119
  }
120
120
 
121
- @include respond-to('<=pad_v') {
121
+ @include respond('<=pad_v') {
122
122
  margin-top: 12px;
123
123
  }
124
124
  }
package/src/draft/LogoCard.vue CHANGED
@@ -64,11 +64,11 @@ const columns = computed(() => {
64
64
  height: 100%;
65
65
  }
66
66
 
67
- @include respond-to('<=pad_v') {
67
+ @include respond('<=pad_v') {
68
68
  height: 72px;
69
69
  }
70
70
 
71
- @include respond-to('phone') {
71
+ @include respond('phone') {
72
72
  height: 68px;
73
73
  }
74
74
  }
package/src/draft/MultiCard.vue CHANGED
@@ -81,7 +81,7 @@ const coverRatio = computed(() => {
81
81
  margin-right: 0;
82
82
  }
83
83
 
84
- @include respond-to('<=pad_v') {
84
+ @include respond('<=pad_v') {
85
85
  :deep(.o-card-cover-img) {
86
86
  height: 120px;
87
87
  }
package/src/draft/MultiIconCard.vue CHANGED
@@ -64,7 +64,7 @@ const gridTemplateColumns = computed(() => {
64
64
  }
65
65
  .o-card {
66
66
  --card-content-color: var(--o-color-info3);
67
- @include respond-to("phone") {
67
+ @include respond("phone") {
68
68
  --card-header-text-size: 16px;
69
69
  --card-header-text-height: 24px;
70
70
  --card-content-text-size: 14px;
package/src/draft/OInfoCard.vue CHANGED
@@ -78,7 +78,7 @@ watch(
78
78
  background-size: 100% auto;
79
79
  background-repeat: no-repeat;
80
80
  position: relative;
81
- @include respond-to('<=pad_v') {
81
+ @include respond('<=pad_v') {
82
82
  background-size: auto var(--bg-height);
83
83
  height: auto;
84
84
  &.has-bg-img {
@@ -92,7 +92,7 @@ watch(
92
92
  display: flex;
93
93
  flex-direction: column;
94
94
  justify-content: space-between;
95
- @include respond-to('<=pad_v') {
95
+ @include respond('<=pad_v') {
96
96
  padding-bottom: var(--padding-bottom);
97
97
  }
98
98
  }
@@ -137,7 +137,7 @@ watch(
137
137
  }
138
138
  }
139
139
 
140
- @include respond-to('>pad_v') {
140
+ @include respond('>pad_v') {
141
141
  :deep(.o-link-main) {
142
142
  overflow: hidden;
143
143
  text-overflow: ellipsis;
@@ -163,7 +163,7 @@ watch(
163
163
  }
164
164
  }
165
165
 
166
- @include respond-to('<=pad_v') {
166
+ @include respond('<=pad_v') {
167
167
  border-top: 1px solid #edeff2;
168
168
  margin: 8px -12 px 0 -12px;
169
169
  padding: 0 12px;
package/src/draft/Section.vue CHANGED
@@ -122,11 +122,11 @@ const props = withDefaults(defineProps<SectionPropsT>(), {
122
122
  color: var(--o-color-info2);
123
123
  @include text1;
124
124
 
125
- @include respond-to('pad-laptop') {
125
+ @include respond('pad-laptop') {
126
126
  margin-top: 8px;
127
127
  }
128
128
 
129
- @include respond-to('phone') {
129
+ @include respond('phone') {
130
130
  margin-top: 12px;
131
131
  text-align: center;
132
132
  }
@@ -151,11 +151,11 @@ const props = withDefaults(defineProps<SectionPropsT>(), {
151
151
 
152
152
  margin-top: 32px;
153
153
 
154
- @include respond-to('<=laptop') {
154
+ @include respond('<=laptop') {
155
155
  margin-top: 16px;
156
156
  }
157
157
 
158
- @include respond-to('phone') {
158
+ @include respond('phone') {
159
159
  margin-top: 12px;
160
160
  }
161
161
  }
package/src/draft/SingleTabCard.vue CHANGED
@@ -76,7 +76,7 @@ defineProps({
76
76
  }
77
77
 
78
78
  .single-card {
79
- @include respond-to('<=pad_v') {
79
+ @include respond('<=pad_v') {
80
80
  :deep(.o-figure-img) {
81
81
  height: 184px;
82
82
  }
package/src/draft/SliderCard.vue CHANGED
@@ -67,13 +67,14 @@ const props = defineProps({
67
67
  border-radius: 6px;
68
68
  }
69
69
  }
70
- @include respond-to('pc_s') {
70
+
71
+ @include respond('pc_s') {
71
72
  height: 300px;
72
73
  }
73
- @include respond-to('<=laptop') {
74
+ @include respond('<=laptop') {
74
75
  height: 280px;
75
76
  }
76
- @include respond-to('<=pad_v') {
77
+ @include respond('<=pad_v') {
77
78
  --slide-width: calc(100vw - 64px);
78
79
  width: calc(var(--slide-gap) + var(--slide-width));
79
80
  height: 184px;
package/src/i18n/en.ts CHANGED
@@ -22,8 +22,8 @@ export default {
22
22
  'meeting.sunday': 'Sunday',
23
23
  'meeting.sigGroup': 'The {0} group',
24
24
  'meeting.invite': ' invites you to',
25
- 'meeting.edit': ' [modified]',
26
- 'meeting.cancel': ' [canceled]',
25
+ 'meeting.edit': ' modify',
26
+ 'meeting.cancel': ' cancel',
27
27
  'meeting.dateTime': ' {1} on {0}',
28
28
  'meeting.meeting': ' the meeting',
29
29
  'meeting.cycleMeeting': ' the recurring meeting',
package/vite.config.ts CHANGED
@@ -75,11 +75,11 @@ export default defineConfig(({ mode }) => {
75
75
  scss: {
76
76
  charset: false,
77
77
  additionalData: `
78
- @use "@opendesign-plus/styles/mixin/screen.scss" as *;
78
+ @use '@opensig/opendesign/es/_styles/mixin.scss' as *;
79
79
  @use "@opendesign-plus/styles/mixin/font.scss" as *;
80
80
  @use "@opendesign-plus/styles/mixin/common.scss" as *;
81
81
  @use "@opendesign-plus/styles/mixin/gap.scss" as *;
82
- @use "@opendesign-plus/styles/element-plus.scss" as *;
82
+ @use "@/assets/styles/element-plus.scss" as *;
83
83
  `,
84
84
  },
85
85
  },