@vanstack/solid-ark 0.0.37 → 0.0.39

package/dist/form-jqVwcqEp.js

@@ -0,0 +1,1166 @@
+import "./solid-ark.css";
+import { Index as e, Portal as t, className as n, createComponent as r, delegateEvents as i, effect as a, insert as o, memo as s, setAttribute as c, style as l, template as u } from "solid-js/web";
+import { For as d, Index as f, Show as p, createEffect as m, createMemo as h, createSignal as g, createUniqueId as _, mergeProps as v, on as y, onCleanup as b } from "solid-js";
+import { Field as x } from "@ark-ui/solid/field";
+import { createForm as ee } from "@tanstack/solid-form";
+import { Checkbox as S } from "@ark-ui/solid/checkbox";
+import { DatePicker as C, useDatePicker as w } from "@ark-ui/solid/date-picker";
+import { CalendarDate as T, CalendarDateTime as E, endOfWeek as te, parseDate as ne, startOfWeek as D } from "@internationalized/date";
+import { RadioGroup as O } from "@ark-ui/solid/radio-group";
+import { Select as k, createListCollection as A } from "@ark-ui/solid/select";
+import { Switch as j } from "@ark-ui/solid/switch";
+import { deepEqual as M } from "fast-equals";
+//#region src/form/components/FormCheckbox.tsx
+var N = /*#__PURE__*/ u("<svg class=van-form-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\">");
+function re(e) {
+	return r(S.Root, {
+		get checked() {
+			return e.value ?? !1;
+		},
+		class: "van-form-checkbox-root",
+		get id() {
+			return e.controlId;
+		},
+		onCheckedChange: (t) => e.onChange(t.checked === !0),
+		get children() {
+			return [
+				r(S.Control, {
+					class: "van-form-checkbox-control",
+					get children() {
+						return r(S.Indicator, {
+							class: "van-form-checkbox-indicator",
+							get children() {
+								return N();
+							}
+						});
+					}
+				}),
+				s(() => s(() => !!e.label)() && r(S.Label, {
+					class: "van-form-checkbox-label",
+					get children() {
+						return e.label;
+					}
+				})),
+				r(S.HiddenInput, {})
+			];
+		}
+	});
+}
+//#endregion
+//#region src/form/components/FormCheckboxGroup.tsx
+var ie = /*#__PURE__*/ u("<svg class=van-form-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\">");
+function ae(t) {
+	return r(S.Group, {
+		class: "van-form-checkbox-group",
+		get id() {
+			return t.controlId;
+		},
+		onValueChange: (e) => t.onChange(e),
+		value: () => Array.isArray(t.value) ? t.value : [],
+		get children() {
+			return r(e, {
+				get each() {
+					return t.field.options;
+				},
+				children: (e) => r(S.Root, {
+					class: "van-form-checkbox-root",
+					get id() {
+						return `${t.controlId}-item-${e().value}`;
+					},
+					get ids() {
+						return {
+							hiddenInput: `${t.controlId}-${e().value}`,
+							label: `${t.controlId}-${e().value}-label`
+						};
+					},
+					get value() {
+						return e().value;
+					},
+					get children() {
+						return [
+							r(S.Control, {
+								class: "van-form-checkbox-control",
+								get children() {
+									return r(S.Indicator, {
+										class: "van-form-checkbox-indicator",
+										get children() {
+											return ie();
+										}
+									});
+								}
+							}),
+							r(S.Label, {
+								class: "van-form-checkbox-label",
+								get children() {
+									return e().label;
+								}
+							}),
+							r(S.HiddenInput, {})
+						];
+					}
+				})
+			});
+		}
+	});
+}
+//#endregion
+//#region src/form/components/FormDatePicker.tsx
+var oe = /*#__PURE__*/ u("<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\">"), se = /*#__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=\"M8 2v4\"></path><path d=\"M16 2v4\"></path><rect height=18 rx=2 width=18 x=3 y=4></rect><path d=\"M3 10h18\">"), ce = /*#__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=\"m15 18-6-6 6-6\">"), le = /*#__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=\"m9 18 6-6-6-6\">"), ue = /*#__PURE__*/ u("<div class=van-form-date-days>"), de = /*#__PURE__*/ u("<span class=van-form-date-icon>"), fe = /*#__PURE__*/ u("<input aria-label=选择时间 class=van-form-date-time type=time>"), pe = [
+	"sun",
+	"mon",
+	"tue",
+	"wed",
+	"thu",
+	"fri",
+	"sat"
+];
+function P(e) {
+	return String(e).padStart(2, "0");
+}
+function F(e) {
+	return "hour" in e ? e : {
+		hour: 0,
+		minute: 0
+	};
+}
+function I(e) {
+	if (!e) return "";
+	let t = F(e);
+	return `${P(t.hour)}:${P(t.minute)}`;
+}
+function L(e, t) {
+	switch (t) {
+		case "datetime": {
+			let t = F(e);
+			return `${e.year}-${P(e.month)}-${P(e.day)} ${P(t.hour)}:${P(t.minute)}`;
+		}
+		case "month": return `${e.year}-${P(e.month)}`;
+		case "year": return String(e.year);
+		default: return `${e.year}-${P(e.month)}-${P(e.day)}`;
+	}
+}
+function R(e, t) {
+	switch (t) {
+		case "datetime": {
+			let t = F(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 z(e, t, n, r) {
+	let i = e.filter((e) => e != null);
+	if (r) return n === "timestamp" ? i.map((e) => R(e, t)) : i.map((e) => L(e, t));
+	let a = i[0];
+	return a == null ? void 0 : n === "timestamp" ? R(a, t) : L(a, t);
+}
+function B(e, t, n, r) {
+	return (r && Array.isArray(e) ? e : [e]).map((e) => me(e, t, n)).filter((e) => e != null);
+}
+function me(e, t, n) {
+	if (!(e == null || e === "")) {
+		if (n === "timestamp" && typeof e == "number") return he(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 E(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 T(Number(t[1]), Number(t[2]), 1) : void 0;
+				}
+				case "year": {
+					let t = Number(e);
+					return Number.isInteger(t) ? new T(t, 1, 1) : void 0;
+				}
+				default: return ne(e);
+			}
+		} catch {
+			return;
+		}
+	}
+}
+function he(e, t) {
+	let n = new Date(e), r = n.getUTCFullYear(), i = n.getUTCMonth() + 1, a = n.getUTCDate();
+	switch (t) {
+		case "datetime": return new E(r, i, a, n.getUTCHours(), n.getUTCMinutes());
+		case "month": return new T(r, i, 1);
+		case "year": return new T(r, 1, 1);
+		default: return new T(r, i, a);
+	}
+}
+function ge() {
+	return oe();
+}
+function _e() {
+	return se();
+}
+function ve() {
+	return ce();
+}
+function ye() {
+	return le();
+}
+function V() {
+	return r(C.ViewControl, {
+		class: "van-form-date-view-control",
+		get children() {
+			return [
+				r(C.PrevTrigger, {
+					class: "van-form-date-nav-trigger",
+					get children() {
+						return r(ve, {});
+					}
+				}),
+				r(C.ViewTrigger, {
+					class: "van-form-date-view-trigger",
+					get children() {
+						return r(C.RangeText, {});
+					}
+				}),
+				r(C.NextTrigger, {
+					class: "van-form-date-nav-trigger",
+					get children() {
+						return r(ye, {});
+					}
+				})
+			];
+		}
+	});
+}
+function be(e) {
+	return r(C.Context, { children: (t) => {
+		let n = e.dual ? h(() => t().getOffset({ months: 1 })) : null, i = (n, i, a = !1, o = !1) => r(C.Table, {
+			class: "van-form-date-table",
+			get children() {
+				return [r(C.TableHead, {
+					class: "van-form-date-table-head",
+					get children() {
+						return r(C.TableRow, {
+							class: "van-form-date-table-row",
+							get children() {
+								return [s(() => a && r(C.WeekNumberHeaderCell, {
+									class: "van-form-date-week-header",
+									children: "#"
+								})), r(f, {
+									get each() {
+										return t().weekDays;
+									},
+									children: (e) => r(C.TableHeader, {
+										class: "van-form-date-table-header",
+										get children() {
+											return e().narrow;
+										}
+									})
+								})];
+							}
+						});
+					}
+				}), r(C.TableBody, {
+					class: "van-form-date-table-body",
+					get children() {
+						return r(f, {
+							each: n,
+							children: (n, c) => r(C.TableRow, {
+								class: "van-form-date-table-row",
+								get children() {
+									return [s(() => a && r(C.WeekNumberCell, {
+										class: "van-form-date-week-cell",
+										get week() {
+											return n();
+										},
+										weekIndex: c,
+										get children() {
+											return t().getWeekNumber(n());
+										}
+									})), r(f, {
+										get each() {
+											return n();
+										},
+										children: (t) => r(C.TableCell, {
+											class: "van-form-date-cell",
+											get value() {
+												return t();
+											},
+											visibleRange: i,
+											get children() {
+												return r(C.TableCellTrigger, {
+													class: "van-form-date-cell-trigger",
+													get id() {
+														return o ? `${e.controlId}-offset-${t().toString()}` : void 0;
+													},
+													get children() {
+														return t().day;
+													}
+												});
+											}
+										})
+									})];
+								}
+							})
+						});
+					}
+				})];
+			}
+		});
+		return r(C.View, {
+			get class() {
+				return `van-form-date-view${e.dual ? " van-form-date-view-dual" : ""}`;
+			},
+			view: "day",
+			get children() {
+				return [r(V, {}), s(() => s(() => !!e.dual)() ? (() => {
+					var r = ue();
+					return o(r, () => i(t().weeks, void 0, e.showWeekNumbers), null), o(r, () => n && i(n().weeks, n().visibleRange, !1, !0), null), r;
+				})() : i(t().weeks, void 0, e.showWeekNumbers))];
+			}
+		});
+	} });
+}
+function H() {
+	return r(C.Context, { children: (e) => r(C.View, {
+		class: "van-form-date-view",
+		view: "month",
+		get children() {
+			return [r(V, {}), r(C.Table, {
+				class: "van-form-date-table",
+				get children() {
+					return r(C.TableBody, {
+						class: "van-form-date-table-body",
+						get children() {
+							return r(f, {
+								get each() {
+									return e().getMonthsGrid({
+										columns: 4,
+										format: "short"
+									});
+								},
+								children: (e) => r(C.TableRow, {
+									class: "van-form-date-table-row",
+									get children() {
+										return r(f, {
+											get each() {
+												return e();
+											},
+											children: (e) => r(C.TableCell, {
+												class: "van-form-date-cell",
+												get value() {
+													return e().value;
+												},
+												get children() {
+													return r(C.TableCellTrigger, {
+														class: "van-form-date-cell-trigger",
+														get children() {
+															return e().label;
+														}
+													});
+												}
+											})
+										});
+									}
+								})
+							});
+						}
+					});
+				}
+			})];
+		}
+	}) });
+}
+function U() {
+	return r(C.Context, { children: (e) => r(C.View, {
+		class: "van-form-date-view",
+		view: "year",
+		get children() {
+			return [r(V, {}), r(C.Table, {
+				class: "van-form-date-table",
+				get children() {
+					return r(C.TableBody, {
+						class: "van-form-date-table-body",
+						get children() {
+							return r(f, {
+								get each() {
+									return e().getYearsGrid({ columns: 4 });
+								},
+								children: (e) => r(C.TableRow, {
+									class: "van-form-date-table-row",
+									get children() {
+										return r(f, {
+											get each() {
+												return e();
+											},
+											children: (e) => r(C.TableCell, {
+												class: "van-form-date-cell",
+												get value() {
+													return e().value;
+												},
+												get children() {
+													return r(C.TableCellTrigger, {
+														class: "van-form-date-cell-trigger",
+														get children() {
+															return e().label;
+														}
+													});
+												}
+											})
+										});
+									}
+								})
+							});
+						}
+					});
+				}
+			})];
+		}
+	}) });
+}
+function xe(e) {
+	let n = () => e.field.mode ?? "date", i = () => e.field.range === !0 || n() === "week", c = () => e.field.valueType ?? "string", [l, u] = g(null), d = h(() => l() || B(e.value, n(), c(), i())), f, p = (t) => {
+		if (n() === "week") {
+			let n = t.value.find((e) => e != null);
+			if (!n) {
+				e.onChange([]);
+				return;
+			}
+			let r = pe[e.field.startOfWeek ?? 1] ?? "mon", i = e.field.locale ?? "zh-CN", a = D(n, i, r), o = te(n, i, r);
+			e.onChange(c() === "timestamp" ? [R(a, "week"), R(o, "week")] : [L(a, "week"), L(o, "week")]), f?.().setOpen(!1);
+			return;
+		}
+		if (i()) {
+			if (t.value.length === 0) {
+				u(null), e.onChange([]);
+				return;
+			}
+			if (t.value.length < 2 || t.value[0] === null || t.value[0] === void 0 || t.value[1] === null || t.value[1] === void 0) {
+				u(t.value.filter((e) => e != null));
+				return;
+			}
+			u(null), e.onChange(z(t.value, n(), c(), !0));
+			return;
+		}
+		e.onChange(z(t.value, n(), c(), !1));
+	}, m = w(() => ({
+		closeOnSelect: n() !== "datetime" && void 0,
+		defaultView: n() === "year" ? "year" : n() === "month" ? "month" : void 0,
+		format: (e) => L(e, n()),
+		id: e.controlId,
+		ids: { trigger: e.controlId },
+		locale: e.field.locale ?? "zh-CN",
+		maxView: n() === "year" ? "year" : n() === "month" ? "month" : void 0,
+		minView: n() === "year" ? "year" : n() === "month" ? "month" : void 0,
+		numOfMonths: i() && n() === "date" ? 2 : void 0,
+		onOpenChange: (t) => {
+			t.open || u(null), e.onBlur();
+		},
+		onValueChange: p,
+		outsideDaySelectable: e.field.outsideDaySelectable ?? !0,
+		selectionMode: i() ? "range" : "single",
+		showWeekNumbers: n() === "week",
+		startOfWeek: e.field.startOfWeek ?? (n() === "week" ? 1 : void 0),
+		value: d()
+	}));
+	return f = m, r(C.RootProvider, {
+		value: m,
+		get children() {
+			return [r(C.Control, {
+				class: "van-form-date-control",
+				get children() {
+					return [r(C.Trigger, {
+						class: "van-form-date-trigger",
+						get children() {
+							return [r(C.ValueText, {
+								class: "van-form-date-value",
+								get placeholder() {
+									return e.field.placeholder ?? "请选择";
+								},
+								separator: " ~ "
+							}), (() => {
+								var e = de();
+								return o(e, r(_e, {})), e;
+							})()];
+						}
+					}), s(() => s(() => e.field.clearable === !0)() && r(C.ClearTrigger, {
+						class: "van-form-date-clear",
+						get children() {
+							return r(ge, {});
+						}
+					}))];
+				}
+			}), r(t, { get children() {
+				return r(C.Positioner, {
+					class: "van-form-date-positioner",
+					get children() {
+						return r(C.Content, {
+							get class() {
+								return `van-form-date-content${n() === "week" ? " van-form-date-week-mode" : ""}`;
+							},
+							get children() {
+								return [s(() => s(() => n() === "year")() ? r(U, {}) : s(() => n() === "month")() ? r(H, {}) : [
+									r(be, {
+										get controlId() {
+											return e.controlId;
+										},
+										get dual() {
+											return s(() => e.field.range === !0)() && n() === "date";
+										},
+										get showWeekNumbers() {
+											return n() === "week";
+										}
+									}),
+									r(H, {}),
+									r(U, {})
+								]), s(() => s(() => n() === "datetime")() && r(C.Context, { children: (e) => (() => {
+									var t = fe();
+									return t.$$input = (t) => {
+										let [n, r] = t.currentTarget.value.split(":").map(Number);
+										e().setTime({
+											hour: n,
+											minute: r
+										});
+									}, a(() => t.value = I(e().value[0])), t;
+								})() }))];
+							}
+						});
+					}
+				});
+			} })];
+		}
+	});
+}
+i(["input"]);
+//#endregion
+//#region src/form/components/useDebouncedValue.ts
+function W(e) {
+	let [t, n] = g(e.value() ?? ""), r, i = (t) => {
+		if (n(t), (e.debounce ?? 0) > 0) {
+			clearTimeout(r), r = setTimeout(() => {
+				r = void 0, e.onChange(t);
+			}, e.debounce);
+			return;
+		}
+		e.onChange(t);
+	}, a = () => {
+		r !== void 0 && (clearTimeout(r), r = void 0, t() !== e.value() && e.onChange(t()));
+	};
+	return m(y(() => e.value(), (e) => n(e ?? ""))), b(() => clearTimeout(r)), {
+		local: t,
+		handleInput: i,
+		handleBlur: () => {
+			a(), e.onBlur();
+		},
+		handleClear: () => {
+			clearTimeout(r), r = void 0, n(""), e.onChange("");
+		}
+	};
+}
+//#endregion
+//#region src/form/components/FormInput.tsx
+var Se = /*#__PURE__*/ u("<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\">"), Ce = /*#__PURE__*/ u("<button aria-label=清空 type=button>"), we = /*#__PURE__*/ u("<div class=van-form-input-group>"), Te = /*#__PURE__*/ u("<span class=\"van-form-input-addon van-form-input-addon-prefix\">"), G = /*#__PURE__*/ u("<span class=\"van-form-input-addon van-form-input-addon-suffix\">");
+function Ee() {
+	return Se();
+}
+function De(e) {
+	let { local: t, handleInput: i, handleBlur: c, handleClear: l } = W({
+		value: () => e.value,
+		debounce: e.field.debounce,
+		onChange: e.onChange,
+		onBlur: e.onBlur
+	}), u, d = r(x.Input, {
+		get autocomplete() {
+			return e.field.autocomplete;
+		},
+		class: "van-form-input",
+		onBlur: c,
+		onInput: (e) => i(e.currentTarget.value),
+		get placeholder() {
+			return e.field.placeholder;
+		},
+		ref: (e) => {
+			u = e;
+		},
+		get type() {
+			return e.field.type ?? "text";
+		},
+		get value() {
+			return t();
+		}
+	}), f = e.field.prefix !== void 0 || e.field.suffix !== void 0, m = e.field.clearable === !0;
+	return !f && !m ? d : (() => {
+		var i = we();
+		return o(i, (() => {
+			var t = s(() => e.field.prefix !== void 0);
+			return () => t() && (() => {
+				var t = Te();
+				return o(t, () => e.field.prefix), t;
+			})();
+		})(), null), o(i, d, null), o(i, r(p, {
+			get when() {
+				return m && t() !== "";
+			},
+			get children() {
+				var t = Ce();
+				return t.$$click = () => {
+					l(), u?.focus();
+				}, o(t, r(Ee, {})), a(() => n(t, `van-form-input-clear${e.field.suffix === void 0 ? "" : " van-form-input-clear-before-suffix"}`)), t;
+			}
+		}), null), o(i, (() => {
+			var t = s(() => e.field.suffix !== void 0);
+			return () => t() && (() => {
+				var t = G();
+				return o(t, () => e.field.suffix), t;
+			})();
+		})(), null), i;
+	})();
+}
+i(["click"]);
+//#endregion
+//#region src/form/components/FormRadio.tsx
+function Oe(t) {
+	let n = h(() => t.field.options.map((e) => e.value));
+	return r(O.Root, {
+		class: "van-form-radio-group",
+		get id() {
+			return t.controlId;
+		},
+		ids: { itemHiddenInput: (e) => e === t.field.options[0]?.value ? t.controlId : `radio-${t.controlId}-${e}` },
+		onValueChange: (e) => t.onChange(e.value ?? ""),
+		get value() {
+			return t.value ?? "";
+		},
+		get children() {
+			return r(e, {
+				get each() {
+					return n();
+				},
+				children: (e) => {
+					let n = t.field.options.find((t) => t.value === e());
+					return r(O.Item, {
+						class: "van-form-radio-item",
+						get value() {
+							return e();
+						},
+						get children() {
+							return [
+								r(O.ItemControl, { class: "van-form-radio-control" }),
+								r(O.ItemText, {
+									class: "van-form-radio-text",
+									get children() {
+										return n?.label ?? e();
+									}
+								}),
+								r(O.ItemHiddenInput, {})
+							];
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/form/components/FormSelect.tsx
+var ke = /*#__PURE__*/ u("<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\">"), Ae = /*#__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=\"m7 15 5 5 5-5\"></path><path d=\"m7 9 5-5 5 5\">"), je = /*#__PURE__*/ u("<div class=van-form-select-empty>暂无数据");
+function Me() {
+	return ke();
+}
+function Ne(n) {
+	let i = h(() => A({ items: n.field.options.map((e) => ({
+		label: e.label,
+		value: e.value
+	})) }));
+	return r(k.Root, {
+		get collection() {
+			return i();
+		},
+		get id() {
+			return n.controlId;
+		},
+		onOpenChange: () => n.onBlur(),
+		onValueChange: (e) => n.onChange(e.value?.[0] ?? ""),
+		get value() {
+			return s(() => !!n.value)() ? [n.value] : [];
+		},
+		get children() {
+			return [
+				r(k.Control, {
+					class: "van-form-select-control",
+					get children() {
+						return [
+							r(k.Trigger, {
+								class: "van-form-select-trigger",
+								get children() {
+									return r(k.ValueText, {
+										class: "van-form-select-value",
+										get placeholder() {
+											return n.field.placeholder ?? "请选择";
+										}
+									});
+								}
+							}),
+							s(() => s(() => n.field.clearable === !0)() && r(k.ClearTrigger, {
+								class: "van-form-select-clear",
+								get children() {
+									return r(Me, {});
+								}
+							})),
+							r(k.Indicator, {
+								class: "van-form-select-indicator",
+								get children() {
+									return Ae();
+								}
+							})
+						];
+					}
+				}),
+				r(t, { get children() {
+					return r(k.Positioner, {
+						class: "van-form-select-positioner",
+						get children() {
+							return r(k.Content, {
+								class: "van-form-select-content",
+								get children() {
+									return r(p, {
+										get fallback() {
+											return r(e, {
+												get each() {
+													return n.field.options;
+												},
+												children: (e) => r(k.Item, {
+													class: "van-form-select-item",
+													get item() {
+														return e();
+													},
+													get children() {
+														return r(k.ItemText, { get children() {
+															return e().label;
+														} });
+													}
+												})
+											});
+										},
+										get when() {
+											return n.field.options.length === 0;
+										},
+										get children() {
+											return je();
+										}
+									});
+								}
+							});
+						}
+					});
+				} }),
+				r(k.HiddenSelect, {})
+			];
+		}
+	});
+}
+//#endregion
+//#region src/form/components/FormSwitch.tsx
+function Pe(e) {
+	return r(j.Root, {
+		get checked() {
+			return e.value ?? !1;
+		},
+		class: "van-form-switch-root",
+		get id() {
+			return e.controlId;
+		},
+		onCheckedChange: (t) => e.onChange(t.checked),
+		get children() {
+			return [
+				r(j.Control, {
+					class: "van-form-switch-control",
+					get children() {
+						return r(j.Thumb, { class: "van-form-switch-thumb" });
+					}
+				}),
+				s(() => s(() => !!e.label)() && r(j.Label, {
+					class: "van-form-switch-label",
+					get children() {
+						return e.label;
+					}
+				})),
+				r(j.HiddenInput, {})
+			];
+		}
+	});
+}
+//#endregion
+//#region src/form/components/FormTextarea.tsx
+function Fe(e) {
+	let { local: t, handleInput: n, handleBlur: i } = W({
+		value: () => e.value,
+		debounce: e.field.debounce,
+		onChange: e.onChange,
+		onBlur: e.onBlur
+	});
+	return r(x.Textarea, {
+		class: "van-form-textarea",
+		onBlur: i,
+		onInput: (e) => n(e.currentTarget.value),
+		get placeholder() {
+			return e.field.placeholder;
+		},
+		get rows() {
+			return e.field.rows ?? 4;
+		},
+		get value() {
+			return t();
+		}
+	});
+}
+//#endregion
+//#region src/form/components/utils.ts
+function K(e, t) {
+	return e.fieldType === t;
+}
+function Ie(e) {
+	if (e != null) return typeof e == "number" ? `${e}px` : e;
+}
+function Le(e) {
+	return ({ value: t }) => t == null || t === "" || Array.isArray(t) && t.length === 0 ? `${e ?? ""}必填` : void 0;
+}
+//#endregion
+//#region src/form/components/FieldRenderer.tsx
+function Re(e) {
+	return K(e.field, "input") ? r(De, {
+		get field() {
+			return e.field;
+		},
+		get onBlur() {
+			return e.onBlur;
+		},
+		onChange: (t) => e.onChange(t),
+		get value() {
+			return e.value;
+		}
+	}) : K(e.field, "textarea") ? r(Fe, {
+		get field() {
+			return e.field;
+		},
+		get onBlur() {
+			return e.onBlur;
+		},
+		onChange: (t) => e.onChange(t),
+		get value() {
+			return e.value;
+		}
+	}) : K(e.field, "select") ? r(Ne, {
+		get controlId() {
+			return e.controlId;
+		},
+		get field() {
+			return e.field;
+		},
+		get onBlur() {
+			return e.onBlur;
+		},
+		onChange: (t) => e.onChange(t),
+		get value() {
+			return e.value;
+		}
+	}) : K(e.field, "datePicker") ? r(xe, {
+		get controlId() {
+			return e.controlId;
+		},
+		get field() {
+			return e.field;
+		},
+		get onBlur() {
+			return e.onBlur;
+		},
+		onChange: (t) => e.onChange(t),
+		get value() {
+			return e.value;
+		}
+	}) : K(e.field, "checkbox") ? r(re, {
+		get controlId() {
+			return e.controlId;
+		},
+		get label() {
+			return e.field.label;
+		},
+		onChange: (t) => e.onChange(t),
+		get value() {
+			return e.value;
+		}
+	}) : K(e.field, "switch") ? r(Pe, {
+		get controlId() {
+			return e.controlId;
+		},
+		get label() {
+			return e.field.label;
+		},
+		onChange: (t) => e.onChange(t),
+		get value() {
+			return e.value;
+		}
+	}) : K(e.field, "radio") ? r(Oe, {
+		get controlId() {
+			return e.controlId;
+		},
+		get field() {
+			return e.field;
+		},
+		onChange: (t) => e.onChange(t),
+		get value() {
+			return e.value;
+		}
+	}) : K(e.field, "checkbox-group") ? r(ae, {
+		get controlId() {
+			return e.controlId;
+		},
+		get field() {
+			return e.field;
+		},
+		onChange: (t) => e.onChange(t),
+		get value() {
+			return e.value;
+		}
+	}) : null;
+}
+//#endregion
+//#region src/form/patch.ts
+function q(e) {
+	return J(e) || e === "" ? void 0 : Number(e);
+}
+function ze(e) {
+	return J(e) || e === "" ? 0 : Number(e);
+}
+function J(e) {
+	return e == null;
+}
+function Y(e) {
+	return Array.isArray(e) ? [...e].sort() : [];
+}
+function X(e) {
+	return e && typeof e == "object" && !Array.isArray(e) ? e : {};
+}
+function Z(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function Be(e, t, n) {
+	let r = {};
+	for (let i of n) {
+		let { name: n, valueType: a } = i, o = e[n], s = t[n], c;
+		c = a === "number" ? M(q(o), q(s)) : Array.isArray(o) || Array.isArray(s) ? M(Y(o), Y(s)) : Z(o) || Z(s) ? M(X(o), X(s)) : M(J(o) ? "" : o, J(s) ? "" : s), c || (r[n] = a === "number" ? ze(s) : s);
+	}
+	return {
+		patch: r,
+		changed: Object.keys(r).length > 0
+	};
+}
+//#endregion
+//#region src/form/Form.tsx
+var Ve = /*#__PURE__*/ u("<form>"), He = /*#__PURE__*/ u("<div class=van-form-field><div class=van-form-loading-wrap>"), Ue = /*#__PURE__*/ u("<span aria-hidden=true class=van-form-required>*"), We = /*#__PURE__*/ u("<div class=van-form-loading-wrap>");
+function Q(e) {
+	return typeof e == "string" ? e : e && typeof e == "object" && "message" in e ? String(e.message) : String(e);
+}
+function Ge(e) {
+	let t = e.required === !0 && !e.rule ? Le(e.label) : e.rule;
+	if (t) return {
+		onChange: typeof t == "function" ? (e) => t({
+			value: e.value,
+			getValue: (t) => e.fieldApi.form.getFieldValue(t)
+		}) : t,
+		...e.validateListenTo?.length ? { onChangeListenTo: e.validateListenTo } : {}
+	};
+}
+function $(e, t) {
+	return typeof e.show == "function" ? e.show(t) : e.show !== !1;
+}
+function Ke(e, t) {
+	let n = new Set(t.filter((t) => !$(t, e)).map((e) => e.name));
+	return Object.fromEntries(Object.entries(e).filter(([e]) => !n.has(e)));
+}
+function qe(e, t) {
+	return e.filter((e) => $(e, t));
+}
+function Je(e) {
+	let t = v({ values: {} }, e), i = t.values, u = _(), f = (e) => `${u}-${e}`, g = (e) => {
+		let n = Ke(e, t.fields);
+		if (t.patch) {
+			let { patch: r, changed: a } = Be(i, n, qe(t.fields, e));
+			return {
+				values: n,
+				patch: r,
+				changed: a
+			};
+		}
+		return { values: n };
+	}, b = ee(() => ({
+		defaultValues: i,
+		onSubmit: async ({ value: e }) => {
+			let { values: n, patch: r, changed: i } = g(e);
+			await t.onSubmit?.(r === void 0 ? { value: n } : {
+				value: n,
+				patch: r,
+				changed: i
+			});
+		},
+		onSubmitInvalid: ({ value: e, formApi: n }) => {
+			if (!t.onSubmitInvalid) return;
+			let r = {}, i = n.state.fieldMeta;
+			for (let [e, t] of Object.entries(i)) {
+				let n = (t?.errors ?? []).map(Q).filter(Boolean);
+				n.length > 0 && (r[e] = n);
+			}
+			t.onSubmitInvalid({
+				value: e,
+				errors: r
+			});
+		}
+	}));
+	t.ref?.({
+		validate: async () => (await b.validateAllFields("change"), b.state.canSubmit),
+		validateAndGetFieldValues: async () => (await b.validateAllFields("change"), b.state.canSubmit ? g(b.state.values) : !1),
+		reset: () => b.reset(),
+		getFieldValues: () => g(b.state.values),
+		setFieldValues: (e) => {
+			for (let [t, n] of Object.entries(e)) b.setFieldValue(t, n);
+		},
+		getFieldValue: (e) => b.getFieldValue(e),
+		setFieldValue: (e, t) => b.setFieldValue(e, t)
+	});
+	let S = b.useStore((e) => e.values), C = h(() => t.fields.filter((e) => !e.hidden && $(e, S()))), w = b.useStore((e) => e.isSubmitting), T = b.useStore((e) => e.values), E = b.setFieldValue;
+	return m(y(() => t.values, (e) => {
+		for (let [t, n] of Object.entries(e ?? {})) b.state.values[t] !== n && E(t, n);
+	}, { defer: !0 })), m(y(T, (e) => t.onValuesChange?.(e), { defer: !0 })), (() => {
+		var e = Ve();
+		return e.addEventListener("submit", (e) => {
+			e.preventDefault(), e.stopPropagation(), b.handleSubmit();
+		}), o(e, r(d, {
+			get each() {
+				return C();
+			},
+			children: (e) => r(b.Field, {
+				get name() {
+					return e.name;
+				},
+				get validators() {
+					return Ge(e);
+				},
+				children: (n) => {
+					let i = n(), u = h(() => (n().state.meta.errors ?? []).map(Q).filter(Boolean)), m = h(() => n().state.value), g = Ie(e.fieldWidth), _ = g ? { width: g } : void 0;
+					return e.control ? (() => {
+						var n = He(), r = n.firstChild;
+						return o(r, () => e.control({
+							value: m,
+							onChange: (e) => i.handleChange(e),
+							onBlur: () => i.handleBlur(),
+							error: u,
+							id: f(e.name)
+						})), a((e) => {
+							var i = _, a = t.loading ? "" : void 0, o = t.loading || void 0;
+							return e.e = l(n, i, e.e), a !== e.t && c(r, "data-loading", e.t = a), o !== e.a && (r.inert = e.a = o), e;
+						}, {
+							e: void 0,
+							t: void 0,
+							a: void 0
+						}), n;
+					})() : r(x.Root, {
+						class: "van-form-field",
+						get id() {
+							return f(e.name);
+						},
+						get invalid() {
+							return u().length > 0;
+						},
+						style: _,
+						get children() {
+							return [
+								r(p, {
+									get when() {
+										return s(() => !!(e.label && e.fieldType !== "checkbox" && e.fieldType !== "checkbox-group"))() && e.fieldType !== "switch";
+									},
+									get children() {
+										return r(x.Label, {
+											class: "van-form-label",
+											get children() {
+												return [r(p, {
+													get when() {
+														return e.required === !0;
+													},
+													get children() {
+														return Ue();
+													}
+												}), s(() => s(() => !!e.renderLabel)() ? e.renderLabel(e.label) : e.label)];
+											}
+										});
+									}
+								}),
+								(() => {
+									var n = We();
+									return o(n, r(Re, {
+										get controlId() {
+											return f(e.name);
+										},
+										field: e,
+										onBlur: () => i.handleBlur(),
+										onChange: (e) => i.handleChange(e),
+										get value() {
+											return m();
+										}
+									})), a((e) => {
+										var r = t.loading ? "" : void 0, i = t.loading || void 0;
+										return r !== e.e && c(n, "data-loading", e.e = r), i !== e.t && (n.inert = e.t = i), e;
+									}, {
+										e: void 0,
+										t: void 0
+									}), n;
+								})(),
+								r(p, {
+									get when() {
+										return e.helperText;
+									},
+									get children() {
+										return r(x.HelperText, {
+											class: "van-form-helper",
+											get children() {
+												return e.helperText;
+											}
+										});
+									}
+								}),
+								r(p, {
+									get when() {
+										return u().length > 0;
+									},
+									get children() {
+										return s(() => !!e.renderError)() ? r(x.ErrorText, {
+											class: "van-form-error",
+											get children() {
+												return e.renderError(u());
+											}
+										}) : r(d, {
+											get each() {
+												return u();
+											},
+											children: (e) => r(x.ErrorText, {
+												class: "van-form-error",
+												children: e
+											})
+										});
+									}
+								})
+							];
+						}
+					});
+				}
+			})
+		}), null), o(e, () => t.children?.({ isSubmitting: w() }), null), a((r) => {
+			var i = t.loading ?? !1, a = `van-form-form ${t.className ?? ""}`, o = t.size ?? "default";
+			return i !== r.e && c(e, "aria-busy", r.e = i), a !== r.t && n(e, r.t = a), o !== r.a && c(e, "data-size", r.a = o), r;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0
+		}), e;
+	})();
+}
+//#endregion
+export { Je as t };