@vanstack/solid-ark 0.0.1

package/dist/FormDatePicker-BWrGST8J.js

@@ -0,0 +1,433 @@
+import { Portal as e, createComponent as t, delegateEvents as n, effect as r, insert as i, memo as a, template as o } from "solid-js/web";
+import { Index as s, createMemo as c, createSignal as l } from "solid-js";
+import { DatePicker as u, useDatePicker as d } from "@ark-ui/solid/date-picker";
+import { CalendarDate as f, CalendarDateTime as p, endOfWeek as m, parseDate as h, startOfWeek as g } from "@internationalized/date";
+//#region src/form/components/FormDatePicker.tsx
+var _ = /*#__PURE__*/ o("<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\">"), v = /*#__PURE__*/ o("<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=\"M8 2v4\"></path><path d=\"M16 2v4\"></path><rect height=18 rx=2 width=18 x=3 y=4></rect><path d=\"M3 10h18\">"), y = /*#__PURE__*/ o("<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=\"m15 18-6-6 6-6\">"), b = /*#__PURE__*/ o("<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=\"m9 18 6-6-6-6\">"), x = /*#__PURE__*/ o("<div class=van-form-date-days>"), S = /*#__PURE__*/ o("<span class=van-form-date-icon>"), C = /*#__PURE__*/ o("<input aria-label=选择时间 class=van-form-date-time type=time>"), w = [
+	"sun",
+	"mon",
+	"tue",
+	"wed",
+	"thu",
+	"fri",
+	"sat"
+];
+function T(e) {
+	return String(e).padStart(2, "0");
+}
+function E(e) {
+	return "hour" in e ? e : {
+		hour: 0,
+		minute: 0
+	};
+}
+function D(e) {
+	if (!e) return "";
+	let t = E(e);
+	return `${T(t.hour)}:${T(t.minute)}`;
+}
+function O(e, t) {
+	switch (t) {
+		case "datetime": {
+			let t = E(e);
+			return `${e.year}-${T(e.month)}-${T(e.day)} ${T(t.hour)}:${T(t.minute)}`;
+		}
+		case "month": return `${e.year}-${T(e.month)}`;
+		case "year": return String(e.year);
+		default: return `${e.year}-${T(e.month)}-${T(e.day)}`;
+	}
+}
+function k(e, t) {
+	switch (t) {
+		case "datetime": {
+			let t = E(e);
+			return Date.UTC(e.year, e.month - 1, e.day, t.hour, t.minute);
+		}
+		case "month": return Date.UTC(e.year, e.month - 1, 1);
+		case "year": return Date.UTC(e.year, 0, 1);
+		default: return Date.UTC(e.year, e.month - 1, e.day);
+	}
+}
+function A(e, t, n, r) {
+	let i = e.filter((e) => e != null);
+	if (r) return n === "timestamp" ? i.map((e) => k(e, t)) : i.map((e) => O(e, t));
+	let a = i[0];
+	return a == null ? void 0 : n === "timestamp" ? k(a, t) : O(a, t);
+}
+function j(e, t, n, r) {
+	return (r && Array.isArray(e) ? e : [e]).map((e) => M(e, t, n)).filter((e) => e != null);
+}
+function M(e, t, n) {
+	if (!(e == null || e === "")) {
+		if (n === "timestamp" && typeof e == "number") return N(e, t);
+		if (typeof e == "string") try {
+			switch (t) {
+				case "datetime": {
+					let t = /^(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2})$/.exec(e);
+					return t ? new p(Number(t[1]), Number(t[2]), Number(t[3]), Number(t[4]), Number(t[5])) : void 0;
+				}
+				case "month": {
+					let t = /^(\d{4})-(\d{2})$/.exec(e);
+					return t ? new f(Number(t[1]), Number(t[2]), 1) : void 0;
+				}
+				case "year": {
+					let t = Number(e);
+					return Number.isInteger(t) ? new f(t, 1, 1) : void 0;
+				}
+				default: return h(e);
+			}
+		} catch {
+			return;
+		}
+	}
+}
+function N(e, t) {
+	let n = new Date(e), r = n.getUTCFullYear(), i = n.getUTCMonth() + 1, a = n.getUTCDate();
+	switch (t) {
+		case "datetime": return new p(r, i, a, n.getUTCHours(), n.getUTCMinutes());
+		case "month": return new f(r, i, 1);
+		case "year": return new f(r, 1, 1);
+		default: return new f(r, i, a);
+	}
+}
+function P() {
+	return _();
+}
+function F() {
+	return v();
+}
+function I() {
+	return y();
+}
+function L() {
+	return b();
+}
+function R() {
+	return t(u.ViewControl, {
+		class: "van-form-date-view-control",
+		get children() {
+			return [
+				t(u.PrevTrigger, {
+					class: "van-form-date-nav-trigger",
+					get children() {
+						return t(I, {});
+					}
+				}),
+				t(u.ViewTrigger, {
+					class: "van-form-date-view-trigger",
+					get children() {
+						return t(u.RangeText, {});
+					}
+				}),
+				t(u.NextTrigger, {
+					class: "van-form-date-nav-trigger",
+					get children() {
+						return t(L, {});
+					}
+				})
+			];
+		}
+	});
+}
+function z(e) {
+	return t(u.Context, { children: (n) => {
+		let r = e.dual ? c(() => n().getOffset({ months: 1 })) : null, o = (r, i, o = !1, c = !1) => t(u.Table, {
+			class: "van-form-date-table",
+			get children() {
+				return [t(u.TableHead, {
+					class: "van-form-date-table-head",
+					get children() {
+						return t(u.TableRow, {
+							class: "van-form-date-table-row",
+							get children() {
+								return [a(() => o && t(u.WeekNumberHeaderCell, {
+									class: "van-form-date-week-header",
+									children: "#"
+								})), t(s, {
+									get each() {
+										return n().weekDays;
+									},
+									children: (e) => t(u.TableHeader, {
+										class: "van-form-date-table-header",
+										get children() {
+											return e().short;
+										}
+									})
+								})];
+							}
+						});
+					}
+				}), t(u.TableBody, {
+					class: "van-form-date-table-body",
+					get children() {
+						return t(s, {
+							each: r,
+							children: (r, l) => t(u.TableRow, {
+								class: "van-form-date-table-row",
+								get children() {
+									return [a(() => o && t(u.WeekNumberCell, {
+										class: "van-form-date-week-cell",
+										get week() {
+											return r();
+										},
+										weekIndex: l,
+										get children() {
+											return n().getWeekNumber(r());
+										}
+									})), t(s, {
+										get each() {
+											return r();
+										},
+										children: (n) => t(u.TableCell, {
+											class: "van-form-date-cell",
+											get value() {
+												return n();
+											},
+											visibleRange: i,
+											get children() {
+												return t(u.TableCellTrigger, {
+													class: "van-form-date-cell-trigger",
+													get id() {
+														return c ? `${e.controlId}-offset-${n().toString()}` : void 0;
+													},
+													get children() {
+														return n().day;
+													}
+												});
+											}
+										})
+									})];
+								}
+							})
+						});
+					}
+				})];
+			}
+		});
+		return t(u.View, {
+			get class() {
+				return `van-form-date-view${e.dual ? " van-form-date-view-dual" : ""}`;
+			},
+			view: "day",
+			get children() {
+				return [t(R, {}), a(() => a(() => !!e.dual)() ? (() => {
+					var t = x();
+					return i(t, () => o(n().weeks, void 0, e.showWeekNumbers), null), i(t, () => r && o(r().weeks, r().visibleRange, !1, !0), null), t;
+				})() : o(n().weeks, void 0, e.showWeekNumbers))];
+			}
+		});
+	} });
+}
+function B() {
+	return t(u.Context, { children: (e) => t(u.View, {
+		class: "van-form-date-view",
+		view: "month",
+		get children() {
+			return [t(R, {}), t(u.Table, {
+				class: "van-form-date-table",
+				get children() {
+					return t(u.TableBody, {
+						class: "van-form-date-table-body",
+						get children() {
+							return t(s, {
+								get each() {
+									return e().getMonthsGrid({
+										columns: 4,
+										format: "short"
+									});
+								},
+								children: (e) => t(u.TableRow, {
+									class: "van-form-date-table-row",
+									get children() {
+										return t(s, {
+											get each() {
+												return e();
+											},
+											children: (e) => t(u.TableCell, {
+												class: "van-form-date-cell",
+												get value() {
+													return e().value;
+												},
+												get children() {
+													return t(u.TableCellTrigger, {
+														class: "van-form-date-cell-trigger",
+														get children() {
+															return e().label;
+														}
+													});
+												}
+											})
+										});
+									}
+								})
+							});
+						}
+					});
+				}
+			})];
+		}
+	}) });
+}
+function V() {
+	return t(u.Context, { children: (e) => t(u.View, {
+		class: "van-form-date-view",
+		view: "year",
+		get children() {
+			return [t(R, {}), t(u.Table, {
+				class: "van-form-date-table",
+				get children() {
+					return t(u.TableBody, {
+						class: "van-form-date-table-body",
+						get children() {
+							return t(s, {
+								get each() {
+									return e().getYearsGrid({ columns: 4 });
+								},
+								children: (e) => t(u.TableRow, {
+									class: "van-form-date-table-row",
+									get children() {
+										return t(s, {
+											get each() {
+												return e();
+											},
+											children: (e) => t(u.TableCell, {
+												class: "van-form-date-cell",
+												get value() {
+													return e().value;
+												},
+												get children() {
+													return t(u.TableCellTrigger, {
+														class: "van-form-date-cell-trigger",
+														get children() {
+															return e().label;
+														}
+													});
+												}
+											})
+										});
+									}
+								})
+							});
+						}
+					});
+				}
+			})];
+		}
+	}) });
+}
+function H(n) {
+	let o = () => n.field.mode ?? "date", s = () => n.field.range === !0 || o() === "week", f = () => n.field.valueType ?? "string", [p, h] = l(null), _ = c(() => p() || j(n.value, o(), f(), s())), v, y = (e) => {
+		if (o() === "week") {
+			let t = e.value.find((e) => e != null);
+			if (!t) {
+				n.onChange([]);
+				return;
+			}
+			let r = w[n.field.startOfWeek ?? 1] ?? "mon", i = n.field.locale ?? "zh-CN", a = g(t, i, r), o = m(t, i, r);
+			n.onChange(f() === "timestamp" ? [k(a, "week"), k(o, "week")] : [O(a, "week"), O(o, "week")]), v?.().setOpen(!1);
+			return;
+		}
+		if (s()) {
+			if (e.value.length === 0) {
+				h(null), n.onChange([]);
+				return;
+			}
+			if (e.value.length < 2 || e.value[0] === null || e.value[0] === void 0 || e.value[1] === null || e.value[1] === void 0) {
+				h(e.value.filter((e) => e != null));
+				return;
+			}
+			h(null), n.onChange(A(e.value, o(), f(), !0));
+			return;
+		}
+		n.onChange(A(e.value, o(), f(), !1));
+	}, b = d(() => ({
+		closeOnSelect: o() !== "datetime" && void 0,
+		defaultView: o() === "year" ? "year" : o() === "month" ? "month" : void 0,
+		format: (e) => O(e, o()),
+		id: n.controlId,
+		ids: { trigger: n.controlId },
+		locale: n.field.locale ?? "zh-CN",
+		maxView: o() === "year" ? "year" : o() === "month" ? "month" : void 0,
+		minView: o() === "year" ? "year" : o() === "month" ? "month" : void 0,
+		numOfMonths: s() && o() === "date" ? 2 : void 0,
+		onOpenChange: (e) => {
+			e.open || h(null), n.onBlur();
+		},
+		onValueChange: y,
+		outsideDaySelectable: n.field.outsideDaySelectable ?? !0,
+		selectionMode: s() ? "range" : "single",
+		showWeekNumbers: o() === "week",
+		startOfWeek: n.field.startOfWeek ?? (o() === "week" ? 1 : void 0),
+		value: _()
+	}));
+	return v = b, t(u.RootProvider, {
+		value: b,
+		get children() {
+			return [t(u.Control, {
+				class: "van-form-date-control",
+				get children() {
+					return [t(u.Trigger, {
+						class: "van-form-date-trigger",
+						get children() {
+							return [t(u.ValueText, {
+								class: "van-form-date-value",
+								get placeholder() {
+									return n.field.placeholder ?? "请选择";
+								},
+								separator: " ~ "
+							}), (() => {
+								var e = S();
+								return i(e, t(F, {})), e;
+							})()];
+						}
+					}), a(() => a(() => n.field.clearable === !0)() && t(u.ClearTrigger, {
+						class: "van-form-date-clear",
+						get children() {
+							return t(P, {});
+						}
+					}))];
+				}
+			}), t(e, { get children() {
+				return t(u.Positioner, {
+					class: "van-form-date-positioner",
+					get children() {
+						return t(u.Content, {
+							get class() {
+								return `van-form-date-content${o() === "week" ? " van-form-date-week-mode" : ""}`;
+							},
+							get children() {
+								return [a(() => a(() => o() === "year")() ? t(V, {}) : a(() => o() === "month")() ? t(B, {}) : [
+									t(z, {
+										get controlId() {
+											return n.controlId;
+										},
+										get dual() {
+											return a(() => n.field.range === !0)() && o() === "date";
+										},
+										get showWeekNumbers() {
+											return o() === "week";
+										}
+									}),
+									t(B, {}),
+									t(V, {})
+								]), a(() => a(() => o() === "datetime")() && t(u.Context, { children: (e) => (() => {
+									var t = C();
+									return t.$$input = (t) => {
+										let [n, r] = t.currentTarget.value.split(":").map(Number);
+										e().setTime({
+											hour: n,
+											minute: r
+										});
+									}, r(() => t.value = D(e().value[0])), t;
+								})() }))];
+							}
+						});
+					}
+				});
+			} })];
+		}
+	});
+}
+n(["input"]);
+//#endregion
+export { H as FormDatePicker };

package/dist/FormSelect-Dex9R5TZ.js

@@ -0,0 +1,92 @@
+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";
+//#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();
+}
+function d(i) {
+	let c = a(() => s({ items: i.field.options.map((e) => ({
+		label: e.label,
+		value: e.value
+	})) }));
+	return n(o.Root, {
+		get collection() {
+			return c();
+		},
+		get id() {
+			return i.controlId;
+		},
+		onOpenChange: () => i.onBlur(),
+		onValueChange: (e) => i.onChange(e.value?.[0] ?? ""),
+		get value() {
+			return r(() => !!i.value)() ? [i.value] : [];
+		},
+		get children() {
+			return [
+				n(o.Control, {
+					class: "van-form-select-control",
+					get children() {
+						return [
+							n(o.Trigger, {
+								class: "van-form-select-trigger",
+								get children() {
+									return n(o.ValueText, {
+										class: "van-form-select-value",
+										get placeholder() {
+											return i.field.placeholder ?? "请选择";
+										}
+									});
+								}
+							}),
+							r(() => r(() => i.field.clearable === !0)() && n(o.ClearTrigger, {
+								class: "van-form-select-clear",
+								get children() {
+									return n(u, {});
+								}
+							})),
+							n(o.Indicator, {
+								class: "van-form-select-indicator",
+								get children() {
+									return l();
+								}
+							})
+						];
+					}
+				}),
+				n(t, { get children() {
+					return n(o.Positioner, {
+						class: "van-form-select-positioner",
+						get children() {
+							return n(o.Content, {
+								class: "van-form-select-content",
+								get children() {
+									return n(e, {
+										get each() {
+											return i.field.options;
+										},
+										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;
+												} });
+											}
+										})
+									});
+								}
+							});
+						}
+					});
+				} }),
+				n(o.HiddenSelect, {})
+			];
+		}
+	});
+}
+//#endregion
+export { d as FormSelect };

package/dist/button/Button.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from 'solid-js';
+export type ButtonVariant = "danger" | "ghost" | "outline" | "primary" | "success" | "warning";
+export type ButtonSize = "lg" | "md" | "sm";
+export type ButtonProps = {
+    /** 加载中：显示 spinner、自动 disabled、设置 aria-busy */
+    loading?: boolean;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+} & JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare function Button(rawProps: ButtonProps): JSX.Element;

package/dist/button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { ButtonProps, ButtonSize, ButtonVariant } from './Button';

package/dist/button/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../button-C9xYlZbo.js";
+export { e as Button };

package/dist/button-C9xYlZbo.js

@@ -0,0 +1,44 @@
+import { createComponent as e, insert as t, mergeProps as n, spread as r, template as i } from "solid-js/web";
+import { Show as a, splitProps as o } from "solid-js";
+//#region src/button/Button.tsx
+var s = /*#__PURE__*/ i("<span aria-hidden=true class=van-btn-spinner-wrapper><span class=van-btn-spinner>"), c = /*#__PURE__*/ i("<button>");
+function l(i) {
+	let [l, u] = o(i, [
+		"loading",
+		"size",
+		"variant",
+		"class",
+		"children"
+	]), d = () => [
+		"van-btn",
+		`van-btn-${l.variant ?? "primary"}`,
+		`van-btn-${l.size ?? "md"}`,
+		l.class
+	].filter(Boolean).join(" ");
+	return (() => {
+		var i = c();
+		return r(i, n(u, {
+			get "aria-busy"() {
+				return l.loading ? "true" : void 0;
+			},
+			get class() {
+				return d();
+			},
+			get disabled() {
+				return l.loading || u.disabled;
+			},
+			get type() {
+				return u.type ?? "button";
+			}
+		}), !1, !0), t(i, e(a, {
+			get when() {
+				return l.loading;
+			},
+			get children() {
+				return s();
+			}
+		}), null), t(i, () => l.children, null), i;
+	})();
+}
+//#endregion
+export { l as t };

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

@@ -0,0 +1,2 @@
+import { DataTableProps } from './type';
+export declare function DataTable<TData, TSearch extends Record<string, unknown> = Record<string, unknown>>(rawProps: DataTableProps<TData, TSearch>): import("solid-js").JSX.Element;

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

@@ -0,0 +1,9 @@
+interface PaginationProps {
+    page: number;
+    pageSize: number;
+    count: number;
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (pageSize: number) => void;
+}
+export declare function Pagination(props: PaginationProps): import("solid-js").JSX.Element;
+export {};

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

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