@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/dist/components.cjs.js +30 -30
- package/dist/components.css +1 -1
- package/dist/components.es.js +2862 -2886
- package/package.json +1 -1
- package/src/assets/styles/element-plus.scss +22 -0
- package/src/components/meeting/OMeetingCalendar.vue +2 -22
- package/src/components/meeting/OMeetingForm.vue +6 -3
- package/src/components/meeting/components/OMeetingCalendarList.vue +16 -0
package/package.json
CHANGED
|
@@ -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
|
|
174
|
-
...summitData.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(--
|
|
963
|
-
min-height: var(--
|
|
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 {
|