@opendesign-plus-test/components 0.0.1-rc.92 → 0.0.1-rc.93
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 +38 -38
- package/dist/components.css +1 -1
- package/dist/components.es.js +5350 -5350
- package/dist/treeshaking/components/meeting/OMeetingCalendar.css +1 -1
- package/dist/treeshaking/components/meeting/OMeetingCalendar.vue.mjs +6 -4
- package/dist/treeshaking/components/meeting/OMeetingMyCalendar.css +4 -0
- package/dist/treeshaking/components/meeting/OMeetingSigCalendar.css +1 -1
- package/dist/treeshaking/components/meeting/OMeetingSigCalendar.vue.mjs +15 -62
- package/dist/treeshaking/components/meeting/components/OMeetingCalendarList.css +6 -1
- package/dist/treeshaking/components/meeting/components/OMeetingCalendarList.vue.mjs +105 -92
- package/dist/treeshaking/components/meeting/components/OMeetingSigAside.css +3 -1
- package/dist/treeshaking/components/meeting/components/OMeetingSigAside.vue.mjs +59 -50
- package/package.json +3 -3
|
@@ -626,7 +626,7 @@
|
|
|
626
626
|
.o-meeting-calendar .calendar-body .calender .el-calendar-day .out-box .day-box {
|
|
627
627
|
display: flex;
|
|
628
628
|
flex-direction: column;
|
|
629
|
-
justify-content:
|
|
629
|
+
justify-content: flex-start;
|
|
630
630
|
height: 100%;
|
|
631
631
|
}
|
|
632
632
|
.o-meeting-calendar .calendar-body .calender .el-calendar-day .out-box .icon-box {
|
|
@@ -155,6 +155,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
155
155
|
});
|
|
156
156
|
} catch {
|
|
157
157
|
meetingData.value = [];
|
|
158
|
+
} finally {
|
|
159
|
+
getSummitData(params.date);
|
|
160
|
+
getActivityData(params.date);
|
|
158
161
|
}
|
|
159
162
|
};
|
|
160
163
|
const renderData = computed(() => {
|
|
@@ -172,8 +175,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
172
175
|
const getDateData = async (day) => {
|
|
173
176
|
const date = dayjs(day).format("YYYY-MM-DD");
|
|
174
177
|
currentDay.value = date;
|
|
175
|
-
getSummitData(date);
|
|
176
|
-
getActivityData(date);
|
|
177
178
|
getDateList(date);
|
|
178
179
|
paramGetDaysData({
|
|
179
180
|
date,
|
|
@@ -243,11 +244,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
243
244
|
};
|
|
244
245
|
const changeGroup = () => {
|
|
245
246
|
nextTick(() => {
|
|
247
|
+
const date = formatDate(currentDay.value, "YYYY-MM-DD");
|
|
248
|
+
getDateList(date);
|
|
246
249
|
paramGetDaysData({
|
|
247
|
-
date
|
|
250
|
+
date,
|
|
248
251
|
type: tabType.value
|
|
249
252
|
});
|
|
250
|
-
getDateList(currentDay.value);
|
|
251
253
|
});
|
|
252
254
|
};
|
|
253
255
|
const removeLeadingZero = (str) => {
|
|
@@ -922,6 +922,9 @@
|
|
|
922
922
|
.o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item.o-collapse-item-expanded {
|
|
923
923
|
margin-top: var(--o-gap-4);
|
|
924
924
|
}
|
|
925
|
+
.o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item.o-collapse-item-expanded .title-text {
|
|
926
|
+
color: var(--o-color-info1);
|
|
927
|
+
}
|
|
925
928
|
@media (max-width: 1680px) {
|
|
926
929
|
.o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item.o-collapse-item-expanded {
|
|
927
930
|
margin-top: var(--o-gap-3);
|
|
@@ -1098,6 +1101,7 @@
|
|
|
1098
1101
|
max-width: 100%;
|
|
1099
1102
|
}
|
|
1100
1103
|
.o-my-meeting-calendar .meeting-list .list-body .o-collapse .o-collapse-item-header .o-collapse-item-title .item-header-left .header-info .meeting-title .title-text {
|
|
1104
|
+
font-weight: 600;
|
|
1101
1105
|
font-size: 18px;
|
|
1102
1106
|
line-height: 26px;
|
|
1103
1107
|
}
|
|
@@ -11,7 +11,10 @@ import _sfc_main$2 from "./components/OMeetingCalendarList.vue.mjs";
|
|
|
11
11
|
import './components/OMeetingCalendarList.css';
|
|
12
12
|
import { formatDate } from "./utils.mjs";
|
|
13
13
|
import emptyDefaultImg from "../../assets/meeting/empty.png.mjs";
|
|
14
|
-
const _hoisted_1 = {
|
|
14
|
+
const _hoisted_1 = {
|
|
15
|
+
class: "o-sig-meeting-calendar",
|
|
16
|
+
style: { "--height": 400 }
|
|
17
|
+
};
|
|
15
18
|
const _hoisted_2 = { class: "meeting-card-header" };
|
|
16
19
|
const _hoisted_3 = {
|
|
17
20
|
key: 0,
|
|
@@ -111,8 +114,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
111
114
|
const getLatestDate = () => {
|
|
112
115
|
let targetDate = dateList.value.find((date) => date === dayjs().format("YYYY-MM-DD"));
|
|
113
116
|
if (!targetDate) {
|
|
114
|
-
targetDate = dateList.value.find((date) => dayjs(
|
|
115
|
-
[...dateList.value].reverse().find((date) => dayjs().isAfter(dayjs(
|
|
117
|
+
targetDate = dateList.value.find((date) => !dayjs().isAfter(dayjs(date))) || // 未来日期最近日期
|
|
118
|
+
[...dateList.value].reverse().find((date) => !dayjs(date).isAfter(dayjs()));
|
|
116
119
|
}
|
|
117
120
|
latestDate.value = targetDate;
|
|
118
121
|
};
|
|
@@ -126,71 +129,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
126
129
|
});
|
|
127
130
|
const groupDateList = computed(() => {
|
|
128
131
|
const obj = dateList.value.reduce((pre, cur) => {
|
|
129
|
-
var _a
|
|
132
|
+
var _a;
|
|
130
133
|
const [month, day] = getMonthAndDay(cur);
|
|
131
134
|
pre[month] = {
|
|
132
|
-
|
|
133
|
-
days: [...((_b = pre[month]) == null ? void 0 : _b.days) || [], day]
|
|
135
|
+
days: [...((_a = pre[month]) == null ? void 0 : _a.days) || [], day]
|
|
134
136
|
};
|
|
135
137
|
return pre;
|
|
136
138
|
}, {});
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
let current = [];
|
|
145
|
-
monthList.forEach((t2) => {
|
|
146
|
-
while (t2.days.length) {
|
|
147
|
-
if (!current.length) {
|
|
148
|
-
t2.days.splice(0, 6).forEach((day) => {
|
|
149
|
-
current.push({
|
|
150
|
-
month: t2.month,
|
|
151
|
-
day
|
|
152
|
-
});
|
|
153
|
-
});
|
|
154
|
-
if (current.length >= 5) {
|
|
155
|
-
list2.push(current);
|
|
156
|
-
current = [];
|
|
157
|
-
}
|
|
158
|
-
} else {
|
|
159
|
-
let count = current.length;
|
|
160
|
-
if (count % 2 === 1) {
|
|
161
|
-
count += 1;
|
|
162
|
-
}
|
|
163
|
-
if (t2.days.length + current.length <= 6) {
|
|
164
|
-
t2.days.splice(0, 6).forEach((day) => {
|
|
165
|
-
current.push({
|
|
166
|
-
month: t2.month,
|
|
167
|
-
day
|
|
168
|
-
});
|
|
169
|
-
});
|
|
170
|
-
if (current.length >= 5) {
|
|
171
|
-
list2.push(current);
|
|
172
|
-
current = [];
|
|
173
|
-
}
|
|
174
|
-
} else {
|
|
175
|
-
t2.days.splice(0, 6 - count).forEach((day) => {
|
|
176
|
-
current.push({
|
|
177
|
-
month: t2.month,
|
|
178
|
-
day
|
|
179
|
-
});
|
|
180
|
-
});
|
|
181
|
-
if (current.length >= 5) {
|
|
182
|
-
list2.push(current);
|
|
183
|
-
current = [];
|
|
184
|
-
}
|
|
185
|
-
}
|
|
186
|
-
}
|
|
187
|
-
}
|
|
139
|
+
return Object.keys(obj).map((month) => {
|
|
140
|
+
var _a, _b;
|
|
141
|
+
let list2 = [];
|
|
142
|
+
(_b = (_a = obj[month]) == null ? void 0 : _a.days) == null ? void 0 : _b.map((day) => {
|
|
143
|
+
list2.push({ month, day });
|
|
144
|
+
});
|
|
145
|
+
return list2;
|
|
188
146
|
});
|
|
189
|
-
if (current.length) {
|
|
190
|
-
list2.push(current);
|
|
191
|
-
current = [];
|
|
192
|
-
}
|
|
193
|
-
return list2;
|
|
194
147
|
});
|
|
195
148
|
const dateMapList = computed(() => {
|
|
196
149
|
return groupDateList.value.map((group) => {
|
|
@@ -71,6 +71,9 @@
|
|
|
71
71
|
opacity: 1;
|
|
72
72
|
visibility: visible;
|
|
73
73
|
}
|
|
74
|
+
.o-meeting-calendar-list .o-collapse .o-collapse-item.is-expired .item-title-text {
|
|
75
|
+
color: var(--o-color-info4);
|
|
76
|
+
}
|
|
74
77
|
.o-meeting-calendar-list .o-collapse .o-collapse-item-icon {
|
|
75
78
|
height: min-content;
|
|
76
79
|
}
|
|
@@ -212,9 +215,11 @@
|
|
|
212
215
|
.o-meeting-calendar-list .o-collapse .o-collapse-item-body .calendar-info .info-item:first-child {
|
|
213
216
|
margin-top: 0;
|
|
214
217
|
}
|
|
218
|
+
.o-meeting-calendar-list .o-collapse .btn-wrapper {
|
|
219
|
+
margin-top: var(--o-gap-1);
|
|
220
|
+
}
|
|
215
221
|
.o-meeting-calendar-list .o-collapse .jump-detail-link {
|
|
216
222
|
padding-left: calc(var(--icon-right) + var(--icon-size2));
|
|
217
|
-
margin-top: var(--o-gap-1);
|
|
218
223
|
color: var(--o-color-info2);
|
|
219
224
|
font-weight: 400;
|
|
220
225
|
font-size: 14px;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, ref, computed, watch, nextTick, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, unref, withCtx, Fragment, renderList, createElementVNode, createVNode, normalizeStyle, resolveDynamicComponent,
|
|
1
|
+
import { defineComponent, ref, computed, watch, nextTick, openBlock, createElementBlock, normalizeClass, renderSlot, createBlock, unref, withCtx, Fragment, renderList, createElementVNode, createVNode, normalizeStyle, resolveDynamicComponent, toDisplayString, createTextVNode, createCommentVNode, withModifiers } from "vue";
|
|
2
2
|
import { useMessage, isClient, OCollapse, OCollapseItem, OIcon, OTag, ODivider, OButton } from "@opensig/opendesign";
|
|
3
3
|
import _sfc_main$1 from "./OMeetingDetail.vue.mjs";
|
|
4
4
|
import './OMeetingDetail.css';
|
|
@@ -11,15 +11,18 @@ import { useMeetingConfig } from "../composables/useMeetingConfig.mjs";
|
|
|
11
11
|
import { useActivityConfig } from "../../activity/composables/useActivityConfig.mjs";
|
|
12
12
|
import _sfc_main$2 from "../../common/TooltipText.vue.mjs";
|
|
13
13
|
import '../../common/TooltipText.css';
|
|
14
|
+
import dayjs from "dayjs";
|
|
14
15
|
const _hoisted_1 = { class: "meet-title-left" };
|
|
15
16
|
const _hoisted_2 = ["title"];
|
|
16
17
|
const _hoisted_3 = { class: "text" };
|
|
17
|
-
const _hoisted_4 = {
|
|
18
|
+
const _hoisted_4 = { class: "item-title-text" };
|
|
19
|
+
const _hoisted_5 = {
|
|
18
20
|
key: 0,
|
|
19
21
|
class: "tag-wrapper"
|
|
20
22
|
};
|
|
21
|
-
const
|
|
22
|
-
const
|
|
23
|
+
const _hoisted_6 = { class: "start-time" };
|
|
24
|
+
const _hoisted_7 = { class: "btn-wrapper" };
|
|
25
|
+
const _hoisted_8 = { class: "calendar-info" };
|
|
23
26
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
24
27
|
__name: "OMeetingCalendarList",
|
|
25
28
|
props: {
|
|
@@ -92,6 +95,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
92
95
|
let dateRange = "";
|
|
93
96
|
let start_date_time = "";
|
|
94
97
|
let end_date_time = "";
|
|
98
|
+
let isExpired = false;
|
|
95
99
|
if (type !== CalendarDataType.MEETING) {
|
|
96
100
|
let activity_type = (_a = activityTypeMap.value.get(v.activity_type)) == null ? void 0 : _a.label;
|
|
97
101
|
const isSameDay = v.start_date && (v.start_date === v.end_date || !v.end_date);
|
|
@@ -128,12 +132,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
128
132
|
if (v.end) {
|
|
129
133
|
end_date_time += `${end_date_time ? " " : ""}${v.end}`;
|
|
130
134
|
}
|
|
135
|
+
const expiredTime = `${v.end_date || v.start_date} ${v.end || v.start}`;
|
|
136
|
+
if (dayjs(expiredTime).isValid()) {
|
|
137
|
+
isExpired = dayjs().isAfter(dayjs(expiredTime));
|
|
138
|
+
}
|
|
131
139
|
return {
|
|
132
140
|
...v,
|
|
133
141
|
activity_type,
|
|
134
142
|
dateRange,
|
|
135
143
|
start_date_time,
|
|
136
|
-
end_date_time
|
|
144
|
+
end_date_time,
|
|
145
|
+
isExpired
|
|
137
146
|
};
|
|
138
147
|
}
|
|
139
148
|
const {
|
|
@@ -208,7 +217,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
208
217
|
...v,
|
|
209
218
|
dateRange,
|
|
210
219
|
timeRange,
|
|
211
|
-
replay_url
|
|
220
|
+
replay_url,
|
|
221
|
+
isExpired: dayjs().isAfter(dayjs(`${v.date} ${v.end || v.cycle_end}`))
|
|
212
222
|
};
|
|
213
223
|
});
|
|
214
224
|
});
|
|
@@ -227,7 +237,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
227
237
|
(openBlock(true), createElementBlock(Fragment, null, renderList(computedList.value, (item, index) => {
|
|
228
238
|
return openBlock(), createBlock(unref(OCollapseItem), {
|
|
229
239
|
key: item.id,
|
|
230
|
-
value: item.id
|
|
240
|
+
value: item.id,
|
|
241
|
+
class: normalizeClass({ "is-expired": item.isExpired })
|
|
231
242
|
}, {
|
|
232
243
|
title: withCtx(() => [
|
|
233
244
|
createElementVNode("div", _hoisted_1, [
|
|
@@ -248,12 +259,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
248
259
|
createElementVNode("div", _hoisted_3, [
|
|
249
260
|
createVNode(_sfc_main$2, null, {
|
|
250
261
|
default: withCtx(() => [
|
|
251
|
-
|
|
262
|
+
createElementVNode("span", _hoisted_4, toDisplayString((item.topic || item.name || item.title).repeat(3)), 1)
|
|
252
263
|
]),
|
|
253
264
|
_: 2
|
|
254
265
|
}, 1024)
|
|
255
266
|
]),
|
|
256
|
-
item.is_cycle ? (openBlock(), createElementBlock("div",
|
|
267
|
+
item.is_cycle ? (openBlock(), createElementBlock("div", _hoisted_5, [
|
|
257
268
|
createVNode(unref(OTag), {
|
|
258
269
|
color: "primary",
|
|
259
270
|
variant: "outline"
|
|
@@ -271,7 +282,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
271
282
|
ref_key: "meetInfoRef",
|
|
272
283
|
ref: meetInfoRef
|
|
273
284
|
}, [
|
|
274
|
-
createElementVNode("span",
|
|
285
|
+
createElementVNode("span", _hoisted_6, [
|
|
275
286
|
createElementVNode("span", null, toDisplayString(item.dateRange), 1)
|
|
276
287
|
]),
|
|
277
288
|
item.group_name || item.activity_type ? (openBlock(), createBlock(unref(ODivider), {
|
|
@@ -287,86 +298,88 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
287
298
|
], 64)) : createCommentVNode("", true)
|
|
288
299
|
])
|
|
289
300
|
], 512),
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
301
|
+
createElementVNode("div", _hoisted_7, [
|
|
302
|
+
item.url ? (openBlock(), createBlock(unref(OButton), {
|
|
303
|
+
key: 0,
|
|
304
|
+
variant: "text",
|
|
305
|
+
href: item.url,
|
|
306
|
+
target: "_blank",
|
|
307
|
+
class: "jump-detail-link"
|
|
308
|
+
}, {
|
|
309
|
+
suffix: withCtx(() => [
|
|
310
|
+
createVNode(unref(OIcon), null, {
|
|
311
|
+
default: withCtx(() => [
|
|
312
|
+
createVNode(unref(IconChevronRight))
|
|
313
|
+
]),
|
|
314
|
+
_: 1
|
|
315
|
+
})
|
|
316
|
+
]),
|
|
317
|
+
default: withCtx(() => [
|
|
318
|
+
createElementVNode("span", null, toDisplayString(i18n.value.LEARN_MORE), 1)
|
|
319
|
+
]),
|
|
320
|
+
_: 1
|
|
321
|
+
}, 8, ["href"])) : createCommentVNode("", true),
|
|
322
|
+
item.join_url && !item.isExpired ? (openBlock(), createBlock(unref(OButton), {
|
|
323
|
+
key: 1,
|
|
324
|
+
variant: "text",
|
|
325
|
+
href: item.join_url,
|
|
326
|
+
target: "_blank",
|
|
327
|
+
class: "jump-detail-link"
|
|
328
|
+
}, {
|
|
329
|
+
suffix: withCtx(() => [
|
|
330
|
+
createVNode(unref(OIcon), null, {
|
|
331
|
+
default: withCtx(() => [
|
|
332
|
+
createVNode(unref(IconChevronRight))
|
|
333
|
+
]),
|
|
334
|
+
_: 1
|
|
335
|
+
})
|
|
336
|
+
]),
|
|
337
|
+
default: withCtx(() => [
|
|
338
|
+
createElementVNode("span", null, toDisplayString(i18n.value.JOIN_MEETING), 1)
|
|
339
|
+
]),
|
|
340
|
+
_: 1
|
|
341
|
+
}, 8, ["href"])) : createCommentVNode("", true),
|
|
342
|
+
item.content_url ? (openBlock(), createBlock(unref(OButton), {
|
|
343
|
+
key: 2,
|
|
344
|
+
variant: "text",
|
|
345
|
+
href: item.content_url,
|
|
346
|
+
target: "_blank",
|
|
347
|
+
class: "jump-detail-link"
|
|
348
|
+
}, {
|
|
349
|
+
suffix: withCtx(() => [
|
|
350
|
+
createVNode(unref(OIcon), null, {
|
|
351
|
+
default: withCtx(() => [
|
|
352
|
+
createVNode(unref(IconChevronRight))
|
|
353
|
+
]),
|
|
354
|
+
_: 1
|
|
355
|
+
})
|
|
356
|
+
]),
|
|
357
|
+
default: withCtx(() => [
|
|
358
|
+
createElementVNode("span", null, toDisplayString(i18n.value.DETAILS), 1)
|
|
359
|
+
]),
|
|
360
|
+
_: 1
|
|
361
|
+
}, 8, ["href"])) : createCommentVNode("", true),
|
|
362
|
+
item.register_url && !item.isExpired ? (openBlock(), createBlock(unref(OButton), {
|
|
363
|
+
key: 3,
|
|
364
|
+
variant: "text",
|
|
365
|
+
href: item.register_url,
|
|
366
|
+
target: "_blank",
|
|
367
|
+
class: "jump-detail-link"
|
|
368
|
+
}, {
|
|
369
|
+
suffix: withCtx(() => [
|
|
370
|
+
createVNode(unref(OIcon), null, {
|
|
371
|
+
default: withCtx(() => [
|
|
372
|
+
createVNode(unref(IconChevronRight))
|
|
373
|
+
]),
|
|
374
|
+
_: 1
|
|
375
|
+
})
|
|
376
|
+
]),
|
|
377
|
+
default: withCtx(() => [
|
|
378
|
+
createElementVNode("span", null, toDisplayString(i18n.value.SIGN), 1)
|
|
379
|
+
]),
|
|
380
|
+
_: 1
|
|
381
|
+
}, 8, ["href"])) : createCommentVNode("", true)
|
|
382
|
+
])
|
|
370
383
|
]),
|
|
371
384
|
createVNode(unref(OIcon), {
|
|
372
385
|
onClick: withModifiers(() => copyInfo(index), ["stop"]),
|
|
@@ -379,7 +392,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
379
392
|
}, 8, ["onClick"])
|
|
380
393
|
]),
|
|
381
394
|
default: withCtx(() => [
|
|
382
|
-
createElementVNode("div",
|
|
395
|
+
createElementVNode("div", _hoisted_8, [
|
|
383
396
|
createVNode(_sfc_main$1, {
|
|
384
397
|
show: collapseNames.value.includes(item.id),
|
|
385
398
|
data: item,
|
|
@@ -390,7 +403,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
390
403
|
])
|
|
391
404
|
]),
|
|
392
405
|
_: 2
|
|
393
|
-
}, 1032, ["value"]);
|
|
406
|
+
}, 1032, ["value", "class"]);
|
|
394
407
|
}), 128))
|
|
395
408
|
]),
|
|
396
409
|
_: 1
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
display: flex;
|
|
14
14
|
flex-direction: column;
|
|
15
15
|
border-right: 1px solid var(--o-color-control4);
|
|
16
|
+
justify-content: space-between;
|
|
16
17
|
}
|
|
17
18
|
@media (max-width: 1200px) {
|
|
18
19
|
.o-sig-meeting-aside {
|
|
@@ -38,7 +39,7 @@
|
|
|
38
39
|
}
|
|
39
40
|
}
|
|
40
41
|
.o-sig-meeting-aside .month-item {
|
|
41
|
-
|
|
42
|
+
height: calc(var(--height) * 1px - 24px - var(--o-gap-3));
|
|
42
43
|
}
|
|
43
44
|
.o-sig-meeting-aside .month-item .month {
|
|
44
45
|
color: var(--o-color-info3);
|
|
@@ -152,6 +153,7 @@
|
|
|
152
153
|
align-items: center;
|
|
153
154
|
justify-content: space-between;
|
|
154
155
|
color: var(--o-color-primary1);
|
|
156
|
+
margin-top: var(--o-gap-3);
|
|
155
157
|
}
|
|
156
158
|
.o-sig-meeting-aside .arrow-wrapper .o-icon {
|
|
157
159
|
font-size: 24px;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, normalizeClass, createBlock,
|
|
2
|
-
import { OIcon, OIconArrowLeft, OIconArrowRight } from "@opensig/opendesign";
|
|
1
|
+
import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createElementVNode, toDisplayString, normalizeClass, createBlock, normalizeStyle, resolveDynamicComponent, createCommentVNode } from "vue";
|
|
2
|
+
import { OScroller, OIcon, OIconArrowLeft, OIconArrowRight } from "@opensig/opendesign";
|
|
3
3
|
import { useMeetingConfig } from "../composables/useMeetingConfig.mjs";
|
|
4
4
|
import { CalendarDataType } from "../types.mjs";
|
|
5
5
|
const _hoisted_1 = { class: "o-sig-meeting-aside" };
|
|
@@ -34,55 +34,64 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
34
34
|
};
|
|
35
35
|
return (_ctx, _cache) => {
|
|
36
36
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
37
|
-
(
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
key:
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
37
|
+
createVNode(unref(OScroller), {
|
|
38
|
+
class: "month-wrapper",
|
|
39
|
+
"show-type": "hover",
|
|
40
|
+
size: "small"
|
|
41
|
+
}, {
|
|
42
|
+
default: withCtx(() => [
|
|
43
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.data, (d, dIdx) => {
|
|
44
|
+
return openBlock(), createElementBlock(Fragment, { key: dIdx }, [
|
|
45
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(d, (m) => {
|
|
46
|
+
return openBlock(), createElementBlock("div", {
|
|
47
|
+
key: m.month,
|
|
48
|
+
class: "month-item"
|
|
49
|
+
}, [
|
|
50
|
+
createElementVNode("div", _hoisted_2, toDisplayString(m.month.replace(/-/g, "/")), 1),
|
|
51
|
+
createElementVNode("div", _hoisted_3, [
|
|
52
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(m.days, (d2) => {
|
|
53
|
+
return openBlock(), createElementBlock("div", {
|
|
54
|
+
class: normalizeClass(["day-item", __props.active === `${m.month}-${d2}` && "active"]),
|
|
55
|
+
key: d2,
|
|
56
|
+
onClick: ($event) => clickDate(`${m.month}-${d2}`)
|
|
57
|
+
}, [
|
|
58
|
+
createElementVNode("div", _hoisted_5, toDisplayString(d2), 1),
|
|
59
|
+
createElementVNode("div", _hoisted_6, [
|
|
60
|
+
__props.meetingDates.includes(`${m.month}-${d2}`) ? (openBlock(), createBlock(unref(OIcon), {
|
|
61
|
+
key: 0,
|
|
62
|
+
style: normalizeStyle({
|
|
63
|
+
zIndex: unref(getConfig)(unref(CalendarDataType).MEETING, "zIndex"),
|
|
64
|
+
backgroundColor: unref(getConfig)(unref(CalendarDataType).MEETING, "color")
|
|
65
|
+
})
|
|
66
|
+
}, {
|
|
67
|
+
default: withCtx(() => [
|
|
68
|
+
(openBlock(), createBlock(resolveDynamicComponent(unref(getConfig)(unref(CalendarDataType).MEETING, "icon"))))
|
|
69
|
+
]),
|
|
70
|
+
_: 1
|
|
71
|
+
}, 8, ["style"])) : createCommentVNode("", true),
|
|
72
|
+
__props.eventsDates.includes(`${m.month}-${d2}`) ? (openBlock(), createBlock(unref(OIcon), {
|
|
73
|
+
key: 1,
|
|
74
|
+
style: normalizeStyle({
|
|
75
|
+
zIndex: unref(getConfig)(unref(CalendarDataType).EVENTS, "zIndex"),
|
|
76
|
+
backgroundColor: unref(getConfig)(unref(CalendarDataType).EVENTS, "color")
|
|
77
|
+
})
|
|
78
|
+
}, {
|
|
79
|
+
default: withCtx(() => [
|
|
80
|
+
(openBlock(), createBlock(resolveDynamicComponent(unref(getConfig)(unref(CalendarDataType).EVENTS, "icon"))))
|
|
81
|
+
]),
|
|
82
|
+
_: 1
|
|
83
|
+
}, 8, ["style"])) : createCommentVNode("", true)
|
|
84
|
+
])
|
|
85
|
+
], 10, _hoisted_4);
|
|
86
|
+
}), 128))
|
|
87
|
+
])
|
|
88
|
+
]);
|
|
89
|
+
}), 128))
|
|
90
|
+
], 64);
|
|
83
91
|
}), 128))
|
|
84
|
-
],
|
|
85
|
-
|
|
92
|
+
]),
|
|
93
|
+
_: 1
|
|
94
|
+
}),
|
|
86
95
|
createElementVNode("div", _hoisted_7, [
|
|
87
96
|
createVNode(unref(OIcon), {
|
|
88
97
|
onClick: _cache[0] || (_cache[0] = ($event) => changeMonth(0 - STEP)),
|