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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bildvitta/quasar-ui-asteroid",
   "description": "Asteroid",
-  "version": "3.3.1-beta.0",
+  "version": "3.4.0-beta.1",
   "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/copy/QasCopy.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import { copyToClipboard } from 'quasar'
+import { copyToClipboard } from '../../helpers'
 
 export default {
   name: 'QasCopy',
@@ -38,17 +38,10 @@ export default {
   },
 
   methods: {
-    async copy () {
-      this.isLoading = true
-
-      try {
-        await copyToClipboard(this.text)
-        this.$qas.success('Copiado!', this.text)
-      } catch (error) {
-        this.$qas.error('Não foi possível copiar.', this.text)
-      } finally {
-        setTimeout(() => { this.isLoading = false }, 500)
-      }
+    copy () {
+      copyToClipboard(this.text, isLoading => {
+        this.isLoading = isLoading
+      })
     }
   }
 }

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/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 () {

package/src/helpers/copy-to-clipboard.js

@@ -0,0 +1,15 @@
+import { copyToClipboard } from 'quasar'
+import { NotifySuccess, NotifyError } from '../plugins'
+
+export default async (text, onLoading = () => {}) => {
+  onLoading(true)
+
+  try {
+    await copyToClipboard(text)
+    NotifySuccess('Copiado!', text)
+  } catch {
+    NotifyError('Não foi possível copiar.', text)
+  } finally {
+    setTimeout(() => { onLoading(false) }, 500)
+  }
+}

package/src/helpers/index.js

@@ -13,7 +13,8 @@ export { default as getNormalizedOptions } from './get-normalized-options.js'
 export { default as handleProcess } from './handle-process.js'
 export { default as destroyNestedChildrenByKey } from './destroy-nested-children-by-key.js'
 export { default as promiseHandler } from './promise-handler.js'
-export { default as findChildrenByKey } from './find-children-by-key'
+export { default as findChildrenByKey } from './find-children-by-key.js'
+export { default as copyToClipboard } from './copy-to-clipboard.js'
 
 export * from './filters.js'
 export * from './images.js'

package/src/mixins/view.js

@@ -89,16 +89,20 @@ export default {
       const { response } = error
       const exception = response?.data?.exception || error.message
 
-      this.$qas.error('Ops! Erro ao obter os dados.', exception)
-
       const status = response?.status
+
       const redirect = status >= 500
         ? 'ServerError'
         : ({ 401: 'Unauthorized', 403: 'Forbidden', 404: 'NotFound' })[status]
 
+      // caso exista um desses status será redirecionado sem aparecer o "notify"
       if (redirect) {
         this.$router.replace({ name: redirect })
+
+        return
       }
+
+      this.$qas.error('Ops! Erro ao obter os dados.', exception)
     },
 
     mx_setErrors (errors = {}) {