@jc-times/business-ui 0.3.1 → 0.4.0

package/dist/Cascader.js

@@ -1,52 +1,57 @@
 import { useOverlayContainer as e } from "./OverlayContainer.js";
 import { FormField as t } from "./FormField.js";
-import { useCallback as n, useEffect as r, useId as i, useRef as a, useState as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { ChevronDown as l, ChevronRight as u, LoaderCircle as d, X as f } from "lucide-react";
-import p from "@rc-component/cascader";
+import { usePhoneWheel as n } from "./usePhoneWheel.js";
+import { WheelCascader as r } from "./WheelCascader.js";
+import { useCallback as i, useEffect as a, useId as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { ChevronDown as d, ChevronRight as f, LoaderCircle as p, X as m } from "lucide-react";
+import h from "@rc-component/cascader";
 //#region src/Cascader.tsx
-function m(m) {
-	let g = i(), [_, v] = o(!1);
-	r(() => {
-		m.disabled && v(!1);
-	}, [m.disabled]);
-	let y = !m.disabled && (m.open ?? _), b = m.id ?? m.inputProps?.id ?? g, x = e(), { inputProps: S, inputRef: C, label: w, helpText: T, error: E } = m, D = a(null), O = n((e) => {
+function g(e) {
+	return n(e.mobileMode === "wheel") && !e.multiple && !e.loadData && !e.changeOnSelect ? /* @__PURE__ */ l(r, { ...e }) : /* @__PURE__ */ l(_, { ...e });
+}
+function _(n) {
+	let r = o(), [g, _] = c(!1);
+	a(() => {
+		n.disabled && _(!1);
+	}, [n.disabled]);
+	let y = !n.disabled && (n.open ?? g), b = n.id ?? n.inputProps?.id ?? r, x = e(), { inputProps: S, inputRef: C, label: w, helpText: T, error: E } = n, D = s(null), O = i((e) => {
 		D.current = e, typeof C == "function" ? C(e) : C && (C.current = e);
 	}, [C]);
-	r(() => {
-		D.current?.setCustomValidity(m.required && !m.value.length ? "请选择一个选项" : "");
-	}, [m.required, m.value.length]);
+	a(() => {
+		D.current?.setCustomValidity(n.required && !n.value.length ? "请选择一个选项" : "");
+	}, [n.required, n.value.length]);
 	let k = [
 		S?.["aria-describedby"],
 		T !== void 0 && `${b}-help`,
 		E && `${b}-error`
 	].filter(Boolean).join(" ") || void 0, A = {
 		id: b,
-		options: m.options,
+		options: n.options,
 		prefixCls: "ui-cascader",
-		className: m.className,
-		disabled: m.disabled,
+		className: n.className,
+		disabled: n.disabled,
 		open: y,
 		onPopupVisibleChange: (e) => {
-			v(e), m.onOpenChange?.(e);
+			_(e), n.onOpenChange?.(e);
 		},
 		onInputKeyDown: (e) => {
-			e.key === "Escape" && y && !e.nativeEvent.isComposing && (e.preventDefault(), e.stopPropagation(), v(!1), m.onOpenChange?.(!1));
+			e.key === "Escape" && y && !e.nativeEvent.isComposing && (e.preventDefault(), e.stopPropagation(), _(!1), n.onOpenChange?.(!1));
 		},
 		showAction: [],
-		placeholder: m.placeholder ?? "请选择或搜索",
-		notFoundContent: m.emptyText ?? "没有匹配的选项",
-		allowClear: m.allowClear !== !1 && {
-			clearIcon: /* @__PURE__ */ s(f, { size: 14 }),
-			label: m.clearLabel ?? "清除选择"
+		placeholder: n.placeholder ?? "请选择或搜索",
+		notFoundContent: n.emptyText ?? "没有匹配的选项",
+		allowClear: n.allowClear !== !1 && {
+			clearIcon: /* @__PURE__ */ l(m, { size: 14 }),
+			label: n.clearLabel ?? "清除选择"
 		},
-		suffix: /* @__PURE__ */ s(l, { size: 16 }),
-		expandIcon: /* @__PURE__ */ s(u, { size: 14 }),
-		loadingIcon: /* @__PURE__ */ s(d, { size: 14 }),
-		changeOnSelect: m.changeOnSelect,
-		loadData: m.loadData,
-		showSearch: m.searchable ?? !m.loadData ? {
-			filter: (e, t) => h(t.map((e) => e.label).join("/")).includes(h(e)),
+		suffix: /* @__PURE__ */ l(d, { size: 16 }),
+		expandIcon: /* @__PURE__ */ l(f, { size: 14 }),
+		loadingIcon: /* @__PURE__ */ l(p, { size: 14 }),
+		changeOnSelect: n.changeOnSelect,
+		loadData: n.loadData,
+		showSearch: n.searchable ?? !n.loadData ? {
+			filter: (e, t) => v(t.map((e) => e.label).join("/")).includes(v(e)),
 			render: (e, t) => t.map((e) => e.label).join(" / "),
 			limit: 50
 		} : !1,
@@ -61,19 +66,19 @@ function m(m) {
 				shiftX: !0
 			}
 		},
-		components: { input: /* @__PURE__ */ s("input", {
+		components: { input: /* @__PURE__ */ l("input", {
 			...S,
 			ref: O,
 			id: b,
 			placeholder: "",
-			required: m.required && !m.value.length,
-			"aria-required": m.required || void 0,
+			required: n.required && !n.value.length,
+			"aria-required": n.required || void 0,
 			"aria-invalid": E ? !0 : S?.["aria-invalid"],
 			"aria-describedby": k
 		}) },
-		tagRender: ({ label: e, closable: t, onClose: n }) => /* @__PURE__ */ c("span", {
+		tagRender: ({ label: e, closable: t, onClose: n }) => /* @__PURE__ */ u("span", {
 			className: "ui-cascader-tag",
-			children: [/* @__PURE__ */ s("span", { children: e }), t && /* @__PURE__ */ s("button", {
+			children: [/* @__PURE__ */ l("span", { children: e }), t && /* @__PURE__ */ l("button", {
 				type: "button",
 				"aria-label": `移除 ${String(e)}`,
 				onMouseDown: (e) => {
@@ -82,37 +87,37 @@ function m(m) {
 				onClick: (e) => {
 					e.stopPropagation(), n();
 				},
-				children: /* @__PURE__ */ s(f, { size: 12 })
+				children: /* @__PURE__ */ l(m, { size: 12 })
 			})]
 		})
 	};
-	return /* @__PURE__ */ c(t, {
+	return /* @__PURE__ */ u(t, {
 		controlId: b,
 		label: w,
 		helpText: T,
 		error: E,
-		required: m.required,
-		children: [y && /* @__PURE__ */ s("span", {
+		required: n.required,
+		children: [y && /* @__PURE__ */ l("span", {
 			hidden: !0,
 			"data-ui-aria-overlay": ""
-		}), m.multiple ? /* @__PURE__ */ s(p, {
+		}), n.multiple ? /* @__PURE__ */ l(h, {
 			...A,
 			checkable: !0,
-			checkStrictly: m.checkStrictly ?? !0,
-			maxTagCount: m.maxTagCount ?? 3,
-			value: m.value,
-			onChange: (e, t) => m.onValueChange(e ?? [], t ?? [])
-		}) : /* @__PURE__ */ s(p, {
+			checkStrictly: n.checkStrictly ?? !0,
+			maxTagCount: n.maxTagCount ?? 3,
+			value: n.value,
+			onChange: (e, t) => n.onValueChange(e ?? [], t ?? [])
+		}) : /* @__PURE__ */ l(h, {
 			...A,
-			value: m.value,
-			onChange: (e, t) => m.onValueChange(e ?? [], t ?? [])
+			value: n.value,
+			onChange: (e, t) => n.onValueChange(e ?? [], t ?? [])
 		})]
 	});
 }
-function h(e) {
+function v(e) {
 	return e.replace(/[\s/]+/gu, "").toLocaleLowerCase();
 }
-function g(e) {
+function y(e) {
 	let t = /* @__PURE__ */ new Map(), n = new Map(e.map((e) => [e.id, e.parentId]));
 	for (let n of e) {
 		if (!n.id || t.has(n.id)) throw Error("Cascader IDs must be nonempty and unique");
@@ -134,7 +139,7 @@ function g(e) {
 	}
 	return r;
 }
-function _(e) {
+function b(e) {
 	let t = /* @__PURE__ */ new Map();
 	function n(e, r) {
 		for (let i of e) {
@@ -146,4 +151,4 @@ function _(e) {
 	return n(e, []), t;
 }
 //#endregion
-export { m as Cascader, g as buildCascaderOptions, _ as indexCascaderPaths };
+export { g as Cascader, y as buildCascaderOptions, b as indexCascaderPaths };

package/dist/DateInput.js

@@ -1,38 +1,56 @@
 import { useOverlayContainer as e } from "./OverlayContainer.js";
-import { forwardRef as t, useCallback as n, useEffect as r, useId as ee, useRef as i, useState as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { CalendarDays as te, ChevronLeft as ne, ChevronRight as re, X as c } from "lucide-react";
-import * as l from "@radix-ui/react-popover";
-import { Button as u, Calendar as ie, CalendarCell as ae, CalendarGrid as oe, CalendarGridBody as se, CalendarGridHeader as ce, CalendarHeaderCell as le, Heading as ue, I18nProvider as de } from "react-aria-components";
-import { CalendarDate as fe, getLocalTimeZone as d, parseDate as f, today as p } from "@internationalized/date";
+import { WheelDateInput as t } from "./WheelDateInput.js";
+import { forwardRef as n, useCallback as r, useEffect as i, useId as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { CalendarDays as ee, ChevronLeft as te, ChevronRight as ne, X as re } from "lucide-react";
+import * as u from "@radix-ui/react-popover";
+import { Button as d, Calendar as ie, CalendarCell as ae, CalendarGrid as oe, CalendarGridBody as se, CalendarGridHeader as ce, CalendarHeaderCell as le, Heading as ue, I18nProvider as de } from "react-aria-components";
+import { CalendarDate as fe, getLocalTimeZone as f, parseDate as p, today as m } from "@internationalized/date";
 //#region src/DateInput.tsx
-var m = "jc-business-ui-date-input-open", h = t(function({ value: t, onValueChange: f, inputRef: h, inputClassName: y, className: x = "", disabled: S, readOnly: C, required: w, inputMode: pe = "numeric", autoComplete: me = "off", onFocus: T, onBlur: he, onKeyDown: ge, min: E, max: D, minDate: _e, maxDate: ve, isDateUnavailable: O, onValidationError: ye, ...k }, A) {
-	let j = `ui-date-calendar-${ee().replaceAll(":", "")}`, be = e(), M = i(null), N = i(!1), P = i(!1), F = i(!1), [I, L] = a(!1), [R, z] = a(() => g(t)), [B, V] = a(""), H = _(t), U = _(_e ?? (E === void 0 ? "" : String(E))), W = _(ve ?? (D === void 0 ? "" : String(D))), [G, K] = a(() => H ?? p(d())), q = !!(S || C), xe = n((e) => {
-		M.current = e, b(h, e), b(A, e);
-	}, [h, A]);
-	r(() => {
-		z(g(t)), V(""), M.current?.setCustomValidity("");
-	}, [t]), r(() => {
+var h = "jc-business-ui-date-input-open", g = "(hover: none) and (pointer: coarse)";
+function _() {
+	return typeof navigator > "u" ? !1 : /iPhone|iPod|Android.+Mobile/i.test(navigator.userAgent);
+}
+var v = n(function({ mobileMode: e = "calendar", ...n }, r) {
+	let [a, o] = s(() => typeof window < "u" && !!window.matchMedia?.(g).matches);
+	return i(() => {
+		if (e !== "wheel" || !window.matchMedia) return;
+		let t = window.matchMedia(g), n = () => o(t.matches);
+		return n(), t.addEventListener("change", n), () => t.removeEventListener("change", n);
+	}, [e]), e === "wheel" && a && _() ? /* @__PURE__ */ c(t, {
+		...n,
+		ref: r
+	}) : /* @__PURE__ */ c(y, {
+		...n,
+		ref: r
+	});
+}), y = n(function({ value: t, onValueChange: n, inputRef: p, inputClassName: g, className: _ = "", disabled: v, readOnly: y, required: C, inputMode: pe = "numeric", autoComplete: me = "off", onFocus: he, onBlur: ge, onKeyDown: _e, min: T, max: E, minDate: D, maxDate: ve, isDateUnavailable: O, onValidationError: ye, ...k }, A) {
+	let j = `ui-date-calendar-${a().replaceAll(":", "")}`, be = e(), M = o(null), N = o(!1), P = o(!1), F = o(!1), [I, L] = s(!1), [R, z] = s(() => b(t)), [B, V] = s(""), H = x(t), U = x(D ?? (T === void 0 ? "" : String(T))), W = x(ve ?? (E === void 0 ? "" : String(E))), [G, K] = s(() => H ?? m(f())), q = !!(v || y), xe = r((e) => {
+		M.current = e, w(p, e), w(A, e);
+	}, [p, A]);
+	i(() => {
+		z(b(t)), V(""), M.current?.setCustomValidity("");
+	}, [t]), i(() => {
 		q && L(!1);
-	}, [q]), r(() => {
+	}, [q]), i(() => {
 		let e = (e) => {
 			e.detail !== j && L(!1);
 		};
-		return document.addEventListener(m, e), () => document.removeEventListener(m, e);
+		return document.addEventListener(h, e), () => document.removeEventListener(h, e);
 	}, [j]);
 	function J(e) {
 		if (!(e && q)) {
 			if (e && !I) {
-				document.dispatchEvent(new CustomEvent(m, { detail: j }));
-				let e = H ?? p(d());
+				document.dispatchEvent(new CustomEvent(h, { detail: j }));
+				let e = H ?? m(f());
 				U && e.compare(U) < 0 && (e = U), W && e.compare(W) > 0 && (e = W), K(e);
 			}
 			L(e);
 		}
 	}
 	function Y(e) {
-		if (!e) return w ? "请选择日期" : "";
-		let t = _(e);
+		if (!e) return C ? "请选择日期" : "";
+		let t = x(e);
 		return t ? U && t.compare(U) < 0 ? `日期不能早于 ${U}` : W && t.compare(W) > 0 ? `日期不能晚于 ${W}` : O?.(t.toString()) ? "该日期不可选择" : "" : "请输入有效日期（YYYY/MM/DD）";
 	}
 	function X(e) {
@@ -40,33 +58,33 @@ var m = "jc-business-ui-date-input-open", h = t(function({ value: t, onValueChan
 	}
 	function Z() {
 		if (q) return;
-		let e = R.trim() ? v(R) : "", n = e === null ? "请输入有效日期（YYYY/MM/DD）" : Y(e);
-		X(n), !n && e !== null && (z(g(e)), e !== t && f(e));
+		let e = R.trim() ? S(R) : "", r = e === null ? "请输入有效日期（YYYY/MM/DD）" : Y(e);
+		X(r), !r && e !== null && (z(b(e)), e !== t && n(e));
 	}
 	function Q(e) {
 		if (q) return;
 		let t = Y(e);
-		X(t), !t && (F.current = !0, f(e), z(g(e)), L(!1));
+		X(t), !t && (F.current = !0, n(e), z(b(e)), L(!1));
 	}
-	let $ = p(d()).toString();
-	return /* @__PURE__ */ s(l.Root, {
+	let $ = m(f()).toString();
+	return /* @__PURE__ */ l(u.Root, {
 		open: I && !q,
 		onOpenChange: J,
 		children: [
-			/* @__PURE__ */ o(l.Anchor, {
+			/* @__PURE__ */ c(u.Anchor, {
 				asChild: !0,
-				children: /* @__PURE__ */ s("span", {
-					className: `ui-date-input${I ? " open" : ""}${x ? ` ${x}` : ""}`,
-					children: [/* @__PURE__ */ o("input", {
+				children: /* @__PURE__ */ l("span", {
+					className: `ui-date-input${I ? " open" : ""}${_ ? ` ${_}` : ""}`,
+					children: [/* @__PURE__ */ c("input", {
 						...k,
 						ref: xe,
-						className: y,
+						className: g,
 						type: "text",
 						inputMode: pe,
 						autoComplete: me,
-						disabled: S,
-						readOnly: C,
-						required: w,
+						disabled: v,
+						readOnly: y,
+						required: C,
 						value: R,
 						placeholder: k.placeholder ?? "YYYY/MM/DD",
 						"aria-haspopup": "dialog",
@@ -75,18 +93,18 @@ var m = "jc-business-ui-date-input-open", h = t(function({ value: t, onValueChan
 						"aria-invalid": B ? !0 : k["aria-invalid"],
 						"aria-describedby": [k["aria-describedby"], B ? `${j}-error` : ""].filter(Boolean).join(" ") || void 0,
 						onFocus: (e) => {
-							T?.(e), !e.defaultPrevented && !N.current && J(!0);
+							he?.(e), !e.defaultPrevented && !N.current && J(!0);
 						},
 						onChange: (e) => {
 							z(e.target.value), B && X("");
 						},
 						onBlur: (e) => {
-							Z(), he?.(e);
+							Z(), ge?.(e);
 						},
 						onKeyDown: (e) => {
-							ge?.(e), !(e.defaultPrevented || e.nativeEvent.isComposing || e.keyCode === 229 || q) && (e.key === "ArrowDown" && (e.preventDefault(), P.current = !0, J(!0), I && document.getElementById(j)?.querySelector("[role=\"gridcell\"] [tabindex=\"0\"]")?.focus()), e.key === "Enter" && (e.preventDefault(), Z()));
+							_e?.(e), !(e.defaultPrevented || e.nativeEvent.isComposing || e.keyCode === 229 || q) && (e.key === "ArrowDown" && (e.preventDefault(), P.current = !0, J(!0), I && document.getElementById(j)?.querySelector("[role=\"gridcell\"] [tabindex=\"0\"]")?.focus()), e.key === "Enter" && (e.preventDefault(), Z()));
 						}
-					}), /* @__PURE__ */ o("button", {
+					}), /* @__PURE__ */ c("button", {
 						type: "button",
 						className: "ui-date-trigger",
 						disabled: q,
@@ -96,22 +114,22 @@ var m = "jc-business-ui-date-input-open", h = t(function({ value: t, onValueChan
 						onClick: () => {
 							P.current = !0, J(!I);
 						},
-						children: /* @__PURE__ */ o(te, {
+						children: /* @__PURE__ */ c(ee, {
 							size: 17,
 							"aria-hidden": "true"
 						})
 					})]
 				})
 			}),
-			B && /* @__PURE__ */ o("span", {
+			B && /* @__PURE__ */ c("span", {
 				id: `${j}-error`,
 				className: "ui-form-error",
 				role: "alert",
 				children: B
 			}),
-			/* @__PURE__ */ o(l.Portal, {
+			/* @__PURE__ */ c(u.Portal, {
 				container: be,
-				children: /* @__PURE__ */ s(l.Content, {
+				children: /* @__PURE__ */ l(u.Content, {
 					id: j,
 					className: "ui-date-calendar",
 					"aria-label": "选择日期",
@@ -129,9 +147,9 @@ var m = "jc-business-ui-date-input-open", h = t(function({ value: t, onValueChan
 					onInteractOutside: (e) => {
 						M.current?.parentElement?.contains(e.target) && e.preventDefault();
 					},
-					children: [/* @__PURE__ */ o(de, {
+					children: [/* @__PURE__ */ c(de, {
 						locale: "zh-CN",
-						children: /* @__PURE__ */ s(ie, {
+						children: /* @__PURE__ */ l(ie, {
 							"aria-label": "选择日期",
 							value: H,
 							onChange: (e) => Q(e.toString()),
@@ -141,49 +159,49 @@ var m = "jc-business-ui-date-input-open", h = t(function({ value: t, onValueChan
 							focusedValue: G,
 							onFocusChange: (e) => K(new fe(e.year, e.month, e.day)),
 							children: [
-								/* @__PURE__ */ s("header", { children: [
-									/* @__PURE__ */ o(u, {
+								/* @__PURE__ */ l("header", { children: [
+									/* @__PURE__ */ c(d, {
 										slot: "previous",
 										"aria-label": "上个月",
-										children: /* @__PURE__ */ o(ne, { size: 18 })
+										children: /* @__PURE__ */ c(te, { size: 18 })
 									}),
-									/* @__PURE__ */ o(ue, {}),
-									/* @__PURE__ */ o(u, {
+									/* @__PURE__ */ c(ue, {}),
+									/* @__PURE__ */ c(d, {
 										slot: "next",
 										"aria-label": "下个月",
-										children: /* @__PURE__ */ o(re, { size: 18 })
+										children: /* @__PURE__ */ c(ne, { size: 18 })
 									})
 								] }),
-								/* @__PURE__ */ s("label", {
+								/* @__PURE__ */ l("label", {
 									className: "ui-date-month-jump",
-									children: ["跳转年月", /* @__PURE__ */ o("input", {
+									children: ["跳转年月", /* @__PURE__ */ c("input", {
 										type: "month",
 										"aria-label": "跳转年月",
 										value: `${G.year.toString().padStart(4, "0")}-${String(G.month).padStart(2, "0")}`,
 										min: U?.toString().slice(0, 7),
 										max: W?.toString().slice(0, 7),
 										onChange: (e) => {
-											let t = _(`${e.target.value}-01`);
+											let t = x(`${e.target.value}-01`);
 											t && K(U && t.compare(U) < 0 ? U : W && t.compare(W) > 0 ? W : t);
 										}
 									})]
 								}),
-								/* @__PURE__ */ s(oe, {
+								/* @__PURE__ */ l(oe, {
 									className: "ui-aria-calendar-grid",
-									children: [/* @__PURE__ */ o(ce, { children: (e) => /* @__PURE__ */ o(le, { children: e }) }), /* @__PURE__ */ o(se, { children: (e) => /* @__PURE__ */ o(ae, {
+									children: [/* @__PURE__ */ c(ce, { children: (e) => /* @__PURE__ */ c(le, { children: e }) }), /* @__PURE__ */ c(se, { children: (e) => /* @__PURE__ */ c(ae, {
 										date: e,
 										"data-date": e.toString()
 									}) })]
 								})
 							]
 						})
-					}), /* @__PURE__ */ s("footer", { children: [/* @__PURE__ */ s("button", {
+					}), /* @__PURE__ */ l("footer", { children: [/* @__PURE__ */ l("button", {
 						type: "button",
 						className: "ui-date-clear",
-						disabled: !t || w,
+						disabled: !t || C,
 						onClick: () => Q(""),
-						children: [/* @__PURE__ */ o(c, { size: 14 }), "清除"]
-					}), /* @__PURE__ */ o("button", {
+						children: [/* @__PURE__ */ c(re, { size: 14 }), "清除"]
+					}), /* @__PURE__ */ c("button", {
 						type: "button",
 						className: "ui-date-today",
 						disabled: !!Y($),
@@ -195,29 +213,29 @@ var m = "jc-business-ui-date-input-open", h = t(function({ value: t, onValueChan
 		]
 	});
 });
-function g(e) {
+function b(e) {
 	return /^\d{4}-\d{2}-\d{2}$/.test(e) ? e.replaceAll("-", "/") : e;
 }
-function _(e) {
-	let t = v(e);
-	return t ? f(t) : null;
+function x(e) {
+	let t = S(e);
+	return t ? p(t) : null;
 }
-function v(e) {
+function S(e) {
 	let t = e.trim().match(/^(\d{4})[/.\-](\d{1,2})[/.\-](\d{1,2})$/);
 	if (!t || Number(t[1]) < 1) return null;
 	let n = `${t[1]}-${t[2].padStart(2, "0")}-${t[3].padStart(2, "0")}`;
 	try {
-		return f(n).toString();
+		return p(n).toString();
 	} catch {
 		return null;
 	}
 }
-function y(e, t) {
+function C(e, t) {
 	let n = new Date(e, t, 1), r = new Date(e, t, 1 - n.getDay());
 	return Array.from({ length: 42 }, (e, t) => ({ date: new Date(r.getFullYear(), r.getMonth(), r.getDate() + t) }));
 }
-function b(e, t) {
+function w(e, t) {
 	typeof e == "function" ? e(t) : e && (e.current = t);
 }
 //#endregion
-export { h as DateInput, y as calendarDays, v as parseDate };
+export { v as DateInput, C as calendarDays, S as parseDate };

package/dist/DateWheelPicker.js

@@ -0,0 +1,58 @@
+import { RecoverableAsyncState as e } from "./RecoverableAsyncState.js";
+import { initialWheelDate as t, wheelBounds as n } from "./date-wheel-model.js";
+import { Component as r, Suspense as i, lazy as a, useEffect as o, useState as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/DateWheelPicker.tsx
+var l = () => a(() => import("./AntDateWheelView.js"));
+function u(e) {
+	let [{ View: r, attempt: a }, o] = s(() => ({
+		View: l(),
+		attempt: 0
+	})), u = n(e.minDate, e.maxDate);
+	return u ? /* @__PURE__ */ c(d, {
+		onError: () => e.onPendingChange?.(!0),
+		onRetry: () => o({
+			View: l(),
+			attempt: a + 1
+		}),
+		children: /* @__PURE__ */ c(i, {
+			fallback: /* @__PURE__ */ c(f, { onPendingChange: e.onPendingChange }),
+			children: /* @__PURE__ */ c(r, {
+				...e,
+				date: t(e.value, e.minDate, e.maxDate),
+				bounds: u
+			})
+		})
+	}, a) : /* @__PURE__ */ c("p", {
+		role: "alert",
+		className: "ui-form-error",
+		children: "日期范围无效"
+	});
+}
+var d = class extends r {
+	state = { failed: !1 };
+	static getDerivedStateFromError() {
+		return { failed: !0 };
+	}
+	componentDidCatch() {
+		this.props.onError();
+	}
+	render() {
+		return this.state.failed ? /* @__PURE__ */ c(e, {
+			phase: "error",
+			loadingTitle: "加载日期选择器",
+			errorTitle: "日期选择器加载失败",
+			onRetry: this.props.onRetry
+		}) : this.props.children;
+	}
+};
+function f({ onPendingChange: e }) {
+	return o(() => {
+		e?.(!0);
+	}, [e]), /* @__PURE__ */ c("p", {
+		role: "status",
+		children: "正在加载日期选择器…"
+	});
+}
+//#endregion
+export { u as DateWheelPicker };