@mythpe/quasar-ui-qui 0.2.45 → 0.2.46

package/package.json

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

package/src/components/form/MAxios.vue

@@ -16,6 +16,7 @@ import { computed, onMounted, toValue, useTemplateRef, watch } from 'vue'
 import { useFieldValue, useSetFieldValue } from 'vee-validate'
 import MSelect from './MSelect.vue'
 import { useMyth } from '../../composable'
+import { extend } from 'quasar'
 
 type P = {
   name: Props['name'];
@@ -29,6 +30,8 @@ type P = {
   params?: Props['params'];
   lazy?: Props['lazy'];
   useChoice?: Props['useChoice'];
+  byId?: Props['byId'];
+  searchLength?: Props['searchLength'];
 }
 
 const props = withDefaults(defineProps<P>(), {
@@ -42,7 +45,9 @@ const props = withDefaults(defineProps<P>(), {
   requestWith: undefined,
   params: () => ({}),
   lazy: () => !1,
-  useChoice: undefined
+  useChoice: undefined,
+  byId: undefined,
+  searchLength: undefined
 })
 const modelValue = defineModel<Props['modelValue']>({ required: !1, default: undefined })
 type Emits = {
@@ -59,6 +64,7 @@ const isGuest = computed(() => {
   const v = toValue(props.guest)
   return v !== undefined && v !== null && v !== !1
 })
+const getSearchLength = computed(() => parseInt(props.searchLength?.toString() || '0') || 3)
 const prepare = async (fromWatch = !1, merge = {}) => {
   if (!props.service || loading.value) {
     return
@@ -81,15 +87,18 @@ const prepare = async (fromWatch = !1, merge = {}) => {
   if (!method) {
     throw Error(`No service: ${props.service}`)
   }
-  const params: any = {
-    ...merge,
-    requestWith: undefined,
-    search: search.value,
+  const _params: any = {
+    search: props.byId ? undefined : search.value,
     itemsPerPage: -1,
     page: 1,
-    staticRequest: 1,
-    ...(toValue(props.params) || {})
+    staticRequest: 1
   }
+  if (props.byId) {
+    _params.filter = {
+      id: parseInt(search.value?.toString() || '') || undefined
+    }
+  }
+  const params = extend<any>(!0, {}, _params, merge, toValue(props.params))
   if (props.requestWith) {
     params.requestWith = toValue(props.requestWith)
   }
@@ -116,6 +125,9 @@ const listeners = {
     if (!val && fieldValue.value) {
       return
     }
+    if (val?.toString?.()?.length < getSearchLength.value) {
+      return
+    }
     prepare()
   },
   model: (v: MSelectModelEmit) => emit('model', v)

package/src/components/form/MSelect.vue

@@ -164,7 +164,6 @@ const onDoneOptions = () => {
 const listeners = {
   blur: (v: any) => handleBlur(v, !0),
   'update:modelValue': (v: Props['modelValue']) => {
-    console.log('update:modelValue: ', v)
     handleChange(v, !!errorMessage.value)
     if (!props.emitValue) {
       emit('model', { value: v, model: v })
@@ -175,7 +174,6 @@ const listeners = {
     }
   },
   inputValue: (v: string) => {
-    console.log('inputValue: ', v)
     search.value = v?.toString() || ''
   },
   filter: filterFn

package/src/types/api/MAxios.d.ts

@@ -33,6 +33,14 @@ export interface MAxiosProps extends Omit<MSelectProps, 'options' | 'axiosMode'>
    * Do fetch asynchronous
    */
   lazy?: boolean;
+  /**
+   * Apply searching only by id.
+   */
+  byId?: boolean;
+  /**
+   * Set the length on search
+   */
+  searchLength?: number | string;
 }
 
 export interface MAxiosSlots extends MSelectSlots {