@jc-times/business-ui 0.3.2 → 0.4.0

package/dist/OptionWheelDialog.js

@@ -0,0 +1,99 @@
+import { Button as e } from "./Button.js";
+import { useOverlayContainer as t } from "./OverlayContainer.js";
+import { ModalShell as n } from "./ModalShell.js";
+import { RecoverableAsyncState as r } from "./RecoverableAsyncState.js";
+import { enabledWheelOptions as i, resolveWheelPath as a, wheelText as o } from "./option-wheel-model.js";
+import { Component as s, Suspense as c, lazy as l, useId as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { createPortal as h } from "react-dom";
+//#region src/OptionWheelDialog.tsx
+var g = () => l(() => import("./AntOptionWheelView.js"));
+function _({ options: r, value: s, title: l = "选择选项", returnFocus: _, portalContainer: b, allowClear: x, clearLabel: S = "清除", emptyText: C = "没有可选项", onClose: w, onConfirm: T }) {
+	let E = t(b), D = u(), [{ View: O, attempt: k }, A] = d(() => ({
+		View: g(),
+		attempt: 0
+	})), j = i(r), [M, N] = d(() => a(j, s).value), [P, F] = d(!0), I = a(j, M), L = M.length > 0 && JSON.stringify(I.value) === JSON.stringify(M);
+	function R() {
+		L && !P && T(M);
+	}
+	return h(/* @__PURE__ */ m(n, {
+		titleId: `${D}-title`,
+		title: l,
+		closeLabel: "关闭选择",
+		returnFocus: _,
+		onClose: w,
+		backdropClassName: "ui-date-wheel-backdrop",
+		panelClassName: "ui-date-wheel-panel",
+		contentClassName: "ui-date-wheel-content",
+		footerClassName: "ui-date-wheel-actions",
+		footer: /* @__PURE__ */ m(f, { children: [
+			/* @__PURE__ */ p(e, {
+				variant: "secondary",
+				onClick: w,
+				children: "取消"
+			}),
+			x && /* @__PURE__ */ p(e, {
+				variant: "secondary",
+				disabled: !s.length,
+				onClick: () => T([]),
+				children: S
+			}),
+			/* @__PURE__ */ p(e, {
+				variant: "primary",
+				disabled: !L || P,
+				onClick: R,
+				children: "确定选择"
+			})
+		] }),
+		children: [j.length ? /* @__PURE__ */ p(v, {
+			onError: () => F(!0),
+			onRetry: () => {
+				F(!0), A({
+					View: g(),
+					attempt: k + 1
+				});
+			},
+			children: /* @__PURE__ */ p(c, {
+				fallback: /* @__PURE__ */ p(y, {}),
+				children: /* @__PURE__ */ p(O, {
+					columns: I.columns,
+					value: I.value,
+					onPendingChange: F,
+					onChange: (e) => N(a(j, e).value)
+				})
+			})
+		}, k) : /* @__PURE__ */ p("p", {
+			role: "status",
+			children: C
+		}), /* @__PURE__ */ p("p", {
+			className: "ui-date-wheel-summary ui-option-wheel-summary",
+			role: "status",
+			children: I.path.map(o).join(" / ")
+		})]
+	}), E ?? document.body);
+}
+var v = class extends s {
+	state = { failed: !1 };
+	static getDerivedStateFromError() {
+		return { failed: !0 };
+	}
+	componentDidCatch() {
+		this.props.onError();
+	}
+	render() {
+		return this.state.failed ? /* @__PURE__ */ p(r, {
+			phase: "error",
+			loadingTitle: "加载选择器",
+			errorTitle: "选择器加载失败",
+			onRetry: this.props.onRetry
+		}) : this.props.children;
+	}
+};
+function y() {
+	return /* @__PURE__ */ p("p", {
+		role: "status",
+		children: "正在加载选择器…"
+	});
+}
+//#endregion
+export { _ as OptionWheelDialog };

package/dist/Select.js

@@ -1,73 +1,128 @@
 import { useOverlayContainer as e } from "./OverlayContainer.js";
 import { FormField as t } from "./FormField.js";
-import { useId as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Check as a, ChevronDown as o, ChevronUp as s } from "lucide-react";
-import * as c from "@radix-ui/react-select";
+import { usePhoneWheel as n } from "./usePhoneWheel.js";
+import { wheelOptionsKey as r } from "./option-wheel-model.js";
+import { OptionWheelDialog as i } from "./OptionWheelDialog.js";
+import { useCallback as a, useEffect as o, useId as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Check as f, ChevronDown as p, ChevronUp as m } from "lucide-react";
+import * as h from "@radix-ui/react-select";
 //#region src/Select.tsx
-function l({ value: l, defaultValue: f, onValueChange: p, options: m, label: h, placeholder: g = "请选择", helpText: _, error: v, required: y, disabled: b, name: x, id: S, className: C = "", triggerRef: w, triggerProps: T, portalContainer: E, placement: D }) {
-	let O = n(), k = S ?? O, A = e(E), j = /* @__PURE__ */ i(c.Root, {
-		value: l,
-		defaultValue: f,
-		onValueChange: p,
-		disabled: b,
-		name: x,
-		required: y,
-		children: [/* @__PURE__ */ i(c.Trigger, {
-			...T,
-			ref: w,
-			id: k,
-			className: `ui-select-trigger ${C}`.trim(),
-			"aria-invalid": v ? !0 : T?.["aria-invalid"],
-			"aria-describedby": d(T?.["aria-describedby"], u(k, _, v)),
-			children: [/* @__PURE__ */ r(c.Value, { placeholder: g }), /* @__PURE__ */ r(c.Icon, { children: /* @__PURE__ */ r(o, { size: 16 }) })]
-		}), /* @__PURE__ */ r(c.Portal, {
-			container: A,
-			children: /* @__PURE__ */ i(c.Content, {
-				className: "ui-select-content",
-				position: "popper",
-				sideOffset: 6,
-				collisionPadding: 10,
-				...D,
-				children: [
-					/* @__PURE__ */ r(c.ScrollUpButton, {
-						className: "ui-select-scroll",
-						children: /* @__PURE__ */ r(s, { size: 16 })
-					}),
-					/* @__PURE__ */ r(c.Viewport, {
-						className: "ui-select-viewport",
-						children: m.map((e) => /* @__PURE__ */ i(c.Item, {
-							value: e.value,
-							disabled: e.disabled,
-							className: "ui-select-item",
-							children: [/* @__PURE__ */ r(c.ItemText, { children: e.label }), /* @__PURE__ */ r(c.ItemIndicator, {
-								className: "ui-select-indicator",
-								children: /* @__PURE__ */ r(a, { size: 15 })
-							})]
-						}, e.value))
-					}),
-					/* @__PURE__ */ r(c.ScrollDownButton, {
-						className: "ui-select-scroll",
-						children: /* @__PURE__ */ r(o, { size: 16 })
-					})
-				]
+function g({ value: g, defaultValue: y, onValueChange: b, options: x, label: S, placeholder: C = "请选择", helpText: w, error: T, required: E, disabled: D, name: O, id: k, className: A = "", triggerRef: j, triggerProps: M, portalContainer: N, placement: P, mobileMode: F = "dropdown" }) {
+	let I = s(), L = k ?? I, R = e(N), z = n(F === "wheel"), [B, V] = l(y ?? ""), H = g ?? B, U = c(null), W = a((e) => {
+		U.current = e, typeof j == "function" ? j(e) : j && (j.current = e);
+	}, [j]), G = z ? JSON.stringify([H, r(x)]) : "", [K, q] = l(null), [J, Y] = l(!1), X = z && !D && K === G;
+	o(() => {
+		q(null);
+	}, [
+		G,
+		z,
+		D
+	]), o(() => {
+		Y(!1);
+	}, [z, D]);
+	function Z(e) {
+		g === void 0 && V(e), b?.(e);
+	}
+	let Q = /* @__PURE__ */ d(h.Root, {
+		value: H,
+		onValueChange: Z,
+		open: !z && !D && J,
+		onOpenChange: (e) => {
+			z ? e && !D && q(G) : Y(e);
+		},
+		disabled: D,
+		name: O,
+		required: E,
+		children: [
+			/* @__PURE__ */ d(h.Trigger, {
+				...M,
+				ref: W,
+				id: L,
+				className: `ui-select-trigger ${A}`.trim(),
+				...z ? {
+					"aria-haspopup": "dialog",
+					"aria-expanded": X,
+					"aria-controls": void 0
+				} : {},
+				onKeyDown: (e) => {
+					M?.onKeyDown?.(e), z && !e.defaultPrevented && ([
+						"Enter",
+						" ",
+						"ArrowDown",
+						"ArrowUp"
+					].includes(e.key) ? (e.preventDefault(), D || q(G)) : e.key.length === 1 && e.preventDefault());
+				},
+				"aria-invalid": T ? !0 : M?.["aria-invalid"],
+				"aria-describedby": v(M?.["aria-describedby"], _(L, w, T)),
+				children: [/* @__PURE__ */ u("span", {
+					className: "ui-select-value",
+					children: /* @__PURE__ */ u(h.Value, { placeholder: C })
+				}), /* @__PURE__ */ u(h.Icon, {
+					className: "ui-select-icon",
+					children: /* @__PURE__ */ u(p, { size: 16 })
+				})]
+			}),
+			/* @__PURE__ */ u(h.Portal, {
+				container: R,
+				children: /* @__PURE__ */ d(h.Content, {
+					className: "ui-select-content",
+					position: "popper",
+					sideOffset: 6,
+					collisionPadding: 10,
+					...P,
+					children: [
+						/* @__PURE__ */ u(h.ScrollUpButton, {
+							className: "ui-select-scroll",
+							children: /* @__PURE__ */ u(m, { size: 16 })
+						}),
+						/* @__PURE__ */ u(h.Viewport, {
+							className: "ui-select-viewport",
+							children: x.map((e) => /* @__PURE__ */ d(h.Item, {
+								value: e.value,
+								disabled: e.disabled,
+								className: "ui-select-item",
+								children: [/* @__PURE__ */ u(h.ItemText, { children: e.label }), /* @__PURE__ */ u(h.ItemIndicator, {
+									className: "ui-select-indicator",
+									children: /* @__PURE__ */ u(f, { size: 15 })
+								})]
+							}, e.value))
+						}),
+						/* @__PURE__ */ u(h.ScrollDownButton, {
+							className: "ui-select-scroll",
+							children: /* @__PURE__ */ u(p, { size: 16 })
+						})
+					]
+				})
+			}),
+			X && /* @__PURE__ */ u(i, {
+				options: x,
+				value: H ? [H] : [],
+				title: S ?? "选择选项",
+				portalContainer: N,
+				returnFocus: U,
+				onClose: () => q(null),
+				onConfirm: (e) => {
+					let t = x.find((t) => t.value === e[0] && !t.disabled);
+					!D && t && (H !== t.value && Z(t.value), q(null));
+				}
 			})
-		})]
+		]
 	});
-	return h === void 0 && _ === void 0 && !v ? j : /* @__PURE__ */ r(t, {
-		controlId: k,
-		label: h,
-		required: y,
-		helpText: _,
-		error: v,
-		children: j
+	return S === void 0 && w === void 0 && !T ? Q : /* @__PURE__ */ u(t, {
+		controlId: L,
+		label: S,
+		required: E,
+		helpText: w,
+		error: T,
+		children: Q
 	});
 }
-function u(e, t, n) {
+function _(e, t, n) {
 	return [t === void 0 ? "" : `${e}-help`, n === void 0 || n === "" ? "" : `${e}-error`].filter(Boolean).join(" ") || void 0;
 }
-function d(...e) {
+function v(...e) {
 	return e.filter(Boolean).join(" ") || void 0;
 }
 //#endregion
-export { l as Select };
+export { g as Select };

package/dist/StructuredAddressInput.js

@@ -1,10 +1,11 @@
-import { Select as e } from "./Select.js";
-import { Cascader as t } from "./Cascader.js";
-import { useId as n, useMemo as r, useRef as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { usePhoneWheel as e } from "./usePhoneWheel.js";
+import { Select as t } from "./Select.js";
+import { Cascader as n } from "./Cascader.js";
+import { useId as r, useMemo as i, useRef as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/StructuredAddressInput.tsx
-function c({ regions: c, value: l, onValueChange: u, label: d = "地址", required: f = !1, disabled: m = !1, annotation: h, dataVersion: g, className: _ = "", structuredModeLabel: v = "结构化地址", freeformModeLabel: y = "海外或非标准地址", showModeSelector: b = !1, regionLabel: x = "所在地区", detailLabel: S = "详细地址", freeformLabel: C = "完整地址", searchPlaceholder: w = "请选择或搜索地区", emptyText: T = "没有匹配的地区", maxLength: E = 500, regionInputRef: D, detailInputRef: O, freeformInputRef: k, regionInputProps: A, detailInputProps: j, freeformInputProps: M }) {
-	let N = n().replaceAll(":", ""), P = A?.id ?? `ui-address-${N}-region`, F = i(null), I = r(() => {
+function l({ regions: l, value: u, onValueChange: d, label: f = "地址", required: p = !1, disabled: h = !1, annotation: g, dataVersion: _, className: v = "", structuredModeLabel: y = "结构化地址", freeformModeLabel: b = "海外或非标准地址", showModeSelector: x = !1, regionLabel: S = "所在地区", detailLabel: C = "详细地址", freeformLabel: w = "完整地址", searchPlaceholder: T = "请选择或搜索地区", emptyText: E = "没有匹配的地区", maxLength: D = 500, regionInputRef: O, detailInputRef: k, freeformInputRef: A, regionInputProps: j, detailInputProps: M, freeformInputProps: N, mobileMode: P = "dropdown" }) {
+	let F = r().replaceAll(":", ""), I = e(P === "wheel"), L = j?.id ?? `ui-address-${F}-region`, R = a(null), z = i(() => {
 		function e(t) {
 			return t.map((t) => ({
 				value: t.id,
@@ -13,105 +14,106 @@ function c({ regions: c, value: l, onValueChange: u, label: d = "地址", requir
 				children: t.children ? e(t.children) : void 0
 			}));
 		}
-		return e(c);
-	}, [c]);
-	function L(e) {
-		u({
-			...l,
-			...b ? {} : { mode: "structured" },
+		return e(l);
+	}, [l]);
+	function B(e) {
+		d({
+			...u,
+			...x ? {} : { mode: "structured" },
 			...e
 		});
 	}
-	return /* @__PURE__ */ s("fieldset", {
-		className: `ui-structured-address ${_}`.trim(),
-		disabled: m,
+	return /* @__PURE__ */ c("fieldset", {
+		className: `ui-structured-address ${v}`.trim(),
+		disabled: h,
 		children: [
-			/* @__PURE__ */ s("legend", { children: [
-				f && /* @__PURE__ */ o("span", {
+			/* @__PURE__ */ c("legend", { children: [
+				p && /* @__PURE__ */ s("span", {
 					className: "ui-required-mark",
 					"aria-hidden": "true",
 					children: "*"
 				}),
-				d,
-				h !== void 0 && /* @__PURE__ */ o("span", {
+				f,
+				g !== void 0 && /* @__PURE__ */ s("span", {
 					className: "ui-structured-address-annotation",
-					children: h
+					children: g
 				})
 			] }),
-			b && /* @__PURE__ */ o("div", {
+			x && /* @__PURE__ */ s("div", {
 				className: "ui-structured-address-mode",
-				children: /* @__PURE__ */ o(e, {
+				children: /* @__PURE__ */ s(t, {
 					label: "地址类型",
-					value: l.mode,
-					disabled: m,
-					onValueChange: (e) => L({ mode: e }),
+					value: u.mode,
+					disabled: h,
+					onValueChange: (e) => B({ mode: e }),
 					options: [{
 						value: "structured",
-						label: v
+						label: y
 					}, {
 						value: "freeform",
-						label: y
+						label: b
 					}]
 				})
 			}),
-			b && l.mode === "freeform" ? /* @__PURE__ */ s("label", {
+			x && u.mode === "freeform" ? /* @__PURE__ */ c("label", {
 				className: "ui-structured-address-full",
-				children: [/* @__PURE__ */ o("span", { children: C }), /* @__PURE__ */ o("input", {
-					...M,
-					ref: k,
+				children: [/* @__PURE__ */ s("span", { children: w }), /* @__PURE__ */ s("input", {
+					...N,
+					ref: A,
 					className: "ui-input",
 					autoComplete: "street-address",
-					maxLength: E,
-					required: f,
-					value: l.freeform,
-					onChange: (e) => L({ freeform: e.target.value })
+					maxLength: D,
+					required: p,
+					value: u.freeform,
+					onChange: (e) => B({ freeform: e.target.value })
 				})]
-			}) : /* @__PURE__ */ s(a, { children: [
-				/* @__PURE__ */ o("div", {
+			}) : /* @__PURE__ */ c(o, { children: [
+				/* @__PURE__ */ s("div", {
 					className: "ui-structured-address-region",
-					children: /* @__PURE__ */ o(t, {
-						options: I,
-						value: l.regionIds,
-						label: x,
-						id: P,
-						disabled: m,
-						required: f,
-						placeholder: w,
-						emptyText: T,
-						inputProps: A,
-						inputRef: D,
-						changeOnSelect: !0,
+					children: /* @__PURE__ */ s(n, {
+						options: z,
+						value: u.regionIds,
+						label: S,
+						id: L,
+						disabled: h,
+						required: p,
+						placeholder: T,
+						emptyText: E,
+						inputProps: j,
+						inputRef: O,
+						changeOnSelect: !I,
+						mobileMode: P,
 						onValueChange: (e, t) => {
-							L({ regionIds: e });
+							B({ regionIds: e });
 							let n = t.at(-1);
-							n && !n.children?.length && queueMicrotask(() => F.current?.focus());
+							!I && n && !n.children?.length && queueMicrotask(() => R.current?.focus());
 						}
 					})
 				}),
-				/* @__PURE__ */ s("label", {
+				/* @__PURE__ */ c("label", {
 					className: "ui-structured-address-detail",
-					children: [/* @__PURE__ */ o("span", { children: S }), /* @__PURE__ */ o("input", {
-						...j,
+					children: [/* @__PURE__ */ s("span", { children: C }), /* @__PURE__ */ s("input", {
+						...M,
 						ref: (e) => {
-							F.current = e, p(O, e);
+							R.current = e, m(k, e);
 						},
 						className: "ui-input",
 						autoComplete: "street-address",
-						maxLength: E,
-						required: f,
-						value: l.detail,
-						onChange: (e) => L({ detail: e.target.value })
+						maxLength: D,
+						required: p,
+						value: u.detail,
+						onChange: (e) => B({ detail: e.target.value })
 					})]
 				}),
-				g !== void 0 && /* @__PURE__ */ o("small", {
+				_ !== void 0 && /* @__PURE__ */ s("small", {
 					className: "ui-structured-address-version",
-					children: g
+					children: _
 				})
 			] })
 		]
 	});
 }
-function l(e) {
+function u(e) {
 	let t = [];
 	function n(e, r, i) {
 		for (let a of e) {
@@ -125,16 +127,16 @@ function l(e) {
 	}
 	return n(e, [], []), t;
 }
-function u(e, t, n = 20) {
-	let r = f(t);
+function d(e, t, n = 20) {
+	let r = p(t);
 	if (!r) return [];
 	let i = (e) => {
-		let t = f(e.labels.at(-1) ?? "");
+		let t = p(e.labels.at(-1) ?? "");
 		return t === r ? 0 : t.includes(r) ? 1 : 2;
 	};
-	return l(e).filter((e) => f(e.labels.join("/")).includes(r)).sort((e, t) => i(e) - i(t) || e.labels.join("/").localeCompare(t.labels.join("/"), "zh-CN")).slice(0, n);
+	return u(e).filter((e) => p(e.labels.join("/")).includes(r)).sort((e, t) => i(e) - i(t) || e.labels.join("/").localeCompare(t.labels.join("/"), "zh-CN")).slice(0, n);
 }
-function d(e, t) {
+function f(e, t) {
 	if (!t.length) return;
 	let n = e, r = [], i = [], a;
 	for (let e of t) {
@@ -147,11 +149,11 @@ function d(e, t) {
 		leaf: a
 	} : void 0;
 }
-function f(e) {
+function p(e) {
 	return e.replace(/[\s/]+/gu, "").toLocaleLowerCase();
 }
-function p(e, t) {
+function m(e, t) {
 	typeof e == "function" ? e(t) : e && (e.current = t);
 }
 //#endregion
-export { c as StructuredAddressInput, d as findAddressRegionPath, l as flattenAddressRegions, u as searchAddressRegions };
+export { l as StructuredAddressInput, f as findAddressRegionPath, u as flattenAddressRegions, d as searchAddressRegions };

package/dist/TreeSelect.js

@@ -268,7 +268,10 @@ function ie({ items: n, value: d, defaultValue: ie = null, onValueChange: h, ope
 			"aria-label": "已选节点",
 			children: [R.map((e) => /* @__PURE__ */ u("span", {
 				className: "ui-selection-tag",
-				children: [I.get(e)?.label ?? e, /* @__PURE__ */ l("button", {
+				children: [/* @__PURE__ */ l("span", {
+					className: "ui-selection-tag-label",
+					children: I.get(e)?.label ?? e
+				}), /* @__PURE__ */ l("button", {
 					type: "button",
 					disabled: D,
 					"aria-label": `移除 ${I.get(e)?.label ?? e}`,

package/dist/WheelCascader.js

@@ -0,0 +1,123 @@
+import { FormField as e } from "./FormField.js";
+import { enabledWheelOptions as t, resolveWheelPath as n, wheelOptionsKey as r } from "./option-wheel-model.js";
+import { OptionWheelDialog as i } from "./OptionWheelDialog.js";
+import { useCallback as a, useEffect as o, useId as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/WheelCascader.tsx
+function f(f) {
+	let p = s(), m = f.id ?? f.inputProps?.id ?? p, h = c(null), g = a((e) => {
+		h.current = e, typeof f.inputRef == "function" ? f.inputRef(e) : f.inputRef && (f.inputRef.current = e);
+	}, [f.inputRef]), [_, v] = l(!1), [y, b] = l();
+	o(() => {
+		(f.value.length || !f.required) && b(void 0);
+	}, [f.value.length, f.required]);
+	let x = f.error ?? y, S = JSON.stringify([
+		f.value,
+		r(f.options),
+		!!f.disabled,
+		!!f.inputProps?.readOnly
+	]), [C, w] = l(S), T = C !== S, E = f.open ?? _, [D, O] = l(!1), k = E && !f.disabled && !f.inputProps?.readOnly && !T && !D;
+	function A() {
+		v(!1), f.onOpenChange?.(!1);
+	}
+	o(() => {
+		T && (w(S), E && (O(!0), A()));
+	}, [
+		S,
+		T,
+		E
+	]), o(() => {
+		E || O(!1);
+	}, [E]);
+	function j() {
+		f.disabled || f.inputProps?.readOnly || (w(S), O(!1), v(!0), f.onOpenChange?.(!0));
+	}
+	let M = [], N = f.options;
+	for (let e of f.value) {
+		let t = N.find((t) => t.value === e);
+		if (!t) break;
+		M.push(t), N = t.children ?? [];
+	}
+	let { onClick: P, onKeyDown: F, ...I } = f.inputProps ?? {}, L = [
+		I["aria-describedby"],
+		f.helpText !== void 0 && `${m}-help`,
+		x && `${m}-error`
+	].filter(Boolean).join(" ") || void 0;
+	function R(e) {
+		if (f.disabled || f.inputProps?.readOnly || T) return;
+		if (!e.length) {
+			if (f.required || f.allowClear === !1) return;
+			f.onValueChange([], []), A();
+			return;
+		}
+		let r = n(t(f.options), e);
+		if (JSON.stringify(r.value) !== JSON.stringify(e)) return;
+		let i = [], a = f.options;
+		for (let t of e) {
+			let e = a.find((e) => e.value === t);
+			i.push(e), a = e.children ?? [];
+		}
+		JSON.stringify(f.value) !== JSON.stringify(e) && f.onValueChange(e, i), A();
+	}
+	return /* @__PURE__ */ d(e, {
+		controlId: m,
+		label: f.label,
+		helpText: f.helpText,
+		error: x,
+		required: f.required,
+		children: [
+			f.required && /* @__PURE__ */ u("input", {
+				className: "ui-wheel-validation",
+				tabIndex: -1,
+				"aria-hidden": "true",
+				required: !0,
+				disabled: f.disabled,
+				value: f.value.length ? "selected" : "",
+				onChange: () => {},
+				onInvalid: (e) => {
+					e.preventDefault(), b("请选择一个选项"), h.current?.focus();
+				}
+			}),
+			/* @__PURE__ */ u("input", {
+				...I,
+				id: m,
+				ref: g,
+				type: "text",
+				readOnly: !0,
+				inputMode: "none",
+				disabled: f.disabled,
+				className: `ui-input ui-wheel-cascader ${f.className ?? ""}`,
+				value: M.map((e) => e.label).join(" / "),
+				placeholder: f.placeholder ?? "请选择",
+				"aria-haspopup": "dialog",
+				"aria-expanded": k,
+				"aria-required": f.required || void 0,
+				"aria-invalid": x ? !0 : I["aria-invalid"],
+				"aria-describedby": L,
+				onClick: (e) => {
+					P?.(e), e.defaultPrevented || j();
+				},
+				onKeyDown: (e) => {
+					F?.(e), !e.defaultPrevented && [
+						"Enter",
+						" ",
+						"ArrowDown"
+					].includes(e.key) && (e.preventDefault(), j());
+				}
+			}),
+			k && /* @__PURE__ */ u(i, {
+				options: f.options,
+				value: f.value,
+				title: f.label ?? "选择选项",
+				returnFocus: h,
+				clearLabel: f.clearLabel,
+				emptyText: f.emptyText,
+				allowClear: !f.required && f.allowClear !== !1,
+				onClose: A,
+				onConfirm: R
+			})
+		]
+	});
+}
+//#endregion
+export { f as WheelCascader };