@opendesign-plus-test/components 0.0.1-rc.65 → 0.0.1-rc.67

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opendesign-plus-test/components",
3
- "version": "0.0.1-rc.65",
3
+ "version": "0.0.1-rc.67",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public",
@@ -7,6 +7,10 @@
7
7
  --el-input-placeholder-color: var(--el-text-color-placeholder);
8
8
  --el-input-hover-border-color: var(--el-border-color-hover);
9
9
  --el-input-clear-hover-color: var(--el-text-color-secondary);
10
+ --el-component-size-large: 36px;
11
+ @include respond('<=pad_v') {
12
+ --el-component-size-large: var(--o-control_size-l);
13
+ }
10
14
 
11
15
  .el-date-editor {
12
16
  &.el-date-editor--daterange {
@@ -208,6 +212,24 @@
208
212
  }
209
213
  }
210
214
  }
215
+
216
+ .el-input-number {
217
+ --el-component-size-large: 34px;
218
+ @include respond('<=pad_v') {
219
+ --el-component-size-large: calc(var(--o-control_size-l) - 2px);
220
+ }
221
+
222
+ .el-input-number__decrease,
223
+ .el-input-number__increase {
224
+ &:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
225
+ box-shadow: none;
226
+ }
227
+ }
228
+
229
+ &.el-input-number--large {
230
+ line-height: var(--el-component-size-large);
231
+ }
232
+ }
211
233
  }
212
234
 
213
235
 
@@ -80,19 +80,9 @@ const getSummitData = async (date: string) => {
80
80
  summitData.value = [];
81
81
  const list = await props.getSummitListRequest(date);
82
82
  summitData.value = (list || []).map((v: SummitItemT) => {
83
- const dates: string[] = [];
84
- let cur = dayjs(v.start_date);
85
- const end = dayjs(v.end_date);
86
- while (!cur.isAfter(end)) {
87
- dates.push(formatDate(cur));
88
- cur = cur.add(1, 'day');
89
- }
90
83
  return {
91
84
  ...v,
92
- dates,
93
85
  type: CalendarDataType.SUMMIT,
94
- start_date_time: `${ props.disableFormat ? v.start_date : formatDate(v.start_date) } ${ v.start || '' }`,
95
- end_date_time: `${ props.disableFormat ? v.end_date : formatDate(v.end_date) } ${ v.end || '' }`,
96
86
  };
97
87
  });
98
88
  } else {
@@ -104,19 +94,9 @@ const getActivityData = async (date: string) => {
104
94
  eventsData.value = [];
105
95
  const list = await props.getEventsListRequest(date);
106
96
  eventsData.value = (list || []).map((v: MeetingEventsItemT) => {
107
- const dates: string[] = [];
108
- let cur = dayjs(v.start_date);
109
- const end = dayjs(v.end_date);
110
- while (!cur.isAfter(end)) {
111
- dates.push(formatDate(cur));
112
- cur = cur.add(1, 'day');
113
- }
114
97
  return {
115
98
  ...v,
116
- dates,
117
99
  type: CalendarDataType.EVENTS,
118
- start_date_time: `${ props.disableFormat ? v.start_date : formatDate(v.start_date) } ${ v.start || '' }`,
119
- end_date_time: `${ props.disableFormat ? v.end_date : formatDate(v.end_date) } ${ v.end || '' }`,
120
100
  };
121
101
  });
122
102
  } else {
@@ -170,8 +150,8 @@ const paramGetDaysData = async (params: { date: string; type: string }) => {
170
150
  const renderData = computed(() => {
171
151
  return [
172
152
  ...meetingData.value,
173
- ...eventsData.value.filter(v => (!dayjs(v.start_date).isAfter(dayjs(currentDay.value)) && !dayjs(currentDay.value).isAfter(dayjs(v.end_date))) || v.dates?.includes(formatDate(currentDay.value))),
174
- ...summitData.value.filter(v => v.dates?.includes(formatDate(currentDay.value))),
153
+ ...eventsData.value,
154
+ ...summitData.value,
175
155
  ].filter((v) => {
176
156
  if (tabType.value === CalendarDataType.ALL) {
177
157
  return true;
@@ -935,7 +935,10 @@ defineExpose({
935
935
  border-radius: var(--meeting-card-radius);
936
936
  padding: 0 15px;
937
937
  background-color: var(--o-color-fill2);
938
-
938
+ --el-component-size-large: 34px;
939
+ @include respond('<=pad_v') {
940
+ --el-component-size-large: calc(var(--o-control_size-l) - 2px);
941
+ }
939
942
  & > span {
940
943
  padding: 0 var(--o-gap-2);
941
944
  }
@@ -959,8 +962,8 @@ defineExpose({
959
962
 
960
963
  .el-select__wrapper {
961
964
  box-shadow: none;
962
- padding: calc((var(--o-control_size-l) - 24px) / 2) 0;
963
- min-height: var(--o-control_size-l);
965
+ padding: calc((var(--el-component-size-large) - 24px) / 2) 0;
966
+ min-height: var(--el-component-size-large);
964
967
  gap: 0;
965
968
  }
966
969
 
@@ -91,6 +91,8 @@ const computedList = computed<any[]>(() => {
91
91
  return props.list.map((v: any) => {
92
92
  const type = v.type;
93
93
  let dateRange = '';
94
+ let start_date_time = '';
95
+ let end_date_time = '';
94
96
  if (type !== CalendarDataType.MEETING) {
95
97
  let activity_type = activityTypeMap.value.get(v.activity_type)?.label;
96
98
  if (v.start && v.end) {
@@ -106,11 +108,25 @@ const computedList = computed<any[]>(() => {
106
108
  dateRange = `${ props.disableFormat ? v.start_date : formatDate(v.start_date) } - ${ props.disableFormat ? v.end_date : formatDate(v.end_date) }`;
107
109
  }
108
110
  }
111
+ if (v.start_date) {
112
+ start_date_time = props.disableFormat ? v.start_date : formatDate(v.start_date);
113
+ if (v.start) {
114
+ start_date_time = `${ start_date_time } ${ v.start }`;
115
+ }
116
+ }
117
+ if (v.end_date) {
118
+ end_date_time = props.disableFormat ? v.end_date : formatDate(v.end_date);
119
+ if (v.end) {
120
+ end_date_time = `${ end_date_time } ${ v.end }`;
121
+ }
122
+ }
109
123
 
110
124
  return {
111
125
  ...v,
112
126
  activity_type,
113
127
  dateRange,
128
+ start_date_time,
129
+ end_date_time,
114
130
  };
115
131
  }
116
132
  const {