@hybridly/vue 0.10.0-beta.22 → 0.10.0-beta.24

package/dist/index.mjs

@@ -111,7 +111,7 @@ const formStore = {
 };
 //#endregion
 //#region src/composables/form.ts
-function safeClone(obj) {
+function deepCloneRaw(obj) {
 	return cloneDeep(toRaw(obj));
 }
 function useForm(options) {
@@ -123,11 +123,11 @@ function useForm(options) {
 		recentlySuccessful: void 0
 	};
 	/** Fields that were initially set up. */
-	const defaults = safeClone(options.fields);
+	const defaults = ref(deepCloneRaw(options.fields));
 	/** Fields as they were when loaded. */
-	const loaded = safeClone(historyData?.fields ?? options.fields);
+	const loaded = deepCloneRaw(historyData?.fields ?? options.fields);
 	/** Current fields. */
-	const fields = reactive(safeClone(loaded));
+	const fields = reactive(deepCloneRaw(loaded));
 	/** Validation errors for each field. */
 	const errors = ref(historyData?.errors ?? {});
 	/** Whether the form is dirty. */
@@ -153,7 +153,7 @@ function useForm(options) {
 	*/
 	function setDefault(newDefault) {
 		Object.entries(newDefault).forEach(([key, value]) => {
-			set(defaults, key, safeClone(value));
+			set(defaults.value, key, deepCloneRaw(value));
 		});
 	}
 	function resolveFieldBehaviorKeys(option, fallback) {
@@ -166,7 +166,7 @@ function useForm(options) {
 		const keys = resolveFieldBehaviorKeys(option, false);
 		if (!keys) return;
 		keys.forEach((key) => {
-			set(defaults, key, safeClone(get(fields, key)));
+			set(defaults.value, key, deepCloneRaw(get(fields, key)));
 		});
 	}
 	function resetFieldsFromBehavior(option, fallback) {
@@ -200,7 +200,7 @@ function useForm(options) {
 	function resetFields(...keys) {
 		if (keys.length === 0) keys = Object.keys(fields);
 		keys.forEach((key) => {
-			Reflect.set(fields, key, safeClone(Reflect.get(defaults, key)));
+			set(fields, key, deepCloneRaw(get(defaults.value, key)));
 		});
 	}
 	/**
@@ -229,7 +229,7 @@ function useForm(options) {
 			abortController,
 			url: url ?? state.context.value?.url,
 			method: requestOptions.method ?? "POST",
-			data: safeClone(data),
+			data: deepCloneRaw(data),
 			preserveState,
 			hooks: {
 				before: (_request, context) => {
@@ -288,7 +288,7 @@ function useForm(options) {
 	*/
 	function hasDirty(...keys) {
 		if (keys.length === 0) return isDirty.value;
-		return keys.some((key) => !isEqual(toRaw(get(fields, key)), toRaw(get(defaults, key))));
+		return keys.some((key) => !isEqual(toRaw(get(fields, key)), toRaw(get(defaults.value, key))));
 	}
 	/**
 	* Clears the given field's error.
@@ -316,7 +316,7 @@ function useForm(options) {
 		processing,
 		errors
 	], () => {
-		isDirty.value = !isEqual(toRaw(defaults), toRaw(fields));
+		isDirty.value = !isEqual(toRaw(defaults.value), toRaw(fields));
 		if (shouldRemember) router$1.history.remember(historyKey, {
 			fields: toRaw(fields),
 			errors: toRaw(errors.value)

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@hybridly/vue",
 	"type": "module",
-	"version": "0.10.0-beta.22",
+	"version": "0.10.0-beta.24",
 	"description": "Vue adapter for Hybridly",
 	"author": "Enzo Innocenzi <enzo@innocenzi.dev>",
 	"license": "MIT",
@@ -47,8 +47,8 @@
 	"dependencies": {
 		"@clickbar/dot-diver": "^1.0.7",
 		"es-toolkit": "^1.45.1",
-		"@hybridly/core": "0.10.0-beta.22",
-		"@hybridly/utils": "0.10.0-beta.22",
+		"@hybridly/core": "0.10.0-beta.24",
+		"@hybridly/utils": "0.10.0-beta.24",
 		"@vue/devtools-api": "^8.1.0",
 		"defu": "^6.1.4",
 		"nprogress": "^0.2.0"