@vanstack/solid-ark 0.0.14 → 0.0.15

package/dist/data-table/index.mjs

@@ -3,48 +3,48 @@ import { t as e } from "../button-Br_upy12.js";
 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";
+import { For as f, Show as p, createEffect as m, createMemo as h, createSignal as g, mergeProps as _, on as v, onCleanup as y, onMount as b } from "solid-js";
+import { formatDate as ee, formatDateTime as x, formatShortDateTime as te } from "@vanstack/shared";
+import { Pagination as S } from "@ark-ui/solid/pagination";
 //#region src/data-table/EllipsisCell.tsx
-var S = /*#__PURE__*/ u("<span class=van-data-table-ellipsis>");
-function C(e) {
+var C = /*#__PURE__*/ u("<span class=van-data-table-ellipsis>");
+function w(e) {
 	let t;
-	return y(() => {
+	return b(() => {
 		t && t.scrollWidth > t.clientWidth && (t.dataset.ellipsis = "true", t.dataset.text = e.text);
 	}), (() => {
-		var n = S(), r = t;
+		var n = C(), r = t;
 		return typeof r == "function" ? d(r, n) : t = n, o(n, () => e.children), n;
 	})();
 }
 //#endregion
 //#region src/data-table/Pagination.tsx
-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) {
+var 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\"><path>"), E = /*#__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\">"), D = /*#__PURE__*/ u("<svg><path d=\"M11 6l-6 6 6 6\"></svg>", !1, !0, !1), O = /*#__PURE__*/ u("<svg><path d=\"M18 6l-6 6 6 6\"></svg>", !1, !0, !1), k = /*#__PURE__*/ u("<svg><path d=\"M13 6l6 6-6 6\"></svg>", !1, !0, !1), A = /*#__PURE__*/ u("<svg><path d=\"M6 6l6 6-6 6\"></svg>", !1, !0, !1), j = /*#__PURE__*/ u("<div class=van-data-table-pagination-buttons>"), M = /*#__PURE__*/ u("<div class=van-data-table-pagination><span class=van-data-table-pagination-info>共 <!> 条");
+function N(e) {
 	return (() => {
-		var t = w(), n = t.firstChild;
+		var t = T(), n = t.firstChild;
 		return a(() => c(n, "d", e.direction === "left" ? "M15 6l-6 6 6 6" : "M9 6l6 6-6 6")), t;
 	})();
 }
-function N(e) {
+function P(e) {
 	return (() => {
-		var t = T();
+		var t = E();
 		return o(t, (() => {
 			var t = s(() => e.direction === "left");
-			return () => t() ? [E(), D()] : [O(), k()];
+			return () => t() ? [D(), O()] : [k(), A()];
 		})()), t;
 	})();
 }
-function re(e) {
+function ne(e) {
 	let t = () => Math.max(1, Math.ceil(e.count / e.pageSize));
 	return (() => {
-		var n = j(), r = n.firstChild, a = r.firstChild.nextSibling;
+		var n = M(), 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(x.Root, {
+				return i(S.Root, {
 					get count() {
 						return e.count;
 					},
@@ -58,22 +58,22 @@ function re(e) {
 					},
 					translations: { rootLabel: "分页" },
 					get children() {
-						var e = A();
-						return o(e, i(x.FirstTrigger, {
+						var e = j();
+						return o(e, i(S.FirstTrigger, {
 							class: "van-data-table-pagination-btn",
 							get children() {
-								return i(N, { direction: "left" });
+								return i(P, { direction: "left" });
 							}
-						}), null), o(e, i(x.PrevTrigger, {
+						}), null), o(e, i(S.PrevTrigger, {
 							class: "van-data-table-pagination-btn",
 							get children() {
-								return i(M, { direction: "left" });
+								return i(N, { direction: "left" });
 							}
-						}), null), o(e, i(x.Context, { children: (e) => i(f, {
+						}), null), o(e, i(S.Context, { children: (e) => i(f, {
 							get each() {
 								return e().pages;
 							},
-							children: (e, t) => e.type === "page" ? i(x.Item, {
+							children: (e, t) => e.type === "page" ? i(S.Item, {
 								class: "van-data-table-pagination-btn",
 								type: "page",
 								get value() {
@@ -82,22 +82,22 @@ function re(e) {
 								get children() {
 									return e.value;
 								}
-							}) : i(x.Ellipsis, {
+							}) : i(S.Ellipsis, {
 								class: "van-data-table-pagination-ellipsis",
 								get index() {
 									return t();
 								},
 								children: "…"
 							})
-						}) }), null), o(e, i(x.NextTrigger, {
+						}) }), null), o(e, i(S.NextTrigger, {
 							class: "van-data-table-pagination-btn",
 							get children() {
-								return i(M, { direction: "right" });
+								return i(N, { direction: "right" });
 							}
-						}), null), o(e, i(x.LastTrigger, {
+						}), null), o(e, i(S.LastTrigger, {
 							class: "van-data-table-pagination-btn",
 							get children() {
-								return i(N, { direction: "right" });
+								return i(P, { direction: "right" });
 							}
 						}), null), e;
 					}
@@ -108,9 +108,9 @@ function re(e) {
 }
 //#endregion
 //#region src/data-table/DataTable.tsx
-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>");
+var F = /*#__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\">"), re = /*#__PURE__*/ u("<div class=van-data-table-actions>"), ie = /*#__PURE__*/ u("<div class=van-data-table-search>"), ae = /*#__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();
+	return F();
 }
 function B(s) {
 	let c = _({
@@ -118,14 +118,14 @@ function B(s) {
 		defaultPageSize: 10,
 		emptyText: "暂无数据",
 		showSearchActions: !0
-	}, s), u = h(() => c.searchFields ?? []), x = h(() => u().map((e) => ({
+	}, s), u = h(() => c.searchFields ?? []), S = h(() => u().map((e) => ({
 		...e,
 		label: void 0
-	}))), S = h(() => c.data !== void 0), w = h(() => s.selectable ?? !!s.onSelectionChange), [T, E] = g(c.searchValues ?? {}), [D, O] = g(c.searchValues ?? {});
+	}))), C = h(() => c.data !== void 0), T = h(() => s.selectable ?? !!s.onSelectionChange), E = (e, t) => typeof e.show == "function" ? e.show(t) : e.show !== !1, [D, O] = g(c.searchValues ?? {}), [k, A] = g(c.searchValues ?? {});
 	m(v(() => c.searchValues, (e) => {
-		e && E(() => e);
+		e && O(() => e);
 	}));
-	let [k, A] = g(c.defaultPage), [j, M] = g(c.defaultPageSize), [N, P] = g([]), B = h(() => {
+	let [j, M] = g(c.defaultPage), [N, P] = g(c.defaultPageSize), [F, B] = g([]), V = h(() => {
 		let t = 0, n = [];
 		for (let r of c.columns) {
 			let a = r.type;
@@ -140,7 +140,7 @@ function B(s) {
 					enableColumnFilter: !1,
 					enableHiding: !1,
 					...r,
-					cell: ({ row: e }) => (k() - 1) * j() + e.index + 1
+					cell: ({ row: e }) => (j() - 1) * N() + e.index + 1
 				};
 				n.push(e);
 				continue;
@@ -148,7 +148,7 @@ function B(s) {
 			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;
+				let t = e.accessorKey, i = e.type === "date" ? ee : e.type === "dateTime" ? x : te;
 				n.push({
 					id: t,
 					accessorKey: t,
@@ -161,21 +161,30 @@ function B(s) {
 			if (a === "action") {
 				let t = r, a = t.actions ?? [];
 				if (a.length === 0) continue;
+				let s = a.some((e) => typeof e.show == "function") ? a : a.filter((e) => e.show !== !1);
+				if (s.length === 0) continue;
 				n.push({
 					id: "__actions__",
 					header: t.header ?? "操作",
 					enableSorting: !1,
 					cell: ({ row: t }) => (() => {
-						var n = ie();
+						var n = re();
 						return o(n, i(f, {
-							each: a,
-							children: (n) => i(e, {
-								onClick: () => n.onClick(t.original),
-								get variant() {
-									return n.variant ?? "outline";
+							each: s,
+							children: (n) => i(p, {
+								get when() {
+									return E(n, t.original);
 								},
 								get children() {
-									return n.label;
+									return i(e, {
+										onClick: () => n.onClick(t.original),
+										get variant() {
+											return n.variant ?? "outline";
+										},
+										get children() {
+											return n.label;
+										}
+									});
 								}
 							})
 						})), n;
@@ -188,7 +197,7 @@ function B(s) {
 				let e = r.cell;
 				n.push({
 					...r,
-					cell: (t) => i(C, {
+					cell: (t) => i(w, {
 						get text() {
 							return String(t.getValue() ?? "");
 						},
@@ -200,32 +209,32 @@ function B(s) {
 			n.push(r);
 		}
 		return n;
-	}), V, [H, U] = g(null);
-	y(() => {
-		let e = V;
+	}), H, [U, W] = g(null);
+	b(() => {
+		let e = H;
 		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({
+			W({
 				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.relatedTarget?.closest?.(".van-data-table-ellipsis[data-ellipsis]") || W(null);
 		};
-		e.addEventListener("mouseover", t), e.addEventListener("mouseout", n), ee(() => {
+		e.addEventListener("mouseover", t), e.addEventListener("mouseout", n), y(() => {
 			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) => ({
+	let [G, K] = g([]), [q, oe] = g(0), [se, J] = g(!1), Y = h(() => C() ? c.data : G()), ce = h(() => C() ? c.total ?? Y().length : q()), X = h(() => C() ? c.loading ?? !1 : se()), Z = (e, t, n) => ({
 		page: e,
 		pageSize: t,
 		sorting: n
 	}), Q = 0, $ = async (e, t) => {
-		if (S()) {
+		if (C()) {
 			s.onSearch(e, t);
 			return;
 		}
@@ -234,7 +243,7 @@ function B(s) {
 		try {
 			let r = await s.onSearch(e, t);
 			if (n !== Q) return;
-			G(r.data), q(r.total);
+			K(r.data), oe(r.total);
 		} catch (e) {
 			if (n !== Q) return;
 			s.onError?.(e);
@@ -242,39 +251,39 @@ function B(s) {
 			n === Q && J(!1);
 		}
 	};
-	y(() => {
-		S() || $(D(), Z(k(), j(), N()));
+	b(() => {
+		C() || $(k(), Z(j(), N(), F()));
 	});
-	let ce = (e) => {
-		O(() => e), A(1), $(e, Z(1, j(), N()));
-	}, le = () => {
+	let le = (e) => {
+		A(() => e), M(1), $(e, Z(1, N(), F()));
+	}, ue = () => {
 		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())));
+		O(() => e), A(() => e), M(1), $(e, Z(1, N(), F()));
 	}, de = (e) => {
-		e !== j() && (M(e), A(1), c.onPageSizeChange?.(e), $(D(), Z(1, e, N())));
+		e !== j() && (M(e), c.onPageChange?.(e), $(k(), Z(e, N(), F())));
 	}, fe = (e) => {
-		P(e), c.onSortingChange?.(e), A(1), $(D(), Z(1, j(), e));
+		e !== N() && (P(e), M(1), c.onPageSizeChange?.(e), $(k(), Z(1, e, F())));
+	}, pe = (e) => {
+		B(e), c.onSortingChange?.(e), M(1), $(k(), Z(1, N(), e));
 	};
 	return (() => {
-		var f = I(), m = V;
-		return typeof m == "function" ? d(m, f) : V = f, o(f, i(p, {
+		var f = I(), m = H;
+		return typeof m == "function" ? d(m, f) : H = f, o(f, i(p, {
 			get when() {
 				return u().length > 0;
 			},
 			get children() {
-				var n = ae();
+				var n = ie();
 				return o(n, i(t, {
 					get fields() {
-						return x();
+						return S();
 					},
-					onSubmit: ({ value: e }) => ce(e),
+					onSubmit: ({ value: e }) => le(e),
 					get onValuesChange() {
 						return c.onSearchValuesChange;
 					},
 					get values() {
-						return T();
+						return D();
 					},
 					children: () => i(p, {
 						get when() {
@@ -288,7 +297,7 @@ function B(s) {
 								get disabled() {
 									return X();
 								},
-								onClick: le,
+								onClick: ue,
 								variant: "outline",
 								get children() {
 									return i(z, {});
@@ -309,12 +318,12 @@ function B(s) {
 				return c.children;
 			},
 			get children() {
-				var e = F();
+				var e = ae();
 				return o(e, () => c.children), e;
 			}
 		}), null), o(f, i(n, {
 			get columns() {
-				return B();
+				return V();
 			},
 			get data() {
 				return Y();
@@ -331,31 +340,31 @@ function B(s) {
 			get onSelectionChange() {
 				return c.onSelectionChange;
 			},
-			onSortingChange: fe,
+			onSortingChange: pe,
 			get rowId() {
 				return c.rowId;
 			},
 			get selectable() {
-				return w();
+				return T();
 			},
 			get selectedRowIds() {
 				return c.selectedRowIds;
 			}
-		}), null), o(f, i(re, {
+		}), null), o(f, i(ne, {
 			get count() {
-				return se();
+				return ce();
 			},
-			onPageChange: ue,
-			onPageSizeChange: de,
+			onPageChange: de,
+			onPageSizeChange: fe,
 			get page() {
-				return k();
+				return j();
 			},
 			get pageSize() {
-				return j();
+				return N();
 			}
 		}), null), o(f, i(p, {
 			get when() {
-				return H();
+				return U();
 			},
 			children: (e) => (() => {
 				var t = R();

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

@@ -21,6 +21,8 @@ export interface DataTableAction<TData> {
     onClick: (row: TData) => void;
     /** 按钮变体，默认 "outline" */
     variant?: ButtonVariant;
+    /** 是否显示该按钮，默认 true；可为函数（按行判断，读取信号时响应式更新） */
+    show?: ((row: TData) => boolean) | boolean;
 }
 type UnionToIntersection<T> = (T extends unknown ? (arg: T) => void : never) extends (arg: infer I) => void ? I : never;
 /** DataTable 扩展的列类型：包含 ColumnDef 全部属性，另加 type / actions 扩展 */

package/package.json

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