@runlume/admin-ui 0.1.0 → 0.2.0

package/dist-package/components/data-table.js

@@ -0,0 +1,377 @@
+import { cn as e } from "../lib/utils.js";
+import { Button as t } from "./ui/button.js";
+import { useUiTranslation as n } from "../lib/use-ui-translation.js";
+import { DropdownMenu as r, DropdownMenuCheckboxItem as i, DropdownMenuContent as a, DropdownMenuItem as ee, DropdownMenuLabel as te, DropdownMenuSeparator as o, DropdownMenuTrigger as s } from "./ui/dropdown-menu.js";
+import { Skeleton as c } from "./ui/skeleton.js";
+import { TooltipProvider as l } from "./ui/tooltip.js";
+import { Table as u, TableBody as d, TableCaption as f, TableCell as p, TableHead as ne, TableHeader as m, TableRow as h } from "./ui/table.js";
+import { TableToolbar as g } from "./table-toolbar.js";
+import { TableCellOverflow as _ } from "./table-cell-overflow.js";
+import { readColumnOrder as v, readColumnSizes as y, registerTableReset as b, resetTableLayout as x, writeColumnOrder as re, writeColumnSizes as ie } from "../lib/table-prefs.js";
+import { EmptyState as S } from "./page.js";
+import { Fragment as ae, useEffect as C, useLayoutEffect as oe, useRef as w, useState as T } from "react";
+import { ArrowDown as se, ArrowUp as ce, ArrowUpDown as le, ChevronRight as ue, Columns3 as de, GripVertical as fe, RotateCcw as pe } from "lucide-react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { flexRender as O, getCoreRowModel as me, getSortedRowModel as he, useReactTable as ge } from "@tanstack/react-table";
+//#region src/components/data-table.tsx
+var _e = "a, button, input, select, textarea, label, [role=\"menuitem\"], [role=\"checkbox\"], [role=\"switch\"], [contenteditable=\"true\"]", ve = {
+	compact: "px-4 py-2",
+	default: "px-4 py-3",
+	relaxed: "px-4 py-4"
+};
+function ye(e, t, n) {
+	let r = e.indexOf(t), i = e.indexOf(n);
+	if (r < 0 || i < 0 || r === i) return e;
+	let a = [...e];
+	return a.splice(r, 1), a.splice(i, 0, t), a;
+}
+function be({ columns: c, visibility: l, onVisibilityChange: u, order: d, onOrderChange: f, pinned: p, storageId: ne }) {
+	let { t: m } = n(), [h, g] = T(), [_, v] = T(), y = c.map((e) => e.id ?? ("accessorKey" in e ? String(e.accessorKey) : String(e.header ?? ""))).filter(Boolean), b = d?.length ? d : y, re = p?.first ? y[0] : void 0, ie = p?.last ? y[y.length - 1] : void 0, S = (e) => !!f && e !== re && e !== ie, ae = c.filter((e) => e.id !== "select" && e.id !== "actions").map((e) => ({
+		id: e.id ?? ("accessorKey" in e ? String(e.accessorKey) : String(e.header ?? "")),
+		label: typeof e.header == "string" ? e.header : e.id ?? ("accessorKey" in e ? String(e.accessorKey) : "")
+	})).sort((e, t) => b.indexOf(e.id) - b.indexOf(t.id)), C = (e) => {
+		if (!h || h === e) return;
+		let t = b.indexOf(h), n = b.indexOf(e);
+		if (!(t < 0 || n < 0)) return t < n ? "after" : "before";
+	};
+	return /* @__PURE__ */ D(r, { children: [/* @__PURE__ */ E(s, {
+		asChild: !0,
+		children: /* @__PURE__ */ D(t, {
+			variant: "outline",
+			children: [/* @__PURE__ */ E(de, { "aria-hidden": "true" }), m("columns")]
+		})
+	}), /* @__PURE__ */ D(a, {
+		align: "end",
+		className: "w-52",
+		children: [
+			/* @__PURE__ */ E(te, { children: m("columnsHint") }),
+			/* @__PURE__ */ E(o, {}),
+			ae.map((t) => /* @__PURE__ */ D(i, {
+				indicator: "trailing",
+				draggable: S(t.id),
+				className: e(h === t.id && "opacity-60", _ === t.id && C(t.id) === "before" && "shadow-[inset_0_2px_0_0_var(--primary)]", _ === t.id && C(t.id) === "after" && "shadow-[inset_0_-2px_0_0_var(--primary)]"),
+				onDragStart: (e) => {
+					if (!S(t.id)) {
+						e.preventDefault();
+						return;
+					}
+					g(t.id), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t.id);
+				},
+				onDragOver: (e) => {
+					h && h !== t.id && S(t.id) && (e.preventDefault(), e.dataTransfer.dropEffect = "move", v(t.id));
+				},
+				onDragLeave: () => v((e) => e === t.id ? void 0 : e),
+				onDrop: (e) => {
+					e.preventDefault();
+					let n = h ?? e.dataTransfer.getData("text/plain");
+					n && n !== t.id && f?.(ye(b, n, t.id)), g(void 0), v(void 0);
+				},
+				onDragEnd: () => {
+					g(void 0), v(void 0);
+				},
+				checked: l[t.id] !== !1,
+				onSelect: (e) => e.preventDefault(),
+				onCheckedChange: (e) => u({
+					...l,
+					[t.id]: e
+				}),
+				children: [/* @__PURE__ */ E(fe, {
+					"aria-hidden": "true",
+					className: "size-3.5 shrink-0 cursor-grab text-muted-foreground/60"
+				}), /* @__PURE__ */ E("span", {
+					className: "min-w-0 flex-1 truncate",
+					children: t.label
+				})]
+			}, t.id)),
+			/* @__PURE__ */ E(o, {}),
+			/* @__PURE__ */ D(ee, {
+				onSelect: () => {
+					u({}), x(ne);
+				},
+				children: [/* @__PURE__ */ E(pe, { "aria-hidden": "true" }), m("columnsReset")]
+			})
+		]
+	})] });
+}
+function k({ data: r, columns: i, caption: a, loading: ee, emptyTitle: te, emptyDescription: o, footer: s, toolbar: x, striped: de = !0, sortable: fe = !1, defaultSorting: pe = [], density: be = "default", onRowClick: k, columnVisibility: xe, onColumnVisibilityChange: Se, columnOrder: Ce, onColumnOrderChange: we, columnSizes: Te, onColumnSizesChange: Ee, pinned: De, storageId: A, expandable: j, virtual: M }) {
+	let { t: N } = n(), Oe = w(null), P = w(null), [F, ke] = T(0), [Ae, je] = T(240), [Me, Ne] = T(() => y(A)), I = Te ?? Me, L = (e) => {
+		let t = typeof e == "function" ? e(I) : e;
+		(Ee ?? Ne)(t);
+	}, [Pe, Fe] = T(() => v(A)), [R, z] = T(), [Ie, B] = T(), [V, Le] = T(() => /* @__PURE__ */ new Set()), [Re, ze] = T(0), [Be, Ve] = T();
+	C(() => {
+		ie(A, I);
+	}, [A, I]);
+	let He = Ce ?? Pe, H = we ?? Fe, Ue = i.map((e) => e.id ?? ("accessorKey" in e ? String(e.accessorKey) : "")).filter(Boolean), U = [...He.filter((e) => Ue.includes(e)), ...Ue.filter((e) => !He.includes(e))], We = U.join("|");
+	C(() => {
+		re(A, U);
+	}, [A, We]);
+	let Ge = w({
+		setSizes: L,
+		setOrder: H
+	});
+	C(() => {
+		Ge.current = {
+			setSizes: L,
+			setOrder: H
+		};
+	}), C(() => {
+		if (A) return b(A, () => {
+			Ge.current.setSizes({}), Ge.current.setOrder([]);
+		});
+	}, [A]);
+	let [Ke, qe] = T(pe), [Je, Ye] = T({}), Xe = xe ?? Je, Ze = Se ?? Ye;
+	oe(() => {
+		let e = Oe.current;
+		if (!e) return;
+		let t = () => {
+			ke(e.clientWidth);
+			let t = Array.from(e.querySelectorAll("[data-action-content]"));
+			t.length && je(Math.ceil(Math.max(...t.map((e) => e.getBoundingClientRect().width)) + 32));
+		};
+		t();
+		let n = new ResizeObserver(t);
+		return n.observe(e), e.querySelectorAll("[data-action-content]").forEach((e) => n.observe(e)), () => n.disconnect();
+	}, [r, i]);
+	let Qe = ge({
+		data: r,
+		columns: i,
+		getCoreRowModel: me(),
+		getSortedRowModel: he(),
+		enableSorting: fe,
+		enableMultiSort: fe,
+		isMultiSortEvent: (e) => typeof e == "object" && e && "shiftKey" in e ? !!e.shiftKey : !1,
+		state: {
+			sorting: Ke,
+			columnVisibility: Xe,
+			columnOrder: U
+		},
+		onSortingChange: qe,
+		onColumnOrderChange: (e) => {
+			let t = typeof e == "function" ? e(U) : e;
+			H(t);
+		},
+		onColumnVisibilityChange: (e) => {
+			let t = typeof e == "function" ? e(Xe) : e;
+			Ze(t);
+		},
+		manualPagination: !0
+	}), W = Qe.getRowModel().rows, G = !!M && !j && W.length > 40, K = M?.rowHeight ?? Be ?? 45, $e = M?.height ?? 460, et = M?.overscan ?? 6, q = G ? Math.max(0, Math.floor(Re / K) - et) : 0, tt = G ? Math.min(W.length, q + Math.ceil($e / K) + et * 2) : W.length, J = Qe.getVisibleLeafColumns(), Y = (e) => e === "actions" || e === "action", X = (e) => Y(e) ? Ae : e === "select" ? 56 : 96, nt = new Map(i.filter((e) => e.size !== void 0).map((e) => [e.id ?? ("accessorKey" in e ? String(e.accessorKey).replaceAll(".", "_") : typeof e.header == "string" ? e.header : ""), e.size])), Z = J.filter((e) => I[e.id] === void 0 && !Y(e.id) && e.id !== "select" && !nt.has(e.id)), rt = J.filter((e) => !Z.includes(e)).reduce((e, t) => e + Math.max(X(t.id), I[t.id] ?? nt.get(t.id) ?? X(t.id)), 0), Q = Object.fromEntries(J.map((e) => [e.id, Z.includes(e) ? Math.max(X(e.id), (F - rt) / Z.length) : Math.max(X(e.id), I[e.id] ?? nt.get(e.id) ?? X(e.id))])), it = Object.values(Q).reduce((e, t) => e + t, 0);
+	if (it < F) {
+		let e = J.filter((e) => !Y(e.id) && e.id !== "select"), t = e.length ? e : J;
+		for (let e of t) Q[e.id] = (Q[e.id] ?? 0) + (F - it) / t.length;
+	}
+	let at = Object.values(Q).reduce((e, t) => e + t, 0);
+	function ot(e, t, n) {
+		L((r) => ({
+			...r,
+			[e]: Math.min(n, Math.max(X(e), t))
+		}));
+	}
+	let st = i.some((e) => e.id === "select"), ct = De?.first ? i[0] : void 0, lt = De?.last ? i[i.length - 1] : void 0, ut = (e) => e.id ?? ("accessorKey" in e ? String(e.accessorKey) : void 0), dt = ct ? ut(ct) : void 0, ft = lt ? ut(lt) : void 0, pt = (e) => e === dt ? "sticky left-0 z-10 bg-card shadow-[1px_0_0_0_var(--border)]" : e === ft ? "sticky right-0 z-10 bg-card shadow-[-1px_0_0_0_var(--border)]" : void 0, $ = (e) => !Y(e) && e !== "select" && e !== dt && e !== ft, mt = (e) => {
+		if (!R || R === e) return;
+		let t = U.indexOf(R), n = U.indexOf(e);
+		if (!(t < 0 || n < 0)) return t < n ? "after" : "before";
+	};
+	return /* @__PURE__ */ D(l, {
+		delayDuration: 250,
+		children: [x && /* @__PURE__ */ E(g, { children: x }), /* @__PURE__ */ D("div", {
+			ref: Oe,
+			className: "data-table flex flex-col overflow-hidden rounded-lg border border-table-border bg-card",
+			children: [/* @__PURE__ */ E("div", {
+				"data-slot": "table-scroll",
+				className: e(G && "overflow-auto overscroll-contain", "[&_[data-slot=table-container]]:overflow-visible", "[&_[data-slot=table-header]]:sticky [&_[data-slot=table-header]]:top-0 [&_[data-slot=table-header]]:z-10", "[&_[data-slot=table-header]]:bg-table-header"),
+				style: G ? { maxHeight: $e } : void 0,
+				onScroll: (e) => {
+					G && ze(e.currentTarget.scrollTop);
+				},
+				ref: (e) => {
+					if (!e || !G || M?.rowHeight) return;
+					let t = e.querySelector("tbody tr[data-row]")?.getBoundingClientRect().height;
+					t && Math.abs(t - (Be ?? 0)) > 1 && Ve(t);
+				},
+				children: /* @__PURE__ */ D(u, {
+					"data-striped": de,
+					"aria-busy": !!ee,
+					className: "table-fixed",
+					style: { width: at },
+					children: [
+						/* @__PURE__ */ E("colgroup", { children: J.map((e) => /* @__PURE__ */ E("col", { style: { width: Q[e.id] } }, e.id)) }),
+						/* @__PURE__ */ E(f, {
+							className: "sr-only",
+							children: a
+						}),
+						/* @__PURE__ */ E(m, { children: Qe.getHeaderGroups().map((t) => /* @__PURE__ */ E(h, {
+							className: "bg-table-header hover:bg-table-header focus-within:bg-table-header",
+							children: t.headers.map((t) => /* @__PURE__ */ D(ne, {
+								draggable: $(t.column.id),
+								title: $(t.column.id) ? N("columnDragHint") : void 0,
+								onDragStart: (e) => {
+									if (!$(t.column.id) || e.target.closest("[role=\"separator\"]")) {
+										e.preventDefault();
+										return;
+									}
+									z(t.column.id), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t.column.id);
+								},
+								onDragOver: (e) => {
+									R && R !== t.column.id && $(t.column.id) && (e.preventDefault(), e.dataTransfer.dropEffect = "move", B(t.column.id));
+								},
+								onDragLeave: () => B((e) => e === t.column.id ? void 0 : e),
+								onDrop: (e) => {
+									e.preventDefault();
+									let n = R ?? e.dataTransfer.getData("text/plain");
+									n && $(t.column.id) && H(ye(U, n, t.column.id)), z(void 0), B(void 0);
+								},
+								onDragEnd: () => {
+									z(void 0), B(void 0);
+								},
+								className: e("relative h-10 px-4 text-sm font-medium text-muted-foreground", pt(t.column.id)?.replace("bg-card", "bg-table-header"), $(t.column.id) && "cursor-grab", R === t.column.id && "cursor-grabbing opacity-60", Ie === t.column.id && mt(t.column.id) === "before" && "bg-primary/5 shadow-[inset_2px_0_0_0_var(--primary)]", Ie === t.column.id && mt(t.column.id) === "after" && "bg-primary/5 shadow-[inset_-2px_0_0_0_var(--primary)]"),
+								colSpan: t.colSpan,
+								children: [/* @__PURE__ */ E("div", {
+									className: "truncate",
+									children: t.isPlaceholder ? null : t.column.getCanSort() ? /* @__PURE__ */ D("button", {
+										type: "button",
+										"aria-label": t.column.getIsSorted() === "asc" ? N("sortDesc") : N("sortAsc"),
+										className: "-mx-1 inline-flex items-center gap-1 rounded px-1 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/40 focus-visible:outline-none",
+										onClick: t.column.getToggleSortingHandler(),
+										children: [
+											O(t.column.columnDef.header, t.getContext()),
+											t.column.getIsSorted() === "asc" ? /* @__PURE__ */ E(ce, {
+												"aria-hidden": "true",
+												className: "size-3.5 text-primary"
+											}) : t.column.getIsSorted() === "desc" ? /* @__PURE__ */ E(se, {
+												"aria-hidden": "true",
+												className: "size-3.5 text-primary"
+											}) : /* @__PURE__ */ E(le, {
+												"aria-hidden": "true",
+												className: "size-3.5 opacity-40"
+											}),
+											Ke.length > 1 && t.column.getSortIndex() >= 0 && /* @__PURE__ */ E("span", {
+												className: "rounded bg-primary/15 px-1 text-[10px] tabular-nums text-primary",
+												children: t.column.getSortIndex() + 1
+											})
+										]
+									}) : O(t.column.columnDef.header, t.getContext())
+								}), !t.isPlaceholder && t.subHeaders.length === 0 && t.column.getCanResize() && t.column.id !== "select" && /* @__PURE__ */ E("div", {
+									role: "separator",
+									"aria-orientation": "vertical",
+									"aria-label": N("tableResize", { column: typeof t.column.columnDef.header == "string" ? t.column.columnDef.header : t.column.id }),
+									"aria-valuemin": X(t.column.id),
+									"aria-valuemax": Math.max(X(t.column.id), t.column.columnDef.maxSize ?? 2 ** 53 - 1),
+									"aria-valuenow": Math.round(Q[t.column.id] ?? X(t.column.id)),
+									tabIndex: 0,
+									className: "absolute right-0 top-0 h-full w-2 touch-none cursor-col-resize select-none border-r border-transparent hover:border-primary/40 hover:bg-primary/10 focus:bg-primary/10 focus:outline-none",
+									onPointerDown: (e) => {
+										e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), P.current = {
+											id: t.column.id,
+											x: e.clientX,
+											width: Q[t.column.id] ?? X(t.column.id)
+										};
+									},
+									onPointerMove: (e) => {
+										P.current?.id === t.column.id && ot(t.column.id, P.current.width + e.clientX - P.current.x, Math.max(X(t.column.id), t.column.columnDef.maxSize ?? 2 ** 53 - 1));
+									},
+									onPointerUp: () => {
+										P.current = null;
+									},
+									onPointerCancel: () => {
+										P.current = null;
+									},
+									onDoubleClick: () => L((e) => {
+										let n = { ...e };
+										return delete n[t.column.id], n;
+									}),
+									onKeyDown: (e) => {
+										(e.key === "ArrowLeft" || e.key === "ArrowRight") && (e.preventDefault(), ot(t.column.id, (Q[t.column.id] ?? X(t.column.id)) + (e.key === "ArrowRight" ? 16 : -16), Math.max(X(t.column.id), t.column.columnDef.maxSize ?? 2 ** 53 - 1)));
+									}
+								})]
+							}, t.id))
+						}, t.id)) }),
+						/* @__PURE__ */ D(d, { children: [
+							G && q > 0 && /* @__PURE__ */ E(h, {
+								className: "border-0",
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ E(p, {
+									colSpan: J.length,
+									className: "p-0",
+									style: { height: q * K }
+								})
+							}),
+							ee ? Array.from({ length: 4 }, (e, t) => /* @__PURE__ */ E(h, { children: i.map((e, t) => /* @__PURE__ */ E(p, {
+								className: "px-4 py-3",
+								children: /* @__PURE__ */ E(c, { className: "h-4 w-24" })
+							}, t)) }, t)) : W.length ? W.slice(q, tt).map((n) => /* @__PURE__ */ D(ae, { children: [/* @__PURE__ */ E(h, {
+								"data-row": "",
+								"data-clickable": k ? !0 : void 0,
+								className: e(de && n.index % 2 == 1 && "bg-table-stripe", k && "cursor-pointer"),
+								onClick: k ? (e) => {
+									e.target.closest(_e) || k(n.original);
+								} : void 0,
+								children: n.getVisibleCells().map((r, i) => /* @__PURE__ */ E(p, {
+									className: e(ve[be], pt(r.column.id)),
+									children: Y(r.column.id) ? /* @__PURE__ */ E("div", {
+										"data-action-content": !0,
+										className: "w-max",
+										children: O(r.column.columnDef.cell, r.getContext())
+									}) : r.column.id === "select" ? O(r.column.columnDef.cell, r.getContext()) : i === +!!st && j ? /* @__PURE__ */ D("div", {
+										className: "flex min-w-0 items-center gap-1.5",
+										children: [/* @__PURE__ */ E(t, {
+											type: "button",
+											variant: "ghost",
+											size: "icon-xs",
+											"aria-expanded": V.has(n.id),
+											"aria-label": N(V.has(n.id) ? "collapseRow" : "expandRow"),
+											onClick: () => {
+												Le((e) => {
+													let t = new Set(e);
+													return t.has(n.id) ? t.delete(n.id) : t.add(n.id), t;
+												});
+											},
+											children: /* @__PURE__ */ E(ue, {
+												"aria-hidden": "true",
+												className: e("size-3.5 transition-transform", V.has(n.id) && "rotate-90")
+											})
+										}), /* @__PURE__ */ E("span", {
+											className: "min-w-0 flex-1",
+											children: O(r.column.columnDef.cell, r.getContext())
+										})]
+									}) : /* @__PURE__ */ E(_, { children: O(r.column.columnDef.cell, r.getContext()) })
+								}, r.id))
+							}, n.id), j && V.has(n.id) && /* @__PURE__ */ E(h, {
+								className: "bg-muted/30 hover:bg-muted/30",
+								children: /* @__PURE__ */ E(p, {
+									colSpan: J.length,
+									className: "px-4 py-3",
+									children: j.content(n.original)
+								})
+							}, `${n.id}-detail`)] }, n.id)) : /* @__PURE__ */ E(h, {
+								className: "hover:bg-transparent focus-within:bg-transparent",
+								children: /* @__PURE__ */ E(p, {
+									colSpan: i.length,
+									className: "whitespace-normal",
+									children: /* @__PURE__ */ E(S, {
+										title: te,
+										description: o
+									})
+								})
+							}),
+							G && tt < W.length && /* @__PURE__ */ E(h, {
+								className: "border-0",
+								"aria-hidden": "true",
+								children: /* @__PURE__ */ E(p, {
+									colSpan: J.length,
+									className: "p-0",
+									style: { height: (W.length - tt) * K }
+								})
+							})
+						] })
+					]
+				})
+			}), s && /* @__PURE__ */ E("div", {
+				className: "mt-auto flex flex-wrap items-center justify-between gap-3 border-t border-table-border px-4 py-3 [&>div:only-child]:w-full [&>div:only-child]:p-0",
+				children: s
+			})]
+		})]
+	});
+}
+//#endregion
+export { be as ColumnManager, k as DataTable };

package/dist-package/components/descriptions.cjs

@@ -0,0 +1 @@
+const e=require("../lib/utils.cjs");let t=require("react"),n=require("react/jsx-runtime");function r({items:r,columns:i=2,bordered:a=!1,className:o}){return(0,n.jsx)(`dl`,{"data-slot":`descriptions`,className:e.cn(`grid text-sm`,i===1&&`grid-cols-1`,i===2&&`grid-cols-1 sm:grid-cols-2`,i===3&&`grid-cols-1 sm:grid-cols-2 xl:grid-cols-3`,a?`overflow-hidden rounded-lg border`:`gap-x-8 gap-y-4`,o),children:r.map(r=>(0,n.jsx)(t.Fragment,{children:(0,n.jsx)(`div`,{className:e.cn(`min-w-0`,r.span===2&&`sm:col-span-2`,r.span===3&&`sm:col-span-2 xl:col-span-3`,a&&`grid grid-cols-[7rem_minmax(0,1fr)] border-b last:border-b-0`),children:a?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`dt`,{className:`bg-muted/40 px-4 py-3 text-muted-foreground`,children:r.label}),(0,n.jsx)(`dd`,{className:`min-w-0 px-4 py-3`,children:r.value})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(`dt`,{className:`text-xs text-muted-foreground`,children:r.label}),(0,n.jsx)(`dd`,{className:`mt-1 min-w-0`,children:r.value})]})})},r.key))})}exports.Descriptions=r;

package/dist-package/components/descriptions.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from 'react';
+export type DescriptionItem = {
+    key: string;
+    label: ReactNode;
+    value: ReactNode;
+    /** 跨列展示，适合备注、地址这类长内容。 */
+    span?: 1 | 2 | 3;
+};
+/** 详情键值列表。 */
+export declare function Descriptions({ items, columns, bordered, className, }: {
+    items: DescriptionItem[];
+    columns?: 1 | 2 | 3;
+    bordered?: boolean;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=descriptions.d.ts.map

package/dist-package/components/descriptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["../../src/components/descriptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGhD,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,SAAS,CAAA;IAChB,KAAK,EAAE,SAAS,CAAA;IAChB,yBAAyB;IACzB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CACjB,CAAA;AAED,cAAc;AACd,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,OAAW,EACX,QAAgB,EAChB,SAAS,GACV,EAAE;IACD,KAAK,EAAE,eAAe,EAAE,CAAA;IACxB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAuCA"}

package/dist-package/components/descriptions.js

@@ -0,0 +1,28 @@
+import { cn as e } from "../lib/utils.js";
+import { Fragment as t } from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/descriptions.tsx
+function a({ items: a, columns: o = 2, bordered: s = !1, className: c }) {
+	return /* @__PURE__ */ r("dl", {
+		"data-slot": "descriptions",
+		className: e("grid text-sm", o === 1 && "grid-cols-1", o === 2 && "grid-cols-1 sm:grid-cols-2", o === 3 && "grid-cols-1 sm:grid-cols-2 xl:grid-cols-3", s ? "overflow-hidden rounded-lg border" : "gap-x-8 gap-y-4", c),
+		children: a.map((a) => /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r("div", {
+			className: e("min-w-0", a.span === 2 && "sm:col-span-2", a.span === 3 && "sm:col-span-2 xl:col-span-3", s && "grid grid-cols-[7rem_minmax(0,1fr)] border-b last:border-b-0"),
+			children: s ? /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("dt", {
+				className: "bg-muted/40 px-4 py-3 text-muted-foreground",
+				children: a.label
+			}), /* @__PURE__ */ r("dd", {
+				className: "min-w-0 px-4 py-3",
+				children: a.value
+			})] }) : /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("dt", {
+				className: "text-xs text-muted-foreground",
+				children: a.label
+			}), /* @__PURE__ */ r("dd", {
+				className: "mt-1 min-w-0",
+				children: a.value
+			})] })
+		}) }, a.key))
+	});
+}
+//#endregion
+export { a as Descriptions };

package/dist-package/components/editable-table.cjs

@@ -0,0 +1 @@
+const e=require("../lib/utils.cjs"),t=require("./ui/button.cjs"),n=require("../lib/use-ui-translation.cjs"),r=require("./ui/input.cjs"),i=require("./ui/native-select.cjs"),a=require("./ui/switch.cjs"),o=require("./ui/table.cjs");let s=require("react"),c=require("lucide-react"),l=require("react/jsx-runtime");function u({id:e,column:t,index:o,value:s,onChange:c}){let{t:u}=n.useUiTranslation(),d=u(`editableTable.cellLabel`,{column:t.label,index:o+1});switch(t.type){case`select`:return(0,l.jsxs)(i.NativeSelect,{id:e,"aria-label":d,value:s,onChange:e=>c(e.target.value),children:[(0,l.jsx)(`option`,{value:``,children:u(`editableTable.emptyCell`)}),t.options?.map(e=>(0,l.jsx)(`option`,{value:e.value,children:e.label},e.value))]});case`switch`:return(0,l.jsx)(a.Switch,{id:e,"aria-label":d,checked:s===`true`,onCheckedChange:e=>c(e?`true`:`false`)});case`date`:case`number`:return(0,l.jsx)(r.Input,{id:e,type:t.type,className:`h-9`,"aria-label":d,placeholder:t.placeholder,value:s,onChange:e=>c(e.target.value)});default:return(0,l.jsx)(r.Input,{id:e,className:`h-9`,"aria-label":d,placeholder:t.placeholder,value:s,onChange:e=>c(e.target.value)})}}function d({column:t,value:r}){let{t:i}=n.useUiTranslation();if(t.type===`switch`)return(0,l.jsx)(`span`,{className:e.cn(`text-sm`,r!==`true`&&`text-muted-foreground`),children:i(r===`true`?`editableTable.on`:`editableTable.off`)});let a=t.type===`select`?t.options?.find(e=>e.value===r)?.label:r;return(0,l.jsx)(`span`,{className:e.cn(!a&&`text-muted-foreground`),children:a||i(`editableTable.emptyCell`)})}function f({columns:r,defaultRows:i=[],onChange:a,maxRows:f,stickyActions:p=!0,className:m}){let{t:h}=n.useUiTranslation(),[g,_]=(0,s.useState)(()=>i.map(e=>({...e,editing:!1,draft:e.values,isNew:!1}))),v=(0,s.useRef)(0),y=(0,s.useRef)(null);(0,s.useEffect)(()=>{if(!y.current)return;let e=r[0],t=e?document.getElementById(`${y.current}-${e.key}`):null;y.current=null,t instanceof HTMLInputElement&&t.focus()});function b(e){_(e),a?.(e.map(({id:e,values:t})=>({id:e,values:t})))}function x(){v.current+=1;let e=`new-${v.current}`;y.current=e,b([...g,{id:e,values:{},draft:{},editing:!0,isNew:!0}])}function S(e){b(g.map(t=>t.id===e?{...t,editing:!0,draft:t.values}:t))}function C(e){b(g.map(t=>t.id===e?{...t,editing:!1,values:t.draft,isNew:!1}:t))}function w(e){if(g.find(t=>t.id===e)?.isNew){b(g.filter(t=>t.id!==e));return}b(g.map(t=>t.id===e?{...t,editing:!1,draft:t.values}:t))}function T(e){b(g.filter(t=>t.id!==e))}function E(e,t,n){_(r=>r.map(r=>r.id===e?{...r,draft:{...r.draft,[t]:n}}:r))}return(0,l.jsx)(`div`,{className:e.cn(`data-table flex flex-col overflow-hidden rounded-lg border border-table-border bg-card`,`[&>[data-slot=table-container]]:overflow-x-auto`,`[&_[data-slot=table-header]]:sticky [&_[data-slot=table-header]]:top-0 [&_[data-slot=table-header]]:z-10`,f&&`[&>[data-slot=table-container]]:max-h-(--editable-table-max-height)`,m),style:f?{"--editable-table-max-height":`${f*45+45}px`}:void 0,children:(0,l.jsxs)(o.Table,{children:[(0,l.jsx)(o.TableHeader,{children:(0,l.jsxs)(o.TableRow,{children:[r.map(e=>(0,l.jsx)(o.TableHead,{children:e.label},e.key)),(0,l.jsx)(o.TableHead,{className:e.cn(`w-px whitespace-nowrap text-left`,p&&`sticky right-0 z-10 border-l border-table-border bg-table-header`),children:h(`sample.columnActions`)})]})}),(0,l.jsxs)(o.TableBody,{children:[g.map((n,i)=>(0,l.jsxs)(o.TableRow,{className:`group/row`,"data-editing":n.editing||void 0,children:[r.map(e=>(0,l.jsx)(o.TableCell,{className:`align-middle`,children:n.editing?(0,l.jsx)(u,{id:`${n.id}-${e.key}`,column:e,index:i,value:n.draft[e.key]??``,onChange:t=>E(n.id,e.key,t)}):(0,l.jsx)(d,{column:e,value:n.values[e.key]??``})},e.key)),(0,l.jsx)(o.TableCell,{className:e.cn(p&&`sticky right-0 z-10 border-l border-table-border bg-card group-hover/row:bg-table-hover`),children:(0,l.jsx)(`div`,{className:`flex justify-start gap-2`,children:n.editing?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Button,{type:`button`,size:`icon-sm`,onClick:()=>C(n.id),"aria-label":h(`editableTable.saveRow`,{index:i+1}),title:h(`save`),children:(0,l.jsx)(c.Check,{"aria-hidden":`true`})}),(0,l.jsx)(t.Button,{type:`button`,size:`icon-sm`,variant:`outline`,onClick:()=>w(n.id),"aria-label":h(`editableTable.cancelRow`,{index:i+1}),title:h(`cancel`),children:(0,l.jsx)(c.X,{"aria-hidden":`true`})})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(t.Button,{type:`button`,size:`icon-sm`,variant:`outline`,onClick:()=>S(n.id),"aria-label":h(`editableTable.editRow`,{index:i+1}),title:h(`editableTable.edit`),children:(0,l.jsx)(c.SquarePen,{"aria-hidden":`true`})}),(0,l.jsx)(t.Button,{type:`button`,size:`icon-sm`,variant:`outline`,className:`border-danger/25 bg-danger-soft text-danger hover:border-danger/40 hover:bg-danger/12 hover:text-danger`,onClick:()=>T(n.id),"aria-label":h(`editableTable.removeRow`,{index:i+1}),title:h(`editableTable.remove`),children:(0,l.jsx)(c.Trash2,{"aria-hidden":`true`})})]})})})]},n.id)),(0,l.jsx)(o.TableRow,{children:(0,l.jsx)(o.TableCell,{colSpan:r.length+1,className:`p-0`,children:(0,l.jsxs)(`button`,{type:`button`,onClick:x,className:`flex h-11 w-full items-center justify-center gap-2 text-sm text-muted-foreground transition-colors hover:bg-accent hover:text-foreground`,children:[(0,l.jsx)(c.Plus,{"aria-hidden":`true`,className:`size-4`}),h(`editableTable.addRow`)]})})})]})]})})}exports.EditableTable=f;

package/dist-package/components/editable-table.d.ts

@@ -0,0 +1,27 @@
+export type EditableTableColumn = {
+    key: string;
+    label: string;
+    /** 行内编辑控件：文本（默认）、数字、日期、下拉、开关。 */
+    type?: 'text' | 'number' | 'date' | 'select' | 'switch';
+    placeholder?: string;
+    /** type=select 时的选项 */
+    options?: {
+        value: string;
+        label: string;
+    }[];
+};
+export type EditableTableValue = {
+    id: string;
+    values: Record<string, string>;
+};
+export declare function EditableTable({ columns, defaultRows, onChange, maxRows, stickyActions, className, }: {
+    columns: EditableTableColumn[];
+    defaultRows?: EditableTableValue[];
+    onChange?: (rows: EditableTableValue[]) => void;
+    /** 行数超过这个值时表格内部纵向滚动（表头吸顶）。不传就不限高，不出现纵向滚动条。 */
+    maxRows?: number;
+    /** 操作列固定在右侧：列多时左侧横向滚动，操作按钮始终可见。默认开启。 */
+    stickyActions?: boolean;
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=editable-table.d.ts.map

package/dist-package/components/editable-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable-table.d.ts","sourceRoot":"","sources":["../../src/components/editable-table.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACvD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uBAAuB;IACvB,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAC7C,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAAE,CAAA;AAmG/E,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,WAAgB,EAChB,QAAQ,EACR,OAAO,EACP,aAAoB,EACpB,SAAS,GACV,EAAE;IACD,OAAO,EAAE,mBAAmB,EAAE,CAAA;IAC9B,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAClC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAA;IAC/C,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,wCAAwC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAkMA"}