@quoreadmin/ui 1.10.25 → 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.
Files changed (172) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index10.js +209 -180
  3. package/dist/index149.js +11 -5
  4. package/dist/index15.js +26 -26
  5. package/dist/index16.js +32 -22
  6. package/dist/index186.js +4 -4
  7. package/dist/index193.js +8 -8
  8. package/dist/index195.js +8 -8
  9. package/dist/index198.js +17 -17
  10. package/dist/index201.js +26 -26
  11. package/dist/index202.js +1 -1
  12. package/dist/index203.js +1 -1
  13. package/dist/index206.js +2 -2
  14. package/dist/index208.js +14 -14
  15. package/dist/index209.js +1 -1
  16. package/dist/index210.js +1 -1
  17. package/dist/index211.js +3 -3
  18. package/dist/index212.js +6 -6
  19. package/dist/index213.js +2 -2
  20. package/dist/index214.js +2 -2
  21. package/dist/index215.js +1 -1
  22. package/dist/index219.js +2 -2
  23. package/dist/index230.js +121 -155
  24. package/dist/index231.js +37 -19
  25. package/dist/index232.js +80 -20
  26. package/dist/index233.js +13 -15
  27. package/dist/index234.js +19 -198
  28. package/dist/index235.js +18 -68
  29. package/dist/index236.js +20 -34
  30. package/dist/index237.js +19 -39
  31. package/dist/index238.js +160 -21
  32. package/dist/index239.js +228 -22
  33. package/dist/index240.js +36 -19
  34. package/dist/index241.js +9 -835
  35. package/dist/index242.js +104 -645
  36. package/dist/index243.js +20 -176
  37. package/dist/index244.js +15 -13
  38. package/dist/index245.js +198 -19
  39. package/dist/index246.js +69 -21
  40. package/dist/index247.js +34 -20
  41. package/dist/index248.js +39 -19
  42. package/dist/index249.js +3709 -3
  43. package/dist/index250.js +54 -181
  44. package/dist/index251.js +77 -127
  45. package/dist/index252.js +45 -1216
  46. package/dist/index253.js +207 -119
  47. package/dist/index254.js +10 -20
  48. package/dist/index255.js +57 -22
  49. package/dist/index256.js +61 -22
  50. package/dist/index257.js +49 -33
  51. package/dist/index258.js +81 -29
  52. package/dist/index259.js +727 -19
  53. package/dist/index260.js +47 -20
  54. package/dist/index261.js +64 -2
  55. package/dist/index262.js +11 -2
  56. package/dist/index263.js +637 -3641
  57. package/dist/index264.js +819 -59
  58. package/dist/index265.js +22 -83
  59. package/dist/index266.js +22 -52
  60. package/dist/index267.js +20 -215
  61. package/dist/index268.js +836 -10
  62. package/dist/index269.js +695 -50
  63. package/dist/index270.js +174 -59
  64. package/dist/index271.js +22 -54
  65. package/dist/index272.js +20 -81
  66. package/dist/index273.js +19 -727
  67. package/dist/index274.js +3 -47
  68. package/dist/index275.js +181 -58
  69. package/dist/index276.js +133 -11
  70. package/dist/index277.js +1189 -671
  71. package/dist/index278.js +20 -820
  72. package/dist/index279.js +22 -253
  73. package/dist/index280.js +21 -7
  74. package/dist/index281.js +29 -138
  75. package/dist/index282.js +20 -83
  76. package/dist/index283.js +19 -53
  77. package/dist/index284.js +2 -79
  78. package/dist/index285.js +2 -26
  79. package/dist/index286.js +253 -22
  80. package/dist/index287.js +8 -22
  81. package/dist/index288.js +137 -15
  82. package/dist/index289.js +83 -17
  83. package/dist/index290.js +2 -23
  84. package/dist/index291.js +78 -79
  85. package/dist/index292.js +3 -20
  86. package/dist/index293.js +26 -19
  87. package/dist/index294.js +49 -156
  88. package/dist/index295.js +26 -228
  89. package/dist/index296.js +21 -36
  90. package/dist/index297.js +22 -10
  91. package/dist/index298.js +16 -3
  92. package/dist/index299.js +17 -27
  93. package/dist/index300.js +22 -264
  94. package/dist/index301.js +1533 -5
  95. package/dist/index302.js +372 -136
  96. package/dist/index303.js +2729 -67
  97. package/dist/index304.js +84 -89
  98. package/dist/index305.js +3795 -26
  99. package/dist/index306.js +58 -14
  100. package/dist/index307.js +15 -75
  101. package/dist/index308.js +83 -3
  102. package/dist/index309.js +202 -2
  103. package/dist/index310.js +237 -75
  104. package/dist/index311.js +77 -56
  105. package/dist/index312.js +21 -5
  106. package/dist/index313.js +934 -4
  107. package/dist/index314.js +21 -185
  108. package/dist/index315.js +19 -62
  109. package/dist/index316.js +20 -75
  110. package/dist/index317.js +69 -1534
  111. package/dist/index318.js +19 -386
  112. package/dist/index319.js +19 -2731
  113. package/dist/index320.js +21 -85
  114. package/dist/index321.js +22 -3798
  115. package/dist/index322.js +63 -60
  116. package/dist/index323.js +37 -15
  117. package/dist/index324.js +257 -76
  118. package/dist/index325.js +4 -200
  119. package/dist/index326.js +139 -235
  120. package/dist/index327.js +67 -77
  121. package/dist/index328.js +90 -21
  122. package/dist/index329.js +26 -932
  123. package/dist/index330.js +14 -20
  124. package/dist/index331.js +74 -19
  125. package/dist/index332.js +3 -19
  126. package/dist/index333.js +2 -69
  127. package/dist/index334.js +83 -18
  128. package/dist/index335.js +58 -19
  129. package/dist/index336.js +5 -21
  130. package/dist/index337.js +4 -21
  131. package/dist/index338.js +185 -62
  132. package/dist/index339.js +63 -2
  133. package/dist/index340.js +74 -36
  134. package/dist/index364.js +19 -18
  135. package/dist/index365.js +19 -56
  136. package/dist/index366.js +61 -22
  137. package/dist/index367.js +37 -7
  138. package/dist/index368.js +16 -52
  139. package/dist/index369.js +57 -7
  140. package/dist/index370.js +23 -10
  141. package/dist/index371.js +7 -7
  142. package/dist/index372.js +54 -27
  143. package/dist/index373.js +7 -2
  144. package/dist/index374.js +11 -81
  145. package/dist/index375.js +6 -179
  146. package/dist/index376.js +28 -20
  147. package/dist/index377.js +2 -20
  148. package/dist/index378.js +79 -61
  149. package/dist/index379.js +179 -36
  150. package/dist/index380.js +97 -30
  151. package/dist/index381.js +100 -10
  152. package/dist/index382.js +90 -3
  153. package/dist/index383.js +17 -4
  154. package/dist/index384.js +30 -12
  155. package/dist/index385.js +11 -7
  156. package/dist/index386.js +3 -13
  157. package/dist/index387.js +3 -4
  158. package/dist/index388.js +13 -36
  159. package/dist/index389.js +7 -37
  160. package/dist/index390.js +14 -30
  161. package/dist/index391.js +5 -64
  162. package/dist/index392.js +36 -98
  163. package/dist/index393.js +36 -16
  164. package/dist/index394.js +28 -99
  165. package/dist/index395.js +64 -91
  166. package/dist/index396.js +1 -1
  167. package/dist/index401.js +1 -1
  168. package/dist/index402.js +2 -2
  169. package/dist/index79.js +218 -129
  170. package/dist/src/components/calendar/calendar.d.ts +18 -1
  171. package/package.json +1 -1
  172. package/src/assets/illustrations/pending-to-do.png +0 -0
package/dist/index79.js CHANGED
@@ -1,6 +1,14 @@
1
- import { defineComponent as ae, ref as $, computed as h, watch as b } from "vue";
2
- import { useI18n as ne } from "vue-i18n";
3
- const le = ["HC_MON", "HC_TUE", "HC_WED", "HC_THU", "HC_FRI", "HC_SAT", "HC_SUN"], R = [
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
- ], se = ae({
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: ["update:modelValue", "date-click", "month-change", "view-change"],
134
- setup(a, { emit: o }) {
135
- const { t: c } = ne(), D = $("days"), r = $(/* @__PURE__ */ new Date()), C = $(null), w = $(Math.floor((/* @__PURE__ */ new Date()).getFullYear() / 12) * 12), g = h(() => !!(a.startDate && a.endDate)), V = h(() => {
136
- const e = le.map((t) => c(t));
137
- return a.firstDayOfWeek === 0 ? [c("HC_SUN"), ...e.slice(0, 6)] : e;
138
- }), W = h(() => R.map((e) => c(e))), I = h(() => E.map((e) => c(e))), H = h(() => {
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 (g.value && a.startDate && a.endDate) {
145
- const t = new Date(a.startDate.getFullYear(), a.startDate.getMonth(), 1), l = new Date(a.endDate.getFullYear(), a.endDate.getMonth(), 1);
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(`${t.getFullYear()}-${t.getMonth()}`), t.setMonth(t.getMonth() + 1);
192
+ e.add(
193
+ `${t.getFullYear()}-${t.getMonth()}`
194
+ ), t.setMonth(t.getMonth() + 1);
148
195
  } else
149
- e.add(`${r.value.getFullYear()}-${r.value.getMonth()}`);
196
+ e.add(
197
+ `${r.value.getFullYear()}-${r.value.getMonth()}`
198
+ );
150
199
  return e;
151
- }), P = h(() => {
200
+ }), L = D(() => {
152
201
  const e = [];
153
- if (g.value && a.startDate && a.endDate && !a.continuous) {
154
- const t = new Date(a.startDate.getFullYear(), a.startDate.getMonth(), 1), l = new Date(a.endDate.getFullYear(), a.endDate.getMonth(), 1);
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(F(new Date(t))), t.setMonth(t.getMonth() + 1);
157
- } else a.continuous || e.push(F(new Date(r.value)));
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
- }), x = h(() => {
160
- if (!a.continuous || !g.value || !a.startDate || !a.endDate)
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 i = new Date(a.endDate);
168
- let v = i.getDay() - a.firstDayOfWeek;
169
- v < 0 && (v += 7);
170
- const y = 6 - v, Y = new Date(i);
171
- Y.setDate(Y.getDate() + y);
172
- const d = new Date(u);
173
- for (; d <= Y; ) {
174
- const s = H.value.has(
175
- `${d.getFullYear()}-${d.getMonth()}`
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(_(new Date(d), s)), d.setDate(d.getDate() + 1);
234
+ e.push(
235
+ _(new Date(v), o)
236
+ ), v.setDate(v.getDate() + 1);
178
237
  }
179
238
  return { dates: e };
180
- }), J = h(() => {
181
- if (g.value && a.startDate && a.endDate) {
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 ? `${c(R[e])} ${t}` : `${c(E[e])}/${c(E[l])} ${t}` : `${c(E[e])} ${t} - ${c(E[l])} ${u}`;
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 `${c(R[r.value.getMonth()])} ${r.value.getFullYear()}`;
186
- }), L = h(() => {
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(w.value + t);
252
+ e.push($.value + t);
190
253
  return e;
191
- }), n = h(() => a.modelValue ? Array.isArray(a.modelValue) ? a.modelValue.filter((e) => e instanceof Date) : [a.modelValue] : []), f = (e, t) => e.getDate() === t.getDate() && e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear(), A = (e) => f(e, /* @__PURE__ */ new Date()), O = (e) => n.value.some((t) => f(t, e)), N = (e) => {
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 && C.value) {
194
- const u = n.value[0], i = C.value, [v, y] = u < i ? [u, i] : [i, u];
195
- return e > v && e < y;
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) return f(e, n.value[0]);
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 f(e, t);
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 f(e, t);
210
- }, B = (e) => !!(a.disabledDate(e) || a.minDate && e < a.minDate || a.maxDate && e > a.maxDate), U = (e) => a.indicatorDates.some((t) => f(t, e)), F = (e) => {
211
- const t = e.getMonth(), l = e.getFullYear(), u = [], i = new Date(l, t, 1), v = new Date(l, t + 1, 0);
212
- let y = i.getDay() - a.firstDayOfWeek;
213
- y < 0 && (y += 7);
214
- const Y = new Date(l, t, 0).getDate();
215
- for (let s = y - 1; s >= 0; s--) {
216
- const M = Y - s, m = new Date(l, t - 1, M), te = H.value.has(`${m.getFullYear()}-${m.getMonth()}`);
217
- u.push(_(m, te));
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 s = 1; s <= v.getDate(); s++) {
220
- const M = new Date(l, t, s), m = H.value.has(`${l}-${t}`);
221
- u.push(_(M, m));
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 d = 42 - u.length;
224
- for (let s = 1; s <= d; s++) {
225
- const M = new Date(l, t + 1, s), m = H.value.has(`${M.getFullYear()}-${M.getMonth()}`);
226
- u.push(_(M, m));
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: A(e),
236
- isSelected: O(e),
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: B(e),
241
- hasIndicator: U(e)
242
- }), G = () => {
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, o("month-change", e);
245
- }, Q = () => {
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, o("month-change", e);
248
- }, j = () => {
249
- w.value -= 12;
250
- }, K = () => {
251
- w.value += 12;
252
- }, q = () => {
253
- a.headerClickable && (D.value === "days" ? D.value = "months" : D.value === "months" && (D.value = "years"), o("view-change", D.value));
254
- }, z = (e) => {
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, D.value = "days", o("view-change", D.value), o("month-change", t);
257
- }, X = (e) => {
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, w.value = Math.floor(e / 12) * 12, D.value = "months", o("view-change", D.value);
260
- }, Z = (e) => {
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 (o("date-click", t), a.range)
339
+ if (y.value = !1, c("date-click", t), a.range)
264
340
  if (n.value.length === 0 || n.value.length === 2)
265
- o("update:modelValue", [t]);
341
+ c("update:modelValue", [t]);
266
342
  else {
267
- const l = n.value[0], [u, i] = l < t ? [l, t] : [t, l];
268
- o("update:modelValue", [u, i]);
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
- o("update:modelValue", t);
272
- }, p = (e) => {
273
- a.range && n.value.length === 1 && (C.value = e.date);
274
- }, ee = () => {
275
- C.value = null;
276
- }, S = (e) => {
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 b(() => a.modelValue, (e) => {
280
- if (e && !g.value) {
281
- const t = Array.isArray(e) ? e[0] : e;
282
- t && S(t);
283
- }
284
- }, { immediate: !0 }), b(() => a.startDate, (e) => {
285
- e && g.value && S(e);
286
- }, { immediate: !0 }), {
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: D,
372
+ currentView: h,
289
373
  viewDate: r,
290
- hoverDate: C,
291
- yearRangeStart: w,
374
+ hoverDate: H,
375
+ yearRangeStart: $,
376
+ showPaginatedCalendar: y,
292
377
  // Computed
293
- isMultiMonth: g,
294
- daysOfWeek: V,
295
- monthNames: W,
296
- monthNamesShort: I,
297
- displayedMonths: P,
298
- headerTitle: J,
299
- yearsInRange: L,
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: H,
302
- continuousCalendarData: x,
388
+ primaryMonthsSet: Y,
389
+ continuousCalendarData: G,
303
390
  // Methods
304
- isSameDay: f,
305
- isToday: A,
306
- isSelected: O,
391
+ isSameDay: M,
392
+ isToday: O,
393
+ isSelected: V,
307
394
  isInRange: N,
308
395
  isRangeStart: T,
309
396
  isRangeEnd: k,
310
- isDisabled: B,
311
- hasIndicator: U,
312
- generateMonthData: F,
397
+ isDisabled: x,
398
+ hasIndicator: B,
399
+ generateMonthData: S,
313
400
  createDateObject: _,
314
- prevMonth: G,
315
- nextMonth: Q,
316
- prevYearRange: j,
317
- nextYearRange: K,
318
- onHeaderClick: q,
319
- selectMonth: z,
320
- selectYear: X,
321
- onDateClick: Z,
322
- onDateHover: p,
323
- onDateLeave: ee,
324
- goToDate: S
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
- se as default
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;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@quoreadmin/ui",
3
3
  "private": false,
4
- "version": "1.10.25",
4
+ "version": "1.10.26",
5
5
  "type": "module",
6
6
  "sideEffects": [
7
7
  "**/*.css",