@mythpe/quasar-ui-qui 0.4.60 → 0.4.62

package/package.json

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

package/src/components/datatable/MDatatable.vue

@@ -1597,7 +1597,7 @@ defineExpose({
       v-model="formDialogModel"
       v-bind="pluginOptions.dt?.formDialogProps"
     >
-      <q-card class="q-dialog-plugin">
+      <q-card class="q-dialog-plugin m-datatable__form-dialog">
         <MContainer
           dense
           fluid
@@ -1738,7 +1738,7 @@ defineExpose({
       v-bind="pluginOptions.dt?.showDialogProps"
     >
       <q-card
-        class="m-dialog-card q-dialog-plugin"
+        class="m-dialog-card q-dialog-plugin m-datatable__show-dialog"
         flat
       >
         <MContainer

package/src/components/form/MAvatarViewer.vue

@@ -229,6 +229,7 @@ defineOptions({
     :md="md"
     :name="name"
     :sm="sm"
+    :xl="xl"
     :xs="xs"
   >
     <MColumn :class="contentClass">

package/src/components/form/MCheckbox.vue

@@ -103,6 +103,7 @@ defineOptions({
     :md="md"
     :name="name"
     :sm="sm"
+    :xl="xl"
     :xs="xs"
   >
     <slot

package/src/components/form/MCkeditor.vue

@@ -636,6 +636,7 @@ defineOptions({
     :md="md"
     :name="name"
     :sm="sm"
+    :xl="xl"
     :xs="xs"
   >
     <slot

package/src/components/form/MEditor.vue

@@ -192,6 +192,7 @@ defineOptions({
     :md="md"
     :name="name"
     :sm="sm"
+    :xl="xl"
     :xs="xs"
   >
     <slot

package/src/components/form/MField.vue

@@ -82,6 +82,7 @@ defineOptions({
     :md="md"
     :name="name"
     :sm="sm"
+    :xl="xl"
     :xs="xs"
   >
     <slot name="top-input" />

package/src/components/form/MFile.vue

@@ -128,6 +128,7 @@ defineOptions({
     :md="md"
     :name="name"
     :sm="sm"
+    :xl="xl"
     :xs="xs"
   >
     <slot

package/src/components/form/MHidden.vue

@@ -77,6 +77,7 @@ defineOptions({
     :md="md"
     :name="name"
     :sm="sm"
+    :xl="xl"
     :xs="xs"
   >
     <MHiddenInput

package/src/components/form/MInput.vue

@@ -136,6 +136,7 @@ defineOptions({
     :md="md"
     :name="name"
     :sm="sm"
+    :xl="xl"
     :xs="xs"
   >
     <slot

package/src/components/form/MOptions.vue

@@ -181,6 +181,7 @@ defineOptions({
     :md="md"
     :name="name"
     :sm="sm"
+    :xl="xl"
     :xs="xs"
   >
     <slot

package/src/components/form/MPhone.vue

@@ -9,7 +9,7 @@
 <script lang="ts" setup>
 
 import { useFieldValue } from 'vee-validate'
-import { computed, ref, useTemplateRef } from 'vue'
+import { computed, nextTick, ref, useTemplateRef } from 'vue'
 import type { MInputSlots, MPhoneProps as Props } from '../../types'
 import { useMyth } from '../../composable'
 import MInput from './MInput.vue'
@@ -58,6 +58,7 @@ const select = () => {
 }
 const onSelectCountry = () => {
   focus()
+  nextTick(() => setTimeout(() => select(), 90))
 }
 
 const phoneRef = useTemplateRef<InstanceType<typeof MInput>>('phoneRef')
@@ -88,37 +89,36 @@ defineOptions({
 
 <template>
   <MCol
+    :auto="auto"
     :class="$attrs.class"
-    v-bind="{
-      auto: auto,
-      col: col,
-      xs: xs,
-      sm: sm,
-      md: md,
-      lg: lg,
-      xl: xl,
-    }"
+    :col="col"
+    :lg="lg"
+    :md="md"
+    :name="name"
+    :sm="sm"
+    :xl="xl"
+    :xs="xs"
+    class="m-input__phone"
   >
-    <MRow :col="noCountry ? undefined : !0">
+    <MRow :col="noCountry ? undefined : 'xs'">
       <MAxios
         v-model:items="countries"
         :autocomplete="false"
         :class="['self-start overflow-hidden',{hidden: readonly || !!noCountry,'order-last': $q.lang.rtl}]"
         :dense="dense"
         :name="countryName"
-        :prepend-icon="noIcon ? undefined : (!isSmall ? 'ion-keypad' : undefined)"
         :required="readonly ? undefined : required"
-        :search-length="searchLength??0"
-        :style="`width: ${isSmall ? 150 : 200}px;max-height: 60px;`"
-        :use-input="!0"
+        :search-length="searchLength ?? 0"
+        :style="`widthf: ${isSmall ? 150 : 200}px;max-height: 60px;`"
+        :use-input="!1"
         :view-mode="readonly"
-        auto
+        col="4"
         hide-bottom-space
         hide-dropdown-icon
         hide-hint
         no-filter
         no-loading
-        option-label="code_label"
+        option-label="code_key"
         popup-content-class="m-select__popup-phone"
         popup-no-route-dismiss
         service="country.codes"
@@ -133,6 +133,7 @@ defineOptions({
         :name="name"
         :prefix="noCountry ? (prefix ?? (!rtl ? (selectedCountryKey ?? prefix) : prefix)) : prefix"
         :suffix="noCountry ? (suffix ?? (rtl ? (selectedCountryKey ?? suffix) : suffix)) : suffix"
+        class="m-input__phone-input"
         prepend-icon="ion-ios-phone-portrait"
         stack-label
         type="text"
@@ -142,7 +143,7 @@ defineOptions({
           dense,
           viewModeValue: viewModeValue !== undefined ? viewModeValue : getPlaceholder,
           placeholder:getPlaceholder,
-          col: noCountry ? 12 : !0,
+          col: noCountry ? 12 : 8,
           viewMode: (readonly || viewMode) ? !0 : !countryValue,
           readonly: undefined,
         }"

package/src/components/form/MPicker.vue

@@ -186,6 +186,7 @@ defineOptions({
     :md="md"
     :name="name"
     :sm="sm"
+    :xl="xl"
     :xs="xs"
   >
     <slot

package/src/components/form/MRadio.vue

@@ -100,6 +100,7 @@ defineOptions({
     :md="md"
     :name="name"
     :sm="sm"
+    :xl="xl"
     :xs="xs"
   >
     <slot
@@ -143,8 +144,8 @@ defineOptions({
               :model-value="value"
               :val="val"
               v-bind="{
-                ...theme,
-                ...pluginOptions.radio,
+                ...theme as any,
+                ...pluginOptions.radio as any,
                 ...$attrs,
                 disable: viewMode ? !0 : disable,
                 checkedIcon: getProp('checkedIcon'),

package/src/components/form/MSelect.vue

@@ -226,6 +226,7 @@ defineOptions({
     :md="md"
     :name="name"
     :sm="sm"
+    :xl="xl"
     :xs="xs"
   >
     <slot

package/src/components/form/MSignaturePad.vue

@@ -155,6 +155,7 @@ watch(url, (url) => {
     :md="md"
     :name="name"
     :sm="sm"
+    :xl="xl"
     :xs="xs"
   >
     <slot

package/src/components/form/MToggle.vue

@@ -142,6 +142,7 @@ defineOptions({
       sm,
       md,
       lg,
+      xl,
       viewMode: !0,
     }"
   />

package/src/components/form/MUploader.vue

@@ -325,6 +325,7 @@ defineOptions({
     :md="md"
     :name="name"
     :sm="sm"
+    :xl="xl"
     :xs="xs"
   >
     <MTransition>