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

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.11",
   "author": "Bild & Vitta <systemteam@bild.com.br>",
   "license": "MIT",
   "main": "dist/asteroid.cjs.min.js",

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/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 = []