@bildvitta/quasar-ui-asteroid 3.4.0-beta.0 → 3.4.0-beta.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bildvitta/quasar-ui-asteroid",
   "description": "Asteroid",
-  "version": "3.4.0-beta.0",
+  "version": "3.4.0-beta.2",
   "author": "Bild & Vitta <systemteam@bild.com.br>",
   "license": "MIT",
   "main": "dist/asteroid.cjs.min.js",

package/src/components/app-bar/QasAppBar.vue

@@ -105,8 +105,7 @@ export default {
     developmentBadgeLabel () {
       const hosts = {
         localhost: 'Local',
-        develop: 'Develop',
-        release: 'Release'
+        '.dev.': 'Develop'
       }
 
       if (process.env.DEV) {

package/src/components/field/QasField.vue

@@ -76,8 +76,9 @@ export default {
         mask,
         maxFiles,
         useIso,
+        useLazyLoading,
         useSearch,
-        useLazyLoading
+        useStrengthChecker
       } = this.formattedField
 
       // Default error attributes for Quasar.
@@ -125,7 +126,7 @@ export default {
         number: { is: 'qas-input', type: 'number', ...input },
         hidden: { is: 'input', name, type },
         email: { is: 'qas-input', type, ...input },
-        password: { is: 'qas-password-input', ...input },
+        password: { is: 'qas-password-input', ...input, useStrengthChecker },
 
         decimal: { ...numericInput, mode: 'decimal' },
         money: { ...numericInput, mode: 'money' },

package/src/components/form-generator/QasFormGenerator.vue

@@ -9,14 +9,14 @@
         <div :class="mx_classes">
           <div v-for="(field, key) in fieldsetItem.fields.visible" :key="key" :class="mx_getFieldClass(key)">
             <slot :field="field" :name="`field-${field.name}`">
-              <qas-field :disable="disable" v-bind="fieldsProps[field.name]" :error="errors[key]" :field="field" :model-value="modelValue[field.name]" @update:model-value="updateModelValue(field.name, $event)" />
+              <qas-field :disable="isDisabled(field)" v-bind="fieldsProps[field.name]" :error="errors[key]" :field="field" :model-value="modelValue[field.name]" @update:model-value="updateModelValue(field.name, $event)" />
             </slot>
           </div>
         </div>
 
         <div v-for="(field, key) in fieldsetItem.fields.hidden" :key="key">
           <slot :field="field" :name="`field-${field.name}`">
-            <qas-field :disable="disable" v-bind="fieldsProps[field.name]" :field="field" :model-value="modelValue[field.name]" @update:model-value="updateModelValue(field.name, $event)" />
+            <qas-field :disable="isDisabled(field)" v-bind="fieldsProps[field.name]" :field="field" :model-value="modelValue[field.name]" @update:model-value="updateModelValue(field.name, $event)" />
           </slot>
         </div>
       </div>
@@ -162,6 +162,10 @@ export default {
       models[key] = value
 
       this.$emit('update:modelValue', models)
+    },
+
+    isDisabled ({ disable }) {
+      return disable || this.disable
     }
   }
 }

package/src/components/password-input/QasPasswordInput.vue

@@ -1,5 +1,5 @@
 <template>
-  <qas-input v-model="model" :bottom-slots="false" v-bind="$attrs" :type="type" use-remove-error-on-type>
+  <qas-input v-model="model" :bottom-slots="hasBottomSlots" v-bind="$attrs" :type="type" use-remove-error-on-type>
     <template #append>
       <q-icon class="cursor-pointer" :color="iconColor" :name="icon" @click="toggle" />
     </template>
@@ -8,13 +8,14 @@
       <slot :name="name" v-bind="context || {}" />
     </template>
 
-    <template v-if="useStrengthChecker" #hint>
+    <template v-if="hasStrengthChecker" #hint>
       <qas-password-strength-checker v-bind="strengthCheckerProps" :password="model" />
     </template>
   </qas-input>
 </template>
 
 <script>
+import QasInput from '../input/QasInput.vue'
 import passwordMixin from '../../mixins/password.js'
 import QasPasswordStrengthChecker from '../password-strength-checker/QasPasswordStrengthChecker.vue'
 
@@ -22,6 +23,7 @@ export default {
   name: 'QasPasswordInput',
 
   components: {
+    QasInput,
     QasPasswordStrengthChecker
   },
 
@@ -76,6 +78,14 @@ export default {
 
     type () {
       return this.toggleType ? 'password' : 'text'
+    },
+
+    hasBottomSlots () {
+      return !!this.model.length
+    },
+
+    hasStrengthChecker () {
+      return this.useStrengthChecker && this.hasBottomSlots
     }
   },
 

package/src/components/search-box/QasSearchBox.vue

@@ -112,7 +112,7 @@ export default {
       return {
         clearable: true,
         disable: this.isDisabled,
-        debounce: this.useLazyLoading ? 500 : 0,
+        debounce: this.useLazyLoading ? 800 : 0,
         outlined: true,
         placeholder: this.placeholder,
         hideBottomSpace: true,
@@ -161,7 +161,7 @@ export default {
     },
 
     isDisabled () {
-      return (!this.useLazyLoading && !this.list.length) || this.mx_isFetching || this.hasNoOptionsOnFirstFetch
+      return (!this.useLazyLoading && !this.list.length) || this.hasNoOptionsOnFirstFetch
     },
 
     showEmptyResult () {