@mythpe/quasar-ui-qui 0.2.75 → 0.2.76

package/package.json

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

package/src/components/datatable/MDatatable.vue

@@ -10,7 +10,7 @@
   lang="ts"
   setup
 >
-import type { GenericMDtBtn, MDatatableProps } from '../../types'
+import type { ApiInterface, GenericMDtBtn, MDatatableProps } from '../../types'
 import type { InvalidSubmissionHandler, SubmissionHandler } from 'vee-validate'
 import { useForm } from 'vee-validate'
 import { computed, onMounted, ref, toValue, watch } from 'vue'
@@ -47,8 +47,10 @@ type Props = {
   hideShowBtn?: boolean;
   hideDestroyBtn?: boolean;
   storeRoute?: MDatatableProps['storeRoute'];
+  storeCallback?: MDatatableProps['storeCallback'];
   storeQueryParams?: boolean;
   updateRoute?: MDatatableProps['updateRoute'];
+  updateCallback?: MDatatableProps['updateCallback'];
   updateQueryParams?: boolean;
   showRoute?: MDatatableProps['showRoute'];
   showQueryParams?: boolean;
@@ -113,8 +115,10 @@ const props = withDefaults(defineProps<Props>(), {
   hideShowBtn: !1,
   hideDestroyBtn: !1,
   storeRoute: undefined,
+  storeCallback: undefined,
   storeQueryParams: !1,
   updateRoute: undefined,
+  updateCallback: undefined,
   updateQueryParams: !1,
   showRoute: undefined,
   showQueryParams: !1,
@@ -349,18 +353,25 @@ const onSuccess: SubmissionHandler = async (form) => {
     form,
     _conf) : await apiServices.store(form, _conf)
   try {
-    const { _data, _message, _success }: any = await method()
+    const response: ApiInterface = await method()
+    const { _message, _success, _data } = response
     _message && alertSuccess(_message)
     if (_success) {
       if (isUpdateMode.value) {
         if (_data) {
-          updateDatatableItem(_data, dialogItemIndex.value)
+          updateDatatableItem(_data as any, dialogItemIndex.value)
         }
       } else {
         setTimeout(() => refresh(), openDialogTimeout)
       }
-      // nextTick()
-      closeFormDialog()
+      if (isUpdateMode.value && props.updateCallback) {
+        props.updateCallback(response)
+      } else if (!isUpdateMode.value && props.storeCallback) {
+        props.storeCallback(response)
+      } else {
+        // nextTick()
+        closeFormDialog()
+      }
     }
   } catch (e: any) {
     const { _message, _errors } = e || {}

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

@@ -11,7 +11,7 @@ import type { NamedColor, QAvatarProps, QAvatarSlots, QTableProps, QTableSlots }
 import type { ComputedRef, MaybeRef, MaybeRefOrGetter, Ref, UnwrapNestedRefs, UnwrapRef, VNode } from 'vue'
 import type { RouteLocationRaw } from 'vue-router'
 import type { StubSchema } from './api-helpers'
-import type { ApiMetaInterface, Generic } from './m-helpers'
+import type { ApiInterface, ApiMetaInterface, Generic } from './m-helpers'
 import type { MFormSlots } from './api/MForm'
 import type { MBtnProps, MBtnSlots } from './api/MBtn'
 import type { GenericFormValues } from './api/MInput'
@@ -230,8 +230,10 @@ export type MDatatableProps<I extends GenericFormValues = GenericFormValues> = O
   hideShowBtn?: boolean;
   hideDestroyBtn?: boolean;
   storeRoute?: string | RouteLocationRaw;
+  storeCallback?: (response: ApiInterface) => void;
   storeQueryParams?: boolean;
   updateRoute?: string | RouteLocationRaw;
+  updateCallback?: (response: ApiInterface) => void;
   updateQueryParams?: boolean;
   showRoute?: string | RouteLocationRaw;
   showQueryParams?: boolean;