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

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

@@ -4,11 +4,6 @@ meta:
   desc: Componente para C.R.U.D. responsável pela visualização (Read) ou conhecido também como "show".
 
 props:
-  entity:
-    desc: Entidade da store, por exemplo se tiver que trabalhar com modulo de usuários, teremos o model "users" na store, que vai ser nossa "entity".
-    required: true
-    type: String
-
   custom-id:
     desc: Por padrão, o componente vai pegar o "id" que vem como parâmetro na url, caso queira que o id seja diferente da url, use esta prop.
     type: String
@@ -18,15 +13,17 @@ props:
     desc: Este componente pode ser utilizado dentro de um dialog, neste caso o componente pai não pode ser um "QPage" e sim uma "div", esta prop cuida disto.
     type: Boolean
 
-  url:
-    desc: Envia como parâmetro para a action "fetchSingle" do modulo correspondente a "entity".
+  entity:
+    desc: Entidade da store, por exemplo se tiver que trabalhar com modulo de usuários, teremos o model "users" na store, que vai ser nossa "entity".
+    required: true
     type: String
 
-  result:
+  errors:
     model: true
-    desc: Model de result, utilizado para recuperar o resultado retornado pelo componente.
+    desc: Model de errors, utilizado para recuperar os errors fora do template.
+    default: {}
     type: Object
-    examples: [v-model:result="result"]
+    examples: [v-model:errors="errors"]
 
   fields:
     model: true
@@ -35,12 +32,11 @@ props:
     type: Object
     examples: [v-model:fields="fields"]
 
-  errors:
+  fetching:
     model: true
-    desc: Model de errors, utilizado para recuperar os errors fora do template.
-    default: {}
-    type: Object
-    examples: [v-model:errors="errors"]
+    desc: Model de fetching, utilizado para saber se o componente está fazendo fetching de dados.
+    type: Boolean
+    examples: [v-model:fetching="isFetching"]
 
   metadata:
     model: true
@@ -49,23 +45,41 @@ props:
     type: Object
     examples: [v-model:metadata="metadata"]
 
-  fetching:
+  result:
     model: true
-    desc: Model de fetching, utilizado para saber se o componente está fazendo fetching de dados.
-    type: Boolean
-    examples: [v-model:fetching="isFetching"]
+    desc: Model de result, utilizado para recuperar o resultado retornado pelo componente.
+    type: Object
+    examples: [v-model:result="result"]
 
-slots:
-  header:
-    desc: 'Slot para acessar o header.'
+  url:
+    desc: Envia como parâmetro para a action "fetchSingle" do modulo correspondente a "entity".
+    type: String
 
+slots:
   default:
     desc: 'Slot para ter o conteúdo principal (dentro do main).'
 
   footer:
     desc: 'Slot para acessar o footer.'
 
+  header:
+    desc: 'Slot para acessar o header.'
+
 events:
+  '@fetch-success -> function(value)':
+    desc: Dispara quando a action "fetchSingle" é executada com sucesso.
+    params:
+      value:
+        desc: Retorna todos os dados "cru" respondido pelo fetch.
+        type: Object
+
+  '@fetch-error -> function(value)':
+    desc: Dispara quando a action "fetchSingle" cai em uma exceção.
+    params:
+      value:
+        desc: Retorna todos os dados "cru" respondido na exceção do fetch.
+        type: Object
+
   '@update:result -> function(value)':
     desc: Dispara quando a action "fetchSingle" é executada com sucesso, é chamado antes do evento "fetch-success".
     params:
@@ -100,17 +114,3 @@ events:
       value:
         desc: Retorna se está ou não fazendo fetching de dados.
         type: Boolean
-
-  '@fetch-success -> function(value)':
-    desc: Dispara quando a action "fetchSingle" é executada com sucesso.
-    params:
-      value:
-        desc: Retorna todos os dados "cru" respondido pelo fetch.
-        type: Object
-
-  '@fetch-error -> function(value)':
-    desc: Dispara quando a action "fetchSingle" cai em uma exceção.
-    params:
-      value:
-        desc: Retorna todos os dados "cru" respondido na exceção do fetch.
-        type: Object

package/src/components/sortable/QasSortable.yml

@@ -9,15 +9,22 @@ 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
 
-  list:
-    desc: Lista que vai ser reordenada.
+  sorted:
+    desc: Model da lista reordenada
     default: []
     type: Array
+    examples: [v-model:sorted="fields"]
+    model: true
 
   tag:
     desc: Tag do componente pai.
@@ -28,24 +35,17 @@ props:
     desc: Parâmetro enviado para a action "replace".
     type: String
 
-  sorted:
-    desc: Model da lista reordenada
-    default: []
-    type: Array
-    examples: [v-model:sorted="fields"]
-    model: true
-
 slots:
   default:
     desc: Slot para adicionar os items que serão reordenados.
 
 events:
-  '@update:sorted -> function(value)':
-    desc: Dispara no created e toda vez que a prop "list" muda, usado para o v-model:sorted.
+  '@error -> function(value)':
+    desc: Dispara toda vez que acontece algum erro ao salvar a nova ordenação.
     params:
       value:
-        desc: Lista contendo nova ordenação.
-        type: Array
+        desc: fields.
+        type: Object
 
   '@sort -> function(value)':
     desc: Dispara toda vez que acontece uma nova ordenação.
@@ -57,9 +57,9 @@ events:
         desc: fields.
         type: Object
 
-  '@error -> function(value)':
-    desc: Dispara toda vez que acontece algum erro ao salvar a nova ordenação.
+  '@update:sorted -> function(value)':
+    desc: Dispara no created e toda vez que a prop "list" muda, usado para o v-model:sorted.
     params:
       value:
-        desc: fields.
-        type: Object
+        desc: Lista contendo nova ordenação.
+        type: Array

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

@@ -9,6 +9,11 @@ props:
     default: []
     type: Array
 
+  empty-result-text:
+    desc: Quando uma célula da tabela está vazia, esta prop define qual será o valor padrão.
+    default: '-'
+    type: String
+
   fields:
     desc: Lista de field contendo informações necessárias para a criação da tabela.
     default: {}
@@ -26,11 +31,6 @@ props:
     default: name
     type: String
 
-  empty-result-text:
-    desc: Quando uma célula da tabela está vazia, esta prop define qual será o valor padrão.
-    default: '-'
-    type: String
-
   use-scroll-on-grab:
     desc: Adiciona scroll pelo mouse ao arrastar tabela em todas as telas (Celular, Desktop).
     default: true

package/src/components/transfer/QasTransfer.vue

@@ -144,6 +144,7 @@ export default {
     options: {
       handler (value) {
         this.optionsList = extend(true, [], value)
+        this.setSelectedFromValue(true)
       },
 
       immediate: true
@@ -209,7 +210,7 @@ export default {
     },
 
     setSelectedFromValue (isFirst) {
-      this.modelValue.forEach(item => {
+      this.optionsList.length && this.modelValue.forEach(item => {
         const selected = this.optionsList.find(option => {
           return option[this.valueKey] === (this.emitValue ? item : item[this.valueKey])
         })

package/src/components/transfer/QasTransfer.yml

@@ -8,25 +8,25 @@ props:
     desc: Controla como sera o retorno do model, se "true" será um array de string, se "false" array de objeto.
     type: Boolean
 
-  model-value:
-    desc: Model do componente, controla quais itens estão na segunda coluna.
-    default: []
-    type: Array
-
   fuse-options:
     desc: Configurações do [fuse.js](https://fusejs.io/api/options.html).
     default: { keys: ['label'] }
     type: Object
 
+  label-key:
+    desc: Nos options, você pode passar um array de objeto com qualquer chave/valor, esta prop serve para identificar qual será o equivalente ao "label".
+    default: label
+    type: String
+
   label:
     desc: Rotulo que vai ficar em cima da primeira coluna.
     type: String
     required: true
 
-  label-key:
-    desc: Nos options, você pode passar um array de objeto com qualquer chave/valor, esta prop serve para identificar qual será o equivalente ao "label".
-    default: label
-    type: String
+  model-value:
+    desc: Model do componente, controla quais itens estão na segunda coluna.
+    default: []
+    type: Array
 
   options:
     desc: Array de objetos com todos items que serão transferidos

package/src/components/uploader/QasUploader.yml

@@ -39,6 +39,13 @@ props:
     default: undefined
     type: Number
 
+  model-value:
+    desc: Model do componente, caso seja múltiplo, retorna um array de string, senão somente uma string.
+    default: true
+    type: [Array, String]
+    examples: [v-model="value"]
+    model: true
+
   pica-resize-options:
     desc: Opções para a biblioteca "pica" que é responsável por fazer o redimensionamento antes do upload (https://github.com/nodeca/pica).
     type: Object
@@ -48,6 +55,11 @@ props:
       unsharpRadius: 0.6
       unsharpThreshold: 1
 
+  readonly:
+    desc: O componente não faz mais upload, apenas exibe.
+    default: true
+    type: Number
+
   size-limit:
     desc: Se o tamanho da imagem for menor ou igual ao passado nesta prop, não será feito um redimensionamento.
     default: 1280
@@ -58,18 +70,6 @@ props:
     default: true
     type: Number
 
-  readonly:
-    desc: O componente não faz mais upload, apenas exibe.
-    default: true
-    type: Number
-
-  model-value:
-    desc: Model do componente, caso seja múltiplo, retorna um array de string, senão somente uma string.
-    default: true
-    type: [Array, String]
-    examples: [v-model="value"]
-    model: true
-
   uploading:
     desc: Model que retorna se o componente está fazendo algum upload.
     type: Boolean