@vanstack/solid-ark 0.0.36 → 0.0.38

package/dist/form-CGmUE_ol.js

@@ -1,653 +0,0 @@
-import "./solid-ark.css";
-import { Index as e, className as t, createComponent as n, delegateEvents as r, effect as i, insert as a, memo as o, setAttribute as s, style as c, template as l } from "solid-js/web";
-import { For as u, Show as d, Suspense as f, createEffect as p, createMemo as m, createSignal as h, createUniqueId as g, lazy as _, mergeProps as ee, on as v, onCleanup as y } from "solid-js";
-import { Field as b } from "@ark-ui/solid/field";
-import { createForm as x } from "@tanstack/solid-form";
-import { Checkbox as S } from "@ark-ui/solid/checkbox";
-import { RadioGroup as C } from "@ark-ui/solid/radio-group";
-import { Switch as w } from "@ark-ui/solid/switch";
-import { deepEqual as T } from "fast-equals";
-//#region src/form/components/FieldSkeleton.tsx
-var E = /*#__PURE__*/ l("<div aria-hidden=true class=van-form-field-skeleton>");
-function D() {
-	return E();
-}
-//#endregion
-//#region src/form/components/FormCheckbox.tsx
-var O = /*#__PURE__*/ l("<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 k(e) {
-	return n(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 [
-				n(S.Control, {
-					class: "van-form-checkbox-control",
-					get children() {
-						return n(S.Indicator, {
-							class: "van-form-checkbox-indicator",
-							get children() {
-								return O();
-							}
-						});
-					}
-				}),
-				o(() => o(() => !!e.label)() && n(S.Label, {
-					class: "van-form-checkbox-label",
-					get children() {
-						return e.label;
-					}
-				})),
-				n(S.HiddenInput, {})
-			];
-		}
-	});
-}
-//#endregion
-//#region src/form/components/FormCheckboxGroup.tsx
-var A = /*#__PURE__*/ l("<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 j(t) {
-	return n(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 n(e, {
-				get each() {
-					return t.field.options;
-				},
-				children: (e) => n(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 [
-							n(S.Control, {
-								class: "van-form-checkbox-control",
-								get children() {
-									return n(S.Indicator, {
-										class: "van-form-checkbox-indicator",
-										get children() {
-											return A();
-										}
-									});
-								}
-							}),
-							n(S.Label, {
-								class: "van-form-checkbox-label",
-								get children() {
-									return e().label;
-								}
-							}),
-							n(S.HiddenInput, {})
-						];
-					}
-				})
-			});
-		}
-	});
-}
-//#endregion
-//#region src/form/components/useDebouncedValue.ts
-function M(e) {
-	let [t, n] = h(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 p(v(() => e.value(), (e) => n(e ?? ""))), y(() => 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 te = /*#__PURE__*/ l("<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\">"), ne = /*#__PURE__*/ l("<button aria-label=清空 type=button>"), re = /*#__PURE__*/ l("<div class=van-form-input-group>"), N = /*#__PURE__*/ l("<span class=\"van-form-input-addon van-form-input-addon-prefix\">"), P = /*#__PURE__*/ l("<span class=\"van-form-input-addon van-form-input-addon-suffix\">");
-function F() {
-	return te();
-}
-function I(e) {
-	let { local: r, handleInput: s, handleBlur: c, handleClear: l } = M({
-		value: () => e.value,
-		debounce: e.field.debounce,
-		onChange: e.onChange,
-		onBlur: e.onBlur
-	}), u, f = n(b.Input, {
-		get autocomplete() {
-			return e.field.autocomplete;
-		},
-		class: "van-form-input",
-		onBlur: c,
-		onInput: (e) => s(e.currentTarget.value),
-		get placeholder() {
-			return e.field.placeholder;
-		},
-		ref: (e) => {
-			u = e;
-		},
-		get type() {
-			return e.field.type ?? "text";
-		},
-		get value() {
-			return r();
-		}
-	}), p = e.field.prefix !== void 0 || e.field.suffix !== void 0, m = e.field.clearable === !0;
-	return !p && !m ? f : (() => {
-		var s = re();
-		return a(s, (() => {
-			var t = o(() => e.field.prefix !== void 0);
-			return () => t() && (() => {
-				var t = N();
-				return a(t, () => e.field.prefix), t;
-			})();
-		})(), null), a(s, f, null), a(s, n(d, {
-			get when() {
-				return m && r() !== "";
-			},
-			get children() {
-				var r = ne();
-				return r.$$click = () => {
-					l(), u?.focus();
-				}, a(r, n(F, {})), i(() => t(r, `van-form-input-clear${e.field.suffix === void 0 ? "" : " van-form-input-clear-before-suffix"}`)), r;
-			}
-		}), null), a(s, (() => {
-			var t = o(() => e.field.suffix !== void 0);
-			return () => t() && (() => {
-				var t = P();
-				return a(t, () => e.field.suffix), t;
-			})();
-		})(), null), s;
-	})();
-}
-r(["click"]);
-//#endregion
-//#region src/form/components/FormRadio.tsx
-function L(t) {
-	let r = m(() => t.field.options.map((e) => e.value));
-	return n(C.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 n(e, {
-				get each() {
-					return r();
-				},
-				children: (e) => {
-					let r = t.field.options.find((t) => t.value === e());
-					return n(C.Item, {
-						class: "van-form-radio-item",
-						get value() {
-							return e();
-						},
-						get children() {
-							return [
-								n(C.ItemControl, { class: "van-form-radio-control" }),
-								n(C.ItemText, {
-									class: "van-form-radio-text",
-									get children() {
-										return r?.label ?? e();
-									}
-								}),
-								n(C.ItemHiddenInput, {})
-							];
-						}
-					});
-				}
-			});
-		}
-	});
-}
-//#endregion
-//#region src/form/components/FormSwitch.tsx
-function R(e) {
-	return n(w.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 [
-				n(w.Control, {
-					class: "van-form-switch-control",
-					get children() {
-						return n(w.Thumb, { class: "van-form-switch-thumb" });
-					}
-				}),
-				o(() => o(() => !!e.label)() && n(w.Label, {
-					class: "van-form-switch-label",
-					get children() {
-						return e.label;
-					}
-				})),
-				n(w.HiddenInput, {})
-			];
-		}
-	});
-}
-//#endregion
-//#region src/form/components/FormTextarea.tsx
-function z(e) {
-	let { local: t, handleInput: r, handleBlur: i } = M({
-		value: () => e.value,
-		debounce: e.field.debounce,
-		onChange: e.onChange,
-		onBlur: e.onBlur
-	});
-	return n(b.Textarea, {
-		class: "van-form-textarea",
-		onBlur: i,
-		onInput: (e) => r(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 B(e, t) {
-	return e.fieldType === t;
-}
-function V(e) {
-	if (e != null) return typeof e == "number" ? `${e}px` : e;
-}
-//#endregion
-//#region src/form/components/FieldRenderer.tsx
-var H = _(() => import("./FormDatePicker-Cazd9kkD.js").then((e) => ({ default: e.FormDatePicker }))), U = _(() => import("./FormSelect-BDZATc3u.js").then((e) => ({ default: e.FormSelect })));
-function W(e) {
-	return B(e.field, "input") ? n(I, {
-		get field() {
-			return e.field;
-		},
-		get onBlur() {
-			return e.onBlur;
-		},
-		onChange: (t) => e.onChange(t),
-		get value() {
-			return e.value;
-		}
-	}) : B(e.field, "textarea") ? n(z, {
-		get field() {
-			return e.field;
-		},
-		get onBlur() {
-			return e.onBlur;
-		},
-		onChange: (t) => e.onChange(t),
-		get value() {
-			return e.value;
-		}
-	}) : B(e.field, "select") ? n(f, {
-		get fallback() {
-			return n(D, {});
-		},
-		get children() {
-			return n(U, {
-				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;
-				}
-			});
-		}
-	}) : B(e.field, "datePicker") ? n(f, {
-		get fallback() {
-			return n(D, {});
-		},
-		get children() {
-			return n(H, {
-				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;
-				}
-			});
-		}
-	}) : B(e.field, "checkbox") ? n(k, {
-		get controlId() {
-			return e.controlId;
-		},
-		get label() {
-			return e.field.label;
-		},
-		onChange: (t) => e.onChange(t),
-		get value() {
-			return e.value;
-		}
-	}) : B(e.field, "switch") ? n(R, {
-		get controlId() {
-			return e.controlId;
-		},
-		get label() {
-			return e.field.label;
-		},
-		onChange: (t) => e.onChange(t),
-		get value() {
-			return e.value;
-		}
-	}) : B(e.field, "radio") ? n(L, {
-		get controlId() {
-			return e.controlId;
-		},
-		get field() {
-			return e.field;
-		},
-		onChange: (t) => e.onChange(t),
-		get value() {
-			return e.value;
-		}
-	}) : B(e.field, "checkbox-group") ? n(j, {
-		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 G(e) {
-	return q(e) || e === "" ? void 0 : Number(e);
-}
-function K(e) {
-	return q(e) || e === "" ? 0 : Number(e);
-}
-function q(e) {
-	return e == null;
-}
-function J(e) {
-	return Array.isArray(e) ? [...e].sort() : [];
-}
-function Y(e) {
-	return e && typeof e == "object" && !Array.isArray(e) ? e : {};
-}
-function X(e) {
-	return typeof e == "object" && !!e && !Array.isArray(e);
-}
-function ie(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" ? T(G(o), G(s)) : Array.isArray(o) || Array.isArray(s) ? T(J(o), J(s)) : X(o) || X(s) ? T(Y(o), Y(s)) : T(q(o) ? "" : o, q(s) ? "" : s), c || (r[n] = a === "number" ? K(s) : s);
-	}
-	return {
-		patch: r,
-		changed: Object.keys(r).length > 0
-	};
-}
-//#endregion
-//#region src/form/Form.tsx
-var ae = /*#__PURE__*/ l("<form>"), oe = /*#__PURE__*/ l("<div class=van-form-field><div class=van-form-loading-wrap>"), se = /*#__PURE__*/ l("<div class=van-form-loading-wrap>");
-function Z(e) {
-	return typeof e == "string" ? e : e && typeof e == "object" && "message" in e ? String(e.message) : String(e);
-}
-function Q(e) {
-	let t = 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 ce(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 le(e, t) {
-	return e.filter((e) => $(e, t));
-}
-function ue(e) {
-	let r = ee({ values: {} }, e), l = r.values, f = g(), h = (e) => `${f}-${e}`, _ = (e) => {
-		let t = ce(e, r.fields);
-		if (r.patch) {
-			let { patch: n, changed: i } = ie(l, t, le(r.fields, e));
-			return {
-				values: t,
-				patch: n,
-				changed: i
-			};
-		}
-		return { values: t };
-	}, y = x(() => ({
-		defaultValues: l,
-		onSubmit: async ({ value: e }) => {
-			let { values: t, patch: n, changed: i } = _(e);
-			await r.onSubmit?.(n === void 0 ? { value: t } : {
-				value: t,
-				patch: n,
-				changed: i
-			});
-		},
-		onSubmitInvalid: ({ value: e, formApi: t }) => {
-			if (!r.onSubmitInvalid) return;
-			let n = {}, i = t.state.fieldMeta;
-			for (let [e, t] of Object.entries(i)) {
-				let r = (t?.errors ?? []).map(Z).filter(Boolean);
-				r.length > 0 && (n[e] = r);
-			}
-			r.onSubmitInvalid({
-				value: e,
-				errors: n
-			});
-		}
-	}));
-	r.ref?.({
-		validate: async () => (await y.validateAllFields("change"), y.state.canSubmit),
-		validateAndGetFieldValues: async () => (await y.validateAllFields("change"), y.state.canSubmit ? _(y.state.values) : !1),
-		reset: () => y.reset(),
-		getFieldValues: () => _(y.state.values),
-		setFieldValues: (e) => {
-			for (let [t, n] of Object.entries(e)) y.setFieldValue(t, n);
-		},
-		getFieldValue: (e) => y.getFieldValue(e),
-		setFieldValue: (e, t) => y.setFieldValue(e, t)
-	});
-	let S = y.useStore((e) => e.values), C = m(() => r.fields.filter((e) => !e.hidden && $(e, S()))), w = y.useStore((e) => e.isSubmitting), T = y.useStore((e) => e.values), E = y.setFieldValue;
-	return p(v(() => r.values, (e) => {
-		for (let [t, n] of Object.entries(e ?? {})) y.state.values[t] !== n && E(t, n);
-	}, { defer: !0 })), p(v(T, (e) => r.onValuesChange?.(e), { defer: !0 })), (() => {
-		var e = ae();
-		return e.addEventListener("submit", (e) => {
-			e.preventDefault(), e.stopPropagation(), y.handleSubmit();
-		}), a(e, n(u, {
-			get each() {
-				return C();
-			},
-			children: (e) => n(y.Field, {
-				get name() {
-					return e.name;
-				},
-				get validators() {
-					return Q(e);
-				},
-				children: (t) => {
-					let l = t(), f = m(() => (t().state.meta.errors ?? []).map(Z).filter(Boolean)), p = m(() => t().state.value), g = V(e.fieldWidth), _ = g ? { width: g } : void 0;
-					return e.control ? (() => {
-						var t = oe(), n = t.firstChild;
-						return a(n, () => e.control({
-							value: p,
-							onChange: (e) => l.handleChange(e),
-							onBlur: () => l.handleBlur(),
-							error: f,
-							id: h(e.name)
-						})), i((e) => {
-							var i = _, a = r.loading ? "" : void 0, o = r.loading || void 0;
-							return e.e = c(t, i, e.e), a !== e.t && s(n, "data-loading", e.t = a), o !== e.a && (n.inert = e.a = o), e;
-						}, {
-							e: void 0,
-							t: void 0,
-							a: void 0
-						}), t;
-					})() : n(b.Root, {
-						class: "van-form-field",
-						get id() {
-							return h(e.name);
-						},
-						get invalid() {
-							return f().length > 0;
-						},
-						style: _,
-						get children() {
-							return [
-								n(d, {
-									get when() {
-										return o(() => !!(e.label && e.fieldType !== "checkbox" && e.fieldType !== "checkbox-group"))() && e.fieldType !== "switch";
-									},
-									get children() {
-										return o(() => !!e.renderLabel)() ? n(b.Label, {
-											class: "van-form-label",
-											get children() {
-												return e.renderLabel(e.label);
-											}
-										}) : n(b.Label, {
-											class: "van-form-label",
-											get children() {
-												return e.label;
-											}
-										});
-									}
-								}),
-								(() => {
-									var t = se();
-									return a(t, n(W, {
-										get controlId() {
-											return h(e.name);
-										},
-										field: e,
-										onBlur: () => l.handleBlur(),
-										onChange: (e) => l.handleChange(e),
-										get value() {
-											return p();
-										}
-									})), i((e) => {
-										var n = r.loading ? "" : void 0, i = r.loading || void 0;
-										return n !== e.e && s(t, "data-loading", e.e = n), i !== e.t && (t.inert = e.t = i), e;
-									}, {
-										e: void 0,
-										t: void 0
-									}), t;
-								})(),
-								n(d, {
-									get when() {
-										return e.helperText;
-									},
-									get children() {
-										return n(b.HelperText, {
-											class: "van-form-helper",
-											get children() {
-												return e.helperText;
-											}
-										});
-									}
-								}),
-								n(d, {
-									get when() {
-										return f().length > 0;
-									},
-									get children() {
-										return o(() => !!e.renderError)() ? n(b.ErrorText, {
-											class: "van-form-error",
-											get children() {
-												return e.renderError(f());
-											}
-										}) : n(u, {
-											get each() {
-												return f();
-											},
-											children: (e) => n(b.ErrorText, {
-												class: "van-form-error",
-												children: e
-											})
-										});
-									}
-								})
-							];
-						}
-					});
-				}
-			})
-		}), null), a(e, () => r.children?.({ isSubmitting: w() }), null), i((n) => {
-			var i = r.loading ?? !1, a = `van-form-form ${r.className ?? ""}`, o = r.size ?? "default";
-			return i !== n.e && s(e, "aria-busy", n.e = i), a !== n.t && t(e, n.t = a), o !== n.a && s(e, "data-size", n.a = o), n;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0
-		}), e;
-	})();
-}
-//#endregion
-export { ue as t };