@bildvitta/quasar-ui-asteroid 3.11.0-beta.10 → 3.11.0-beta.12

package/package.json

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

package/src/components/field/QasField.vue

@@ -74,6 +74,7 @@ export default {
         filled = readonly,
         suffix,
         prefix,
+        places,
         type,
         mask,
         maxFiles,
@@ -104,7 +105,7 @@ export default {
         useIso
       }
 
-      const numericInput = { is: 'qas-numeric-input', ...input }
+      const numericInput = { is: 'qas-numeric-input', places, ...input }
       const datetimeInput = { is: 'qas-date-time-input', useIso, ...input }
 
       // It'll generate a list of acceptable files extensions.

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

@@ -4,7 +4,7 @@
       <slot name="header" />
     </header>
 
-    <q-form ref="form" @submit="submitHandler">
+    <q-form ref="form" v-bind="defaultFormProps">
       <slot />
 
       <slot v-if="useActions" name="actions">
@@ -76,6 +76,11 @@ export default {
       type: Boolean
     },
 
+    formProps: {
+      type: Object,
+      default: () => ({})
+    },
+
     mode: {
       default: 'create',
       type: String
@@ -191,6 +196,17 @@ export default {
         error: 'Não conseguimos salvar as informações. Por favor, tente novamente em alguns minutos.',
         success: 'Informações salvas com sucesso.'
       }
+    },
+
+    defaultFormProps () {
+      return {
+        ...this.formProps,
+
+        onSubmit: event => {
+          this.submitHandler(event)
+          this.formProps?.onSubmit?.(event)
+        }
+      }
     }
   },
 

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

@@ -66,6 +66,12 @@ props:
     examples: [v-model:fields="fields"]
     model: true
 
+  form-props:
+    desc: Repassa todas as props/eventos para o `QForm`.
+    default: {}
+    type: Object
+    examples: ['{ onValidationError: ref => validationErrorHandler(ref) }']
+
   ignore-keys-in-unsaved-changes:
     desc: Vamos imaginar um cenário onde você precisa alterar valores do v-model por qualquer motivo que seja, mas quando o usuário sair da tela, não pode aparecer o modal perguntando se ele quer sair ou continuar editando, por que o usuário de fato não fez nenhuma alteração nos dados, esta prop serve para você dizer quais keys dentro do v-model você quer ignorar.
     default: []

package/src/components/numeric-input/QasNumericInput.vue

@@ -25,7 +25,7 @@ export default {
       type: Object
     },
 
-    decimalPlaces: {
+    places: {
       default: 2,
       type: Number
     },
@@ -113,7 +113,7 @@ export default {
     }
 
     if (this.mode !== 'integer') {
-      options.decimalPlaces = this.decimalPlaces
+      options.decimalPlaces = this.places
     }
 
     if (this.mode === 'money') {

package/src/components/numeric-input/QasNumericInput.yml

@@ -12,7 +12,7 @@ props:
     default: {}
     type: Object
 
-  decimal-places:
+  places:
     desc: Quantidade de casas decimais.
     default: 2
     type: Number

package/src/components/sortable/QasSortable.vue

@@ -25,11 +25,6 @@ export default {
       type: Object
     },
 
-    list: {
-      default: () => [],
-      type: Array
-    },
-
     tag: {
       default: 'div',
       type: String
@@ -40,7 +35,7 @@ export default {
       type: String
     },
 
-    sorted: {
+    modelValue: {
       default: () => [],
       type: Array
     },
@@ -52,7 +47,7 @@ export default {
   },
 
   emits: [
-    'update:sorted',
+    'update:modelValue',
     'sort',
     'success',
     'error'
@@ -76,9 +71,9 @@ export default {
       this.sortable.options = { ...this.sortable.options, ...value }
     },
 
-    list: {
-      handler (value) {
-        this.setSortedValue(value)
+    modelValue: {
+      handler (newValues) {
+        this.sortedList = newValues
       },
 
       deep: true
@@ -139,16 +134,17 @@ export default {
       const deleted = this.sortedList.splice(oldIndex, 1)
       this.sortedList.splice(newIndex, 0, deleted[0])
 
+      this.updateModel()
+
       this.useSaveOnSort && this.replace()
     },
 
-    setSortedValue (value) {
-      this.sortedList = extend(true, [], value || this.list)
-      this.updateSortedModel()
+    setSortedValue () {
+      this.sortedList = extend(true, [], this.modelValue)
     },
 
-    updateSortedModel () {
-      return this.$emit('update:sorted', this.sortedList)
+    updateModel () {
+      this.$emit('update:modelValue', this.sortedList)
     }
   }
 }

package/src/components/sortable/QasSortable.yml

@@ -9,21 +9,16 @@ props:
     required: true
     type: String
 
-  list:
-    desc: Lista que vai ser reordenada.
-    default: []
-    type: Array
-
   sortable-options:
     desc: Opções do "sortablejs" (https://github.com/SortableJS/Sortable#options).
     default: { animation: 500 }
     type: Object
 
-  sorted:
-    desc: Model da lista reordenada
+  model-value:
+    desc: Model do componente onde será fornecido a lista, e ele será responsável pela ordenação.
     default: []
     type: Array
-    examples: [v-model:sorted="fields"]
+    examples: [v-model="fields"]
     model: true
 
   tag:
@@ -62,9 +57,9 @@ events:
         desc: fields.
         type: Object
 
-  '@update:sorted -> function(value)':
-    desc: Dispara no created e toda vez que a prop "list" muda, usado para o v-model:sorted.
+  '@update:model-value -> function(values)':
+    desc: Dispara quando o model-value altera, após acontecer uma ordenação.
     params:
-      value:
-        desc: Lista contendo nova ordenação.
+      values:
+        desc: Novo valor do model.
         type: Array

package/src/css/components/button.scss

@@ -39,7 +39,7 @@
     position: relative;
 
     &:disabled {
-      color: $grey-8 !important;
+      color: $grey-6 !important;
     }
   }
 
@@ -58,7 +58,7 @@
     padding: 0 !important;
 
     &:disabled {
-      color: $grey-8 !important;
+      color: $grey-6 !important;
     }
 
     &-grey-9 {

package/src/mixins/search-filter.js

@@ -92,7 +92,7 @@ export default {
   watch: {
     'lazyLoadingProps.params': {
       handler (newParams, oldParams) {
-        if (isEqual(newParams, oldParams)) return
+        if (!this.useLazyLoading || isEqual(newParams, oldParams)) return
 
         this.mx_cachedOptions = []