@mythpe/quasar-ui-qui 0.4.72 → 0.4.73

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mythpe/quasar-ui-qui",
-  "version": "0.4.72",
+  "version": "0.4.73",
   "description": "MyTh Quasar UI Kit App Extension",
   "author": {
     "name": "MyTh Ahmed Faiz",

package/src/components/datatable/MDatatable.vue

@@ -110,6 +110,7 @@ type Props = {
   wrapCells?: MDatatableProps['wrapCells'];
   tooSmall?: MDatatableProps['tooSmall'];
   color?: MDatatableProps['color'];
+  transformer?: MDatatableProps['transformer'];
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -195,7 +196,8 @@ const props = withDefaults(defineProps<Props>(), {
   noExampleBtn: undefined,
   wrapCells: undefined,
   tooSmall: undefined,
-  color: 'primary'
+  color: 'primary',
+  transformer: undefined
 })
 
 interface Emits {
@@ -401,9 +403,12 @@ const onSuccess: SubmissionHandler = async (form) => {
       requestWith: getRequestWith(isUpdateMode.value ? 'withUpdate' : 'withStore') || undefined
     }
   }
-  const method = async () => isUpdateMode.value ? await apiServices.update(dialogItem.value?.id || '',
-    form,
-    _conf) : await apiServices.store(form, _conf)
+  if (props.transformer) {
+    form = props.transformer(form)
+  }
+  const method = async () => isUpdateMode.value
+    ? await apiServices.update(dialogItem.value?.id || '', form, _conf)
+    : await apiServices.store(form, _conf)
   try {
     const response: ApiInterface = await method()
     const { _message, _success, _data } = response

package/src/types/m-datatable.d.ts

@@ -381,6 +381,10 @@ export type MDatatableProps<I extends GenericFormValues = GenericFormValues> = O
    * too small a screen size in px.
    */
   tooSmall?: number;
+  /**
+   * transformer for form data
+   */
+  transformer?: (formData: any) => any;
 }
 
 export interface MDtAvatarProps extends QAvatarProps {