@jc-times/business-ui 0.2.43

package/dist/AsyncDirectoryPicker.js

@@ -0,0 +1,134 @@
+import { AsyncSearchPicker as e } from "./AsyncSearchPicker.js";
+import { useEffect as t, useRef as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/AsyncDirectoryPicker.tsx
+function s({ selectedItem: s, loadItems: ee, getKey: c, getText: l, getSelectionText: u = l, renderItem: d, onSelect: te, onQueryChange: f, ownerKey: p = "", label: m, placeholder: h = "输入关键词搜索", searchLabel: g, loadingTitle: _, emptyText: v, minimumCharacters: y = 0, minimumCharactersText: ne, debounceMs: b = 200, cacheSize: x = 50, cacheTtlMs: S = 3e5, refreshKey: C, loadOnFocus: re = !0, disabled: w = !1, busy: T = !1, className: E, inputProps: D }) {
+	let O = s ? u(s) : "", [k, A] = r(O), [j, M] = r(O), [N, P] = r([]), [F, I] = r("idle"), [L, R] = r(!1), [z, B] = r(!1), [V, H] = r(!1), U = n(0), W = n(O);
+	W.current = O;
+	let [G, K] = r(""), q = n(null), J = n(0), Y = n(/* @__PURE__ */ new Map()), X = Number.isFinite(x) ? Math.max(0, Math.floor(x)) : 50, Z = n(X);
+	Z.current = X, t(() => {
+		for (; Y.current.size > X;) Y.current.delete(Y.current.keys().next().value);
+	}, [X]), t(() => () => {
+		J.current++, U.current++, q.current?.abort();
+	}, []), t(() => {
+		J.current++, q.current?.abort(), q.current = null, Y.current.clear(), U.current++, H(!1);
+		let e = s ? u(s) : "";
+		A(e), M(e), P([]), I("idle"), K("");
+	}, [p]), t(() => {
+		J.current++, q.current?.abort(), Y.current.clear(), P([]), I("idle");
+	}, [C, S]), t(() => {
+		J.current++, q.current?.abort(), U.current++, H(!1);
+		let e = s ? u(s) : "";
+		A(e), M(e), P([]), I("idle"), K("");
+	}, [s && c(s), s && u(s)]), t(() => {
+		if (w || T || V || L || z || k === j || k.trim().length < y) return;
+		let e = window.setTimeout(() => void Q(k), Math.max(0, b));
+		return () => window.clearTimeout(e);
+	}, [
+		k,
+		j,
+		w,
+		T,
+		V,
+		L,
+		z,
+		y,
+		b,
+		C,
+		S
+	]);
+	async function Q(e = k) {
+		let t = e.trim();
+		if (w || T || V || z || t.length < y) return;
+		let n = ++J.current;
+		q.current?.abort(), q.current = null;
+		let r = t, i = X > 0 ? Y.current.get(r) : void 0;
+		if (i && i.expires > Date.now()) {
+			Y.current.delete(r), Y.current.set(r, i), P(i.items), I("success"), K("");
+			return;
+		}
+		let a = new AbortController();
+		q.current = a, I("loading"), K("");
+		try {
+			let e = await ee(t, a.signal);
+			if (n !== J.current || a.signal.aborted) return;
+			if (Z.current > 0) for (Y.current.delete(r), Y.current.set(r, {
+				items: e,
+				expires: Date.now() + Math.max(0, S)
+			}); Y.current.size > Z.current;) Y.current.delete(Y.current.keys().next().value);
+			P(e), I("success");
+		} catch (e) {
+			if (n !== J.current || a.signal.aborted) return;
+			K(e instanceof Error ? e.message : "目录查询失败"), I("error");
+		} finally {
+			n === J.current && (q.current = null);
+		}
+	}
+	function $(e) {
+		J.current++, q.current?.abort(), q.current = null, A(e), M(""), P([]), I("idle"), K(""), f?.(e);
+	}
+	async function ie(e) {
+		J.current++, q.current?.abort(), q.current = null;
+		let t = ++U.current, n = u(e);
+		A(n), M(n), P([]), I("idle"), H(!0), K("");
+		try {
+			await te(e);
+		} catch (e) {
+			if (t !== U.current) return;
+			A(W.current), M(W.current), K(e instanceof Error ? e.message : "选择保存失败");
+		} finally {
+			t === U.current && H(!1);
+		}
+	}
+	function ae(e) {
+		D?.onFocus?.(e), !e.defaultPrevented && re && !s && F === "idle" && !N.length && k.trim().length >= y && Q(k);
+	}
+	function oe(e) {
+		D?.onKeyDown?.(e), (e.key === "Backspace" || e.key === "Delete") && R(!0);
+	}
+	function se(e) {
+		D?.onKeyUp?.(e), (e.key === "Backspace" || e.key === "Delete") && R(!1);
+	}
+	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(e, {
+		query: k,
+		onQueryChange: $,
+		onSearch: () => void Q(),
+		items: N,
+		getKey: c,
+		getText: l,
+		renderItem: d,
+		onSelect: ie,
+		status: F,
+		error: G,
+		label: m,
+		searchLabel: g,
+		loadingTitle: _,
+		emptyText: v,
+		minimumCharacters: y,
+		minimumCharactersText: ne,
+		busy: T || V,
+		disabled: w,
+		className: E,
+		inputProps: {
+			...D,
+			placeholder: h,
+			onFocus: ae,
+			onKeyDown: oe,
+			onKeyUp: se,
+			onCompositionStart: (e) => {
+				B(!0), D?.onCompositionStart?.(e);
+			},
+			onCompositionEnd: (e) => {
+				B(!1), D?.onCompositionEnd?.(e);
+			},
+			onBlur: (e) => {
+				D?.onBlur?.(e), R(!1);
+			}
+		}
+	}), G && F === "idle" && /* @__PURE__ */ a("div", {
+		role: "alert",
+		children: G
+	})] });
+}
+//#endregion
+export { s as AsyncDirectoryPicker };

package/dist/AsyncSearchPicker.js

@@ -0,0 +1,155 @@
+import { Button as e } from "./Button.js";
+import { TextInput as t } from "./FormField.js";
+import { RecoverableAsyncState as n } from "./RecoverableAsyncState.js";
+import { memo as r, 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";
+//#region src/AsyncSearchPicker.tsx
+function d({ query: r, onQueryChange: d, onSearch: p, items: h, getKey: g, getText: _, renderItem: v, onSelect: y, status: b = "idle", error: x, label: S, searchLabel: C = "查询", loadingTitle: w = "正在查询", emptyText: T = "没有匹配项", minimumCharacters: E = 0, minimumCharactersText: D = (e) => `请至少输入 ${e} 个字符`, busy: O = !1, disabled: k = !1, className: A = "", inputRef: j, inputProps: M }) {
+	let N = `ui-async-picker-${o().replaceAll(":", "")}`, [P, F] = c(-1), [I, L] = c(!1), R = s(/* @__PURE__ */ new Map()), z = s(null), [B, V] = c(320), H = k || O || b === "loading", U = r.trim().length < E, W = !I && b === "success" && !U, G = P >= 0 && P < h.length ? h[P] : void 0;
+	a(() => {
+		F(-1);
+	}, [r, h]), a(() => {
+		let e = (e) => {
+			z.current?.contains(e.target) || (L(!0), F(-1));
+		};
+		return document.addEventListener("pointerdown", e, !0), () => document.removeEventListener("pointerdown", e, !0);
+	}, []), a(() => {
+		if (!W || h.length === 0) return;
+		let e = window.visualViewport, t = 0, n = () => {
+			t && window.cancelAnimationFrame(t), t = window.requestAnimationFrame(() => {
+				t = 0;
+				let n = z.current?.querySelector(".ui-async-search-control");
+				if (!n) return;
+				let r = (e?.offsetTop ?? 0) + (e?.height ?? window.innerHeight), i = Math.floor(r - n.getBoundingClientRect().bottom - 12);
+				V(Math.max(96, Math.min(320, i)));
+			});
+		};
+		return n(), e?.addEventListener("resize", n), e?.addEventListener("scroll", n), window.addEventListener("resize", n), () => {
+			t && window.cancelAnimationFrame(t), e?.removeEventListener("resize", n), e?.removeEventListener("scroll", n), window.removeEventListener("resize", n);
+		};
+	}, [h.length, W]);
+	function K() {
+		!H && !U && (L(!1), p(r));
+	}
+	let q = i((e) => {
+		H || (y(e), L(!0), F(-1));
+	}, [H, y]);
+	function J(e) {
+		if (!h.length) return;
+		let t = (e + h.length) % h.length;
+		F(t);
+		let n = R.current.get(g(h[t]));
+		typeof n?.scrollIntoView == "function" && n.scrollIntoView({ block: "nearest" });
+	}
+	function Y(e) {
+		M?.onKeyDown?.(e), !(e.defaultPrevented || e.nativeEvent.isComposing) && (e.key === "ArrowDown" && W && h.length ? (e.preventDefault(), J(P + 1)) : e.key === "ArrowUp" && W && h.length ? (e.preventDefault(), J(P <= 0 ? h.length - 1 : P - 1)) : e.key === "Enter" ? (e.preventDefault(), G && W ? q(G) : K()) : (e.key === "Escape" || e.key === "Tab") && (L(!0), F(-1)));
+	}
+	return /* @__PURE__ */ u("div", {
+		ref: z,
+		className: `ui-async-search-picker ${A}`.trim(),
+		onBlur: (e) => {
+			e.currentTarget.contains(e.relatedTarget) || (L(!0), F(-1));
+		},
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: "ui-async-search-control",
+				children: [/* @__PURE__ */ l(t, {
+					...M,
+					ref: j,
+					label: S,
+					value: r,
+					disabled: k || O,
+					onFocus: (e) => {
+						L(!1), M?.onFocus?.(e);
+					},
+					onChange: (e) => {
+						L(!1), d(e.target.value);
+					},
+					onKeyDown: Y,
+					role: "combobox",
+					"aria-autocomplete": "list",
+					"aria-expanded": W && h.length > 0,
+					"aria-controls": W && h.length > 0 ? `${N}-list` : void 0,
+					"aria-activedescendant": W && G ? `${N}-${f(g(G))}` : void 0
+				}), /* @__PURE__ */ l(e, {
+					variant: "primary",
+					busy: O || b === "loading",
+					disabled: k || U,
+					onClick: K,
+					children: C
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "ui-async-search-status",
+				"aria-live": "polite",
+				children: [
+					U ? D(E) : null,
+					!I && !U && b === "loading" ? /* @__PURE__ */ l(n, {
+						compact: !0,
+						phase: "loading",
+						loadingTitle: w,
+						errorTitle: ""
+					}) : null,
+					!I && !U && b === "error" ? /* @__PURE__ */ l(n, {
+						compact: !0,
+						phase: "error",
+						loadingTitle: "",
+						errorTitle: "查询失败",
+						detail: x,
+						onRetry: H ? void 0 : K,
+						retryLabel: "重试"
+					}) : null,
+					W && h.length === 0 ? /* @__PURE__ */ l("div", {
+						className: "ui-async-search-empty",
+						children: T
+					}) : null
+				]
+			}),
+			W && h.length > 0 ? /* @__PURE__ */ l("div", {
+				id: `${N}-list`,
+				role: "listbox",
+				className: "ui-async-search-list",
+				style: { maxHeight: B },
+				children: h.map((e, t) => {
+					let n = g(e);
+					return /* @__PURE__ */ l(m, {
+						item: e,
+						index: t,
+						optionKey: n,
+						id: `${N}-${f(n)}`,
+						selected: P === t,
+						refs: R.current,
+						activate: F,
+						select: q,
+						getText: _,
+						renderItem: v
+					}, n);
+				})
+			}) : null
+		]
+	});
+}
+function f(e) {
+	return e.replace(/[^a-zA-Z0-9_-]/g, "-");
+}
+function p({ item: e, index: t, optionKey: n, id: r, selected: a, refs: o, activate: s, select: c, getText: u, renderItem: d }) {
+	let f = i((e) => {
+		e ? o.set(n, e) : o.delete(n);
+	}, [o, n]);
+	return /* @__PURE__ */ l("button", {
+		ref: f,
+		id: r,
+		type: "button",
+		role: "option",
+		"aria-selected": a,
+		className: "ui-async-search-option",
+		tabIndex: -1,
+		onMouseEnter: () => s(t),
+		onClick: () => c(e),
+		"aria-label": u(e),
+		children: d(e)
+	});
+}
+var m = r(p);
+//#endregion
+export { d as AsyncSearchPicker };

package/dist/AutoComplete.js

@@ -0,0 +1,34 @@
+import { Combobox as e } from "./Combobox.js";
+import { useMemo as t, useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/AutoComplete.tsx
+function i({ value: i, defaultValue: a = "", onChange: o, onSelect: s, items: c, ...l }) {
+	let [u, d] = n(a), f = i ?? u, p = t(() => {
+		let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
+		for (let n of c) e.set(n.id, n), t.has(n.label) || t.set(n.label, n.id);
+		return {
+			byId: e,
+			byLabel: t
+		};
+	}, [c]), m = p.byLabel.get(f) ?? null;
+	function h(e) {
+		i === void 0 && d(e), o?.(e);
+	}
+	function g(e) {
+		if (e === null) return;
+		let t = p.byId.get(e);
+		t && (h(t.label), s?.(t));
+	}
+	return /* @__PURE__ */ r(e, {
+		...l,
+		items: c,
+		inputValue: f,
+		onInputChange: h,
+		selectedKey: m,
+		onSelectionChange: g,
+		allowsCustomValue: !0
+	});
+}
+var a = i;
+//#endregion
+export { i as AutoComplete, a as Autocomplete };

package/dist/Badge.js

@@ -0,0 +1,14 @@
+import { joinClassNames as e } from "./classNames.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/Badge.tsx
+var r = t(function({ tone: t = "neutral", size: r = "medium", className: i, children: a, ...o }, s) {
+	return /* @__PURE__ */ n("span", {
+		...o,
+		ref: s,
+		className: e("ui-badge", `ui-badge-${t}`, `ui-badge-${r}`, i),
+		children: a
+	});
+});
+//#endregion
+export { r as Badge };

package/dist/Button.js

@@ -0,0 +1,54 @@
+import { LoaderCircle as e } from "lucide-react";
+import { forwardRef as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/Button.tsx
+var i = t(function({ variant: t = "secondary", size: i = "default", iconOnly: a = !1, busy: s = !1, busyLabel: c, className: l = "", disabled: u, children: d, type: f = "button", ...p }, m) {
+	return /* @__PURE__ */ r("button", {
+		...p,
+		ref: m,
+		type: f,
+		className: o({
+			variant: t,
+			size: i,
+			iconOnly: a,
+			className: l
+		}),
+		disabled: u || s,
+		"aria-busy": s || void 0,
+		children: [s && /* @__PURE__ */ n(e, {
+			className: "ui-button-spinner",
+			size: 16,
+			"aria-hidden": "true"
+		}), s && c !== void 0 ? c : d]
+	});
+}), a = t(function({ variant: e = "secondary", size: t = "default", iconOnly: r = !1, className: i = "", disabled: a = !1, href: s, role: c, tabIndex: l, onClick: u, ...d }, f) {
+	let p = (e) => {
+		a ? (e.preventDefault(), e.stopPropagation()) : u?.(e);
+	};
+	return /* @__PURE__ */ n("a", {
+		...d,
+		ref: f,
+		href: a ? void 0 : s,
+		className: o({
+			variant: e,
+			size: t,
+			iconOnly: r,
+			className: i
+		}),
+		role: a ? c ?? "link" : c,
+		"aria-disabled": a || void 0,
+		tabIndex: a ? -1 : l,
+		onClick: p
+	});
+});
+function o({ variant: e = "secondary", size: t = "default", iconOnly: n = !1, className: r = "" } = {}) {
+	return [
+		"ui-button",
+		`ui-button-${e}`,
+		`ui-button-${t}`,
+		n ? "ui-button-icon" : "",
+		r
+	].filter(Boolean).join(" ");
+}
+//#endregion
+export { i as Button, a as LinkButton, o as buttonClassName };

package/dist/Cascader.js

@@ -0,0 +1,141 @@
+import { useOverlayContainer as e } from "./OverlayContainer.js";
+import { FormField as t } from "./FormField.js";
+import { ChevronDown as n, ChevronRight as r, LoaderCircle as i, X as a } from "lucide-react";
+import { useCallback as o, useEffect as s, useId as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import p from "@rc-component/cascader";
+//#region src/Cascader.tsx
+function m(m) {
+	let g = c(), [_, v] = u(!1);
+	s(() => {
+		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 = l(null), O = o((e) => {
+		D.current = e, typeof C == "function" ? C(e) : C && (C.current = e);
+	}, [C]);
+	s(() => {
+		D.current?.setCustomValidity(m.required && !m.value.length ? "请选择一个选项" : "");
+	}, [m.required, m.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,
+		prefixCls: "ui-cascader",
+		className: m.className,
+		disabled: m.disabled,
+		open: y,
+		onPopupVisibleChange: (e) => {
+			v(e), m.onOpenChange?.(e);
+		},
+		onInputKeyDown: (e) => {
+			e.key === "Escape" && y && !e.nativeEvent.isComposing && (e.preventDefault(), e.stopPropagation(), v(!1), m.onOpenChange?.(!1));
+		},
+		showAction: [],
+		placeholder: m.placeholder ?? "请选择或搜索",
+		notFoundContent: m.emptyText ?? "没有匹配的选项",
+		allowClear: m.allowClear !== !1 && {
+			clearIcon: /* @__PURE__ */ d(a, { size: 14 }),
+			label: m.clearLabel ?? "清除选择"
+		},
+		suffix: /* @__PURE__ */ d(n, { size: 16 }),
+		expandIcon: /* @__PURE__ */ d(r, { size: 14 }),
+		loadingIcon: /* @__PURE__ */ d(i, { 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)),
+			render: (e, t) => t.map((e) => e.label).join(" / "),
+			limit: 50
+		} : !1,
+		displayRender: (e) => e.join(" / "),
+		getPopupContainer: (e) => x instanceof HTMLElement ? x : e.ownerDocument.body,
+		popupMatchSelectWidth: !1,
+		components: { input: /* @__PURE__ */ d("input", {
+			...S,
+			ref: O,
+			id: b,
+			placeholder: "",
+			required: m.required && !m.value.length,
+			"aria-required": m.required || void 0,
+			"aria-invalid": E ? !0 : S?.["aria-invalid"],
+			"aria-describedby": k
+		}) },
+		tagRender: ({ label: e, closable: t, onClose: n }) => /* @__PURE__ */ f("span", {
+			className: "ui-cascader-tag",
+			children: [/* @__PURE__ */ d("span", { children: e }), t && /* @__PURE__ */ d("button", {
+				type: "button",
+				"aria-label": `移除 ${String(e)}`,
+				onMouseDown: (e) => {
+					e.preventDefault(), e.stopPropagation();
+				},
+				onClick: (e) => {
+					e.stopPropagation(), n();
+				},
+				children: /* @__PURE__ */ d(a, { size: 12 })
+			})]
+		})
+	};
+	return /* @__PURE__ */ f(t, {
+		controlId: b,
+		label: w,
+		helpText: T,
+		error: E,
+		required: m.required,
+		children: [y && /* @__PURE__ */ d("span", {
+			hidden: !0,
+			"data-ui-aria-overlay": ""
+		}), m.multiple ? /* @__PURE__ */ d(p, {
+			...A,
+			checkable: !0,
+			checkStrictly: m.checkStrictly ?? !0,
+			maxTagCount: m.maxTagCount ?? 3,
+			value: m.value,
+			onChange: (e, t) => m.onValueChange(e ?? [], t ?? [])
+		}) : /* @__PURE__ */ d(p, {
+			...A,
+			value: m.value,
+			onChange: (e, t) => m.onValueChange(e ?? [], t ?? [])
+		})]
+	});
+}
+function h(e) {
+	return e.replace(/[\s/]+/gu, "").toLocaleLowerCase();
+}
+function g(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");
+		t.set(n.id, {
+			value: n.id,
+			label: n.label,
+			disabled: n.disabled
+		});
+	}
+	let r = [];
+	for (let i of e) {
+		let e = /* @__PURE__ */ new Set([i.id]), a = i.parentId;
+		for (; a && t.has(a);) {
+			if (e.has(a)) throw Error("Cascader hierarchy contains a cycle");
+			e.add(a), a = n.get(a);
+		}
+		let o = t.get(i.id), s = i.parentId ? t.get(i.parentId) : void 0;
+		s ? (s.children ??= []).push(o) : r.push(o);
+	}
+	return r;
+}
+function _(e) {
+	let t = /* @__PURE__ */ new Map();
+	function n(e, r) {
+		for (let i of e) {
+			if (t.has(i.value)) throw Error("ID path indexing requires globally unique values");
+			let e = [...r, i.value];
+			t.set(i.value, e), i.children && n(i.children, e);
+		}
+	}
+	return n(e, []), t;
+}
+//#endregion
+export { m as Cascader, g as buildCascaderOptions, _ as indexCascaderPaths };

package/dist/Combobox.js

@@ -0,0 +1,106 @@
+import { useOverlayContainer as e } from "./OverlayContainer.js";
+import { Check as t, ChevronDown as n, LoaderCircle as r } from "lucide-react";
+import { useId as i, useMemo as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Button as l, ComboBox as u, Input as d, Label as f, ListBox as p, ListBoxItem as m, Popover as h, Text as g } from "react-aria-components";
+import { ListLayout as _, Virtualizer as v } from "react-aria-components/Virtualizer";
+//#region src/Combobox.tsx
+var y = {
+	rowSize: 48,
+	gap: 2,
+	padding: 4
+};
+function b({ items: b, label: x, placeholder: S = "搜索或选择", inputValue: C, defaultInputValue: w, selectedKey: T, defaultSelectedKey: E, onInputChange: D, onSelectionChange: O, loading: k = !1, disabled: A = !1, required: j = !1, allowsCustomValue: M = !1, emptyText: N = "没有匹配项", helpText: P, error: F, virtualized: I = b.length > 100, className: L = "", inputRef: R, inputProps: z, placement: B = "bottom start", portalContainer: V }) {
+	let H = `ui-combobox-${i().replaceAll(":", "")}`, U = e(V), W = a(() => Array.from(b), [b]), G = /* @__PURE__ */ s(p, {
+		className: "ui-combobox-list",
+		items: W,
+		layout: I ? "grid" : "stack",
+		renderEmptyState: () => /* @__PURE__ */ s("div", {
+			className: "ui-combobox-empty",
+			children: k ? "正在加载…" : N
+		}),
+		children: (e) => /* @__PURE__ */ s(m, {
+			id: e.id,
+			textValue: e.label,
+			isDisabled: e.disabled,
+			className: "ui-combobox-item",
+			children: ({ isSelected: n }) => /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ c("span", { children: [/* @__PURE__ */ s("strong", { children: e.label }), e.description && /* @__PURE__ */ s("small", { children: e.description })] }), n && /* @__PURE__ */ s(t, {
+				size: 15,
+				"aria-hidden": "true"
+			})] })
+		})
+	});
+	return /* @__PURE__ */ c(u, {
+		className: `ui-combobox ${L}`.trim(),
+		inputValue: C,
+		defaultInputValue: w,
+		selectedKey: T,
+		defaultSelectedKey: E,
+		onInputChange: D,
+		onSelectionChange: (e) => O?.(e === null ? null : String(e)),
+		isDisabled: A,
+		isRequired: j,
+		allowsCustomValue: M,
+		menuTrigger: "focus",
+		"aria-label": x === void 0 ? z?.["aria-label"] : void 0,
+		"aria-labelledby": x === void 0 ? z?.["aria-labelledby"] : void 0,
+		children: [
+			x === void 0 ? null : /* @__PURE__ */ c(f, {
+				className: "ui-form-label",
+				children: [x, j && /* @__PURE__ */ s("span", {
+					className: "ui-form-required",
+					"aria-hidden": "true",
+					children: "*"
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "ui-combobox-control",
+				children: [/* @__PURE__ */ s(d, {
+					...z,
+					ref: R,
+					id: H,
+					className: "ui-input",
+					placeholder: S,
+					"aria-invalid": F ? !0 : z?.["aria-invalid"]
+				}), /* @__PURE__ */ s(l, {
+					className: "ui-combobox-trigger",
+					"aria-label": "展开选项",
+					children: k ? /* @__PURE__ */ s(r, {
+						className: "spin",
+						size: 16
+					}) : /* @__PURE__ */ s(n, { size: 16 })
+				})]
+			}),
+			P === void 0 ? null : /* @__PURE__ */ s(g, {
+				slot: "description",
+				className: "ui-form-help",
+				children: P
+			}),
+			F === void 0 || F === "" ? null : /* @__PURE__ */ s(g, {
+				slot: "errorMessage",
+				className: "ui-form-error",
+				children: F
+			}),
+			/* @__PURE__ */ c(h, {
+				className: "ui-combobox-popover",
+				"data-ui-aria-overlay": "",
+				maxHeight: 320,
+				placement: B,
+				UNSTABLE_portalContainer: U,
+				children: [k && /* @__PURE__ */ c("div", {
+					className: "ui-combobox-loading",
+					children: [/* @__PURE__ */ s(r, {
+						className: "spin",
+						size: 15
+					}), "正在加载"]
+				}), I ? /* @__PURE__ */ s(v, {
+					layout: _,
+					layoutOptions: y,
+					children: G
+				}) : G]
+			})
+		]
+	});
+}
+//#endregion
+export { b as Combobox };

package/dist/ConfirmDialog.js

@@ -0,0 +1,48 @@
+import { Button as e } from "./Button.js";
+import { ModalShell as t } from "./ModalShell.js";
+import { useId as n, useRef as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/ConfirmDialog.tsx
+function s({ open: s, title: c, description: l, confirmLabel: u = "确认", cancelLabel: d = "取消", confirmVariant: f = "primary", busy: p = !1, busyLabel: m = "处理中", closeOnEscape: h = !0, initialFocus: g = "cancel", returnFocus: _, onConfirm: v, onCancel: y, children: b }) {
+	let x = `ui-confirm-${n().replaceAll(":", "")}`, S = r(null), C = r(null);
+	if (!s) return null;
+	let w = g === "cancel" ? S : g === "confirm" ? C : g;
+	return /* @__PURE__ */ a(t, {
+		titleId: `${x}-title`,
+		describedBy: l === void 0 ? void 0 : `${x}-description`,
+		title: c,
+		description: l === void 0 ? void 0 : /* @__PURE__ */ a("span", {
+			id: `${x}-description`,
+			children: l
+		}),
+		closeLabel: "关闭确认对话框",
+		onClose: y,
+		closeDisabled: p,
+		closeOnEscape: h,
+		initialFocus: w,
+		returnFocus: _,
+		role: "alertdialog",
+		showCloseButton: !1,
+		footerClassName: "ui-confirm-dialog-actions",
+		footer: /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(e, {
+			ref: S,
+			variant: "outline",
+			disabled: p,
+			onClick: y,
+			children: d
+		}), /* @__PURE__ */ a(e, {
+			ref: C,
+			variant: f,
+			busy: p,
+			busyLabel: m,
+			onClick: v,
+			children: u
+		})] }),
+		children: b === void 0 ? null : /* @__PURE__ */ a("div", {
+			className: "ui-confirm-dialog-body",
+			children: b
+		})
+	});
+}
+//#endregion
+export { s as ConfirmDialog };