@vanstack/solid-ark 0.0.12 → 0.0.14

package/dist/{FormSelect-Dex9R5TZ.js → FormSelect-BDZATc3u.js}

@@ -1,20 +1,20 @@
 import "./solid-ark.css";
 import { Index as e, Portal as t, createComponent as n, memo as r, template as i } from "solid-js/web";
-import { createMemo as a } from "solid-js";
-import { Select as o, createListCollection as s } from "@ark-ui/solid/select";
+import { Show as a, createMemo as o } from "solid-js";
+import { Select as s, createListCollection as c } from "@ark-ui/solid/select";
 //#region src/form/components/FormSelect.tsx
-var c = /*#__PURE__*/ i("<svg fill=none height=14 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox=\"0 0 24 24\"width=14 xmlns=http://www.w3.org/2000/svg><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\">"), l = /*#__PURE__*/ i("<svg fill=none height=16 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox=\"0 0 24 24\"width=16 xmlns=http://www.w3.org/2000/svg><path d=\"m7 15 5 5 5-5\"></path><path d=\"m7 9 5-5 5 5\">");
-function u() {
-	return c();
+var l = /*#__PURE__*/ i("<svg fill=none height=14 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox=\"0 0 24 24\"width=14 xmlns=http://www.w3.org/2000/svg><path d=\"M18 6 6 18\"></path><path d=\"m6 6 12 12\">"), u = /*#__PURE__*/ i("<svg fill=none height=16 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox=\"0 0 24 24\"width=16 xmlns=http://www.w3.org/2000/svg><path d=\"m7 15 5 5 5-5\"></path><path d=\"m7 9 5-5 5 5\">"), d = /*#__PURE__*/ i("<div class=van-form-select-empty>暂无数据");
+function f() {
+	return l();
 }
-function d(i) {
-	let c = a(() => s({ items: i.field.options.map((e) => ({
+function p(i) {
+	let l = o(() => c({ items: i.field.options.map((e) => ({
 		label: e.label,
 		value: e.value
 	})) }));
-	return n(o.Root, {
+	return n(s.Root, {
 		get collection() {
-			return c();
+			return l();
 		},
 		get id() {
 			return i.controlId;
@@ -26,14 +26,14 @@ function d(i) {
 		},
 		get children() {
 			return [
-				n(o.Control, {
+				n(s.Control, {
 					class: "van-form-select-control",
 					get children() {
 						return [
-							n(o.Trigger, {
+							n(s.Trigger, {
 								class: "van-form-select-trigger",
 								get children() {
-									return n(o.ValueText, {
+									return n(s.ValueText, {
 										class: "van-form-select-value",
 										get placeholder() {
 											return i.field.placeholder ?? "请选择";
@@ -41,53 +41,63 @@ function d(i) {
 									});
 								}
 							}),
-							r(() => r(() => i.field.clearable === !0)() && n(o.ClearTrigger, {
+							r(() => r(() => i.field.clearable === !0)() && n(s.ClearTrigger, {
 								class: "van-form-select-clear",
 								get children() {
-									return n(u, {});
+									return n(f, {});
 								}
 							})),
-							n(o.Indicator, {
+							n(s.Indicator, {
 								class: "van-form-select-indicator",
 								get children() {
-									return l();
+									return u();
 								}
 							})
 						];
 					}
 				}),
 				n(t, { get children() {
-					return n(o.Positioner, {
+					return n(s.Positioner, {
 						class: "van-form-select-positioner",
 						get children() {
-							return n(o.Content, {
+							return n(s.Content, {
 								class: "van-form-select-content",
 								get children() {
-									return n(e, {
-										get each() {
-											return i.field.options;
+									return n(a, {
+										get fallback() {
+											return n(e, {
+												get each() {
+													return i.field.options;
+												},
+												children: (e) => n(s.Item, {
+													class: "van-form-select-item",
+													get item() {
+														return e();
+													},
+													get children() {
+														return n(s.ItemText, { get children() {
+															return e().label;
+														} });
+													}
+												})
+											});
 										},
-										children: (e) => n(o.Item, {
-											class: "van-form-select-item",
-											get item() {
-												return e();
-											},
-											get children() {
-												return n(o.ItemText, { get children() {
-													return e().label;
-												} });
-											}
-										})
+										get when() {
+											return i.field.options.length === 0;
+										},
+										get children() {
+											return d();
+										}
 									});
 								}
 							});
 						}
 					});
 				} }),
-				n(o.HiddenSelect, {})
+				n(s.HiddenSelect, {})
 			];
 		}
 	});
 }
 //#endregion
-export { d as FormSelect };
+export { p as FormSelect };

package/dist/badge/Badge.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from 'solid-js';
+export type BadgeVariant = "danger" | "outline" | "primary" | "success" | "warning";
+export type BadgeSize = "default" | "large" | "small";
+export interface BadgeProps {
+    /** 徽标内容 */
+    children: JSX.Element;
+    /** 语义配色，与 Button variant 一致，默认 "primary" */
+    variant?: BadgeVariant;
+    /** 尺寸：default 20 / small 24 / large 28px 高，默认 "default" */
+    size?: BadgeSize;
+    /** 额外 class，可覆盖配色、圆角等 */
+    className?: string;
+}
+/** 通用徽标（ark-ui 无 Badge 原语，自建展示组件；语义配色由 variant 控制） */
+export declare function Badge(props: BadgeProps): JSX.Element;

package/dist/badge/index.d.ts

@@ -0,0 +1,2 @@
+export { Badge } from './Badge';
+export type { BadgeProps, BadgeSize, BadgeVariant } from './Badge';

package/dist/badge/index.mjs

@@ -0,0 +1,17 @@
+import "../solid-ark.css";
+import { className as e, effect as t, insert as n, template as r } from "solid-js/web";
+//#region src/badge/Badge.tsx
+var i = /*#__PURE__*/ r("<span>");
+function a(r) {
+	return (() => {
+		var a = i();
+		return n(a, () => r.children), t(() => e(a, [
+			"van-badge",
+			`van-badge-${r.variant ?? "primary"}`,
+			`van-badge-${r.size ?? "default"}`,
+			r.className
+		].filter(Boolean).join(" "))), a;
+	})();
+}
+//#endregion
+export { a as Badge };

package/dist/data-table/EllipsisCell.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'solid-js';
+/** 单元格省略显示：挂载时测量，仅当文本超长时标记 data-ellipsis 并携带完整文本；
+ *  浮动 tooltip 由 DataTable 根节点统一渲染（事件委托，全表仅 1 个），本组件不渲染气泡 */
+export declare function EllipsisCell(props: {
+    children: JSX.Element;
+    text: string;
+}): JSX.Element;

package/dist/data-table/index.d.ts

@@ -1,4 +1,4 @@
 export type { FieldConfig } from '../form/type';
 export { DataTable } from './DataTable';
-export type { DataTableColumnDef, DataTableProps, DataTableQuery, DataTableResult, DataTableSearchHandler, } from './type';
+export type { DataTableAction, DataTableColumnDef, DataTableProps, DataTableQuery, DataTableResult, DataTableSearchHandler, } from './type';
 export type { ColumnDef, SortingState } from '@tanstack/solid-table';

package/dist/data-table/index.mjs

@@ -1,37 +1,50 @@
 import "../solid-ark.css";
 import { t as e } from "../button-Br_upy12.js";
-import { t } from "../form-M09UvXpo.js";
-import { t as n } from "../table-B88tYpbb.js";
-import { className as r, createComponent as i, effect as a, insert as o, memo as s, setAttribute as c, template as l } from "solid-js/web";
-import { For as u, Show as d, createEffect as f, createMemo as p, createSignal as m, mergeProps as h, on as g, onMount as _ } from "solid-js";
-import { Pagination as v } from "@ark-ui/solid/pagination";
+import { t } from "../form-IwL17HZI.js";
+import { t as n } from "../table-D3DgojFM.js";
+import { className as r, createComponent as i, effect as a, insert as o, memo as s, setAttribute as c, setStyleProperty as l, template as u, use as d } from "solid-js/web";
+import { For as f, Show as p, createEffect as m, createMemo as h, createSignal as g, mergeProps as _, on as v, onCleanup as ee, onMount as y } from "solid-js";
+import { formatDate as te, formatDateTime as b, formatShortDateTime as ne } from "@vanstack/shared";
+import { Pagination as x } from "@ark-ui/solid/pagination";
+//#region src/data-table/EllipsisCell.tsx
+var S = /*#__PURE__*/ u("<span class=van-data-table-ellipsis>");
+function C(e) {
+	let t;
+	return y(() => {
+		t && t.scrollWidth > t.clientWidth && (t.dataset.ellipsis = "true", t.dataset.text = e.text);
+	}), (() => {
+		var n = S(), r = t;
+		return typeof r == "function" ? d(r, n) : t = n, o(n, () => e.children), n;
+	})();
+}
+//#endregion
 //#region src/data-table/Pagination.tsx
-var y = /*#__PURE__*/ l("<svg class=van-data-table-pagination-icon fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox=\"0 0 24 24\"><path>"), b = /*#__PURE__*/ l("<svg class=van-data-table-pagination-icon fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox=\"0 0 24 24\">"), x = /*#__PURE__*/ l("<svg><path d=\"M11 6l-6 6 6 6\"></svg>", !1, !0, !1), S = /*#__PURE__*/ l("<svg><path d=\"M18 6l-6 6 6 6\"></svg>", !1, !0, !1), C = /*#__PURE__*/ l("<svg><path d=\"M13 6l6 6-6 6\"></svg>", !1, !0, !1), w = /*#__PURE__*/ l("<svg><path d=\"M6 6l6 6-6 6\"></svg>", !1, !0, !1), T = /*#__PURE__*/ l("<div class=van-data-table-pagination-buttons>"), E = /*#__PURE__*/ l("<div class=van-data-table-pagination><span class=van-data-table-pagination-info>共 <!> 条");
-function D(e) {
+var w = /*#__PURE__*/ u("<svg class=van-data-table-pagination-icon fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox=\"0 0 24 24\"><path>"), T = /*#__PURE__*/ u("<svg class=van-data-table-pagination-icon fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox=\"0 0 24 24\">"), E = /*#__PURE__*/ u("<svg><path d=\"M11 6l-6 6 6 6\"></svg>", !1, !0, !1), D = /*#__PURE__*/ u("<svg><path d=\"M18 6l-6 6 6 6\"></svg>", !1, !0, !1), O = /*#__PURE__*/ u("<svg><path d=\"M13 6l6 6-6 6\"></svg>", !1, !0, !1), k = /*#__PURE__*/ u("<svg><path d=\"M6 6l6 6-6 6\"></svg>", !1, !0, !1), A = /*#__PURE__*/ u("<div class=van-data-table-pagination-buttons>"), j = /*#__PURE__*/ u("<div class=van-data-table-pagination><span class=van-data-table-pagination-info>共 <!> 条");
+function M(e) {
 	return (() => {
-		var t = y(), n = t.firstChild;
+		var t = w(), n = t.firstChild;
 		return a(() => c(n, "d", e.direction === "left" ? "M15 6l-6 6 6 6" : "M9 6l6 6-6 6")), t;
 	})();
 }
-function O(e) {
+function N(e) {
 	return (() => {
-		var t = b();
+		var t = T();
 		return o(t, (() => {
 			var t = s(() => e.direction === "left");
-			return () => t() ? [x(), S()] : [C(), w()];
+			return () => t() ? [E(), D()] : [O(), k()];
 		})()), t;
 	})();
 }
-function k(e) {
+function re(e) {
 	let t = () => Math.max(1, Math.ceil(e.count / e.pageSize));
 	return (() => {
-		var n = E(), r = n.firstChild, a = r.firstChild.nextSibling;
-		return a.nextSibling, o(r, () => e.count, a), o(n, i(d, {
+		var n = j(), r = n.firstChild, a = r.firstChild.nextSibling;
+		return a.nextSibling, o(r, () => e.count, a), o(n, i(p, {
 			get when() {
 				return t() > 1;
 			},
 			get children() {
-				return i(v.Root, {
+				return i(x.Root, {
 					get count() {
 						return e.count;
 					},
@@ -45,22 +58,22 @@ function k(e) {
 					},
 					translations: { rootLabel: "分页" },
 					get children() {
-						var e = T();
-						return o(e, i(v.FirstTrigger, {
+						var e = A();
+						return o(e, i(x.FirstTrigger, {
 							class: "van-data-table-pagination-btn",
 							get children() {
-								return i(O, { direction: "left" });
+								return i(N, { direction: "left" });
 							}
-						}), null), o(e, i(v.PrevTrigger, {
+						}), null), o(e, i(x.PrevTrigger, {
 							class: "van-data-table-pagination-btn",
 							get children() {
-								return i(D, { direction: "left" });
+								return i(M, { direction: "left" });
 							}
-						}), null), o(e, i(v.Context, { children: (e) => i(u, {
+						}), null), o(e, i(x.Context, { children: (e) => i(f, {
 							get each() {
 								return e().pages;
 							},
-							children: (e, t) => e.type === "page" ? i(v.Item, {
+							children: (e, t) => e.type === "page" ? i(x.Item, {
 								class: "van-data-table-pagination-btn",
 								type: "page",
 								get value() {
@@ -69,22 +82,22 @@ function k(e) {
 								get children() {
 									return e.value;
 								}
-							}) : i(v.Ellipsis, {
+							}) : i(x.Ellipsis, {
 								class: "van-data-table-pagination-ellipsis",
 								get index() {
 									return t();
 								},
 								children: "…"
 							})
-						}) }), null), o(e, i(v.NextTrigger, {
+						}) }), null), o(e, i(x.NextTrigger, {
 							class: "van-data-table-pagination-btn",
 							get children() {
-								return i(D, { direction: "right" });
+								return i(M, { direction: "right" });
 							}
-						}), null), o(e, i(v.LastTrigger, {
+						}), null), o(e, i(x.LastTrigger, {
 							class: "van-data-table-pagination-btn",
 							get children() {
-								return i(O, { direction: "right" });
+								return i(N, { direction: "right" });
 							}
 						}), null), e;
 					}
@@ -95,117 +108,194 @@ function k(e) {
 }
 //#endregion
 //#region src/data-table/DataTable.tsx
-var A = /*#__PURE__*/ l("<svg fill=none height=16 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox=\"0 0 24 24\"width=16 xmlns=http://www.w3.org/2000/svg><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"></path><path d=\"M3 3v5h5\">"), j = /*#__PURE__*/ l("<div class=van-data-table-search>"), M = /*#__PURE__*/ l("<div class=van-data-table-toolbar>"), N = /*#__PURE__*/ l("<div>"), P = /*#__PURE__*/ l("<div class=van-data-table-search-actions>");
-function F() {
-	return A();
+var P = /*#__PURE__*/ u("<svg fill=none height=16 stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=2 viewBox=\"0 0 24 24\"width=16 xmlns=http://www.w3.org/2000/svg><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"></path><path d=\"M3 3v5h5\">"), ie = /*#__PURE__*/ u("<div class=van-data-table-actions>"), ae = /*#__PURE__*/ u("<div class=van-data-table-search>"), F = /*#__PURE__*/ u("<div class=van-data-table-toolbar>"), I = /*#__PURE__*/ u("<div>"), L = /*#__PURE__*/ u("<div class=van-data-table-search-actions>"), R = /*#__PURE__*/ u("<div class=van-data-table-tooltip>");
+function z() {
+	return P();
 }
-function I(s) {
-	let c = h({
+function B(s) {
+	let c = _({
 		defaultPage: 1,
 		defaultPageSize: 10,
 		emptyText: "暂无数据",
 		showSearchActions: !0
-	}, s), l = p(() => c.searchFields ?? []), u = p(() => l().map((e) => ({
+	}, s), u = h(() => c.searchFields ?? []), x = h(() => u().map((e) => ({
 		...e,
 		label: void 0
-	}))), v = p(() => c.data !== void 0), y = p(() => s.selectable ?? !!s.onSelectionChange), [b, x] = m(c.searchValues ?? {}), [S, C] = m(c.searchValues ?? {});
-	f(g(() => c.searchValues, (e) => {
-		e && x(() => e);
+	}))), S = h(() => c.data !== void 0), w = h(() => s.selectable ?? !!s.onSelectionChange), [T, E] = g(c.searchValues ?? {}), [D, O] = g(c.searchValues ?? {});
+	m(v(() => c.searchValues, (e) => {
+		e && E(() => e);
 	}));
-	let [w, T] = m(c.defaultPage), [E, D] = m(c.defaultPageSize), [O, A] = m([]), I = p(() => {
-		let e = 0, t = [];
-		for (let n of c.columns) {
-			if (n.type === "index") {
-				if (e += 1, e > 1) throw Error("[solid-ark] DataTable columns 只允许一个 type=\"index\" 列");
-				t.push({
+	let [k, A] = g(c.defaultPage), [j, M] = g(c.defaultPageSize), [N, P] = g([]), B = h(() => {
+		let t = 0, n = [];
+		for (let r of c.columns) {
+			let a = r.type;
+			if (a === "index") {
+				if (t += 1, t > 1) throw Error("[solid-ark] DataTable columns 只允许一个 type=\"index\" 列");
+				let e = {
 					id: "__index__",
 					header: "#",
+					size: 76,
+					meta: { align: "center" },
 					enableSorting: !1,
 					enableColumnFilter: !1,
 					enableHiding: !1,
-					cell: ({ row: e }) => (w() - 1) * E() + e.index + 1
+					...r,
+					cell: ({ row: e }) => (k() - 1) * j() + e.index + 1
+				};
+				n.push(e);
+				continue;
+			}
+			if (a === "date" || a === "dateTime" || a === "shortDateTime") {
+				let e = r;
+				if (!e.accessorKey) throw Error("[solid-ark] 时间戳列（type=\"date/dateTime/shortDateTime\"）必须提供 accessorKey");
+				let t = e.accessorKey, i = e.type === "date" ? te : e.type === "dateTime" ? b : ne;
+				n.push({
+					id: t,
+					accessorKey: t,
+					header: e.header ?? t,
+					enableSorting: e.enableSorting ?? !1,
+					cell: (e) => i(e.getValue())
 				});
 				continue;
 			}
-			t.push(n);
+			if (a === "action") {
+				let t = r, a = t.actions ?? [];
+				if (a.length === 0) continue;
+				n.push({
+					id: "__actions__",
+					header: t.header ?? "操作",
+					enableSorting: !1,
+					cell: ({ row: t }) => (() => {
+						var n = ie();
+						return o(n, i(f, {
+							each: a,
+							children: (n) => i(e, {
+								onClick: () => n.onClick(t.original),
+								get variant() {
+									return n.variant ?? "outline";
+								},
+								get children() {
+									return n.label;
+								}
+							})
+						})), n;
+					})()
+				});
+				continue;
+			}
+			let s = r.ellipsis === !0, c = r.size;
+			if (s && typeof c == "number") {
+				let e = r.cell;
+				n.push({
+					...r,
+					cell: (t) => i(C, {
+						get text() {
+							return String(t.getValue() ?? "");
+						},
+						children: typeof e == "function" ? e(t) : e ?? String(t.getValue() ?? "")
+					})
+				});
+				continue;
+			}
+			n.push(r);
 		}
-		return t;
-	}), [L, R] = m([]), [z, B] = m(0), [V, H] = m(!1), U = p(() => v() ? c.data : L()), W = p(() => v() ? c.total ?? U().length : z()), G = p(() => v() ? c.loading ?? !1 : V()), K = (e, t, n) => ({
+		return n;
+	}), V, [H, U] = g(null);
+	y(() => {
+		let e = V;
+		if (!e) return;
+		let t = (e) => {
+			let t = e.target.closest(".van-data-table-ellipsis[data-ellipsis]");
+			if (!t) return;
+			let n = t.getBoundingClientRect();
+			U({
+				left: n.left,
+				text: t.dataset.text ?? "",
+				top: n.bottom + 6
+			});
+		}, n = (e) => {
+			e.relatedTarget?.closest?.(".van-data-table-ellipsis[data-ellipsis]") || U(null);
+		};
+		e.addEventListener("mouseover", t), e.addEventListener("mouseout", n), ee(() => {
+			e.removeEventListener("mouseover", t), e.removeEventListener("mouseout", n);
+		});
+	});
+	let [W, G] = g([]), [K, q] = g(0), [oe, J] = g(!1), Y = h(() => S() ? c.data : W()), se = h(() => S() ? c.total ?? Y().length : K()), X = h(() => S() ? c.loading ?? !1 : oe()), Z = (e, t, n) => ({
 		page: e,
 		pageSize: t,
 		sorting: n
-	}), q = 0, J = async (e, t) => {
-		if (v()) {
+	}), Q = 0, $ = async (e, t) => {
+		if (S()) {
 			s.onSearch(e, t);
 			return;
 		}
-		let n = ++q;
-		H(!0);
+		let n = ++Q;
+		J(!0);
 		try {
 			let r = await s.onSearch(e, t);
-			if (n !== q) return;
-			R(r.data), B(r.total);
+			if (n !== Q) return;
+			G(r.data), q(r.total);
 		} catch (e) {
-			if (n !== q) return;
+			if (n !== Q) return;
 			s.onError?.(e);
 		} finally {
-			n === q && H(!1);
+			n === Q && J(!1);
 		}
 	};
-	_(() => {
-		v() || J(S(), K(w(), E(), O()));
+	y(() => {
+		S() || $(D(), Z(k(), j(), N()));
 	});
-	let Y = (e) => {
-		C(() => e), T(1), J(e, K(1, E(), O()));
-	}, X = () => {
-		let e = Object.fromEntries(l().map((e) => [e.name, void 0]));
-		x(() => e), C(() => e), T(1), J(e, K(1, E(), O()));
-	}, Z = (e) => {
-		e !== w() && (T(e), c.onPageChange?.(e), J(S(), K(e, E(), O())));
-	}, Q = (e) => {
-		e !== E() && (D(e), T(1), c.onPageSizeChange?.(e), J(S(), K(1, e, O())));
-	}, $ = (e) => {
-		A(e), c.onSortingChange?.(e), T(1), J(S(), K(1, E(), e));
+	let ce = (e) => {
+		O(() => e), A(1), $(e, Z(1, j(), N()));
+	}, le = () => {
+		let e = Object.fromEntries(u().map((e) => [e.name, void 0]));
+		E(() => e), O(() => e), A(1), $(e, Z(1, j(), N()));
+	}, ue = (e) => {
+		e !== k() && (A(e), c.onPageChange?.(e), $(D(), Z(e, j(), N())));
+	}, de = (e) => {
+		e !== j() && (M(e), A(1), c.onPageSizeChange?.(e), $(D(), Z(1, e, N())));
+	}, fe = (e) => {
+		P(e), c.onSortingChange?.(e), A(1), $(D(), Z(1, j(), e));
 	};
 	return (() => {
-		var f = N();
-		return o(f, i(d, {
+		var f = I(), m = V;
+		return typeof m == "function" ? d(m, f) : V = f, o(f, i(p, {
 			get when() {
-				return l().length > 0;
+				return u().length > 0;
 			},
 			get children() {
-				var n = j();
+				var n = ae();
 				return o(n, i(t, {
 					get fields() {
-						return u();
+						return x();
 					},
-					onSubmit: ({ value: e }) => Y(e),
+					onSubmit: ({ value: e }) => ce(e),
 					get onValuesChange() {
 						return c.onSearchValuesChange;
 					},
 					get values() {
-						return b();
+						return T();
 					},
-					children: () => i(d, {
+					children: () => i(p, {
 						get when() {
 							return c.showSearchActions;
 						},
 						get children() {
-							var t = P();
+							var t = L();
 							return o(t, i(e, {
 								"aria-label": "重置",
 								class: "van-btn-icon-only",
 								get disabled() {
-									return G();
+									return X();
 								},
-								onClick: X,
+								onClick: le,
 								variant: "outline",
 								get children() {
-									return i(F, {});
+									return i(z, {});
 								}
 							}), null), o(t, i(e, {
 								get disabled() {
-									return G();
+									return X();
 								},
 								type: "submit",
 								children: "查询"
@@ -214,26 +304,26 @@ function I(s) {
 					})
 				})), n;
 			}
-		}), null), o(f, i(d, {
+		}), null), o(f, i(p, {
 			get when() {
 				return c.children;
 			},
 			get children() {
-				var e = M();
+				var e = F();
 				return o(e, () => c.children), e;
 			}
 		}), null), o(f, i(n, {
 			get columns() {
-				return I();
+				return B();
 			},
 			get data() {
-				return U();
+				return Y();
 			},
 			get emptyText() {
 				return c.emptyText;
 			},
 			get loading() {
-				return G();
+				return X();
 			},
 			get onRowClick() {
 				return c.onRowClick;
@@ -241,30 +331,44 @@ function I(s) {
 			get onSelectionChange() {
 				return c.onSelectionChange;
 			},
-			onSortingChange: $,
+			onSortingChange: fe,
 			get rowId() {
 				return c.rowId;
 			},
 			get selectable() {
-				return y();
+				return w();
 			},
 			get selectedRowIds() {
 				return c.selectedRowIds;
 			}
-		}), null), o(f, i(k, {
+		}), null), o(f, i(re, {
 			get count() {
-				return W();
+				return se();
 			},
-			onPageChange: Z,
-			onPageSizeChange: Q,
+			onPageChange: ue,
+			onPageSizeChange: de,
 			get page() {
-				return w();
+				return k();
 			},
 			get pageSize() {
-				return E();
+				return j();
 			}
+		}), null), o(f, i(p, {
+			get when() {
+				return H();
+			},
+			children: (e) => (() => {
+				var t = R();
+				return o(t, () => e().text), a((n) => {
+					var r = `${e().left}px`, i = `${e().top}px`;
+					return r !== n.e && l(t, "left", n.e = r), i !== n.t && l(t, "top", n.t = i), n;
+				}, {
+					e: void 0,
+					t: void 0
+				}), t;
+			})()
 		}), null), a(() => r(f, `van-data-table ${s.className ?? ""}`)), f;
 	})();
 }
 //#endregion
-export { I as DataTable };
+export { B as DataTable };

package/dist/data-table/type.d.ts

@@ -1,5 +1,6 @@
 import { ColumnDef, SortingState } from '@tanstack/solid-table';
 import { JSX } from 'solid-js';
+import { ButtonVariant } from '../button';
 import { FieldConfig } from '../form/type';
 /** onSearch 的返回值：当前页数据与总条数 */
 export interface DataTableResult<TData> {
@@ -12,10 +13,25 @@ export interface DataTableQuery {
     pageSize: number;
     sorting: SortingState;
 }
-/** DataTable 扩展的列类型：type = "index" 时渲染为序号列（表头 #，页码感知递增），只允许一个 */
-export type DataTableColumnDef<TData> = ColumnDef<TData> | {
-    type: "index";
-};
+/** 操作列按钮配置 */
+export interface DataTableAction<TData> {
+    /** 按钮文字/内容 */
+    label: string;
+    /** 点击回调，接收行数据 */
+    onClick: (row: TData) => void;
+    /** 按钮变体，默认 "outline" */
+    variant?: ButtonVariant;
+}
+type UnionToIntersection<T> = (T extends unknown ? (arg: T) => void : never) extends (arg: infer I) => void ? I : never;
+/** DataTable 扩展的列类型：包含 ColumnDef 全部属性，另加 type / actions 扩展 */
+export type DataTableColumnDef<TData> = {
+    /** type="action" 时的操作按钮配置；未提供则忽略该列 */
+    actions?: DataTableAction<TData>[];
+    /** 单元格超长省略显示，hover 展示完整内容；需同时设置 ColumnDef 的 size 列宽，否则不生效 */
+    ellipsis?: boolean;
+    /** 特殊列类型：index=序号列；date/dateTime/shortDateTime=时间戳格式化列；action=操作按钮列 */
+    type?: "action" | "date" | "dateTime" | "index" | "shortDateTime";
+} & Partial<UnionToIntersection<ColumnDef<TData>>>;
 /** 取数函数：接收表单值与查询参数，返回当前页数据与总条数 */
 export type DataTableSearchHandler<TData, TSearch> = (values: TSearch, query: DataTableQuery) => DataTableResult<TData> | Promise<DataTableResult<TData>> | undefined;
 export interface DataTableProps<TData, TSearch extends Record<string, unknown> = Record<string, unknown>> {
@@ -61,3 +77,4 @@ export interface DataTableProps<TData, TSearch extends Record<string, unknown> =
     children?: JSX.Element;
     className?: string;
 }
+export {};

package/dist/form/index.mjs

@@ -1,3 +1,3 @@
 import "../solid-ark.css";
-import { t as e } from "../form-M09UvXpo.js";
+import { t as e } from "../form-IwL17HZI.js";
 export { e as Form };

package/dist/{form-M09UvXpo.js → form-IwL17HZI.js}

@@ -300,7 +300,7 @@ function U(e) {
 }
 //#endregion
 //#region src/form/components/FieldRenderer.tsx
-var W = _(() => import("./FormDatePicker-Cazd9kkD.js").then((e) => ({ default: e.FormDatePicker }))), G = _(() => import("./FormSelect-Dex9R5TZ.js").then((e) => ({ default: e.FormSelect })));
+var W = _(() => import("./FormDatePicker-Cazd9kkD.js").then((e) => ({ default: e.FormDatePicker }))), G = _(() => import("./FormSelect-BDZATc3u.js").then((e) => ({ default: e.FormSelect })));
 function K(e) {
 	return H(e.field, "input") ? n(R, {
 		get field() {

package/dist/solid-ark.css

@@ -1,2 +1,2 @@
-.van-btn{height:var(--van-btn-height,36px);padding:0 var(--van-btn-padding-x,16px);border-radius:var(--radius-lg,2px);font-size:var(--van-btn-font-size,14px);white-space:nowrap;cursor:pointer;--van-btn-focus-ring:var(--ring,#3b82f666);outline:none;justify-content:center;align-items:center;gap:6px;font-weight:500;transition:background .15s,border-color .15s,opacity .15s,box-shadow .15s;display:inline-flex}.van-btn:focus-visible{box-shadow:0 0 0 2px var(--van-btn-focus-ring)}.van-btn:disabled{opacity:.5;cursor:not-allowed}.van-btn[data-size=small],.van-form-form[data-size=small] .van-btn:not([data-size]){--van-btn-height:32px;--van-btn-padding-x:12px;--van-btn-font-size:13px}.van-btn[data-size=large],.van-form-form[data-size=large] .van-btn:not([data-size]){--van-btn-height:40px;--van-btn-padding-x:20px;--van-btn-font-size:15px}.van-btn-icon-only{width:var(--van-btn-height,36px);min-width:0;padding:0}.van-btn-primary{background:var(--primary,#3b82f6);color:var(--primary-foreground,#fff);--van-btn-focus-ring:color-mix(in srgb, var(--primary,#3b82f6) 40%, transparent);border:none}.van-btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--primary,#3b82f6) 85%, black)}.van-btn-outline{color:var(--card-foreground,#171717);border:1px solid var(--border,#e5e5e5);--van-btn-focus-ring:color-mix(in srgb, var(--primary,#3b82f6) 40%, transparent);background:0 0}.van-btn-outline:hover:not(:disabled){background:var(--muted,#f5f5f5)}.van-btn-ghost{color:var(--muted-foreground,#737373);background:0 0;border:none}.van-btn-ghost:hover:not(:disabled){color:var(--card-foreground,#171717)}.van-btn-ghost:focus-visible{box-shadow:none;color:var(--card-foreground,#171717);text-underline-offset:4px;text-decoration:underline}.van-btn-danger{background:var(--destructive,#ef4444);color:var(--destructive-foreground,#fff);--van-btn-focus-ring:color-mix(in srgb, var(--destructive,#ef4444) 40%, transparent);border:none}.van-btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--destructive,#ef4444) 85%, black)}.van-btn-success{background:var(--success,#16a34a);color:var(--success-foreground,#fff);--van-btn-focus-ring:color-mix(in srgb, var(--success,#16a34a) 40%, transparent);border:none}.van-btn-success:hover:not(:disabled){background:color-mix(in srgb, var(--success,#16a34a) 85%, black)}.van-btn-warning{background:var(--warning,#d97706);color:var(--warning-foreground,#fff);--van-btn-focus-ring:color-mix(in srgb, var(--warning,#d97706) 40%, transparent);border:none}.van-btn-warning:hover:not(:disabled){background:color-mix(in srgb, var(--warning,#d97706) 85%, black)}@keyframes van-btn-spin{to{transform:rotate(360deg)}}.van-btn-spinner-wrapper{flex-shrink:0;justify-content:flex-end;align-items:center;width:16px;height:16px;display:inline-flex}.van-btn-spinner{border:1.5px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite van-btn-spin;display:inline-block}.van-form-form{--van-form-control-padding-y:8px;--van-form-control-padding-x:12px;--van-form-control-font-size:14px;--van-form-control-height:36px;flex-direction:column;gap:16px;width:100%;display:flex}.van-form-form[data-size=small]{--van-form-control-padding-y:6px;--van-form-control-padding-x:10px;--van-form-control-font-size:13px;--van-form-control-height:32px}.van-form-form[data-size=large]{--van-form-control-padding-y:10px;--van-form-control-padding-x:12px;--van-form-control-font-size:15px;--van-form-control-height:40px}.van-form-field{flex-direction:column;gap:6px;display:flex}.van-form-label{color:var(--card-foreground,#171717);font-size:14px;font-weight:500}.van-form-input,.van-form-textarea{width:100%;padding:var(--van-form-control-padding-y,8px) var(--van-form-control-padding-x,12px);font-size:var(--van-form-control-font-size,14px);color:var(--card-foreground,#171717);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);box-sizing:border-box;height:var(--van-form-control-height,36px);outline:none;transition:border-color .15s}.van-form-input:focus,.van-form-textarea:focus{border-color:var(--primary,#3b82f6)}.van-form-input[data-invalid],.van-form-textarea[data-invalid]{border-color:var(--destructive,#ef4444)}.van-form-textarea{resize:vertical;min-height:80px}.van-form-input-group{box-sizing:border-box;width:100%;height:var(--van-form-control-height,36px);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.van-form-input-group:focus-within{border-color:var(--primary,#3b82f6)}.van-form-input-group:has(.van-form-input[data-invalid]){border-color:var(--destructive,#ef4444)}.van-form-input-group .van-form-input{min-width:0;height:var(--van-form-control-height,36px);background:0 0;border:none;flex:1}.van-form-input-addon{color:var(--muted-foreground,#9ca3af);flex-shrink:0;align-self:stretch;align-items:center;padding:0 10px;font-size:14px;display:flex}.van-form-input-clear{color:var(--muted-foreground,#9ca3af);cursor:pointer;opacity:0;visibility:hidden;background:0 0;border:none;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 10px 2px 2px;transition:opacity .15s,color .15s;display:flex}.van-form-input-clear-before-suffix{padding-right:2px}.van-form-input-group:hover .van-form-input-clear,.van-form-input-group:focus-within .van-form-input-clear{opacity:1;visibility:visible}.van-form-input-clear:hover{color:var(--primary,#3b82f6)}.van-form-select-control{align-items:center;display:flex;position:relative}.van-form-select-trigger{padding:var(--van-form-control-padding-y,8px) var(--van-form-control-padding-x,12px);font-size:var(--van-form-control-font-size,14px);color:var(--card-foreground,#171717);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);box-sizing:border-box;height:var(--van-form-control-height,36px);cursor:pointer;flex:1;align-items:center;transition:border-color .15s;display:flex}.van-form-select-trigger:focus{border-color:var(--primary,#3b82f6)}.van-form-select-value{text-align:left;flex:1}.van-form-select-indicator{color:var(--muted-foreground,#9ca3af);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.van-form-select-clear{color:var(--muted-foreground,#9ca3af);cursor:pointer;opacity:0;visibility:hidden;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:2px;transition:opacity .15s,color .15s;display:flex;position:absolute;top:50%;right:36px;transform:translateY(-50%)}.van-form-select-control:hover .van-form-select-clear,.van-form-select-control:focus-within .van-form-select-clear{opacity:1;visibility:visible}.van-form-select-clear:hover{color:var(--primary,#3b82f6)}.van-form-select-clear[hidden]{display:none}.van-form-select-control:has(.van-form-select-clear) .van-form-select-trigger{padding-right:56px}.van-form-select-positioner{--z-index:50!important}.van-form-select-content{background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);min-width:var(--reference-width);padding:4px;box-shadow:0 4px 12px #0000001a}.van-form-select-item{color:var(--card-foreground,#171717);cursor:pointer;border-radius:2px;padding:8px 12px;font-size:14px;transition:background .1s}.van-form-select-item:hover,.van-form-select-item[data-highlighted]{background:var(--muted,#f5f5f5)}.van-form-select-item[data-selected]{color:var(--primary,#3b82f6);font-weight:500}.van-form-date-control{align-items:center;display:flex;position:relative}.van-form-date-trigger{padding:var(--van-form-control-padding-y,8px) var(--van-form-control-padding-x,12px);font-size:var(--van-form-control-font-size,14px);color:var(--card-foreground,#171717);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);box-sizing:border-box;height:var(--van-form-control-height,36px);cursor:pointer;flex:1;align-items:center;gap:8px;padding-right:36px;transition:border-color .15s;display:flex;position:relative}.van-form-date-trigger:focus{border-color:var(--primary,#3b82f6)}.van-form-date-value{text-align:left;flex:1}.van-form-date-icon{color:var(--muted-foreground,#9ca3af);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.van-form-date-clear{color:var(--muted-foreground,#9ca3af);cursor:pointer;opacity:0;visibility:hidden;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:2px;transition:opacity .15s,color .15s;display:flex;position:absolute;top:50%;right:36px;transform:translateY(-50%)}.van-form-date-control:hover .van-form-date-clear,.van-form-date-control:focus-within .van-form-date-clear{opacity:1;visibility:visible}.van-form-date-clear:hover{color:var(--primary,#3b82f6)}.van-form-date-clear[hidden]{display:none}.van-form-date-control:has(.van-form-date-clear) .van-form-date-trigger{padding-right:56px}.van-form-date-positioner{--z-index:50!important}.van-form-date-content{background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);padding:10px;box-shadow:0 4px 12px #0000001a}.van-form-date-view{width:252px}.van-form-date-view-dual{width:auto}.van-form-date-days{gap:10px;display:flex}.van-form-date-days .van-form-date-table{width:224px}.van-form-date-view-control{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.van-form-date-nav-trigger{width:28px;height:28px;color:var(--muted-foreground,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.van-form-date-nav-trigger:hover{background:var(--muted,#f5f5f5);color:var(--card-foreground,#171717)}.van-form-date-view-trigger{color:var(--card-foreground,#171717);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:4px 8px;font-size:14px;font-weight:500;transition:background .1s}.van-form-date-view-trigger:hover{background:var(--muted,#f5f5f5)}.van-form-date-table{border-collapse:collapse;table-layout:fixed;width:100%}.van-form-date-table-header{color:var(--muted-foreground,#737373);text-align:center;padding:6px 0;font-size:12px;font-weight:400}.van-form-date-week-header,.van-form-date-week-cell{width:24px;color:var(--muted-foreground,#9ca3af);text-align:center;padding:1px 2px;font-size:11px;font-weight:400}.van-form-date-cell{text-align:center;padding:1px}.van-form-date-cell-trigger{width:100%;height:32px;color:var(--card-foreground,#171717);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;font-size:13px;transition:background .1s,color .1s;display:flex}.van-form-date-cell-trigger:hover{background:var(--muted,#f5f5f5)}.van-form-date-cell-trigger[data-selected]{background:var(--primary,#3b82f6);color:var(--primary-foreground,#fff);font-weight:500}.van-form-date-cell-trigger[data-in-range],.van-form-date-cell-trigger[data-range-start],.van-form-date-cell-trigger[data-range-end]{background:color-mix(in srgb, var(--primary,#3b82f6) 12%, transparent)}.van-form-date-cell-trigger[data-range-start],.van-form-date-cell-trigger[data-range-end]{background:var(--primary,#3b82f6);color:var(--primary-foreground,#fff);font-weight:500}.van-form-date-cell-trigger[data-outside-range]{color:var(--muted-foreground,#9ca3af)}.van-form-date-cell-trigger[data-today]:not([data-selected]){box-shadow:inset 0 0 0 1px var(--primary,#3b82f6)}.van-form-date-cell-trigger[data-unavailable]{opacity:.4}.van-form-date-cell-trigger[data-disabled]{opacity:.4;cursor:not-allowed}.van-form-date-week-mode .van-form-date-table-body .van-form-date-table-row:hover .van-form-date-cell-trigger:not([data-selected]):not([data-in-range]):not([data-range-start]):not([data-range-end]):not([data-disabled]){background:var(--muted,#f5f5f5)}.van-form-date-week-mode .van-form-date-table-body .van-form-date-table-row:hover .van-form-date-week-cell{color:var(--primary,#3b82f6)}.van-form-date-time{width:100%;padding:var(--van-form-control-padding-y,8px) var(--van-form-control-padding-x,12px);font-size:var(--van-form-control-font-size,14px);color:var(--card-foreground,#171717);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);outline:none;margin-top:8px;font-family:inherit;transition:border-color .15s}.van-form-date-time:focus{border-color:var(--primary,#3b82f6)}.van-form-helper{color:var(--muted-foreground,#737373);font-size:12px}.van-form-error{color:var(--destructive,#ef4444);font-size:12px}.van-form-field-skeleton{width:100%;height:var(--van-form-control-height,36px);border-radius:var(--radius-lg,2px);background-color:var(--muted,#f5f5f5);background-image:linear-gradient(90deg,#0000 0%,#ffffff80 50%,#0000 100%);background-repeat:no-repeat;background-size:200% 100%;animation:1.4s ease-in-out infinite van-form-skeleton-shimmer}@keyframes van-form-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.van-form-checkbox-control{border:1px solid var(--border,#d1d5db);background:var(--card,#fff);cursor:pointer;border-radius:1px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.van-form-checkbox-control:hover{border-color:var(--primary,#6366f1)}.van-form-checkbox-control[data-state=checked]{background:var(--primary,#6366f1);border-color:var(--primary,#6366f1)}.van-form-checkbox-indicator{color:var(--primary-foreground,#fff);justify-content:center;align-items:center;display:flex}.van-form-checkbox-root{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.van-form-checkbox-label{color:var(--card-foreground,#171717);font-size:14px}.van-form-checkbox-group{flex-direction:column;gap:8px;display:flex}.van-form-check-icon{width:14px;height:14px}.van-form-switch-control{background:var(--border,#d1d5db);cursor:pointer;border-radius:11px;align-items:center;width:40px;height:22px;padding:2px;transition:background .15s;display:flex}.van-form-switch-control[data-state=checked]{background:var(--primary,#6366f1)}.van-form-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s}.van-form-switch-control[data-state=checked] .van-form-switch-thumb{transform:translate(18px)}.van-form-switch-root{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.van-form-switch-label{color:var(--card-foreground,#171717);font-size:14px}.van-form-radio-group{flex-direction:column;gap:8px;display:flex}.van-form-radio-item{color:var(--card-foreground,#171717);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.van-form-radio-control{border:2px solid var(--border,#d1d5db);background:var(--card,#fff);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:all .15s;display:flex}.van-form-radio-control[data-state=checked]{border-color:var(--primary,#6366f1)}.van-form-radio-control[data-state=checked]:after{content:"";background:var(--primary,#6366f1);border-radius:50%;width:8px;height:8px}.van-form-radio-control:hover{border-color:var(--primary,#6366f1)}.van-form-radio-text{flex:1}@media (prefers-color-scheme:dark){.van-form-input,.van-form-textarea,.van-form-select-trigger,.van-form-date-trigger,.van-form-date-time{background:var(--card,#1e1e2e);color:var(--card-foreground,#cdd6f4);border-color:var(--border,#313244)}.van-form-input-group{background:var(--card,#1e1e2e);border-color:var(--border,#313244)}.van-form-input-addon{color:var(--muted-foreground,#a0a0b0)}.van-form-select-content{background:var(--card,#1e1e2e);border-color:var(--border,#313244)}.van-form-select-item:hover,.van-form-select-item[data-highlighted]{background:var(--muted,#27273e)}.van-form-date-content{background:var(--card,#1e1e2e);border-color:var(--border,#313244)}.van-form-date-nav-trigger:hover,.van-form-date-view-trigger:hover,.van-form-date-cell-trigger:hover,.van-form-date-week-mode .van-form-date-table-body .van-form-date-table-row:hover .van-form-date-cell-trigger:not([data-selected]):not([data-in-range]):not([data-range-start]):not([data-range-end]):not([data-disabled]){background:var(--muted,#27273e)}.van-form-field-skeleton{background-color:var(--muted,#27273e);background-image:linear-gradient(90deg,#0000 0%,#ffffff1f 50%,#0000 100%)}}.van-table-wrapper{width:100%;color:var(--card-foreground,#1f2937);flex-direction:column;gap:12px;font-size:14px;display:flex}.van-table-container{border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-xl,2px);background:var(--card,#fff);position:relative;overflow:auto}.van-table-loading-mask{z-index:10;background:color-mix(in srgb, var(--card,#fff) 72%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.van-table-spinner{border:3px solid var(--border,#e5e7eb);border-top-color:var(--primary,#6366f1);border-radius:50%;width:28px;height:28px;animation:.6s linear infinite van-table-spin}@keyframes van-table-spin{to{transform:rotate(360deg)}}.van-table{border-collapse:collapse;width:100%}.van-table-th{z-index:1;text-align:left;color:var(--muted-foreground,#9ca3af);border-bottom:1px solid var(--border,#e5e7eb);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:10px 14px;font-size:14px;font-weight:400;position:sticky;top:0}.van-table-th-sortable{cursor:pointer}.van-table-th-sortable:hover{background:var(--secondary,#f3f4f6)}.van-table-th-content{align-items:center;gap:4px;display:inline-flex}.van-table-sort-icon{flex-shrink:0;width:8px;height:14px}.van-table-sort-arrow{color:var(--muted-foreground,#9ca3af);opacity:.35}.van-table-sort-arrow.van-table-sort-active{opacity:1;color:var(--primary,#6366f1)}.van-table-tr{border-bottom:1px solid var(--border,#f3f4f6);transition:background .12s}.van-table-tr:last-child{border-bottom:none}.van-table-tr:hover{background:var(--muted,#f9fafb)}.van-table-tr-selected{background:color-mix(in srgb, var(--primary,#6366f1) 3%, transparent)!important}.van-table-td{vertical-align:middle;padding:10px 14px}.van-table-empty{text-align:center;color:var(--muted-foreground,#9ca3af);padding:56px 16px;font-size:14px}.van-table-checkbox-control{border:1px solid var(--input,#d1d5db);background:var(--card,#fff);cursor:pointer;border-radius:1px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.van-table-checkbox-control:hover{border-color:var(--primary,#6366f1)}.van-table-checkbox-control[data-state=checked],.van-table-checkbox-control[data-state=indeterminate]{background:var(--primary,#6366f1);border-color:var(--primary,#6366f1)}.van-table-checkbox-indicator{color:var(--primary-foreground,#fff);justify-content:center;align-items:center;display:flex}.van-table-check-icon{width:14px;height:14px}@media (prefers-color-scheme:dark){.van-table-wrapper{--card:#1e1e2e;--card-foreground:#cdd6f4;--foreground:#cdd6f4;--muted:#181825;--muted-foreground:#9399b2;--border:#313244;--input:#45475a;--secondary:#27273e;--primary:#89b4fa;--primary-foreground:#1e1e2e}}.van-table-wrapper[data-density=compact] .van-table-th,.van-table-wrapper[data-density=compact] .van-table-td{padding:6px 12px}.van-table-th-select,.van-table-td-select{width:36px;padding-left:14px;padding-right:8px}.van-data-table{width:100%;color:var(--card-foreground,#1f2937);border:1px solid var(--border,#e5e7eb);background-color:#fff;border-radius:4px;flex-direction:column;font-size:14px;display:flex}.van-data-table-search{width:100%;padding:14px}.van-data-table-search .van-form-form{flex-flow:wrap;align-items:flex-end;gap:8px}.van-data-table-search .van-form-field{width:192px}.van-data-table-search .van-form-input,.van-data-table-search .van-form-select-trigger,.van-data-table-search .van-form-date-trigger{box-sizing:border-box;height:36px}.van-data-table-search-actions{gap:6px;display:flex}.van-data-table-toolbar{justify-content:flex-start;align-items:center;gap:8px;padding:8px 14px;display:flex}.van-data-table-search+.van-data-table-toolbar{border-top:1px solid var(--border,#e5e7eb)}.van-data-table .van-table-container{border-left:none;border-right:none}.van-data-table-pagination{color:var(--muted-foreground,#9ca3af);justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.van-data-table-pagination-buttons{align-items:center;gap:6px;display:flex}.van-data-table-pagination-btn{min-width:32px;height:32px;color:var(--card-foreground,#1f2937);background:var(--card,#fff);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0 6px;font-size:14px;transition:all .15s;display:inline-flex}.van-data-table-pagination-btn:hover:not(:disabled):not([data-selected]){background:var(--muted,#6366f1)}.van-data-table-pagination-btn[data-selected]{background:var(--primary,#6366f1);border-color:var(--primary,#6366f1);color:var(--primary-foreground,#fff)}.van-data-table-pagination-btn:disabled{opacity:.45;cursor:not-allowed}.van-data-table-pagination-ellipsis{min-width:24px;height:32px;color:var(--muted-foreground,#9ca3af);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.van-data-table-pagination-icon{width:14px;height:14px}@media (prefers-color-scheme:dark){.van-data-table{--card:#1e1e2e;--card-foreground:#cdd6f4;--foreground:#cdd6f4;--muted:#181825;--muted-foreground:#9399b2;--border:#313244;--input:#45475a;--secondary:#27273e;--primary:#89b4fa;--primary-foreground:#1e1e2e}}@keyframes van-drawer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-drawer-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes van-drawer-slide-out-right{to{transform:translate(100%)}}@keyframes van-drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes van-drawer-slide-out-left{to{transform:translate(-100%)}}@keyframes van-drawer-slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes van-drawer-slide-out-top{to{transform:translateY(-100%)}}@keyframes van-drawer-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes van-drawer-slide-out-bottom{to{transform:translateY(100%)}}.van-drawer-backdrop{z-index:var(--z,1000);background:#0006;position:fixed;inset:0}.van-drawer-backdrop[data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-drawer-fade-in}.van-drawer-backdrop[data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) van-drawer-fade-out}.van-drawer-positioner{z-index:calc(var(--z-index-base,1000) + var(--layer-index,0));position:fixed;inset:0}.van-drawer-content{position:fixed}.van-drawer-content[data-placement=right],.van-drawer-content:not([data-placement]){width:var(--van-drawer-size,400px);max-width:100vw;top:0;bottom:0;right:0}.van-drawer-content[data-placement=right][data-state=open],.van-drawer-content:not([data-placement])[data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-drawer-slide-in-right}.van-drawer-content[data-placement=right][data-state=closed],.van-drawer-content:not([data-placement])[data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) forwards van-drawer-slide-out-right}.van-drawer-content[data-placement=left]{width:var(--van-drawer-size,400px);max-width:100vw;top:0;bottom:0;left:0}.van-drawer-content[data-placement=left][data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-drawer-slide-in-left}.van-drawer-content[data-placement=left][data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) forwards van-drawer-slide-out-left}.van-drawer-content[data-placement=top]{height:var(--van-drawer-size,400px);max-height:100vh;top:0;left:0;right:0}.van-drawer-content[data-placement=top][data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-drawer-slide-in-top}.van-drawer-content[data-placement=top][data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) forwards van-drawer-slide-out-top}.van-drawer-content[data-placement=bottom]{height:var(--van-drawer-size,400px);max-height:100vh;bottom:0;left:0;right:0}.van-drawer-content[data-placement=bottom][data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-drawer-slide-in-bottom}.van-drawer-content[data-placement=bottom][data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) forwards van-drawer-slide-out-bottom}.van-drawer-content-inner{background:var(--card,#fff);border-radius:2px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 4px 16px #0000001a}.van-drawer-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 20px 12px;display:flex}.van-drawer-title{color:var(--card-foreground,#171717);margin:0;font-size:16px;font-weight:600;line-height:1.4}.van-drawer-close{border-radius:var(--radius-lg,2px);cursor:pointer;width:24px;height:24px;color:var(--muted-foreground,#737373);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:-2px -2px 0 8px;font-size:14px;transition:background .15s,color .15s;display:inline-flex}.van-drawer-close:hover{background:var(--muted,#f5f5f5);color:var(--card-foreground,#171717)}.van-drawer-desc{color:var(--muted-foreground,#737373);padding:0 20px 14px;font-size:14px;line-height:1.5}.van-drawer-body{flex:1;min-height:0;padding:2px 20px 16px;overflow-y:auto}.van-drawer-footer{border-top:1px solid var(--border,#e5e5e5);flex-shrink:0;justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.van-drawer-footer .van-btn{min-width:84px}.van-drawer-grabber{cursor:grab;flex-shrink:0;justify-content:center;padding:8px 0 0;display:flex}.van-drawer-grabber:active{cursor:grabbing}.van-drawer-grabber-indicator{background:#d4d4d4;border-radius:2px;width:36px;height:4px}@keyframes van-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-modal-scale-in{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:none}}@keyframes van-modal-scale-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.95)translateY(-4px)}}.van-modal-backdrop{z-index:var(--z,1000);background:#0006;position:fixed;inset:0}.van-modal-backdrop[data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-modal-fade-in}.van-modal-backdrop[data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) van-modal-fade-out}.van-modal-positioner{z-index:calc(var(--z-index-base,1000) + var(--layer-index,0));justify-content:center;align-items:start;padding:15vh 1rem 1rem;display:flex;position:fixed;inset:0}.van-modal-positioner[data-center]{align-items:center;padding-top:1rem}.van-modal-content{background:var(--card,#fff);border-radius:var(--radius-lg,2px);width:var(--van-modal-width,min(480px, 92vw));min-width:min(420px,92vw);max-height:var(--van-modal-max-height,90vh);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 4px 16px #0000001a}.van-modal-content[data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-modal-scale-in}.van-modal-content[data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) van-modal-scale-out}.van-modal-header{justify-content:space-between;align-items:flex-start;padding:20px 20px 12px;display:flex}.van-modal-title{color:var(--card-foreground,#171717);margin:0;font-size:16px;font-weight:600;line-height:1.4}.van-modal-close{border-radius:var(--radius-lg,2px);cursor:pointer;width:24px;height:24px;color:var(--muted-foreground,#737373);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:-2px -2px 0 8px;font-size:14px;transition:background .15s,color .15s;display:inline-flex}.van-modal-close:hover{background:var(--muted,#f5f5f5);color:var(--card-foreground,#171717)}.van-modal-desc{color:var(--muted-foreground,#737373);padding:0 20px 14px;font-size:14px;line-height:1.5}.van-modal-body{flex:1;padding:2px 20px 16px;overflow-y:auto}.van-modal-footer{justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.van-modal-footer .van-btn{min-width:84px}.van-modal-content[data-center] .van-modal-footer{border-top:1px solid var(--border,#e5e5e5)}[data-scope=dialog][data-part=content][data-has-nested]{transform:scale(calc(1 - var(--nested-layer-count,0) * .03))}[data-scope=toast][data-part=root]{transform:translate3d(var(--x,0), var(--y,100%), 0);z-index:var(--z-index,0);opacity:var(--opacity,1);background:var(--card,#fff);border-radius:var(--radius-lg,2px);min-width:320px;max-width:420px;transition:transform .25s,opacity .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001f}.van-toast-bar{flex-shrink:0;width:4px}[data-type=success] .van-toast-bar{background:var(--success,#22c55e)}[data-type=error] .van-toast-bar{background:var(--destructive,#ef4444)}[data-type=info] .van-toast-bar{background:var(--primary,#3b82f6)}[data-type=warning] .van-toast-bar{background:var(--warning,#f59e0b)}[data-type=loading] .van-toast-bar{background:var(--muted-foreground,#f5f5f5)}.van-toast-body{flex:1;min-width:0;padding:12px 40px 12px 16px}.van-toast-title{color:var(--card-foreground,#171717);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.4;overflow:hidden}.van-toast-desc{color:var(--muted-foreground,#737373);margin-top:2px;font-size:14px;line-height:1.5}.van-toast-close{cursor:pointer;width:20px;height:20px;color:var(--muted-foreground,#9ca3af);background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex;position:absolute;top:12px;right:12px}.van-toast-close:hover{color:var(--card-foreground,#4b5563);background:var(--muted,#f3f4f6)}.van-toast-close-x{width:12px;height:12px;display:block;position:relative}.van-toast-close-x:before,.van-toast-close-x:after{content:"";background:currentColor;border-radius:1px;width:12px;height:1.5px;position:absolute;top:50%;left:50%}.van-toast-close-x:before{transform:translate(-50%,-50%)rotate(45deg)}.van-toast-close-x:after{transform:translate(-50%,-50%)rotate(-45deg)}
+.van-badge{height:var(--van-badge-height,20px);padding:0 var(--van-badge-padding-x,6px);border-radius:var(--radius-lg,2px);font-size:var(--van-badge-font-size,10px);white-space:nowrap;justify-content:center;align-items:center;gap:4px;font-weight:500;line-height:1;display:inline-flex}.van-badge-small{--van-badge-height:24px;--van-badge-padding-x:8px;--van-badge-font-size:11px}.van-badge-large{--van-badge-height:28px;--van-badge-padding-x:10px;--van-badge-font-size:12px}.van-badge-primary{background:color-mix(in srgb, var(--primary,#3b82f6) 12%, transparent);color:var(--primary,#3b82f6)}.van-badge-outline{color:var(--card-foreground,#171717);border:1px solid var(--border,#e5e5e5);background:0 0}.van-badge-danger{background:color-mix(in srgb, var(--destructive,#ef4444) 12%, transparent);color:var(--destructive,#ef4444)}.van-badge-success{background:color-mix(in srgb, var(--success,#16a34a) 12%, transparent);color:var(--success,#16a34a)}.van-badge-warning{background:color-mix(in srgb, var(--warning,#d97706) 12%, transparent);color:var(--warning,#d97706)}.van-btn{height:var(--van-btn-height,36px);padding:0 var(--van-btn-padding-x,16px);border-radius:var(--radius-lg,2px);font-size:var(--van-btn-font-size,14px);white-space:nowrap;cursor:pointer;--van-btn-focus-ring:var(--ring,#3b82f666);outline:none;justify-content:center;align-items:center;gap:6px;font-weight:500;transition:background .15s,border-color .15s,opacity .15s,box-shadow .15s;display:inline-flex}.van-btn:focus-visible{box-shadow:0 0 0 2px var(--van-btn-focus-ring)}.van-btn:disabled{opacity:.5;cursor:not-allowed}.van-btn[data-size=small],.van-form-form[data-size=small] .van-btn:not([data-size]){--van-btn-height:32px;--van-btn-padding-x:12px;--van-btn-font-size:13px}.van-btn[data-size=large],.van-form-form[data-size=large] .van-btn:not([data-size]){--van-btn-height:40px;--van-btn-padding-x:20px;--van-btn-font-size:15px}.van-btn-icon-only{width:var(--van-btn-height,36px);min-width:0;padding:0}.van-btn-primary{background:var(--primary,#3b82f6);color:var(--primary-foreground,#fff);--van-btn-focus-ring:color-mix(in srgb, var(--primary,#3b82f6) 40%, transparent);border:none}.van-btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--primary,#3b82f6) 85%, black)}.van-btn-outline{color:var(--card-foreground,#171717);border:1px solid var(--border,#e5e5e5);--van-btn-focus-ring:color-mix(in srgb, var(--primary,#3b82f6) 40%, transparent);background:0 0}.van-btn-outline:hover:not(:disabled){background:var(--muted,#f5f5f5)}.van-btn-ghost{color:var(--muted-foreground,#737373);background:0 0;border:none}.van-btn-ghost:hover:not(:disabled){color:var(--card-foreground,#171717)}.van-btn-ghost:focus-visible{box-shadow:none;color:var(--card-foreground,#171717);text-underline-offset:4px;text-decoration:underline}.van-btn-danger{background:var(--destructive,#ef4444);color:var(--destructive-foreground,#fff);--van-btn-focus-ring:color-mix(in srgb, var(--destructive,#ef4444) 40%, transparent);border:none}.van-btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--destructive,#ef4444) 85%, black)}.van-btn-success{background:var(--success,#16a34a);color:var(--success-foreground,#fff);--van-btn-focus-ring:color-mix(in srgb, var(--success,#16a34a) 40%, transparent);border:none}.van-btn-success:hover:not(:disabled){background:color-mix(in srgb, var(--success,#16a34a) 85%, black)}.van-btn-warning{background:var(--warning,#d97706);color:var(--warning-foreground,#fff);--van-btn-focus-ring:color-mix(in srgb, var(--warning,#d97706) 40%, transparent);border:none}.van-btn-warning:hover:not(:disabled){background:color-mix(in srgb, var(--warning,#d97706) 85%, black)}@keyframes van-btn-spin{to{transform:rotate(360deg)}}.van-btn-spinner-wrapper{flex-shrink:0;justify-content:flex-end;align-items:center;width:16px;height:16px;display:inline-flex}.van-btn-spinner{border:1.5px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite van-btn-spin;display:inline-block}.van-form-form{--van-form-control-padding-y:8px;--van-form-control-padding-x:12px;--van-form-control-font-size:14px;--van-form-control-height:36px;flex-direction:column;gap:16px;width:100%;display:flex}.van-form-form[data-size=small]{--van-form-control-padding-y:6px;--van-form-control-padding-x:10px;--van-form-control-font-size:13px;--van-form-control-height:32px}.van-form-form[data-size=large]{--van-form-control-padding-y:10px;--van-form-control-padding-x:12px;--van-form-control-font-size:15px;--van-form-control-height:40px}.van-form-field{flex-direction:column;gap:6px;display:flex}.van-form-label{color:var(--card-foreground,#171717);font-size:14px;font-weight:500}.van-form-input,.van-form-textarea{width:100%;padding:var(--van-form-control-padding-y,8px) var(--van-form-control-padding-x,12px);font-size:var(--van-form-control-font-size,14px);color:var(--card-foreground,#171717);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);box-sizing:border-box;height:var(--van-form-control-height,36px);outline:none;transition:border-color .15s}.van-form-input:focus,.van-form-textarea:focus{border-color:var(--primary,#3b82f6)}.van-form-input[data-invalid],.van-form-textarea[data-invalid]{border-color:var(--destructive,#ef4444)}.van-form-textarea{resize:vertical;min-height:80px}.van-form-input-group{box-sizing:border-box;width:100%;height:var(--van-form-control-height,36px);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.van-form-input-group:focus-within{border-color:var(--primary,#3b82f6)}.van-form-input-group:has(.van-form-input[data-invalid]){border-color:var(--destructive,#ef4444)}.van-form-input-group .van-form-input{min-width:0;height:var(--van-form-control-height,36px);background:0 0;border:none;flex:1}.van-form-input-addon{color:var(--muted-foreground,#9ca3af);flex-shrink:0;align-self:stretch;align-items:center;padding:0 10px;font-size:14px;display:flex}.van-form-input-clear{color:var(--muted-foreground,#9ca3af);cursor:pointer;opacity:0;visibility:hidden;background:0 0;border:none;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 10px 2px 2px;transition:opacity .15s,color .15s;display:flex}.van-form-input-clear-before-suffix{padding-right:2px}.van-form-input-group:hover .van-form-input-clear,.van-form-input-group:focus-within .van-form-input-clear{opacity:1;visibility:visible}.van-form-input-clear:hover{color:var(--primary,#3b82f6)}.van-form-select-control{align-items:center;display:flex;position:relative}.van-form-select-trigger{padding:var(--van-form-control-padding-y,8px) var(--van-form-control-padding-x,12px);font-size:var(--van-form-control-font-size,14px);color:var(--card-foreground,#171717);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);box-sizing:border-box;height:var(--van-form-control-height,36px);cursor:pointer;flex:1;align-items:center;transition:border-color .15s;display:flex}.van-form-select-trigger:focus{border-color:var(--primary,#3b82f6)}.van-form-select-value{text-align:left;flex:1}.van-form-select-indicator{color:var(--muted-foreground,#9ca3af);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.van-form-select-clear{color:var(--muted-foreground,#9ca3af);cursor:pointer;opacity:0;visibility:hidden;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:2px;transition:opacity .15s,color .15s;display:flex;position:absolute;top:50%;right:36px;transform:translateY(-50%)}.van-form-select-control:hover .van-form-select-clear,.van-form-select-control:focus-within .van-form-select-clear{opacity:1;visibility:visible}.van-form-select-clear:hover{color:var(--primary,#3b82f6)}.van-form-select-clear[hidden]{display:none}.van-form-select-control:has(.van-form-select-clear) .van-form-select-trigger{padding-right:56px}.van-form-select-positioner{--z-index:50!important}.van-form-select-content{background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);min-width:var(--reference-width);padding:4px;box-shadow:0 4px 12px #0000001a}.van-form-select-item{color:var(--card-foreground,#171717);cursor:pointer;border-radius:2px;padding:8px 12px;font-size:14px;transition:background .1s}.van-form-select-item:hover,.van-form-select-item[data-highlighted]{background:var(--muted,#f5f5f5)}.van-form-select-item[data-selected]{color:var(--primary,#3b82f6);font-weight:500}.van-form-select-empty{color:var(--muted-foreground,#9ca3af);text-align:center;-webkit-user-select:none;user-select:none;cursor:default;padding:8px 12px;font-size:14px}.van-form-date-control{align-items:center;display:flex;position:relative}.van-form-date-trigger{padding:var(--van-form-control-padding-y,8px) var(--van-form-control-padding-x,12px);font-size:var(--van-form-control-font-size,14px);color:var(--card-foreground,#171717);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);box-sizing:border-box;height:var(--van-form-control-height,36px);cursor:pointer;flex:1;align-items:center;gap:8px;padding-right:36px;transition:border-color .15s;display:flex;position:relative}.van-form-date-trigger:focus{border-color:var(--primary,#3b82f6)}.van-form-date-value{text-align:left;flex:1}.van-form-date-icon{color:var(--muted-foreground,#9ca3af);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.van-form-date-clear{color:var(--muted-foreground,#9ca3af);cursor:pointer;opacity:0;visibility:hidden;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:2px;transition:opacity .15s,color .15s;display:flex;position:absolute;top:50%;right:36px;transform:translateY(-50%)}.van-form-date-control:hover .van-form-date-clear,.van-form-date-control:focus-within .van-form-date-clear{opacity:1;visibility:visible}.van-form-date-clear:hover{color:var(--primary,#3b82f6)}.van-form-date-clear[hidden]{display:none}.van-form-date-control:has(.van-form-date-clear) .van-form-date-trigger{padding-right:56px}.van-form-date-positioner{--z-index:50!important}.van-form-date-content{background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);padding:10px;box-shadow:0 4px 12px #0000001a}.van-form-date-view{width:252px}.van-form-date-view-dual{width:auto}.van-form-date-days{gap:10px;display:flex}.van-form-date-days .van-form-date-table{width:224px}.van-form-date-view-control{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.van-form-date-nav-trigger{width:28px;height:28px;color:var(--muted-foreground,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.van-form-date-nav-trigger:hover{background:var(--muted,#f5f5f5);color:var(--card-foreground,#171717)}.van-form-date-view-trigger{color:var(--card-foreground,#171717);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:4px 8px;font-size:14px;font-weight:500;transition:background .1s}.van-form-date-view-trigger:hover{background:var(--muted,#f5f5f5)}.van-form-date-table{border-collapse:collapse;table-layout:fixed;width:100%}.van-form-date-table-header{color:var(--muted-foreground,#737373);text-align:center;padding:6px 0;font-size:12px;font-weight:400}.van-form-date-week-header,.van-form-date-week-cell{width:24px;color:var(--muted-foreground,#9ca3af);text-align:center;padding:1px 2px;font-size:11px;font-weight:400}.van-form-date-cell{text-align:center;padding:1px}.van-form-date-cell-trigger{width:100%;height:32px;color:var(--card-foreground,#171717);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;font-size:13px;transition:background .1s,color .1s;display:flex}.van-form-date-cell-trigger:hover{background:var(--muted,#f5f5f5)}.van-form-date-cell-trigger[data-selected]{background:var(--primary,#3b82f6);color:var(--primary-foreground,#fff);font-weight:500}.van-form-date-cell-trigger[data-in-range],.van-form-date-cell-trigger[data-range-start],.van-form-date-cell-trigger[data-range-end]{background:color-mix(in srgb, var(--primary,#3b82f6) 12%, transparent)}.van-form-date-cell-trigger[data-range-start],.van-form-date-cell-trigger[data-range-end]{background:var(--primary,#3b82f6);color:var(--primary-foreground,#fff);font-weight:500}.van-form-date-cell-trigger[data-outside-range]{color:var(--muted-foreground,#9ca3af)}.van-form-date-cell-trigger[data-today]:not([data-selected]){box-shadow:inset 0 0 0 1px var(--primary,#3b82f6)}.van-form-date-cell-trigger[data-unavailable]{opacity:.4}.van-form-date-cell-trigger[data-disabled]{opacity:.4;cursor:not-allowed}.van-form-date-week-mode .van-form-date-table-body .van-form-date-table-row:hover .van-form-date-cell-trigger:not([data-selected]):not([data-in-range]):not([data-range-start]):not([data-range-end]):not([data-disabled]){background:var(--muted,#f5f5f5)}.van-form-date-week-mode .van-form-date-table-body .van-form-date-table-row:hover .van-form-date-week-cell{color:var(--primary,#3b82f6)}.van-form-date-time{width:100%;padding:var(--van-form-control-padding-y,8px) var(--van-form-control-padding-x,12px);font-size:var(--van-form-control-font-size,14px);color:var(--card-foreground,#171717);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);border-radius:var(--radius-lg,2px);outline:none;margin-top:8px;font-family:inherit;transition:border-color .15s}.van-form-date-time:focus{border-color:var(--primary,#3b82f6)}.van-form-helper{color:var(--muted-foreground,#737373);font-size:12px}.van-form-error{color:var(--destructive,#ef4444);font-size:12px}.van-form-field-skeleton{width:100%;height:var(--van-form-control-height,36px);border-radius:var(--radius-lg,2px);background-color:var(--muted,#f5f5f5);background-image:linear-gradient(90deg,#0000 0%,#ffffff80 50%,#0000 100%);background-repeat:no-repeat;background-size:200% 100%;animation:1.4s ease-in-out infinite van-form-skeleton-shimmer}@keyframes van-form-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.van-form-checkbox-control{border:1px solid var(--border,#d1d5db);background:var(--card,#fff);cursor:pointer;border-radius:1px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.van-form-checkbox-control:hover{border-color:var(--primary,#6366f1)}.van-form-checkbox-control[data-state=checked]{background:var(--primary,#6366f1);border-color:var(--primary,#6366f1)}.van-form-checkbox-indicator{color:var(--primary-foreground,#fff);justify-content:center;align-items:center;display:flex}.van-form-checkbox-root{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.van-form-checkbox-label{color:var(--card-foreground,#171717);font-size:14px}.van-form-checkbox-group{flex-direction:column;gap:8px;display:flex}.van-form-check-icon{width:14px;height:14px}.van-form-switch-control{background:var(--border,#d1d5db);cursor:pointer;border-radius:11px;align-items:center;width:40px;height:22px;padding:2px;transition:background .15s;display:flex}.van-form-switch-control[data-state=checked]{background:var(--primary,#6366f1)}.van-form-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s}.van-form-switch-control[data-state=checked] .van-form-switch-thumb{transform:translate(18px)}.van-form-switch-root{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.van-form-switch-label{color:var(--card-foreground,#171717);font-size:14px}.van-form-radio-group{flex-direction:column;gap:8px;display:flex}.van-form-radio-item{color:var(--card-foreground,#171717);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.van-form-radio-control{border:2px solid var(--border,#d1d5db);background:var(--card,#fff);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:all .15s;display:flex}.van-form-radio-control[data-state=checked]{border-color:var(--primary,#6366f1)}.van-form-radio-control[data-state=checked]:after{content:"";background:var(--primary,#6366f1);border-radius:50%;width:8px;height:8px}.van-form-radio-control:hover{border-color:var(--primary,#6366f1)}.van-form-radio-text{flex:1}@media (prefers-color-scheme:dark){.van-form-input,.van-form-textarea,.van-form-select-trigger,.van-form-date-trigger,.van-form-date-time{background:var(--card,#1e1e2e);color:var(--card-foreground,#cdd6f4);border-color:var(--border,#313244)}.van-form-input-group{background:var(--card,#1e1e2e);border-color:var(--border,#313244)}.van-form-input-addon{color:var(--muted-foreground,#a0a0b0)}.van-form-select-content{background:var(--card,#1e1e2e);border-color:var(--border,#313244)}.van-form-select-item:hover,.van-form-select-item[data-highlighted]{background:var(--muted,#27273e)}.van-form-date-content{background:var(--card,#1e1e2e);border-color:var(--border,#313244)}.van-form-date-nav-trigger:hover,.van-form-date-view-trigger:hover,.van-form-date-cell-trigger:hover,.van-form-date-week-mode .van-form-date-table-body .van-form-date-table-row:hover .van-form-date-cell-trigger:not([data-selected]):not([data-in-range]):not([data-range-start]):not([data-range-end]):not([data-disabled]){background:var(--muted,#27273e)}.van-form-field-skeleton{background-color:var(--muted,#27273e);background-image:linear-gradient(90deg,#0000 0%,#ffffff1f 50%,#0000 100%)}}.van-table-wrapper{width:100%;color:var(--card-foreground,#1f2937);flex-direction:column;gap:12px;font-size:14px;display:flex}.van-table-container{border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-xl,2px);background:var(--card,#fff);position:relative;overflow:auto}.van-table-loading-mask{z-index:10;background:color-mix(in srgb, var(--card,#fff) 72%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.van-table-spinner{border:3px solid var(--border,#e5e7eb);border-top-color:var(--primary,#6366f1);border-radius:50%;width:28px;height:28px;animation:.6s linear infinite van-table-spin}@keyframes van-table-spin{to{transform:rotate(360deg)}}.van-table{border-collapse:collapse;width:100%}.van-table-th{z-index:1;text-align:left;color:var(--muted-foreground,#9ca3af);border-bottom:1px solid var(--border,#e5e7eb);white-space:nowrap;-webkit-user-select:none;user-select:none;padding:10px 14px;font-size:14px;font-weight:400;position:sticky;top:0}.van-table-th-sortable{cursor:pointer}.van-table-th-sortable:hover{background:var(--secondary,#f3f4f6)}.van-table-th-content{align-items:center;gap:4px;display:inline-flex}.van-table-sort-icon{flex-shrink:0;width:8px;height:14px}.van-table-sort-arrow{color:var(--muted-foreground,#9ca3af);opacity:.35}.van-table-sort-arrow.van-table-sort-active{opacity:1;color:var(--primary,#6366f1)}.van-table-tr{border-bottom:1px solid var(--border,#f3f4f6);transition:background .12s}.van-table-tr:last-child{border-bottom:none}.van-table-tr:hover{background:var(--muted,#f9fafb)}.van-table-tr-selected{background:color-mix(in srgb, var(--primary,#6366f1) 3%, transparent)!important}.van-table-td{vertical-align:middle;padding:10px 14px}.van-table-empty{text-align:center;color:var(--muted-foreground,#9ca3af);padding:56px 16px;font-size:14px}.van-table-checkbox-control{border:1px solid var(--input,#d1d5db);background:var(--card,#fff);cursor:pointer;border-radius:1px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.van-table-checkbox-control:hover{border-color:var(--primary,#6366f1)}.van-table-checkbox-control[data-state=checked],.van-table-checkbox-control[data-state=indeterminate]{background:var(--primary,#6366f1);border-color:var(--primary,#6366f1)}.van-table-checkbox-indicator{color:var(--primary-foreground,#fff);justify-content:center;align-items:center;display:flex}.van-table-check-icon{width:14px;height:14px}@media (prefers-color-scheme:dark){.van-table-wrapper{--card:#1e1e2e;--card-foreground:#cdd6f4;--foreground:#cdd6f4;--muted:#181825;--muted-foreground:#9399b2;--border:#313244;--input:#45475a;--secondary:#27273e;--primary:#89b4fa;--primary-foreground:#1e1e2e}}.van-table-wrapper[data-density=compact] .van-table-th,.van-table-wrapper[data-density=compact] .van-table-td{padding:6px 12px}.van-table-th-select,.van-table-td-select{width:36px;padding-left:14px;padding-right:8px}.van-data-table{width:100%;color:var(--card-foreground,#1f2937);border:1px solid var(--border,#e5e7eb);background-color:#fff;border-radius:4px;flex-direction:column;font-size:14px;display:flex}.van-data-table-search{width:100%;padding:14px}.van-data-table-search .van-form-form{flex-flow:wrap;align-items:flex-end;gap:8px}.van-data-table-search .van-form-field{width:192px}.van-data-table-search .van-form-input,.van-data-table-search .van-form-select-trigger,.van-data-table-search .van-form-date-trigger{box-sizing:border-box;height:36px}.van-data-table-search-actions{gap:6px;display:flex}.van-data-table-toolbar{justify-content:flex-start;align-items:center;gap:8px;padding:8px 14px;display:flex}.van-data-table-actions{align-items:center;gap:6px;display:flex}.van-data-table-actions .van-btn{height:22px;padding:0 6px;font-size:12px}.van-data-table-ellipsis{text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:100%;display:inline-block;overflow:hidden}.van-data-table-tooltip{z-index:1000;border-radius:var(--radius-lg,2px);max-width:320px;color:var(--card-foreground,#171717);background:var(--card,#fff);border:1px solid var(--border,#e5e5e5);pointer-events:none;white-space:normal;word-break:break-all;padding:6px 10px;font-size:12px;line-height:1.5;position:fixed;box-shadow:0 4px 12px #0000001a}.van-data-table-search+.van-data-table-toolbar{border-top:1px solid var(--border,#e5e7eb)}.van-data-table .van-table-container{border-left:none;border-right:none}.van-data-table-pagination{color:var(--muted-foreground,#9ca3af);justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.van-data-table-pagination-buttons{align-items:center;gap:6px;display:flex}.van-data-table-pagination-btn{min-width:32px;height:32px;color:var(--card-foreground,#1f2937);background:var(--card,#fff);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0 6px;font-size:14px;transition:all .15s;display:inline-flex}.van-data-table-pagination-btn:hover:not(:disabled):not([data-selected]){background:var(--muted,#6366f1)}.van-data-table-pagination-btn[data-selected]{background:var(--primary,#6366f1);border-color:var(--primary,#6366f1);color:var(--primary-foreground,#fff)}.van-data-table-pagination-btn:disabled{opacity:.45;cursor:not-allowed}.van-data-table-pagination-ellipsis{min-width:24px;height:32px;color:var(--muted-foreground,#9ca3af);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.van-data-table-pagination-icon{width:14px;height:14px}@media (prefers-color-scheme:dark){.van-data-table{--card:#1e1e2e;--card-foreground:#cdd6f4;--foreground:#cdd6f4;--muted:#181825;--muted-foreground:#9399b2;--border:#313244;--input:#45475a;--secondary:#27273e;--primary:#89b4fa;--primary-foreground:#1e1e2e}}@keyframes van-drawer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-drawer-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes van-drawer-slide-out-right{to{transform:translate(100%)}}@keyframes van-drawer-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes van-drawer-slide-out-left{to{transform:translate(-100%)}}@keyframes van-drawer-slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes van-drawer-slide-out-top{to{transform:translateY(-100%)}}@keyframes van-drawer-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes van-drawer-slide-out-bottom{to{transform:translateY(100%)}}.van-drawer-backdrop{z-index:var(--z,1000);background:#0006;position:fixed;inset:0}.van-drawer-backdrop[data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-drawer-fade-in}.van-drawer-backdrop[data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) van-drawer-fade-out}.van-drawer-positioner{z-index:calc(var(--z-index-base,1000) + var(--layer-index,0));position:fixed;inset:0}.van-drawer-content{position:fixed}.van-drawer-content[data-placement=right],.van-drawer-content:not([data-placement]){width:var(--van-drawer-size,400px);max-width:100vw;top:0;bottom:0;right:0}.van-drawer-content[data-placement=right][data-state=open],.van-drawer-content:not([data-placement])[data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-drawer-slide-in-right}.van-drawer-content[data-placement=right][data-state=closed],.van-drawer-content:not([data-placement])[data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) forwards van-drawer-slide-out-right}.van-drawer-content[data-placement=left]{width:var(--van-drawer-size,400px);max-width:100vw;top:0;bottom:0;left:0}.van-drawer-content[data-placement=left][data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-drawer-slide-in-left}.van-drawer-content[data-placement=left][data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) forwards van-drawer-slide-out-left}.van-drawer-content[data-placement=top]{height:var(--van-drawer-size,400px);max-height:100vh;top:0;left:0;right:0}.van-drawer-content[data-placement=top][data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-drawer-slide-in-top}.van-drawer-content[data-placement=top][data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) forwards van-drawer-slide-out-top}.van-drawer-content[data-placement=bottom]{height:var(--van-drawer-size,400px);max-height:100vh;bottom:0;left:0;right:0}.van-drawer-content[data-placement=bottom][data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-drawer-slide-in-bottom}.van-drawer-content[data-placement=bottom][data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) forwards van-drawer-slide-out-bottom}.van-drawer-content-inner{background:var(--card,#fff);border-radius:2px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 4px 16px #0000001a}.van-drawer-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 20px 12px;display:flex}.van-drawer-title{color:var(--card-foreground,#171717);margin:0;font-size:16px;font-weight:600;line-height:1.4}.van-drawer-close{border-radius:var(--radius-lg,2px);cursor:pointer;width:24px;height:24px;color:var(--muted-foreground,#737373);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:-2px -2px 0 8px;font-size:14px;transition:background .15s,color .15s;display:inline-flex}.van-drawer-close:hover{background:var(--muted,#f5f5f5);color:var(--card-foreground,#171717)}.van-drawer-desc{color:var(--muted-foreground,#737373);padding:0 20px 14px;font-size:14px;line-height:1.5}.van-drawer-body{flex:1;min-height:0;padding:2px 20px 16px;overflow-y:auto}.van-drawer-footer{border-top:1px solid var(--border,#e5e5e5);flex-shrink:0;justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.van-drawer-footer .van-btn{min-width:84px}.van-drawer-grabber{cursor:grab;flex-shrink:0;justify-content:center;padding:8px 0 0;display:flex}.van-drawer-grabber:active{cursor:grabbing}.van-drawer-grabber-indicator{background:#d4d4d4;border-radius:2px;width:36px;height:4px}@keyframes van-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-modal-scale-in{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:none}}@keyframes van-modal-scale-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.95)translateY(-4px)}}.van-modal-backdrop{z-index:var(--z,1000);background:#0006;position:fixed;inset:0}.van-modal-backdrop[data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-modal-fade-in}.van-modal-backdrop[data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) van-modal-fade-out}.van-modal-positioner{z-index:calc(var(--z-index-base,1000) + var(--layer-index,0));justify-content:center;align-items:start;padding:15vh 1rem 1rem;display:flex;position:fixed;inset:0}.van-modal-positioner[data-center]{align-items:center;padding-top:1rem}.van-modal-content{background:var(--card,#fff);border-radius:var(--radius-lg,2px);width:var(--van-modal-width,min(480px, 92vw));min-width:min(420px,92vw);max-height:var(--van-modal-max-height,90vh);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 4px 16px #0000001a}.van-modal-content[data-state=open]{animation:.25s cubic-bezier(.16,1,.3,1) van-modal-scale-in}.van-modal-content[data-state=closed]{animation:.15s cubic-bezier(.4,0,1,1) van-modal-scale-out}.van-modal-header{justify-content:space-between;align-items:flex-start;padding:20px 20px 12px;display:flex}.van-modal-title{color:var(--card-foreground,#171717);margin:0;font-size:16px;font-weight:600;line-height:1.4}.van-modal-close{border-radius:var(--radius-lg,2px);cursor:pointer;width:24px;height:24px;color:var(--muted-foreground,#737373);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:-2px -2px 0 8px;font-size:14px;transition:background .15s,color .15s;display:inline-flex}.van-modal-close:hover{background:var(--muted,#f5f5f5);color:var(--card-foreground,#171717)}.van-modal-desc{color:var(--muted-foreground,#737373);padding:0 20px 14px;font-size:14px;line-height:1.5}.van-modal-body{flex:1;padding:2px 20px 16px;overflow-y:auto}.van-modal-footer{justify-content:flex-end;gap:10px;padding:12px 20px;display:flex}.van-modal-footer .van-btn{min-width:84px}.van-modal-content[data-center] .van-modal-footer{border-top:1px solid var(--border,#e5e5e5)}[data-scope=dialog][data-part=content][data-has-nested]{transform:scale(calc(1 - var(--nested-layer-count,0) * .03))}[data-scope=toast][data-part=root]{transform:translate3d(var(--x,0), var(--y,100%), 0);z-index:var(--z-index,0);opacity:var(--opacity,1);background:var(--card,#fff);border-radius:var(--radius-lg,2px);min-width:320px;max-width:420px;transition:transform .25s,opacity .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001f}.van-toast-bar{flex-shrink:0;width:4px}[data-type=success] .van-toast-bar{background:var(--success,#22c55e)}[data-type=error] .van-toast-bar{background:var(--destructive,#ef4444)}[data-type=info] .van-toast-bar{background:var(--primary,#3b82f6)}[data-type=warning] .van-toast-bar{background:var(--warning,#f59e0b)}[data-type=loading] .van-toast-bar{background:var(--muted-foreground,#f5f5f5)}.van-toast-body{flex:1;min-width:0;padding:12px 40px 12px 16px}.van-toast-title{color:var(--card-foreground,#171717);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.4;overflow:hidden}.van-toast-desc{color:var(--muted-foreground,#737373);margin-top:2px;font-size:14px;line-height:1.5}.van-toast-close{cursor:pointer;width:20px;height:20px;color:var(--muted-foreground,#9ca3af);background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex;position:absolute;top:12px;right:12px}.van-toast-close:hover{color:var(--card-foreground,#4b5563);background:var(--muted,#f3f4f6)}.van-toast-close-x{width:12px;height:12px;display:block;position:relative}.van-toast-close-x:before,.van-toast-close-x:after{content:"";background:currentColor;border-radius:1px;width:12px;height:1.5px;position:absolute;top:50%;left:50%}.van-toast-close-x:before{transform:translate(-50%,-50%)rotate(45deg)}.van-toast-close-x:after{transform:translate(-50%,-50%)rotate(-45deg)}
 /*$vite$:1*/

package/dist/table/Table.d.ts

@@ -1,2 +1,3 @@
+import { JSX } from 'solid-js';
 import { TableProps } from './type';
-export declare function Table<TData>(rawProps: TableProps<TData>): import("solid-js").JSX.Element;
+export declare function Table<TData>(rawProps: TableProps<TData>): JSX.Element;

package/dist/table/index.mjs

@@ -1,3 +1,3 @@
 import "../solid-ark.css";
-import { t as e } from "../table-B88tYpbb.js";
+import { t as e } from "../table-D3DgojFM.js";
 export { e as Table };

package/dist/{table-B88tYpbb.js → table-D3DgojFM.js}

@@ -9,6 +9,12 @@ function k(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
 function A(e) {
+	let t = {};
+	e.columnDef.size !== void 0 && (t.width = `${e.columnDef.size}px`, t["min-width"] = `${e.columnDef.size}px`, t["max-width"] = `${e.columnDef.size}px`);
+	let n = e.columnDef.meta?.align;
+	return n && (t["text-align"] = n), Object.keys(t).length > 0 ? t : void 0;
+}
+function j(e) {
 	return (() => {
 		var t = y(), n = t.firstChild, r = n.nextSibling;
 		return i((t) => {
@@ -20,27 +26,27 @@ function A(e) {
 		}), t;
 	})();
 }
-function j() {
+function M() {
 	return b();
 }
-function M() {
+function N() {
 	return x();
 }
-function N(r) {
+function P(r) {
 	let l = p({
 		emptyText: "暂无数据",
 		selectable: !1,
 		loading: !1,
 		rowId: (e) => e.id
-	}, r), [y, b] = f([]), [x, N] = f(l.selectedRowIds?.length ? Object.fromEntries(l.selectedRowIds.map((e) => [e, !0])) : {}), P = {
+	}, r), [y, b] = f([]), [x, P] = f(l.selectedRowIds?.length ? Object.fromEntries(l.selectedRowIds.map((e) => [e, !0])) : {}), F = {
 		id: "__select__",
 		header: () => n(m.Root, {
 			get checked() {
-				return o(() => !!F.getIsAllPageRowsSelected())() ? !0 : F.getIsSomePageRowsSelected() ? "indeterminate" : !1;
+				return o(() => !!I.getIsAllPageRowsSelected())() ? !0 : I.getIsSomePageRowsSelected() ? "indeterminate" : !1;
 			},
 			onCheckedChange: (e) => {
 				let t = e.checked !== "indeterminate" && e.checked;
-				F.toggleAllPageRowsSelected(t);
+				I.toggleAllPageRowsSelected(t);
 			},
 			onClick: (e) => e.stopPropagation(),
 			get children() {
@@ -50,13 +56,13 @@ function N(r) {
 						return [n(m.Indicator, {
 							class: "van-table-checkbox-indicator",
 							get children() {
-								return n(j, {});
+								return n(M, {});
 							}
 						}), n(m.Indicator, {
 							class: "van-table-checkbox-indicator",
 							indeterminate: !0,
 							get children() {
-								return n(M, {});
+								return n(N, {});
 							}
 						})];
 					}
@@ -76,7 +82,7 @@ function N(r) {
 						return n(m.Indicator, {
 							class: "van-table-checkbox-indicator",
 							get children() {
-								return n(j, {});
+								return n(M, {});
 							}
 						});
 					}
@@ -89,12 +95,12 @@ function N(r) {
 		enableSorting: !1,
 		enableColumnFilter: !1,
 		enableHiding: !1
-	}, F = h({
+	}, I = h({
 		get data() {
 			return l.data;
 		},
 		get columns() {
-			return l.selectable ? [P, ...l.columns] : l.columns;
+			return l.selectable ? [F, ...l.columns] : l.columns;
 		},
 		state: {
 			get sorting() {
@@ -109,14 +115,14 @@ function N(r) {
 		},
 		onRowSelectionChange: (e) => {
 			let t = k(e, x());
-			N(t), l.onSelectionChange?.(Object.keys(t).filter((e) => t[e]));
+			P(t), l.onSelectionChange?.(Object.keys(t).filter((e) => t[e]));
 		},
 		getCoreRowModel: _(),
 		getSortedRowModel: v(),
 		enableRowSelection: l.selectable,
 		getRowId: (e) => l.rowId(e)
-	}), I = (e) => e === "__select__";
-	function L(r) {
+	}), L = (e) => e === "__select__";
+	function R(r) {
 		return (() => {
 			var o = S();
 			return a(o, n(u, {
@@ -139,7 +145,7 @@ function N(r) {
 												return r.column.getCanSort();
 											},
 											get children() {
-												return n(A, { get state() {
+												return n(j, { get state() {
 													return r.column.getIsSorted();
 												} });
 											}
@@ -147,7 +153,7 @@ function N(r) {
 									})();
 								},
 								get when() {
-									return I(r.column.id);
+									return L(r.column.id);
 								},
 								get children() {
 									return g(r.column.columnDef.header, r.getContext());
@@ -155,17 +161,18 @@ function N(r) {
 							});
 						}
 					})), i((e) => {
-						var n = `van-table-th${r.column.getCanSort() ? " van-table-th-sortable" : ""}${I(r.column.id) ? " van-table-th-select" : ""}`, i = r.colSpan;
-						return n !== e.e && t(o, e.e = n), i !== e.t && s(o, "colspan", e.t = i), e;
+						var n = `van-table-th${r.column.getCanSort() ? " van-table-th-sortable" : ""}${L(r.column.id) ? " van-table-th-select" : ""}`, i = r.colSpan, a = A(r.column);
+						return n !== e.e && t(o, e.e = n), i !== e.t && s(o, "colspan", e.t = i), e.a = c(o, a, e.a), e;
 					}, {
 						e: void 0,
-						t: void 0
+						t: void 0,
+						a: void 0
 					}), o;
 				})()
 			})), o;
 		})();
 	}
-	function R(r) {
+	function z(r) {
 		return (() => {
 			var o = S();
 			return e(o, "click", l.onRowClick ? () => l.onRowClick(r.row.original, r.index) : void 0, !0), a(o, n(u, {
@@ -174,7 +181,13 @@ function N(r) {
 				},
 				children: (e) => (() => {
 					var n = T();
-					return a(n, () => g(e.column.columnDef.cell, e.getContext())), i(() => t(n, `van-table-td${I(e.column.id) ? " van-table-td-select" : ""}`)), n;
+					return a(n, () => g(e.column.columnDef.cell, e.getContext())), i((r) => {
+						var i = `van-table-td${L(e.column.id) ? " van-table-td-select" : ""}`, a = A(e.column);
+						return i !== r.e && t(n, r.e = i), r.t = c(n, a, r.t), r;
+					}, {
+						e: void 0,
+						t: void 0
+					}), n;
 				})()
 			})), i((e) => {
 				var n = `van-table-tr${r.row.getIsSelected() ? " van-table-tr-selected" : ""}`, i = l.onRowClick ? { cursor: "pointer" } : void 0;
@@ -185,7 +198,7 @@ function N(r) {
 			}), o;
 		})();
 	}
-	let z = () => l.columns.length + +!!l.selectable;
+	let B = () => l.columns.length + +!!l.selectable;
 	return (() => {
 		var e = D(), o = e.firstChild, c = o.firstChild, f = c.firstChild, p = f.nextSibling;
 		return a(o, n(d, {
@@ -197,25 +210,25 @@ function N(r) {
 			}
 		}), c), a(f, n(u, {
 			get each() {
-				return F.getHeaderGroups();
+				return I.getHeaderGroups();
 			},
-			children: (e) => n(L, { headerGroup: e })
+			children: (e) => n(R, { headerGroup: e })
 		})), a(p, n(d, {
 			get fallback() {
 				return (() => {
 					var e = O(), t = e.firstChild;
-					return a(t, () => l.emptyText), i(() => s(t, "colspan", z())), e;
+					return a(t, () => l.emptyText), i(() => s(t, "colspan", B())), e;
 				})();
 			},
 			get when() {
-				return F.getRowModel().rows.length > 0;
+				return I.getRowModel().rows.length > 0;
 			},
 			get children() {
 				return n(u, {
 					get each() {
-						return F.getRowModel().rows;
+						return I.getRowModel().rows;
 					},
-					children: (e, t) => n(R, {
+					children: (e, t) => n(z, {
 						get index() {
 							return t();
 						},
@@ -228,4 +241,4 @@ function N(r) {
 }
 r(["click"]);
 //#endregion
-export { N as t };
+export { P as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vanstack/solid-ark",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "private": false,
   "license": "MIT",
   "type": "module",
@@ -20,6 +20,10 @@
       "types": "./dist/form/index.d.ts",
       "default": "./dist/form/index.mjs"
     },
+    "./badge": {
+      "types": "./dist/badge/index.d.ts",
+      "default": "./dist/badge/index.mjs"
+    },
     "./button": {
       "types": "./dist/button/index.d.ts",
       "default": "./dist/button/index.mjs"
@@ -53,7 +57,8 @@
   },
   "dependencies": {
     "@internationalized/date": "^3.12.2",
-    "fast-equals": "^6.0.2"
+    "fast-equals": "^6.0.2",
+    "@vanstack/shared": "0.0.1"
   },
   "devDependencies": {
     "@ark-ui/solid": "^5.0.0",
@@ -66,8 +71,8 @@
     "vite-plugin-solid": "^2.11.0",
     "vitest": "^4.1.10",
     "zod": "^4.4.0",
-    "@vanstack/eslint-config": "0.0.1",
     "@vanstack/prettier-config": "0.0.1",
+    "@vanstack/eslint-config": "0.0.1",
     "@vanstack/vite-config": "0.0.2",
     "@vanstack/tsconfig": "0.0.1"
   },