@jc-times/business-ui 0.3.0 → 0.3.2

package/dist/ModalShell.js

@@ -1,34 +1,34 @@
 import { Button as e } from "./Button.js";
 import { OverlayContainerContext as t } from "./OverlayContainer.js";
-import { X as n } from "lucide-react";
-import { Children as r, Fragment as i, isValidElement as a, useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Children as n, Fragment as r, isValidElement as i, useCallback as a, useEffect as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { X as d } from "lucide-react";
 import * as f from "@radix-ui/react-dialog";
 //#region src/ModalShell.tsx
-function p({ backdropClassName: e = "", panelClassName: n = "", titleId: r, eyebrow: i, title: a, description: p, closeLabel: _, onClose: b, closeDisabled: x = !1, showCloseButton: S = !0, closeIconSize: C = 20, closeOnBackdrop: w = !1, rootRef: T, closeOnEscape: E = !0, initialFocus: D, returnFocus: O, role: k = "dialog", describedBy: A, children: j, footer: M, contentClassName: N = "", contentProps: P, footerClassName: F = "" }) {
-	let I = c(null), [L, R] = l(null), z = c(typeof document > "u" ? null : document.activeElement), B = o((e) => {
+function p({ backdropClassName: e = "", panelClassName: n = "", titleId: r, eyebrow: i, title: d, description: p, closeLabel: _, onClose: b, closeDisabled: x = !1, showCloseButton: S = !0, closeIconSize: C = 20, closeOnBackdrop: w = !1, rootRef: T, closeOnEscape: E = !0, initialFocus: D, returnFocus: O, role: k = "dialog", describedBy: A, children: j, footer: M, contentClassName: N = "", contentProps: P, footerClassName: F = "" }) {
+	let I = s(null), [L, R] = c(null), z = s(typeof document > "u" ? null : document.activeElement), B = a((e) => {
 		I.current = e, v(T, e);
-	}, [T]), V = c(!1), { ref: H, ...U } = P ?? {};
+	}, [T]), V = s(!1), { ref: H, ...U } = P ?? {};
 	function W() {
 		return [...document.querySelectorAll("[role='dialog'][aria-modal='true'],[role='alertdialog'][aria-modal='true']")].at(-1) === I.current;
 	}
 	function G() {
 		!x && W() && b();
 	}
-	s(() => {
+	o(() => {
 		h() && M === void 0 && !V.current && m(j) && (V.current = !0, console.warn("[business-ui] ModalShell 的直接 <footer> child 会位于可滚动正文区。固定底栏请改用 footer 属性，并用 footerClassName 定制样式；组件不会自动搬运 children。"));
 	}, [j, M]);
 	function K(e) {
 		w && e.target === e.currentTarget && G(), e.target.closest("button,a[href],input,select,textarea,[tabindex]") || e.preventDefault();
 	}
-	return /* @__PURE__ */ u(f.Root, {
+	return /* @__PURE__ */ l(f.Root, {
 		open: !0,
 		onOpenChange: (e) => {
 			e || G();
 		},
-		children: /* @__PURE__ */ u(f.Overlay, {
+		children: /* @__PURE__ */ l(f.Overlay, {
 			asChild: !0,
-			children: /* @__PURE__ */ u(f.Content, {
+			children: /* @__PURE__ */ l(f.Content, {
 				asChild: !0,
 				onEscapeKeyDown: (e) => {
 					(x || !E || I.current?.querySelector("[data-ui-aria-overlay]")) && e.preventDefault();
@@ -44,7 +44,7 @@ function p({ backdropClassName: e = "", panelClassName: n = "", titleId: r, eyeb
 						e?.isConnected && e.focus();
 					}
 				},
-				children: /* @__PURE__ */ u("div", {
+				children: /* @__PURE__ */ l("div", {
 					ref: B,
 					"data-ui-focus-managed": "radix",
 					className: `ui-modal-backdrop ${e}`.trim(),
@@ -54,51 +54,51 @@ function p({ backdropClassName: e = "", panelClassName: n = "", titleId: r, eyeb
 					"aria-describedby": A ?? (p === void 0 ? void 0 : `${r}-description`),
 					onMouseDown: K,
 					tabIndex: -1,
-					children: /* @__PURE__ */ d(t.Provider, {
+					children: /* @__PURE__ */ u(t.Provider, {
 						value: L,
-						children: [/* @__PURE__ */ d("section", {
+						children: [/* @__PURE__ */ u("section", {
 							className: `ui-modal ${n}`.trim(),
 							children: [
-								/* @__PURE__ */ d("header", {
+								/* @__PURE__ */ u("header", {
 									className: "ui-modal-header",
-									children: [/* @__PURE__ */ d("div", { children: [
-										i === void 0 ? null : /* @__PURE__ */ u("span", {
+									children: [/* @__PURE__ */ u("div", { children: [
+										i === void 0 ? null : /* @__PURE__ */ l("span", {
 											className: "ui-modal-eyebrow",
 											children: i
 										}),
-										/* @__PURE__ */ u(f.Title, {
+										/* @__PURE__ */ l(f.Title, {
 											asChild: !0,
-											children: /* @__PURE__ */ u("h2", {
+											children: /* @__PURE__ */ l("h2", {
 												id: r,
-												children: a
+												children: d
 											})
 										}),
-										p === void 0 ? null : /* @__PURE__ */ u(f.Description, {
+										p === void 0 ? null : /* @__PURE__ */ l(f.Description, {
 											asChild: !0,
-											children: /* @__PURE__ */ u("p", {
+											children: /* @__PURE__ */ l("p", {
 												id: `${r}-description`,
 												children: p
 											})
 										})
-									] }), S && /* @__PURE__ */ u(g, {
+									] }), S && /* @__PURE__ */ l(g, {
 										label: _,
 										disabled: x,
 										size: C,
 										onClose: G
 									})]
 								}),
-								/* @__PURE__ */ u("div", {
+								/* @__PURE__ */ l("div", {
 									...U,
 									ref: H,
 									className: `ui-modal-content ${N}`.trim(),
 									children: j
 								}),
-								M === void 0 ? null : /* @__PURE__ */ u("footer", {
+								M === void 0 ? null : /* @__PURE__ */ l("footer", {
 									className: `ui-modal-footer ${F}`.trim(),
 									children: M
 								})
 							]
-						}), /* @__PURE__ */ u("div", {
+						}), /* @__PURE__ */ l("div", {
 							ref: R,
 							className: "ui-overlay-container"
 						})]
@@ -109,21 +109,21 @@ function p({ backdropClassName: e = "", panelClassName: n = "", titleId: r, eyeb
 	});
 }
 function m(e) {
-	return r.toArray(e).some((e) => a(e) ? e.type === "footer" || e.type === i && m(e.props.children) : !1);
+	return n.toArray(e).some((e) => i(e) ? e.type === "footer" || e.type === r && m(e.props.children) : !1);
 }
 function h() {
 	return typeof process < "u" && process.env.NODE_ENV !== "production";
 }
-function g({ label: t, disabled: r, size: i, onClose: a }) {
-	return /* @__PURE__ */ u(e, {
+function g({ label: t, disabled: n, size: r, onClose: i }) {
+	return /* @__PURE__ */ l(e, {
 		className: "ui-modal-close",
 		variant: "ghost",
 		iconOnly: !0,
 		"aria-label": t,
-		onClick: a,
-		disabled: r,
-		children: /* @__PURE__ */ u(n, {
-			size: i,
+		onClick: i,
+		disabled: n,
+		children: /* @__PURE__ */ l(d, {
+			size: r,
 			"aria-hidden": "true"
 		})
 	});

package/dist/MultiSelect.js

@@ -1,45 +1,45 @@
 import { useOverlayContainer as e } from "./OverlayContainer.js";
-import { Check as t, ChevronDown as n, LoaderCircle as r } from "lucide-react";
-import { useMemo as i, useState 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, ComboBoxValue as d, Input as ee, Label as f, ListBox as te, ListBoxItem as ne, Popover as p, Tag as m, TagGroup as h, TagList as g, Text as _ } from "react-aria-components";
-import { ListLayout as v, Virtualizer as y } from "react-aria-components/Virtualizer";
+import { useMemo as t, useState as ee } from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Check as a, ChevronDown as o, LoaderCircle as s } from "lucide-react";
+import { Button as c, ComboBox as l, ComboBoxValue as te, Input as ne, Label as re, ListBox as u, ListBoxItem as d, Popover as f, Tag as p, TagGroup as m, TagList as h, Text as g } from "react-aria-components";
+import { ListLayout as ie, Virtualizer as _ } from "react-aria-components/Virtualizer";
 //#region src/MultiSelect.tsx
-var b = [], x = [], re = {
+var v = [], y = [], b = {
 	rowSize: 48,
 	gap: 2,
 	padding: 4
 };
-function S({ values: S, defaultValues: C = x, onValuesChange: ie, name: w, selectedItems: T = b, items: E, disabled: D, clearLabel: O = "清空选择", selectionLabel: k = "已选项", maxSelected: A, inputValue: j, defaultInputValue: M, onInputChange: N, required: P, label: F, placeholder: I = "搜索或选择", helpText: L, error: R, loading: z, emptyText: B = "没有匹配项", inputRef: V, inputProps: H, placement: U = "bottom start", portalContainer: W, virtualized: G = E.length > 100, className: K = "" }) {
-	let [q, J] = a(C), Y = S ?? q, ae = e(W), X = i(() => {
+function x({ values: x, defaultValues: S = y, onValuesChange: C, name: w, selectedItems: T = v, items: E, disabled: D, clearLabel: O = "清空选择", selectionLabel: k = "已选项", maxSelected: A, inputValue: j, defaultInputValue: M, onInputChange: N, required: P, label: F, placeholder: I = "搜索或选择", helpText: L, error: R, loading: z, emptyText: B = "没有匹配项", inputRef: V, inputProps: H, placement: U = "bottom start", portalContainer: W, virtualized: G = E.length > 100, className: K = "" }) {
+	let [q, J] = ee(S), Y = x ?? q, ae = e(W), X = t(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of T) e.set(t.id, t);
 		for (let t of E) e.set(t.id, t);
 		return e;
-	}, [T, E]), Z = i(() => [...Y], [Y]), oe = i(() => new Set(Y), [Y]), se = i(() => Z.map((e) => X.get(e) ?? {
+	}, [T, E]), Z = t(() => [...Y], [Y]), oe = t(() => new Set(Y), [Y]), se = t(() => Z.map((e) => X.get(e) ?? {
 		id: e,
 		label: e
-	}), [Z, X]), ce = i(() => [...E], [E]), le = A !== void 0 && Y.length >= A;
+	}), [Z, X]), ce = t(() => [...E], [E]), le = A !== void 0 && Y.length >= A;
 	function Q(e) {
-		D || A !== void 0 && e.length > A && e.length > Y.length || (S === void 0 && J(e), ie?.(e));
+		D || A !== void 0 && e.length > A && e.length > Y.length || (x === void 0 && J(e), C?.(e));
 	}
-	let $ = /* @__PURE__ */ s(te, {
+	let $ = /* @__PURE__ */ r(u, {
 		items: ce,
 		className: "ui-combobox-list",
 		layout: G ? "grid" : "stack",
-		renderEmptyState: () => /* @__PURE__ */ s("div", {
+		renderEmptyState: () => /* @__PURE__ */ r("div", {
 			className: "ui-combobox-empty",
 			children: z ? "正在加载…" : B
 		}),
-		children: (e) => /* @__PURE__ */ s(ne, {
+		children: (e) => /* @__PURE__ */ r(d, {
 			id: e.id,
 			textValue: e.label,
 			isDisabled: e.disabled || le && !oe.has(e.id),
 			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 })] })
+			children: ({ isSelected: t }) => /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ i("span", { children: [/* @__PURE__ */ r("strong", { children: e.label }), e.description && /* @__PURE__ */ r("small", { children: e.description })] }), t && /* @__PURE__ */ r(a, { size: 15 })] })
 		})
 	});
-	return /* @__PURE__ */ c(u, {
+	return /* @__PURE__ */ i(l, {
 		selectionMode: "multiple",
 		value: Z,
 		onChange: (e) => Q(e.map(String)),
@@ -54,47 +54,47 @@ function S({ values: S, defaultValues: C = x, onValuesChange: ie, name: w, selec
 		"aria-label": F === void 0 ? H?.["aria-label"] : void 0,
 		className: `ui-combobox ui-multi-select ${K}`.trim(),
 		children: [
-			F !== void 0 && /* @__PURE__ */ c(f, {
+			F !== void 0 && /* @__PURE__ */ i(re, {
 				className: "ui-form-label",
-				children: [F, P && /* @__PURE__ */ s("span", {
+				children: [F, P && /* @__PURE__ */ r("span", {
 					className: "ui-form-required",
 					"aria-hidden": "true",
 					children: "*"
 				})]
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ i("div", {
 				className: "ui-combobox-control",
-				children: [/* @__PURE__ */ s(ee, {
+				children: [/* @__PURE__ */ r(ne, {
 					...H,
 					ref: V,
 					className: "ui-input",
 					placeholder: I
-				}), /* @__PURE__ */ s(l, {
+				}), /* @__PURE__ */ r(c, {
 					className: "ui-combobox-trigger",
 					"aria-label": "展开选项",
-					children: s(z ? r : n, { size: 16 })
+					children: r(z ? s : o, { size: 16 })
 				})]
 			}),
-			/* @__PURE__ */ s(d, { children: () => Y.length > 0 ? /* @__PURE__ */ c("div", {
+			/* @__PURE__ */ r(te, { children: () => Y.length > 0 ? /* @__PURE__ */ i("div", {
 				className: "ui-multi-selection",
-				children: [/* @__PURE__ */ s(h, {
+				children: [/* @__PURE__ */ r(m, {
 					"aria-label": k,
 					onRemove: (e) => Q(Y.filter((t) => !e.has(t))),
-					disabledKeys: D ? Z : x,
-					children: /* @__PURE__ */ s(g, {
+					disabledKeys: D ? Z : y,
+					children: /* @__PURE__ */ r(h, {
 						items: se,
-						children: (e) => /* @__PURE__ */ c(m, {
+						children: (e) => /* @__PURE__ */ i(p, {
 							id: e.id,
 							textValue: e.label,
 							className: "ui-selection-tag",
-							children: [e.label, /* @__PURE__ */ s(l, {
+							children: [e.label, /* @__PURE__ */ r(c, {
 								slot: "remove",
 								"aria-label": `移除 ${e.label}`,
 								children: "×"
 							})]
 						})
 					})
-				}), /* @__PURE__ */ s("button", {
+				}), /* @__PURE__ */ r("button", {
 					type: "button",
 					disabled: D,
 					className: "ui-selection-clear",
@@ -102,31 +102,31 @@ function S({ values: S, defaultValues: C = x, onValuesChange: ie, name: w, selec
 					children: O
 				})]
 			}) : null }),
-			L !== void 0 && /* @__PURE__ */ s(_, {
+			L !== void 0 && /* @__PURE__ */ r(g, {
 				slot: "description",
 				className: "ui-form-help",
 				children: L
 			}),
-			R && /* @__PURE__ */ s(_, {
+			R && /* @__PURE__ */ r(g, {
 				slot: "errorMessage",
 				className: "ui-form-error",
 				children: R
 			}),
-			w && Y.map((e) => /* @__PURE__ */ s("input", {
+			w && Y.map((e) => /* @__PURE__ */ r("input", {
 				type: "hidden",
 				name: w,
 				value: e,
 				disabled: D
 			}, e)),
-			/* @__PURE__ */ s(p, {
+			/* @__PURE__ */ r(f, {
 				className: "ui-combobox-popover",
 				"data-ui-aria-overlay": "",
 				maxHeight: 320,
 				placement: U,
 				UNSTABLE_portalContainer: ae,
-				children: G ? /* @__PURE__ */ s(y, {
-					layout: v,
-					layoutOptions: re,
+				children: G ? /* @__PURE__ */ r(_, {
+					layout: ie,
+					layoutOptions: b,
 					children: $
 				}) : $
 			})
@@ -134,4 +134,4 @@ function S({ values: S, defaultValues: C = x, onValuesChange: ie, name: w, selec
 	});
 }
 //#endregion
-export { S as MultiSelect };
+export { x as MultiSelect };

package/dist/Pagination.js

@@ -1,5 +1,5 @@
-import { ChevronLeft as e, ChevronRight as t } from "lucide-react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { ChevronLeft as n, ChevronRight as r } from "lucide-react";
 //#region src/Pagination.tsx
 function i({ totalItems: i, page: c, pageSize: l, onPageChange: u, onPageSizeChange: d, itemLabel: f = "条记录", pageSizeOptions: p = [
 	10,
@@ -7,11 +7,11 @@ function i({ totalItems: i, page: c, pageSize: l, onPageChange: u, onPageSizeCha
 	50
 ], compact: m = !1 }) {
 	let h = a(i, l), g = o(c, i, l), _ = i ? (g - 1) * l + 1 : 0, v = Math.min(g * l, i);
-	return /* @__PURE__ */ r("nav", {
+	return /* @__PURE__ */ t("nav", {
 		className: `ui-pagination${m ? " compact" : ""}`,
 		"aria-label": "列表分页",
 		children: [
-			/* @__PURE__ */ r("span", {
+			/* @__PURE__ */ t("span", {
 				className: "ui-pagination-summary",
 				children: [
 					"共 ",
@@ -24,35 +24,35 @@ function i({ totalItems: i, page: c, pageSize: l, onPageChange: u, onPageSizeCha
 					v
 				]
 			}),
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ t("div", {
 				className: "ui-pagination-pages",
 				children: [
-					/* @__PURE__ */ n("button", {
+					/* @__PURE__ */ e("button", {
 						type: "button",
 						"aria-label": "上一页",
 						disabled: g <= 1,
 						onClick: () => u(g - 1),
-						children: /* @__PURE__ */ n(e, { size: 15 })
+						children: /* @__PURE__ */ e(n, { size: 15 })
 					}),
-					!m && s(g, h).map((e, t) => e === "ellipsis" ? /* @__PURE__ */ n("i", {
+					!m && s(g, h).map((t, n) => t === "ellipsis" ? /* @__PURE__ */ e("i", {
 						className: "ui-page-ellipsis",
 						children: "…"
-					}, `ellipsis-${t}`) : /* @__PURE__ */ n("button", {
+					}, `ellipsis-${n}`) : /* @__PURE__ */ e("button", {
 						type: "button",
-						className: `ui-page-number${e === g ? " active" : ""}`,
-						"aria-current": e === g ? "page" : void 0,
-						"aria-label": `第 ${e} 页`,
-						onClick: () => u(e),
-						children: e
-					}, e)),
-					m && /* @__PURE__ */ r("span", { children: [
+						className: `ui-page-number${t === g ? " active" : ""}`,
+						"aria-current": t === g ? "page" : void 0,
+						"aria-label": `第 ${t} 页`,
+						onClick: () => u(t),
+						children: t
+					}, t)),
+					m && /* @__PURE__ */ t("span", { children: [
 						"第 ",
 						g,
 						" / ",
 						h,
 						" 页"
 					] }),
-					!m && /* @__PURE__ */ r("span", {
+					!m && /* @__PURE__ */ t("span", {
 						className: "ui-pagination-auto-compact",
 						children: [
 							"第 ",
@@ -62,29 +62,29 @@ function i({ totalItems: i, page: c, pageSize: l, onPageChange: u, onPageSizeCha
 							" 页"
 						]
 					}),
-					/* @__PURE__ */ n("button", {
+					/* @__PURE__ */ e("button", {
 						type: "button",
 						"aria-label": "下一页",
 						disabled: g >= h,
 						onClick: () => u(g + 1),
-						children: /* @__PURE__ */ n(t, { size: 15 })
+						children: /* @__PURE__ */ e(r, { size: 15 })
 					})
 				]
 			}),
-			d && /* @__PURE__ */ r("label", {
+			d && /* @__PURE__ */ t("label", {
 				className: "ui-pagination-size",
 				children: [
-					/* @__PURE__ */ n("span", { children: "每页" }),
-					/* @__PURE__ */ n("select", {
+					/* @__PURE__ */ e("span", { children: "每页" }),
+					/* @__PURE__ */ e("select", {
 						"aria-label": "每页显示数量",
 						value: l,
 						onChange: (e) => d(Number(e.target.value)),
-						children: p.map((e) => /* @__PURE__ */ n("option", {
-							value: e,
-							children: e
-						}, e))
+						children: p.map((t) => /* @__PURE__ */ e("option", {
+							value: t,
+							children: t
+						}, t))
 					}),
-					/* @__PURE__ */ n("span", { children: "条" })
+					/* @__PURE__ */ e("span", { children: "条" })
 				]
 			})
 		]

package/dist/RecoverableAsyncState.js

@@ -1,28 +1,28 @@
 import { Button as e } from "./Button.js";
-import { AlertCircle as t, LoaderCircle as n, RefreshCw as r } from "lucide-react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { AlertCircle as r, LoaderCircle as i, RefreshCw as a } from "lucide-react";
 //#region src/RecoverableAsyncState.tsx
 function o(o) {
 	let s = o.phase === "error";
-	return /* @__PURE__ */ a("div", {
+	return /* @__PURE__ */ n("div", {
 		className: `ui-async-state${o.compact ? " compact" : ""}`,
 		role: s ? "alert" : "status",
 		"aria-live": s ? "assertive" : "polite",
 		children: [
-			s ? /* @__PURE__ */ i(t, {
+			s ? /* @__PURE__ */ t(r, {
 				"aria-hidden": "true",
 				size: 18
-			}) : /* @__PURE__ */ i(n, {
+			}) : /* @__PURE__ */ t(i, {
 				"aria-hidden": "true",
 				className: "spin",
 				size: 18
 			}),
-			/* @__PURE__ */ a("span", { children: [/* @__PURE__ */ i("strong", { children: s ? o.errorTitle : o.loadingTitle }), o.detail && /* @__PURE__ */ i("small", { children: o.detail })] }),
-			s && o.onRetry && /* @__PURE__ */ a(e, {
+			/* @__PURE__ */ n("span", { children: [/* @__PURE__ */ t("strong", { children: s ? o.errorTitle : o.loadingTitle }), o.detail && /* @__PURE__ */ t("small", { children: o.detail })] }),
+			s && o.onRetry && /* @__PURE__ */ n(e, {
 				variant: "outline",
 				size: "compact",
 				onClick: o.onRetry,
-				children: [/* @__PURE__ */ i(r, {
+				children: [/* @__PURE__ */ t(a, {
 					"aria-hidden": "true",
 					size: 15
 				}), o.retryLabel ?? "重新加载"]

package/dist/Select.js

@@ -1,60 +1,60 @@
 import { useOverlayContainer as e } from "./OverlayContainer.js";
 import { FormField as t } from "./FormField.js";
-import { Check as n, ChevronDown as r, ChevronUp as i } from "lucide-react";
-import { useId as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+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";
 //#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 = a(), k = S ?? O, A = e(E), j = /* @__PURE__ */ s(c.Root, {
+	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__ */ s(c.Trigger, {
+		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__ */ o(c.Value, { placeholder: g }), /* @__PURE__ */ o(c.Icon, { children: /* @__PURE__ */ o(r, { size: 16 }) })]
-		}), /* @__PURE__ */ o(c.Portal, {
+			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__ */ s(c.Content, {
+			children: /* @__PURE__ */ i(c.Content, {
 				className: "ui-select-content",
 				position: "popper",
 				sideOffset: 6,
 				collisionPadding: 10,
 				...D,
 				children: [
-					/* @__PURE__ */ o(c.ScrollUpButton, {
+					/* @__PURE__ */ r(c.ScrollUpButton, {
 						className: "ui-select-scroll",
-						children: /* @__PURE__ */ o(i, { size: 16 })
+						children: /* @__PURE__ */ r(s, { size: 16 })
 					}),
-					/* @__PURE__ */ o(c.Viewport, {
+					/* @__PURE__ */ r(c.Viewport, {
 						className: "ui-select-viewport",
-						children: m.map((e) => /* @__PURE__ */ s(c.Item, {
+						children: m.map((e) => /* @__PURE__ */ i(c.Item, {
 							value: e.value,
 							disabled: e.disabled,
 							className: "ui-select-item",
-							children: [/* @__PURE__ */ o(c.ItemText, { children: e.label }), /* @__PURE__ */ o(c.ItemIndicator, {
+							children: [/* @__PURE__ */ r(c.ItemText, { children: e.label }), /* @__PURE__ */ r(c.ItemIndicator, {
 								className: "ui-select-indicator",
-								children: /* @__PURE__ */ o(n, { size: 15 })
+								children: /* @__PURE__ */ r(a, { size: 15 })
 							})]
 						}, e.value))
 					}),
-					/* @__PURE__ */ o(c.ScrollDownButton, {
+					/* @__PURE__ */ r(c.ScrollDownButton, {
 						className: "ui-select-scroll",
-						children: /* @__PURE__ */ o(r, { size: 16 })
+						children: /* @__PURE__ */ r(o, { size: 16 })
 					})
 				]
 			})
 		})]
 	});
-	return h === void 0 && _ === void 0 && !v ? j : /* @__PURE__ */ o(t, {
+	return h === void 0 && _ === void 0 && !v ? j : /* @__PURE__ */ r(t, {
 		controlId: k,
 		label: h,
 		required: y,

package/dist/SortableList.js

@@ -1,32 +1,32 @@
 import { activeSortableTransfer as e, beginSortableTransfer as t, consumeSortableTransfer as n, endSortableTransfer as r, hasUniqueSortableTarget as i, registerSortableTarget as a, routeSortableTarget as o, useSortableTransferScope as s } from "./sortable-transfer-scope.js";
-import { GripVertical as c } from "lucide-react";
-import { useEffect as l, useLayoutEffect as u, useMemo as d, useRef as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useEffect as c, useLayoutEffect as l, useMemo as u, useRef as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { GripVertical as m } from "lucide-react";
 import { Button as h, GridList as g, GridListItem as _, useDragAndDrop as v } from "react-aria-components";
 //#region src/SortableList.tsx
 function y(s) {
-	let y = f(/* @__PURE__ */ new Set()), x = f({ mime: `application/x-ui-sortable-${Math.random().toString(36).slice(2)}` }).current, S = s.transferScope?.mime ?? x.mime, C = f(s);
-	C.current = s, l(() => () => {
+	let y = d(/* @__PURE__ */ new Set()), x = d({ mime: `application/x-ui-sortable-${Math.random().toString(36).slice(2)}` }).current, S = s.transferScope?.mime ?? x.mime, C = d(s);
+	C.current = s, c(() => () => {
 		r(s.transferScope, x);
-	}, [s.transferScope, x]), l(() => {
+	}, [s.transferScope, x]), c(() => {
 		s.disabled && (y.current.clear(), r(s.transferScope, x));
 	}, [
 		s.disabled,
 		s.transferScope,
 		x
 	]);
-	let w = d(() => s.items.map((e, t) => ({
+	let w = u(() => s.items.map((e, t) => ({
 		item: e,
 		index: t,
 		key: s.getKey(e)
-	})), [s.items, s.getKey]), T = d(() => {
+	})), [s.items, s.getKey]), T = u(() => {
 		let e = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Set();
 		for (let n of w) e.has(n.key) && t.add(n.key), e.set(n.key, n);
 		return {
 			index: e,
 			duplicates: t
 		};
-	}, [w]), E = f(T);
+	}, [w]), E = d(T);
 	E.current = T;
 	function D(e) {
 		let t = [...e].map((e) => E.current.duplicates.has(e) ? void 0 : E.current.index.get(e));
@@ -64,8 +64,8 @@ function y(s) {
 			external: a
 		};
 	}
-	let M = f(N);
-	M.current = N, u(() => a(s.transferScope, x, {
+	let M = d(N);
+	M.current = N, l(() => a(s.transferScope, x, {
 		accepts: (e) => E.current.index.has(e),
 		commit: (e, t) => M.current(e, t)
 	}), [s.transferScope, x]);
@@ -109,38 +109,38 @@ function y(s) {
 		onInsert: s.transferScope && s.onDropBetweenItems ? (e) => N(e.target.key, e.target.dropPosition) : void 0,
 		onItemDrop: s.transferScope && s.onDropOnItem ? (e) => N(e.target.key, "on") : void 0
 	});
-	return /* @__PURE__ */ p(g, {
+	return /* @__PURE__ */ f(g, {
 		"aria-label": s["aria-label"],
 		items: w,
-		renderEmptyState: s.renderEmptyState ?? (() => /* @__PURE__ */ p("span", {
+		renderEmptyState: s.renderEmptyState ?? (() => /* @__PURE__ */ f("span", {
 			className: "ui-sortable-empty",
 			children: s.onDropOnList && !s.disabled ? "拖动项目到此处" : "暂无项目"
 		})),
 		selectionMode: "none",
 		dragAndDropHooks: F,
 		className: ["ui-sortable-list", s.className].filter(Boolean).join(" "),
-		children: ({ item: e, index: t, key: n }) => /* @__PURE__ */ m(_, {
+		children: ({ item: e, index: t, key: n }) => /* @__PURE__ */ p(_, {
 			id: n,
 			textValue: s.getTextValue(e, t),
 			className: "ui-sortable-item",
 			children: [
-				!s.disabled && /* @__PURE__ */ p("span", {
+				!s.disabled && /* @__PURE__ */ f("span", {
 					className: "ui-sortable-placeholder",
 					"aria-hidden": "true",
 					children: s.draggingLabel ?? "原位置保留，松开后移动"
 				}),
-				/* @__PURE__ */ p(h, {
+				/* @__PURE__ */ f(h, {
 					slot: "drag",
 					className: "ui-sortable-handle",
 					isDisabled: s.disabled,
 					style: s.disabled ? { display: "none" } : void 0,
 					"aria-label": s.dragLabel?.(e, t) ?? `拖动第 ${t + 1} 项排序`,
-					children: /* @__PURE__ */ p(c, {
+					children: /* @__PURE__ */ f(m, {
 						"aria-hidden": "true",
 						size: 18
 					})
 				}),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ f("div", {
 					className: "ui-sortable-content",
 					style: s.disabled ? { gridColumn: "1 / -1" } : void 0,
 					children: s.renderItem(e, t)