@mythpe/quasar-ui-qui 0.2.32 → 0.2.34

package/package.json

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

package/src/components/form/MAxios.vue

@@ -13,7 +13,7 @@
 
 import type { MAxiosProps as Props, MSelectModelEmit, MSelectSlots } from '../../types'
 import { computed, onMounted, toValue, useTemplateRef, watch } from 'vue'
-import { useSetFieldValue } from 'vee-validate'
+import { useFieldValue, useSetFieldValue } from 'vee-validate'
 import MSelect from './MSelect.vue'
 import { useMyth } from '../../composable'
 
@@ -51,6 +51,7 @@ type Emits = {
 const emit = defineEmits<Emits>()
 const search = defineModel<string>('search', { required: !1, default: '' })
 const setFieldValue = useSetFieldValue(() => props.name)
+const fieldValue = useFieldValue(() => props.name)
 const { alertError, api } = useMyth()
 const loading = defineModel<Props['loading']>('loading', { required: !1, default: !1 })
 const items = defineModel<Props['items']>('items', { required: !1, default: [] })
@@ -58,7 +59,7 @@ const isGuest = computed(() => {
   const v = toValue(props.guest)
   return v !== undefined && v !== null && v !== !1
 })
-const prepare = async (fromWatch = !1) => {
+const prepare = async (fromWatch = !1, merge = {}) => {
   if (!props.service || loading.value) {
     return
   }
@@ -81,6 +82,7 @@ const prepare = async (fromWatch = !1) => {
     throw Error(`No service: ${props.service}`)
   }
   const params: any = {
+    ...merge,
     requestWith: undefined,
     search: search.value,
     itemsPerPage: -1,
@@ -116,6 +118,12 @@ const listeners = {
 onMounted(() => {
   if (!props.lazy) {
     prepare()
+  } else {
+    if (fieldValue.value) {
+      setTimeout(() => {
+        prepare(!1, { filter: { id: fieldValue.value } })
+      }, 300)
+    }
   }
 })
 watch(() => toValue(props.params), () => prepare(!0), { deep: !0 })

package/src/components/form/MInput.vue

@@ -125,7 +125,11 @@ defineOptions({
 <template>
   <MCol
     :auto="auto"
-    :class="[$attrs.class,{'m--input__required':inputRules?.required!==undefined,'m--input__error':!!errorMessage,'m--input__view':viewMode}]"
+    :class="[$attrs.class,{
+      'm--input__required': inputRules?.required!==undefined,
+      'm--input__error': !!errorMessage,
+      'm--input__view': viewMode
+    },'m--input__col']"
     :col="col"
     :lg="lg"
     :md="md"
@@ -163,6 +167,7 @@ defineOptions({
     <component
       :is="viewMode ? QField : QInput"
       ref="input"
+      :class="{'m--input__sar': sar}"
       class="m--input"
       v-bind="{
         ...$attrs,

package/src/style/m-input.sass

@@ -22,19 +22,18 @@ $radius-value: $generic-border-radius !default
     content: ' *'
     color: var(--q-negative)
 
-
-.m--input__color-preview
-  border: 1px solid var(--q-primary)
-  border-radius: $radius-value
-
-
-.m--input__top-label,
-.m--input__hint
-  margin-bottom: $m--input-helpers-margin
-
-.m--input__caption
-  margin-bottom: $m--input-helpers-margin
-  font-size: 0.75rem
-  font-weight: 400
-  line-height: 1.25rem
-  letter-spacing: 0.03333em
+.m--input
+  &__color-preview
+    border: 1px solid var(--q-primary)
+    border-radius: $radius-value
+
+  &__top-label,
+  &__hint,
+  &__caption
+    margin-bottom: $m--input-helpers-margin
+
+//&__caption
+  //font-size: 0.75rem
+  //font-weight: 400
+  //line-height: 1.25rem
+  //letter-spacing: 0.03333em