@blueking/date-picker 0.0.71 → 0.0.72
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +26 -19
- package/dist/vue2-full.css +1 -1
- package/dist/vue2-full.es.js +8240 -8128
- package/dist/vue2-light.css +1 -1
- package/dist/vue2-light.es.js +7572 -7460
- package/dist/vue3-full.css +1 -1
- package/dist/vue3-full.es.js +5247 -5165
- package/dist/vue3-light.es.js +108 -110
- package/package.json +2 -2
package/dist/vue3-light.es.js
CHANGED
|
@@ -1980,32 +1980,32 @@ const Ke = { class: "date-panel" }, Oe = { class: "date-panel-title" }, qe = { c
|
|
|
1980
1980
|
ma(
|
|
1981
1981
|
m,
|
|
1982
1982
|
() => {
|
|
1983
|
-
const
|
|
1983
|
+
const D = m.value.startOf("month").startOf("week").add(-1, "day"), $ = [];
|
|
1984
1984
|
for (let Y = 0; Y < Ha * ha; Y++)
|
|
1985
|
-
$.push(
|
|
1985
|
+
$.push(D.add(Y, "day"));
|
|
1986
1986
|
f.value = $;
|
|
1987
1987
|
},
|
|
1988
1988
|
{
|
|
1989
1989
|
immediate: !0
|
|
1990
1990
|
}
|
|
1991
1991
|
);
|
|
1992
|
-
const c = (
|
|
1993
|
-
m.value = m.value.add(
|
|
1994
|
-
}, s = (
|
|
1995
|
-
m.value = m.value.add(
|
|
1996
|
-
}, o = (
|
|
1997
|
-
i.minDate &&
|
|
1992
|
+
const c = (D) => {
|
|
1993
|
+
m.value = m.value.add(D, "month");
|
|
1994
|
+
}, s = (D) => {
|
|
1995
|
+
m.value = m.value.add(D, "year");
|
|
1996
|
+
}, o = (D) => {
|
|
1997
|
+
i.minDate && D.isBefore(i.minDate, "day") || e("update:modelValue", D);
|
|
1998
1998
|
};
|
|
1999
1999
|
let y = 0;
|
|
2000
|
-
const S = (
|
|
2001
|
-
|
|
2000
|
+
const S = (D) => {
|
|
2001
|
+
D.preventDefault(), !i.diableNow && (y || (e("update:isNow", !i.isNow), y = setTimeout(() => {
|
|
2002
2002
|
clearTimeout(y), y = 0;
|
|
2003
2003
|
}, 500)));
|
|
2004
2004
|
};
|
|
2005
|
-
return (
|
|
2005
|
+
return (D, $) => (p(), z("div", Ke, [
|
|
2006
2006
|
b("div", Oe, [
|
|
2007
2007
|
G(
|
|
2008
|
-
_(
|
|
2008
|
+
_(D.title) + " ",
|
|
2009
2009
|
1
|
|
2010
2010
|
/* TEXT */
|
|
2011
2011
|
),
|
|
@@ -2017,8 +2017,8 @@ const Ke = { class: "date-panel" }, Oe = { class: "date-panel-title" }, qe = { c
|
|
|
2017
2017
|
},
|
|
2018
2018
|
[
|
|
2019
2019
|
E(t(we), {
|
|
2020
|
-
disabled:
|
|
2021
|
-
"model-value":
|
|
2020
|
+
disabled: D.diableNow,
|
|
2021
|
+
"model-value": D.isNow,
|
|
2022
2022
|
size: "small"
|
|
2023
2023
|
}, {
|
|
2024
2024
|
default: j(() => [
|
|
@@ -2029,7 +2029,7 @@ const Ke = { class: "date-panel" }, Oe = { class: "date-panel-title" }, qe = { c
|
|
|
2029
2029
|
}, 8, ["disabled", "model-value"])
|
|
2030
2030
|
],
|
|
2031
2031
|
32
|
|
2032
|
-
/*
|
|
2032
|
+
/* NEED_HYDRATION */
|
|
2033
2033
|
)
|
|
2034
2034
|
]),
|
|
2035
2035
|
b("div", qe, [
|
|
@@ -2102,7 +2102,7 @@ const Ke = { class: "date-panel" }, Oe = { class: "date-panel-title" }, qe = { c
|
|
|
2102
2102
|
"is-last-month": N.isBefore(m.value, "month"),
|
|
2103
2103
|
"is-next-month": N.isAfter(m.value, "month"),
|
|
2104
2104
|
"is-today": N.isSame(t(h), "day"),
|
|
2105
|
-
"is-disabled":
|
|
2105
|
+
"is-disabled": D.minDate && N.isBefore(D.minDate, "day"),
|
|
2106
2106
|
"is-selected": i.modelValue && N.isSame(i.modelValue, "day")
|
|
2107
2107
|
}, "date-grid-item"]),
|
|
2108
2108
|
key: N.unix(),
|
|
@@ -2156,14 +2156,12 @@ const et = { class: "date-wrapper" }, tt = { class: "date-input" }, it = /* @__P
|
|
|
2156
2156
|
emits: ["change"],
|
|
2157
2157
|
setup(l, { emit: a }) {
|
|
2158
2158
|
d.extend(Oa);
|
|
2159
|
-
const i = l, e = a, n = R(null), f = R(null), h = R(!1), m = R(!1), c = Q(), s = Q(), o = R(!1), y = R(!1), { format: S, timezoneInfo:
|
|
2159
|
+
const i = l, e = a, n = R(null), f = R(null), h = R(!1), m = R(!1), c = Q(), s = Q(), o = R(!1), y = R(!1), { format: S, timezoneInfo: D } = ee(), $ = d();
|
|
2160
2160
|
ma(
|
|
2161
2161
|
() => i.value,
|
|
2162
2162
|
(v) => {
|
|
2163
|
-
|
|
2164
|
-
|
|
2165
|
-
const { dateValue: u, endDate: g, startDate: D } = v;
|
|
2166
|
-
!(D != null && D.isValid()) && !(g != null && g.isValid()) || (c.value = D, s.value = g, o.value = u[0] === C, y.value = u[1] === C);
|
|
2163
|
+
const { dateValue: u, endDate: x, startDate: M } = v;
|
|
2164
|
+
c.value = M, s.value = x, o.value = u[0] === C, y.value = u[1] === C;
|
|
2167
2165
|
},
|
|
2168
2166
|
{
|
|
2169
2167
|
immediate: !0
|
|
@@ -2172,16 +2170,16 @@ const et = { class: "date-wrapper" }, tt = { class: "date-input" }, it = /* @__P
|
|
|
2172
2170
|
const Y = J(() => !(!c.value || !s.value || !c.value.isValid() || !s.value.isValid() || c.value.isSame(s.value, "ms") || c.value.format(S.value) === s.value.format(S.value) || c.value.isAfter(s.value))), N = async (v, u) => {
|
|
2173
2171
|
setTimeout(() => {
|
|
2174
2172
|
var Ma, za, Ea, Sa;
|
|
2175
|
-
const
|
|
2176
|
-
if (
|
|
2173
|
+
const x = (za = (Ma = v.target) == null ? void 0 : Ma.value) == null ? void 0 : za.toString().trim(), M = u === "start" ? c.value : s.value, L = u === "start" ? o : y, sa = u === "start" ? y : o, Da = M == null ? void 0 : M.format(S.value);
|
|
2174
|
+
if (x === Da || !x || x === C && L.value)
|
|
2177
2175
|
return;
|
|
2178
|
-
if (
|
|
2176
|
+
if (x === C && !L.value && !sa.value) {
|
|
2179
2177
|
I(u);
|
|
2180
2178
|
return;
|
|
2181
2179
|
}
|
|
2182
2180
|
let H;
|
|
2183
|
-
if (oa.test(
|
|
2184
|
-
const ea =
|
|
2181
|
+
if (oa.test(x) && (H = _a(x, u)), !H && !/Z$/i.test(x) && "YYYY-MM-DD HH:mm:ss".includes(S.value)) {
|
|
2182
|
+
const ea = x.match(Ne) || [];
|
|
2185
2183
|
if (ea.length) {
|
|
2186
2184
|
let q = !0;
|
|
2187
2185
|
const le = (ea[7] || "0").substring(0, 3), Ca = ea[6] || 0;
|
|
@@ -2195,38 +2193,38 @@ const et = { class: "date-wrapper" }, tt = { class: "date-input" }, it = /* @__P
|
|
|
2195
2193
|
const $a = ea[2] - 1 || 0;
|
|
2196
2194
|
q = q && $a < 12;
|
|
2197
2195
|
const Na = ea[1];
|
|
2198
|
-
q = q && Na.length < 5, H = q ? d(new Date(Na, $a, Va, Ta, Pa, Ca, le)) :
|
|
2196
|
+
q = q && Na.length < 5, H = q ? d(new Date(Na, $a, Va, Ta, Pa, Ca, le)) : M;
|
|
2199
2197
|
}
|
|
2200
2198
|
}
|
|
2201
|
-
H || (H = d(
|
|
2199
|
+
H || (H = d(x)), H.isValid() && (M != null && M.isSame(H) || (L.value = x === C, u === "start" ? P(c ? H : H.startOf("d")) : B(s ? H : H.endOf("d")))), v.target.value = u === "start" ? ((Ea = c.value) == null ? void 0 : Ea.format(S.value)) || "" : ((Sa = s.value) == null ? void 0 : Sa.format(S.value)) || "";
|
|
2202
2200
|
}, 16);
|
|
2203
2201
|
}, K = () => {
|
|
2204
|
-
h.value = !0,
|
|
2202
|
+
h.value = !0, g();
|
|
2205
2203
|
}, w = () => {
|
|
2206
2204
|
m.value = !0, A();
|
|
2207
2205
|
}, A = (v = 32) => {
|
|
2208
2206
|
setTimeout(() => h.value = !1, v);
|
|
2209
|
-
},
|
|
2207
|
+
}, g = (v = 32) => {
|
|
2210
2208
|
setTimeout(() => m.value = !1, v);
|
|
2211
2209
|
}, P = (v) => {
|
|
2212
|
-
var u,
|
|
2213
|
-
(u = c.value) != null && u.isSame(v) || (c.value = v, o.value = !1), s.value || ((
|
|
2210
|
+
var u, x;
|
|
2211
|
+
(u = c.value) != null && u.isSame(v) || (c.value = v, o.value = !1), s.value || ((x = f.value) == null || x.focus(), w()), A();
|
|
2214
2212
|
}, B = (v) => {
|
|
2215
|
-
var u,
|
|
2216
|
-
(u = s.value) != null && u.isSame(v) || (s.value = v, y.value = !1), c.value || ((
|
|
2213
|
+
var u, x;
|
|
2214
|
+
(u = s.value) != null && u.isSame(v) || (s.value = v, y.value = !1), c.value || ((x = n.value) == null || x.focus(), K()), g();
|
|
2217
2215
|
}, I = (v) => {
|
|
2218
2216
|
v === "start" ? (o.value = !o.value, y.value = !1, c.value = d(), s.value ? o.value && A() : (setTimeout(() => {
|
|
2219
2217
|
var u;
|
|
2220
2218
|
(u = f.value) == null || u.focus(), w();
|
|
2221
|
-
}, 200), A())) : (y.value = !y.value, o.value = !1, s.value = d(), c.value ? y.value &&
|
|
2219
|
+
}, 200), A())) : (y.value = !y.value, o.value = !1, s.value = d(), c.value ? y.value && g() : (setTimeout(() => {
|
|
2222
2220
|
var u;
|
|
2223
2221
|
(u = n.value) == null || u.focus(), K();
|
|
2224
|
-
}, 200),
|
|
2222
|
+
}, 200), g()));
|
|
2225
2223
|
}, T = () => {
|
|
2226
|
-
c.value = void 0, s.value = void 0, o.value = !1, y.value = !1, A(),
|
|
2224
|
+
c.value = void 0, s.value = void 0, o.value = !1, y.value = !1, A(), g();
|
|
2227
2225
|
}, V = () => {
|
|
2228
2226
|
if (c.value && s.value) {
|
|
2229
|
-
const v = o.value ? C : c.value.tz(
|
|
2227
|
+
const v = o.value ? C : c.value.tz(D.value.label, !0).valueOf(), u = y.value ? C : s.value.tz(D.value.label, !0).valueOf();
|
|
2230
2228
|
e("change", [v || "", u || ""]);
|
|
2231
2229
|
}
|
|
2232
2230
|
}, aa = (v) => {
|
|
@@ -2234,10 +2232,10 @@ const et = { class: "date-wrapper" }, tt = { class: "date-input" }, it = /* @__P
|
|
|
2234
2232
|
h.value && ((u = document.querySelector(".__date-picker-popover-start__")) != null && u.contains(v.target) || A());
|
|
2235
2233
|
}, Z = (v) => {
|
|
2236
2234
|
var u;
|
|
2237
|
-
m.value && ((u = document.querySelector(".__date-picker-popover-end__")) != null && u.contains(v.target) ||
|
|
2235
|
+
m.value && ((u = document.querySelector(".__date-picker-popover-end__")) != null && u.contains(v.target) || g());
|
|
2238
2236
|
};
|
|
2239
2237
|
return (v, u) => {
|
|
2240
|
-
var
|
|
2238
|
+
var x;
|
|
2241
2239
|
return p(), z("div", et, [
|
|
2242
2240
|
b("div", tt, [
|
|
2243
2241
|
b(
|
|
@@ -2272,11 +2270,11 @@ const et = { class: "date-wrapper" }, tt = { class: "date-input" }, it = /* @__P
|
|
|
2272
2270
|
}, null, 8, ["diable-now", "format", "is-now", "model-value", "title"])
|
|
2273
2271
|
]),
|
|
2274
2272
|
default: j(() => {
|
|
2275
|
-
var
|
|
2273
|
+
var M;
|
|
2276
2274
|
return [
|
|
2277
2275
|
ba(b("input", {
|
|
2278
2276
|
placeholder: t(r)("开始时间"),
|
|
2279
|
-
value: o.value ? t(C) : (
|
|
2277
|
+
value: o.value ? t(C) : (M = c.value) == null ? void 0 : M.format(t(S)),
|
|
2280
2278
|
onBlur: u[0] || (u[0] = (L) => N(L, "start")),
|
|
2281
2279
|
onClick: K,
|
|
2282
2280
|
onKeypress: u[1] || (u[1] = ja((L) => N(L, "start"), ["enter"])),
|
|
@@ -2310,16 +2308,16 @@ const et = { class: "date-wrapper" }, tt = { class: "date-input" }, it = /* @__P
|
|
|
2310
2308
|
"model-value": s.value,
|
|
2311
2309
|
title: t(r)("结束时间"),
|
|
2312
2310
|
"onUpdate:isNow": u[5] || (u[5] = () => I("end")),
|
|
2313
|
-
"onUpdate:modelValue": u[6] || (u[6] = (
|
|
2311
|
+
"onUpdate:modelValue": u[6] || (u[6] = (M) => B(M.endOf("d"))),
|
|
2314
2312
|
key: "end"
|
|
2315
2313
|
}, null, 8, ["diable-now", "format", "is-now", "model-value", "title"])
|
|
2316
2314
|
]),
|
|
2317
2315
|
default: j(() => {
|
|
2318
|
-
var
|
|
2316
|
+
var M;
|
|
2319
2317
|
return [
|
|
2320
2318
|
ba(b("input", {
|
|
2321
2319
|
placeholder: t(r)("结束时间"),
|
|
2322
|
-
value: y.value ? t(C) : (
|
|
2320
|
+
value: y.value ? t(C) : (M = s.value) == null ? void 0 : M.format(t(S)),
|
|
2323
2321
|
onBlur: u[3] || (u[3] = (L) => N(L, "end")),
|
|
2324
2322
|
onClick: w,
|
|
2325
2323
|
onKeypress: u[4] || (u[4] = ja((L) => N(L, "end"), ["enter"])),
|
|
@@ -2344,7 +2342,7 @@ const et = { class: "date-wrapper" }, tt = { class: "date-input" }, it = /* @__P
|
|
|
2344
2342
|
/* STYLE */
|
|
2345
2343
|
),
|
|
2346
2344
|
E(wa, {
|
|
2347
|
-
"disable-tips": (
|
|
2345
|
+
"disable-tips": (x = c.value) != null && x.isAfter(s.value) ? t(r)("开始时间不能大于结束时间") : "",
|
|
2348
2346
|
disabled: !Y.value,
|
|
2349
2347
|
onSubmit: V
|
|
2350
2348
|
}, null, 8, ["disable-tips", "disabled"])
|
|
@@ -2393,18 +2391,18 @@ const et = { class: "date-wrapper" }, tt = { class: "date-input" }, it = /* @__P
|
|
|
2393
2391
|
(p(!0), z(
|
|
2394
2392
|
U,
|
|
2395
2393
|
null,
|
|
2396
|
-
F(t(Ve), (
|
|
2394
|
+
F(t(Ve), (M) => (p(), z("tr", { key: M }, [
|
|
2397
2395
|
b(
|
|
2398
2396
|
"td",
|
|
2399
2397
|
null,
|
|
2400
|
-
_(
|
|
2398
|
+
_(M),
|
|
2401
2399
|
1
|
|
2402
2400
|
/* TEXT */
|
|
2403
2401
|
),
|
|
2404
2402
|
b(
|
|
2405
2403
|
"td",
|
|
2406
2404
|
null,
|
|
2407
|
-
_(t($).format(
|
|
2405
|
+
_(t($).format(M)),
|
|
2408
2406
|
1
|
|
2409
2407
|
/* TEXT */
|
|
2410
2408
|
)
|
|
@@ -2450,8 +2448,8 @@ const mt = { class: "natural-picker" }, ht = ["onClick"], vt = "__", bt = /* @__
|
|
|
2450
2448
|
setup(l, { emit: a }) {
|
|
2451
2449
|
const i = R(), e = a, n = l, f = R(), h = Q(ga.slice()), m = R(Ra[0].id), c = R(""), s = R(), o = R(h.value[0]);
|
|
2452
2450
|
ne(xa(), "session").forEach((w) => {
|
|
2453
|
-
const [A,
|
|
2454
|
-
if (d.isDayjs(A) || d.isDayjs(
|
|
2451
|
+
const [A, g] = w;
|
|
2452
|
+
if (d.isDayjs(A) || d.isDayjs(g))
|
|
2455
2453
|
return;
|
|
2456
2454
|
const P = new na(w), { startNum: B, startUnit: I } = P;
|
|
2457
2455
|
if (!h.value.find((V) => V.id === A)) {
|
|
@@ -2469,18 +2467,18 @@ const mt = { class: "natural-picker" }, ht = ["onClick"], vt = "__", bt = /* @__
|
|
|
2469
2467
|
(w) => {
|
|
2470
2468
|
if (!w || w.dateMode !== k.NATURAL)
|
|
2471
2469
|
return;
|
|
2472
|
-
const [A,
|
|
2473
|
-
if (d.isDayjs(A) || d.isDayjs(
|
|
2470
|
+
const [A, g] = w.dateValue;
|
|
2471
|
+
if (d.isDayjs(A) || d.isDayjs(g))
|
|
2474
2472
|
return;
|
|
2475
2473
|
const { startNum: P, startUnit: B } = w;
|
|
2476
|
-
m.value =
|
|
2474
|
+
m.value = g === C ? va.NOW : va.ALL;
|
|
2477
2475
|
const I = h.value.find((V) => V.id === A && V.type === ta.custom);
|
|
2478
2476
|
if (I) {
|
|
2479
2477
|
o.value = I;
|
|
2480
2478
|
return;
|
|
2481
2479
|
}
|
|
2482
2480
|
const T = ga.find((V) => V.id === A && V.type === ta.default);
|
|
2483
|
-
if (
|
|
2481
|
+
if (g !== C && A !== g && T || !T) {
|
|
2484
2482
|
const V = `${`${r("前")} ${P} ${r(
|
|
2485
2483
|
ra[B]
|
|
2486
2484
|
)}`}`;
|
|
@@ -2500,16 +2498,16 @@ const mt = { class: "natural-picker" }, ht = ["onClick"], vt = "__", bt = /* @__
|
|
|
2500
2498
|
const y = (w) => `${w.id}${vt}${w.type}`, S = (w) => {
|
|
2501
2499
|
const A = w.id;
|
|
2502
2500
|
if (m.value === va.ALL) {
|
|
2503
|
-
const [,
|
|
2504
|
-
return Math.abs(+
|
|
2501
|
+
const [, g, P, B] = A.match(ka) || [];
|
|
2502
|
+
return Math.abs(+g) > 1 ? Math.abs(+g) === 2 && P === "d" ? [A, A] : [A, `now-1${P}/${B}`] : [A, A];
|
|
2505
2503
|
}
|
|
2506
2504
|
return [A, C];
|
|
2507
|
-
},
|
|
2505
|
+
}, D = (w) => {
|
|
2508
2506
|
var A;
|
|
2509
2507
|
if (w.type === ta.edit) {
|
|
2510
2508
|
s.value = 1, c.value = w.id, setTimeout(() => {
|
|
2511
|
-
var
|
|
2512
|
-
(B = (P = (
|
|
2509
|
+
var g, P, B;
|
|
2510
|
+
(B = (P = (g = i.value) == null ? void 0 : g[0]) == null ? void 0 : P.focus) == null || B.call(P);
|
|
2513
2511
|
}, 20);
|
|
2514
2512
|
return;
|
|
2515
2513
|
}
|
|
@@ -2519,18 +2517,18 @@ const mt = { class: "natural-picker" }, ht = ["onClick"], vt = "__", bt = /* @__
|
|
|
2519
2517
|
}, Y = (w, A) => {
|
|
2520
2518
|
var B, I;
|
|
2521
2519
|
c.value = "";
|
|
2522
|
-
const
|
|
2520
|
+
const g = `now-${+w}${A.unit}/${A.unit}`, P = h.value.find((T) => T.id === g);
|
|
2523
2521
|
if (P) {
|
|
2524
2522
|
o.value = P, (B = f.value) == null || B.hidePopover();
|
|
2525
2523
|
return;
|
|
2526
2524
|
}
|
|
2527
2525
|
h.value.unshift({
|
|
2528
|
-
id:
|
|
2526
|
+
id: g,
|
|
2529
2527
|
name: A.name.replace("N", w.toString()),
|
|
2530
2528
|
type: ta.custom
|
|
2531
2529
|
}), [o.value] = h.value, (I = f.value) == null || I.hidePopover();
|
|
2532
|
-
}, N = (w, A,
|
|
2533
|
-
!A || +A < 1 || w.key !== "Enter" || !c.value || Y(Math.ceil(A),
|
|
2530
|
+
}, N = (w, A, g) => {
|
|
2531
|
+
!A || +A < 1 || w.key !== "Enter" || !c.value || Y(Math.ceil(A), g);
|
|
2534
2532
|
}, K = () => {
|
|
2535
2533
|
h.value.filter((w) => w.type === ta.custom).forEach((w) => {
|
|
2536
2534
|
re(S(w), xa(), "session");
|
|
@@ -2555,10 +2553,10 @@ const mt = { class: "natural-picker" }, ht = ["onClick"], vt = "__", bt = /* @__
|
|
|
2555
2553
|
(p(!0), z(
|
|
2556
2554
|
U,
|
|
2557
2555
|
null,
|
|
2558
|
-
F(h.value, (
|
|
2559
|
-
id: y(
|
|
2560
|
-
key: y(
|
|
2561
|
-
name:
|
|
2556
|
+
F(h.value, (g) => (p(), O(t(W).Option, {
|
|
2557
|
+
id: y(g),
|
|
2558
|
+
key: y(g),
|
|
2559
|
+
name: g.name
|
|
2562
2560
|
}, {
|
|
2563
2561
|
default: j(() => [
|
|
2564
2562
|
b("div", {
|
|
@@ -2566,16 +2564,16 @@ const mt = { class: "natural-picker" }, ht = ["onClick"], vt = "__", bt = /* @__
|
|
|
2566
2564
|
}, ["prevent", "stop"])),
|
|
2567
2565
|
class: "natural-custom-option"
|
|
2568
2566
|
}, [
|
|
2569
|
-
c.value ===
|
|
2567
|
+
c.value === g.id ? (p(), O(t(Qa), {
|
|
2570
2568
|
key: 0,
|
|
2571
2569
|
clearable: !1,
|
|
2572
2570
|
min: 1,
|
|
2573
2571
|
placeholder: t(r)("请输入"),
|
|
2574
2572
|
precision: 0,
|
|
2575
|
-
prefix:
|
|
2573
|
+
prefix: g.prefix,
|
|
2576
2574
|
"show-control": !0,
|
|
2577
|
-
suffix:
|
|
2578
|
-
onKeypress: (P, B) => N(B, P,
|
|
2575
|
+
suffix: g.suffix,
|
|
2576
|
+
onKeypress: (P, B) => N(B, P, g),
|
|
2579
2577
|
autofocus: "true",
|
|
2580
2578
|
ref_for: !0,
|
|
2581
2579
|
ref_key: "inputRef",
|
|
@@ -2587,9 +2585,9 @@ const mt = { class: "natural-picker" }, ht = ["onClick"], vt = "__", bt = /* @__
|
|
|
2587
2585
|
"onUpdate:modelValue": A[0] || (A[0] = (P) => s.value = P)
|
|
2588
2586
|
}, null, 8, ["placeholder", "prefix", "suffix", "onKeypress", "modelValue"])) : (p(), z("div", {
|
|
2589
2587
|
key: 1,
|
|
2590
|
-
onClick: (P) =>
|
|
2588
|
+
onClick: (P) => D(g),
|
|
2591
2589
|
style: { width: "100%" }
|
|
2592
|
-
}, _(
|
|
2590
|
+
}, _(g.name), 9, ht))
|
|
2593
2591
|
])
|
|
2594
2592
|
]),
|
|
2595
2593
|
_: 2
|
|
@@ -2613,10 +2611,10 @@ const mt = { class: "natural-picker" }, ht = ["onClick"], vt = "__", bt = /* @__
|
|
|
2613
2611
|
(p(!0), z(
|
|
2614
2612
|
U,
|
|
2615
2613
|
null,
|
|
2616
|
-
F(t(Ra), (
|
|
2617
|
-
id:
|
|
2618
|
-
key:
|
|
2619
|
-
name:
|
|
2614
|
+
F(t(Ra), (g) => (p(), O(t(W).Option, {
|
|
2615
|
+
id: g.id,
|
|
2616
|
+
key: g.id,
|
|
2617
|
+
name: g.name
|
|
2620
2618
|
}, null, 8, ["id", "name"]))),
|
|
2621
2619
|
128
|
|
2622
2620
|
/* KEYED_FRAGMENT */
|
|
@@ -2883,7 +2881,7 @@ const wt = { class: "panel-wrapper" }, Dt = {
|
|
|
2883
2881
|
const i = l, { commonUseList: e, format: n, storeKey: f, timezoneInfo: h, version: m } = ee(), c = a, s = R(!1), o = R("common"), y = J(() => {
|
|
2884
2882
|
const I = localStorage.getItem(La(m.value));
|
|
2885
2883
|
return I ? Object.values(k).includes(I) ? I : null : k.Date;
|
|
2886
|
-
}), S = R(y.value || i.defaultDate.dateMode),
|
|
2884
|
+
}), S = R(y.value || i.defaultDate.dateMode), D = d.tz.guess(), $ = Q(ne(f.value)), Y = J(
|
|
2887
2885
|
() => (o.value === "common" ? e.value || Ia : $.value).map(
|
|
2888
2886
|
(I) => new na(I, n.value, i.timezone)
|
|
2889
2887
|
)
|
|
@@ -2904,11 +2902,11 @@ const wt = { class: "panel-wrapper" }, Dt = {
|
|
|
2904
2902
|
s.value = !s.value;
|
|
2905
2903
|
}, A = (I, T) => {
|
|
2906
2904
|
c("update:timezone", I, T);
|
|
2907
|
-
},
|
|
2905
|
+
}, g = (I) => {
|
|
2908
2906
|
S.value = I, localStorage.setItem(La(m.value), I);
|
|
2909
2907
|
}, P = (I, T) => {
|
|
2910
|
-
var V, aa, Z, v, u,
|
|
2911
|
-
return !I || !T ? !1 : ((aa = (V = I.dateValue) == null ? void 0 : V.join) == null ? void 0 : aa.call(V, "~")) === ((v = (Z = T == null ? void 0 : T.dateValue) == null ? void 0 : Z.join) == null ? void 0 : v.call(Z, "~")) || ((u = I == null ? void 0 : I.toDisplayString) == null ? void 0 : u.call(I)) === ((
|
|
2908
|
+
var V, aa, Z, v, u, x;
|
|
2909
|
+
return !I || !T ? !1 : ((aa = (V = I.dateValue) == null ? void 0 : V.join) == null ? void 0 : aa.call(V, "~")) === ((v = (Z = T == null ? void 0 : T.dateValue) == null ? void 0 : Z.join) == null ? void 0 : v.call(Z, "~")) || ((u = I == null ? void 0 : I.toDisplayString) == null ? void 0 : u.call(I)) === ((x = T == null ? void 0 : T.toDisplayString) == null ? void 0 : x.call(T));
|
|
2912
2910
|
}, B = () => {
|
|
2913
2911
|
$.value = [], localStorage.removeItem(f.value);
|
|
2914
2912
|
};
|
|
@@ -2953,7 +2951,7 @@ const wt = { class: "panel-wrapper" }, Dt = {
|
|
|
2953
2951
|
E(Ua, {
|
|
2954
2952
|
"model-value": S.value,
|
|
2955
2953
|
panels: t(Se),
|
|
2956
|
-
"onUpdate:modelValue":
|
|
2954
|
+
"onUpdate:modelValue": g,
|
|
2957
2955
|
class: "date-pick-tab"
|
|
2958
2956
|
}, null, 8, ["model-value", "panels"]),
|
|
2959
2957
|
(p(), O(
|
|
@@ -2972,7 +2970,7 @@ const wt = { class: "panel-wrapper" }, Dt = {
|
|
|
2972
2970
|
)),
|
|
2973
2971
|
I.needTimezone ? (p(), z("div", St, [
|
|
2974
2972
|
G(
|
|
2975
|
-
_(t(h).label === t(
|
|
2973
|
+
_(t(h).label === t(D) ? t(r)("浏览器时区") : "") + " ",
|
|
2976
2974
|
1
|
|
2977
2975
|
/* TEXT */
|
|
2978
2976
|
),
|
|
@@ -3018,7 +3016,7 @@ const wt = { class: "panel-wrapper" }, Dt = {
|
|
|
3018
3016
|
Vt,
|
|
3019
3017
|
[
|
|
3020
3018
|
E(yt, {
|
|
3021
|
-
value: I.timezone || t(
|
|
3019
|
+
value: I.timezone || t(D),
|
|
3022
3020
|
onChange: A
|
|
3023
3021
|
}, null, 8, ["value"])
|
|
3024
3022
|
],
|
|
@@ -3086,12 +3084,12 @@ const Nt = /* @__PURE__ */ b(
|
|
|
3086
3084
|
return 0;
|
|
3087
3085
|
const u = d().utcOffset();
|
|
3088
3086
|
return (d.tz(d(), v).utcOffset() - u) / 60;
|
|
3089
|
-
}), o = Q(new na(e.modelValue, e.format, e.timezone)), y = Q(), S = J(() => xa(e.version)),
|
|
3087
|
+
}), o = Q(new na(e.modelValue, e.format, e.timezone)), y = Q(), S = J(() => xa(e.version)), D = R(!1), $ = R(!1);
|
|
3090
3088
|
ma(
|
|
3091
3089
|
() => e.modelValue,
|
|
3092
3090
|
(v) => {
|
|
3093
|
-
var u,
|
|
3094
|
-
(
|
|
3091
|
+
var u, x;
|
|
3092
|
+
(x = (u = o.value) == null ? void 0 : u.dateValue) != null && x.length && o.value.dateValue.every((M, L) => M === (v == null ? void 0 : v[L])) || (o.value = new na(v, m.value, e.timezone));
|
|
3095
3093
|
},
|
|
3096
3094
|
{
|
|
3097
3095
|
immediate: !0
|
|
@@ -3109,7 +3107,7 @@ const Nt = /* @__PURE__ */ b(
|
|
|
3109
3107
|
timezoneInfo: c,
|
|
3110
3108
|
version: J(() => e.version)
|
|
3111
3109
|
}), be(() => {
|
|
3112
|
-
$.value = !1,
|
|
3110
|
+
$.value = !1, D.value = !1;
|
|
3113
3111
|
});
|
|
3114
3112
|
let N, K;
|
|
3115
3113
|
function w() {
|
|
@@ -3122,41 +3120,41 @@ const Nt = /* @__PURE__ */ b(
|
|
|
3122
3120
|
$.value = !1, K = null;
|
|
3123
3121
|
}, 301);
|
|
3124
3122
|
}
|
|
3125
|
-
const
|
|
3126
|
-
|
|
3127
|
-
const [u,
|
|
3128
|
-
if (u &&
|
|
3123
|
+
const g = (v) => {
|
|
3124
|
+
D.value = !1;
|
|
3125
|
+
const [u, x] = v, [M, L] = e.modelValue || [];
|
|
3126
|
+
if (u && x && u === M && x === L)
|
|
3129
3127
|
return;
|
|
3130
3128
|
o.value = new na(v, m.value, e.timezone);
|
|
3131
3129
|
const sa = o.value.toEmitValue();
|
|
3132
|
-
n("update:modelValue", ...sa), !Y.value.some((H) => H[0] === u && H[1] ===
|
|
3130
|
+
n("update:modelValue", ...sa), !Y.value.some((H) => H[0] === u && H[1] === x) && o.value.isValidate && re(v, S.value);
|
|
3133
3131
|
}, P = (v, u) => {
|
|
3134
3132
|
o.value = new na(e.modelValue, m.value, v), n("update:timezone", v, { ...u }), sessionStorage.setItem(Te, v);
|
|
3135
3133
|
}, B = () => {
|
|
3136
|
-
|
|
3134
|
+
D.value = !1;
|
|
3137
3135
|
}, I = (v) => {
|
|
3138
3136
|
var sa;
|
|
3139
3137
|
if (((sa = o.value.dateValue) == null ? void 0 : sa.length) < 2)
|
|
3140
3138
|
return;
|
|
3141
|
-
const { endDate: u, startDate:
|
|
3142
|
-
|
|
3139
|
+
const { endDate: u, startDate: x } = o.value, M = o.value.dateDuration(), L = v === "left" ? [x.subtract(M), u.subtract(M)] : [x.add(M), u.add(M)];
|
|
3140
|
+
g(L);
|
|
3143
3141
|
}, T = () => {
|
|
3144
3142
|
I("left");
|
|
3145
3143
|
}, V = () => {
|
|
3146
3144
|
I("right");
|
|
3147
3145
|
}, aa = (v) => {
|
|
3148
|
-
|
|
3146
|
+
D.value && (Array.from(document.querySelectorAll(".__bk-date-picker-popover__")).some(
|
|
3149
3147
|
(u) => u.contains(v.target)
|
|
3150
3148
|
) || B());
|
|
3151
3149
|
}, Z = () => {
|
|
3152
|
-
|
|
3150
|
+
D.value = !D.value, D.value && ($.value = !1);
|
|
3153
3151
|
};
|
|
3154
3152
|
return a({
|
|
3155
3153
|
handleHidePanel: () => {
|
|
3156
|
-
|
|
3154
|
+
D.value = !1;
|
|
3157
3155
|
},
|
|
3158
3156
|
handleShowPanel: () => {
|
|
3159
|
-
|
|
3157
|
+
D.value = !0;
|
|
3160
3158
|
}
|
|
3161
3159
|
}), (v, u) => (p(), z(
|
|
3162
3160
|
"div",
|
|
@@ -3176,7 +3174,7 @@ const Nt = /* @__PURE__ */ b(
|
|
|
3176
3174
|
]),
|
|
3177
3175
|
E(t(ca), {
|
|
3178
3176
|
arrow: !1,
|
|
3179
|
-
"is-show":
|
|
3177
|
+
"is-show": D.value,
|
|
3180
3178
|
offset: { mainAxis: 10, crossAxis: 10, alignmentAxis: -32 },
|
|
3181
3179
|
onAfterHidden: B,
|
|
3182
3180
|
"ext-cls": "bk-date-picker-popover __bk-date-picker-popover__",
|
|
@@ -3189,20 +3187,20 @@ const Nt = /* @__PURE__ */ b(
|
|
|
3189
3187
|
"default-date": o.value,
|
|
3190
3188
|
"need-timezone": v.needTimezone,
|
|
3191
3189
|
timezone: v.timezone,
|
|
3192
|
-
onChange:
|
|
3190
|
+
onChange: g,
|
|
3193
3191
|
"onUpdate:timezone": P
|
|
3194
3192
|
}, null, 8, ["default-date", "need-timezone", "timezone"])
|
|
3195
3193
|
]),
|
|
3196
3194
|
default: j(() => {
|
|
3197
|
-
var
|
|
3195
|
+
var x;
|
|
3198
3196
|
return [
|
|
3199
3197
|
ba((p(), z(
|
|
3200
3198
|
"span",
|
|
3201
3199
|
{
|
|
3200
|
+
popoverDelay: [100, 10],
|
|
3202
3201
|
onClick: Z,
|
|
3203
3202
|
onMouseenter: w,
|
|
3204
3203
|
onMouseleave: A,
|
|
3205
|
-
popoverDelay: [100, 10],
|
|
3206
3204
|
class: "date-content",
|
|
3207
3205
|
ref_key: "dateContentRef",
|
|
3208
3206
|
ref: h
|
|
@@ -3219,13 +3217,13 @@ const Nt = /* @__PURE__ */ b(
|
|
|
3219
3217
|
v.needTimezone && c.value.label !== t(d).tz.guess() ? (p(), z(
|
|
3220
3218
|
"span",
|
|
3221
3219
|
jt,
|
|
3222
|
-
_(c.value.abbreviation || ((
|
|
3220
|
+
_(c.value.abbreviation || ((x = c.value.utc) == null ? void 0 : x.replace("UTC", "").replace(":00", ""))),
|
|
3223
3221
|
1
|
|
3224
3222
|
/* TEXT */
|
|
3225
3223
|
)) : la("v-if", !0)
|
|
3226
3224
|
],
|
|
3227
3225
|
32
|
|
3228
|
-
/*
|
|
3226
|
+
/* NEED_HYDRATION */
|
|
3229
3227
|
)), [
|
|
3230
3228
|
[t(pa), aa]
|
|
3231
3229
|
])
|
|
@@ -3248,7 +3246,7 @@ const Nt = /* @__PURE__ */ b(
|
|
|
3248
3246
|
trigger: "manual"
|
|
3249
3247
|
}, {
|
|
3250
3248
|
content: j(() => {
|
|
3251
|
-
var
|
|
3249
|
+
var x, M;
|
|
3252
3250
|
return [
|
|
3253
3251
|
b(
|
|
3254
3252
|
"div",
|
|
@@ -3262,7 +3260,7 @@ const Nt = /* @__PURE__ */ b(
|
|
|
3262
3260
|
b(
|
|
3263
3261
|
"div",
|
|
3264
3262
|
null,
|
|
3265
|
-
_((
|
|
3263
|
+
_((x = y.value) == null ? void 0 : x.startDisplayText),
|
|
3266
3264
|
1
|
|
3267
3265
|
/* TEXT */
|
|
3268
3266
|
),
|
|
@@ -3270,7 +3268,7 @@ const Nt = /* @__PURE__ */ b(
|
|
|
3270
3268
|
b(
|
|
3271
3269
|
"div",
|
|
3272
3270
|
null,
|
|
3273
|
-
_((
|
|
3271
|
+
_((M = y.value) == null ? void 0 : M.endDisplayText),
|
|
3274
3272
|
1
|
|
3275
3273
|
/* TEXT */
|
|
3276
3274
|
),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blueking/date-picker",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.72",
|
|
4
4
|
"description": "蓝鲸监控平台日期时间选择",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Tencent BlueKing",
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
"dayjs": "^1.11.10"
|
|
67
67
|
},
|
|
68
68
|
"peerDependencies": {
|
|
69
|
-
"bkui-vue": "^0.0.2-beta.
|
|
69
|
+
"bkui-vue": "^0.0.2-beta.109",
|
|
70
70
|
"dayjs": "^1.11.10",
|
|
71
71
|
"vue": "^3.2.0"
|
|
72
72
|
},
|