@mythpe/quasar-ui-qui 0.1.38 → 0.1.39

package/package.json

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

package/src/components/form/MSelect.vue

@@ -43,6 +43,7 @@ type P = {
   useInput?: Props['useInput'];
   mapOptions?: Props['mapOptions'];
   loading?: Props['loading'];
+  noLoading?: boolean;
   multiple?: Props['multiple'];
   options?: Props['options'];
   optionLabel?: Props['optionLabel'];
@@ -58,6 +59,7 @@ type P = {
   fieldOptions?: Props['fieldOptions'];
   clearable?: Props['clearable'];
   useChoice?: Props['useChoice'];
+  autoPrefix?: boolean;
 }
 
 const props = withDefaults(defineProps<P>(), {
@@ -86,6 +88,7 @@ const props = withDefaults(defineProps<P>(), {
   useInput: () => !0,
   mapOptions: () => !0,
   loading: undefined,
+  noLoading: !1,
   multiple: undefined,
   options: () => ([]),
   optionLabel: () => 'label',
@@ -100,7 +103,8 @@ const props = withDefaults(defineProps<P>(), {
   onFilter: undefined,
   fieldOptions: undefined,
   clearable: undefined,
-  useChoice: undefined
+  useChoice: undefined,
+  autoPrefix: !0
 })
 defineModel<Props['modelValue']>({ required: !1, default: undefined })
 
@@ -215,6 +219,7 @@ defineOptions({
     <component
       :is="viewMode ? QField : QSelect"
       ref="input"
+      popup-content-class="m--select__popup-content"
       v-bind="{
         behavior: $q.platform.is.ios === !0 ? 'dialog' : behavior,
         ...theme,
@@ -292,7 +297,7 @@ defineOptions({
         </slot>
       </template>
       <template
-        v-if="loading"
+        v-if="loading && !noLoading"
         #selected
       >
         <q-skeleton width="60%" />
@@ -303,9 +308,9 @@ defineOptions({
       >
         <MContainer>
           <MRow class="items-center">
-            <MBtn
+            <q-btn
               :label="__('labels.done')"
-              flat
+              color="primary"
               @click="onDoneOptions()"
             />
           </MRow>

package/src/components/grid/MHelpRow.vue

@@ -28,7 +28,7 @@ defineOptions({
 <template>
   <div
     v-if="text || tooltip"
-    class="row"
+    class="m--help-row row"
   >
     <div class="col-auto">
       <q-icon

package/src/style/main.sass

@@ -169,3 +169,13 @@ $control-max-width: 200px !default
 .screen--sm
   .m--dt-btn-tooltip
     display: none
+
+$m-help-row-margin-top: 4px !default
+
+.m--help-row
+  margin-top: $m-help-row-margin-top
+
+$m--select__popup-content: 300px !default
+
+.m--select__popup-content
+  max-height: $m--select__popup-content