feat: new prop in the input-state "changed"

Author: Jenesius

plugin/classes/Form.ts

@@ -14,6 +14,7 @@ import deletePropByName from "../utils/delete-prop-by-name";
 import getPropFromObject from "../utils/get-prop-from-object";
 import  {IComparisonResult, searchByComparison, searchChangesByComparison} from "../utils/search-changes-by-comparison";
 import debug from "../debug/debug";
+import checkNameInObject from "../utils/check-name-in-object";
 
 export default class Form extends EventEmitter implements FormDependence{
 	static PROVIDE_NAME			 = 'form-controller';
@@ -130,7 +131,7 @@ export default class Form extends EventEmitter implements FormDependence{
 	 * @description Method check name for including in changes.
 	 * */
 	checkNameForChangedStatus(dependenceName: string) {
-
+		return checkNameInObject(this.changes, dependenceName);
 	}
 
 	/**

plugin/classes/Input.ts

@@ -40,7 +40,7 @@ export default class Input extends EventEmitter {
 	get changed() {
 		if (!this.name) return false;
 		if (!this.parentForm) return false;
-		return this.parentForm.changed
+		return this.parentForm.checkNameForChangedStatus(this.name);
 	}
 
 	/**

plugin/hooks/use-input-state.ts

@@ -1,4 +1,4 @@
-import {onUnmounted, reactive, watch} from "vue";
+import {onUnmounted, reactive} from "vue";
 import Input from "../classes/Input";
 
 export default function useInputState(name: string, validation: any[] = []) {
@@ -18,16 +18,19 @@ function useInputController(input: Input) {
 	const state = reactive<{
 		value: any,
 		disabled: boolean,
-		errors: string[]
+		errors: string[],
+		changed: boolean
 	}>({
 		value: input.value,
 		disabled: input.disabled,
-		errors: []
+		errors: [],
+		changed: input.changed
 	})
 
 	const controls = {
 		change: (v:any) => {
 			state.value = v;
+			state.changed = true
 		},
 		setValues(v: any) {
 			state.value = v;