@mythpe/quasar-ui-qui 0.4.71 → 0.4.73

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mythpe/quasar-ui-qui",
-  "version": "0.4.71",
+  "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 {
@@ -229,7 +231,7 @@ const {
 const $q = useQuasar()
 const $router = useRouter()
 const { te } = useI18n({ useScope: 'global' })
-const useFormContext = useForm<any, any>({ initialValues: {} })
+const useFormContext = useForm<any, any>()
 const { resetForm: resetDialogForm, handleSubmit } = useFormContext
 
 const {
@@ -348,10 +350,10 @@ const {
   }
   return !hasAction.value
 }) */
+
 watch(defaultItem, (v) => {
   resetDialogForm({ values: { ...v || {} } }, { force: !0 })
 }, { immediate: !1, deep: !0 })
-// watch(getRows, (v) => emit('update:rows', v), { deep: !0 })
 defineModel<any[]>('rows', { required: false, default: undefined })
 watch([
   () => toValue(props.visibleColumns),
@@ -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/composable/useDtHelpers.ts

@@ -62,7 +62,7 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>, emit?:
   const getRows = computed<any>({
     get: () => {
       if (props.rows !== undefined && props.rows !== null) {
-        return props.rows
+        return toValue(props.rows)
       }
       return rowsRef.value
     },

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 {