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

package/src/components/select-list-dialog/QasSelectListDialog.yml

@@ -1,108 +1,108 @@
-type: component
-
-meta:
-  desc: Componente de seleção de itens dentro do QasDialog.
-
-props:
-  add-button-props:
-    desc: Props repassadas para o botão de adicionar (QasBtn)
-    default: {}
-    type: Object
-
-  description:
-    desc: Descrição acima da lista de itens selecionados.
-    default: ''
-    type: String
-
-  disable:
-    desc: Desabilita o componente (remoção e adição).
-    default: false
-    type: Boolean
-
-  dialog-props:
-    desc: Propriedades repassadas para o dialog (QasDialog).
-    default: {}
-    type: Object
-
-  error:
-    desc: Mensagem de erro.
-    default: ''
-    type: String
-
-  options:
-    desc: Opções de itens disponíveis para seleção.
-    default: []
-    type: Array
-
-  label:
-    desc: Label do componente.
-    default: ''
-    type: String
-
-  list-label:
-    desc: Label da acima dos itens selecionados.
-    default: ''
-    type: String
-
-  loading:
-    desc: Estado de carregamento do componente.
-    default: false
-    type: Boolean
-
-  model-value:
-    desc: Model do componente.
-    default: []
-    type: Array
-    model: true
-
-  select-list-props:
-    desc: Propriedades repassadas para o componente QasSelectList.
-    default: []
-    type: Array
-
-  use-lazy-loading:
-    desc: O componente precisa saber se o lazy-loading esta habilitado para este componente, e caso esteja usando customização pelos slots do "dialog-description", é necessário informar por esta prop.
-    default: false
-    type: Boolean
-
-slots:
-  dialog-actions:
-    desc: Slot para substituir ações do dialog.
-
-  dialog-description:
-    desc: Slot para substituir a descrição do dialog.
-
-  dialog-header:
-    desc: Slot para substituir cabeçalho do dialog.
-
-events:
-  '@add -> function(items)':
-    desc: Dispara toda vez que é adicionado novos itens.
-    params:
-      items:
-        desc: Lista de itens adicionados.
-        type: Array
-
-  '@remove -> function(value)':
-    desc: Dispara toda vez que é removido um item.
-    params:
-      value:
-        desc: Valor do item (uuid/id/slug).
-        type: String
-
-  '@update:model-value -> function(list)':
-    desc: Dispara toda vez que o model é atualizado.
-    params:
-      list:
-        desc: Lista de itens selecionados.
-        type: Array
-
-methods:
-  'add: ({ options = [], value }) => void':
-    desc: Adiciona itens a lista de selecionados, é preciso adicionar quais opções são referentes ao model.
-
-  'remove: (value) => void':
-    desc: remove um item da lista de selecionados passando o valor referente a ele na lista.
-
-  'removeAll: () => void':
-    desc: remove todos os itens da lista de selecionados.
+type: component
+
+meta:
+  desc: Componente de seleção de itens dentro do QasDialog.
+
+props:
+  add-button-props:
+    desc: Props repassadas para o botão de adicionar (QasBtn)
+    default: {}
+    type: Object
+
+  description:
+    desc: Descrição acima da lista de itens selecionados.
+    default: ''
+    type: String
+
+  disable:
+    desc: Desabilita o componente (remoção e adição).
+    default: false
+    type: Boolean
+
+  dialog-props:
+    desc: Propriedades repassadas para o dialog (QasDialog).
+    default: {}
+    type: Object
+
+  error:
+    desc: Mensagem de erro.
+    default: ''
+    type: String
+
+  options:
+    desc: Opções de itens disponíveis para seleção.
+    default: []
+    type: Array
+
+  label:
+    desc: Label do componente.
+    default: ''
+    type: String
+
+  list-label:
+    desc: Label da acima dos itens selecionados.
+    default: ''
+    type: String
+
+  loading:
+    desc: Estado de carregamento do componente.
+    default: false
+    type: Boolean
+
+  model-value:
+    desc: Model do componente.
+    default: []
+    type: Array
+    model: true
+
+  select-list-props:
+    desc: Propriedades repassadas para o componente QasSelectList.
+    default: []
+    type: Array
+
+  use-lazy-loading:
+    desc: O componente precisa saber se o lazy-loading esta habilitado para este componente, e caso esteja usando customização pelos slots do "dialog-description", é necessário informar por esta prop.
+    default: false
+    type: Boolean
+
+slots:
+  dialog-actions:
+    desc: Slot para substituir ações do dialog.
+
+  dialog-description:
+    desc: Slot para substituir a descrição do dialog.
+
+  dialog-header:
+    desc: Slot para substituir cabeçalho do dialog.
+
+events:
+  '@add -> function(items)':
+    desc: Dispara toda vez que é adicionado novos itens.
+    params:
+      items:
+        desc: Lista de itens adicionados.
+        type: Array
+
+  '@remove -> function(value)':
+    desc: Dispara toda vez que é removido um item.
+    params:
+      value:
+        desc: Valor do item (uuid/id/slug).
+        type: String
+
+  '@update:model-value -> function(list)':
+    desc: Dispara toda vez que o model é atualizado.
+    params:
+      list:
+        desc: Lista de itens selecionados.
+        type: Array
+
+methods:
+  'add: ({ options = [], value }) => void':
+    desc: Adiciona itens a lista de selecionados, é preciso adicionar quais opções são referentes ao model.
+
+  'remove: (value) => void':
+    desc: remove um item da lista de selecionados passando o valor referente a ele na lista.
+
+  'removeAll: () => void':
+    desc: remove todos os itens da lista de selecionados.

package/src/components/signature-pad/QasSignaturePad.vue

@@ -1,122 +1,122 @@
-<template>
-  <div ref="signatureContainer" class="qas-signature-pad relative-position">
-    <canvas :id="canvasId" :ref="$attrs.ref" class="qas-signature-pad__canvas rounded-borders vertical-bottom" :height="height" />
-    <qas-btn v-if="!empty" class="absolute-bottom-right q-mb-sm q-mr-sm" icon="sym_r_delete" variant="primary" @click="clearSignature" />
-  </div>
-
-  <div>
-    <slot :clear-signature="clearSignature" :get-signature-data="getSignatureData" />
-  </div>
-</template>
-
-<script>
-import { uid } from 'quasar'
-import { isEqual } from 'lodash-es'
-import SignaturePad from 'signature_pad'
-
-import QasBtn from '../btn/QasBtn.vue'
-export default {
-  name: 'QasSignaturePad',
-
-  components: {
-    QasBtn
-  },
-
-  props: {
-    empty: {
-      type: Boolean,
-      default: true
-    },
-
-    height: {
-      default: '250',
-      type: String
-    },
-
-    signatureOptions: {
-      default: () => ({}),
-      type: Object
-    },
-
-    type: {
-      default: 'image/png',
-      type: String
-    }
-  },
-
-  emits: ['update:empty'],
-
-  expose: ['clearSignature', 'getSignatureData'],
-
-  data () {
-    return {
-      canvasId: uid(),
-      hasEndStrokeEvent: false,
-      signaturePad: null,
-      SignaturePad: null
-    }
-  },
-
-  watch: {
-    async signatureOptions (newValue, oldValue) {
-      if (isEqual(newValue, oldValue)) return
-
-      await this.setupSignaturePad()
-      this.updateEmptyModel()
-    }
-  },
-
-  mounted () {
-    window.addEventListener('resize', this.setCanvasWidth)
-    this.setCanvasWidth()
-
-    this.setupSignaturePad()
-  },
-
-  unmounted () {
-    window.removeEventListener('resize', this.setCanvasWidth)
-    this.signaturePad.off()
-  },
-
-  methods: {
-    clearSignature () {
-      this.signaturePad.clear()
-      this.updateEmptyModel()
-    },
-
-    getSignatureData () {
-      return this.signaturePad.toDataURL(this.type)
-    },
-
-    setCanvasWidth () {
-      const signatureContainer = this.$refs.signatureContainer
-      const canvasElement = signatureContainer.querySelector('canvas')
-      canvasElement.setAttribute('width', signatureContainer.offsetWidth)
-    },
-
-    setupSignaturePad () {
-      const canvasElement = document.getElementById(this.canvasId)
-      this.signaturePad = new SignaturePad(canvasElement, this.signatureOptions)
-
-      if (!this.hasEndStrokeEvent) {
-        this.signaturePad.addEventListener('endStroke', this.updateEmptyModel)
-      }
-
-      this.hasEndStrokeEvent = true
-      this.clearSignature()
-    },
-
-    updateEmptyModel () {
-      this.$emit('update:empty', this.signaturePad.isEmpty())
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.qas-signature-pad {
-  &__canvas {
-    border: 1px solid $separator-color;
-  }
-}
-</style>
+<template>
+  <div ref="signatureContainer" class="qas-signature-pad relative-position">
+    <canvas :id="canvasId" :ref="$attrs.ref" class="qas-signature-pad__canvas rounded-borders vertical-bottom" :height="height" />
+    <qas-btn v-if="!empty" class="absolute-bottom-right q-mb-sm q-mr-sm" icon="sym_r_delete" variant="primary" @click="clearSignature" />
+  </div>
+
+  <div>
+    <slot :clear-signature="clearSignature" :get-signature-data="getSignatureData" />
+  </div>
+</template>
+
+<script>
+import { uid } from 'quasar'
+import { isEqual } from 'lodash-es'
+import SignaturePad from 'signature_pad'
+
+import QasBtn from '../btn/QasBtn.vue'
+export default {
+  name: 'QasSignaturePad',
+
+  components: {
+    QasBtn
+  },
+
+  props: {
+    empty: {
+      type: Boolean,
+      default: true
+    },
+
+    height: {
+      default: '250',
+      type: String
+    },
+
+    signatureOptions: {
+      default: () => ({}),
+      type: Object
+    },
+
+    type: {
+      default: 'image/png',
+      type: String
+    }
+  },
+
+  emits: ['update:empty'],
+
+  expose: ['clearSignature', 'getSignatureData'],
+
+  data () {
+    return {
+      canvasId: uid(),
+      hasEndStrokeEvent: false,
+      signaturePad: null,
+      SignaturePad: null
+    }
+  },
+
+  watch: {
+    async signatureOptions (newValue, oldValue) {
+      if (isEqual(newValue, oldValue)) return
+
+      await this.setupSignaturePad()
+      this.updateEmptyModel()
+    }
+  },
+
+  mounted () {
+    window.addEventListener('resize', this.setCanvasWidth)
+    this.setCanvasWidth()
+
+    this.setupSignaturePad()
+  },
+
+  unmounted () {
+    window.removeEventListener('resize', this.setCanvasWidth)
+    this.signaturePad.off()
+  },
+
+  methods: {
+    clearSignature () {
+      this.signaturePad.clear()
+      this.updateEmptyModel()
+    },
+
+    getSignatureData () {
+      return this.signaturePad.toDataURL(this.type)
+    },
+
+    setCanvasWidth () {
+      const signatureContainer = this.$refs.signatureContainer
+      const canvasElement = signatureContainer.querySelector('canvas')
+      canvasElement.setAttribute('width', signatureContainer.offsetWidth)
+    },
+
+    setupSignaturePad () {
+      const canvasElement = document.getElementById(this.canvasId)
+      this.signaturePad = new SignaturePad(canvasElement, this.signatureOptions)
+
+      if (!this.hasEndStrokeEvent) {
+        this.signaturePad.addEventListener('endStroke', this.updateEmptyModel)
+      }
+
+      this.hasEndStrokeEvent = true
+      this.clearSignature()
+    },
+
+    updateEmptyModel () {
+      this.$emit('update:empty', this.signaturePad.isEmpty())
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.qas-signature-pad {
+  &__canvas {
+    border: 1px solid $separator-color;
+  }
+}
+</style>

package/src/components/signature-pad/QasSignaturePad.yml

@@ -1,53 +1,53 @@
-type: component
-
-meta:
-  desc: Componente para assinatura que gera uma imagem.
-
-props:
-  empty:
-    desc: Model que retorna se a tela está vazio ou não.
-    default: true
-    type: Boolean
-    model: true
-
-  height:
-    desc: Altura da área da assinatura.
-    default: {}
-    type: Object
-
-  signature-options:
-    desc: Opções da biblioteca signature_pad (https://github.com/szimek/signature_pad#options).
-    default: {}
-    type: Object
-
-  type:
-    desc: Tipo da imagem gerada.
-    default: image/png
-    type: String
-
-slots:
-  default:
-    desc: Usado para conseguir recuperar as função internas do componente.
-    scope:
-      'clearSignature: () => void':
-        desc: Limpa a assinatura.
-        type: Function
-
-      'getSignatureData: () => String':
-        desc: 'Obtém a assinatura em formato de imagem com "tipo" de acordo com o que foi passado para o componente (ex: "image/png"). Utiliza o HTMLCanvasElement.toDataURL()'
-        type: Function
-
-events:
-  '@update:empty -> function(value)':
-    desc: Dispara toda vez que para de desenhar na tela, usado para v-model:empty.
-    params:
-      value:
-        desc: Novo valor do model.
-        type: Boolean
-
-methods:
-  'clearSignature: () => void':
-    desc: Limpa a assinatura.
-
-  'getSignatureData: () => String':
-    desc: 'Obtém a assinatura em formato de imagem com "tipo" de acordo com o que foi passado para o componente (ex: "image/png"). Utiliza o HTMLCanvasElement.toDataURL()'
+type: component
+
+meta:
+  desc: Componente para assinatura que gera uma imagem.
+
+props:
+  empty:
+    desc: Model que retorna se a tela está vazio ou não.
+    default: true
+    type: Boolean
+    model: true
+
+  height:
+    desc: Altura da área da assinatura.
+    default: {}
+    type: Object
+
+  signature-options:
+    desc: Opções da biblioteca signature_pad (https://github.com/szimek/signature_pad#options).
+    default: {}
+    type: Object
+
+  type:
+    desc: Tipo da imagem gerada.
+    default: image/png
+    type: String
+
+slots:
+  default:
+    desc: Usado para conseguir recuperar as função internas do componente.
+    scope:
+      'clearSignature: () => void':
+        desc: Limpa a assinatura.
+        type: Function
+
+      'getSignatureData: () => String':
+        desc: 'Obtém a assinatura em formato de imagem com "tipo" de acordo com o que foi passado para o componente (ex: "image/png"). Utiliza o HTMLCanvasElement.toDataURL()'
+        type: Function
+
+events:
+  '@update:empty -> function(value)':
+    desc: Dispara toda vez que para de desenhar na tela, usado para v-model:empty.
+    params:
+      value:
+        desc: Novo valor do model.
+        type: Boolean
+
+methods:
+  'clearSignature: () => void':
+    desc: Limpa a assinatura.
+
+  'getSignatureData: () => String':
+    desc: 'Obtém a assinatura em formato de imagem com "tipo" de acordo com o que foi passado para o componente (ex: "image/png"). Utiliza o HTMLCanvasElement.toDataURL()'