@mythpe/quasar-ui-qui 0.4.63 → 0.4.65

package/package.json

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

package/src/components/datatable/MDatatable.vue

@@ -46,10 +46,15 @@ type Props = {
   withShow?: MDatatableProps['withShow'];
   withUpdate?: MDatatableProps['withUpdate'];
   hideAddBtn?: boolean;
+  storeBtnFn?: MDatatableProps['storeBtnFn'];
   hideUpdateBtn?: boolean;
+  updateBtnFn?: MDatatableProps['updateBtnFn'];
   cloneBtn?: boolean;
+  cloneBtnFn?: MDatatableProps['cloneBtnFn'];
   hideShowBtn?: boolean;
+  showBtnFn?: MDatatableProps['showBtnFn'];
   hideDestroyBtn?: boolean;
+  destroyBtnFn?: MDatatableProps['destroyBtnFn'];
   storeRoute?: MDatatableProps['storeRoute'];
   storeQueryParams?: boolean;
   noStoreClose?: boolean;
@@ -107,7 +112,6 @@ type Props = {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  // rows: undefined,
   rowClass: undefined,
   control: undefined,
   defaultItem: undefined,
@@ -128,10 +132,15 @@ const props = withDefaults(defineProps<Props>(), {
   withShow: undefined,
   withUpdate: undefined,
   hideAddBtn: !1,
+  storeBtnFn: undefined,
   hideUpdateBtn: !1,
+  updateBtnFn: undefined,
   cloneBtn: !1,
+  cloneBtnFn: undefined,
   hideShowBtn: !1,
+  showBtnFn: undefined,
   hideDestroyBtn: !1,
+  destroyBtnFn: undefined,
   storeRoute: undefined,
   storeQueryParams: !1,
   noStoreClose: !1,

package/src/composable/useDtHelpers.ts

@@ -129,7 +129,7 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>, emit?:
   const controlProps = computed<Required<MDtControlOptions>>(() => extend<Required<MDtControlOptions>>({
     name: 'control',
     justify: 'end',
-    style: 'max-width: 150px',
+    style: 'max-width: 150px;width: 0;',
     align: 'right'
   }, toValue(getProp.value('control'))))
   const controlKey = computed<string>(() => controlProps.value.name)
@@ -807,15 +807,15 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>, emit?:
       click: (item: MDtItem, index: MDtItemIndex) => {
         openShowDialog(item, index)
       },
-      showIf: hasShowBtn.value,
+      showIf: props.showBtnFn !== undefined ? (item: any) => !!props.showBtnFn?.(item) : hasShowBtn.value,
       order: 100
     },
     {
       name: 'clone',
       label: pluginOptions.value?.dt?.contextmenu?.btnStyle?.showLabel ? 'labels.clone' : undefined,
       click: onCloneItem,
-      showIf: hasCloneBtn.value,
-      order: 200
+      showIf: props.cloneBtnFn !== undefined ? (item: any) => !!props.cloneBtnFn?.(item) : hasCloneBtn.value,
+      order: 101
     },
     {
       name: 'update',
@@ -823,8 +823,8 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>, emit?:
       click: (item: MDtItem, index: MDtItemIndex) => {
         openUpdateDialog(item, index)
       },
-      showIf: hasUpdateBtn.value,
-      order: 300
+      showIf: props.updateBtnFn !== undefined ? (item: any) => !!props.updateBtnFn?.(item) : hasUpdateBtn.value,
+      order: 102
     },
     {
       name: 'destroy',
@@ -834,8 +834,11 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>, emit?:
         onDeleteItem(item, index)
       },
       multiClick: hasDestroyBtn.value && props.multiDestroy && selected.value.length > 1 ? () => deleteSelectionItem() : undefined,
-      showIf: () => {
+      showIf: (item: any) => {
         if (selected.value.length < 2) {
+          if (props.destroyBtnFn !== undefined) {
+            return !!props.destroyBtnFn?.(item)
+          }
           return hasDestroyBtn.value
         }
         return hasDestroyBtn.value && props.multiDestroy
@@ -843,7 +846,7 @@ export const useDtHelpers = (options: MaybeRefOrGetter<MDatatableProps>, emit?:
       attr: {
         color: 'negative'
       },
-      order: 400
+      order: 103
     }
   ].filter(e => !!e), 'name').sort((a, b) => (a.order ?? 0) - (b.order ?? 0))))
   // const activeContextItems = computed(() => contextmenuItems.value.filter((e, i) => typeof e.showIf === 'function' ? e.showIf(e, i) : e.showIf !== !1) as Required<MDatatableProps['contextItems']> || [])

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

@@ -258,10 +258,15 @@ export type MDatatableProps<I extends GenericFormValues = GenericFormValues> = O
   withShow?: string | string[];
   withUpdate?: string | string[];
   hideAddBtn?: boolean;
+  storeBtnFn?: (item: MDtItem<I>) => boolean;
   hideUpdateBtn?: boolean;
+  updateBtnFn?: (item: MDtItem<I>) => boolean;
   cloneBtn?: boolean;
+  cloneBtnFn?: (item: MDtItem<I>) => boolean;
   hideShowBtn?: boolean;
+  showBtnFn?: (item: MDtItem<I>) => boolean;
   hideDestroyBtn?: boolean;
+  destroyBtnFn?: (item: MDtItem<I>) => boolean;
   storeRoute?: string | RouteLocationRaw;
   storeQueryParams?: boolean;
   noStoreClose?: boolean;