@vanstack/solid-ark 0.0.1

package/dist/form-TmnHhNkx.js

@@ -0,0 +1,559 @@
+import { Index as e, className as t, createComponent as n, delegateEvents as r, effect as i, insert as a, memo as o, style as s, template as c } from "solid-js/web";
+import { For as l, Show as u, Suspense as d, createEffect as f, createMemo as p, createSignal as m, createUniqueId as h, lazy as g, mergeProps as _, 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";
+//#region src/form/components/FieldSkeleton.tsx
+var T = /*#__PURE__*/ c("<div aria-hidden=true class=van-form-field-skeleton>");
+function E() {
+	return T();
+}
+//#endregion
+//#region src/form/components/FormCheckbox.tsx
+var D = /*#__PURE__*/ c("<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 O(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 D();
+							}
+						});
+					}
+				}),
+				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 k = /*#__PURE__*/ c("<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 A(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 k();
+										}
+									});
+								}
+							}),
+							n(S.Label, {
+								class: "van-form-checkbox-label",
+								get children() {
+									return e().label;
+								}
+							}),
+							n(S.HiddenInput, {})
+						];
+					}
+				})
+			});
+		}
+	});
+}
+//#endregion
+//#region src/form/components/useDebouncedValue.ts
+function j(e) {
+	let [t, n] = m(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 f(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 M = /*#__PURE__*/ c("<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\">"), N = /*#__PURE__*/ c("<button aria-label=清空 type=button>"), P = /*#__PURE__*/ c("<div class=van-form-input-group>"), F = /*#__PURE__*/ c("<span class=\"van-form-input-addon van-form-input-addon-prefix\">"), I = /*#__PURE__*/ c("<span class=\"van-form-input-addon van-form-input-addon-suffix\">");
+function L() {
+	return M();
+}
+function R(e) {
+	let { local: r, handleInput: s, handleBlur: c, handleClear: l } = j({
+		value: () => e.value,
+		debounce: e.field.debounce,
+		onChange: e.onChange,
+		onBlur: e.onBlur
+	}), d, 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) => {
+			d = 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 = P();
+		return a(s, (() => {
+			var t = o(() => e.field.prefix !== void 0);
+			return () => t() && (() => {
+				var t = F();
+				return a(t, () => e.field.prefix), t;
+			})();
+		})(), null), a(s, f, null), a(s, n(u, {
+			get when() {
+				return m && r() !== "";
+			},
+			get children() {
+				var r = N();
+				return r.$$click = () => {
+					l(), d?.focus();
+				}, a(r, n(L, {})), 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 = I();
+				return a(t, () => e.field.suffix), t;
+			})();
+		})(), null), s;
+	})();
+}
+r(["click"]);
+//#endregion
+//#region src/form/components/FormRadio.tsx
+function z(t) {
+	let r = p(() => 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 B(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 V(e) {
+	let { local: t, handleInput: r, handleBlur: i } = j({
+		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 H(e, t) {
+	return e.fieldType === t;
+}
+function U(e) {
+	if (e != null) return typeof e == "number" ? `${e}px` : e;
+}
+//#endregion
+//#region src/form/components/FieldRenderer.tsx
+var W = g(() => import("./FormDatePicker-BWrGST8J.js").then((e) => ({ default: e.FormDatePicker }))), G = g(() => import("./FormSelect-Dex9R5TZ.js").then((e) => ({ default: e.FormSelect })));
+function K(e) {
+	return H(e.field, "input") ? n(R, {
+		get field() {
+			return e.field;
+		},
+		get onBlur() {
+			return e.onBlur;
+		},
+		onChange: (t) => e.onChange(t),
+		get value() {
+			return e.value;
+		}
+	}) : H(e.field, "textarea") ? n(V, {
+		get field() {
+			return e.field;
+		},
+		get onBlur() {
+			return e.onBlur;
+		},
+		onChange: (t) => e.onChange(t),
+		get value() {
+			return e.value;
+		}
+	}) : H(e.field, "select") ? n(d, {
+		get fallback() {
+			return n(E, {});
+		},
+		get children() {
+			return n(G, {
+				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;
+				}
+			});
+		}
+	}) : H(e.field, "datePicker") ? n(d, {
+		get fallback() {
+			return n(E, {});
+		},
+		get children() {
+			return n(W, {
+				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;
+				}
+			});
+		}
+	}) : H(e.field, "checkbox") ? n(O, {
+		get controlId() {
+			return e.controlId;
+		},
+		get label() {
+			return e.field.label;
+		},
+		onChange: (t) => e.onChange(t),
+		get value() {
+			return e.value;
+		}
+	}) : H(e.field, "switch") ? n(B, {
+		get controlId() {
+			return e.controlId;
+		},
+		get label() {
+			return e.field.label;
+		},
+		onChange: (t) => e.onChange(t),
+		get value() {
+			return e.value;
+		}
+	}) : H(e.field, "radio") ? n(z, {
+		get controlId() {
+			return e.controlId;
+		},
+		get field() {
+			return e.field;
+		},
+		onChange: (t) => e.onChange(t),
+		get value() {
+			return e.value;
+		}
+	}) : H(e.field, "checkbox-group") ? n(A, {
+		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/Form.tsx
+var q = /*#__PURE__*/ c("<form>"), J = /*#__PURE__*/ c("<div class=van-form-field>");
+function Y(e) {
+	return typeof e == "string" ? e : e && typeof e == "object" && "message" in e ? String(e.message) : String(e);
+}
+function X(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 Z(e) {
+	let r = _({ values: {} }, e), c = r.values, d = h(), m = (e) => `${d}-${e}`, g = x(() => ({
+		defaultValues: c,
+		onSubmit: async ({ value: e }) => {
+			await r.onSubmit({ value: e });
+		},
+		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(Y).filter(Boolean);
+				r.length > 0 && (n[e] = r);
+			}
+			r.onSubmitInvalid({
+				value: e,
+				errors: n
+			});
+		}
+	})), y = g.useStore((e) => e.isSubmitting), S = g.useStore((e) => e.values), C = g.setFieldValue;
+	return f(v(() => r.values, (e) => {
+		for (let [t, n] of Object.entries(e ?? {})) g.state.values[t] !== n && C(t, n);
+	}, { defer: !0 })), f(v(S, (e) => r.onValuesChange?.(e), { defer: !0 })), (() => {
+		var e = q();
+		return e.addEventListener("submit", (e) => {
+			e.preventDefault(), e.stopPropagation(), g.handleSubmit();
+		}), a(e, n(l, {
+			get each() {
+				return r.fields;
+			},
+			children: (e) => n(g.Field, {
+				get name() {
+					return e.name;
+				},
+				get validators() {
+					return X(e);
+				},
+				children: (t) => {
+					let r = t(), c = p(() => (t().state.meta.errors ?? []).map(Y).filter(Boolean)), d = p(() => t().state.value), f = U(e.fieldWidth), h = f ? { width: f } : void 0;
+					return e.control ? (() => {
+						var t = J();
+						return a(t, () => e.control({
+							value: d(),
+							onChange: (e) => r.handleChange(e),
+							onBlur: () => r.handleBlur(),
+							error: c(),
+							id: m(e.name)
+						})), i((e) => s(t, h, e)), t;
+					})() : n(b.Root, {
+						class: "van-form-field",
+						get id() {
+							return m(e.name);
+						},
+						get invalid() {
+							return c().length > 0;
+						},
+						style: h,
+						get children() {
+							return [
+								n(u, {
+									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;
+											}
+										});
+									}
+								}),
+								n(K, {
+									get controlId() {
+										return m(e.name);
+									},
+									field: e,
+									onBlur: () => r.handleBlur(),
+									onChange: (e) => r.handleChange(e),
+									get value() {
+										return d();
+									}
+								}),
+								n(u, {
+									get when() {
+										return e.helperText;
+									},
+									get children() {
+										return n(b.HelperText, {
+											class: "van-form-helper",
+											get children() {
+												return e.helperText;
+											}
+										});
+									}
+								}),
+								n(u, {
+									get when() {
+										return c().length > 0;
+									},
+									get children() {
+										return o(() => !!e.renderError)() ? n(b.ErrorText, {
+											class: "van-form-error",
+											get children() {
+												return e.renderError(c());
+											}
+										}) : n(l, {
+											get each() {
+												return c();
+											},
+											children: (e) => n(b.ErrorText, {
+												class: "van-form-error",
+												children: e
+											})
+										});
+									}
+								})
+							];
+						}
+					});
+				}
+			})
+		}), null), a(e, () => r.children?.({ isSubmitting: y() }), null), i(() => t(e, `van-form-form ${r.className ?? ""}`)), e;
+	})();
+}
+//#endregion
+export { Z as t };

package/dist/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/modal/index.d.ts

@@ -0,0 +1,2 @@
+export { modal, Modal } from './manager';
+export type { ConfirmOptions, Handler, ModalContentProps, OpenOptions } from './type';