@bildvitta/quasar-ui-asteroid 3.17.0-beta.20 → 3.17.0-beta.21

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

@@ -1,169 +1,169 @@
-type: component
-
-meta:
-  desc: Componente para C.R.U.D. responsável pela parte de listagem (Read).
-
-props:
-  before-fetch:
-    desc: Callback para controlar como funciona o comportamento do fetchList.
-    default: null
-    type: Function
-    examples: ['beforeFetch({ payload, resolve, done })']
-
-  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
-
-  errors:
-    model: true
-    desc: Model de errors, utilizado para recuperar os errors fora do template.
-    default: {}
-    type: Object
-    examples: [v-model:errors="errors"]
-
-  fetching:
-    model: true
-    desc: Model de fetching, utilizado para saber se o componente está fazendo fetching de dados.
-    type: Boolean
-    examples: [v-model:fetching="isFetching"]
-
-  fields:
-    model: true
-    desc: Model de fields, utilizado para recuperar os fields fora do template.
-    default: {}
-    type: Object
-    examples: [v-model:fields="fields"]
-
-  filters-props:
-    desc: Repassa as props para o componente "QasFilters".
-    default: {}
-    type: Object
-
-  metadata:
-    model: true
-    desc: Model de metadata, utilizado para recuperar os metadata fora do template.
-    default: {}
-    type: Object
-    examples: [v-model:metadata="metadata"]
-
-  results:
-    model: true
-    desc: Model de results, utilizado para recuperar a lista retornada pelo componente.
-    default: []
-    type: Array
-    examples: [v-model:results="results"]
-
-  url:
-    desc: Envia como parâmetro para a action "fetchList" do modulo correspondente a "entity".
-    type: String
-
-  use-auto-handle-on-delete:
-    desc: Controla se o componente vai lidar automaticamente quando acontecer algum delete compatível com a listagem.
-    type: Boolean
-
-  use-auto-refetch-on-delete:
-    desc: Controla se o componente vai fazer o fetch novamente quando acontecer algum delete compatível com a listagem.
-    type: Boolean
-
-  use-boundary:
-    desc: Controla o limite que o FormView terá, quando é "false", a tag pai deixa de ser um "QPage" para ser uma "div" e é removido as classes "container" e "spaced", comumente utilizando quando precisa usar o QasFormView dentro de um dialog.
-    default: true
-    type: Boolean
-
-  use-filter:
-    desc: Controla se o componente vai usar ou não o componente "QasFilters".
-    default: true
-    type: Boolean
-
-  use-pagination:
-    desc: Controla se vai ter ou não paginação.
-    default: true
-    type: Boolean
-
-  use-refresh:
-    desc: Controla o [pull-to-refresh](https://quasar.dev/vue-components/pull-to-refresh#basic).
-    default: true
-    type: Boolean
-
-  use-results-area-only:
-    desc: Controla se irá sempre ser exibido os resultados independente se não há nenhum resultado a ser exibido.
-    type: Boolean
-
-slots:
-  default:
-    desc: 'Slot para ter o conteúdo principal (dentro do main).'
-
-  empty-results:
-    desc: 'Slot acessar quando a listagem está vazia.'
-
-  fetch-error:
-    desc: Slot disponibilizado em caso de fetchError.
-
-  filter:
-    desc: 'Slot para acessar o filtro.'
-
-  footer:
-    desc: 'Slot para acessar o footer.'
-
-  header:
-    desc: 'Slot para acessar o header.'
-
-events:
-  '@fetch-success -> function(value)':
-    desc: Dispara quando a action "fetchList" é 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 "fetchList" cai em uma exceção.
-    params:
-      value:
-        desc: Retorna todos os dados "cru" respondido na exceção do fetch.
-        type: Object
-
-  '@update:results -> function(value)':
-    desc: Dispara quando a action "fetchList" é executada com sucesso, é chamado antes do evento "fetch-success".
-    params:
-      value:
-        desc: lista retornada no "fetchList".
-        type: Array
-
-  '@update:fields -> function(value)':
-    desc: Dispara quando a action "fetchList" é executada com sucesso, é chamado antes do evento "fetch-success".
-    params:
-      value:
-        desc: fields.
-        type: Object
-
-  '@update:errors -> function(value)':
-    desc: Dispara quando a action "fetchList" é chamada.
-    params:
-      value:
-        desc: Errors durante o fetch.
-        type: Object
-
-  '@update:metadata -> function(value)':
-    desc: Dispara quando a action "fetchList" acontece com sucesso, é chamado antes do evento "fetch-success".
-    params:
-      value:
-        desc: metadata.
-        type: Object
-
-  '@update:fetching -> function(value)':
-    desc: Dispara logo antes da action "fetchList" e ao cair no bloco "finally", ou seja, quando começar o fetching e após terminar.
-    params:
-      value:
-        desc: Retorna se está ou não fazendo fetching de dados.
-        type: Boolean
-
-provide:
-  is-fetch-list-succeeded:
-    desc: Valor que diz se o `fetchList` foi realizado com sucesso ou não.
-    type: Boolean
-
-  is-list-view:
-    desc: Provide que diz quando se está utilizando o listView
-    type: Boolean
+type: component
+
+meta:
+  desc: Componente para C.R.U.D. responsável pela parte de listagem (Read).
+
+props:
+  before-fetch:
+    desc: Callback para controlar como funciona o comportamento do fetchList.
+    default: null
+    type: Function
+    examples: ['beforeFetch({ payload, resolve, done })']
+
+  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
+
+  errors:
+    model: true
+    desc: Model de errors, utilizado para recuperar os errors fora do template.
+    default: {}
+    type: Object
+    examples: [v-model:errors="errors"]
+
+  fetching:
+    model: true
+    desc: Model de fetching, utilizado para saber se o componente está fazendo fetching de dados.
+    type: Boolean
+    examples: [v-model:fetching="isFetching"]
+
+  fields:
+    model: true
+    desc: Model de fields, utilizado para recuperar os fields fora do template.
+    default: {}
+    type: Object
+    examples: [v-model:fields="fields"]
+
+  filters-props:
+    desc: Repassa as props para o componente "QasFilters".
+    default: {}
+    type: Object
+
+  metadata:
+    model: true
+    desc: Model de metadata, utilizado para recuperar os metadata fora do template.
+    default: {}
+    type: Object
+    examples: [v-model:metadata="metadata"]
+
+  results:
+    model: true
+    desc: Model de results, utilizado para recuperar a lista retornada pelo componente.
+    default: []
+    type: Array
+    examples: [v-model:results="results"]
+
+  url:
+    desc: Envia como parâmetro para a action "fetchList" do modulo correspondente a "entity".
+    type: String
+
+  use-auto-handle-on-delete:
+    desc: Controla se o componente vai lidar automaticamente quando acontecer algum delete compatível com a listagem.
+    type: Boolean
+
+  use-auto-refetch-on-delete:
+    desc: Controla se o componente vai fazer o fetch novamente quando acontecer algum delete compatível com a listagem.
+    type: Boolean
+
+  use-boundary:
+    desc: Controla o limite que o FormView terá, quando é "false", a tag pai deixa de ser um "QPage" para ser uma "div" e é removido as classes "container" e "spaced", comumente utilizando quando precisa usar o QasFormView dentro de um dialog.
+    default: true
+    type: Boolean
+
+  use-filter:
+    desc: Controla se o componente vai usar ou não o componente "QasFilters".
+    default: true
+    type: Boolean
+
+  use-pagination:
+    desc: Controla se vai ter ou não paginação.
+    default: true
+    type: Boolean
+
+  use-refresh:
+    desc: Controla o [pull-to-refresh](https://quasar.dev/vue-components/pull-to-refresh#basic).
+    default: true
+    type: Boolean
+
+  use-results-area-only:
+    desc: Controla se irá sempre ser exibido os resultados independente se não há nenhum resultado a ser exibido.
+    type: Boolean
+
+slots:
+  default:
+    desc: 'Slot para ter o conteúdo principal (dentro do main).'
+
+  empty-results:
+    desc: 'Slot acessar quando a listagem está vazia.'
+
+  fetch-error:
+    desc: Slot disponibilizado em caso de fetchError.
+
+  filter:
+    desc: 'Slot para acessar o filtro.'
+
+  footer:
+    desc: 'Slot para acessar o footer.'
+
+  header:
+    desc: 'Slot para acessar o header.'
+
+events:
+  '@fetch-success -> function(value)':
+    desc: Dispara quando a action "fetchList" é 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 "fetchList" cai em uma exceção.
+    params:
+      value:
+        desc: Retorna todos os dados "cru" respondido na exceção do fetch.
+        type: Object
+
+  '@update:results -> function(value)':
+    desc: Dispara quando a action "fetchList" é executada com sucesso, é chamado antes do evento "fetch-success".
+    params:
+      value:
+        desc: lista retornada no "fetchList".
+        type: Array
+
+  '@update:fields -> function(value)':
+    desc: Dispara quando a action "fetchList" é executada com sucesso, é chamado antes do evento "fetch-success".
+    params:
+      value:
+        desc: fields.
+        type: Object
+
+  '@update:errors -> function(value)':
+    desc: Dispara quando a action "fetchList" é chamada.
+    params:
+      value:
+        desc: Errors durante o fetch.
+        type: Object
+
+  '@update:metadata -> function(value)':
+    desc: Dispara quando a action "fetchList" acontece com sucesso, é chamado antes do evento "fetch-success".
+    params:
+      value:
+        desc: metadata.
+        type: Object
+
+  '@update:fetching -> function(value)':
+    desc: Dispara logo antes da action "fetchList" e ao cair no bloco "finally", ou seja, quando começar o fetching e após terminar.
+    params:
+      value:
+        desc: Retorna se está ou não fazendo fetching de dados.
+        type: Boolean
+
+provide:
+  is-fetch-list-succeeded:
+    desc: Valor que diz se o `fetchList` foi realizado com sucesso ou não.
+    type: Boolean
+
+  is-list-view:
+    desc: Provide que diz quando se está utilizando o listView
+    type: Boolean

package/src/components/map/QasMap.vue

@@ -1,75 +1,75 @@
-<template>
-  <div class="qas-map">
-    <g-map-map :center="props.centerPosition" class="qas-map__draw" :zoom="props.zoom">
-      <g-map-marker v-for="(marker, index) in props.markers" :key="index" :draggable="marker.draggable" :icon="marker.icon" :position="marker.position" @dragend="updatePosition" @mouseout="closePopup" @mouseover="openPopup(marker, index)">
-        <g-map-info-window :opened="canShowPopup(index)">
-          <div class="text-weight-bold">
-            {{ marker.title }}
-          </div>
-
-          <div>
-            {{ marker.description }}
-          </div>
-        </g-map-info-window>
-      </g-map-marker>
-    </g-map-map>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue'
-
-defineOptions({ name: 'QasMap' })
-
-const props = defineProps({
-  centerPosition: {
-    type: Object,
-    default: () => ({})
-  },
-
-  markers: {
-    type: Array,
-    default: () => []
-  },
-
-  zoom: {
-    type: Number,
-    default: 17
-  },
-
-  usePopup: {
-    type: Boolean
-  }
-})
-
-const emit = defineEmits(['update-position'])
-
-const isPopupDisplayed = ref(false)
-const indexMarker = ref(null)
-
-function canShowPopup (index) {
-  return isPopupDisplayed.value && props.usePopup && index === indexMarker.value
-}
-
-function closePopup () {
-  isPopupDisplayed.value = false
-}
-
-function openPopup ({ title, description }, index) {
-  indexMarker.value = index
-  isPopupDisplayed.value = !!(title || description)
-}
-
-function updatePosition (mouseEvent) {
-  emit('update-position', mouseEvent.latLng.toJSON())
-}
-</script>
-
-<style lang="scss">
-.qas-map {
-  &__draw {
-    height: 300px !important;
-    width: 100%;
-  }
-}
-</style>
+<template>
+  <div class="qas-map">
+    <g-map-map :center="props.centerPosition" class="qas-map__draw" :zoom="props.zoom">
+      <g-map-marker v-for="(marker, index) in props.markers" :key="index" :draggable="marker.draggable" :icon="marker.icon" :position="marker.position" @dragend="updatePosition" @mouseout="closePopup" @mouseover="openPopup(marker, index)">
+        <g-map-info-window :opened="canShowPopup(index)">
+          <div class="text-weight-bold">
+            {{ marker.title }}
+          </div>
+
+          <div>
+            {{ marker.description }}
+          </div>
+        </g-map-info-window>
+      </g-map-marker>
+    </g-map-map>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+defineOptions({ name: 'QasMap' })
+
+const props = defineProps({
+  centerPosition: {
+    type: Object,
+    default: () => ({})
+  },
+
+  markers: {
+    type: Array,
+    default: () => []
+  },
+
+  zoom: {
+    type: Number,
+    default: 17
+  },
+
+  usePopup: {
+    type: Boolean
+  }
+})
+
+const emit = defineEmits(['update-position'])
+
+const isPopupDisplayed = ref(false)
+const indexMarker = ref(null)
+
+function canShowPopup (index) {
+  return isPopupDisplayed.value && props.usePopup && index === indexMarker.value
+}
+
+function closePopup () {
+  isPopupDisplayed.value = false
+}
+
+function openPopup ({ title, description }, index) {
+  indexMarker.value = index
+  isPopupDisplayed.value = !!(title || description)
+}
+
+function updatePosition (mouseEvent) {
+  emit('update-position', mouseEvent.latLng.toJSON())
+}
+</script>
+
+<style lang="scss">
+.qas-map {
+  &__draw {
+    height: 300px !important;
+    width: 100%;
+  }
+}
+</style>

package/src/components/map/QasMap.yml

@@ -1,33 +1,33 @@
-type: component
-
-meta:
-  desc: Componente para gerar google maps.
-
-props:
-  center-position:
-    desc: Opções de localização onde o mapa vai ser centralizado.
-    default: {}
-    type: Object
-    examples: ["{ lat: -21.17663, lng: -47.820839 }"]
-
-  markers:
-    desc: Marcadores (pin) do mapa.
-    default: []
-    type: Array
-
-  use-popup:
-    desc: Controla se os markers vai ter popup ou não.
-    type: Boolean
-
-  zoom:
-    desc: Zoom do mapa.
-    default: 17
-    type: Number
-
-events:
-  '@update-position -> function(value)':
-    desc: Dispara muda a posição do marker.
-    params:
-      value:
-        desc: Nova posição.
-        type: Object
+type: component
+
+meta:
+  desc: Componente para gerar google maps.
+
+props:
+  center-position:
+    desc: Opções de localização onde o mapa vai ser centralizado.
+    default: {}
+    type: Object
+    examples: ["{ lat: -21.17663, lng: -47.820839 }"]
+
+  markers:
+    desc: Marcadores (pin) do mapa.
+    default: []
+    type: Array
+
+  use-popup:
+    desc: Controla se os markers vai ter popup ou não.
+    type: Boolean
+
+  zoom:
+    desc: Zoom do mapa.
+    default: 17
+    type: Number
+
+events:
+  '@update-position -> function(value)':
+    desc: Dispara muda a posição do marker.
+    params:
+      value:
+        desc: Nova posição.
+        type: Object