@mythpe/quasar-ui-qui 0.1.31 → 0.1.33

package/package.json

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

package/src/components/datatable/MDatatable.vue

@@ -76,6 +76,8 @@ type Props = {
   imageColumns?: MDatatableProps['imageColumns'];
   imageMode?: MDatatableProps['imageMode'];
   imageSize?: MDatatableProps['imageSize'];
+  noBackBtn?: boolean;
+  backIcon?: MDatatableProps['backIcon'];
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -134,7 +136,9 @@ const props = withDefaults(defineProps<Props>(), {
   fixed: undefined,
   imageColumns: () => ([]),
   imageMode: () => 'image',
-  imageSize: () => '35px'
+  imageSize: () => '35px',
+  noBackBtn: !1,
+  backIcon: undefined
 })
 
 interface Emits {
@@ -655,6 +659,16 @@ defineExpose({
                     col="12"
                   >
                     <div class="row justify-between q-col-gutter-md">
+                      <div
+                        v-if="!noBackBtn"
+                        class="col-auto"
+                      >
+                        <q-btn
+                          :icon="backIcon || `ion-arrow-round-${$q.lang.rtl ? 'forward' : 'back'}`"
+                          flat
+                          @click="$router.back()"
+                        />
+                      </div>
                       <div class="col">
                         <div class="text-h5 bordered-bottom ellipsis">
                           {{ getTableTitle }}

package/src/components/form/MAvatarViewer.vue

@@ -68,7 +68,7 @@ const props = withDefaults(defineProps<P>(), {
   excel: !1,
   size: '100px',
   avatarText: undefined,
-  fit: undefined,
+  fit: 'contain',
   clearable: undefined,
   label: undefined,
   rounded: undefined,
@@ -260,6 +260,7 @@ defineOptions({
             <q-img
               v-if="hasSrc && !isFile"
               :fit="fit"
+              :size="size"
               :src="blobUrl || url"
               ratio="1"
               @error="isLoaded = !0"

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

@@ -288,7 +288,15 @@ export type MDatatableProps<I extends GenericFormValues = GenericFormValues> = O
    * Image size in display
    */
   imageSize?: string;
-
+  /**
+   * Remove default back btn.
+   * use router back
+   */
+  noBackBtn?: boolean;
+  /**
+   * default back icon.
+   */
+  backIcon?: string;
 }
 
 export interface MDtAvatarProps extends QAvatarProps {