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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bildvitta/quasar-ui-asteroid",
   "description": "Asteroid",
-  "version": "3.3.0",
+  "version": "3.4.0-beta.0",
   "author": "Bild & Vitta <systemteam@bild.com.br>",
   "license": "MIT",
   "main": "dist/asteroid.cjs.min.js",
@@ -35,7 +35,7 @@
     "autoprefixer": "^10.4.2",
     "core-js": "^3.20.2",
     "postcss": "^8.4.5",
-    "quasar": "^2.10.0",
+    "quasar": "^2.10.1",
     "rimraf": "^3.0.2",
     "rollup": "^2.66.0",
     "rollup-plugin-local-resolve": "^1.0.7",

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/input/QasInput.vue

@@ -47,7 +47,8 @@ export default {
   data () {
     return {
       errorData: false,
-      messageErrorData: ''
+      messageErrorData: '',
+      mask: ''
     }
   },
 
@@ -60,13 +61,6 @@ export default {
       return this.$refs.input
     },
 
-    mask () {
-      const { mask } = this.$attrs
-      const hasDefaultMask = Object.prototype.hasOwnProperty.call(this.masks, mask)
-
-      return hasDefaultMask ? this.masks[mask]() : mask
-    },
-
     masks () {
       return {
         'company-document': () => '##.###.###/####-##',
@@ -83,10 +77,7 @@ export default {
       },
 
       set (value) {
-        if (this.useRemoveErrorOnType && this.error) {
-          this.errorData = false
-          this.errorMessageData = ''
-        }
+        this.handleErrors()
 
         return this.$emit('update:modelValue', value)
       }
@@ -94,7 +85,9 @@ export default {
   },
 
   watch: {
-    mask () {
+    mask (value) {
+      if (!value) return
+
       const input = this.getInput()
 
       requestAnimationFrame(() => {
@@ -102,6 +95,13 @@ export default {
       })
     },
 
+    modelValue: {
+      handler () {
+        this.handleMask()
+      },
+      immediate: true
+    },
+
     error: {
       handler (value) {
         this.errorData = value
@@ -129,8 +129,6 @@ export default {
     },
 
     toggleMask (first, second) {
-      if (!this.modelValue?.length) return
-
       const length = first.split('#').length - 2
       return this.modelValue?.length > length ? second : first
     },
@@ -152,7 +150,25 @@ export default {
     },
 
     getInput () {
-      return this.inputReference.$el?.querySelector('input')
+      return this.inputReference?.$el?.querySelector('input')
+    },
+
+    handleErrors () {
+      if (this.useRemoveErrorOnType && this.error) {
+        this.errorData = false
+        this.errorMessageData = ''
+      }
+    },
+
+    handleMask () {
+      if (!this.modelValue?.length) return
+
+      const { mask } = this.$attrs
+      const hasDefaultMask = Object.prototype.hasOwnProperty.call(this.masks, mask)
+
+      this.$nextTick(() => {
+        this.mask = hasDefaultMask ? this.masks[mask]() : mask
+      })
     }
   }
 }

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 = {}) {