@vanstack/solid-ark 0.0.46 → 0.0.47

package/dist/data-table/index.mjs

@@ -2,7 +2,7 @@ import "../solid-ark.css";
 import { t as e } from "../button-Br_upy12.js";
 import { t } from "../badge-Dt0uZnmA.js";
 import { t as n } from "../form-CnlzjZZ1.js";
-import { t as r } from "../table-ByBUErrC.js";
+import { t as r } from "../table-CtYq69-7.js";
 import { className as i, createComponent as a, effect as o, insert as s, memo as c, setAttribute as l, setStyleProperty as u, template as d, use as f } from "solid-js/web";
 import { For as p, Show as m, createEffect as ee, createMemo as h, createSignal as g, mergeProps as _, on as v, onCleanup as te, onMount as y } from "solid-js";
 import { formatDate as b, formatDateTime as ne, formatShortDateTime as re } from "@vanstack/shared";

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

@@ -75,8 +75,9 @@ interface DataTableBaseProps<TData, TSearch extends Record<string, unknown>, TQu
     rowId?: (row: TData) => string;
     /** 是否显示选择列，默认取 !!onSelectionChange */
     selectable?: boolean;
-    /** 初始选中行 ID */
+    /** 选中行 ID；传入后进入受控选择模式，不传则由组件内部维护 */
     selectedRowIds?: string[];
+    /** 选择变化回调；受控模式下父组件应将结果回写到 selectedRowIds */
     onSelectionChange?: (ids: string[]) => void;
     /** 受控模式的加载态；内部模式由组件自行管理 */
     loading?: boolean;

package/dist/table/index.mjs

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

package/dist/table/selection.d.ts

@@ -0,0 +1,9 @@
+import { RowSelectionState } from '@tanstack/solid-table';
+interface RowSelectionProps {
+    selectedRowIds?: string[];
+}
+export declare function createRowSelection(props: RowSelectionProps): {
+    applyRowSelection: (next: RowSelectionState) => string[];
+    rowSelection: () => RowSelectionState;
+};
+export {};

package/dist/table/type.d.ts

@@ -7,12 +7,12 @@ export interface TableProps<TData> {
     onSortingChange?: (sorting: SortingState) => void;
     /** 是否启用行选择 */
     selectable?: boolean;
-    /** 初始选中行 ID */
+    /** 选中行 ID；传入后进入受控选择模式，不传则由组件内部维护 */
     selectedRowIds?: string[];
+    /** 选择变化通知；受控模式下父组件应将结果回写到 selectedRowIds */
+    onSelectionChange?: (selectedIds: string[]) => void;
     /** 行 ID 提取函数，默认取 row.id */
     rowId?: (row: TData) => string;
-    /** 选择变化通知 */
-    onSelectionChange?: (selectedIds: string[]) => void;
     /** 加载态 */
     loading?: boolean;
     /** 空状态文案 */

package/dist/{table-ByBUErrC.js → table-CtYq69-7.js}

@@ -3,20 +3,32 @@ import { addEventListener as e, className as t, createComponent as n, delegateEv
 import { For as u, Show as d, createSignal as f, mergeProps as p } from "solid-js";
 import { Checkbox as m } from "@ark-ui/solid/checkbox";
 import { createSolidTable as h, flexRender as g, getCoreRowModel as _, getSortedRowModel as v } from "@tanstack/solid-table";
+//#region src/table/selection.ts
+function y(e) {
+	return Object.fromEntries((e ?? []).map((e) => [e, !0]));
+}
+function b(e) {
+	let t = () => e.selectedRowIds !== void 0, [n, r] = f(y(e.selectedRowIds));
+	return {
+		applyRowSelection: (e) => (t() || r(e), Object.keys(e).filter((t) => e[t])),
+		rowSelection: () => t() ? y(e.selectedRowIds) : n()
+	};
+}
+//#endregion
 //#region src/table/Table.tsx
-var y = /*#__PURE__*/ l("<svg class=van-table-sort-icon viewBox=\"0 0 8 14\"xmlns=http://www.w3.org/2000/svg><polyline fill=none points=\"1,5 4,2 7,5\"stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.5></polyline><polyline fill=none points=\"1,9 4,12 7,9\"stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.5>"), b = /*#__PURE__*/ l("<svg class=van-table-check-icon fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=3 viewBox=\"0 0 24 24\"><path d=\"M5 12l5 5l10 -10\">"), x = /*#__PURE__*/ l("<svg class=van-table-check-icon fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=3 viewBox=\"0 0 24 24\"><path d=\"M5 12h14\">"), S = /*#__PURE__*/ l("<tr>"), C = /*#__PURE__*/ l("<th>"), w = /*#__PURE__*/ l("<span class=van-table-th-content>"), T = /*#__PURE__*/ l("<td>"), E = /*#__PURE__*/ l("<div class=van-table-loading-mask><div class=van-table-spinner>"), D = /*#__PURE__*/ l("<div><div class=van-table-container><table class=van-table><thead></thead><tbody>"), O = /*#__PURE__*/ l("<tr><td class=van-table-empty>");
-function k(e, t) {
+var x = /*#__PURE__*/ l("<svg class=van-table-sort-icon viewBox=\"0 0 8 14\"xmlns=http://www.w3.org/2000/svg><polyline fill=none points=\"1,5 4,2 7,5\"stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.5></polyline><polyline fill=none points=\"1,9 4,12 7,9\"stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=1.5>"), S = /*#__PURE__*/ l("<svg class=van-table-check-icon fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=3 viewBox=\"0 0 24 24\"><path d=\"M5 12l5 5l10 -10\">"), C = /*#__PURE__*/ l("<svg class=van-table-check-icon fill=none stroke=currentColor stroke-linecap=round stroke-linejoin=round stroke-width=3 viewBox=\"0 0 24 24\"><path d=\"M5 12h14\">"), w = /*#__PURE__*/ l("<tr>"), T = /*#__PURE__*/ l("<th>"), E = /*#__PURE__*/ l("<span class=van-table-th-content>"), D = /*#__PURE__*/ l("<td>"), O = /*#__PURE__*/ l("<div class=van-table-loading-mask><div class=van-table-spinner>"), k = /*#__PURE__*/ l("<div><div class=van-table-container><table class=van-table><thead></thead><tbody>"), A = /*#__PURE__*/ l("<tr><td class=van-table-empty>");
+function j(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function A(e) {
+function M(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;
 	return n?.align && (t["text-align"] = n.align), n?.nowrap && (t["white-space"] = "nowrap"), Object.keys(t).length > 0 ? t : void 0;
 }
-function j(e) {
+function N(e) {
 	return (() => {
-		var t = y(), n = t.firstChild, r = n.nextSibling;
+		var t = x(), n = t.firstChild, r = n.nextSibling;
 		return i((t) => {
 			var i = `van-table-sort-arrow${e.state === "asc" ? " van-table-sort-active" : ""}`, a = `van-table-sort-arrow${e.state === "desc" ? " van-table-sort-active" : ""}`;
 			return i !== t.e && s(n, "class", t.e = i), a !== t.t && s(r, "class", t.t = a), t;
@@ -26,27 +38,27 @@ function j(e) {
 		}), t;
 	})();
 }
-function M() {
-	return b();
+function P() {
+	return S();
 }
-function N() {
-	return x();
+function F() {
+	return C();
 }
-function P(r) {
+function I(r) {
 	let l = p({
 		emptyText: "暂无数据",
 		selectable: !1,
 		loading: !1,
 		rowId: (e) => e.id
-	}, r), [y, b] = f([]), [x, P] = f(l.selectedRowIds?.length ? Object.fromEntries(l.selectedRowIds.map((e) => [e, !0])) : {}), F = {
+	}, r), [y, x] = f([]), { applyRowSelection: S, rowSelection: C } = b(r), I = {
 		id: "__select__",
 		header: () => n(m.Root, {
 			get checked() {
-				return o(() => !!I.getIsAllPageRowsSelected())() ? !0 : I.getIsSomePageRowsSelected() ? "indeterminate" : !1;
+				return o(() => !!L.getIsAllPageRowsSelected())() ? !0 : L.getIsSomePageRowsSelected() ? "indeterminate" : !1;
 			},
 			onCheckedChange: (e) => {
 				let t = e.checked !== "indeterminate" && e.checked;
-				I.toggleAllPageRowsSelected(t);
+				L.toggleAllPageRowsSelected(t);
 			},
 			onClick: (e) => e.stopPropagation(),
 			get children() {
@@ -56,13 +68,13 @@ function P(r) {
 						return [n(m.Indicator, {
 							class: "van-table-checkbox-indicator",
 							get children() {
-								return n(M, {});
+								return n(P, {});
 							}
 						}), n(m.Indicator, {
 							class: "van-table-checkbox-indicator",
 							indeterminate: !0,
 							get children() {
-								return n(N, {});
+								return n(F, {});
 							}
 						})];
 					}
@@ -82,7 +94,7 @@ function P(r) {
 						return n(m.Indicator, {
 							class: "van-table-checkbox-indicator",
 							get children() {
-								return n(M, {});
+								return n(P, {});
 							}
 						});
 					}
@@ -95,43 +107,43 @@ function P(r) {
 		enableSorting: !1,
 		enableColumnFilter: !1,
 		enableHiding: !1
-	}, I = h({
+	}, L = h({
 		get data() {
 			return l.data;
 		},
 		get columns() {
-			return l.selectable ? [F, ...l.columns] : l.columns;
+			return l.selectable ? [I, ...l.columns] : l.columns;
 		},
 		state: {
 			get sorting() {
 				return y();
 			},
 			get rowSelection() {
-				return x();
+				return C();
 			}
 		},
 		onSortingChange: (e) => {
-			b(e), l.onSortingChange?.(k(e, y()));
+			x(e), l.onSortingChange?.(j(e, y()));
 		},
 		onRowSelectionChange: (e) => {
-			let t = k(e, x());
-			P(t), l.onSelectionChange?.(Object.keys(t).filter((e) => t[e]));
+			let t = j(e, C());
+			l.onSelectionChange?.(S(t));
 		},
 		getCoreRowModel: _(),
 		getSortedRowModel: v(),
 		enableRowSelection: l.selectable,
 		getRowId: (e) => l.rowId(e),
 		defaultColumn: { enableSorting: !1 }
-	}), L = (e) => e === "__select__";
-	function R(r) {
+	}), R = (e) => e === "__select__";
+	function z(r) {
 		return (() => {
-			var o = S();
+			var o = w();
 			return a(o, n(u, {
 				get each() {
 					return r.headerGroup.headers;
 				},
 				children: (r) => (() => {
-					var o = C();
+					var o = T();
 					return e(o, "click", r.column.getToggleSortingHandler(), !0), a(o, n(d, {
 						get when() {
 							return !r.isPlaceholder;
@@ -140,13 +152,13 @@ function P(r) {
 							return n(d, {
 								get fallback() {
 									return (() => {
-										var e = w();
+										var e = E();
 										return a(e, () => g(r.column.columnDef.header, r.getContext()), null), a(e, n(d, {
 											get when() {
 												return r.column.getCanSort();
 											},
 											get children() {
-												return n(j, { get state() {
+												return n(N, { get state() {
 													return r.column.getIsSorted();
 												} });
 											}
@@ -154,7 +166,7 @@ function P(r) {
 									})();
 								},
 								get when() {
-									return L(r.column.id);
+									return R(r.column.id);
 								},
 								get children() {
 									return g(r.column.columnDef.header, r.getContext());
@@ -162,7 +174,7 @@ function P(r) {
 							});
 						}
 					})), 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);
+						var n = `van-table-th${r.column.getCanSort() ? " van-table-th-sortable" : ""}${R(r.column.id) ? " van-table-th-select" : ""}`, i = r.colSpan, a = M(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,
@@ -173,17 +185,17 @@ function P(r) {
 			})), o;
 		})();
 	}
-	function z(r) {
+	function B(r) {
 		return (() => {
-			var o = S();
+			var o = w();
 			return e(o, "click", l.onRowClick ? () => l.onRowClick(r.row.original, r.index) : void 0, !0), a(o, n(u, {
 				get each() {
 					return r.row.getVisibleCells();
 				},
 				children: (e) => (() => {
-					var n = T();
+					var n = D();
 					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);
+						var i = `van-table-td${R(e.column.id) ? " van-table-td-select" : ""}`, a = M(e.column);
 						return i !== r.e && t(n, r.e = i), r.t = c(n, a, r.t), r;
 					}, {
 						e: void 0,
@@ -199,37 +211,37 @@ function P(r) {
 			}), o;
 		})();
 	}
-	let B = () => l.columns.length + +!!l.selectable;
+	let V = () => l.columns.length + +!!l.selectable;
 	return (() => {
-		var e = D(), o = e.firstChild, c = o.firstChild, f = c.firstChild, p = f.nextSibling;
+		var e = k(), o = e.firstChild, c = o.firstChild, f = c.firstChild, p = f.nextSibling;
 		return a(o, n(d, {
 			get when() {
 				return l.loading;
 			},
 			get children() {
-				return E();
+				return O();
 			}
 		}), c), a(f, n(u, {
 			get each() {
-				return I.getHeaderGroups();
+				return L.getHeaderGroups();
 			},
-			children: (e) => n(R, { headerGroup: e })
+			children: (e) => n(z, { headerGroup: e })
 		})), a(p, n(d, {
 			get fallback() {
 				return (() => {
-					var e = O(), t = e.firstChild;
-					return a(t, () => l.emptyText), i(() => s(t, "colspan", B())), e;
+					var e = A(), t = e.firstChild;
+					return a(t, () => l.emptyText), i(() => s(t, "colspan", V())), e;
 				})();
 			},
 			get when() {
-				return I.getRowModel().rows.length > 0;
+				return L.getRowModel().rows.length > 0;
 			},
 			get children() {
 				return n(u, {
 					get each() {
-						return I.getRowModel().rows;
+						return L.getRowModel().rows;
 					},
-					children: (e, t) => n(z, {
+					children: (e, t) => n(B, {
 						get index() {
 							return t();
 						},
@@ -242,4 +254,4 @@ function P(r) {
 }
 r(["click"]);
 //#endregion
-export { P as t };
+export { I as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vanstack/solid-ark",
-  "version": "0.0.46",
+  "version": "0.0.47",
   "private": false,
   "license": "MIT",
   "type": "module",
@@ -72,10 +72,10 @@
     "vite-plugin-solid": "^2.11.0",
     "vitest": "^4.1.10",
     "zod": "^4.4.0",
-    "@vanstack/vite-config": "0.0.2",
-    "@vanstack/prettier-config": "0.0.1",
     "@vanstack/eslint-config": "0.0.1",
-    "@vanstack/tsconfig": "0.0.1"
+    "@vanstack/tsconfig": "0.0.1",
+    "@vanstack/vite-config": "0.0.2",
+    "@vanstack/prettier-config": "0.0.1"
   },
   "scripts": {
     "build": "tsc --noEmit && vite build",