@mythpe/quasar-ui-qui 0.2.48 → 0.2.49

package/package.json

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

package/src/composable/useMyth.ts

@@ -195,12 +195,14 @@ export const useMyth = () => {
         if (!item.align) {
           item.align = 'right'
         }
-        opts.classes = opts.classes || ''
+        // opts.classes = opts.classes || ''
         if (typeof opts.classes === 'function') {
-          opts.classes = opts.classes()
+          const callback = opts.classes
+          opts.classes = (item) => (callback(item) || '') + ' m--control-cell'
+        } else if (typeof opts.classes === 'string') {
+          opts.classes += ' m--control-cell'
+          opts.classes = opts.classes.trim()
         }
-        opts.classes += ' m--control-cell'
-        opts.classes = opts.classes.trim()
       }
 
       item = { ...opts, ...item }

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

@@ -161,13 +161,13 @@ export type MDatatableScope = {
   closeImageDialog: () => void;
 }
 type E = MDatatableDialogsOptions['item'];
-export type GenericMDtBtn<T extends E = E> = Record<string, any> & {
+export type GenericMDtBtn = Record<string, any> & {
   name: string;
   label?: string;
   contextLabel?: string | null;
   tooltip?: string;
-  click?: (item: UnwrapRef<T> | Ref<T> | T, index: UnwrapRef<MDatatableDialogsOptions['index']>) => void;
-  multiClick?: (items: T[]) => void;
+  click?: <V extends E = E>(item: UnwrapRef<V> | Ref<V> | V, index: UnwrapRef<MDatatableDialogsOptions['index']>) => void;
+  multiClick?: <V extends E = E>(items: V[]) => void;
   showIf?: boolean | ((item: UnwrapRef<MDatatableDialogsOptions['item']>, index: UnwrapRef<MDatatableDialogsOptions['index']>) => boolean);
   order?: number;
   attr?: Partial<MDtBtnProps> & Partial<{ icon?: string; textColor?: NamedColor | undefined; color?: NamedColor | undefined; }>;

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

@@ -15,7 +15,7 @@ export type ParseHeaderOptions = {
   controlStyle?: 'max-width: 150px' | string
   align?: 'left' | 'right' | 'center' | undefined
   sortable?: boolean | undefined;
-  classes?: string | (() => string),
+  classes?: string | (() => string) | (<T>(item: T) => string),
   noSort?: string[]
 }