@mythpe/quasar-ui-qui 0.3.91 → 0.3.93

package/package.json

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

package/src/components/datatable/MDatatable.vue

@@ -1562,15 +1562,10 @@ defineExpose({
     <!--Import Dialog-->
     <MDialog
       v-model="importDialogModel"
-      allow-focus-outside
-      full-width
-      no-backdrop-dismiss
-      no-esc-dismiss
-      no-shake
       position="top"
       transition-hide="slide-up"
       transition-show="slide-down"
-      v-bind="pluginOptions.dt?.formDialogProps"
+      v-bind="pluginOptions.dt?.importDialogProps"
     >
       <q-card class="q-dialog-plugin">
         <q-card-section>
@@ -1627,12 +1622,19 @@ defineExpose({
       v-bind="pluginOptions.dt?.formDialogProps"
     >
       <q-card class="q-dialog-plugin">
-        <div class="m-form__container full-height no-wrap">
+        <MContainer
+          dense
+          fluid
+        >
           <form
             class="m-form column full-height justify-between no-wrap"
             @submit="defaultSubmitItem"
           >
-            <q-card class="m-dialog-card">
+            <q-card
+              class="m-dialog-card"
+              flat
+              square
+            >
               <q-card-section ref="formTitle">
                 <q-toolbar :class="['m-container__fluid', {'q-pa-none': isSmall}]">
                   <slot
@@ -1747,7 +1749,7 @@ defineExpose({
               </q-card-actions>
             </q-card>
           </form>
-        </div>
+        </MContainer>
       </q-card>
     </MDialog>
 
@@ -1756,49 +1758,48 @@ defineExpose({
       v-model="showDialogModel"
       v-bind="pluginOptions.dt?.showDialogProps"
     >
-      <q-card class="m-dialog-card">
-        <q-card-section ref="showTitleRef">
-          <q-toolbar>
-            <q-toolbar-title>
-              <q-btn
-                :icon="`ion-ios-arrow-${$q.lang.rtl ? 'forward' : 'back'}`"
-                fab-mini
-                flat
-                @click="closeShowDialog()"
-              >
-                <q-tooltip class="m-dt-btn-tooltip">
-                  {{ __('myth.titles.back') }}
-                </q-tooltip>
-              </q-btn>
-              {{ getShowTitle }}
-            </q-toolbar-title>
-          </q-toolbar>
-        </q-card-section>
-        <q-separator />
-        <q-card-section
-          :style="`height: ${($q.screen.height || 100) - 3 - (($refs.showActionsRef as any)?.$el?.offsetHeight || 60) - (($refs.showTitleRef as any)?.$el?.offsetHeight || 80)}px`"
-          class="scroll m-datatable__dialog-show-container"
-        >
-          <slot
-            :dt="datatableItemsScope"
-            :form="useFormContext"
-            :index="dialogItemIndex"
-            :item="dialogItem"
-            name="show"
-          />
-        </q-card-section>
-        <q-separator />
-        <q-card-actions
-          ref="showActionsRef"
-          align="left"
-          class="print-hide"
+      <q-card
+        class="m-dialog-card q-dialog-plugin"
+        flat
+      >
+        <MContainer
+          dense
+          fluid
         >
-          <MBtn
-            label="myth.titles.close"
-            v-bind="pluginOptions.dt?.dialogButtonsProps"
-            @click="closeShowDialog"
-          />
-        </q-card-actions>
+          <q-card flat>
+            <q-card-section ref="showTitleRef">
+              <q-toolbar>
+                <q-toolbar-title>
+                  {{ getShowTitle }}
+                </q-toolbar-title>
+                <q-btn
+                  flat
+                  icon="close"
+                  padding="3px"
+                  text-color="body"
+                  @click="closeShowDialog"
+                >
+                  <q-tooltip class="m-dt-btn-tooltip">
+                    {{ __('myth.titles.close') }}
+                  </q-tooltip>
+                </q-btn>
+              </q-toolbar>
+            </q-card-section>
+            <q-separator />
+            <q-card-section
+              :style="`height: ${($q.screen.height || 100) - 84 }px`"
+              class="scroll m-datatable__dialog-show-container"
+            >
+              <slot
+                :dt="datatableItemsScope"
+                :form="useFormContext"
+                :index="dialogItemIndex"
+                :item="dialogItem"
+                name="show"
+              />
+            </q-card-section>
+          </q-card>
+        </MContainer>
       </q-card>
     </MDialog>
 

package/src/types/plugin-props-option.d.ts

@@ -220,6 +220,7 @@ export interface MythComponentsProps {
     filterDialogProps?: Partial<QDialogProps> & Partial<QMenuProps> & Partial<QPopupProxyProps>;
     showDialogProps?: Partial<QDialogProps>;
     formDialogProps?: Partial<QDialogProps>;
+    importDialogProps?: Partial<QDialogProps>;
     fabBtn?: {
       pageStickyProps?: Partial<QPageStickyProps>;
       offset?: QPageStickyProps['offset'];