@mythpe/quasar-ui-qui 0.1.54 → 0.1.56

package/package.json

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

package/src/components/datatable/MDatatable.vue

@@ -656,10 +656,7 @@ defineExpose({
                   :item="dialogItem"
                   name="title"
                 >
-                  <MCol
-                    v-if="!!getTableTitle"
-                    col="12"
-                  >
+                  <MCol col="12">
                     <div class="row justify-between q-col-gutter-md">
                       <div
                         v-if="!noBackBtn"
@@ -672,23 +669,24 @@ defineExpose({
                         />
                       </div>
                       <div class="col">
-                        <div class="text-h5 bordered-bottom ellipsis">
+                        <div
+                          class="text-h5 bordered-bottom ellipsis"
+                          v-if="!!getTableTitle"
+                        >
                           {{ getTableTitle }}
                         </div>
                       </div>
-
                       <!-- Add Btn -->
-                      <template
+                      <div
                         v-if="hasAddBtn && (addTopBtn===undefined?(pluginOptions.datatable?.addTopBtn===undefined?!0:pluginOptions.datatable?.addTopBtn):addTopBtn)"
+                        class="col-auto"
                       >
-                        <div class="col-auto">
-                          <MBtn
-                            :label="getFormTitle"
-                            no-caps
-                            @click="openCreateDialog()"
-                          />
-                        </div>
-                      </template>
+                        <MBtn
+                          :label="getFormTitle"
+                          no-caps
+                          @click="openCreateDialog()"
+                        />
+                      </div>
                     </div>
                   </MCol>
                 </slot>

package/src/components/datatable/MDtBtn.vue

@@ -13,6 +13,7 @@
 
 import { computed } from 'vue'
 import { useMyth } from '../../composable'
+import type { NamedColor } from 'quasar'
 
 interface Props {
   show?: boolean | undefined;
@@ -20,7 +21,7 @@ interface Props {
   destroy?: boolean | undefined;
   clone?: boolean | undefined;
   tooltip?: string | null | undefined;
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   icon?: string | undefined;
   listItem?: boolean | undefined;
   label?: string | undefined;

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

@@ -7,7 +7,7 @@
  */
 
 import type { AxiosResponse } from 'axios'
-import type { QAvatarProps, QAvatarSlots, QTableProps, QTableSlots } from 'quasar'
+import type { NamedColor, QAvatarProps, QAvatarSlots, QTableProps, QTableSlots } from 'quasar'
 import type { ComputedRef, MaybeRef, Ref, UnwrapNestedRefs, UnwrapRef, VNode } from 'vue'
 import type { RouteLocationRaw } from 'vue-router'
 import type { GenericFormValues, MBtnProps, MBtnSlots, MFormSlots } from './components'
@@ -117,7 +117,7 @@ export interface MDtBtnProps extends MBtnProps {
   clone?: boolean;
   destroy?: boolean;
   tooltip?: string | undefined;
-  color?: string;
+  color?: NamedColor | undefined;
   icon?: string;
   listItem?: boolean;
   fabMini?: boolean;
@@ -169,7 +169,7 @@ export type GenericMDtBtn<T extends E = E> = Record<string, any> & {
   multiClick?: (items: T[]) => void;
   showIf?: boolean | ((item: UnwrapRef<MDatatableDialogsOptions['item']>, index: UnwrapRef<MDatatableDialogsOptions['index']>) => boolean);
   order?: number;
-  attr?: Partial<MDtBtnProps> & Partial<{ icon?: string; textColor?: string; color?: string; }>;
+  attr?: Partial<MDtBtnProps> & Partial<{ icon?: string; textColor?: NamedColor | undefined; color?: NamedColor | undefined; }>;
 }
 
 type MDatatableFormScope = Parameters<MFormSlots['default']>[0]

package/src/types/theme.d.ts

@@ -1,4 +1,4 @@
-import type { QBtnProps, QInputProps } from 'quasar'
+import type { NamedColor, QBtnProps, QInputProps } from 'quasar'
 
 export type ThemeSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'none' | string;
 export type ThemeShadow = string | number | 'transition' | 'none';
@@ -51,7 +51,7 @@ export type Theme = {
 
 export type ButtonLoadingOptions = {
   type: 'audio' | 'ball' | 'bars' | 'box' | 'clock' | 'comment' | 'cube' | 'dots' | 'facebook' | 'gears' | 'grid' | 'hearts' | 'hourglass' | 'infinity' | 'ios' | 'orbit' | 'oval' | 'pie' | 'puff' | 'radio' | 'rings' | 'tail' | 'spinner';
-  color?: string | undefined;
+  color?: NamedColor | undefined;
   size?: string | undefined;
   label?: boolean;
 }