notform 1.0.5 → 1.0.7

package/dist/index.d.ts

@@ -344,6 +344,10 @@ type NotArrayFieldProps<TSchema extends ArraySchema> = {
  * @template TSchema The schema of the array field.
  */
 type NotArrayFieldContext<TSchema extends ArraySchema> = {
+  /** The unique name/path identifying the array field in the form state */
+  name: string;
+  /** Array-level validation errors for the field path */
+  errors: string[];
   /**
    * Array of individual field contexts for each item in the collection.
    * Useful for mapping components to array elements.

package/dist/index.js

@@ -1,5 +1,6 @@
 import { computed, createBlock, createTextVNode, defineComponent, guardReactiveProps, inject, mergeProps, nextTick, normalizeProps, onMounted, openBlock, provide, reactive, ref, renderSlot, resolveDynamicComponent, toDisplayString, toValue, unref, useAttrs, useId, vShow, withCtx, withDirectives } from "vue";
 import { getProperty, parsePath, setProperty } from "dot-prop";
+import { isEqual } from "es-toolkit/predicate";
 
 //#region src/utils/not-form-context.ts
 /** Internal registry mapping form IDs to their injection keys */
@@ -235,7 +236,7 @@ var not_array_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		*/
 		const formID = inject(CURRENT_NOT_FORM_ID_KEY);
 		if (!formID) throw new Error("NotArrayField must be used inside a NotForm component");
-		const { state, validateField } = withContext(formID);
+		const { state, validateField, getFieldErrors } = withContext(formID);
 		/**
 		* Reactive bridge between the form state and the specific array field.
 		*/
@@ -310,6 +311,8 @@ var not_array_field_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		* Reactive context object exposed to the NotArrayField slot.
 		*/
 		const context = reactive({
+			name: computed(() => props.name),
+			errors: computed(() => getFieldErrors(props.name).map((error) => error.message)),
 			fields,
 			append,
 			prepend,
@@ -494,8 +497,9 @@ function useNotForm(options) {
 				..._state
 			};
 			getObjectPaths(_state).forEach((path) => {
-				context.dirtyFields.value.add(path);
 				context.touchedFields.value.add(path);
+				if (!isEqual(getProperty(context.state.value, path), getProperty(onResetState.value ?? initialState, path))) context.dirtyFields.value.add(path);
+				else context.dirtyFields.value.delete(path);
 				if (_validate) context.validateField(path);
 			});
 		},
@@ -517,11 +521,16 @@ function useNotForm(options) {
 			context.touchedFields.value = new Set(paths);
 		},
 		dirtyField(field) {
-			context.dirtyFields.value.add(field);
+			if (!isEqual(getProperty(context.state.value, field), getProperty(onResetState.value ?? initialState, field))) context.dirtyFields.value.add(field);
+			else context.dirtyFields.value.delete(field);
 		},
 		dirtyAllFields() {
 			const paths = getObjectPaths(context.state.value);
-			context.dirtyFields.value = new Set(paths);
+			const newDirty = /* @__PURE__ */ new Set();
+			paths.forEach((path) => {
+				if (!isEqual(getProperty(context.state.value, path), getProperty(onResetState.value ?? initialState, path))) newDirty.add(path);
+			});
+			context.dirtyFields.value = newDirty;
 		},
 		async submit(event) {
 			context.isSubmitting.value = true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "notform",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "type": "module",
   "private": false,
   "publishConfig": {
@@ -55,7 +55,8 @@
   },
   "dependencies": {
     "@standard-schema/spec": "^1.1.0",
-    "dot-prop": "^10.1.0"
+    "dot-prop": "^10.1.0",
+    "es-toolkit": "^1.45.1"
   },
   "engines": {
     "node": ">=24.0.0"