@vavt/react-ui 1.0.0

package/dist/date-picker-DkRwNu2m.js

@@ -0,0 +1,584 @@
+import { t as e } from "./effect-nifYL_rH.js";
+import { n as t, t as n } from "./state-oH-YwB7_.js";
+import { t as r } from "./client-pj_wzx28.js";
+import { n as i } from "./refs-D5IYOBaf.js";
+import { r as ee, t as a } from "./floating-DBAmeQIq.js";
+import { t as o } from "./id-CHixuHb7.js";
+import { t as te } from "./Transition-DiO4GsP3.js";
+import { t as ne } from "./Input-CIB_TY2n.js";
+import { _ as re, a as ie, b as ae, c as s, d as c, f as oe, g as l, h as se, i as ce, l as u, m as d, n as le, p as f, r as ue, s as p, t as de, u as m, y as fe } from "./time-wheel-BtvYZI6H.js";
+import { t as pe } from "./Dropdown-CYx6RxVv.js";
+import { CalendarDays as me, ChevronLeft as he, ChevronRight as ge, ChevronsLeft as _e, ChevronsRight as ve, Clock3 as ye, X as be } from "lucide-react";
+import { forwardRef as xe, useCallback as h, useEffect as Se, useMemo as Ce, useRef as we, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { createPortal as Te } from "react-dom";
+//#region components/_shared/date-picker.tsx
+var y = "data-vl-date-picker-popup-owner", Ee = [
+	"日",
+	"一",
+	"二",
+	"三",
+	"四",
+	"五",
+	"六"
+], b = [
+	"一月",
+	"二月",
+	"三月",
+	"四月",
+	"五月",
+	"六月",
+	"七月",
+	"八月",
+	"九月",
+	"十月",
+	"十一月",
+	"十二月"
+], x = (e) => Array.isArray(e) && e.length === 2, S = (e, t) => ae(e, t), De = (e, t) => {
+	if (x(e)) {
+		let n = S(e[0], t), r = S(e[1], t);
+		return n && r ? `${c(n, t)} ~ ${c(r, t)}` : "";
+	}
+	let n = S(e, t);
+	return n ? c(n, t) : "";
+}, Oe = (e) => [e[0] ? u(e[0]) : null, e[1] ? u(e[1]) : null], ke = (e) => `${e.getFullYear()}年 ${b[e.getMonth()]}`, Ae = (e, t) => t ? u(e) : l(e), je = (e, t, n) => {
+	let r = (e) => {
+		let t = S(e, n);
+		return t ? t.getTime() : null;
+	};
+	return x(e) || x(t) ? !x(e) || !x(t) ? !1 : r(e[0]) === r(t[0]) && r(e[1]) === r(t[1]) : r(e) === r(t);
+}, C = xe((ae, xe) => {
+	let { componentName: b, withTime: C = !1, value: Me, defaultValue: Ne, valueType: Pe = "date", format: w = C ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD", range: T = !1, shortcuts: Fe = [], minDate: Ie, maxDate: Le, disabledDate: Re, minTime: ze, maxTime: Be, disabledTime: Ve, placeholder: He = T ? "请选择日期范围" : C ? "请选择日期时间" : "请选择日期", disabled: E = !1, clearable: Ue = !1, size: We = "md", placement: D = "bottom-start", offset: Ge = 8, className: Ke, style: qe, id: Je, "aria-label": Ye, "aria-labelledby": Xe, "aria-describedby": Ze, onChange: Qe, onClear: $e, onOpen: et, onClose: tt, ...nt } = ae, O = Qe, rt = we(null), k = we(null), A = we(null), it = we(null), at = r(), ot = n(ae, "value"), [j, M] = t({
+		value: Me ?? null,
+		defaultValue: Ne ?? null,
+		controlled: ot
+	}), [N, st] = g(!1), [ct, P] = g(() => {
+		let e = x(j) ? S(j[0], w) : S(j, w);
+		return re(e ?? /* @__PURE__ */ new Date());
+	}), [F, lt] = g(null), [I, L] = g([null, null]), [R, z] = g("start"), [ut, dt] = g(!1), [B, ft] = g(null), [pt, mt] = g({}), [ht, gt] = g(D), [_t, vt] = g(!1), [yt, V] = g(null), bt = o(`vl-${b}-control`, Je), H = o(`vl-${b}-panel`), xt = Ce(() => i(rt, xe), [xe]), U = h(() => {
+		dt(!1), ft(null);
+	}, []), St = Ce(() => T ? x(j) ? [S(j[0], w), S(j[1], w)] : [null, null] : Array.isArray(j) ? null : S(j, w), [
+		w,
+		T,
+		j
+	]), Ct = T ? St : null, W = T ? null : St, wt = De(j, w), Tt = ct, Et = s(ct, 1), G = S(Ie, w), K = S(Le, w), Dt = ze ? fe(ze) : null, Ot = Be ? fe(Be) : null, kt = Ce(() => ({
+		minSeconds: Dt,
+		maxSeconds: Ot,
+		disabledTime: Ve
+	}), [
+		Ve,
+		Ot,
+		Dt
+	]), q = h((e) => {
+		let t = l(e);
+		return !!(G && m(t, l(G)) < 0 || K && m(t, l(K)) > 0 || Re?.(t));
+	}, [
+		Re,
+		K,
+		G
+	]), J = h((e) => ce(e, kt), [kt]), At = h((e, t, n) => le(e, t, n, kt), [kt]), jt = h((e) => C && J(c(e, "HH:mm:ss")), [J, C]), Y = h((e) => {
+		if (!(e && (E || N)) && !(!e && !N)) {
+			if (e) {
+				let e = (T ? Ct?.[0] : W) ?? /* @__PURE__ */ new Date();
+				P(re(e)), T ? L(Oe(Ct ?? [null, null])) : lt(W ? u(W) : null), z("start"), vt(!1), mt({}), gt(D), V(null), U(), st(!0), et?.();
+			} else V(null), U(), st(!1), tt?.();
+		}
+	}, [
+		E,
+		tt,
+		et,
+		N,
+		D,
+		T,
+		U,
+		W,
+		Ct
+	]), Mt = h(() => {
+		if (!N || !k.current || !A.current) return;
+		let e = k.current.getBoundingClientRect(), t = a({
+			anchorRect: e,
+			floatingRect: A.current.getBoundingClientRect(),
+			placement: D,
+			offset: Ge
+		});
+		gt(t.placement), mt({
+			left: `${Math.round(t.x)}px`,
+			top: `${Math.round(t.y)}px`
+		}), vt(!0);
+	}, [
+		Ge,
+		N,
+		D
+	]);
+	e(() => {
+		if (!N || !at) return;
+		Mt();
+		let e = window.requestAnimationFrame(Mt);
+		return () => window.cancelAnimationFrame(e);
+	}, [
+		at,
+		N,
+		Mt
+	]), e(() => {
+		if (!N || !yt) return;
+		let e = A.current?.querySelector(`[data-time="${yt.getTime()}"]:not(:disabled)`);
+		e && (e.focus(), V(null));
+	}, [
+		ct,
+		yt,
+		N
+	]);
+	let Nt = h((e) => e.some((e) => e instanceof HTMLElement && (e.getAttribute(y) === H || e.classList.contains("vl-dropdown__panel") && e.querySelector(`[${y}]`)?.getAttribute(y) === H)), [H]), Pt = h(() => Y(!1), [Y]), Ft = h(() => {
+		ut || (Y(!1), k.current?.focus());
+	}, [Y, ut]);
+	ee({
+		active: N,
+		rootRef: rt,
+		floatingRef: A,
+		isOwnedPopup: Nt,
+		onOutsideClick: Pt,
+		onEscape: Ft,
+		onViewportChange: Mt
+	}), Se(() => {
+		E && N && Y(!1);
+	}, [
+		E,
+		N,
+		Y
+	]);
+	let X = h((e) => Pe === "string" ? c(e, w) : u(e), [w, Pe]), It = h((e) => {
+		let t = Ae(e, C);
+		if (q(t) || C && J(c(t, "HH:mm:ss"))) return;
+		let n = X(t);
+		je(j, n, w) || (M(n), O?.(n)), Y(!1), k.current?.focus();
+	}, [
+		O,
+		w,
+		q,
+		J,
+		X,
+		j,
+		Y,
+		M,
+		C
+	]), Lt = h((e) => {
+		if (!e[0] || !e[1]) return;
+		let t = m(e[0], e[1]) <= 0 ? e : [e[1], e[0]], n = Ae(t[0], C), r = Ae(t[1], C);
+		if (q(n) || q(r) || C && (J(c(n, "HH:mm:ss")) || J(c(r, "HH:mm:ss")))) return;
+		let i = [X(n), X(r)];
+		je(j, i, w) || (M(i), O?.(i)), Y(!1), k.current?.focus();
+	}, [
+		O,
+		w,
+		q,
+		J,
+		X,
+		j,
+		Y,
+		M,
+		C
+	]), Rt = (e) => {
+		if (q(e)) return;
+		let t = T ? I[R === "start" ? 0 : 1] : F, n = l(e);
+		if (C) {
+			if (t) n = se(e, t.getHours(), t.getMinutes(), t.getSeconds());
+			else {
+				let t = At(0, 86399, 0);
+				n = t === null ? u(e) : se(e, Math.floor(t / 3600), Math.floor(t % 3600 / 60), t % 60);
+			}
+		}
+		if (!T) {
+			lt(n), C || It(n);
+			return;
+		}
+		let [r, i] = I;
+		if (!r || i) {
+			L([n, null]), z("start");
+			return;
+		}
+		m(n, r) < 0 ? (L([n, r]), z("end")) : (L([r, n]), z("end"));
+	}, Z = h((e, t = !1) => {
+		if (e && B) {
+			if (T) {
+				let e = Oe(I);
+				e[R === "start" ? 0 : 1] = u(B), L(e);
+			} else lt(u(B));
+		}
+		U(), t && window.requestAnimationFrame(() => it.current?.focus());
+	}, [
+		R,
+		I,
+		T,
+		U,
+		B
+	]), zt = (e, t) => {
+		let n = B ? u(B) : /* @__PURE__ */ new Date(), r = {
+			hours: n.getHours(),
+			minutes: n.getMinutes(),
+			seconds: n.getSeconds()
+		}, { start: i, end: ee, preferred: a } = ue(e, t, r), o = At(i, ee, a);
+		if (o === null) return;
+		let te = se(n, Math.floor(o / 3600), Math.floor(o % 3600 / 60), o % 60);
+		ft(te);
+	}, Bt = (e) => {
+		let t = e.getValue(/* @__PURE__ */ new Date());
+		if (t === null) return;
+		if (T) {
+			if (!x(t)) return;
+			let e = S(t[0], w), n = S(t[1], w);
+			if (!e || !n || q(e) || q(n) || jt(e) || jt(n)) return;
+			L(m(e, n) <= 0 ? [e, n] : [n, e]), z("end");
+			return;
+		}
+		if (x(t)) return;
+		let n = S(t, w);
+		!n || q(n) || jt(n) || It(n);
+	}, Vt = (e) => {
+		e?.stopPropagation(), !E && (M(null), O?.(null), $e?.(), lt(null), L([null, null]));
+	}, Q = (e, t, n = !1) => {
+		let r = n ? l(e) : p(l(e), t);
+		for (let e = 0; e < 3660; e += 1) {
+			if (t < 0 && G && m(r, l(G)) < 0 || t > 0 && K && m(r, l(K)) > 0) return null;
+			if (!q(r)) return r;
+			r = p(r, t);
+		}
+		return null;
+	}, Ht = (e) => {
+		if (!E) {
+			if (e.key === "Enter" || e.key === " ") {
+				if (e.preventDefault(), N) Y(!1);
+				else {
+					let e = (T ? Ct?.[0] : W) ?? /* @__PURE__ */ new Date(), t = Q(e, 1, !0) ?? Q(e, -1, !0) ?? null;
+					Y(!0), t && V(t);
+				}
+			} else e.key === "Escape" && N && (e.preventDefault(), Y(!1));
+		}
+	}, Ut = (e) => {
+		!d(e, Tt) && !(T && d(e, Et)) && P(re(e)), V(l(e));
+	}, Wt = (e, t) => {
+		let n = null;
+		if (e.key === "ArrowLeft") n = Q(t, -1);
+		else if (e.key === "ArrowRight") n = Q(t, 1);
+		else if (e.key === "ArrowUp") n = Q(t, -7);
+		else if (e.key === "ArrowDown") n = Q(t, 7);
+		else if (e.key === "Home" || e.key === "End") {
+			let r = e.key === "Home" ? p(t, -t.getDay()) : p(t, 6 - t.getDay()), i = e.key === "Home" ? 1 : -1;
+			for (let e = 0; e < 7; e += 1) {
+				let t = p(r, e * i);
+				if (!q(t)) {
+					n = t;
+					break;
+				}
+			}
+		}
+		n && (e.preventDefault(), Ut(n));
+	}, $ = T ? I[R === "start" ? 0 : 1] : F, Gt = h((e) => {
+		if (e) {
+			if (!$) return;
+			ft(u($)), dt(!0);
+			return;
+		}
+		Z(!1);
+	}, [$, Z]), Kt = B ?? $ ?? /* @__PURE__ */ new Date(), qt = Kt.getHours(), Jt = Kt.getMinutes(), Yt = Kt.getSeconds(), Xt = $ ? c(Kt, "HH:mm:ss") : "", Zt = T ? R === "start" ? "开始时间" : "结束时间" : "时间", Qt = h((e, t) => ie(e, t, {
+		hours: qt,
+		minutes: Jt,
+		seconds: Yt
+	}, At), [
+		At,
+		qt,
+		Jt,
+		Yt
+	]), $t = T ? !!(I[0] && I[1] && !q(I[0]) && !q(I[1]) && (!C || !J(c(I[0], "HH:mm:ss")) && !J(c(I[1], "HH:mm:ss")))) : !!(F && !q(F) && (!C || !J(c(F, "HH:mm:ss")))), en = !!wt, tn = [
+		`vl-${b}`,
+		`size-${We}`,
+		N ? "is-open" : "",
+		E ? "is-disabled" : "",
+		T ? "is-range" : "",
+		C ? "has-time" : "",
+		Ke || ""
+	].filter(Boolean).join(" "), nn = (e) => {
+		let t = oe(e), n = T ? I[0] : null, r = T ? I[1] : null, i = T ? null : F ?? W, ee = (T ? [I[0], I[1]] : [i]).find((t) => t && d(t, e) && !q(t)) ?? t.find((t) => d(t, e) && !q(t));
+		return /* @__PURE__ */ v("section", {
+			className: `vl-${b}__calendar`,
+			"aria-label": ke(e),
+			children: [
+				T ? /* @__PURE__ */ _("div", {
+					className: `vl-${b}__month-title`,
+					children: ke(e)
+				}) : null,
+				/* @__PURE__ */ _("div", {
+					className: `vl-${b}__weekdays`,
+					role: "row",
+					children: Ee.map((e) => /* @__PURE__ */ _("span", {
+						role: "columnheader",
+						children: e
+					}, e))
+				}),
+				/* @__PURE__ */ _("div", {
+					className: `vl-${b}__grid`,
+					role: "grid",
+					children: t.map((t) => {
+						let a = !d(t, e), o = a || q(t), te = !!(n && r && m(t, l(n)) >= 0 && m(t, l(r)) <= 0), ne = [
+							`vl-${b}__day`,
+							a ? "is-other-month" : "",
+							f(t, /* @__PURE__ */ new Date()) ? "is-today" : "",
+							T && n && f(t, n) ? "is-range-start is-selected" : "",
+							T && r && f(t, r) ? "is-range-end is-selected" : "",
+							i && f(t, i) ? "is-selected" : "",
+							te ? "is-in-range" : "",
+							o ? "is-disabled" : ""
+						].filter(Boolean).join(" ");
+						return /* @__PURE__ */ _("button", {
+							type: "button",
+							className: ne,
+							role: "gridcell",
+							"data-time": t.getTime(),
+							"aria-label": `${t.getFullYear()}年${t.getMonth() + 1}月${t.getDate()}日`,
+							"aria-selected": T ? te : !!(i && f(t, i)),
+							"aria-current": f(t, /* @__PURE__ */ new Date()) ? "date" : void 0,
+							"aria-hidden": a || void 0,
+							"aria-disabled": o || void 0,
+							disabled: o,
+							tabIndex: !o && ee && f(t, ee) ? 0 : -1,
+							onClick: () => Rt(t),
+							onKeyDown: (e) => Wt(e, t),
+							children: t.getDate()
+						}, t.toISOString());
+					})
+				})
+			]
+		});
+	}, rn = /* @__PURE__ */ _(te, {
+		show: N,
+		name: `vl-${b}`,
+		deferEffects: !at,
+		children: /* @__PURE__ */ v("div", {
+			ref: A,
+			id: H,
+			className: `vl-${b}__panel is-${ht}${_t ? " is-positioned" : ""}`,
+			style: {
+				...pt,
+				visibility: _t ? "visible" : "hidden"
+			},
+			role: "dialog",
+			"aria-label": T ? "日期范围选择" : C ? "日期时间选择" : "日期选择",
+			children: [
+				/* @__PURE__ */ v("div", {
+					className: `vl-${b}__header`,
+					children: [
+						/* @__PURE__ */ v("div", {
+							className: `vl-${b}__header-actions`,
+							children: [/* @__PURE__ */ _("button", {
+								type: "button",
+								"aria-label": "上一年",
+								onClick: () => P((e) => s(e, -12)),
+								children: /* @__PURE__ */ _(_e, {
+									size: 16,
+									"aria-hidden": "true"
+								})
+							}), /* @__PURE__ */ _("button", {
+								type: "button",
+								"aria-label": "上一个月",
+								onClick: () => P((e) => s(e, -1)),
+								children: /* @__PURE__ */ _(he, {
+									size: 16,
+									"aria-hidden": "true"
+								})
+							})]
+						}),
+						T ? null : /* @__PURE__ */ _("span", { children: ke(Tt) }),
+						/* @__PURE__ */ v("div", {
+							className: `vl-${b}__header-actions`,
+							children: [/* @__PURE__ */ _("button", {
+								type: "button",
+								"aria-label": "下一个月",
+								onClick: () => P((e) => s(e, 1)),
+								children: /* @__PURE__ */ _(ge, {
+									size: 16,
+									"aria-hidden": "true"
+								})
+							}), /* @__PURE__ */ _("button", {
+								type: "button",
+								"aria-label": "下一年",
+								onClick: () => P((e) => s(e, 12)),
+								children: /* @__PURE__ */ _(ve, {
+									size: 16,
+									"aria-hidden": "true"
+								})
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ v("div", {
+					className: `vl-${b}__calendars`,
+					children: [nn(Tt), T ? nn(Et) : null]
+				}),
+				C ? /* @__PURE__ */ _("div", {
+					className: `vl-${b}__time`,
+					children: /* @__PURE__ */ v("div", {
+						className: `vl-${b}__time-toolbar`,
+						children: [
+							/* @__PURE__ */ _("span", {
+								className: `vl-${b}__time-title`,
+								children: "时间"
+							}),
+							T ? /* @__PURE__ */ v("div", {
+								className: `vl-${b}__time-range`,
+								children: [/* @__PURE__ */ _("button", {
+									type: "button",
+									className: R === "start" ? "is-active" : "",
+									"aria-pressed": R === "start",
+									disabled: !I[0],
+									onClick: () => {
+										Z(!1), z("start");
+									},
+									children: "开始时间"
+								}), /* @__PURE__ */ _("button", {
+									type: "button",
+									className: R === "end" ? "is-active" : "",
+									"aria-pressed": R === "end",
+									disabled: !I[1],
+									onClick: () => {
+										Z(!1), z("end");
+									},
+									children: "结束时间"
+								})]
+							}) : null,
+							/* @__PURE__ */ _(pe, {
+								className: `vl-${b}__time-dropdown`,
+								open: ut,
+								disabled: !$,
+								trigger: "click",
+								placement: "bottom-end",
+								offset: 4,
+								closeOnContentClick: !1,
+								"aria-label": Zt,
+								menuLabel: `${Zt}选择器`,
+								triggerContent: /* @__PURE__ */ _(ne, {
+									ref: it,
+									className: `vl-${b}__time-input`,
+									value: Xt,
+									placeholder: "请先选择日期",
+									size: "sm",
+									suffixIcon: ye,
+									readOnly: !0,
+									disabled: !$
+								}),
+								onChange: Gt,
+								children: /* @__PURE__ */ v("div", {
+									className: `vl-${b}__time-popover`,
+									[y]: H,
+									children: [/* @__PURE__ */ _(de, {
+										value: {
+											hours: qt,
+											minutes: Jt,
+											seconds: Yt
+										},
+										disabled: !$,
+										ariaLabel: Zt,
+										visibleItemCount: 3,
+										itemHeight: 30,
+										isOptionDisabled: Qt,
+										onChange: zt
+									}), /* @__PURE__ */ v("div", {
+										className: `vl-${b}__footer`,
+										children: [/* @__PURE__ */ _("button", {
+											type: "button",
+											className: "is-cancel",
+											"aria-label": "取消时间",
+											onClick: () => Z(!1, !0),
+											children: "取消"
+										}), /* @__PURE__ */ _("button", {
+											type: "button",
+											className: "is-confirm",
+											"aria-label": "确定时间",
+											disabled: !B,
+											onClick: () => Z(!0, !0),
+											children: "确定"
+										})]
+									})]
+								})
+							})
+						]
+					})
+				}) : null,
+				Fe.length ? /* @__PURE__ */ _("div", {
+					className: `vl-${b}__shortcuts`,
+					role: "group",
+					"aria-label": "快捷选择",
+					children: Fe.map((e) => /* @__PURE__ */ _("button", {
+						type: "button",
+						onClick: () => Bt(e),
+						children: e.label
+					}, e.label))
+				}) : null,
+				T || C ? /* @__PURE__ */ v("div", {
+					className: `vl-${b}__footer`,
+					children: [/* @__PURE__ */ _("button", {
+						type: "button",
+						className: "is-cancel",
+						onClick: () => {
+							Y(!1), k.current?.focus();
+						},
+						children: "取消"
+					}), /* @__PURE__ */ _("button", {
+						type: "button",
+						className: "is-confirm",
+						disabled: !$t,
+						onClick: () => {
+							T ? Lt(I) : F && It(F);
+						},
+						children: "确定"
+					})]
+				}) : null
+			]
+		})
+	});
+	return /* @__PURE__ */ v("div", {
+		ref: xt,
+		className: `vl-${b}-wrapper`,
+		style: qe,
+		...nt,
+		children: [/* @__PURE__ */ v("div", {
+			ref: k,
+			id: bt,
+			className: tn,
+			role: "combobox",
+			"aria-expanded": N,
+			"aria-controls": H,
+			"aria-haspopup": "dialog",
+			"aria-disabled": E || void 0,
+			"aria-label": Ye ?? (Xe ? void 0 : He),
+			"aria-labelledby": Xe,
+			"aria-describedby": Ze,
+			tabIndex: E ? -1 : 0,
+			onClick: () => Y(!N),
+			onKeyDown: Ht,
+			children: [
+				/* @__PURE__ */ _("span", {
+					className: `vl-${b}__icon`,
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ _(me, { size: 16 })
+				}),
+				/* @__PURE__ */ _("span", {
+					className: `vl-${b}__value${wt ? "" : " is-placeholder"}`,
+					children: wt || He
+				}),
+				Ue && en && !E ? /* @__PURE__ */ _("button", {
+					type: "button",
+					className: `vl-${b}__clear`,
+					"aria-label": "清除已选",
+					onClick: Vt,
+					onMouseDown: (e) => e.preventDefault(),
+					children: /* @__PURE__ */ _(be, {
+						size: 16,
+						"aria-hidden": "true"
+					})
+				}) : null
+			]
+		}), at ? Te(rn, document.body) : rn]
+	});
+});
+C.displayName = "VlDatePickerCore";
+//#endregion
+export { C as t };

package/dist/date-picker-DyGLrw5H.cjs

@@ -0,0 +1 @@
+const e=require("./effect-BpNxm_06.cjs"),t=require("./state-ZBA75xZ_.cjs"),n=require("./client-BkoqeUs3.cjs"),r=require("./refs-DCqd87V8.cjs"),i=require("./floating-DXRnx48N.cjs"),a=require("./id-CF0zOP1G.cjs"),o=require("./Transition-X_89ga-e.cjs"),s=require("./Input-CoDZggqc.cjs"),c=require("./time-wheel-BaCcA9nk.cjs"),l=require("./Dropdown-swfND4yK.cjs");let u=require("lucide-react"),d=require("react"),f=require("react/jsx-runtime"),ee=require("react-dom");var p=`data-vl-date-picker-popup-owner`,te=[`日`,`一`,`二`,`三`,`四`,`五`,`六`],ne=[`一月`,`二月`,`三月`,`四月`,`五月`,`六月`,`七月`,`八月`,`九月`,`十月`,`十一月`,`十二月`],m=e=>Array.isArray(e)&&e.length===2,h=(e,t)=>c.b(e,t),re=(e,t)=>{if(m(e)){let n=h(e[0],t),r=h(e[1],t);return n&&r?`${c.d(n,t)} ~ ${c.d(r,t)}`:``}let n=h(e,t);return n?c.d(n,t):``},ie=e=>[e[0]?c.l(e[0]):null,e[1]?c.l(e[1]):null],ae=e=>`${e.getFullYear()}年 ${ne[e.getMonth()]}`,oe=(e,t)=>t?c.l(e):c.g(e),se=(e,t,n)=>{let r=e=>{let t=h(e,n);return t?t.getTime():null};return m(e)||m(t)?!m(e)||!m(t)?!1:r(e[0])===r(t[0])&&r(e[1])===r(t[1]):r(e)===r(t)},ce=(0,d.forwardRef)((ne,ce)=>{let{componentName:g,withTime:_=!1,value:le,defaultValue:ue,valueType:de=`date`,format:v=_?`YYYY-MM-DD HH:mm:ss`:`YYYY-MM-DD`,range:y=!1,shortcuts:fe=[],minDate:pe,maxDate:me,disabledDate:he,minTime:ge,maxTime:_e,disabledTime:ve,placeholder:ye=y?`请选择日期范围`:_?`请选择日期时间`:`请选择日期`,disabled:b=!1,clearable:be=!1,size:xe=`md`,placement:x=`bottom-start`,offset:Se=8,className:Ce,style:we,id:Te,"aria-label":Ee,"aria-labelledby":De,"aria-describedby":Oe,onChange:ke,onClear:Ae,onOpen:je,onClose:Me,...Ne}=ne,S=ke,Pe=(0,d.useRef)(null),C=(0,d.useRef)(null),w=(0,d.useRef)(null),Fe=(0,d.useRef)(null),T=n.t(),Ie=t.t(ne,`value`),[E,D]=t.n({value:le??null,defaultValue:ue??null,controlled:Ie}),[O,Le]=(0,d.useState)(!1),[Re,k]=(0,d.useState)(()=>{let e=m(E)?h(E[0],v):h(E,v);return c._(e??new Date)}),[A,j]=(0,d.useState)(null),[M,N]=(0,d.useState)([null,null]),[P,F]=(0,d.useState)(`start`),[ze,Be]=(0,d.useState)(!1),[I,Ve]=(0,d.useState)(null),[He,Ue]=(0,d.useState)({}),[We,Ge]=(0,d.useState)(x),[Ke,qe]=(0,d.useState)(!1),[Je,L]=(0,d.useState)(null),Ye=a.t(`vl-${g}-control`,Te),R=a.t(`vl-${g}-panel`),Xe=(0,d.useMemo)(()=>r.n(Pe,ce),[ce]),z=(0,d.useCallback)(()=>{Be(!1),Ve(null)},[]),Ze=(0,d.useMemo)(()=>y?m(E)?[h(E[0],v),h(E[1],v)]:[null,null]:Array.isArray(E)?null:h(E,v),[v,y,E]),B=y?Ze:null,V=y?null:Ze,Qe=re(E,v),$e=Re,et=c.c(Re,1),H=h(pe,v),U=h(me,v),tt=ge?c.y(ge):null,nt=_e?c.y(_e):null,W=(0,d.useMemo)(()=>({minSeconds:tt,maxSeconds:nt,disabledTime:ve}),[ve,nt,tt]),G=(0,d.useCallback)(e=>{let t=c.g(e);return!!(H&&c.u(t,c.g(H))<0||U&&c.u(t,c.g(U))>0||he?.(t))},[he,U,H]),K=(0,d.useCallback)(e=>c.i(e,W),[W]),q=(0,d.useCallback)((e,t,n)=>c.n(e,t,n,W),[W]),rt=(0,d.useCallback)(e=>_&&K(c.d(e,`HH:mm:ss`)),[K,_]),J=(0,d.useCallback)(e=>{if(!(e&&(b||O))&&!(!e&&!O)){if(e){let e=(y?B?.[0]:V)??new Date;k(c._(e)),y?N(ie(B??[null,null])):j(V?c.l(V):null),F(`start`),qe(!1),Ue({}),Ge(x),L(null),z(),Le(!0),je?.()}else L(null),z(),Le(!1),Me?.()}},[b,Me,je,O,x,y,z,V,B]),Y=(0,d.useCallback)(()=>{if(!O||!C.current||!w.current)return;let e=C.current.getBoundingClientRect(),t=i.t({anchorRect:e,floatingRect:w.current.getBoundingClientRect(),placement:x,offset:Se});Ge(t.placement),Ue({left:`${Math.round(t.x)}px`,top:`${Math.round(t.y)}px`}),qe(!0)},[Se,O,x]);e.t(()=>{if(!O||!T)return;Y();let e=window.requestAnimationFrame(Y);return()=>window.cancelAnimationFrame(e)},[T,O,Y]),e.t(()=>{if(!O||!Je)return;let e=w.current?.querySelector(`[data-time="${Je.getTime()}"]:not(:disabled)`);e&&(e.focus(),L(null))},[Re,Je,O]);let it=(0,d.useCallback)(e=>e.some(e=>e instanceof HTMLElement&&(e.getAttribute(p)===R||e.classList.contains(`vl-dropdown__panel`)&&e.querySelector(`[${p}]`)?.getAttribute(p)===R)),[R]),at=(0,d.useCallback)(()=>J(!1),[J]),ot=(0,d.useCallback)(()=>{ze||(J(!1),C.current?.focus())},[J,ze]);i.r({active:O,rootRef:Pe,floatingRef:w,isOwnedPopup:it,onOutsideClick:at,onEscape:ot,onViewportChange:Y}),(0,d.useEffect)(()=>{b&&O&&J(!1)},[b,O,J]);let X=(0,d.useCallback)(e=>de===`string`?c.d(e,v):c.l(e),[v,de]),st=(0,d.useCallback)(e=>{let t=oe(e,_);if(G(t)||_&&K(c.d(t,`HH:mm:ss`)))return;let n=X(t);se(E,n,v)||(D(n),S?.(n)),J(!1),C.current?.focus()},[S,v,G,K,X,E,J,D,_]),ct=(0,d.useCallback)(e=>{if(!e[0]||!e[1])return;let t=c.u(e[0],e[1])<=0?e:[e[1],e[0]],n=oe(t[0],_),r=oe(t[1],_);if(G(n)||G(r)||_&&(K(c.d(n,`HH:mm:ss`))||K(c.d(r,`HH:mm:ss`))))return;let i=[X(n),X(r)];se(E,i,v)||(D(i),S?.(i)),J(!1),C.current?.focus()},[S,v,G,K,X,E,J,D,_]),lt=e=>{if(G(e))return;let t=y?M[P===`start`?0:1]:A,n=c.g(e);if(_){if(t)n=c.h(e,t.getHours(),t.getMinutes(),t.getSeconds());else{let t=q(0,86399,0);n=t===null?c.l(e):c.h(e,Math.floor(t/3600),Math.floor(t%3600/60),t%60)}}if(!y){j(n),_||st(n);return}let[r,i]=M;if(!r||i){N([n,null]),F(`start`);return}c.u(n,r)<0?(N([n,r]),F(`end`)):(N([r,n]),F(`end`))},Z=(0,d.useCallback)((e,t=!1)=>{if(e&&I){if(y){let e=ie(M);e[P===`start`?0:1]=c.l(I),N(e)}else j(c.l(I))}z(),t&&window.requestAnimationFrame(()=>Fe.current?.focus())},[P,M,y,z,I]),ut=(e,t)=>{let n=I?c.l(I):new Date,r={hours:n.getHours(),minutes:n.getMinutes(),seconds:n.getSeconds()},{start:i,end:a,preferred:o}=c.r(e,t,r),s=q(i,a,o);if(s===null)return;let l=c.h(n,Math.floor(s/3600),Math.floor(s%3600/60),s%60);Ve(l)},dt=e=>{let t=e.getValue(new Date);if(t===null)return;if(y){if(!m(t))return;let e=h(t[0],v),n=h(t[1],v);if(!e||!n||G(e)||G(n)||rt(e)||rt(n))return;N(c.u(e,n)<=0?[e,n]:[n,e]),F(`end`);return}if(m(t))return;let n=h(t,v);!n||G(n)||rt(n)||st(n)},ft=e=>{e?.stopPropagation(),!b&&(D(null),S?.(null),Ae?.(),j(null),N([null,null]))},Q=(e,t,n=!1)=>{let r=n?c.g(e):c.s(c.g(e),t);for(let e=0;e<3660;e+=1){if(t<0&&H&&c.u(r,c.g(H))<0||t>0&&U&&c.u(r,c.g(U))>0)return null;if(!G(r))return r;r=c.s(r,t)}return null},pt=e=>{if(!b){if(e.key===`Enter`||e.key===` `){if(e.preventDefault(),O)J(!1);else{let e=(y?B?.[0]:V)??new Date,t=Q(e,1,!0)??Q(e,-1,!0)??null;J(!0),t&&L(t)}}else e.key===`Escape`&&O&&(e.preventDefault(),J(!1))}},mt=e=>{!c.m(e,$e)&&!(y&&c.m(e,et))&&k(c._(e)),L(c.g(e))},ht=(e,t)=>{let n=null;if(e.key===`ArrowLeft`)n=Q(t,-1);else if(e.key===`ArrowRight`)n=Q(t,1);else if(e.key===`ArrowUp`)n=Q(t,-7);else if(e.key===`ArrowDown`)n=Q(t,7);else if(e.key===`Home`||e.key===`End`){let r=e.key===`Home`?c.s(t,-t.getDay()):c.s(t,6-t.getDay()),i=e.key===`Home`?1:-1;for(let e=0;e<7;e+=1){let t=c.s(r,e*i);if(!G(t)){n=t;break}}}n&&(e.preventDefault(),mt(n))},$=y?M[P===`start`?0:1]:A,gt=(0,d.useCallback)(e=>{if(e){if(!$)return;Ve(c.l($)),Be(!0);return}Z(!1)},[$,Z]),_t=I??$??new Date,vt=_t.getHours(),yt=_t.getMinutes(),bt=_t.getSeconds(),xt=$?c.d(_t,`HH:mm:ss`):``,St=y?P===`start`?`开始时间`:`结束时间`:`时间`,Ct=(0,d.useCallback)((e,t)=>c.a(e,t,{hours:vt,minutes:yt,seconds:bt},q),[q,vt,yt,bt]),wt=y?!!(M[0]&&M[1]&&!G(M[0])&&!G(M[1])&&(!_||!K(c.d(M[0],`HH:mm:ss`))&&!K(c.d(M[1],`HH:mm:ss`)))):!!(A&&!G(A)&&(!_||!K(c.d(A,`HH:mm:ss`)))),Tt=!!Qe,Et=[`vl-${g}`,`size-${xe}`,O?`is-open`:``,b?`is-disabled`:``,y?`is-range`:``,_?`has-time`:``,Ce||``].filter(Boolean).join(` `),Dt=e=>{let t=c.f(e),n=y?M[0]:null,r=y?M[1]:null,i=y?null:A??V,a=(y?[M[0],M[1]]:[i]).find(t=>t&&c.m(t,e)&&!G(t))??t.find(t=>c.m(t,e)&&!G(t));return(0,f.jsxs)(`section`,{className:`vl-${g}__calendar`,"aria-label":ae(e),children:[y?(0,f.jsx)(`div`,{className:`vl-${g}__month-title`,children:ae(e)}):null,(0,f.jsx)(`div`,{className:`vl-${g}__weekdays`,role:`row`,children:te.map(e=>(0,f.jsx)(`span`,{role:`columnheader`,children:e},e))}),(0,f.jsx)(`div`,{className:`vl-${g}__grid`,role:`grid`,children:t.map(t=>{let o=!c.m(t,e),s=o||G(t),l=!!(n&&r&&c.u(t,c.g(n))>=0&&c.u(t,c.g(r))<=0),u=[`vl-${g}__day`,o?`is-other-month`:``,c.p(t,new Date)?`is-today`:``,y&&n&&c.p(t,n)?`is-range-start is-selected`:``,y&&r&&c.p(t,r)?`is-range-end is-selected`:``,i&&c.p(t,i)?`is-selected`:``,l?`is-in-range`:``,s?`is-disabled`:``].filter(Boolean).join(` `);return(0,f.jsx)(`button`,{type:`button`,className:u,role:`gridcell`,"data-time":t.getTime(),"aria-label":`${t.getFullYear()}年${t.getMonth()+1}月${t.getDate()}日`,"aria-selected":y?l:!!(i&&c.p(t,i)),"aria-current":c.p(t,new Date)?`date`:void 0,"aria-hidden":o||void 0,"aria-disabled":s||void 0,disabled:s,tabIndex:!s&&a&&c.p(t,a)?0:-1,onClick:()=>lt(t),onKeyDown:e=>ht(e,t),children:t.getDate()},t.toISOString())})})]})},Ot=(0,f.jsx)(o.t,{show:O,name:`vl-${g}`,deferEffects:!T,children:(0,f.jsxs)(`div`,{ref:w,id:R,className:`vl-${g}__panel is-${We}${Ke?` is-positioned`:``}`,style:{...He,visibility:Ke?`visible`:`hidden`},role:`dialog`,"aria-label":y?`日期范围选择`:_?`日期时间选择`:`日期选择`,children:[(0,f.jsxs)(`div`,{className:`vl-${g}__header`,children:[(0,f.jsxs)(`div`,{className:`vl-${g}__header-actions`,children:[(0,f.jsx)(`button`,{type:`button`,"aria-label":`上一年`,onClick:()=>k(e=>c.c(e,-12)),children:(0,f.jsx)(u.ChevronsLeft,{size:16,"aria-hidden":`true`})}),(0,f.jsx)(`button`,{type:`button`,"aria-label":`上一个月`,onClick:()=>k(e=>c.c(e,-1)),children:(0,f.jsx)(u.ChevronLeft,{size:16,"aria-hidden":`true`})})]}),y?null:(0,f.jsx)(`span`,{children:ae($e)}),(0,f.jsxs)(`div`,{className:`vl-${g}__header-actions`,children:[(0,f.jsx)(`button`,{type:`button`,"aria-label":`下一个月`,onClick:()=>k(e=>c.c(e,1)),children:(0,f.jsx)(u.ChevronRight,{size:16,"aria-hidden":`true`})}),(0,f.jsx)(`button`,{type:`button`,"aria-label":`下一年`,onClick:()=>k(e=>c.c(e,12)),children:(0,f.jsx)(u.ChevronsRight,{size:16,"aria-hidden":`true`})})]})]}),(0,f.jsxs)(`div`,{className:`vl-${g}__calendars`,children:[Dt($e),y?Dt(et):null]}),_?(0,f.jsx)(`div`,{className:`vl-${g}__time`,children:(0,f.jsxs)(`div`,{className:`vl-${g}__time-toolbar`,children:[(0,f.jsx)(`span`,{className:`vl-${g}__time-title`,children:`时间`}),y?(0,f.jsxs)(`div`,{className:`vl-${g}__time-range`,children:[(0,f.jsx)(`button`,{type:`button`,className:P===`start`?`is-active`:``,"aria-pressed":P===`start`,disabled:!M[0],onClick:()=>{Z(!1),F(`start`)},children:`开始时间`}),(0,f.jsx)(`button`,{type:`button`,className:P===`end`?`is-active`:``,"aria-pressed":P===`end`,disabled:!M[1],onClick:()=>{Z(!1),F(`end`)},children:`结束时间`})]}):null,(0,f.jsx)(l.t,{className:`vl-${g}__time-dropdown`,open:ze,disabled:!$,trigger:`click`,placement:`bottom-end`,offset:4,closeOnContentClick:!1,"aria-label":St,menuLabel:`${St}选择器`,triggerContent:(0,f.jsx)(s.t,{ref:Fe,className:`vl-${g}__time-input`,value:xt,placeholder:`请先选择日期`,size:`sm`,suffixIcon:u.Clock3,readOnly:!0,disabled:!$}),onChange:gt,children:(0,f.jsxs)(`div`,{className:`vl-${g}__time-popover`,[p]:R,children:[(0,f.jsx)(c.t,{value:{hours:vt,minutes:yt,seconds:bt},disabled:!$,ariaLabel:St,visibleItemCount:3,itemHeight:30,isOptionDisabled:Ct,onChange:ut}),(0,f.jsxs)(`div`,{className:`vl-${g}__footer`,children:[(0,f.jsx)(`button`,{type:`button`,className:`is-cancel`,"aria-label":`取消时间`,onClick:()=>Z(!1,!0),children:`取消`}),(0,f.jsx)(`button`,{type:`button`,className:`is-confirm`,"aria-label":`确定时间`,disabled:!I,onClick:()=>Z(!0,!0),children:`确定`})]})]})})]})}):null,fe.length?(0,f.jsx)(`div`,{className:`vl-${g}__shortcuts`,role:`group`,"aria-label":`快捷选择`,children:fe.map(e=>(0,f.jsx)(`button`,{type:`button`,onClick:()=>dt(e),children:e.label},e.label))}):null,y||_?(0,f.jsxs)(`div`,{className:`vl-${g}__footer`,children:[(0,f.jsx)(`button`,{type:`button`,className:`is-cancel`,onClick:()=>{J(!1),C.current?.focus()},children:`取消`}),(0,f.jsx)(`button`,{type:`button`,className:`is-confirm`,disabled:!wt,onClick:()=>{y?ct(M):A&&st(A)},children:`确定`})]}):null]})});return(0,f.jsxs)(`div`,{ref:Xe,className:`vl-${g}-wrapper`,style:we,...Ne,children:[(0,f.jsxs)(`div`,{ref:C,id:Ye,className:Et,role:`combobox`,"aria-expanded":O,"aria-controls":R,"aria-haspopup":`dialog`,"aria-disabled":b||void 0,"aria-label":Ee??(De?void 0:ye),"aria-labelledby":De,"aria-describedby":Oe,tabIndex:b?-1:0,onClick:()=>J(!O),onKeyDown:pt,children:[(0,f.jsx)(`span`,{className:`vl-${g}__icon`,"aria-hidden":`true`,children:(0,f.jsx)(u.CalendarDays,{size:16})}),(0,f.jsx)(`span`,{className:`vl-${g}__value${Qe?``:` is-placeholder`}`,children:Qe||ye}),be&&Tt&&!b?(0,f.jsx)(`button`,{type:`button`,className:`vl-${g}__clear`,"aria-label":`清除已选`,onClick:ft,onMouseDown:e=>e.preventDefault(),children:(0,f.jsx)(u.X,{size:16,"aria-hidden":`true`})}):null]}),T?(0,ee.createPortal)(Ot,document.body):Ot]})});ce.displayName=`VlDatePickerCore`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return ce}});

package/dist/dialog-shell-DT1EoKQG.cjs

@@ -0,0 +1 @@
+const e=require("./Transition-X_89ga-e.cjs"),t=require("./focus-D-h8CbGr.cjs");let n=require("react"),r=require("react/jsx-runtime"),i=require("react-dom");var a=[],o=new Set,s=0,c=0,l=``,u=``,d=``,f=e=>(a.push(e),o.forEach(e=>e()),()=>{let t=a.lastIndexOf(e);t>=0&&a.splice(t,1),o.forEach(e=>e())}),p=e=>a.at(-1)===e,m=()=>{if(s===0){l=document.body.style.overflow,u=document.body.style.paddingRight;let e=document.documentElement.clientWidth,t=e>0?Math.max(0,window.innerWidth-e):0;if(t>0){let e=Number.parseFloat(window.getComputedStyle(document.body).paddingRight)||0;document.body.style.paddingRight=`${e+t}px`}document.body.style.overflow=`hidden`}s+=1;let e=!1;return()=>{e||(e=!0,s=Math.max(0,s-1),s===0&&(document.body.style.overflow=l,document.body.style.paddingRight=u))}},h=()=>{c===0&&(d=document.body.style.userSelect,document.body.style.userSelect=`none`),c+=1;let e=!1;return()=>{e||(e=!0,c=Math.max(0,c-1),c===0&&(document.body.style.userSelect=d))}},g=({active:e,containerRef:r,closeOnPressEscape:i,lockScroll:a,onRequestClose:s})=>{let c=(0,n.useRef)(Symbol(`vl-dialog`)),l=(0,n.useRef)(null),u=(0,n.useCallback)(()=>p(c.current),[]);return(0,n.useEffect)(()=>{if(!e)return;let n=c.current;l.current=document.activeElement instanceof HTMLElement?document.activeElement:null;let u=f(n),d=a?m():()=>{},h=()=>{let e=r.current;e&&t.r(e)},g=window.requestAnimationFrame(h),_=()=>{p(n)&&(r.current?.contains(document.activeElement)||window.requestAnimationFrame(h))};o.add(_);let v=e=>{if(!p(n))return;if(e.key===`Escape`&&i){e.preventDefault(),s();return}if(e.key!==`Tab`)return;let a=r.current;if(!a)return;let o=t.a(a);if(!o.length){e.preventDefault(),a.focus({preventScroll:!0});return}let c=o[0],l=o.at(-1)??c,u=document.activeElement;e.shiftKey&&(u===c||!a.contains(u))?(e.preventDefault(),l.focus()):!e.shiftKey&&(u===l||!a.contains(u))&&(e.preventDefault(),c.focus())},y=e=>{if(!p(n))return;let i=r.current;!i||i.contains(e.target)||t.r(i)};return document.addEventListener(`keydown`,v),document.addEventListener(`focusin`,y),()=>{window.cancelAnimationFrame(g),document.removeEventListener(`keydown`,v),document.removeEventListener(`focusin`,y),o.delete(_),u(),d();let e=l.current;l.current=null,window.requestAnimationFrame(()=>{e?.isConnected&&e.focus({preventScroll:!0})})}},[e,i,r,a,s]),{isTopLayer:u}},_=({clientReady:t,open:n,mask:a,destroyOnClose:o,maskUnmountOnExit:s=!1,maskTransitionName:c,transitionName:l,maskClassName:u,panelClassName:d,panelStyle:f,maskStyle:p,panelRef:m,role:h,ariaModal:g=!0,ariaLabel:_,ariaLabelledBy:v,ariaDescribedBy:y,onMaskClick:b,onPanelClick:x,onAfterLeave:S,panelProps:C,children:w})=>t?(0,i.createPortal)((0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(e.t,{show:n&&a,name:c,unmountOnExit:s,children:(0,r.jsx)(`div`,{className:u,style:p,"aria-hidden":`true`,onClick:b})}),(0,r.jsx)(e.t,{show:n,name:l,unmountOnExit:o,onAfterLeave:S,children:(0,r.jsx)(`div`,{ref:m,className:d,style:f,role:h,"aria-modal":g,"aria-label":_,"aria-labelledby":v,"aria-describedby":y,"aria-hidden":!n||void 0,tabIndex:-1,onClick:x,...C,children:w})})]}),document.body):null;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});