@bildvitta/quasar-ui-asteroid 3.0.0 → 3.1.0-beta.0

package/dist/vetur/asteroid-attributes.json

@@ -335,6 +335,10 @@
     "description": "Colunas do grid de cada campo.",
     "type": "array|string|object"
   },
+  "qas-form-generator/disable": {
+    "description": "Deixa os campos desabilitados enviando a prop \"disable\" para cada campo.",
+    "type": "boolean"
+  },
   "qas-form-generator/error": {
     "description": "Objeto contendo propriedades contendo a mensagem de erro.",
     "type": "object"
@@ -671,6 +675,10 @@
     "description": "Quando excluímos uma \"row\" e propriedade \"useRemoveOnDestroy\" for \"false\", adicionamos uma propriedade para saber que é para ser deletada, com esta prop você escolhe como se chamará essa chave.",
     "type": "string"
   },
+  "qas-nested-fields/disabled-rows": {
+    "description": "Com esta propriedade é possível desabilitar rows (linhas) especificas passando um array com chaves identificadoras, ou caso queira desativar todas passando um boolean \"true\" (isto vai remover todos os botões da linha, duplicar e excluir).",
+    "type": "array|boolean"
+  },
   "qas-nested-fields/errors": {
     "description": "Propriedade de erros para mostrar nos campos gerados.",
     "type": "array|object"
@@ -707,6 +715,10 @@
     "description": "Objeto contendo valores iniciais do model de cada linha (row).",
     "type": "object"
   },
+  "qas-nested-fields/use-add": {
+    "description": "Controla quando vai ter seção de \"adicionar\" novas rows (linhas).",
+    "type": "boolean"
+  },
   "qas-nested-fields/use-animation": {
     "description": "Controla a animação na hora de setar o scroll.",
     "type": "boolean"

package/dist/vetur/asteroid-tags.json

@@ -179,6 +179,7 @@
   "qas-form-generator": {
     "attributes": [
       "columns",
+      "disable",
       "error",
       "fields-props",
       "fields",
@@ -313,6 +314,7 @@
       "button-destroy-props",
       "button-duplicate-props",
       "destroy-key",
+      "disabled-rows",
       "errors",
       "field",
       "fields-props",
@@ -322,6 +324,7 @@
       "model-value",
       "row-label",
       "row-object",
+      "use-add",
       "use-animation",
       "use-destroy-always",
       "use-duplicate",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bildvitta/quasar-ui-asteroid",
   "description": "Asteroid",
-  "version": "3.0.0",
+  "version": "3.1.0-beta.0",
   "author": "Bild & Vitta <systemteam@bild.com.br>",
   "license": "MIT",
   "main": "dist/asteroid.cjs.min.js",
@@ -45,6 +45,7 @@
     "sass": "^1.49.0"
   },
   "dependencies": {
+    "@bildvitta/store-adapter": "^1.0.0-beta.22",
     "@fawmi/vue-google-maps": "^0.9.4",
     "autonumeric": "^4.6.0",
     "axios": "^0.21.1",

package/src/components/delete/QasDelete.vue

@@ -10,6 +10,7 @@
 
 <script>
 import { Loading } from 'quasar'
+import { getAction } from '@bildvitta/store-adapter'
 import { NotifyError, NotifySuccess } from '../../plugins'
 import { useHistory } from '../../composables'
 
@@ -112,7 +113,11 @@ export default {
           `QasDelete - destroy -> Payload do parâmetro do ${this.entity}/destroy`, [payload]
         )
 
-        await this.$store.dispatch(`${this.entity}/destroy`, payload)
+        await getAction.call(this, {
+          entity: this.entity,
+          key: 'destroy',
+          payload
+        })
 
         NotifySuccess('Item deletado com sucesso!')
 

package/src/components/filters/QasFilters.vue

@@ -55,6 +55,7 @@ import QasBtn from '../btn/QasBtn.vue'
 import { camelize, camelizeKeys } from 'humps'
 import { humanize, parseValue } from '../../helpers/filters.js'
 import contextMixin from '../../mixins/context.js'
+import { getState, getAction } from '@bildvitta/store-adapter'
 
 export default {
   name: 'QasFilters',
@@ -148,7 +149,7 @@ export default {
     },
 
     fields () {
-      return this.$store.getters[`${this.entity}/filters`]
+      return getState.call(this, { entity: this.entity, key: 'filters' })
     },
 
     filterButtonColor () {
@@ -164,7 +165,7 @@ export default {
     },
 
     hasFields () {
-      return !!Object.keys(this.fields).length
+      return !!Object.keys(this.fields || {}).length
     },
 
     hasSearch () {
@@ -246,7 +247,12 @@ export default {
           [{ url: this.url }]
         )
 
-        const response = await this.$store.dispatch(`${this.entity}/fetchFilters`, { url: this.url })
+        const response = await getAction.call(this, {
+          entity: this.entity,
+          key: 'fetchFilters',
+          payload: { url: this.url }
+        })
+
         this.$emit('fetch-success', response)
 
         this.$qas.logger.group(

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 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="disable" 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 v-bind="fieldsProps[field.name]" :field="field" :model-value="modelValue[field.name]" @update:model-value="updateModelValue(field.name, $event)" />
+            <qas-field :disable="disable" v-bind="fieldsProps[field.name]" :field="field" :model-value="modelValue[field.name]" @update:model-value="updateModelValue(field.name, $event)" />
           </slot>
         </div>
       </div>
@@ -70,6 +70,10 @@ export default {
       validator: value => {
         return typeof value === 'boolean' || ['xs', 'sm', 'md', 'lg', 'xl'].includes(value)
       }
+    },
+
+    disable: {
+      type: Boolean
     }
   },
 

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

@@ -10,6 +10,11 @@ props:
     type: [Array, String, Object]
     examples: ["{ name: { sm: 6, md: 12 } }", "[{ sm: 6, md: 12 }]"]
 
+  disable:
+    desc: Deixa os campos desabilitados enviando a prop "disable" para cada campo.
+    default: "false"
+    type: Boolean
+
   error:
     desc: Objeto contendo propriedades contendo a mensagem de erro.
     default: {}

package/src/components/form-view/QasFormView.vue

@@ -34,6 +34,7 @@
 
 <script>
 import { isEqualWith } from 'lodash-es'
+import { getAction } from '@bildvitta/store-adapter'
 import { extend } from 'quasar'
 import { onBeforeRouteLeave } from 'vue-router'
 
@@ -269,7 +270,11 @@ export default {
           `QasFormView - fetchSingle -> payload do parâmetro do ${this.entity}/fetchSingle`, [payload]
         )
 
-        const response = await this.$store.dispatch(`${this.entity}/fetchSingle`, payload)
+        const response = await getAction.call(this, {
+          entity: this.entity,
+          key: 'fetchSingle',
+          payload
+        })
 
         const { errors, fields, metadata, result } = response.data
 
@@ -404,7 +409,11 @@ export default {
           `QasFormView - submit -> payload do ${this.entity}/${this.mode}`, [payload]
         )
 
-        const response = await this.$store.dispatch(`${this.entity}/${this.mode}`, payload)
+        const response = await getAction.call(this, {
+          entity: this.entity,
+          key: this.mode,
+          payload
+        })
 
         if (this.useDialogOnUnsavedChanges) {
           this.cachedResult = extend(true, {}, this.modelValue)

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

@@ -45,6 +45,7 @@
 import { viewMixin, contextMixin } from '../../mixins'
 import QasFilters from '../filters/QasFilters.vue'
 import { extend } from 'quasar'
+import { getState, getAction } from '@bildvitta/store-adapter'
 
 export default {
   components: {
@@ -106,11 +107,11 @@ export default {
     },
 
     resultsModel () {
-      return this.$store.getters[`${this.entity}/list`]
+      return getState.call(this, { entity: this.entity, key: 'list' })
     },
 
     totalPages () {
-      return this.$store.getters[`${this.entity}/totalPages`]
+      return getState.call(this, { entity: this.entity, key: 'totalPages' })
     },
 
     showResults () {
@@ -161,7 +162,11 @@ export default {
           `QasListView - fetchList -> Payload do parâmetro do ${this.entity}/fetchList`, [payload]
         )
 
-        const response = await this.$store.dispatch(`${this.entity}/fetchList`, payload)
+        const response = await getAction.call(this, {
+          entity: this.entity,
+          key: 'fetchList',
+          payload
+        })
 
         const { errors, fields, metadata } = response.data
 

package/src/components/nested-fields/QasNestedFields.vue

@@ -12,7 +12,7 @@
               <div class="flex items-center justify-between q-py-xs">
                 <qas-label v-if="!useSingleLabel" :label="getRowLabel(index)" />
 
-                <div v-if="!useInlineActions" class="q-gutter-x-sm">
+                <div v-if="hasBlockActions(row)" class="q-gutter-x-sm">
                   <qas-btn v-if="useDuplicate" v-bind="buttonDuplicateProps" @click="add(row)" />
                   <qas-btn v-if="showDestroyBtn" v-bind="buttonDestroyProps" @click="destroy(index, row)" />
                 </div>
@@ -20,14 +20,14 @@
 
               <div ref="formGenerator" class="col-12 justify-between q-col-gutter-x-md row">
                 <slot :errors="transformedErrors" :fields="children" :index="index" name="fields" :update-value="updateValuesFromInput">
-                  <qas-form-generator v-model="nested[index]" :class="formClasses" :columns="formColumns" :errors="transformedErrors[index]" :fields="children" :fields-props="fieldsProps" @update:model-value="updateValuesFromInput($event, index)">
+                  <qas-form-generator v-model="nested[index]" :class="formClasses" :columns="formColumns" :disable="isDisabledRow(row)" :errors="transformedErrors[index]" :fields="children" :fields-props="fieldsProps" @update:model-value="updateValuesFromInput($event, index)">
                     <template v-for="(slot, key) in $slots" #[key]="scope">
-                      <slot v-bind="scope" :errors="transformedErrors" :index="index" :name="key" />
+                      <slot v-bind="scope" :disabled="isDisabledRow(row)" :errors="transformedErrors" :index="index" :name="key" />
                     </template>
                   </qas-form-generator>
                 </slot>
 
-                <div v-if="useInlineActions" class="flex items-center qas-nested-fields__actions">
+                <div v-if="hasInlineActions(row)" class="flex items-center qas-nested-fields__actions">
                   <div class="col-auto">
                     <qas-btn v-if="useDuplicate" color="primary" flat icon="o_content_copy" round @click="add(row)" />
                   </div>
@@ -45,7 +45,7 @@
         </div>
       </component>
 
-      <div class="q-mt-md">
+      <div v-if="useAdd" class="q-mt-md">
         <slot :add="add" name="add-input">
           <div v-if="useInlineActions" class="cursor-pointer items-center q-col-gutter-x-md q-mt-md row" @click="add()">
             <div class="col">
@@ -125,6 +125,11 @@ export default {
       default: 'destroyed'
     },
 
+    disabledRows: {
+      type: [Array, Boolean],
+      default: false
+    },
+
     errors: {
       type: [Array, Object],
       default: () => ({})
@@ -174,6 +179,11 @@ export default {
       default: () => ({})
     },
 
+    useAdd: {
+      type: Boolean,
+      default: true
+    },
+
     useAnimation: {
       type: Boolean,
       default: true
@@ -347,6 +357,22 @@ export default {
       }
 
       return this.fieldLabel
+    },
+
+    isDisabledRow (row) {
+      if (!this.disabledRows) return false
+
+      if (typeof this.disabledRows === 'boolean') return true
+
+      return this.disabledRows.includes(row[this.identifierItemKey])
+    },
+
+    hasBlockActions (row) {
+      return !this.useInlineActions && !this.isDisabledRow(row)
+    },
+
+    hasInlineActions (row) {
+      return this.useInlineActions && !this.isDisabledRow(row)
     }
   }
 }

package/src/components/nested-fields/QasNestedFields.yml

@@ -26,6 +26,12 @@ props:
     default: destroyed
     type: String
 
+  disabled-rows:
+    desc: Com esta propriedade é possível desabilitar rows (linhas) especificas passando um array com chaves identificadoras, ou caso queira desativar todas passando um boolean "true" (isto vai remover todos os botões da linha, duplicar e excluir).
+    default: "false"
+    type: [Array, Boolean]
+    examples: ["['my-uuid-from-row-1']", true]
+
   errors:
     desc: Propriedade de erros para mostrar nos campos gerados.
     default: {}
@@ -79,6 +85,11 @@ props:
     type: Object
     examples: ["{ name: '', cities: [] }"]
 
+  use-add:
+    desc: Controla quando vai ter seção de "adicionar" novas rows (linhas).
+    default: true
+    type: Boolean
+
   use-animation:
     desc: Controla a animação na hora de setar o scroll.
     default: true
@@ -164,12 +175,16 @@ slots:
   'field-[nome-da-chave]':
     desc: Repassa todos os slots e escopos do "QasFormGenerator".
     scope:
+      disabled:
+        desc: Retorna se a linha esta desabilitada
+        type: boolean
+
       index:
         desc: Index atual dos campos
         type: Number
 
       errors:
-        desc: Index atual dos campos
+        desc: Erros dos campos
         type: Number
 
       'updateValue -> function(value, index)':

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

@@ -26,6 +26,7 @@
 <script>
 import viewMixin from '../../mixins/view'
 import { markRaw } from 'vue'
+import { getGetter, getAction } from '@bildvitta/store-adapter'
 
 export default {
   name: 'QasSingleView',
@@ -60,7 +61,7 @@ export default {
     },
 
     resultModel () {
-      return this.$store.getters[`${this.entity}/byId`](this.id) || {}
+      return getGetter.call(this, { entity: this.entity, key: 'byId' })(this.id) || {}
     }
   },
 
@@ -92,7 +93,11 @@ export default {
           [payload]
         )
 
-        const response = await this.$store.dispatch(`${this.entity}/fetchSingle`, payload)
+        const response = await getAction.call(this, {
+          entity: this.entity,
+          key: 'fetchSingle',
+          payload
+        })
 
         const { errors, fields, metadata } = response.data
 

package/src/components/sortable/QasSortable.vue

@@ -7,6 +7,7 @@
 <script>
 import { Loading, extend } from 'quasar'
 import Sortable from 'sortablejs'
+import { getAction } from '@bildvitta/store-adapter'
 
 import { NotifyError } from '../../plugins'
 
@@ -109,9 +110,13 @@ export default {
       Loading.show()
 
       try {
-        const response = await this.$store.dispatch(`${this.entity}/replace`, {
-          payload: { order: this.identifiers },
-          url: this.url || `${this.entity}/sort`
+        const response = await getAction.call(this, {
+          entity: this.entity,
+          key: 'replace',
+          payload: {
+            payload: { order: this.identifiers },
+            url: this.url || `${this.entity}/sort`
+          }
         })
 
         this.$emit('success', response)

package/src/mixins/search-filter.js

@@ -1,6 +1,7 @@
 import { decamelize } from 'humps'
 import { isEqual } from 'lodash'
 import { getNormalizedOptions } from '../helpers'
+import { getAction } from '@bildvitta/store-adapter'
 
 export default {
   props: {
@@ -148,13 +149,17 @@ export default {
 
         const { url, params, decamelizeFieldName } = this.mx_defaultLazyLoadingProps
 
-        const { data } = await this.$store.dispatch(`${this.entity}/fetchFieldOptions`, {
-          url,
-          field: decamelizeFieldName ? decamelize(this.name, { separator: '-' }) : this.name,
-          params: {
-            ...params,
-            search: this.mx_search,
-            offset: (this.mx_pagination.page - 1) * params.limit
+        const { data } = await getAction.call(this, {
+          entity: this.entity,
+          key: 'fetchFieldOptions',
+          payload: {
+            url,
+            field: decamelizeFieldName ? decamelize(this.name, { separator: '-' }) : this.name,
+            params: {
+              ...params,
+              search: this.mx_search,
+              offset: (this.mx_pagination.page - 1) * params.limit
+            }
           }
         })