src/components/FormModel.vue

@@ -12,6 +12,7 @@ import SkeletonForm from 'components/ui/SkeletonForm.vue';
 import VnConfirm from './ui/VnConfirm.vue';
 import { tMobile } from 'src/composables/tMobile';
 import { useArrayData } from 'src/composables/useArrayData';
+import { getDifferences, getUpdatedValues } from 'src/filters';
 
 const { push } = useRouter();
 const quasar = useQuasar();
@@ -278,7 +279,12 @@ function trimData(data) {
     }
     return data;
 }
-
+function onBeforeSave(formData, originalData) {
+    return getUpdatedValues(
+        Object.keys(getDifferences(formData, originalData)),
+        formData,
+    );
+}
 defineExpose({
     save,
     isLoading,
@@ -299,6 +305,7 @@ defineExpose({
             :style="maxWidth ? 'max-width: ' + maxWidth : ''"
             id="formModel"
             :prevent-submit="$attrs['prevent-submit']"
+            :mapper="onBeforeSave"
         >
             <QCard>
                 <slot