@chain-ui/core 0.1.1

package/dist/index.js

@@ -0,0 +1,1051 @@
+import e, { forwardRef as t, useCallback as n, useEffect as r, useId as i, useMemo as a, useRef as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { createPortal as d } from "react-dom";
+//#region src/components/button/button.tsx
+var f = t(function({ variant: e = "solid", color: t = "primary", size: n = "md", shape: r = "default", disabled: i = !1, loading: a = !1, icon: o, iconRight: s, children: c, onClick: d, className: f, htmlType: p, ariaLabel: m, ...h }, g) {
+	let _ = i || a;
+	return /* @__PURE__ */ u("button", {
+		ref: g,
+		type: p,
+		className: [
+			"chain-btn",
+			`chain-btn--${e}`,
+			`chain-btn--${t}`,
+			`chain-btn--${n}`,
+			r !== "default" && `chain-btn--${r}`,
+			_ && "chain-btn--disabled",
+			a && "chain-btn--loading",
+			f
+		].filter(Boolean).join(" "),
+		disabled: _,
+		"aria-disabled": _ || void 0,
+		"aria-busy": a || void 0,
+		"aria-label": m,
+		onClick: (e) => {
+			_ || d?.(e);
+		},
+		...h,
+		children: [
+			a && /* @__PURE__ */ l("span", {
+				className: "chain-btn__spinner",
+				"aria-hidden": "true"
+			}),
+			!a && o && /* @__PURE__ */ l("span", {
+				className: "chain-btn__icon",
+				children: o
+			}),
+			c && /* @__PURE__ */ l("span", { children: c }),
+			!a && s && /* @__PURE__ */ l("span", {
+				className: "chain-btn__icon--right",
+				children: s
+			})
+		]
+	});
+}), p = t(function({ value: e, defaultValue: t, onChange: n, variant: r = "outline", size: i = "md", status: a = "default", disabled: o = !1, readOnly: c = !1, prefix: d, suffix: f, allowClear: p = !1, clearAriaLabel: m = "Clear input", showCount: h = !1, maxLength: g, className: _, style: v, ...y }, b) {
+	let [x, S] = s(t ?? ""), C = e !== void 0, w = C ? e : x, T = (e) => {
+		if (o || c) return;
+		let t = e.target.value;
+		C || S(t), n?.(t, e);
+	}, E = () => {
+		C || S(""), n?.("", { target: { value: "" } });
+	}, D = p && w.length > 0 && !o && !c;
+	return /* @__PURE__ */ u("div", {
+		className: [
+			"chain-input",
+			`chain-input--${r}`,
+			`chain-input--${i}`,
+			a !== "default" && `chain-input--${a}`,
+			o && "chain-input--disabled",
+			c && "chain-input--readonly",
+			_
+		].filter(Boolean).join(" "),
+		style: v,
+		children: [
+			d && /* @__PURE__ */ l("span", {
+				className: "chain-input__prefix",
+				children: d
+			}),
+			/* @__PURE__ */ l("input", {
+				ref: b,
+				className: "chain-input__field",
+				value: w,
+				defaultValue: C ? void 0 : t,
+				onChange: T,
+				disabled: o,
+				readOnly: c,
+				maxLength: g,
+				"aria-disabled": o || void 0,
+				"aria-invalid": a === "error" || void 0,
+				...y
+			}),
+			(D || h || f) && /* @__PURE__ */ u("span", {
+				className: "chain-input__suffix",
+				children: [
+					D && /* @__PURE__ */ l("span", {
+						className: "chain-input__clear",
+						onClick: E,
+						role: "button",
+						tabIndex: 0,
+						"aria-label": m,
+						children: "×"
+					}),
+					h && /* @__PURE__ */ u("span", {
+						className: "chain-input__count",
+						children: [w.length, g !== void 0 && ` / ${g}`]
+					}),
+					f
+				]
+			})
+		]
+	});
+});
+//#endregion
+//#region src/components/form-item/form-item.tsx
+function m(t, n) {
+	if (n === "default" || !e.isValidElement(t)) return t;
+	let r = t.type;
+	return typeof r == "function" || typeof r == "object" && r ? e.cloneElement(t, { status: n }) : t;
+}
+var h = t(function({ label: t, labelWidth: n = 120, labelAlign: r = "right", required: i = !1, requiredMark: a = "*", colon: o = !0, colonText: s = "：", status: c = "default", help: d, layout: f = "horizontal", children: p, className: h, style: g, ..._ }, v) {
+	let y = t != null, b = () => {
+		if (!y) return null;
+		let e = o && typeof t == "string" && t.length > 0;
+		return /* @__PURE__ */ u("label", {
+			className: ["chain-form-item__label", r === "right" && "chain-form-item__label--right"].filter(Boolean).join(" "),
+			style: { width: typeof n == "number" ? `${n}px` : n },
+			children: [
+				i && /* @__PURE__ */ l("span", {
+					className: "chain-form-item__label-required",
+					"aria-hidden": "true",
+					children: a
+				}),
+				/* @__PURE__ */ l("span", {
+					className: "chain-form-item__label-text",
+					children: t
+				}),
+				e && /* @__PURE__ */ l("span", {
+					className: "chain-form-item__label-colon",
+					children: s
+				})
+			]
+		});
+	}, x = [
+		"chain-form-item",
+		`chain-form-item--${f}`,
+		c !== "default" && `chain-form-item--${c}`,
+		i && "chain-form-item--required",
+		h
+	].filter(Boolean).join(" "), S = ["chain-form-item__help", c !== "default" && `chain-form-item__help--${c}`].filter(Boolean).join(" "), C = c !== "default" && e.Children.count(p) === 1 ? m(e.Children.toArray(p)[0], c) : p;
+	return /* @__PURE__ */ u("div", {
+		ref: v,
+		className: x,
+		style: g,
+		..._,
+		children: [
+			b(),
+			/* @__PURE__ */ l("div", {
+				className: "chain-form-item__control",
+				children: C
+			}),
+			d && /* @__PURE__ */ l("div", {
+				className: S,
+				children: d
+			})
+		]
+	});
+});
+//#endregion
+//#region src/components/select/select.tsx
+function g(e, t) {
+	return e === t.value;
+}
+var _ = t(function({ value: e, defaultValue: t, onChange: i, options: a = [], variant: c = "outline", size: f = "md", status: p = "default", disabled: m = !1, loading: h = !1, allowClear: _ = !1, placeholder: v = "Please select", mode: y = "single", showSearch: b = !1, prefix: x, suffix: S, emptyText: C = "暂无数据", clearAriaLabel: w = "Clear selection", searchPlaceholder: T = "Search", expandAriaLabel: E = "Expand", collapseAriaLabel: D = "Collapse", removeAriaLabel: O = "Remove", dropdownClassName: k, dropdownStyle: A, getPopupContainer: j, className: M, style: N, ...P }, F) {
+	let I = e !== void 0, [ee, te] = s(t ?? (y === "multiple" ? [] : "")), L = I ? e : ee, [R, z] = s(!1), [B, V] = s(-1), [H, U] = s(""), [W, ne] = s({
+		top: 0,
+		left: 0,
+		width: 0
+	}), G = o(null), re = o(null), ie = o(null), K = o(null), q = m || h, J = n((e, t) => {
+		I || te(e), i?.(e, t);
+	}, [I, i]), ae = a.filter((e) => y === "multiple" && Array.isArray(L) ? L.some((t) => g(t, e)) : g(L, e)), oe = b && H ? a.filter((e) => String(e.label).toLowerCase().includes(H.toLowerCase())) : a, Y = oe.filter((e) => !e.disabled), X = n(() => {
+		if (!G.current) return;
+		let e = G.current.getBoundingClientRect();
+		ne({
+			top: e.bottom + 4,
+			left: e.left,
+			width: e.width
+		});
+	}, []), Z = n(() => {
+		q || (X(), z(!0), V(-1), U(""));
+	}, [q, X]), Q = n(() => {
+		z(!1), V(-1), U("");
+	}, []), $ = n((e, t) => {
+		if (!e.disabled) if (y === "multiple") {
+			let n = Array.isArray(L) ? L : [];
+			J(n.some((t) => g(t, e)) ? n.filter((t) => !g(t, e)) : [...n, e.value], t);
+		} else J(e.value, t), Q();
+	}, [
+		y,
+		L,
+		J,
+		Q
+	]), se = n((e) => {
+		e.stopPropagation(), J(y === "multiple" ? [] : "", e);
+	}, [y, J]), ce = n((e, t) => {
+		t.stopPropagation(), y === "multiple" && Array.isArray(L) && J(L.filter((t) => !g(t, e)), t);
+	}, [
+		y,
+		L,
+		J
+	]), le = () => {
+		if (y === "multiple" && Array.isArray(L) && L.length > 0) return null;
+		if (y === "single" && L !== "" && L !== void 0) {
+			let e = a.find((e) => g(L, e));
+			return e ? e.label : String(L);
+		}
+		return null;
+	}, ue = n(() => {
+		q || (R ? Q() : Z());
+	}, [
+		q,
+		R,
+		Z,
+		Q
+	]), de = n((e) => {
+		if (!q) switch (e.key) {
+			case "Enter":
+			case " ":
+				e.preventDefault(), R ? B >= 0 && B < Y.length && $(Y[B], e) : Z();
+				break;
+			case "ArrowDown":
+				e.preventDefault(), R ? V((e) => e < Y.length - 1 ? e + 1 : 0) : (Z(), V(0));
+				break;
+			case "ArrowUp":
+				e.preventDefault(), R && V((e) => e > 0 ? e - 1 : Y.length - 1);
+				break;
+			case "Escape":
+				e.preventDefault(), Q(), G.current?.focus();
+				break;
+			case "Tab":
+				R && Q();
+				break;
+		}
+	}, [
+		q,
+		R,
+		B,
+		Y,
+		$,
+		Z,
+		Q
+	]), fe = n((e, t) => {
+		$(e, t);
+	}, [$]), pe = n((e) => {
+		se(e);
+	}, [se]), me = n((e) => {
+		U(e.target.value), V(-1);
+	}, []);
+	r(() => {
+		if (!R) return;
+		let e = (e) => {
+			let t = e.target;
+			re.current?.contains(t) || G.current?.contains(t) || Q();
+		};
+		return document.addEventListener("mousedown", e, !0), () => document.removeEventListener("mousedown", e, !0);
+	}, [R, Q]), r(() => {
+		if (!R) return;
+		let e = () => X();
+		return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
+		};
+	}, [R, X]), r(() => {
+		R && b && requestAnimationFrame(() => ie.current?.focus());
+	}, [R, b]), r(() => {
+		if (B < 0 || !K.current) return;
+		let e = K.current.querySelectorAll(".chain-select__item")[B];
+		e && typeof e.scrollIntoView == "function" && e.scrollIntoView({ block: "nearest" });
+	}, [B]);
+	let he = _ && !q && (y === "multiple" ? Array.isArray(L) && L.length > 0 : L !== "" && L !== void 0), ge = [
+		"chain-select",
+		`chain-select--${c}`,
+		`chain-select--${f}`,
+		p !== "default" && `chain-select--${p}`,
+		q && "chain-select--disabled",
+		h && "chain-select--loading",
+		y === "multiple" && "chain-select--multiple",
+		R && "chain-select--open",
+		M
+	].filter(Boolean).join(" "), _e = le(), ve = () => {
+		if (!R) return null;
+		let e = j?.() ?? document.body;
+		return d(/* @__PURE__ */ u("div", {
+			ref: re,
+			className: ["chain-select__dropdown", k].filter(Boolean).join(" "),
+			style: {
+				top: W.top,
+				left: W.left,
+				width: W.width,
+				...A
+			},
+			children: [b && /* @__PURE__ */ l("div", {
+				className: "chain-select__search",
+				children: /* @__PURE__ */ l("input", {
+					ref: ie,
+					className: "chain-select__search-input",
+					placeholder: T,
+					value: H,
+					onChange: me,
+					role: "searchbox",
+					onClick: (e) => e.stopPropagation()
+				})
+			}), oe.length === 0 ? /* @__PURE__ */ l("div", {
+				className: "chain-select__empty",
+				children: C
+			}) : /* @__PURE__ */ l("ul", {
+				ref: K,
+				className: "chain-select__list",
+				role: "listbox",
+				children: oe.map((e, t) => {
+					let n = y === "multiple" && Array.isArray(L) ? L.some((t) => g(t, e)) : g(L, e);
+					return /* @__PURE__ */ u("li", {
+						className: [
+							"chain-select__item",
+							n && "chain-select__item--selected",
+							t === B && "chain-select__item--highlighted",
+							e.disabled && "chain-select__item--disabled"
+						].filter(Boolean).join(" "),
+						role: "option",
+						"aria-selected": n,
+						"aria-disabled": e.disabled || void 0,
+						onClick: (t) => {
+							e.disabled || fe(e, t);
+						},
+						onMouseEnter: () => {
+							e.disabled || V(t);
+						},
+						children: [/* @__PURE__ */ l("span", { children: e.label }), n && /* @__PURE__ */ l("span", {
+							className: "chain-select__item-check",
+							"aria-hidden": "true",
+							children: "✓"
+						})]
+					}, e.value);
+				})
+			})]
+		}), e);
+	};
+	return /* @__PURE__ */ u("div", {
+		ref: F,
+		className: ge,
+		style: N,
+		...P,
+		children: [/* @__PURE__ */ u("div", {
+			ref: G,
+			className: "chain-select__trigger",
+			role: "combobox",
+			"aria-expanded": R,
+			"aria-haspopup": "listbox",
+			"aria-disabled": q || void 0,
+			tabIndex: q ? -1 : 0,
+			onClick: ue,
+			onKeyDown: de,
+			children: [
+				x && /* @__PURE__ */ l("span", {
+					className: "chain-select__prefix",
+					children: x
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "chain-select__trigger-inner",
+					children: y === "multiple" && Array.isArray(L) && L.length > 0 ? /* @__PURE__ */ l("div", {
+						className: "chain-select__tags",
+						children: ae.map((e) => /* @__PURE__ */ u("span", {
+							className: "chain-select__tag",
+							children: [/* @__PURE__ */ l("span", { children: e.label }), /* @__PURE__ */ l("button", {
+								type: "button",
+								className: "chain-select__tag-remove",
+								"aria-label": O,
+								onClick: (t) => ce(e, t),
+								children: "×"
+							})]
+						}, e.value))
+					}) : _e ? /* @__PURE__ */ l("span", {
+						className: "chain-select__value",
+						children: _e
+					}) : /* @__PURE__ */ l("span", {
+						className: "chain-select__placeholder",
+						children: v
+					})
+				}),
+				he && /* @__PURE__ */ l("span", {
+					className: "chain-select__clear",
+					role: "button",
+					"aria-label": w,
+					onClick: pe,
+					children: "×"
+				}),
+				h ? /* @__PURE__ */ l("span", {
+					className: "chain-select__spinner",
+					"aria-hidden": "true"
+				}) : /* @__PURE__ */ l("span", {
+					className: "chain-select__arrow",
+					"aria-label": R ? D : E,
+					children: "▼"
+				}),
+				S && /* @__PURE__ */ l("span", {
+					className: "chain-select__suffix",
+					children: S
+				})
+			]
+		}), ve()]
+	});
+}), v = {
+	sm: "400px",
+	md: "520px",
+	lg: "720px"
+}, y = "a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", b = t(function({ open: e = !1, onCancel: t, title: a, children: c, footer: p, onOk: m, okText: h = "确定", okButtonProps: g, cancelText: _ = "取消", cancelButtonProps: b, confirmLoading: x = !1, closable: S = !0, closeAriaLabel: C = "Close", maskClosable: w = !0, keyboard: T = !0, destroyOnClose: E = !1, size: D = "md", width: O, centered: k = !1, getContainer: A, className: j, style: M, ...N }, P) {
+	let F = i(), [I, ee] = s(!1), [te, L] = s(!1), [R, z] = s(!1), B = o(null), V = o(null), H = o(null), U = o(0), W = e || I, ne = n((e) => {
+		B.current = e, typeof P == "function" ? P(e) : P && (P.current = e);
+	}, [P]);
+	r(() => {
+		if (e) H.current = document.activeElement, requestAnimationFrame(() => {
+			ee(!0);
+		});
+		else {
+			L(!0);
+			let e = setTimeout(() => {
+				L(!1), ee(!1);
+			}, 250);
+			return () => clearTimeout(e);
+		}
+	}, [e]), r(() => {
+		if (!W) return;
+		let e = window.innerWidth - document.documentElement.clientWidth;
+		U.current = e;
+		let t = document.body.style.overflow, n = document.body.style.paddingRight;
+		return document.body.style.overflow = "hidden", e > 0 && (document.body.style.paddingRight = `${e}px`), () => {
+			document.body.style.overflow = t, document.body.style.paddingRight = n;
+		};
+	}, [W]), r(() => {
+		if (!W) return;
+		let e = setTimeout(() => {
+			V.current?.focus();
+		}, 50);
+		return () => clearTimeout(e);
+	}, [W]), r(() => {
+		!W && H.current && (H.current.focus(), H.current = null);
+	}, [W]), r(() => {
+		if (!W || !T) return;
+		let e = (e) => {
+			e.key === "Escape" && t?.();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [
+		W,
+		T,
+		t
+	]);
+	let G = n((e) => {
+		w && e.target === e.currentTarget && t?.();
+	}, [w, t]), re = n(async () => {
+		if (!m) return;
+		let e = m();
+		if (e instanceof Promise) {
+			z(!0);
+			try {
+				await e, z(!1), t?.();
+			} catch {
+				z(!1);
+			}
+		}
+	}, [m, t]), ie = n((e) => {
+		if (e.key !== "Tab") return;
+		let t = V.current;
+		if (!t) return;
+		let n = t.querySelectorAll(y);
+		if (n.length === 0) {
+			e.preventDefault();
+			return;
+		}
+		let r = n[0], i = n[n.length - 1];
+		e.shiftKey ? document.activeElement === r && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), r.focus());
+	}, []), K = O ?? v[D] ?? v.md, q = x || R, J = [
+		"chain-modal",
+		I && !te && "chain-modal--open",
+		te && "chain-modal--hidden",
+		k && "chain-modal--centered",
+		j
+	].filter(Boolean).join(" ");
+	return !W && E ? null : d(/* @__PURE__ */ u("div", {
+		ref: ne,
+		className: J,
+		style: M,
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-labelledby": a ? F : void 0,
+		...N,
+		children: [/* @__PURE__ */ l("div", {
+			className: "chain-modal__mask",
+			onMouseDown: G
+		}), /* @__PURE__ */ l("div", {
+			className: "chain-modal__wrap",
+			children: /* @__PURE__ */ u("div", {
+				ref: V,
+				className: "chain-modal__content",
+				tabIndex: -1,
+				style: { width: typeof K == "number" ? `${K}px` : K },
+				onKeyDown: ie,
+				children: [
+					a !== void 0 || S ? /* @__PURE__ */ u("div", {
+						className: "chain-modal__header",
+						children: [a && /* @__PURE__ */ l("h2", {
+							id: F,
+							className: "chain-modal__title",
+							children: a
+						}), S && /* @__PURE__ */ l("button", {
+							type: "button",
+							className: "chain-modal__close",
+							"aria-label": C,
+							onClick: t,
+							children: "×"
+						})]
+					}) : null,
+					c && /* @__PURE__ */ l("div", {
+						className: "chain-modal__body",
+						children: c
+					}),
+					p === void 0 ? p === null ? null : /* @__PURE__ */ u("div", {
+						className: "chain-modal__footer",
+						children: [/* @__PURE__ */ l(f, {
+							...b,
+							onClick: t,
+							children: _
+						}), /* @__PURE__ */ l(f, {
+							variant: "solid",
+							color: "primary",
+							...g,
+							loading: q,
+							onClick: re,
+							children: h
+						})]
+					}) : p
+				]
+			})
+		})]
+	}), A?.() ?? document.body);
+});
+//#endregion
+//#region src/components/table/table.tsx
+function x(e, t, n) {
+	if (typeof n == "function") return n(e);
+	let r = e[n];
+	return String(r ?? t);
+}
+function S(e, t) {
+	if (t != null) return Array.isArray(t) ? t.reduce((e, t) => {
+		if (typeof e == "object" && e) return e[t];
+	}, e) : e[t];
+}
+var C = t(function({ dataSource: e, columns: t, rowKey: r = "key", rowSelection: i, loading: o = !1, emptyText: s = "暂无数据", pagination: c, bordered: d = !0, size: p = "md", locale: m, scroll: h, onRow: g, className: _, style: v, ...y }, b) {
+	let C = {
+		total: m?.total ?? "共",
+		items: m?.items ?? "条",
+		prevPage: m?.prevPage ?? "上一页",
+		nextPage: m?.nextPage ?? "下一页"
+	}, w = i?.type === "radio", T = i != null, E = a(() => i?.selectedRowKeys ?? [], [i?.selectedRowKeys]), D = n(() => {
+		if (!i) return;
+		let t = e.filter((e) => !i.getCheckboxProps?.(e)?.disabled).map((e, t) => x(e, t, r));
+		if (w) return;
+		let n = t.every((e) => E.includes(e)), a;
+		if (n) a = E.filter((e) => !t.includes(e));
+		else {
+			let e = new Set(E);
+			t.forEach((t) => e.add(t)), a = Array.from(e);
+		}
+		let o = e.filter((e, t) => a.includes(x(e, t, r)));
+		i.onChange?.(a, o), i.onSelect?.(e[0], !n, o);
+	}, [
+		i,
+		e,
+		E,
+		w,
+		r
+	]), O = n((t, n) => {
+		if (!i) return;
+		let a = x(t, n, r), o, s = E.includes(a);
+		if (w) {
+			if (s) return;
+			o = [a];
+		} else o = s ? E.filter((e) => e !== a) : [...E, a];
+		let c = e.filter((e, t) => o.includes(x(e, t, r)));
+		i.onChange?.(o, c), i.onSelect?.(t, !s, c);
+	}, [
+		i,
+		e,
+		E,
+		w,
+		r
+	]), k = e.map((e, t) => i?.getCheckboxProps?.(e)?.disabled ? null : x(e, t, r)).filter(Boolean), A = k.length > 0 && k.every((e) => E.includes(e)), j = E.some((e) => k.includes(e)) && !A, M = c ? c.current ?? 1 : 1, N = c ? c.pageSize ?? 10 : 10, P = c ? c.total ?? e.length : e.length, F = Math.max(1, Math.ceil(P / N)), I = n((e) => {
+		c && c.onChange?.(e, N);
+	}, [c, N]);
+	return /* @__PURE__ */ u("div", {
+		ref: b,
+		className: [
+			"chain-table",
+			`chain-table--${p}`,
+			d && "chain-table--bordered",
+			o && "chain-table--loading",
+			_
+		].filter(Boolean).join(" "),
+		style: v,
+		role: "table",
+		...y,
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "chain-table__container",
+				style: h ? {
+					maxHeight: h.y,
+					overflow: h.x ? "auto" : void 0
+				} : void 0,
+				children: /* @__PURE__ */ u("table", {
+					className: "chain-table__table",
+					children: [
+						/* @__PURE__ */ u("colgroup", { children: [T && /* @__PURE__ */ l("col", { style: { width: 48 } }), t.map((e) => /* @__PURE__ */ l("col", { style: { width: e.width } }, e.key))] }),
+						/* @__PURE__ */ l("thead", {
+							className: "chain-table__header",
+							children: /* @__PURE__ */ u("tr", {
+								className: "chain-table__header-row",
+								children: [T && /* @__PURE__ */ l("th", {
+									className: "chain-table__selection chain-table__header-cell",
+									role: "columnheader",
+									children: !w && /* @__PURE__ */ l("span", {
+										className: "chain-table__checkbox",
+										children: /* @__PURE__ */ l("input", {
+											type: "checkbox",
+											checked: A,
+											ref: (e) => {
+												e && (e.indeterminate = j);
+											},
+											onChange: D,
+											"aria-label": "Select all"
+										})
+									})
+								}), t.map((e) => /* @__PURE__ */ l("th", {
+									className: ["chain-table__header-cell", e.align && `chain-table__header-cell--align-${e.align}`].filter(Boolean).join(" "),
+									role: "columnheader",
+									children: e.title
+								}, e.key))]
+							})
+						}),
+						/* @__PURE__ */ l("tbody", {
+							className: "chain-table__body",
+							children: e.length === 0 ? /* @__PURE__ */ l("tr", {
+								className: "chain-table__row",
+								children: /* @__PURE__ */ l("td", {
+									className: "chain-table__cell chain-table__empty",
+									colSpan: t.length + +!!T,
+									role: "status",
+									"aria-live": "polite",
+									children: s
+								})
+							}) : e.map((e, n) => {
+								let a = x(e, n, r), o = E.includes(a), s = i?.getCheckboxProps?.(e)?.disabled ?? !1, c = g?.(e, n);
+								return /* @__PURE__ */ u("tr", {
+									className: [
+										"chain-table__row",
+										o && "chain-table__row--selected",
+										c?.className
+									].filter(Boolean).join(" "),
+									role: "row",
+									onClick: c?.onClick,
+									onDoubleClick: c?.onDoubleClick,
+									children: [T && /* @__PURE__ */ l("td", {
+										className: "chain-table__selection chain-table__cell",
+										role: "cell",
+										children: /* @__PURE__ */ l("span", {
+											className: "chain-table__checkbox",
+											children: /* @__PURE__ */ l("input", {
+												type: w ? "radio" : "checkbox",
+												name: w ? "chain-table-radio" : void 0,
+												checked: o,
+												disabled: s,
+												onChange: () => O(e, n),
+												"aria-label": i.selectAriaLabel ?? "Select row"
+											})
+										})
+									}), t.map((t) => {
+										let r = S(e, t.dataIndex), i = t.render ? t.render(r, e, n) : r == null ? "-" : String(r);
+										return /* @__PURE__ */ l("td", {
+											className: [
+												"chain-table__cell",
+												t.align && `chain-table__cell--align-${t.align}`,
+												t.ellipsis && "chain-table__cell--ellipsis"
+											].filter(Boolean).join(" "),
+											role: "cell",
+											title: t.ellipsis && typeof i == "string" ? i : void 0,
+											children: i
+										}, t.key);
+									})]
+								}, a);
+							})
+						})
+					]
+				})
+			}),
+			o && /* @__PURE__ */ l("div", {
+				className: "chain-table__loading-overlay",
+				children: /* @__PURE__ */ l("span", { className: "chain-table__loading-spinner" })
+			}),
+			c !== void 0 && c !== !1 && /* @__PURE__ */ u("div", {
+				className: "chain-table__pagination",
+				children: [/* @__PURE__ */ u("span", {
+					className: "chain-table__pagination-total",
+					children: [
+						C.total,
+						" ",
+						P,
+						" ",
+						C.items
+					]
+				}), /* @__PURE__ */ u("div", {
+					className: "chain-table__pagination-nav",
+					children: [
+						/* @__PURE__ */ l(f, {
+							size: "sm",
+							disabled: M <= 1,
+							onClick: () => I(M - 1),
+							children: C.prevPage
+						}),
+						/* @__PURE__ */ u("span", { children: [
+							M,
+							" / ",
+							F
+						] }),
+						/* @__PURE__ */ l(f, {
+							size: "sm",
+							disabled: M >= F,
+							onClick: () => I(M + 1),
+							children: C.nextPage
+						})
+					]
+				})]
+			})
+		]
+	});
+}), w = t(function({ color: e = "default", variant: t = "light", size: n = "md", closable: r = !1, onClose: i, children: a, className: o, ...s }, c) {
+	return /* @__PURE__ */ u("span", {
+		ref: c,
+		className: [
+			"chain-tag",
+			`chain-tag--${t}`,
+			`chain-tag--${e}`,
+			`chain-tag--${n}`,
+			r && "chain-tag--closable",
+			o
+		].filter(Boolean).join(" "),
+		...s,
+		children: [/* @__PURE__ */ l("span", {
+			className: "chain-tag__text",
+			children: a
+		}), r && /* @__PURE__ */ l("span", {
+			className: "chain-tag__close",
+			role: "button",
+			tabIndex: 0,
+			onClick: i,
+			onKeyDown: (e) => {
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i?.(e));
+			},
+			"aria-label": "Close",
+			children: "×"
+		})]
+	});
+}), T = t(function({ count: e, dot: t = !1, color: n = "error", size: r = "md", overflowCount: i = 99, showZero: a = !1, offset: o, children: s, className: d, style: f, ...p }, m) {
+	let h = !t && e !== void 0 && !a && e === 0, g = e === void 0 && !t, _ = (() => {
+		if (t || e === void 0) return null;
+		let n = typeof e == "number" ? e : void 0;
+		return n !== void 0 && n > i ? `${i}+` : String(e);
+	})();
+	if (h) return s ? /* @__PURE__ */ l(c, { children: s }) : null;
+	let v = /* @__PURE__ */ l("span", {
+		className: [
+			[
+				"chain-badge__content",
+				t ? "chain-badge__content--dot" : "chain-badge__content--number",
+				!s && `chain-badge__content--${r}`
+			].filter(Boolean).join(" "),
+			`chain-badge--${n}`,
+			s && `chain-badge--${r}`
+		].filter(Boolean).join(" "),
+		style: o ? {
+			marginLeft: o[0],
+			marginTop: o[1]
+		} : void 0,
+		children: _
+	}, "badge");
+	return s ? /* @__PURE__ */ u("span", {
+		ref: m,
+		className: ["chain-badge", d].filter(Boolean).join(" "),
+		style: f,
+		...p,
+		children: [s, v]
+	}) : /* @__PURE__ */ l("span", {
+		ref: m,
+		className: ["chain-badge", d].filter(Boolean).join(" "),
+		style: f,
+		...p,
+		children: g ? null : v
+	});
+});
+//#endregion
+//#region src/components/pagination/pagination.tsx
+function E(e, t) {
+	if (t <= 7) return Array.from({ length: t }, (e, t) => t + 1);
+	let n = [];
+	n.push(1), e > 3 && n.push("ellipsis");
+	let r = Math.max(2, e - 1), i = Math.min(t - 1, e + 1);
+	for (let e = r; e <= i; e++) n.push(e);
+	return e < t - 2 && n.push("ellipsis"), n.push(t), n;
+}
+var D = t(function({ value: e, defaultValue: t = 1, pageSize: r = 10, total: i = 0, onChange: o, showSizeChanger: c = !1, pageSizeOptions: d = [
+	10,
+	20,
+	50,
+	100
+], showQuickJumper: f = !1, showTotal: p = !0, size: m = "md", disabled: h = !1, locale: g, className: _, ...v }, y) {
+	let [b, x] = s(t), S = e !== void 0, C = S ? e : b, [w, T] = s(""), [D, O] = s(r), k = S ? r : D, A = {
+		total: g?.total ?? "共",
+		items: g?.items ?? "条",
+		prevPage: g?.prevPage ?? "上一页",
+		nextPage: g?.nextPage ?? "下一页",
+		jumpTo: g?.jumpTo ?? "前往"
+	}, j = Math.max(1, Math.ceil(i / k)), M = Math.max(1, Math.min(C, j)), N = a(() => E(M, j), [M, j]), P = n((e) => {
+		if (h) return;
+		let t = Math.max(1, Math.min(e, j));
+		S || x(t), o?.(t, k);
+	}, [
+		h,
+		j,
+		S,
+		o,
+		k
+	]), F = n((e) => {
+		if (h) return;
+		O(e);
+		let t = Math.ceil(i / e), n = Math.min(M, t);
+		S || (x(n), O(e)), o?.(n, e);
+	}, [
+		h,
+		i,
+		M,
+		S,
+		o
+	]), I = n(() => {
+		let e = parseInt(w, 10);
+		isNaN(e) || (P(e), T(""));
+	}, [w, P]);
+	return /* @__PURE__ */ u("div", {
+		ref: y,
+		className: [
+			"chain-pagination",
+			`chain-pagination--${m}`,
+			h && "chain-pagination--disabled",
+			_
+		].filter(Boolean).join(" "),
+		...v,
+		children: [
+			p && /* @__PURE__ */ u("span", {
+				className: "chain-pagination__total",
+				children: [
+					A.total,
+					" ",
+					i,
+					" ",
+					A.items
+				]
+			}),
+			/* @__PURE__ */ u("ul", {
+				className: "chain-pagination__list",
+				children: [
+					/* @__PURE__ */ l("li", {
+						className: ["chain-pagination__prev", (h || M <= 1) && "chain-pagination__item--disabled"].filter(Boolean).join(" "),
+						children: /* @__PURE__ */ l("button", {
+							type: "button",
+							disabled: h || M <= 1,
+							onClick: () => P(M - 1),
+							children: A.prevPage
+						})
+					}),
+					N.map((e, t) => e === "ellipsis" ? /* @__PURE__ */ l("li", {
+						className: "chain-pagination__item chain-pagination__item--disabled",
+						children: /* @__PURE__ */ l("span", { children: "..." })
+					}, `ellipsis-${t}`) : /* @__PURE__ */ l("li", {
+						className: ["chain-pagination__item", e === M && "chain-pagination__item--active"].filter(Boolean).join(" "),
+						children: /* @__PURE__ */ l("button", {
+							type: "button",
+							disabled: h,
+							onClick: () => P(e),
+							children: e
+						})
+					}, e)),
+					/* @__PURE__ */ l("li", {
+						className: ["chain-pagination__next", (h || M >= j) && "chain-pagination__item--disabled"].filter(Boolean).join(" "),
+						children: /* @__PURE__ */ l("button", {
+							type: "button",
+							disabled: h || M >= j,
+							onClick: () => P(M + 1),
+							children: A.nextPage
+						})
+					})
+				]
+			}),
+			c && /* @__PURE__ */ l("select", {
+				className: "chain-pagination__size-changer",
+				value: k,
+				disabled: h,
+				onChange: (e) => F(Number(e.target.value)),
+				children: d.map((e) => /* @__PURE__ */ u("option", {
+					value: e,
+					children: [
+						e,
+						" ",
+						A.items
+					]
+				}, e))
+			}),
+			f && /* @__PURE__ */ u("div", {
+				className: "chain-pagination__jump",
+				children: [/* @__PURE__ */ l("input", {
+					type: "text",
+					value: w,
+					disabled: h,
+					onChange: (e) => T(e.target.value),
+					onKeyDown: (e) => {
+						e.key === "Enter" && I();
+					},
+					placeholder: ""
+				}), /* @__PURE__ */ l("button", {
+					type: "button",
+					disabled: h,
+					onClick: I,
+					children: A.jumpTo
+				})]
+			})
+		]
+	});
+}), O = {
+	success: "✓",
+	warning: "!",
+	error: "✗",
+	info: "ℹ"
+}, k = t(function({ color: e = "info", size: t = "md", message: n, description: r, showIcon: i = !0, closable: a = !1, closeAriaLabel: o = "Close", onClose: s, open: c = !0, action: d, children: f, className: p, ...m }, h) {
+	return c ? /* @__PURE__ */ u("div", {
+		ref: h,
+		className: [
+			"chain-alert",
+			`chain-alert--${e}`,
+			`chain-alert--${t}`,
+			a && "chain-alert--closable",
+			p
+		].filter(Boolean).join(" "),
+		role: "alert",
+		...m,
+		children: [
+			i && /* @__PURE__ */ l("span", {
+				className: "chain-alert__icon",
+				"aria-hidden": "true",
+				children: O[e]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "chain-alert__content",
+				children: [
+					/* @__PURE__ */ l("div", {
+						className: "chain-alert__message",
+						children: n
+					}),
+					r && /* @__PURE__ */ l("div", {
+						className: "chain-alert__description",
+						children: r
+					}),
+					f
+				]
+			}),
+			d && /* @__PURE__ */ l("div", {
+				className: "chain-alert__action",
+				children: d
+			}),
+			a && /* @__PURE__ */ l("button", {
+				type: "button",
+				className: "chain-alert__close",
+				"aria-label": o,
+				onClick: s,
+				children: "×"
+			})
+		]
+	}) : null;
+}), A = {
+	sm: "var(--space-1)",
+	md: "var(--space-2)",
+	lg: "var(--space-4)"
+}, j = t(function({ size: e = "md", direction: t = "horizontal", align: n = "center", wrap: r = !1, children: i, className: a, style: o, ...s }, c) {
+	let u = typeof e == "number" ? `${e}px` : A[e] ?? A.md;
+	return /* @__PURE__ */ l("div", {
+		ref: c,
+		className: [
+			"chain-space",
+			`chain-space--${t}`,
+			`chain-space--align-${n}`,
+			r && "chain-space--wrap",
+			a
+		].filter(Boolean).join(" "),
+		style: {
+			gap: u,
+			...o
+		},
+		...s,
+		children: i
+	});
+}), M = t(function({ orientation: e = "horizontal", type: t = "solid", size: n = "md", children: r, className: i, ...a }, o) {
+	return e === "vertical" ? /* @__PURE__ */ l("hr", {
+		ref: o,
+		className: [
+			"chain-divider",
+			"chain-divider--vertical",
+			`chain-divider--${t}`,
+			`chain-divider--${n}`,
+			i
+		].filter(Boolean).join(" "),
+		role: "separator",
+		"aria-orientation": "vertical",
+		...a
+	}) : r ? /* @__PURE__ */ u("div", {
+		ref: o,
+		className: [
+			"chain-divider",
+			"chain-divider--horizontal",
+			`chain-divider--${t}`,
+			`chain-divider--${n}`,
+			"chain-divider--with-text",
+			i
+		].filter(Boolean).join(" "),
+		role: "separator",
+		...a,
+		children: [
+			/* @__PURE__ */ l("span", { className: "chain-divider__line" }),
+			/* @__PURE__ */ l("span", {
+				className: "chain-divider__text",
+				children: r
+			}),
+			/* @__PURE__ */ l("span", { className: "chain-divider__line" })
+		]
+	}) : /* @__PURE__ */ l("hr", {
+		ref: o,
+		className: [
+			"chain-divider",
+			"chain-divider--horizontal",
+			`chain-divider--${t}`,
+			`chain-divider--${n}`,
+			i
+		].filter(Boolean).join(" "),
+		role: "separator",
+		...a
+	});
+});
+//#endregion
+export { k as Alert, T as Badge, f as Button, M as Divider, h as FormItem, p as Input, b as Modal, D as Pagination, _ as Select, j as Space, C as Table, w as Tag };