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

package/package.json

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

package/src/components/empty-result-text/QasEmptyResultText.vue

@@ -0,0 +1,20 @@
+<template>
+  <div class="text-body1 text-grey-8">
+    <slot>
+      {{ text }}
+    </slot>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'QasEmptyResultText',
+
+  props: {
+    text: {
+      default: 'Não há itens para serem exibidos.',
+      type: String
+    }
+  }
+}
+</script>

package/src/components/empty-result-text/QasEmptyResultText.yml

@@ -0,0 +1,14 @@
+type: component
+
+meta:
+  desc: Componente de texto em casos de resultados vazio após filtros.
+
+props:
+  text:
+    desc: Texto a ser exibido.
+    default: Não há itens para serem exibidos.
+    type: String
+
+slots:
+  default:
+    desc: Slot que substitui a propriedade "text".

package/src/components/list-view/QasListView.vue

@@ -16,9 +16,7 @@
 
         <div v-else-if="!mx_isFetching">
           <slot name="empty-results">
-            <div class="q-my-lg text-body1 text-grey-7">
-              Não há itens para serem exibidos.
-            </div>
+            <qas-empty-result-text />
           </slot>
         </div>
 

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

@@ -14,10 +14,7 @@
       </slot>
 
       <slot v-if="showEmptyResult" name="empty-result">
-        <div class="absolute-center text-center">
-          <q-icon class="q-mb-sm text-center" color="primary" name="sym_r_search" size="38px" />
-          <div>{{ emptyResultText }}</div>
-        </div>
+        <qas-empty-result-text class="q-mt-md" />
       </slot>
 
       <q-inner-loading :showing="showInnerLoading">
@@ -50,11 +47,6 @@ export default {
       type: String
     },
 
-    emptyResultText: {
-      default: 'Não há resultados disponíveis.',
-      type: String
-    },
-
     fuseOptions: {
       default: () => ({}),
       type: Object
@@ -228,7 +220,9 @@ export default {
       // Se tiver erro no primeiro fetch, retorna o "done" na proxima.
       if (((this.mx_hasFetchError && !this.mx_hasFilteredOptions) || this.hasNoOptionsOnFirstFetch)) return done()
 
-      if (!this.mx_hasFilteredOptions && !this.mx_search) {
+      const canMakeFirstFetch = this.mx_fetchCount === 0 && this.mx_hasFilteredOptions
+
+      if ((!this.mx_hasFilteredOptions || canMakeFirstFetch) && !this.mx_search) {
         await this.mx_setFetchOptions()
         return done()
       }

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

@@ -9,11 +9,6 @@ props:
     default: 100px
     type: String
 
-  empty-result-text:
-    desc: Define o texto dentro do box quando a lista está vazia.
-    default: Não há resultados disponíveis.
-    type: String
-
   entity:
     desc: Entidade enviada para a action "fetchFieldOptions" (usar somente quando "useLazyLoading" estiver habilitada).
     default: ''

package/src/components/single-view/QasSingleView.vue

@@ -8,10 +8,7 @@
       <slot />
     </template>
 
-    <div v-else-if="!mx_isFetching" class="q-my-xl text-center">
-      <q-icon class="q-mb-sm text-center" color="grey-7" name="sym_r_search" size="38px" />
-      <div class="text-grey-7">Nenhum item encontrado.</div>
-    </div>
+    <qas-empty-result-text v-else-if="!mx_isFetching" class="q-my-xl" />
 
     <footer v-if="mx_hasFooterSlot">
       <slot name="footer" />

package/src/mixins/search-filter.js

@@ -102,14 +102,21 @@ export default {
 
       this.mx_fromSearch = !!search
 
-      await this.mx_setFetchOptions()
+      const options = await this.mx_fetchOptions()
+
+      this.mx_resetOptions()
+
+      this.mx_filteredOptions.push(...options)
 
       if (this.mx_cachedOptions.length && !search) this.mx_setInitialCachedOptions()
     },
 
-    mx_resetFilter (search) {
+    mx_resetOptions () {
       this.mx_filteredOptions = []
       this.mx_foundDuplicatedOptions = []
+    },
+
+    mx_resetFilter (search) {
       this.mx_search = search
       this.mx_pagination = {
         page: 1,

package/src/vue-plugin.js

@@ -19,6 +19,7 @@ import QasDebugger from './components/debugger/QasDebugger.vue'
 import QasDelete from './components/delete/QasDelete.vue'
 import QasDialog from './components/dialog/QasDialog.vue'
 import QasDialogRouter from './components/dialog-router/QasDialogRouter.vue'
+import QasEmptyResultText from './components/empty-result-text/QasEmptyResultText.vue'
 import QasField from './components/field/QasField.vue'
 import QasSearchInput from './components/search-input/QasSearchInput.vue'
 import QasFilters from './components/filters/QasFilters.vue'
@@ -101,6 +102,7 @@ function install (app) {
   app.component('QasDelete', QasDelete)
   app.component('QasDialog', QasDialog)
   app.component('QasDialogRouter', QasDialogRouter)
+  app.component('QasEmptyResultText', QasEmptyResultText)
   app.component('QasField', QasField)
   app.component('QasSearchInput', QasSearchInput)
   app.component('QasFilters', QasFilters)
@@ -184,6 +186,7 @@ export {
   QasDelete,
   QasDialog,
   QasDialogRouter,
+  QasEmptyResultText,
   QasField,
   QasSearchInput,
   QasFilters,