@mythpe/quasar-ui-qui 0.4.72 → 0.4.74

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mythpe/quasar-ui-qui",
-  "version": "0.4.72",
+  "version": "0.4.74",
   "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
@@ -519,7 +524,6 @@ const showIfContext = (contextBtn: GenericMDtBtn): boolean => {
   if (!contextBtn.multiClick) {
     return !1
   }
-  // console.log(typeof contextBtn.showIf, contextBtn.name)
   for (let idx = 0; idx < selected.value.length; idx++) {
     const item = toValue(selected.value[idx])
     const per = typeof contextBtn.showIf === 'function' ? contextBtn.showIf(item, idx) : contextBtn.showIf === !0
@@ -1203,59 +1207,26 @@ defineExpose({
               <MRow
                 gutter="sm"
               >
-                <!--<MDtBtn-->
-                <!--  v-if="hasUpdateBtn && isSingleSelectedItem"-->
-                <!--  key="update-dt-selection-btn"-->
-                <!--  :disable="loading"-->
-                <!--  icon="ion-ios-create"-->
-                <!--  update-->
-                <!--  v-bind="{...defaultTopBtnProps,...pluginOptions.dt?.topSelection?.btn as any}"-->
-                <!--  @click="openUpdateDialogNoIndex(selected[0] as any)"-->
-                <!--/>-->
-                <!--<MDtBtn-->
-                <!--  v-if="hasCloneBtn && isSingleSelectedItem"-->
-                <!--  key="clone-dt-selection-btn"-->
-                <!--  :disable="loading"-->
-                <!--  clone-->
-                <!--  tooltip="labels.clone"-->
-                <!--  v-bind="{...defaultTopBtnProps,...pluginOptions.dt?.topSelection?.btn as any}"-->
-                <!--  @click="onCloneItem(selected[0] as any)"-->
-                <!--/>-->
-                <!--<MDtBtn-->
-                <!--  v-if="hasShowBtn && isSingleSelectedItem"-->
-                <!--  key="show-dt-selection-btn"-->
-                <!--  :disable="loading"-->
-                <!--  icon="ion-ios-eye"-->
-                <!--  show-->
-                <!--  v-bind="{...defaultTopBtnProps,...pluginOptions.dt?.topSelection?.btn as any}"-->
-                <!--  @click="openShowDialogNoIndex(selected[0] as any)"-->
-                <!--/>-->
-                <!--<MDtBtn-->
-                <!--  v-if="selected.length > 1 ? (hasDestroyBtn && multiDestroy) : hasDestroyBtn"-->
-                <!--  key="destroy-dt-selection-btn"-->
-                <!--  :disable="!hasSelectedItem || loading"-->
-                <!--  color="negative"-->
-                <!--  destroy-->
-                <!--  icon="ion-ios-trash"-->
-                <!--  v-bind="{...defaultTopBtnProps,...pluginOptions.dt?.topSelection?.btn as any}"-->
-                <!--  @click="deleteSelectionItem()"-->
-                <!--/>-->
                 <template
                   v-for="(contextBtn,i) in contextmenuItems as GenericMDtBtn[]"
                   :key="`top-s-${i}`"
                 >
                   <MDtBtn
                     v-if="showIfContext(contextBtn)"
-                    :tooltip="contextBtn.tooltip ? __(contextBtn.tooltip) : (
-                      contextBtn.label ? ( te(`labels.${contextBtn.label}`) ? __(`labels.${contextBtn.label}`) : __(contextBtn.label) ) : undefined
-                    )"
                     v-bind="{
                       ...defaultTopBtnProps,
                       ...pluginOptions.dt?.topSelection?.btn as any,
                       ...contextBtn as any,
                       ...contextBtn.attr as any,
-                      to: typeof contextBtn.attr?.to === 'function' ? contextBtn.attr.to(selected[0],0) : contextBtn.attr?.to,
+                      to: typeof contextBtn.attr?.to === 'function' ? ( selected.length === 1 ? contextBtn.attr.to(selected[0],0) : undefined ) : contextBtn.attr?.to,
                       [contextBtn.name]: true,
+                      tooltip: contextBtn.tooltip ? (typeof contextBtn.tooltip === 'function' ? ( selected.length === 1 ? contextBtn.tooltip(selected[0],0) : undefined ) : (
+                        ( te(`labels.${contextBtn.tooltip}`) ? __(`labels.${contextBtn.tooltip}`) : (
+                          te(contextBtn.tooltip) ? __(contextBtn.tooltip) : undefined
+                        ) )
+                      ) ) : (
+                        contextBtn.label ? ( te(`labels.${contextBtn.label}`) ? __(`labels.${contextBtn.label}`) : __(contextBtn.label) ) : undefined
+                      )
                     }"
                     @click="contextBtn.attr?.to ? undefined : onClickTopMenu(contextBtn)"
                   />
@@ -1399,7 +1370,7 @@ defineExpose({
             <q-td :props="noBodyProps">
               <!--Control-->
               <q-btn-dropdown
-                v-if="activeContextItems.length > contextItemsLength && !1"
+                v-if="contextItemsLength && activeContextItems.length > contextItemsLength && !1"
                 v-close-popup
                 :menu-offset="[0,10]"
                 color="primary"

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 {