@quoreadmin/ui 1.10.24 → 1.10.26
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/index.css +1 -1
- package/dist/index10.js +209 -180
- package/dist/index131.js +172 -158
- package/dist/index149.js +11 -5
- package/dist/index15.js +26 -26
- package/dist/index16.js +64 -52
- package/dist/index182.js +14 -14
- package/dist/index183.js +3 -3
- package/dist/index193.js +10 -10
- package/dist/index195.js +10 -10
- package/dist/index198.js +17 -17
- package/dist/index201.js +28 -28
- package/dist/index202.js +2 -2
- package/dist/index203.js +2 -2
- package/dist/index204.js +1 -1
- package/dist/index206.js +2 -2
- package/dist/index208.js +14 -14
- package/dist/index209.js +1 -1
- package/dist/index210.js +1 -1
- package/dist/index211.js +3 -3
- package/dist/index212.js +6 -6
- package/dist/index213.js +84 -29
- package/dist/index214.js +400 -109
- package/dist/index215.js +22 -36
- package/dist/index216.js +33 -26
- package/dist/index217.js +111 -31
- package/dist/index218.js +35 -50
- package/dist/index219.js +26 -43
- package/dist/index220.js +35 -3
- package/dist/index221.js +51 -9
- package/dist/index222.js +42 -18
- package/dist/index223.js +4 -10
- package/dist/index224.js +9 -10
- package/dist/index225.js +18 -38
- package/dist/index226.js +10 -21
- package/dist/index227.js +10 -88
- package/dist/index228.js +35 -403
- package/dist/index229.js +21 -22
- package/dist/index230.js +121 -155
- package/dist/index231.js +37 -19
- package/dist/index232.js +80 -20
- package/dist/index233.js +13 -15
- package/dist/index234.js +19 -198
- package/dist/index235.js +18 -68
- package/dist/index236.js +20 -34
- package/dist/index237.js +19 -39
- package/dist/index242.js +155 -121
- package/dist/index243.js +19 -37
- package/dist/index244.js +22 -80
- package/dist/index245.js +198 -19
- package/dist/index246.js +68 -18
- package/dist/index247.js +34 -20
- package/dist/index248.js +39 -19
- package/dist/index249.js +3673 -217
- package/dist/index250.js +59 -7
- package/dist/index251.js +78 -133
- package/dist/index252.js +51 -82
- package/dist/index253.js +215 -20
- package/dist/index254.js +9 -53
- package/dist/index255.js +55 -77
- package/dist/index256.js +61 -20
- package/dist/index257.js +54 -26
- package/dist/index258.js +81 -22
- package/dist/index259.js +727 -21
- package/dist/index260.js +45 -14
- package/dist/index261.js +62 -15
- package/dist/index262.js +10 -22
- package/dist/index263.js +705 -22
- package/dist/index264.js +820 -22
- package/dist/index265.js +22 -836
- package/dist/index266.js +21 -701
- package/dist/index267.js +20 -176
- package/dist/index268.js +836 -22
- package/dist/index269.js +701 -19
- package/dist/index270.js +176 -3
- package/dist/index271.js +21 -186
- package/dist/index272.js +19 -132
- package/dist/index273.js +20 -1223
- package/dist/index274.js +3 -20
- package/dist/index275.js +186 -21
- package/dist/index276.js +132 -21
- package/dist/index277.js +1223 -29
- package/dist/index278.js +12 -12
- package/dist/index279.js +15 -13
- package/dist/index280.js +22 -2
- package/dist/index281.js +29 -2
- package/dist/index282.js +20 -3709
- package/dist/index283.js +20 -60
- package/dist/index284.js +2 -83
- package/dist/index285.js +2 -52
- package/dist/index286.js +236 -198
- package/dist/index287.js +7 -9
- package/dist/index288.js +135 -54
- package/dist/index289.js +82 -60
- package/dist/index290.js +2 -54
- package/dist/index291.js +76 -78
- package/dist/index292.js +3 -728
- package/dist/index293.js +26 -46
- package/dist/index294.js +51 -61
- package/dist/index295.js +26 -11
- package/dist/index296.js +22 -705
- package/dist/index297.js +22 -820
- package/dist/index298.js +16 -2
- package/dist/index299.js +17 -3
- package/dist/index300.js +23 -27
- package/dist/index301.js +1520 -251
- package/dist/index302.js +384 -4
- package/dist/index303.js +2715 -134
- package/dist/index304.js +83 -66
- package/dist/index305.js +3796 -89
- package/dist/index306.js +57 -26
- package/dist/index307.js +15 -16
- package/dist/index308.js +74 -65
- package/dist/index309.js +201 -3
- package/dist/index310.js +246 -2
- package/dist/index311.js +74 -79
- package/dist/index312.js +21 -57
- package/dist/index313.js +934 -5
- package/dist/index314.js +21 -4
- package/dist/index315.js +19 -185
- package/dist/index316.js +19 -62
- package/dist/index317.js +68 -74
- package/dist/index318.js +18 -36
- package/dist/index319.js +19 -1534
- package/dist/index320.js +22 -386
- package/dist/index321.js +22 -2731
- package/dist/index322.js +63 -86
- package/dist/index323.js +28 -3789
- package/dist/index324.js +256 -51
- package/dist/index325.js +5 -78
- package/dist/index326.js +149 -21
- package/dist/index327.js +63 -929
- package/dist/index328.js +90 -21
- package/dist/index329.js +28 -19
- package/dist/index330.js +15 -19
- package/dist/index331.js +73 -67
- package/dist/index332.js +4 -19
- package/dist/index333.js +2 -19
- package/dist/index334.js +83 -21
- package/dist/index335.js +57 -21
- package/dist/index336.js +6 -63
- package/dist/index337.js +5 -15
- package/dist/index338.js +173 -71
- package/dist/index339.js +57 -196
- package/dist/index340.js +75 -246
- package/dist/index343.js +1 -1
- package/dist/index348.js +1 -1
- package/dist/index353.js +2 -2
- package/dist/index357.js +2 -2
- package/dist/index358.js +1 -1
- package/dist/index364.js +19 -18
- package/dist/index365.js +19 -56
- package/dist/index366.js +61 -22
- package/dist/index367.js +37 -7
- package/dist/index368.js +16 -52
- package/dist/index369.js +57 -7
- package/dist/index370.js +23 -10
- package/dist/index371.js +7 -7
- package/dist/index372.js +54 -27
- package/dist/index373.js +7 -2
- package/dist/index374.js +11 -81
- package/dist/index375.js +6 -179
- package/dist/index376.js +28 -20
- package/dist/index377.js +2 -20
- package/dist/index378.js +79 -61
- package/dist/index379.js +179 -36
- package/dist/index38.js +1 -1
- package/dist/index380.js +97 -30
- package/dist/index381.js +100 -10
- package/dist/index382.js +90 -3
- package/dist/index383.js +17 -4
- package/dist/index384.js +30 -12
- package/dist/index385.js +11 -7
- package/dist/index386.js +3 -13
- package/dist/index387.js +3 -4
- package/dist/index388.js +13 -36
- package/dist/index389.js +7 -37
- package/dist/index390.js +14 -30
- package/dist/index391.js +5 -64
- package/dist/index392.js +36 -17
- package/dist/index393.js +35 -99
- package/dist/index394.js +30 -91
- package/dist/index395.js +62 -96
- package/dist/index396.js +1 -1
- package/dist/index401.js +1 -1
- package/dist/index402.js +2 -2
- package/dist/index79.js +218 -129
- package/dist/src/components/avatar/avatar.stories.d.ts +1 -0
- package/dist/src/components/calendar/calendar.d.ts +18 -1
- package/dist/src/components/page-layout/page-layout.stories.d.ts +319 -0
- package/dist/src/components/page-layout/page-layout.vue.d.ts +2 -0
- package/package.json +1 -1
- package/src/assets/illustrations/pending-to-do.png +0 -0
package/dist/index79.js
CHANGED
|
@@ -1,6 +1,14 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { useI18n as
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as se, ref as F, computed as D, watch as U } from "vue";
|
|
2
|
+
import { useI18n as oe } from "vue-i18n";
|
|
3
|
+
const ce = [
|
|
4
|
+
"HC_MON",
|
|
5
|
+
"HC_TUE",
|
|
6
|
+
"HC_WED",
|
|
7
|
+
"HC_THU",
|
|
8
|
+
"HC_FRI",
|
|
9
|
+
"HC_SAT",
|
|
10
|
+
"HC_SUN"
|
|
11
|
+
], A = [
|
|
4
12
|
"HC_JANUARY",
|
|
5
13
|
"HC_FEBRUARY",
|
|
6
14
|
"HC_MARCH",
|
|
@@ -26,7 +34,7 @@ const le = ["HC_MON", "HC_TUE", "HC_WED", "HC_THU", "HC_FRI", "HC_SAT", "HC_SUN"
|
|
|
26
34
|
"HC_OCT",
|
|
27
35
|
"HC_NOV",
|
|
28
36
|
"HC_DEC"
|
|
29
|
-
],
|
|
37
|
+
], de = se({
|
|
30
38
|
name: "QCalendar",
|
|
31
39
|
props: {
|
|
32
40
|
/** Currently selected date(s) - single Date or array for range */
|
|
@@ -39,8 +47,8 @@ const le = ["HC_MON", "HC_TUE", "HC_WED", "HC_THU", "HC_FRI", "HC_SAT", "HC_SUN"
|
|
|
39
47
|
type: Boolean,
|
|
40
48
|
default: !1
|
|
41
49
|
},
|
|
42
|
-
/**
|
|
43
|
-
* Start date of the calendar view.
|
|
50
|
+
/**
|
|
51
|
+
* Start date of the calendar view.
|
|
44
52
|
* When provided with endDate, enables multi-month display.
|
|
45
53
|
* The calendar will show all weeks from startDate to endDate.
|
|
46
54
|
*/
|
|
@@ -121,78 +129,133 @@ const le = ["HC_MON", "HC_TUE", "HC_WED", "HC_THU", "HC_FRI", "HC_SAT", "HC_SUN"
|
|
|
121
129
|
type: String,
|
|
122
130
|
default: "en"
|
|
123
131
|
},
|
|
124
|
-
/**
|
|
132
|
+
/**
|
|
125
133
|
* When true and startDate/endDate are provided, displays all months
|
|
126
134
|
* in a single continuous vertical grid instead of side-by-side.
|
|
127
135
|
*/
|
|
128
136
|
continuous: {
|
|
129
137
|
type: Boolean,
|
|
130
138
|
default: !1
|
|
139
|
+
},
|
|
140
|
+
/** Show as paginated date picker with popover calendar */
|
|
141
|
+
paginated: {
|
|
142
|
+
type: Boolean,
|
|
143
|
+
default: !1
|
|
131
144
|
}
|
|
132
145
|
},
|
|
133
|
-
emits: [
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
146
|
+
emits: [
|
|
147
|
+
"update:modelValue",
|
|
148
|
+
"date-click",
|
|
149
|
+
"date-change",
|
|
150
|
+
"month-change",
|
|
151
|
+
"view-change"
|
|
152
|
+
],
|
|
153
|
+
setup(a, { emit: c }) {
|
|
154
|
+
const { t: i } = oe(), h = F("days"), r = F(/* @__PURE__ */ new Date()), H = F(null), $ = F(
|
|
155
|
+
Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 12) * 12
|
|
156
|
+
), y = F(!1), m = D(() => !!(a.startDate && a.endDate)), b = D(() => {
|
|
157
|
+
const e = ce.map((t) => i(t));
|
|
158
|
+
return a.firstDayOfWeek === 0 ? [i("HC_SUN"), ...e.slice(0, 6)] : e;
|
|
159
|
+
}), P = D(
|
|
160
|
+
() => A.map((e) => i(e))
|
|
161
|
+
), W = D(
|
|
162
|
+
() => E.map((e) => i(e))
|
|
163
|
+
), I = D(() => {
|
|
164
|
+
if (!a.minDate) return !1;
|
|
165
|
+
const e = new Date(a.modelValue), t = new Date(a.minDate), l = ("0" + (e.getMonth() + 1)).slice(
|
|
166
|
+
-2
|
|
167
|
+
), u = ("0" + (t.getMonth() + 1)).slice(-2), s = ("0" + e.getDate()).slice(-2), d = ("0" + t.getDate()).slice(-2), g = `${e.getFullYear()}-${l}-${s}`, f = `${t.getFullYear()}-${u}-${d}`;
|
|
168
|
+
return !!a.paginated && !y.value && g <= f;
|
|
169
|
+
}), J = D(() => {
|
|
170
|
+
if (!a.maxDate) return !1;
|
|
171
|
+
const e = new Date(a.modelValue), t = new Date(a.maxDate), l = ("0" + (e.getMonth() + 1)).slice(
|
|
172
|
+
-2
|
|
173
|
+
), u = ("0" + (t.getMonth() + 1)).slice(-2), s = ("0" + e.getDate()).slice(-2), d = ("0" + t.getDate()).slice(-2), g = `${e.getFullYear()}-${l}-${s}`, f = `${t.getFullYear()}-${u}-${d}`;
|
|
174
|
+
return !!a.paginated && !y.value && g >= f;
|
|
175
|
+
}), Y = D(() => {
|
|
139
176
|
const e = /* @__PURE__ */ new Set();
|
|
140
177
|
if (a.primaryMonths && a.primaryMonths.length > 0)
|
|
141
178
|
a.primaryMonths.forEach((t) => {
|
|
142
179
|
e.add(`${t.year}-${t.month}`);
|
|
143
180
|
});
|
|
144
|
-
else if (
|
|
145
|
-
const t = new Date(
|
|
181
|
+
else if (m.value && a.startDate && a.endDate) {
|
|
182
|
+
const t = new Date(
|
|
183
|
+
a.startDate.getFullYear(),
|
|
184
|
+
a.startDate.getMonth(),
|
|
185
|
+
1
|
|
186
|
+
), l = new Date(
|
|
187
|
+
a.endDate.getFullYear(),
|
|
188
|
+
a.endDate.getMonth(),
|
|
189
|
+
1
|
|
190
|
+
);
|
|
146
191
|
for (; t <= l; )
|
|
147
|
-
e.add(
|
|
192
|
+
e.add(
|
|
193
|
+
`${t.getFullYear()}-${t.getMonth()}`
|
|
194
|
+
), t.setMonth(t.getMonth() + 1);
|
|
148
195
|
} else
|
|
149
|
-
e.add(
|
|
196
|
+
e.add(
|
|
197
|
+
`${r.value.getFullYear()}-${r.value.getMonth()}`
|
|
198
|
+
);
|
|
150
199
|
return e;
|
|
151
|
-
}),
|
|
200
|
+
}), L = D(() => {
|
|
152
201
|
const e = [];
|
|
153
|
-
if (
|
|
154
|
-
const t = new Date(
|
|
202
|
+
if (m.value && a.startDate && a.endDate && !a.continuous) {
|
|
203
|
+
const t = new Date(
|
|
204
|
+
a.startDate.getFullYear(),
|
|
205
|
+
a.startDate.getMonth(),
|
|
206
|
+
1
|
|
207
|
+
), l = new Date(
|
|
208
|
+
a.endDate.getFullYear(),
|
|
209
|
+
a.endDate.getMonth(),
|
|
210
|
+
1
|
|
211
|
+
);
|
|
155
212
|
for (; t <= l; )
|
|
156
|
-
e.push(
|
|
157
|
-
} else a.continuous || e.push(
|
|
213
|
+
e.push(S(new Date(t))), t.setMonth(t.getMonth() + 1);
|
|
214
|
+
} else a.continuous || e.push(S(new Date(r.value)));
|
|
158
215
|
return e;
|
|
159
|
-
}),
|
|
160
|
-
if (!a.continuous || !
|
|
216
|
+
}), G = D(() => {
|
|
217
|
+
if (!a.continuous || !m.value || !a.startDate || !a.endDate)
|
|
161
218
|
return { dates: [] };
|
|
162
219
|
const e = [], t = new Date(a.startDate);
|
|
163
220
|
let l = t.getDay() - a.firstDayOfWeek;
|
|
164
221
|
l < 0 && (l += 7);
|
|
165
222
|
const u = new Date(t);
|
|
166
223
|
u.setDate(u.getDate() - l);
|
|
167
|
-
const
|
|
168
|
-
let
|
|
169
|
-
|
|
170
|
-
const
|
|
171
|
-
|
|
172
|
-
const
|
|
173
|
-
for (;
|
|
174
|
-
const
|
|
175
|
-
`${
|
|
224
|
+
const s = new Date(a.endDate);
|
|
225
|
+
let d = s.getDay() - a.firstDayOfWeek;
|
|
226
|
+
d < 0 && (d += 7);
|
|
227
|
+
const g = 6 - d, f = new Date(s);
|
|
228
|
+
f.setDate(f.getDate() + g);
|
|
229
|
+
const v = new Date(u);
|
|
230
|
+
for (; v <= f; ) {
|
|
231
|
+
const o = Y.value.has(
|
|
232
|
+
`${v.getFullYear()}-${v.getMonth()}`
|
|
176
233
|
);
|
|
177
|
-
e.push(
|
|
234
|
+
e.push(
|
|
235
|
+
_(new Date(v), o)
|
|
236
|
+
), v.setDate(v.getDate() + 1);
|
|
178
237
|
}
|
|
179
238
|
return { dates: e };
|
|
180
|
-
}),
|
|
181
|
-
if (
|
|
239
|
+
}), Q = D(() => {
|
|
240
|
+
if (m.value && a.startDate && a.endDate) {
|
|
182
241
|
const e = a.startDate.getMonth(), t = a.startDate.getFullYear(), l = a.endDate.getMonth(), u = a.endDate.getFullYear();
|
|
183
|
-
return t === u ? e === l ? `${
|
|
242
|
+
return t === u ? e === l ? `${i(A[e])} ${t}` : `${i(E[e])}/${i(E[l])} ${t}` : `${i(E[e])} ${t} - ${i(E[l])} ${u}`;
|
|
243
|
+
}
|
|
244
|
+
if (a.paginated && !y.value) {
|
|
245
|
+
const e = a.modelValue ? Array.isArray(a.modelValue) ? a.modelValue[0] : a.modelValue : r.value, t = e instanceof Date ? e : r.value;
|
|
246
|
+
return `${i(A[t.getMonth()])} ${t.getDate()}, ${t.getFullYear()}`;
|
|
184
247
|
}
|
|
185
|
-
return `${
|
|
186
|
-
}),
|
|
248
|
+
return `${i(A[r.value.getMonth()])} ${r.value.getFullYear()}`;
|
|
249
|
+
}), j = D(() => {
|
|
187
250
|
const e = [];
|
|
188
251
|
for (let t = 0; t < 12; t++)
|
|
189
|
-
e.push(
|
|
252
|
+
e.push($.value + t);
|
|
190
253
|
return e;
|
|
191
|
-
}), n =
|
|
254
|
+
}), n = D(() => a.modelValue ? Array.isArray(a.modelValue) ? a.modelValue.filter((e) => e instanceof Date) : [a.modelValue] : []), M = (e, t) => e.getDate() === t.getDate() && e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear(), O = (e) => M(e, /* @__PURE__ */ new Date()), V = (e) => n.value.some((t) => M(t, e)), N = (e) => {
|
|
192
255
|
if (!a.range || n.value.length < 2) {
|
|
193
|
-
if (a.range && n.value.length === 1 &&
|
|
194
|
-
const u = n.value[0],
|
|
195
|
-
return e >
|
|
256
|
+
if (a.range && n.value.length === 1 && H.value) {
|
|
257
|
+
const u = n.value[0], s = H.value, [d, g] = u < s ? [u, s] : [s, u];
|
|
258
|
+
return e > d && e < g;
|
|
196
259
|
}
|
|
197
260
|
return !1;
|
|
198
261
|
}
|
|
@@ -200,30 +263,37 @@ const le = ["HC_MON", "HC_TUE", "HC_WED", "HC_THU", "HC_FRI", "HC_SAT", "HC_SUN"
|
|
|
200
263
|
return e > t && e < l;
|
|
201
264
|
}, T = (e) => {
|
|
202
265
|
if (!a.range || n.value.length === 0) return !1;
|
|
203
|
-
if (n.value.length === 1)
|
|
266
|
+
if (n.value.length === 1)
|
|
267
|
+
return M(e, n.value[0]);
|
|
204
268
|
const [t] = n.value[0] < n.value[1] ? [n.value[0], n.value[1]] : [n.value[1], n.value[0]];
|
|
205
|
-
return
|
|
269
|
+
return M(e, t);
|
|
206
270
|
}, k = (e) => {
|
|
207
271
|
if (!a.range || n.value.length < 2) return !1;
|
|
208
272
|
const [, t] = n.value[0] < n.value[1] ? [n.value[0], n.value[1]] : [n.value[1], n.value[0]];
|
|
209
|
-
return
|
|
210
|
-
},
|
|
211
|
-
const t = e.getMonth(), l = e.getFullYear(), u = [],
|
|
212
|
-
let
|
|
213
|
-
|
|
214
|
-
const
|
|
215
|
-
for (let
|
|
216
|
-
const
|
|
217
|
-
|
|
273
|
+
return M(e, t);
|
|
274
|
+
}, x = (e) => !!(a.disabledDate(e) || a.minDate && e < a.minDate || a.maxDate && e > a.maxDate), B = (e) => a.indicatorDates.some((t) => M(t, e)), S = (e) => {
|
|
275
|
+
const t = e.getMonth(), l = e.getFullYear(), u = [], s = new Date(l, t, 1), d = new Date(l, t + 1, 0);
|
|
276
|
+
let g = s.getDay() - a.firstDayOfWeek;
|
|
277
|
+
g < 0 && (g += 7);
|
|
278
|
+
const f = new Date(l, t, 0).getDate();
|
|
279
|
+
for (let o = g - 1; o >= 0; o--) {
|
|
280
|
+
const w = f - o, C = new Date(l, t - 1, w), re = Y.value.has(
|
|
281
|
+
`${C.getFullYear()}-${C.getMonth()}`
|
|
282
|
+
);
|
|
283
|
+
u.push(_(C, re));
|
|
218
284
|
}
|
|
219
|
-
for (let
|
|
220
|
-
const
|
|
221
|
-
|
|
285
|
+
for (let o = 1; o <= d.getDate(); o++) {
|
|
286
|
+
const w = new Date(l, t, o), C = Y.value.has(
|
|
287
|
+
`${l}-${t}`
|
|
288
|
+
);
|
|
289
|
+
u.push(_(w, C));
|
|
222
290
|
}
|
|
223
|
-
const
|
|
224
|
-
for (let
|
|
225
|
-
const
|
|
226
|
-
|
|
291
|
+
const v = 42 - u.length;
|
|
292
|
+
for (let o = 1; o <= v; o++) {
|
|
293
|
+
const w = new Date(l, t + 1, o), C = Y.value.has(
|
|
294
|
+
`${w.getFullYear()}-${w.getMonth()}`
|
|
295
|
+
);
|
|
296
|
+
u.push(_(w, C));
|
|
227
297
|
}
|
|
228
298
|
return { month: t, year: l, dates: u };
|
|
229
299
|
}, _ = (e, t) => ({
|
|
@@ -232,99 +302,118 @@ const le = ["HC_MON", "HC_TUE", "HC_WED", "HC_THU", "HC_FRI", "HC_SAT", "HC_SUN"
|
|
|
232
302
|
month: e.getMonth(),
|
|
233
303
|
year: e.getFullYear(),
|
|
234
304
|
isCurrentMonth: t,
|
|
235
|
-
isToday:
|
|
236
|
-
isSelected:
|
|
305
|
+
isToday: O(e),
|
|
306
|
+
isSelected: V(e),
|
|
237
307
|
isInRange: N(e),
|
|
238
308
|
isRangeStart: T(e),
|
|
239
309
|
isRangeEnd: k(e),
|
|
240
|
-
isDisabled:
|
|
241
|
-
hasIndicator:
|
|
242
|
-
}),
|
|
310
|
+
isDisabled: x(e),
|
|
311
|
+
hasIndicator: B(e)
|
|
312
|
+
}), K = () => {
|
|
313
|
+
const e = new Date(a.modelValue);
|
|
314
|
+
e.setDate(e.getDate() - 1), r.value = e, c("update:modelValue", r.value);
|
|
315
|
+
}, q = () => {
|
|
316
|
+
const e = new Date(a.modelValue);
|
|
317
|
+
e.setDate(e.getDate() + 1), r.value = e, c("update:modelValue", e);
|
|
318
|
+
}, z = () => {
|
|
243
319
|
const e = new Date(r.value);
|
|
244
|
-
e.setMonth(e.getMonth() - 1), r.value = e,
|
|
245
|
-
},
|
|
320
|
+
e.setMonth(e.getMonth() - 1), r.value = e, c("month-change", e);
|
|
321
|
+
}, X = () => {
|
|
246
322
|
const e = new Date(r.value);
|
|
247
|
-
e.setMonth(e.getMonth() + 1), r.value = e,
|
|
248
|
-
},
|
|
249
|
-
|
|
250
|
-
},
|
|
251
|
-
|
|
252
|
-
},
|
|
253
|
-
a.headerClickable && (
|
|
254
|
-
},
|
|
323
|
+
e.setMonth(e.getMonth() + 1), r.value = e, c("month-change", e);
|
|
324
|
+
}, Z = () => {
|
|
325
|
+
$.value -= 12;
|
|
326
|
+
}, p = () => {
|
|
327
|
+
$.value += 12;
|
|
328
|
+
}, ee = () => {
|
|
329
|
+
a.headerClickable && (a.paginated && !y.value ? y.value = !0 : h.value === "days" ? h.value = "months" : h.value === "months" && (h.value = "years"), c("view-change", h.value));
|
|
330
|
+
}, te = (e) => {
|
|
255
331
|
const t = new Date(r.value);
|
|
256
|
-
t.setMonth(e), r.value = t,
|
|
257
|
-
},
|
|
332
|
+
t.setMonth(e), r.value = t, h.value = "days", c("view-change", h.value), c("month-change", t);
|
|
333
|
+
}, ae = (e) => {
|
|
258
334
|
const t = new Date(r.value);
|
|
259
|
-
t.setFullYear(e), r.value = t,
|
|
260
|
-
},
|
|
335
|
+
t.setFullYear(e), r.value = t, $.value = Math.floor(e / 12) * 12, h.value = "months", c("view-change", h.value);
|
|
336
|
+
}, ne = (e) => {
|
|
261
337
|
if (e.isDisabled) return;
|
|
262
338
|
const t = e.date;
|
|
263
|
-
if (
|
|
339
|
+
if (y.value = !1, c("date-click", t), a.range)
|
|
264
340
|
if (n.value.length === 0 || n.value.length === 2)
|
|
265
|
-
|
|
341
|
+
c("update:modelValue", [t]);
|
|
266
342
|
else {
|
|
267
|
-
const l = n.value[0], [u,
|
|
268
|
-
|
|
343
|
+
const l = n.value[0], [u, s] = l < t ? [l, t] : [t, l];
|
|
344
|
+
c("update:modelValue", [u, s]);
|
|
269
345
|
}
|
|
270
346
|
else
|
|
271
|
-
|
|
272
|
-
},
|
|
273
|
-
a.range && n.value.length === 1 && (
|
|
274
|
-
},
|
|
275
|
-
|
|
276
|
-
},
|
|
347
|
+
c("update:modelValue", t);
|
|
348
|
+
}, le = (e) => {
|
|
349
|
+
a.range && n.value.length === 1 && (H.value = e.date);
|
|
350
|
+
}, ue = () => {
|
|
351
|
+
H.value = null;
|
|
352
|
+
}, R = (e) => {
|
|
277
353
|
r.value = new Date(e.getFullYear(), e.getMonth(), 1);
|
|
278
354
|
};
|
|
279
|
-
return
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
355
|
+
return U(
|
|
356
|
+
() => a.modelValue,
|
|
357
|
+
(e) => {
|
|
358
|
+
if (e && !m.value) {
|
|
359
|
+
const t = Array.isArray(e) ? e[0] : e;
|
|
360
|
+
t && R(t);
|
|
361
|
+
}
|
|
362
|
+
},
|
|
363
|
+
{ immediate: !0 }
|
|
364
|
+
), U(
|
|
365
|
+
() => a.startDate,
|
|
366
|
+
(e) => {
|
|
367
|
+
e && m.value && R(e);
|
|
368
|
+
},
|
|
369
|
+
{ immediate: !0 }
|
|
370
|
+
), {
|
|
287
371
|
// Refs
|
|
288
|
-
currentView:
|
|
372
|
+
currentView: h,
|
|
289
373
|
viewDate: r,
|
|
290
|
-
hoverDate:
|
|
291
|
-
yearRangeStart:
|
|
374
|
+
hoverDate: H,
|
|
375
|
+
yearRangeStart: $,
|
|
376
|
+
showPaginatedCalendar: y,
|
|
292
377
|
// Computed
|
|
293
|
-
isMultiMonth:
|
|
294
|
-
daysOfWeek:
|
|
295
|
-
monthNames:
|
|
296
|
-
monthNamesShort:
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
378
|
+
isMultiMonth: m,
|
|
379
|
+
daysOfWeek: b,
|
|
380
|
+
monthNames: P,
|
|
381
|
+
monthNamesShort: W,
|
|
382
|
+
navPrevDisabled: I,
|
|
383
|
+
navNextDisabled: J,
|
|
384
|
+
displayedMonths: L,
|
|
385
|
+
headerTitle: Q,
|
|
386
|
+
yearsInRange: j,
|
|
300
387
|
selectedDates: n,
|
|
301
|
-
primaryMonthsSet:
|
|
302
|
-
continuousCalendarData:
|
|
388
|
+
primaryMonthsSet: Y,
|
|
389
|
+
continuousCalendarData: G,
|
|
303
390
|
// Methods
|
|
304
|
-
isSameDay:
|
|
305
|
-
isToday:
|
|
306
|
-
isSelected:
|
|
391
|
+
isSameDay: M,
|
|
392
|
+
isToday: O,
|
|
393
|
+
isSelected: V,
|
|
307
394
|
isInRange: N,
|
|
308
395
|
isRangeStart: T,
|
|
309
396
|
isRangeEnd: k,
|
|
310
|
-
isDisabled:
|
|
311
|
-
hasIndicator:
|
|
312
|
-
generateMonthData:
|
|
397
|
+
isDisabled: x,
|
|
398
|
+
hasIndicator: B,
|
|
399
|
+
generateMonthData: S,
|
|
313
400
|
createDateObject: _,
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
401
|
+
prevDay: K,
|
|
402
|
+
nextDay: q,
|
|
403
|
+
prevMonth: z,
|
|
404
|
+
nextMonth: X,
|
|
405
|
+
prevYearRange: Z,
|
|
406
|
+
nextYearRange: p,
|
|
407
|
+
onHeaderClick: ee,
|
|
408
|
+
selectMonth: te,
|
|
409
|
+
selectYear: ae,
|
|
410
|
+
onDateClick: ne,
|
|
411
|
+
onDateHover: le,
|
|
412
|
+
onDateLeave: ue,
|
|
413
|
+
goToDate: R
|
|
325
414
|
};
|
|
326
415
|
}
|
|
327
416
|
});
|
|
328
417
|
export {
|
|
329
|
-
|
|
418
|
+
de as default
|
|
330
419
|
};
|
|
@@ -126,15 +126,23 @@ declare const QCalendar: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
126
126
|
type: BooleanConstructor;
|
|
127
127
|
default: boolean;
|
|
128
128
|
};
|
|
129
|
+
/** Show as paginated date picker with popover calendar */
|
|
130
|
+
paginated: {
|
|
131
|
+
type: BooleanConstructor;
|
|
132
|
+
default: boolean;
|
|
133
|
+
};
|
|
129
134
|
}>, {
|
|
130
135
|
currentView: import('vue').Ref<CalendarView, CalendarView>;
|
|
131
136
|
viewDate: import('vue').Ref<Date, Date>;
|
|
132
137
|
hoverDate: import('vue').Ref<Date | null, Date | null>;
|
|
133
138
|
yearRangeStart: import('vue').Ref<number, number>;
|
|
139
|
+
showPaginatedCalendar: import('vue').Ref<boolean, boolean>;
|
|
134
140
|
isMultiMonth: import('vue').ComputedRef<boolean>;
|
|
135
141
|
daysOfWeek: import('vue').ComputedRef<string[]>;
|
|
136
142
|
monthNames: import('vue').ComputedRef<string[]>;
|
|
137
143
|
monthNamesShort: import('vue').ComputedRef<string[]>;
|
|
144
|
+
navPrevDisabled: import('vue').ComputedRef<boolean>;
|
|
145
|
+
navNextDisabled: import('vue').ComputedRef<boolean>;
|
|
138
146
|
displayedMonths: import('vue').ComputedRef<CalendarMonth[]>;
|
|
139
147
|
headerTitle: import('vue').ComputedRef<string>;
|
|
140
148
|
yearsInRange: import('vue').ComputedRef<number[]>;
|
|
@@ -151,6 +159,8 @@ declare const QCalendar: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
151
159
|
hasIndicator: (date: Date) => boolean;
|
|
152
160
|
generateMonthData: (monthDate: Date) => CalendarMonth;
|
|
153
161
|
createDateObject: (date: Date, isCurrentMonth: boolean) => CalendarDate;
|
|
162
|
+
prevDay: () => void;
|
|
163
|
+
nextDay: () => void;
|
|
154
164
|
prevMonth: () => void;
|
|
155
165
|
nextMonth: () => void;
|
|
156
166
|
prevYearRange: () => void;
|
|
@@ -162,7 +172,7 @@ declare const QCalendar: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
162
172
|
onDateHover: (calendarDate: CalendarDate) => void;
|
|
163
173
|
onDateLeave: () => void;
|
|
164
174
|
goToDate: (date: Date) => void;
|
|
165
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "date-click" | "month-change" | "view-change")[], "update:modelValue" | "date-click" | "month-change" | "view-change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
175
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "date-click" | "date-change" | "month-change" | "view-change")[], "update:modelValue" | "date-click" | "date-change" | "month-change" | "view-change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
166
176
|
/** Currently selected date(s) - single Date or array for range */
|
|
167
177
|
modelValue: {
|
|
168
178
|
type: PropType<Date | Date[] | null>;
|
|
@@ -262,9 +272,15 @@ declare const QCalendar: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
262
272
|
type: BooleanConstructor;
|
|
263
273
|
default: boolean;
|
|
264
274
|
};
|
|
275
|
+
/** Show as paginated date picker with popover calendar */
|
|
276
|
+
paginated: {
|
|
277
|
+
type: BooleanConstructor;
|
|
278
|
+
default: boolean;
|
|
279
|
+
};
|
|
265
280
|
}>> & Readonly<{
|
|
266
281
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
267
282
|
"onDate-click"?: ((...args: any[]) => any) | undefined;
|
|
283
|
+
"onDate-change"?: ((...args: any[]) => any) | undefined;
|
|
268
284
|
"onMonth-change"?: ((...args: any[]) => any) | undefined;
|
|
269
285
|
"onView-change"?: ((...args: any[]) => any) | undefined;
|
|
270
286
|
}>, {
|
|
@@ -285,6 +301,7 @@ declare const QCalendar: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
285
301
|
firstDayOfWeek: number;
|
|
286
302
|
locale: string;
|
|
287
303
|
continuous: boolean;
|
|
304
|
+
paginated: boolean;
|
|
288
305
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
289
306
|
export type QCalendarType = typeof QCalendar;
|
|
290
307
|
export default QCalendar;
|