@bildvitta/quasar-ui-asteroid 3.0.0-beta.7 → 3.0.0-beta.8

package/package.json

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

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

@@ -94,13 +94,8 @@ export default {
 
     defaultFuseOptions () {
       return {
-        distance: 100,
-        location: 0,
-        maxPatternLength: 32,
-        minMatchCharLength: 1,
-        shouldSort: true,
         threshold: 0.1,
-        tokenize: true,
+        ignoreLocation: true,
 
         ...this.fuseOptions
       }

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

@@ -11,10 +11,12 @@ props:
 
   fuse-options:
     desc: Opções do Fuse.js (https://fusejs.io/api/options.html).
-    default: "{ distance: 100, location: 0, maxPatternLength: 32, minMatchCharLength: 1, shouldSort: true, threshold: 0.1, tokenize: true }"
     debugger: true
     type: Object
     examples: ["{ keys: ['label'] }"]
+    default:
+      ignoreLocation: true
+      threshold: 0.1
 
   height:
     desc: Define altura do box quando a lista não está vazia.

package/src/components/select/QasSelect.vue

@@ -90,15 +90,9 @@ export default {
 
     defaultFuseOptions () {
       return {
-        distance: 100,
-        includeScore: true,
+        ignoreLocation: true,
         keys: ['label', 'value'],
-        location: 0,
-        maxPatternLength: 32,
-        minMatchCharLength: 1,
-        shouldSort: true,
         threshold: 0.1,
-        tokenize: true,
 
         ...this.fuseOptions
       }

package/src/components/select/QasSelect.yml

@@ -12,15 +12,9 @@ props:
     type: Object
     debugger: true
     default:
-      distance: 100
-      includeScore: true
+      ignoreLocation: true
       keys: [label, value]
-      location: 0
-      maxPatternLength: 32
-      minMatchCharLength: 1
-      shouldSort: true
       threshold: 0.1
-      tokenize: true
 
   label-key:
     desc: O componente internamente espera receber na propriedade "options" um array de objeto contendo "label" e "value", caso o seu objeto não tenha "label" mas um "name" por exemplo, você pode definir esta prop "label-key" como "name".

package/src/components/table-generator/QasTableGenerator.vue

@@ -199,10 +199,11 @@ export default {
     handleScrollOnGrab () {
       const fullTableWidth = this.getFullTableWidth()
       const containerTableWidth = this.getContainerTableWidth()
+      const hasScrollOnGrab = !!Object.keys(this.scrollOnGrab).length
 
       if (fullTableWidth > containerTableWidth) {
         this.initializeScrollOnGrab()
-      } else if (this.hasScrollOnGrab) {
+      } else if (hasScrollOnGrab) {
         this.scrollOnGrab.destroyEvents()
         this.scrollOnGrab.element.style.cursor = 'auto'
         this.scrollOnGrab = {}

package/src/mixins/view.js

@@ -86,7 +86,9 @@ export default {
       this.$qas.error('Ops! Erro ao obter os dados.', exception)
 
       const status = response?.status
-      const redirect = ({ 403: 'Forbidden', 404: 'NotFound' })[status]
+      const redirect = status >= 500
+        ? 'ServerError'
+        : ({ 401: 'Unauthorized', 403: 'Forbidden', 404: 'NotFound' })[status]
 
       if (redirect) {
         this.$router.replace({ name: redirect })

package/src/pages/Forbidden.vue

@@ -3,9 +3,11 @@
 </template>
 
 <script>
-import ErrorComponent from './ErrorComponent'
+import ErrorComponent from './ErrorComponent.vue'
 
 export default {
+  name: 'Forbidden',
+
   components: {
     ErrorComponent
   },

package/src/pages/NotFound.vue

@@ -3,9 +3,11 @@
 </template>
 
 <script>
-import ErrorComponent from './ErrorComponent'
+import ErrorComponent from './ErrorComponent.vue'
 
 export default {
+  name: 'NotFound',
+
   components: {
     ErrorComponent
   },

package/src/pages/ServerError.vue

@@ -3,9 +3,11 @@
 </template>
 
 <script>
-import ErrorComponent from './ErrorComponent'
+import ErrorComponent from './ErrorComponent.vue'
 
 export default {
+  name: 'ServerError',
+
   components: {
     ErrorComponent
   },

package/src/pages/Unauthorized.vue

@@ -0,0 +1,28 @@
+<template>
+  <error-component v-bind="errorProps" />
+</template>
+
+<script>
+import ErrorComponent from './ErrorComponent.vue'
+
+export default {
+  name: 'Unauthorized',
+
+  components: {
+    ErrorComponent
+  },
+
+  computed: {
+    errorProps () {
+      return {
+        code: '401',
+        title: 'Ops! Parece que você está sem acesso ao sistema!',
+        buttonProps: {
+          to: { path: '/auth/login' },
+          label: 'Fazer login'
+        }
+      }
+    }
+  }
+}
+</script>