@mythpe/quasar-ui-qui 0.2.87 → 0.2.89

package/package.json

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

package/src/components/datatable/MDatatable.vue

@@ -89,6 +89,7 @@ type Props = {
   sarColumns?: MDatatableProps['sarColumns'];
   copyColumns?: MDatatableProps['copyColumns'];
   descColumns?: MDatatableProps['descColumns'];
+  help?: MDatatableProps['help'];
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -156,7 +157,8 @@ const props = withDefaults(defineProps<Props>(), {
   colorColumns: undefined,
   sarColumns: undefined,
   copyColumns: undefined,
-  descColumns: undefined
+  descColumns: undefined,
+  help: undefined
 })
 
 interface Emits {
@@ -701,7 +703,17 @@ defineExpose({
                           v-if="!!getTableTitle"
                           class="text-h5 bordered-bottom ellipsis"
                         >
-                          {{ getTableTitle }}
+                          <span>{{ getTableTitle }}</span>
+                          <span v-if="!!help">
+                            <q-icon
+                              class="cursor-pointer"
+                              name="ion-ios-information-circle-outline"
+                              right
+                              size="18px"
+                            >
+                              <q-tooltip>{{ __(help) }}</q-tooltip>
+                            </q-icon>
+                          </span>
                         </div>
                       </div>
                       <!-- Add Btn -->
@@ -1505,7 +1517,7 @@ defineExpose({
                 name="form-actions"
               >
                 <MBtn
-                  :class="{'full-width': $q.screen.lt.sm}"
+                  :class="{'full-width': $q.screen.xs}"
                   :label="__(`myth.titles.${isUpdateMode ? 'save' : 'store'}`)"
                   :loading="loading"
                   type="submit"

package/src/components/form/MAxios.vue

@@ -32,6 +32,7 @@ type P = {
   useChoice?: Props['useChoice'];
   byId?: Props['byId'];
   searchLength?: Props['searchLength'];
+  required?: Props['required'];
 }
 
 const props = withDefaults(defineProps<P>(), {
@@ -47,7 +48,8 @@ const props = withDefaults(defineProps<P>(), {
   lazy: () => !1,
   useChoice: undefined,
   byId: undefined,
-  searchLength: undefined
+  searchLength: undefined,
+  required: undefined
 })
 const modelValue = defineModel<Props['modelValue']>({ required: !1, default: undefined })
 type Emits = {
@@ -159,6 +161,7 @@ defineOptions({ name: 'MAxios', inheritAttrs: !1 })
     :name="name"
     :options="items"
     :placeholder="placeholder"
+    :required="required"
     :view-mode="viewMode"
     :view-mode-value="viewModeValue"
     axios-mode

package/src/components/form/MSelect.vue

@@ -351,16 +351,14 @@ defineOptions({
         #before-options
       >
         <MContainer>
-          <MColumn>
-            <q-btn
-              :class="{'full-width':!$q.screen.xs}"
+          <MRow class="full-width">
+            <MBtn
+              :class="{'full-width': $q.screen.lt.sm}"
               :label="__('labels.done')"
               :size="$q.screen.xs ? 'lg' : undefined"
-              color="brand"
-              text-color="on-brand"
               @click="onDoneOptions()"
             />
-          </MColumn>
+          </MRow>
         </MContainer>
       </template>
       <template

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

@@ -318,6 +318,10 @@ export type MDatatableProps<I extends GenericFormValues = GenericFormValues> = O
    * Names of a text want to show be truncate text
    */
   descColumns?: MaybeRefOrGetter<string[]>;
+  /**
+   * Help Tooltip
+   */
+  help?: string;
 }
 
 export interface MDtAvatarProps extends QAvatarProps {