@dazhicheng/ui 1.4.14 → 1.4.16

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 (71) hide show
  1. package/dist/components/tt-form-adapter/component/index.d.ts +1 -1
  2. package/dist/components/tt-form-adapter/component/index.d.ts.map +1 -1
  3. package/dist/components/tt-form-adapter/index.d.ts.map +1 -1
  4. package/dist/components/tt-icon/index.d.ts +6 -6
  5. package/dist/components/tt-icon/index.d.ts.map +1 -1
  6. package/dist/components/tt-icon/index.vue.d.ts +3 -3
  7. package/dist/components/tt-icon/index.vue.d.ts.map +1 -1
  8. package/dist/components/tt-image/src/components/ImageViewer.d.ts +1 -1
  9. package/dist/components/tt-modal/src/RenderModal.vue.d.ts.map +1 -1
  10. package/dist/components/tt-table/src/Table.vue.d.ts +7 -9
  11. package/dist/components/tt-table/src/Table.vue.d.ts.map +1 -1
  12. package/dist/components/tt-table/src/components/TableColumnModal.vue.d.ts +27 -0
  13. package/dist/components/tt-table/src/components/TableColumnModal.vue.d.ts.map +1 -0
  14. package/dist/components/tt-table/src/components/TableToobalTools.vue.d.ts +1552 -7
  15. package/dist/components/tt-table/src/components/TableToobalTools.vue.d.ts.map +1 -1
  16. package/dist/components/tt-table/src/hooks/useColumns.d.ts +0 -4
  17. package/dist/components/tt-table/src/hooks/useColumns.d.ts.map +1 -1
  18. package/dist/components/tt-table/src/hooks/useCustomColumns.d.ts +20 -0
  19. package/dist/components/tt-table/src/hooks/useCustomColumns.d.ts.map +1 -0
  20. package/dist/components/tt-table/src/hooks/useTable.d.ts.map +1 -1
  21. package/dist/components/tt-table/src/hooks/useTableFormEvent.d.ts +2 -3
  22. package/dist/components/tt-table/src/hooks/useTableFormEvent.d.ts.map +1 -1
  23. package/dist/components/tt-table/src/hooks/useTableRender.d.ts +10 -1
  24. package/dist/components/tt-table/src/hooks/useTableRender.d.ts.map +1 -1
  25. package/dist/components/tt-table/src/props.d.ts +1 -1
  26. package/dist/components/tt-table/src/toolProps.d.ts +0 -60
  27. package/dist/components/tt-table/src/toolProps.d.ts.map +1 -1
  28. package/dist/components/tt-table/src/types/table.d.ts +13 -8
  29. package/dist/components/tt-table/src/types/table.d.ts.map +1 -1
  30. package/dist/components/tt-table/src/types/tableTools.d.ts +1 -45
  31. package/dist/components/tt-table/src/types/tableTools.d.ts.map +1 -1
  32. package/dist/components/tt-table/src/utils/table-api.d.ts +1 -1
  33. package/dist/components/types.d.ts +9 -0
  34. package/dist/components/types.d.ts.map +1 -1
  35. package/dist/{css-CKklk3nV.js → css-BizbCFH3.js} +1 -0
  36. package/dist/css-DhJ-Bn4t.js +4 -0
  37. package/dist/{event-CRLYHSpv.js → event-BpZD5QYv.js} +1 -1
  38. package/dist/{icon-D7uEJbj1.js → icon-C8mOBgGn.js} +2 -2
  39. package/dist/{index-BIBy0DdB.js → index-Ay_e-Mu_.js} +5 -5
  40. package/dist/{index-lcTqqAHV.js → index-BQ2KedE7.js} +8 -8
  41. package/dist/{index-BD10znQT.js → index-BR3sT_rT.js} +5 -5
  42. package/dist/{index-BPAF_VnM.js → index-BY-Xyp5q.js} +7 -7
  43. package/dist/{index-CBTogxcz.js → index-BiA7AsUl.js} +1 -1
  44. package/dist/{index-CPbbaIQc.js → index-BsKcOBVC.js} +20 -20
  45. package/dist/index-By3DWh_m.js +3559 -0
  46. package/dist/{index-Ctbxly20.js → index-CDw4vJ_J.js} +5 -5
  47. package/dist/{index-LwQmtsvY.js → index-CQEli-Vx.js} +1 -1
  48. package/dist/index-D1S5IgHw.js +2502 -0
  49. package/dist/{index-oWr7FvHH.js → index-DARbDgFW.js} +6 -6
  50. package/dist/{index-BwUPEK34.js → index-DftzFo8M.js} +2 -2
  51. package/dist/index-DtD9KW7p.js +436 -0
  52. package/dist/{index-YaBtguVL.js → index-HEvFEYVF.js} +11762 -10474
  53. package/dist/{index-D0IHErAs.js → index-iDdpdLyC.js} +22 -16
  54. package/dist/{index-Bod7doXW.js → index-kCYWgqco.js} +121 -121
  55. package/dist/{index-CluCT7Mm.js → index-qhJRQdTJ.js} +1 -1
  56. package/dist/{index-C-7vG864.js → index-tQY6pN96.js} +2 -2
  57. package/dist/{index-BXG36tZ-.js → index-zMyxrv4a.js} +6 -6
  58. package/dist/index.js +11 -11
  59. package/dist/panel-time-pick.vue2-3mXww5KZ.js +1603 -0
  60. package/dist/style.css +1 -1
  61. package/dist/{use-form-common-props-D8bK4KUX.js → use-form-common-props-Co2xJKSS.js} +1 -1
  62. package/dist/{use-form-item-Bzpa4RlP.js → use-form-item-BHXTK2Pf.js} +2 -2
  63. package/dist/useProps-m8gnZipa.js +215 -0
  64. package/dist/{util-DjnYC4OO.js → util-BFu351R4.js} +6 -6
  65. package/package.json +4 -3
  66. package/dist/components/tt-table/src/TableForm.vue.d.ts +0 -150
  67. package/dist/components/tt-table/src/TableForm.vue.d.ts.map +0 -1
  68. package/dist/components/tt-table/src/hooks/useFullscreen.d.ts +0 -12
  69. package/dist/components/tt-table/src/hooks/useFullscreen.d.ts.map +0 -1
  70. package/dist/index-Dz7KMhiX.js +0 -2700
  71. package/dist/panel-time-pick.vue2-D2Vh8Qtc.js +0 -2026
@@ -1,2026 +0,0 @@
1
- import { A as Kt, B as Ut, D as it, a as re, j as Te, U as wt, c as jt, d as fe, C as xe, E as qt, F as Zt, N as ut, o as Gt, f as Jt, e as Xt } from "./index-YaBtguVL.js";
2
- import { ref as N, computed as F, defineComponent as be, reactive as St, createElementBlock as X, openBlock as Y, normalizeStyle as Re, normalizeClass as W, unref as t, renderSlot as Ae, createElementVNode as se, mergeProps as Qe, useAttrs as Qt, inject as Fe, watch as Ye, nextTick as he, onBeforeUnmount as kt, provide as et, createBlock as G, withCtx as Q, withModifiers as Me, createCommentVNode as de, resolveDynamicComponent as Le, toDisplayString as ce, toRef as ct, Transition as Pt, withDirectives as tt, vShow as ea, Fragment as le, createVNode as $e, onActivated as ta, onMounted as Ct, onUpdated as aa, renderList as ze, createTextVNode as _e } from "vue";
3
- import { onClickOutside as na, unrefElement as oa, useEventListener as at, isClient as sa, useResizeObserver as dt } from "@vueuse/core";
4
- import { u as la, E as ra } from "./index-BPAF_VnM.js";
5
- import { E as De, a as ft, g as ia } from "./index-D0IHErAs.js";
6
- import { u as ua, E as ca, a as pt, b as da, c as fa, B as pa, r as ma, G as Ce } from "./util-DjnYC4OO.js";
7
- import { isEqual as va, debounce as ha } from "lodash-es";
8
- import { u as Mt } from "./index-BQfVaV7A.js";
9
- import { p as Et, b as pe, a as q, u as ga, j as ba, h as ya, d as Ke, e as Ie, t as wa, w as Sa, g as ka } from "./use-form-common-props-D8bK4KUX.js";
10
- import { u as Dt } from "./index-CBTogxcz.js";
11
- import { u as It, a as Pa } from "./use-form-item-Bzpa4RlP.js";
12
- import { u as Tt } from "./index-C-7vG864.js";
13
- import { g as At, E as Ee } from "./event-CRLYHSpv.js";
14
- import { v as mt } from "./index-LwQmtsvY.js";
15
- var Rt = { exports: {} };
16
- (function(n, d) {
17
- (function(l, a) {
18
- n.exports = a();
19
- })(Kt, function() {
20
- var l = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, a = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, b = /\d/, I = /\d\d/, f = /\d\d?/, c = /\d*[^-_:/,()\s\d]+/, E = {}, y = function(o) {
21
- return (o = +o) + (o > 68 ? 1900 : 2e3);
22
- }, w = function(o) {
23
- return function(g) {
24
- this[o] = +g;
25
- };
26
- }, C = [/[+-]\d\d:?(\d\d)?|Z/, function(o) {
27
- (this.zone || (this.zone = {})).offset = function(g) {
28
- if (!g || g === "Z") return 0;
29
- var P = g.match(/([+-]|\d\d)/g), T = 60 * P[1] + (+P[2] || 0);
30
- return T === 0 ? 0 : P[0] === "+" ? -T : T;
31
- }(o);
32
- }], k = function(o) {
33
- var g = E[o];
34
- return g && (g.indexOf ? g : g.s.concat(g.f));
35
- }, u = function(o, g) {
36
- var P, T = E.meridiem;
37
- if (T) {
38
- for (var S = 1; S <= 24; S += 1) if (o.indexOf(T(S, 0, g)) > -1) {
39
- P = S > 12;
40
- break;
41
- }
42
- } else P = o === (g ? "pm" : "PM");
43
- return P;
44
- }, r = { A: [c, function(o) {
45
- this.afternoon = u(o, !1);
46
- }], a: [c, function(o) {
47
- this.afternoon = u(o, !0);
48
- }], Q: [b, function(o) {
49
- this.month = 3 * (o - 1) + 1;
50
- }], S: [b, function(o) {
51
- this.milliseconds = 100 * +o;
52
- }], SS: [I, function(o) {
53
- this.milliseconds = 10 * +o;
54
- }], SSS: [/\d{3}/, function(o) {
55
- this.milliseconds = +o;
56
- }], s: [f, w("seconds")], ss: [f, w("seconds")], m: [f, w("minutes")], mm: [f, w("minutes")], H: [f, w("hours")], h: [f, w("hours")], HH: [f, w("hours")], hh: [f, w("hours")], D: [f, w("day")], DD: [I, w("day")], Do: [c, function(o) {
57
- var g = E.ordinal, P = o.match(/\d+/);
58
- if (this.day = P[0], g) for (var T = 1; T <= 31; T += 1) g(T).replace(/\[|\]/g, "") === o && (this.day = T);
59
- }], w: [f, w("week")], ww: [I, w("week")], M: [f, w("month")], MM: [I, w("month")], MMM: [c, function(o) {
60
- var g = k("months"), P = (k("monthsShort") || g.map(function(T) {
61
- return T.slice(0, 3);
62
- })).indexOf(o) + 1;
63
- if (P < 1) throw new Error();
64
- this.month = P % 12 || P;
65
- }], MMMM: [c, function(o) {
66
- var g = k("months").indexOf(o) + 1;
67
- if (g < 1) throw new Error();
68
- this.month = g % 12 || g;
69
- }], Y: [/[+-]?\d+/, w("year")], YY: [I, function(o) {
70
- this.year = y(o);
71
- }], YYYY: [/\d{4}/, w("year")], Z: C, ZZ: C };
72
- function M(o) {
73
- var g, P;
74
- g = o, P = E && E.formats;
75
- for (var T = (o = g.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(_, H, p) {
76
- var R = p && p.toUpperCase();
77
- return H || P[p] || l[p] || P[R].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(K, U, ee) {
78
- return U || ee.slice(1);
79
- });
80
- })).match(a), S = T.length, D = 0; D < S; D += 1) {
81
- var x = T[D], B = r[x], s = B && B[0], V = B && B[1];
82
- T[D] = V ? { regex: s, parser: V } : x.replace(/^\[|\]$/g, "");
83
- }
84
- return function(_) {
85
- for (var H = {}, p = 0, R = 0; p < S; p += 1) {
86
- var K = T[p];
87
- if (typeof K == "string") R += K.length;
88
- else {
89
- var U = K.regex, ee = K.parser, ae = _.slice(R), O = U.exec(ae)[0];
90
- ee.call(H, O), _ = _.replace(O, "");
91
- }
92
- }
93
- return function(L) {
94
- var J = L.afternoon;
95
- if (J !== void 0) {
96
- var j = L.hours;
97
- J ? j < 12 && (L.hours += 12) : j === 12 && (L.hours = 0), delete L.afternoon;
98
- }
99
- }(H), H;
100
- };
101
- }
102
- return function(o, g, P) {
103
- P.p.customParseFormat = !0, o && o.parseTwoDigitYear && (y = o.parseTwoDigitYear);
104
- var T = g.prototype, S = T.parse;
105
- T.parse = function(D) {
106
- var x = D.date, B = D.utc, s = D.args;
107
- this.$u = B;
108
- var V = s[1];
109
- if (typeof V == "string") {
110
- var _ = s[2] === !0, H = s[3] === !0, p = _ || H, R = s[2];
111
- H && (R = s[2]), E = this.$locale(), !_ && R && (E = P.Ls[R]), this.$d = function(ae, O, L, J) {
112
- try {
113
- if (["x", "X"].indexOf(O) > -1) return new Date((O === "X" ? 1e3 : 1) * ae);
114
- var j = M(O)(ae), te = j.year, i = j.month, v = j.day, m = j.hours, A = j.minutes, $ = j.seconds, Z = j.milliseconds, ie = j.zone, ne = j.week, ye = /* @__PURE__ */ new Date(), we = v || (te || i ? 1 : ye.getDate()), Se = te || ye.getFullYear(), ue = 0;
115
- te && !i || (ue = i > 0 ? i - 1 : ye.getMonth());
116
- var me, ge = m || 0, ve = A || 0, ke = $ || 0, Pe = Z || 0;
117
- return ie ? new Date(Date.UTC(Se, ue, we, ge, ve, ke, Pe + 60 * ie.offset * 1e3)) : L ? new Date(Date.UTC(Se, ue, we, ge, ve, ke, Pe)) : (me = new Date(Se, ue, we, ge, ve, ke, Pe), ne && (me = J(me).week(ne).toDate()), me);
118
- } catch {
119
- return /* @__PURE__ */ new Date("");
120
- }
121
- }(x, V, B, P), this.init(), R && R !== !0 && (this.$L = this.locale(R).$L), p && x != this.format(V) && (this.$d = /* @__PURE__ */ new Date("")), E = {};
122
- } else if (V instanceof Array) for (var K = V.length, U = 1; U <= K; U += 1) {
123
- s[1] = V[U - 1];
124
- var ee = P.apply(this, s);
125
- if (ee.isValid()) {
126
- this.$d = ee.$d, this.$L = ee.$L, this.init();
127
- break;
128
- }
129
- U === K && (this.$d = /* @__PURE__ */ new Date(""));
130
- }
131
- else S.call(this, D);
132
- };
133
- };
134
- });
135
- })(Rt);
136
- var Ca = Rt.exports;
137
- const dn = /* @__PURE__ */ Ut(Ca), vt = ["hours", "minutes", "seconds"], ot = "EP_PICKER_BASE", Ma = "ElPopperOptions", Ea = /* @__PURE__ */ Symbol("commonPickerContextKey"), nt = "HH:mm:ss", Ve = "YYYY-MM-DD", fn = {
138
- date: Ve,
139
- dates: Ve,
140
- week: "gggg[w]ww",
141
- year: "YYYY",
142
- years: "YYYY",
143
- month: "YYYY-MM",
144
- months: "YYYY-MM",
145
- datetime: `${Ve} ${nt}`,
146
- monthrange: "YYYY-MM",
147
- yearrange: "YYYY",
148
- daterange: Ve,
149
- datetimerange: `${Ve} ${nt}`
150
- }, Ze = (n, d) => [
151
- n > 0 ? n - 1 : void 0,
152
- n,
153
- n < d ? n + 1 : void 0
154
- ], pn = (n) => Array.from(Array.from({ length: n }).keys()), mn = (n) => n.replace(/\W?m{1,2}|\W?ZZ/g, "").replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi, "").trim(), vn = (n) => n.replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?Y{2,4}/g, "").trim(), ht = function(n, d) {
155
- const l = it(n), a = it(d);
156
- return l && a ? n.getTime() === d.getTime() : !l && !a ? n === d : !1;
157
- }, Ot = function(n, d) {
158
- const l = re(n), a = re(d);
159
- return l && a ? n.length !== d.length ? !1 : n.every((b, I) => ht(b, d[I])) : !l && !a ? ht(n, d) : !1;
160
- }, gt = function(n, d, l) {
161
- const a = Et(d) || d === "x" ? Te(n).locale(l) : Te(n, d).locale(l);
162
- return a.isValid() ? a : void 0;
163
- }, bt = function(n, d, l) {
164
- return Et(d) ? n : d === "x" ? +n : Te(n).locale(l).format(d);
165
- }, Ge = (n, d) => {
166
- var l;
167
- const a = [], b = d == null ? void 0 : d();
168
- for (let I = 0; I < n; I++)
169
- a.push((l = b == null ? void 0 : b.includes(I)) != null ? l : !1);
170
- return a;
171
- }, We = (n) => re(n) ? n.map((d) => d.toDate()) : n.toDate(), Da = (n, d) => {
172
- const { lang: l } = Mt(), a = N(!1), b = N(!1), I = N(null), f = F(() => {
173
- const { modelValue: r } = n;
174
- return !r || re(r) && !r.filter(Boolean).length;
175
- }), c = (r) => {
176
- if (!Ot(n.modelValue, r)) {
177
- let M;
178
- re(r) ? M = r.map(
179
- (g) => bt(g, n.valueFormat, l.value)
180
- ) : r && (M = bt(r, n.valueFormat, l.value)), d(wt, r && M, l.value);
181
- }
182
- }, E = F(() => {
183
- var r;
184
- let M;
185
- if (f.value ? y.value.getDefaultValue && (M = y.value.getDefaultValue()) : re(n.modelValue) ? M = n.modelValue.map(
186
- (o) => gt(o, n.valueFormat, l.value)
187
- ) : M = gt(
188
- (r = n.modelValue) != null ? r : "",
189
- n.valueFormat,
190
- l.value
191
- ), y.value.getRangeAvailableTime) {
192
- const o = y.value.getRangeAvailableTime(
193
- M
194
- );
195
- va(o, M) || (M = o, f.value || c(We(M)));
196
- }
197
- return re(M) && M.some((o) => !o) && (M = []), M;
198
- }), y = N({});
199
- return {
200
- parsedValue: E,
201
- pickerActualVisible: b,
202
- pickerOptions: y,
203
- pickerVisible: a,
204
- userInput: I,
205
- valueIsEmpty: f,
206
- emitInput: c,
207
- onCalendarChange: (r) => {
208
- d("calendar-change", r);
209
- },
210
- onPanelChange: (r, M, o) => {
211
- d("panel-change", r, M, o);
212
- },
213
- onPick: (r = "", M = !1) => {
214
- a.value = M;
215
- let o;
216
- re(r) ? o = r.map((g) => g.toDate()) : o = r && r.toDate(), I.value = null, c(o);
217
- },
218
- onSetPickerOption: (r) => {
219
- y.value[r[0]] = r[1], y.value.panelReady = !0;
220
- }
221
- };
222
- }, Vt = pe({
223
- /**
224
- * @description To specify the array of hours that cannot be selected
225
- */
226
- disabledHours: {
227
- type: q(Function)
228
- },
229
- /**
230
- * @description To specify the array of minutes that cannot be selected
231
- */
232
- disabledMinutes: {
233
- type: q(Function)
234
- },
235
- /**
236
- * @description To specify the array of seconds that cannot be selected
237
- */
238
- disabledSeconds: {
239
- type: q(Function)
240
- }
241
- }), Ia = pe({
242
- visible: Boolean,
243
- actualVisible: {
244
- type: Boolean,
245
- default: void 0
246
- },
247
- format: {
248
- type: String,
249
- default: ""
250
- }
251
- }), Ta = pe({
252
- /**
253
- * @description this prop decides if the date picker panel pops up when the input is focused
254
- */
255
- automaticDropdown: {
256
- type: Boolean,
257
- default: !0
258
- },
259
- /**
260
- * @description same as `id` in native input
261
- */
262
- id: {
263
- type: q([Array, String])
264
- },
265
- /**
266
- * @description same as `name` in native input
267
- */
268
- name: {
269
- type: q([Array, String])
270
- },
271
- /**
272
- * @description custom class name for TimePicker's dropdown
273
- */
274
- popperClass: pt.popperClass,
275
- /**
276
- * @description custom style for TimePicker's dropdown
277
- */
278
- popperStyle: pt.popperStyle,
279
- /**
280
- * @description format of the displayed value in the input box
281
- */
282
- format: String,
283
- /**
284
- * @description optional, format of binding value. If not specified, the binding value will be a Date object
285
- */
286
- valueFormat: String,
287
- /**
288
- * @description optional, format of the date displayed in input's inner panel
289
- */
290
- dateFormat: String,
291
- /**
292
- * @description optional, format of the time displayed in input's inner panel
293
- */
294
- timeFormat: String,
295
- /**
296
- * @description type of the picker
297
- */
298
- type: {
299
- type: String,
300
- default: ""
301
- },
302
- /**
303
- * @description whether to show clear button
304
- */
305
- clearable: {
306
- type: Boolean,
307
- default: !0
308
- },
309
- /**
310
- * @description Custom clear icon component
311
- */
312
- clearIcon: {
313
- type: q([String, Object]),
314
- default: jt
315
- },
316
- /**
317
- * @description whether the input is editable
318
- */
319
- editable: {
320
- type: Boolean,
321
- default: !0
322
- },
323
- /**
324
- * @description Custom prefix icon component
325
- */
326
- prefixIcon: {
327
- type: q([String, Object]),
328
- default: ""
329
- },
330
- /**
331
- * @description size of Input
332
- */
333
- size: ga,
334
- /**
335
- * @description whether TimePicker is read only
336
- */
337
- readonly: Boolean,
338
- /**
339
- * @description whether TimePicker is disabled
340
- */
341
- disabled: {
342
- type: Boolean,
343
- default: void 0
344
- },
345
- /**
346
- * @description placeholder in non-range mode
347
- */
348
- placeholder: {
349
- type: String,
350
- default: ""
351
- },
352
- /**
353
- * @description [popper.js](https://popper.js.org/docs/v2/) parameters
354
- */
355
- popperOptions: {
356
- type: q(Object),
357
- default: () => ({})
358
- },
359
- /**
360
- * @description binding value, if it is an array, the length should be 2
361
- */
362
- modelValue: {
363
- type: q([Date, Array, String, Number]),
364
- default: ""
365
- },
366
- /**
367
- * @description range separator
368
- */
369
- rangeSeparator: {
370
- type: String,
371
- default: "-"
372
- },
373
- /**
374
- * @description placeholder for the start date in range mode
375
- */
376
- startPlaceholder: String,
377
- /**
378
- * @description placeholder for the end date in range mode
379
- */
380
- endPlaceholder: String,
381
- /**
382
- * @description optional, default date of the calendar
383
- */
384
- defaultValue: {
385
- type: q([Date, Array])
386
- },
387
- /**
388
- * @description optional, the time value to use when selecting date range
389
- */
390
- defaultTime: {
391
- type: q([Date, Array])
392
- },
393
- /**
394
- * @description whether to pick a time range
395
- */
396
- isRange: Boolean,
397
- ...Vt,
398
- /**
399
- * @description a function determining if a date is disabled with that date as its parameter. Should return a Boolean
400
- */
401
- disabledDate: {
402
- type: Function
403
- },
404
- /**
405
- * @description set custom className
406
- */
407
- cellClassName: {
408
- type: Function
409
- },
410
- /**
411
- * @description an object array to set shortcut options
412
- */
413
- shortcuts: {
414
- type: Array,
415
- default: () => []
416
- },
417
- /**
418
- * @description whether to pick time using arrow buttons
419
- */
420
- arrowControl: Boolean,
421
- /**
422
- * @description input tabindex
423
- */
424
- tabindex: {
425
- type: q([String, Number]),
426
- default: 0
427
- },
428
- /**
429
- * @description whether to trigger form validation
430
- */
431
- validateEvent: {
432
- type: Boolean,
433
- default: !0
434
- },
435
- /**
436
- * @description unlink two date-panels in range-picker
437
- */
438
- unlinkPanels: Boolean,
439
- /**
440
- * @description position of dropdown
441
- */
442
- placement: {
443
- type: q(String),
444
- values: ca,
445
- default: "bottom"
446
- },
447
- /**
448
- * @description list of possible positions for dropdown
449
- */
450
- fallbackPlacements: {
451
- type: q(Array),
452
- default: ["bottom", "top", "right", "left"]
453
- },
454
- ...ua,
455
- ...Dt(["ariaLabel"]),
456
- /**
457
- * @description whether to show the now button
458
- */
459
- showNow: {
460
- type: Boolean,
461
- default: !0
462
- },
463
- /**
464
- * @description whether to show footer
465
- */
466
- showConfirm: {
467
- type: Boolean,
468
- default: !0
469
- },
470
- /**
471
- * @description whether to show footer
472
- */
473
- showFooter: {
474
- type: Boolean,
475
- default: !0
476
- },
477
- /**
478
- * @description whether to show the number of the calendar week
479
- */
480
- showWeekNumber: Boolean
481
- }), Lt = pe({
482
- id: {
483
- type: q(Array)
484
- },
485
- name: {
486
- type: q(Array)
487
- },
488
- modelValue: {
489
- type: q([Array, String])
490
- },
491
- startPlaceholder: String,
492
- endPlaceholder: String,
493
- disabled: Boolean
494
- }), hn = Lt, Aa = ["id", "name", "placeholder", "value", "disabled"], Ra = ["id", "name", "placeholder", "value", "disabled"];
495
- var Oa = /* @__PURE__ */ be({
496
- name: "PickerRangeTrigger",
497
- inheritAttrs: !1,
498
- __name: "picker-range-trigger",
499
- props: Lt,
500
- emits: [
501
- "mouseenter",
502
- "mouseleave",
503
- "click",
504
- "touchstart",
505
- "focus",
506
- "blur",
507
- "startInput",
508
- "endInput",
509
- "startChange",
510
- "endChange"
511
- ],
512
- setup(n, { expose: d, emit: l }) {
513
- const a = n, b = l, { formItem: I } = It(), { inputId: f } = Pa(
514
- St({ id: F(() => {
515
- var s;
516
- return (s = a.id) == null ? void 0 : s[0];
517
- }) }),
518
- {
519
- formItemContext: I
520
- }
521
- ), c = la(), E = fe("date"), y = fe("range"), w = N(), C = N(), { wrapperRef: k, isFocused: u } = Tt(w, {
522
- disabled: F(() => a.disabled)
523
- }), r = (s) => {
524
- b("click", s);
525
- }, M = (s) => {
526
- b("mouseenter", s);
527
- }, o = (s) => {
528
- b("mouseleave", s);
529
- }, g = (s) => {
530
- b("touchstart", s);
531
- }, P = (s) => {
532
- b("startInput", s);
533
- }, T = (s) => {
534
- b("endInput", s);
535
- }, S = (s) => {
536
- b("startChange", s);
537
- }, D = (s) => {
538
- b("endChange", s);
539
- };
540
- return d({
541
- focus: () => {
542
- var s;
543
- (s = w.value) == null || s.focus();
544
- },
545
- blur: () => {
546
- var s, V;
547
- (s = w.value) == null || s.blur(), (V = C.value) == null || V.blur();
548
- }
549
- }), (s, V) => (Y(), X(
550
- "div",
551
- {
552
- ref_key: "wrapperRef",
553
- ref: k,
554
- class: W([t(E).is("active", t(u)), s.$attrs.class]),
555
- style: Re(
556
- // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
557
- s.$attrs.style
558
- ),
559
- onClick: r,
560
- onMouseenter: M,
561
- onMouseleave: o,
562
- onTouchstartPassive: g
563
- },
564
- [
565
- Ae(s.$slots, "prefix"),
566
- se("input", Qe(t(c), {
567
- id: t(f),
568
- ref_key: "inputRef",
569
- ref: w,
570
- name: s.name && s.name[0],
571
- placeholder: s.startPlaceholder,
572
- value: s.modelValue && s.modelValue[0],
573
- class: t(y).b("input"),
574
- disabled: s.disabled,
575
- onInput: P,
576
- onChange: S
577
- }), null, 16, Aa),
578
- Ae(s.$slots, "range-separator"),
579
- se("input", Qe(t(c), {
580
- id: s.id && s.id[1],
581
- ref_key: "endInputRef",
582
- ref: C,
583
- name: s.name && s.name[1],
584
- placeholder: s.endPlaceholder,
585
- value: s.modelValue && s.modelValue[1],
586
- class: t(y).b("input"),
587
- disabled: s.disabled,
588
- onInput: T,
589
- onChange: D
590
- }), null, 16, Ra),
591
- Ae(s.$slots, "suffix")
592
- ],
593
- 38
594
- /* CLASS, STYLE, NEED_HYDRATION */
595
- ));
596
- }
597
- }), gn = /* @__PURE__ */ be({
598
- name: "Picker",
599
- __name: "picker",
600
- props: Ta,
601
- emits: [
602
- wt,
603
- xe,
604
- "focus",
605
- "blur",
606
- "clear",
607
- "calendar-change",
608
- "panel-change",
609
- "visible-change",
610
- "keydown"
611
- ],
612
- setup(n, { expose: d, emit: l }) {
613
- const a = n, b = l, I = Qt(), f = fe("date"), c = fe("input"), E = fe("range"), { formItem: y } = It(), w = Fe(
614
- Ma,
615
- {}
616
- ), C = da(a, null), k = N(), u = N(), r = N(null);
617
- let M = !1;
618
- const o = ba(), g = Da(a, b), {
619
- parsedValue: P,
620
- pickerActualVisible: T,
621
- userInput: S,
622
- pickerVisible: D,
623
- pickerOptions: x,
624
- valueIsEmpty: B,
625
- emitInput: s,
626
- onPick: V,
627
- onSetPickerOption: _,
628
- onCalendarChange: H,
629
- onPanelChange: p
630
- } = g, { isFocused: R, handleFocus: K, handleBlur: U } = Tt(u, {
631
- disabled: o,
632
- beforeFocus() {
633
- return a.readonly;
634
- },
635
- afterFocus() {
636
- a.automaticDropdown && (D.value = !0);
637
- },
638
- beforeBlur(e) {
639
- var h;
640
- return !M && ((h = k.value) == null ? void 0 : h.isFocusInsideContent(e));
641
- },
642
- afterBlur() {
643
- je(), D.value = !1, M = !1, a.validateEvent && (y == null || y.validate("blur").catch((e) => Ke(e)));
644
- }
645
- }), ee = N(!1), ae = F(() => [
646
- f.b("editor"),
647
- f.bm("editor", a.type),
648
- c.e("wrapper"),
649
- f.is("disabled", o.value),
650
- f.is("active", D.value),
651
- E.b("editor"),
652
- Ue ? E.bm("editor", Ue.value) : "",
653
- I.class
654
- ]), O = F(() => [
655
- c.e("icon"),
656
- E.e("close-icon"),
657
- me.value ? "" : E.em("close-icon", "hidden")
658
- ]);
659
- Ye(D, (e) => {
660
- e ? he(() => {
661
- e && (r.value = a.modelValue);
662
- }) : (S.value = null, he(() => {
663
- L(a.modelValue);
664
- }));
665
- });
666
- const L = (e, h) => {
667
- (h || !Ot(e, r.value)) && (b(xe, e), h && (r.value = e), a.validateEvent && (y == null || y.validate("change").catch((z) => Ke(z))));
668
- }, J = (e) => {
669
- b("keydown", e);
670
- }, j = F(() => u.value ? Array.from(
671
- u.value.$el.querySelectorAll("input")
672
- ) : []), te = (e, h, z) => {
673
- const oe = j.value;
674
- oe.length && (!z || z === "min" ? (oe[0].setSelectionRange(e, h), oe[0].focus()) : z === "max" && (oe[1].setSelectionRange(e, h), oe[1].focus()));
675
- }, i = () => {
676
- T.value = !0;
677
- }, v = () => {
678
- b("visible-change", !0);
679
- }, m = () => {
680
- T.value = !1, D.value = !1, b("visible-change", !1);
681
- }, A = () => {
682
- D.value = !0;
683
- }, $ = () => {
684
- D.value = !1;
685
- }, Z = F(() => {
686
- const e = qe(P.value);
687
- return re(S.value) ? [
688
- S.value[0] || e && e[0] || "",
689
- S.value[1] || e && e[1] || ""
690
- ] : S.value !== null ? S.value : !ne.value && B.value || !D.value && B.value ? "" : e ? ye.value || we.value || Se.value ? e.join(", ") : e : "";
691
- }), ie = F(() => a.type.includes("time")), ne = F(() => a.type.startsWith("time")), ye = F(() => a.type === "dates"), we = F(() => a.type === "months"), Se = F(() => a.type === "years"), ue = F(
692
- () => a.prefixIcon || (ie.value ? qt : Zt)
693
- ), me = F(
694
- () => a.clearable && !o.value && !a.readonly && !B.value && (ee.value || R.value)
695
- ), ge = (e) => {
696
- a.readonly || o.value || (me.value && (e == null || e.stopPropagation(), x.value.handleClear ? x.value.handleClear() : s(C.valueOnClear.value), L(C.valueOnClear.value, !0), m()), b("clear"));
697
- }, ve = async (e) => {
698
- var h;
699
- a.readonly || o.value || (((h = e.target) == null ? void 0 : h.tagName) !== "INPUT" || R.value || !a.automaticDropdown) && (D.value = !0);
700
- }, ke = () => {
701
- a.readonly || o.value || !B.value && a.clearable && (ee.value = !0);
702
- }, Pe = () => {
703
- ee.value = !1;
704
- }, Ne = (e) => {
705
- var h;
706
- a.readonly || o.value || (((h = e.touches[0].target) == null ? void 0 : h.tagName) !== "INPUT" || R.value || !a.automaticDropdown) && (D.value = !0);
707
- }, $t = F(() => a.type.includes("range")), Ue = ya(), Ft = F(() => {
708
- var e, h;
709
- return (h = (e = t(k)) == null ? void 0 : e.popperRef) == null ? void 0 : h.contentRef;
710
- }), lt = na(
711
- u,
712
- (e) => {
713
- const h = t(Ft), z = oa(u);
714
- h && (e.target === h || e.composedPath().includes(h)) || e.target === z || z && e.composedPath().includes(z) || (D.value = !1);
715
- }
716
- );
717
- kt(() => {
718
- lt == null || lt();
719
- });
720
- const je = () => {
721
- if (S.value) {
722
- const e = Be(Z.value);
723
- e && (He(e) && s(We(e)), S.value = null);
724
- }
725
- S.value === "" && (s(C.valueOnClear.value), L(C.valueOnClear.value, !0), S.value = null);
726
- }, Be = (e) => e ? x.value.parseUserInput(e) : null, qe = (e) => e ? re(e) ? e.map((z) => z.format(a.format)) : e.format(a.format) : null, He = (e) => x.value.isValidValue(e), rt = async (e) => {
727
- if (a.readonly || o.value) return;
728
- const h = At(e);
729
- if (J(e), h === Ee.esc) {
730
- D.value === !0 && (D.value = !1, e.preventDefault(), e.stopPropagation());
731
- return;
732
- }
733
- if (h === Ee.down && (x.value.handleFocusPicker && (e.preventDefault(), e.stopPropagation()), D.value === !1 && (D.value = !0, await he()), x.value.handleFocusPicker)) {
734
- x.value.handleFocusPicker();
735
- return;
736
- }
737
- if (h === Ee.tab) {
738
- M = !0;
739
- return;
740
- }
741
- if (h === Ee.enter || h === Ee.numpadEnter) {
742
- D.value ? (S.value === null || S.value === "" || He(Be(Z.value))) && (je(), D.value = !1) : D.value = !0, e.preventDefault(), e.stopPropagation();
743
- return;
744
- }
745
- if (S.value) {
746
- e.stopPropagation();
747
- return;
748
- }
749
- x.value.handleKeydownInput && x.value.handleKeydownInput(e);
750
- }, Nt = (e) => {
751
- S.value = e, D.value || (D.value = !0);
752
- }, Bt = (e) => {
753
- const h = e.target;
754
- S.value ? S.value = [h.value, S.value[1]] : S.value = [h.value, null];
755
- }, Ht = (e) => {
756
- const h = e.target;
757
- S.value ? S.value = [S.value[0], h.value] : S.value = [null, h.value];
758
- }, zt = () => {
759
- var e;
760
- const h = S.value, z = Be(h && h[0]), oe = t(P);
761
- if (z && z.isValid()) {
762
- S.value = [
763
- qe(z),
764
- ((e = Z.value) == null ? void 0 : e[1]) || null
765
- ];
766
- const Oe = [z, oe && (oe[1] || null)];
767
- He(Oe) && (s(We(Oe)), S.value = null);
768
- }
769
- }, _t = () => {
770
- var e;
771
- const h = t(S), z = Be(h && h[1]), oe = t(P);
772
- if (z && z.isValid()) {
773
- S.value = [
774
- ((e = t(Z)) == null ? void 0 : e[0]) || null,
775
- qe(z)
776
- ];
777
- const Oe = [oe && oe[0], z];
778
- He(Oe) && (s(We(Oe)), S.value = null);
779
- }
780
- }, Wt = () => {
781
- var e;
782
- (e = u.value) == null || e.focus();
783
- }, xt = () => {
784
- var e;
785
- (e = u.value) == null || e.blur();
786
- };
787
- return et(ot, {
788
- props: a,
789
- emptyValues: C
790
- }), et(Ea, g), d({
791
- /**
792
- * @description focus input box.
793
- */
794
- focus: Wt,
795
- /**
796
- * @description blur input box.
797
- */
798
- blur: xt,
799
- /**
800
- * @description opens picker
801
- */
802
- handleOpen: A,
803
- /**
804
- * @description closes picker
805
- */
806
- handleClose: $,
807
- /**
808
- * @description pick item manually
809
- */
810
- onPick: V
811
- }), (e, h) => (Y(), G(t(fa), Qe({
812
- ref_key: "refPopper",
813
- ref: k,
814
- visible: t(D),
815
- effect: "light",
816
- pure: "",
817
- trigger: "click"
818
- }, e.$attrs, {
819
- role: "dialog",
820
- teleported: "",
821
- transition: `${t(f).namespace.value}-zoom-in-top`,
822
- "popper-class": [`${t(f).namespace.value}-picker__popper`, e.popperClass],
823
- "popper-style": e.popperStyle,
824
- "popper-options": t(w),
825
- "fallback-placements": e.fallbackPlacements,
826
- "gpu-acceleration": !1,
827
- placement: e.placement,
828
- "stop-popper-mouse-event": !1,
829
- "hide-after": 0,
830
- persistent: "",
831
- onBeforeShow: i,
832
- onShow: v,
833
- onHide: m
834
- }), {
835
- default: Q(() => [
836
- $t.value ? (Y(), G(Oa, {
837
- key: 1,
838
- id: (
839
- // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
840
- e.id
841
- ),
842
- ref_key: "inputRef",
843
- ref: u,
844
- "model-value": Z.value,
845
- name: (
846
- // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
847
- e.name
848
- ),
849
- disabled: t(o),
850
- readonly: !e.editable || e.readonly,
851
- "start-placeholder": e.startPlaceholder,
852
- "end-placeholder": e.endPlaceholder,
853
- class: W(ae.value),
854
- style: Re(e.$attrs.style),
855
- "aria-label": e.ariaLabel,
856
- tabindex: e.tabindex,
857
- autocomplete: "off",
858
- role: "combobox",
859
- onClick: ve,
860
- onFocus: t(K),
861
- onBlur: t(U),
862
- onStartInput: Bt,
863
- onStartChange: zt,
864
- onEndInput: Ht,
865
- onEndChange: _t,
866
- onMousedown: ve,
867
- onMouseenter: ke,
868
- onMouseleave: Pe,
869
- onTouchstartPassive: Ne,
870
- onKeydown: rt
871
- }, {
872
- prefix: Q(() => [
873
- ue.value ? (Y(), G(t(De), {
874
- key: 0,
875
- class: W([t(c).e("icon"), t(E).e("icon")])
876
- }, {
877
- default: Q(() => [
878
- (Y(), G(Le(ue.value)))
879
- ]),
880
- _: 1
881
- /* STABLE */
882
- }, 8, ["class"])) : de("v-if", !0)
883
- ]),
884
- "range-separator": Q(() => [
885
- Ae(e.$slots, "range-separator", {}, () => [
886
- se(
887
- "span",
888
- {
889
- class: W(t(E).b("separator"))
890
- },
891
- ce(e.rangeSeparator),
892
- 3
893
- /* TEXT, CLASS */
894
- )
895
- ])
896
- ]),
897
- suffix: Q(() => [
898
- e.clearIcon ? (Y(), G(t(De), {
899
- key: 0,
900
- class: W(O.value),
901
- onMousedown: Me(t(ut), ["prevent"]),
902
- onClick: ge
903
- }, {
904
- default: Q(() => [
905
- (Y(), G(Le(e.clearIcon)))
906
- ]),
907
- _: 1
908
- /* STABLE */
909
- }, 8, ["class", "onMousedown"])) : de("v-if", !0)
910
- ]),
911
- _: 3
912
- /* FORWARDED */
913
- }, 8, ["id", "model-value", "name", "disabled", "readonly", "start-placeholder", "end-placeholder", "class", "style", "aria-label", "tabindex", "onFocus", "onBlur"])) : (Y(), G(t(ra), {
914
- key: 0,
915
- id: (
916
- // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
917
- e.id
918
- ),
919
- ref_key: "inputRef",
920
- ref: u,
921
- "container-role": "combobox",
922
- "model-value": (
923
- // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
924
- Z.value
925
- ),
926
- name: (
927
- // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
928
- e.name
929
- ),
930
- size: t(Ue),
931
- disabled: t(o),
932
- placeholder: e.placeholder,
933
- class: W([
934
- t(f).b("editor"),
935
- t(f).bm("editor", e.type),
936
- t(f).is("focus", t(D)),
937
- e.$attrs.class
938
- ]),
939
- style: Re(e.$attrs.style),
940
- readonly: !e.editable || e.readonly || ye.value || we.value || Se.value || e.type === "week",
941
- "aria-label": e.ariaLabel,
942
- tabindex: e.tabindex,
943
- "validate-event": !1,
944
- onInput: Nt,
945
- onFocus: t(K),
946
- onBlur: t(U),
947
- onKeydown: rt,
948
- onChange: je,
949
- onMousedown: ve,
950
- onMouseenter: ke,
951
- onMouseleave: Pe,
952
- onTouchstartPassive: Ne,
953
- onClick: h[0] || (h[0] = Me(() => {
954
- }, ["stop"]))
955
- }, {
956
- prefix: Q(() => [
957
- ue.value ? (Y(), G(t(De), {
958
- key: 0,
959
- class: W(t(c).e("icon")),
960
- onMousedown: Me(ve, ["prevent"]),
961
- onTouchstartPassive: Ne
962
- }, {
963
- default: Q(() => [
964
- (Y(), G(Le(ue.value)))
965
- ]),
966
- _: 1
967
- /* STABLE */
968
- }, 8, ["class"])) : de("v-if", !0)
969
- ]),
970
- suffix: Q(() => [
971
- me.value && e.clearIcon ? (Y(), G(t(De), {
972
- key: 0,
973
- class: W(`${t(c).e("icon")} clear-icon`),
974
- onMousedown: Me(t(ut), ["prevent"]),
975
- onClick: ge
976
- }, {
977
- default: Q(() => [
978
- (Y(), G(Le(e.clearIcon)))
979
- ]),
980
- _: 1
981
- /* STABLE */
982
- }, 8, ["class", "onMousedown"])) : de("v-if", !0)
983
- ]),
984
- _: 1
985
- /* STABLE */
986
- }, 8, ["id", "model-value", "name", "size", "disabled", "placeholder", "class", "style", "readonly", "aria-label", "tabindex", "onFocus", "onBlur"]))
987
- ]),
988
- content: Q(() => [
989
- Ae(e.$slots, "default", {
990
- visible: t(D),
991
- actualVisible: t(T),
992
- parsedValue: t(P),
993
- format: e.format,
994
- dateFormat: e.dateFormat,
995
- timeFormat: e.timeFormat,
996
- unlinkPanels: e.unlinkPanels,
997
- type: e.type,
998
- defaultValue: e.defaultValue,
999
- showNow: e.showNow,
1000
- showConfirm: e.showConfirm,
1001
- showFooter: e.showFooter,
1002
- showWeekNumber: e.showWeekNumber,
1003
- onPick: h[1] || (h[1] = //@ts-ignore
1004
- (...z) => t(V) && t(V)(...z)),
1005
- onSelectRange: te,
1006
- onSetPickerOption: h[2] || (h[2] = //@ts-ignore
1007
- (...z) => t(_) && t(_)(...z)),
1008
- onCalendarChange: h[3] || (h[3] = //@ts-ignore
1009
- (...z) => t(H) && t(H)(...z)),
1010
- onClear: ge,
1011
- onPanelChange: h[4] || (h[4] = //@ts-ignore
1012
- (...z) => t(p) && t(p)(...z)),
1013
- onMousedown: h[5] || (h[5] = Me(() => {
1014
- }, ["stop"]))
1015
- })
1016
- ]),
1017
- _: 3
1018
- /* FORWARDED */
1019
- }, 16, ["visible", "transition", "popper-class", "popper-style", "popper-options", "fallback-placements", "placement"]));
1020
- }
1021
- });
1022
- const Va = pe({
1023
- ...Ia,
1024
- datetimeRole: String,
1025
- parsedValue: {
1026
- type: q(Object)
1027
- }
1028
- }), La = ({
1029
- getAvailableHours: n,
1030
- getAvailableMinutes: d,
1031
- getAvailableSeconds: l
1032
- }) => {
1033
- const a = (f, c, E, y) => {
1034
- const w = {
1035
- hour: n,
1036
- minute: d,
1037
- second: l
1038
- };
1039
- let C = f;
1040
- return ["hour", "minute", "second"].forEach((k) => {
1041
- if (w[k]) {
1042
- let u;
1043
- const r = w[k];
1044
- switch (k) {
1045
- case "minute": {
1046
- u = r(
1047
- C.hour(),
1048
- c,
1049
- y
1050
- );
1051
- break;
1052
- }
1053
- case "second": {
1054
- u = r(
1055
- C.hour(),
1056
- C.minute(),
1057
- c,
1058
- y
1059
- );
1060
- break;
1061
- }
1062
- default: {
1063
- u = r(
1064
- c,
1065
- y
1066
- );
1067
- break;
1068
- }
1069
- }
1070
- if (u != null && u.length && !u.includes(C[k]())) {
1071
- const M = E ? 0 : u.length - 1;
1072
- C = C[k](u[M]);
1073
- }
1074
- }
1075
- }), C;
1076
- }, b = {};
1077
- return {
1078
- timePickerOptions: b,
1079
- getAvailableTime: a,
1080
- onSetOption: ([f, c]) => {
1081
- b[f] = c;
1082
- }
1083
- };
1084
- }, Je = (n) => {
1085
- const d = (a, b) => a || b, l = (a) => a !== !0;
1086
- return n.map(d).filter(l);
1087
- }, Yt = (n, d, l) => ({
1088
- getHoursList: (f, c) => Ge(24, n && (() => n == null ? void 0 : n(f, c))),
1089
- getMinutesList: (f, c, E) => Ge(
1090
- 60,
1091
- d && (() => d == null ? void 0 : d(f, c, E))
1092
- ),
1093
- getSecondsList: (f, c, E, y) => Ge(
1094
- 60,
1095
- l && (() => l == null ? void 0 : l(f, c, E, y))
1096
- )
1097
- }), Ya = (n, d, l) => {
1098
- const { getHoursList: a, getMinutesList: b, getSecondsList: I } = Yt(
1099
- n,
1100
- d,
1101
- l
1102
- );
1103
- return {
1104
- getAvailableHours: (y, w) => Je(a(y, w)),
1105
- getAvailableMinutes: (y, w, C) => Je(b(y, w, C)),
1106
- getAvailableSeconds: (y, w, C, k) => Je(I(y, w, C, k))
1107
- };
1108
- }, $a = (n) => {
1109
- const d = N(n.parsedValue);
1110
- return Ye(
1111
- () => n.visible,
1112
- (l) => {
1113
- l || (d.value = n.parsedValue);
1114
- }
1115
- ), d;
1116
- }, Fa = pe({
1117
- /**
1118
- * @description trigger distance(px)
1119
- */
1120
- distance: {
1121
- type: Number,
1122
- default: 0
1123
- },
1124
- /**
1125
- * @description height of scrollbar
1126
- */
1127
- height: {
1128
- type: [String, Number],
1129
- default: ""
1130
- },
1131
- /**
1132
- * @description max height of scrollbar
1133
- */
1134
- maxHeight: {
1135
- type: [String, Number],
1136
- default: ""
1137
- },
1138
- /**
1139
- * @description whether to use the native scrollbar
1140
- */
1141
- native: Boolean,
1142
- /**
1143
- * @description style of wrap
1144
- */
1145
- wrapStyle: {
1146
- type: q([String, Object, Array]),
1147
- default: ""
1148
- },
1149
- /**
1150
- * @description class of wrap
1151
- */
1152
- wrapClass: {
1153
- type: [String, Array],
1154
- default: ""
1155
- },
1156
- /**
1157
- * @description class of view
1158
- */
1159
- viewClass: {
1160
- type: [String, Array],
1161
- default: ""
1162
- },
1163
- /**
1164
- * @description style of view
1165
- */
1166
- viewStyle: {
1167
- type: [String, Array, Object],
1168
- default: ""
1169
- },
1170
- /**
1171
- * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance
1172
- */
1173
- noresize: Boolean,
1174
- // 如果 container 尺寸不会发生变化,最好设置它可以优化性能
1175
- /**
1176
- * @description element tag of the view
1177
- */
1178
- tag: {
1179
- type: String,
1180
- default: "div"
1181
- },
1182
- /**
1183
- * @description always show
1184
- */
1185
- always: Boolean,
1186
- /**
1187
- * @description minimum size of scrollbar
1188
- */
1189
- minSize: {
1190
- type: Number,
1191
- default: 20
1192
- },
1193
- /**
1194
- * @description Wrap tabindex
1195
- */
1196
- tabindex: {
1197
- type: [String, Number],
1198
- default: void 0
1199
- },
1200
- /**
1201
- * @description id of view
1202
- */
1203
- id: String,
1204
- /**
1205
- * @description role of view
1206
- */
1207
- role: String,
1208
- ...Dt(["ariaLabel", "ariaOrientation"])
1209
- }), Na = {
1210
- "end-reached": (n) => ["left", "right", "top", "bottom"].includes(n),
1211
- scroll: ({
1212
- scrollTop: n,
1213
- scrollLeft: d
1214
- }) => [n, d].every(Ie)
1215
- }, Ba = pe({
1216
- always: {
1217
- type: Boolean,
1218
- default: !0
1219
- },
1220
- minSize: {
1221
- type: Number,
1222
- required: !0
1223
- }
1224
- }), Ha = pe({
1225
- vertical: Boolean,
1226
- size: String,
1227
- move: Number,
1228
- ratio: {
1229
- type: Number,
1230
- required: !0
1231
- },
1232
- always: Boolean
1233
- }), st = /* @__PURE__ */ Symbol(
1234
- "scrollbarContextKey"
1235
- ), za = "Thumb";
1236
- var yt = /* @__PURE__ */ be({
1237
- __name: "thumb",
1238
- props: Ha,
1239
- setup(n) {
1240
- const d = n, l = Fe(st), a = fe("scrollbar");
1241
- l || wa(za, "can not inject scrollbar context");
1242
- const b = N(), I = N(), f = N({}), c = N(!1);
1243
- let E = !1, y = !1, w = 0, C = 0, k = sa ? document.onselectstart : null;
1244
- const u = F(() => pa[d.vertical ? "vertical" : "horizontal"]), r = F(
1245
- () => ma({
1246
- size: d.size,
1247
- move: d.move,
1248
- bar: u.value
1249
- })
1250
- ), M = F(
1251
- () => (
1252
- // offsetRatioX = original width of thumb / current width of thumb / ratioX
1253
- // offsetRatioY = original height of thumb / current height of thumb / ratioY
1254
- // instance height = wrap height - GAP
1255
- b.value[u.value.offset] ** 2 / l.wrapElement[u.value.scrollSize] / d.ratio / I.value[u.value.offset]
1256
- )
1257
- ), o = (s) => {
1258
- var V;
1259
- if (s.stopPropagation(), s.ctrlKey || [1, 2].includes(s.button)) return;
1260
- (V = window.getSelection()) == null || V.removeAllRanges(), P(s);
1261
- const _ = s.currentTarget;
1262
- _ && (f.value[u.value.axis] = _[u.value.offset] - (s[u.value.client] - _.getBoundingClientRect()[u.value.direction]));
1263
- }, g = (s) => {
1264
- if (!I.value || !b.value || !l.wrapElement) return;
1265
- const V = Math.abs(
1266
- s.target.getBoundingClientRect()[u.value.direction] - s[u.value.client]
1267
- ), _ = I.value[u.value.offset] / 2, H = (V - _) * 100 * M.value / b.value[u.value.offset];
1268
- l.wrapElement[u.value.scroll] = H * l.wrapElement[u.value.scrollSize] / 100;
1269
- }, P = (s) => {
1270
- s.stopImmediatePropagation(), E = !0, w = l.wrapElement.scrollHeight, C = l.wrapElement.scrollWidth, document.addEventListener("mousemove", T), document.addEventListener("mouseup", S), k = document.onselectstart, document.onselectstart = () => !1;
1271
- }, T = (s) => {
1272
- if (!b.value || !I.value || E === !1) return;
1273
- const V = f.value[u.value.axis];
1274
- if (!V) return;
1275
- const _ = (b.value.getBoundingClientRect()[u.value.direction] - s[u.value.client]) * -1, H = I.value[u.value.offset] - V, p = (_ - H) * 100 * M.value / b.value[u.value.offset];
1276
- u.value.scroll === "scrollLeft" ? l.wrapElement[u.value.scroll] = p * C / 100 : l.wrapElement[u.value.scroll] = p * w / 100;
1277
- }, S = () => {
1278
- E = !1, f.value[u.value.axis] = 0, document.removeEventListener("mousemove", T), document.removeEventListener("mouseup", S), B(), y && (c.value = !1);
1279
- }, D = () => {
1280
- y = !1, c.value = !!d.size;
1281
- }, x = () => {
1282
- y = !0, c.value = E;
1283
- };
1284
- kt(() => {
1285
- B(), document.removeEventListener("mouseup", S);
1286
- });
1287
- const B = () => {
1288
- document.onselectstart !== k && (document.onselectstart = k);
1289
- };
1290
- return at(
1291
- ct(l, "scrollbarElement"),
1292
- "mousemove",
1293
- D
1294
- ), at(
1295
- ct(l, "scrollbarElement"),
1296
- "mouseleave",
1297
- x
1298
- ), (s, V) => (Y(), G(Pt, {
1299
- name: t(a).b("fade"),
1300
- persisted: ""
1301
- }, {
1302
- default: Q(() => [
1303
- tt(se(
1304
- "div",
1305
- {
1306
- ref_key: "instance",
1307
- ref: b,
1308
- class: W([t(a).e("bar"), t(a).is(u.value.key)]),
1309
- onMousedown: g,
1310
- onClick: V[0] || (V[0] = Me(() => {
1311
- }, ["stop"]))
1312
- },
1313
- [
1314
- se(
1315
- "div",
1316
- {
1317
- ref_key: "thumb",
1318
- ref: I,
1319
- class: W(t(a).e("thumb")),
1320
- style: Re(r.value),
1321
- onMousedown: o
1322
- },
1323
- null,
1324
- 38
1325
- /* CLASS, STYLE, NEED_HYDRATION */
1326
- )
1327
- ],
1328
- 34
1329
- /* CLASS, NEED_HYDRATION */
1330
- ), [
1331
- [ea, n.always || c.value]
1332
- ])
1333
- ]),
1334
- _: 1
1335
- /* STABLE */
1336
- }, 8, ["name"]));
1337
- }
1338
- }), _a = /* @__PURE__ */ be({
1339
- __name: "bar",
1340
- props: Ba,
1341
- setup(n, { expose: d }) {
1342
- const l = n, a = Fe(st), b = N(0), I = N(0), f = N(""), c = N(""), E = N(1), y = N(1);
1343
- return d({
1344
- handleScroll: (k) => {
1345
- if (k) {
1346
- const u = k.offsetHeight - Ce, r = k.offsetWidth - Ce;
1347
- I.value = k.scrollTop * 100 / u * E.value, b.value = k.scrollLeft * 100 / r * y.value;
1348
- }
1349
- },
1350
- update: () => {
1351
- const k = a == null ? void 0 : a.wrapElement;
1352
- if (!k) return;
1353
- const u = k.offsetHeight - Ce, r = k.offsetWidth - Ce, M = u ** 2 / k.scrollHeight, o = r ** 2 / k.scrollWidth, g = Math.max(M, l.minSize), P = Math.max(o, l.minSize);
1354
- E.value = M / (u - M) / (g / (u - g)), y.value = o / (r - o) / (P / (r - P)), c.value = g + Ce < u ? `${g}px` : "", f.value = P + Ce < r ? `${P}px` : "";
1355
- }
1356
- }), (k, u) => (Y(), X(
1357
- le,
1358
- null,
1359
- [
1360
- $e(yt, {
1361
- move: b.value,
1362
- ratio: y.value,
1363
- size: f.value,
1364
- always: n.always
1365
- }, null, 8, ["move", "ratio", "size", "always"]),
1366
- $e(yt, {
1367
- move: I.value,
1368
- ratio: E.value,
1369
- size: c.value,
1370
- vertical: "",
1371
- always: n.always
1372
- }, null, 8, ["move", "ratio", "size", "always"])
1373
- ],
1374
- 64
1375
- /* STABLE_FRAGMENT */
1376
- ));
1377
- }
1378
- });
1379
- const Wa = ["tabindex"], Xe = "ElScrollbar";
1380
- var xa = /* @__PURE__ */ be({
1381
- name: Xe,
1382
- __name: "scrollbar",
1383
- props: Fa,
1384
- emits: Na,
1385
- setup(n, { expose: d, emit: l }) {
1386
- const a = n, b = l, I = fe("scrollbar");
1387
- let f, c, E, y = 0, w = 0, C = "";
1388
- const k = {
1389
- bottom: !1,
1390
- top: !1,
1391
- right: !1,
1392
- left: !1
1393
- }, u = N(), r = N(), M = N(), o = N(), g = F(() => {
1394
- const p = {}, R = ft(a.height), K = ft(a.maxHeight);
1395
- return R && (p.height = R), K && (p.maxHeight = K), [a.wrapStyle, p];
1396
- }), P = F(() => [
1397
- a.wrapClass,
1398
- I.e("wrap"),
1399
- { [I.em("wrap", "hidden-default")]: !a.native }
1400
- ]), T = F(() => [I.e("view"), a.viewClass]), S = (p) => {
1401
- var R;
1402
- return (R = k[p]) != null ? R : !1;
1403
- }, D = {
1404
- top: "bottom",
1405
- bottom: "top",
1406
- left: "right",
1407
- right: "left"
1408
- }, x = (p) => {
1409
- const R = D[C];
1410
- if (!R) return;
1411
- const K = p[C], U = p[R];
1412
- K && !k[C] && (k[C] = !0), !U && k[R] && (k[R] = !1);
1413
- }, B = () => {
1414
- var p;
1415
- if (r.value) {
1416
- (p = o.value) == null || p.handleScroll(r.value);
1417
- const R = y, K = w;
1418
- y = r.value.scrollTop, w = r.value.scrollLeft;
1419
- const U = {
1420
- bottom: y + r.value.clientHeight >= r.value.scrollHeight - a.distance,
1421
- top: y <= a.distance && R !== 0,
1422
- right: w + r.value.clientWidth >= r.value.scrollWidth - a.distance && K !== w,
1423
- left: w <= a.distance && K !== 0
1424
- };
1425
- if (b("scroll", {
1426
- scrollTop: y,
1427
- scrollLeft: w
1428
- }), R !== y && (C = y > R ? "bottom" : "top"), K !== w && (C = w > K ? "right" : "left"), a.distance > 0) {
1429
- if (S(C))
1430
- return;
1431
- x(U);
1432
- }
1433
- U[C] && b("end-reached", C);
1434
- }
1435
- };
1436
- function s(p, R) {
1437
- Gt(p) ? r.value.scrollTo(p) : Ie(p) && Ie(R) && r.value.scrollTo(p, R);
1438
- }
1439
- const V = (p) => {
1440
- if (!Ie(p)) {
1441
- Ke(Xe, "value must be a number");
1442
- return;
1443
- }
1444
- r.value.scrollTop = p;
1445
- }, _ = (p) => {
1446
- if (!Ie(p)) {
1447
- Ke(Xe, "value must be a number");
1448
- return;
1449
- }
1450
- r.value.scrollLeft = p;
1451
- }, H = () => {
1452
- var p;
1453
- (p = o.value) == null || p.update(), k[C] = !1;
1454
- };
1455
- return Ye(
1456
- () => a.noresize,
1457
- (p) => {
1458
- p ? (f == null || f(), c == null || c(), E == null || E()) : ({ stop: f } = dt(M, H), { stop: c } = dt(r, H), E = at("resize", H));
1459
- },
1460
- { immediate: !0 }
1461
- ), Ye(
1462
- () => [a.maxHeight, a.height],
1463
- () => {
1464
- a.native || he(() => {
1465
- var p;
1466
- H(), r.value && ((p = o.value) == null || p.handleScroll(r.value));
1467
- });
1468
- }
1469
- ), et(
1470
- st,
1471
- St({
1472
- scrollbarElement: u,
1473
- wrapElement: r
1474
- })
1475
- ), ta(() => {
1476
- r.value && (r.value.scrollTop = y, r.value.scrollLeft = w);
1477
- }), Ct(() => {
1478
- a.native || he(() => {
1479
- H();
1480
- });
1481
- }), aa(() => H()), d({
1482
- /** @description scrollbar wrap ref */
1483
- wrapRef: r,
1484
- /** @description update scrollbar state manually */
1485
- update: H,
1486
- /** @description scrolls to a particular set of coordinates */
1487
- scrollTo: s,
1488
- /** @description set distance to scroll top */
1489
- setScrollTop: V,
1490
- /** @description set distance to scroll left */
1491
- setScrollLeft: _,
1492
- /** @description handle scroll event */
1493
- handleScroll: B
1494
- }), (p, R) => (Y(), X(
1495
- "div",
1496
- {
1497
- ref_key: "scrollbarRef",
1498
- ref: u,
1499
- class: W(t(I).b())
1500
- },
1501
- [
1502
- se("div", {
1503
- ref_key: "wrapRef",
1504
- ref: r,
1505
- class: W(P.value),
1506
- style: Re(g.value),
1507
- tabindex: n.tabindex,
1508
- onScroll: B
1509
- }, [
1510
- (Y(), G(Le(n.tag), {
1511
- id: n.id,
1512
- ref_key: "resizeRef",
1513
- ref: M,
1514
- class: W(T.value),
1515
- style: Re(n.viewStyle),
1516
- role: n.role,
1517
- "aria-label": n.ariaLabel,
1518
- "aria-orientation": n.ariaOrientation
1519
- }, {
1520
- default: Q(() => [
1521
- Ae(p.$slots, "default")
1522
- ]),
1523
- _: 3
1524
- /* FORWARDED */
1525
- }, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
1526
- ], 46, Wa),
1527
- n.native ? de("v-if", !0) : (Y(), G(_a, {
1528
- key: 0,
1529
- ref_key: "barRef",
1530
- ref: o,
1531
- always: n.always,
1532
- "min-size": n.minSize
1533
- }, null, 8, ["always", "min-size"]))
1534
- ],
1535
- 2
1536
- /* CLASS */
1537
- ));
1538
- }
1539
- });
1540
- const Ka = Sa(xa), Ua = pe({
1541
- role: {
1542
- type: String,
1543
- required: !0
1544
- },
1545
- spinnerDate: {
1546
- type: q(Object),
1547
- required: !0
1548
- },
1549
- showSeconds: {
1550
- type: Boolean,
1551
- default: !0
1552
- },
1553
- arrowControl: Boolean,
1554
- amPmMode: {
1555
- // 'a': am/pm; 'A': AM/PM
1556
- type: q(String),
1557
- default: ""
1558
- },
1559
- ...Vt
1560
- }), ja = ["onClick"], qa = ["onMouseenter"];
1561
- var Za = /* @__PURE__ */ be({
1562
- __name: "basic-time-spinner",
1563
- props: Ua,
1564
- emits: [xe, "select-range", "set-option"],
1565
- setup(n, { emit: d }) {
1566
- const l = n, a = Fe(ot), { isRange: b, format: I } = a.props, f = d, c = fe("time"), { getHoursList: E, getMinutesList: y, getSecondsList: w } = Yt(
1567
- l.disabledHours,
1568
- l.disabledMinutes,
1569
- l.disabledSeconds
1570
- );
1571
- let C = !1;
1572
- const k = N(), u = N(), r = N(), M = N(), o = {
1573
- hours: u,
1574
- minutes: r,
1575
- seconds: M
1576
- }, g = F(() => l.showSeconds ? vt : vt.slice(0, 2)), P = F(() => {
1577
- const { spinnerDate: i } = l, v = i.hour(), m = i.minute(), A = i.second();
1578
- return { hours: v, minutes: m, seconds: A };
1579
- }), T = F(() => {
1580
- const { hours: i, minutes: v } = t(P), { role: m, spinnerDate: A } = l, $ = b ? void 0 : A;
1581
- return {
1582
- hours: E(m, $),
1583
- minutes: y(i, m, $),
1584
- seconds: w(i, v, m, $)
1585
- };
1586
- }), S = F(() => {
1587
- const { hours: i, minutes: v, seconds: m } = t(P);
1588
- return {
1589
- hours: Ze(i, 23),
1590
- minutes: Ze(v, 59),
1591
- seconds: Ze(m, 59)
1592
- };
1593
- }), D = ha((i) => {
1594
- C = !1, s(i);
1595
- }, 200), x = (i) => {
1596
- if (!!!l.amPmMode) return "";
1597
- const m = l.amPmMode === "A";
1598
- let A = i < 12 ? " am" : " pm";
1599
- return m && (A = A.toUpperCase()), A;
1600
- }, B = (i) => {
1601
- let v = [0, 0];
1602
- const m = I || nt, A = m.indexOf("HH"), $ = m.indexOf("mm"), Z = m.indexOf("ss");
1603
- switch (i) {
1604
- case "hours":
1605
- A !== -1 && (v = [A, A + 2]);
1606
- break;
1607
- case "minutes":
1608
- $ !== -1 && (v = [$, $ + 2]);
1609
- break;
1610
- case "seconds":
1611
- Z !== -1 && (v = [Z, Z + 2]);
1612
- break;
1613
- }
1614
- const [ie, ne] = v;
1615
- f("select-range", ie, ne), k.value = i;
1616
- }, s = (i) => {
1617
- H(i, t(P)[i]);
1618
- }, V = () => {
1619
- s("hours"), s("minutes"), s("seconds");
1620
- }, _ = (i) => i.querySelector(`.${c.namespace.value}-scrollbar__wrap`), H = (i, v) => {
1621
- if (l.arrowControl) return;
1622
- const m = t(o[i]);
1623
- m && m.$el && (_(m.$el).scrollTop = Math.max(
1624
- 0,
1625
- v * p(i)
1626
- ));
1627
- }, p = (i) => {
1628
- const v = t(o[i]), m = v == null ? void 0 : v.$el.querySelector("li");
1629
- return m && Number.parseFloat(ia(m, "height")) || 0;
1630
- }, R = () => {
1631
- U(1);
1632
- }, K = () => {
1633
- U(-1);
1634
- }, U = (i) => {
1635
- k.value || B("hours");
1636
- const v = k.value, m = t(P)[v], A = k.value === "hours" ? 24 : 60, $ = ee(v, m, i, A);
1637
- ae(v, $), H(v, $), he(() => B(v));
1638
- }, ee = (i, v, m, A) => {
1639
- let $ = (v + m + A) % A;
1640
- const Z = t(T)[i];
1641
- for (; Z[$] && $ !== v; )
1642
- $ = ($ + m + A) % A;
1643
- return $;
1644
- }, ae = (i, v) => {
1645
- if (t(T)[i][v]) return;
1646
- const { hours: $, minutes: Z, seconds: ie } = t(P);
1647
- let ne;
1648
- switch (i) {
1649
- case "hours":
1650
- ne = l.spinnerDate.hour(v).minute(Z).second(ie);
1651
- break;
1652
- case "minutes":
1653
- ne = l.spinnerDate.hour($).minute(v).second(ie);
1654
- break;
1655
- case "seconds":
1656
- ne = l.spinnerDate.hour($).minute(Z).second(v);
1657
- break;
1658
- }
1659
- f(xe, ne);
1660
- }, O = (i, { value: v, disabled: m }) => {
1661
- m || (ae(i, v), B(i), H(i, v));
1662
- }, L = (i) => {
1663
- const v = t(o[i]);
1664
- if (!v) return;
1665
- C = !0, D(i);
1666
- const m = Math.min(
1667
- Math.round(
1668
- (_(v.$el).scrollTop - (J(i) * 0.5 - 10) / p(i) + 3) / p(i)
1669
- ),
1670
- i === "hours" ? 23 : 59
1671
- );
1672
- ae(i, m);
1673
- }, J = (i) => t(o[i]).$el.offsetHeight, j = () => {
1674
- const i = (v) => {
1675
- const m = t(o[v]);
1676
- m && m.$el && (_(m.$el).onscroll = () => {
1677
- L(v);
1678
- });
1679
- };
1680
- i("hours"), i("minutes"), i("seconds");
1681
- };
1682
- Ct(() => {
1683
- he(() => {
1684
- !l.arrowControl && j(), V(), l.role === "start" && B("hours");
1685
- });
1686
- });
1687
- const te = (i, v) => {
1688
- o[v].value = i ?? void 0;
1689
- };
1690
- return f("set-option", [`${l.role}_scrollDown`, U]), f("set-option", [`${l.role}_emitSelectRange`, B]), Ye(
1691
- () => l.spinnerDate,
1692
- () => {
1693
- C || V();
1694
- }
1695
- ), (i, v) => (Y(), X(
1696
- "div",
1697
- {
1698
- class: W([t(c).b("spinner"), { "has-seconds": i.showSeconds }])
1699
- },
1700
- [
1701
- i.arrowControl ? de("v-if", !0) : (Y(!0), X(
1702
- le,
1703
- { key: 0 },
1704
- ze(g.value, (m) => (Y(), G(t(Ka), {
1705
- key: m,
1706
- ref_for: !0,
1707
- ref: (A) => te(A, m),
1708
- class: W(t(c).be("spinner", "wrapper")),
1709
- "wrap-style": "max-height: inherit;",
1710
- "view-class": t(c).be("spinner", "list"),
1711
- noresize: "",
1712
- tag: "ul",
1713
- onMouseenter: (A) => B(m),
1714
- onMousemove: (A) => s(m)
1715
- }, {
1716
- default: Q(() => [
1717
- (Y(!0), X(
1718
- le,
1719
- null,
1720
- ze(T.value[m], (A, $) => (Y(), X("li", {
1721
- key: $,
1722
- class: W([
1723
- t(c).be("spinner", "item"),
1724
- t(c).is("active", $ === P.value[m]),
1725
- t(c).is("disabled", A)
1726
- ]),
1727
- onClick: (Z) => O(m, { value: $, disabled: A })
1728
- }, [
1729
- m === "hours" ? (Y(), X(
1730
- le,
1731
- { key: 0 },
1732
- [
1733
- _e(
1734
- ce(("0" + (i.amPmMode ? $ % 12 || 12 : $)).slice(-2)) + ce(x($)),
1735
- 1
1736
- /* TEXT */
1737
- )
1738
- ],
1739
- 64
1740
- /* STABLE_FRAGMENT */
1741
- )) : (Y(), X(
1742
- le,
1743
- { key: 1 },
1744
- [
1745
- _e(
1746
- ce(("0" + $).slice(-2)),
1747
- 1
1748
- /* TEXT */
1749
- )
1750
- ],
1751
- 64
1752
- /* STABLE_FRAGMENT */
1753
- ))
1754
- ], 10, ja))),
1755
- 128
1756
- /* KEYED_FRAGMENT */
1757
- ))
1758
- ]),
1759
- _: 2
1760
- /* DYNAMIC */
1761
- }, 1032, ["class", "view-class", "onMouseenter", "onMousemove"]))),
1762
- 128
1763
- /* KEYED_FRAGMENT */
1764
- )),
1765
- i.arrowControl ? (Y(!0), X(
1766
- le,
1767
- { key: 1 },
1768
- ze(g.value, (m) => (Y(), X("div", {
1769
- key: m,
1770
- class: W([t(c).be("spinner", "wrapper"), t(c).is("arrow")]),
1771
- onMouseenter: (A) => B(m)
1772
- }, [
1773
- tt((Y(), G(t(De), {
1774
- class: W(["arrow-up", t(c).be("spinner", "arrow")])
1775
- }, {
1776
- default: Q(() => [
1777
- $e(t(Jt))
1778
- ]),
1779
- _: 1
1780
- /* STABLE */
1781
- }, 8, ["class"])), [
1782
- [t(mt), K]
1783
- ]),
1784
- tt((Y(), G(t(De), {
1785
- class: W(["arrow-down", t(c).be("spinner", "arrow")])
1786
- }, {
1787
- default: Q(() => [
1788
- $e(t(Xt))
1789
- ]),
1790
- _: 1
1791
- /* STABLE */
1792
- }, 8, ["class"])), [
1793
- [t(mt), R]
1794
- ]),
1795
- se(
1796
- "ul",
1797
- {
1798
- class: W(t(c).be("spinner", "list"))
1799
- },
1800
- [
1801
- (Y(!0), X(
1802
- le,
1803
- null,
1804
- ze(S.value[m], (A, $) => (Y(), X(
1805
- "li",
1806
- {
1807
- key: $,
1808
- class: W([
1809
- t(c).be("spinner", "item"),
1810
- t(c).is("active", A === P.value[m]),
1811
- t(c).is("disabled", T.value[m][A])
1812
- ])
1813
- },
1814
- [
1815
- t(Ie)(A) ? (Y(), X(
1816
- le,
1817
- { key: 0 },
1818
- [
1819
- m === "hours" ? (Y(), X(
1820
- le,
1821
- { key: 0 },
1822
- [
1823
- _e(
1824
- ce(("0" + (i.amPmMode ? A % 12 || 12 : A)).slice(-2)) + ce(x(A)),
1825
- 1
1826
- /* TEXT */
1827
- )
1828
- ],
1829
- 64
1830
- /* STABLE_FRAGMENT */
1831
- )) : (Y(), X(
1832
- le,
1833
- { key: 1 },
1834
- [
1835
- _e(
1836
- ce(("0" + A).slice(-2)),
1837
- 1
1838
- /* TEXT */
1839
- )
1840
- ],
1841
- 64
1842
- /* STABLE_FRAGMENT */
1843
- ))
1844
- ],
1845
- 64
1846
- /* STABLE_FRAGMENT */
1847
- )) : de("v-if", !0)
1848
- ],
1849
- 2
1850
- /* CLASS */
1851
- ))),
1852
- 128
1853
- /* KEYED_FRAGMENT */
1854
- ))
1855
- ],
1856
- 2
1857
- /* CLASS */
1858
- )
1859
- ], 42, qa))),
1860
- 128
1861
- /* KEYED_FRAGMENT */
1862
- )) : de("v-if", !0)
1863
- ],
1864
- 2
1865
- /* CLASS */
1866
- ));
1867
- }
1868
- }), bn = /* @__PURE__ */ be({
1869
- __name: "panel-time-pick",
1870
- props: Va,
1871
- emits: ["pick", "select-range", "set-picker-option"],
1872
- setup(n, { emit: d }) {
1873
- const l = n, a = d, b = Fe(ot), {
1874
- arrowControl: I,
1875
- disabledHours: f,
1876
- disabledMinutes: c,
1877
- disabledSeconds: E,
1878
- defaultValue: y
1879
- } = b.props, { getAvailableHours: w, getAvailableMinutes: C, getAvailableSeconds: k } = Ya(f, c, E), u = fe("time"), { t: r, lang: M } = Mt(), o = N([0, 2]), g = $a(l), P = F(() => ka(l.actualVisible) ? `${u.namespace.value}-zoom-in-top` : ""), T = F(() => l.format.includes("ss")), S = F(() => l.format.includes("A") ? "A" : l.format.includes("a") ? "a" : ""), D = (O) => {
1880
- const L = Te(O).locale(M.value), J = U(L);
1881
- return L.isSame(J);
1882
- }, x = () => {
1883
- const O = g.value;
1884
- a("pick", O, !1), he(() => {
1885
- g.value = O;
1886
- });
1887
- }, B = (O = !1, L = !1) => {
1888
- L || a("pick", l.parsedValue, O);
1889
- }, s = (O) => {
1890
- if (!l.visible)
1891
- return;
1892
- const L = U(O).millisecond(0);
1893
- a("pick", L, !0);
1894
- }, V = (O, L) => {
1895
- a("select-range", O, L), o.value = [O, L];
1896
- }, _ = (O) => {
1897
- const L = l.format, J = L.indexOf("HH"), j = L.indexOf("mm"), te = L.indexOf("ss"), i = [], v = [];
1898
- J !== -1 && (i.push(J), v.push("hours")), j !== -1 && (i.push(j), v.push("minutes")), te !== -1 && T.value && (i.push(te), v.push("seconds"));
1899
- const A = (i.indexOf(o.value[0]) + O + i.length) % i.length;
1900
- p.start_emitSelectRange(v[A]);
1901
- }, H = (O) => {
1902
- const L = At(O), { left: J, right: j, up: te, down: i } = Ee;
1903
- if ([J, j].includes(L)) {
1904
- _(L === J ? -1 : 1), O.preventDefault();
1905
- return;
1906
- }
1907
- if ([te, i].includes(L)) {
1908
- const v = L === te ? -1 : 1;
1909
- p.start_scrollDown(v), O.preventDefault();
1910
- return;
1911
- }
1912
- }, { timePickerOptions: p, onSetOption: R, getAvailableTime: K } = La({
1913
- getAvailableHours: w,
1914
- getAvailableMinutes: C,
1915
- getAvailableSeconds: k
1916
- }), U = (O) => K(O, l.datetimeRole || "", !0), ee = (O) => O ? Te(O, l.format).locale(M.value) : null, ae = () => Te(y).locale(M.value);
1917
- return a("set-picker-option", ["isValidValue", D]), a("set-picker-option", ["parseUserInput", ee]), a("set-picker-option", ["handleKeydownInput", H]), a("set-picker-option", ["getRangeAvailableTime", U]), a("set-picker-option", ["getDefaultValue", ae]), (O, L) => (Y(), G(Pt, { name: P.value }, {
1918
- default: Q(() => [
1919
- O.actualVisible || O.visible ? (Y(), X(
1920
- "div",
1921
- {
1922
- key: 0,
1923
- class: W(t(u).b("panel"))
1924
- },
1925
- [
1926
- se(
1927
- "div",
1928
- {
1929
- class: W([t(u).be("panel", "content"), { "has-seconds": T.value }])
1930
- },
1931
- [
1932
- $e(Za, {
1933
- ref: "spinner",
1934
- role: O.datetimeRole || "start",
1935
- "arrow-control": t(I),
1936
- "show-seconds": T.value,
1937
- "am-pm-mode": S.value,
1938
- "spinner-date": (
1939
- // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
1940
- O.parsedValue
1941
- ),
1942
- "disabled-hours": t(f),
1943
- "disabled-minutes": t(c),
1944
- "disabled-seconds": t(E),
1945
- onChange: s,
1946
- onSetOption: t(R),
1947
- onSelectRange: V
1948
- }, null, 8, ["role", "arrow-control", "show-seconds", "am-pm-mode", "spinner-date", "disabled-hours", "disabled-minutes", "disabled-seconds", "onSetOption"])
1949
- ],
1950
- 2
1951
- /* CLASS */
1952
- ),
1953
- se(
1954
- "div",
1955
- {
1956
- class: W(t(u).be("panel", "footer"))
1957
- },
1958
- [
1959
- se(
1960
- "button",
1961
- {
1962
- type: "button",
1963
- class: W([t(u).be("panel", "btn"), "cancel"]),
1964
- onClick: x
1965
- },
1966
- ce(t(r)("el.datepicker.cancel")),
1967
- 3
1968
- /* TEXT, CLASS */
1969
- ),
1970
- se(
1971
- "button",
1972
- {
1973
- type: "button",
1974
- class: W([t(u).be("panel", "btn"), "confirm"]),
1975
- onClick: L[0] || (L[0] = (J) => B())
1976
- },
1977
- ce(t(r)("el.datepicker.confirm")),
1978
- 3
1979
- /* TEXT, CLASS */
1980
- )
1981
- ],
1982
- 2
1983
- /* CLASS */
1984
- )
1985
- ],
1986
- 2
1987
- /* CLASS */
1988
- )) : de("v-if", !0)
1989
- ]),
1990
- _: 1
1991
- /* STABLE */
1992
- }, 8, ["name"]));
1993
- }
1994
- });
1995
- export {
1996
- nt as D,
1997
- ot as P,
1998
- Ea as R,
1999
- Za as _,
2000
- La as a,
2001
- Ya as b,
2002
- Ta as c,
2003
- bn as d,
2004
- Ma as e,
2005
- gn as f,
2006
- dn as g,
2007
- Ze as h,
2008
- ht as i,
2009
- We as j,
2010
- mn as k,
2011
- vn as l,
2012
- bt as m,
2013
- Ge as n,
2014
- Ve as o,
2015
- gt as p,
2016
- fn as q,
2017
- pn as r,
2018
- vt as s,
2019
- Ia as t,
2020
- $a as u,
2021
- Ot as v,
2022
- Lt as w,
2023
- hn as x,
2024
- Vt as y,
2025
- Da as z
2026
- };