feat: refs #8406 upgraded CrudModel

@@ -46,0 +50,4 @@
+    },
+    insertOnLoad: {
+        type: Boolean,
+        default: true,

@@ -138,1 +155,3 @@
-    watchChanges.value = watch(formData, () => (hasChanges.value = true), { deep: true });
+    watchChanges.value = watch(formData, (nVal) => {
+        hasChanges.value = false;
+        for(let index = 0; index < nVal.length; index++) {

@@ -210,2 +239,2 @@
-    formData.value.push(Object.assign({ $index }, pushData));
-    hasChanges.value = true;
+async function insert(pushData = { ...$props.dataRequired, ...$props.dataDefault }) {
+    const lastRow = formData.value.at(-1);

@@ -221,3 +276,3 @@
     const pk = $props.primaryKey;
     let ids = data.map((d) => d[pk]).filter(Boolean);
-    let preRemove = data.map((d) => (d[pk] ? null : d.$index)).filter(Boolean);
+    let preRemove = data.map((d) => (d[pk] ? null : d.$index)).filter(index => index !== null && index !== undefined);

@@ -250,3 +305,3 @@
             });
     } else {
-        reset();
+    await fetch(formData.value);