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

package/src/components/expansion-item/QasExpansionItem.yml

@@ -1,76 +1,76 @@
-type: component
-
-meta:
-  desc: Componente de card expansivo, wrapper do QExpansionItem(https://quasar.dev/vue-components/expansion-item)
-
-props:
-  badges:
-    desc: Lista de badges que serão exibidas na parte superior do card.
-    type: Array
-
-  disable:
-    desc: Desabilita o componente e aplica estilo de desabilitado no label e no button.
-    default: false
-    type: Boolean
-
-  disable-button:
-    desc: Desabilita o componente sem aplicar o estilo de desabilitado no label (usar em casos onde não tem conteúdo no slot content).
-    default: false
-    type: Boolean
-
-  error:
-    desc: Booleano que caso seja true o card passa a ter uma borda vermelha.
-    type: Boolean
-
-  error-message:
-    desc: Mensagem de erro onde será exibida na parte inferior do card.
-    type: String
-
-  group:
-    desc: Agrupamento para estado aberto|fechado.
-    default: ''
-    type: String
-
-  label:
-    desc: Titulo exibido na parte superior do card.
-    type: String
-
-  model-value:
-    desc: Model que controla o estado aberto|fechado.
-    default: false
-    type: Boolean
-
-  max-content-height:
-    desc: Define um tamanho máximo de altura do conteúdo.
-    default: ''
-    type: String
-
-  grid-generator-props:
-    desc: Propriedades que serão repassadas para o QasGridGenerator.
-    type: Object
-
-  use-header-separator:
-    desc: Propriedade para forçar o QSeparator no header.
-    type: Boolean
-    default: undefined
-
-slots:
-  header:
-    desc: Slot para substituir o conteúdo do header (não inclui o botão dropdown).
-
-  header-bottom:
-    desc: Slot para acessar o conteúdo que fica abaixo do header.
-
-  header-label:
-    desc: Slot para substituir o conteúdo da label do header.
-
-  content:
-    desc: Slot para substituir o conteúdo principal do card.
-
-events:
-  '@update:model-value -> function(value)':
-    desc: Dispara quando o model-value altera, também usado para v-model.
-    params:
-      value:
-        desc: Novo valor do model.
-        type: Boolean
+type: component
+
+meta:
+  desc: Componente de card expansivo, wrapper do QExpansionItem(https://quasar.dev/vue-components/expansion-item)
+
+props:
+  badges:
+    desc: Lista de badges que serão exibidas na parte superior do card.
+    type: Array
+
+  disable:
+    desc: Desabilita o componente e aplica estilo de desabilitado no label e no button.
+    default: false
+    type: Boolean
+
+  disable-button:
+    desc: Desabilita o componente sem aplicar o estilo de desabilitado no label (usar em casos onde não tem conteúdo no slot content).
+    default: false
+    type: Boolean
+
+  error:
+    desc: Booleano que caso seja true o card passa a ter uma borda vermelha.
+    type: Boolean
+
+  error-message:
+    desc: Mensagem de erro onde será exibida na parte inferior do card.
+    type: String
+
+  group:
+    desc: Agrupamento para estado aberto|fechado.
+    default: ''
+    type: String
+
+  label:
+    desc: Titulo exibido na parte superior do card.
+    type: String
+
+  model-value:
+    desc: Model que controla o estado aberto|fechado.
+    default: false
+    type: Boolean
+
+  max-content-height:
+    desc: Define um tamanho máximo de altura do conteúdo.
+    default: ''
+    type: String
+
+  grid-generator-props:
+    desc: Propriedades que serão repassadas para o QasGridGenerator.
+    type: Object
+
+  use-header-separator:
+    desc: Propriedade para forçar o QSeparator no header.
+    type: Boolean
+    default: undefined
+
+slots:
+  header:
+    desc: Slot para substituir o conteúdo do header (não inclui o botão dropdown).
+
+  header-bottom:
+    desc: Slot para acessar o conteúdo que fica abaixo do header.
+
+  header-label:
+    desc: Slot para substituir o conteúdo da label do header.
+
+  content:
+    desc: Slot para substituir o conteúdo principal do card.
+
+events:
+  '@update:model-value -> function(value)':
+    desc: Dispara quando o model-value altera, também usado para v-model.
+    params:
+      value:
+        desc: Novo valor do model.
+        type: Boolean

package/src/components/field/QasField.vue

@@ -1,220 +1,220 @@
-<template>
-  <component :is="component.is" v-bind="component" :data-cy="field.name" :model-value="formattedValue" @update:model-value="updateModel">
-    <template v-for="(_, name) in $slots" #[name]="context">
-      <slot :name="name" v-bind="context || {}" />
-    </template>
-  </component>
-</template>
-
-<script>
-import QasCheckbox from '../checkbox/QasCheckbox.vue'
-import QasDateTimeInput from '../date-time-input/QasDateTimeInput.vue'
-import QasInput from '../input/QasInput.vue'
-import QasNumericInput from '../numeric-input/QasNumericInput.vue'
-import QasOptionGroup from '../option-group/QasOptionGroup.vue'
-import QasPasswordInput from '../password-input/QasPasswordInput.vue'
-import QasSignatureUploader from '../signature-uploader/QasSignatureUploader.vue'
-import QasUploader from '../uploader/QasUploader.vue'
-import QasToggle from '../toggle/QasToggle.vue'
-import QasRadio from '../radio/QasRadio.vue'
-
-const attributesProfile = {
-  maxLength: 'maxlength',
-  minLength: 'minlength',
-  readOnly: 'readonly'
-}
-
-export default {
-  name: 'QasField',
-
-  components: {
-    QasCheckbox,
-    QasDateTimeInput,
-    QasInput,
-    QasNumericInput,
-    QasOptionGroup,
-    QasPasswordInput,
-    QasSignatureUploader,
-    QasUploader,
-    QasToggle,
-    QasRadio
-  },
-
-  inheritAttrs: false,
-
-  props: {
-    error: {
-      default: '',
-      type: [Array, String]
-    },
-
-    field: {
-      default: () => ({}),
-      required: true,
-      type: Object
-    },
-
-    modelValue: {
-      default: undefined,
-      type: [Object, Array, String, Number, Boolean]
-    }
-  },
-
-  emits: ['update:modelValue'],
-
-  computed: {
-    component () {
-      const {
-        disable,
-        entity,
-        extensions,
-        filled,
-        label,
-        mask,
-        maxFiles,
-        maxlength,
-        minlength,
-        multiple,
-        name,
-        options,
-        placeholder,
-        places,
-        prefix,
-        readonly,
-        required,
-        suffix,
-        type,
-        useIso,
-        useLazyLoading,
-        useStrengthChecker
-      } = this.formattedField
-
-      // Default error attributes for Quasar.
-      const error = {
-        error: this.hasError || undefined,
-        errorMessage: this.errorMessage || undefined
-      }
-
-      // Compact default fields attributes.
-      const input = {
-        label,
-        hideBottomSpace: !error.error,
-        ...error,
-        readonly,
-        required,
-        disable,
-        filled,
-        maxlength,
-        minlength,
-        suffix,
-        placeholder,
-        prefix,
-        useIso
-      }
-
-      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.
-      const accept = extensions && extensions.length ? extensions.map(extension => `.${extension}`).join(',') : ''
-
-      // Editor default toolbar.
-      const toolbar = [
-        ['undo', 'redo'],
-        ['bold', 'italic', 'underline'],
-        ['left', 'center', 'right', 'justify'],
-        ['hr', 'link'],
-        ['quote', 'unordered', 'ordered', 'outdent', 'indent'],
-        ['print', 'fullscreen']
-      ]
-
-      // Profiles
-      const profiles = {
-        default: { is: 'qas-input', ...input, mask },
-        textarea: { is: 'qas-input', type, ...input },
-        number: { is: 'qas-input', type: 'number', ...input },
-        hidden: { is: 'input', name, type },
-        email: { is: 'qas-input', type, ...input },
-        password: { is: 'qas-password-input', ...input, useStrengthChecker },
-
-        decimal: { ...numericInput, mode: 'decimal' },
-        money: { ...numericInput, mode: 'money' },
-        percent: { ...numericInput, mode: 'percent' },
-
-        date: { ...datetimeInput, useDateOnly: true },
-        datetime: { ...datetimeInput },
-        time: { ...datetimeInput, useTimeOnly: true },
-
-        boolean: { is: 'qas-toggle', label, ...error },
-        checkbox: { is: 'qas-checkbox', label, options, ...error },
-        radio: { is: 'qas-radio', label, options },
-
-        upload: { is: 'qas-uploader', accept, autoUpload: true, entity, label, multiple, readonly, maxFiles, ...error },
-        editor: { is: 'q-editor', toolbar, ...error },
-
-        'signature-uploader': { is: 'qas-signature-uploader', uploaderProps: { entity, label, ...error } },
-
-        select: { is: 'qas-select', entity, name, multiple, options, useLazyLoading, ...input }
-      }
-
-      return {
-        ...(profiles[type] || profiles.default),
-        ...this.$attrs
-      }
-    },
-
-    errorMessage () {
-      return Array.isArray(this.error) ? this.error.join(' ') : this.error
-    },
-
-    // This computed will change the key name when the server sends different key.
-    formattedField () {
-      const field = {}
-
-      for (const key in this.field) {
-        field[attributesProfile[key] || key] = this.field[key]
-      }
-
-      return field
-    },
-
-    formattedValue () {
-      if (!this.isBoolean) {
-        return this.modelValue
-      }
-
-      if (this.isEmptyValue) {
-        return !!this.modelValue
-      }
-
-      return JSON.parse(this.modelValue)
-    },
-
-    hasError () {
-      return !!(Array.isArray(this.error) ? this.error.length : this.error)
-    },
-
-    isBoolean () {
-      return this.field.type === 'boolean'
-    },
-
-    isEmptyValue () {
-      if (!this.isBoolean) {
-        return false
-      }
-
-      return !this.modelValue && (this.modelValue === undefined || typeof this.modelValue === 'string')
-    },
-
-    isNumberType () {
-      return this.field.type === 'number'
-    }
-  },
-
-  methods: {
-    updateModel (value) {
-      this.$emit('update:modelValue', this.isNumberType ? Number(value) : value)
-    }
-  }
-}
-</script>
+<template>
+  <component :is="component.is" v-bind="component" :data-cy="field.name" :model-value="formattedValue" @update:model-value="updateModel">
+    <template v-for="(_, name) in $slots" #[name]="context">
+      <slot :name="name" v-bind="context || {}" />
+    </template>
+  </component>
+</template>
+
+<script>
+import QasCheckbox from '../checkbox/QasCheckbox.vue'
+import QasDateTimeInput from '../date-time-input/QasDateTimeInput.vue'
+import QasInput from '../input/QasInput.vue'
+import QasNumericInput from '../numeric-input/QasNumericInput.vue'
+import QasOptionGroup from '../option-group/QasOptionGroup.vue'
+import QasPasswordInput from '../password-input/QasPasswordInput.vue'
+import QasSignatureUploader from '../signature-uploader/QasSignatureUploader.vue'
+import QasUploader from '../uploader/QasUploader.vue'
+import QasToggle from '../toggle/QasToggle.vue'
+import QasRadio from '../radio/QasRadio.vue'
+
+const attributesProfile = {
+  maxLength: 'maxlength',
+  minLength: 'minlength',
+  readOnly: 'readonly'
+}
+
+export default {
+  name: 'QasField',
+
+  components: {
+    QasCheckbox,
+    QasDateTimeInput,
+    QasInput,
+    QasNumericInput,
+    QasOptionGroup,
+    QasPasswordInput,
+    QasSignatureUploader,
+    QasUploader,
+    QasToggle,
+    QasRadio
+  },
+
+  inheritAttrs: false,
+
+  props: {
+    error: {
+      default: '',
+      type: [Array, String]
+    },
+
+    field: {
+      default: () => ({}),
+      required: true,
+      type: Object
+    },
+
+    modelValue: {
+      default: undefined,
+      type: [Object, Array, String, Number, Boolean]
+    }
+  },
+
+  emits: ['update:modelValue'],
+
+  computed: {
+    component () {
+      const {
+        disable,
+        entity,
+        extensions,
+        filled,
+        label,
+        mask,
+        maxFiles,
+        maxlength,
+        minlength,
+        multiple,
+        name,
+        options,
+        placeholder,
+        places,
+        prefix,
+        readonly,
+        required,
+        suffix,
+        type,
+        useIso,
+        useLazyLoading,
+        useStrengthChecker
+      } = this.formattedField
+
+      // Default error attributes for Quasar.
+      const error = {
+        error: this.hasError || undefined,
+        errorMessage: this.errorMessage || undefined
+      }
+
+      // Compact default fields attributes.
+      const input = {
+        label,
+        hideBottomSpace: !error.error,
+        ...error,
+        readonly,
+        required,
+        disable,
+        filled,
+        maxlength,
+        minlength,
+        suffix,
+        placeholder,
+        prefix,
+        useIso
+      }
+
+      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.
+      const accept = extensions && extensions.length ? extensions.map(extension => `.${extension}`).join(',') : ''
+
+      // Editor default toolbar.
+      const toolbar = [
+        ['undo', 'redo'],
+        ['bold', 'italic', 'underline'],
+        ['left', 'center', 'right', 'justify'],
+        ['hr', 'link'],
+        ['quote', 'unordered', 'ordered', 'outdent', 'indent'],
+        ['print', 'fullscreen']
+      ]
+
+      // Profiles
+      const profiles = {
+        default: { is: 'qas-input', ...input, mask },
+        textarea: { is: 'qas-input', type, ...input },
+        number: { is: 'qas-input', type: 'number', ...input },
+        hidden: { is: 'input', name, type },
+        email: { is: 'qas-input', type, ...input },
+        password: { is: 'qas-password-input', ...input, useStrengthChecker },
+
+        decimal: { ...numericInput, mode: 'decimal' },
+        money: { ...numericInput, mode: 'money' },
+        percent: { ...numericInput, mode: 'percent' },
+
+        date: { ...datetimeInput, useDateOnly: true },
+        datetime: { ...datetimeInput },
+        time: { ...datetimeInput, useTimeOnly: true },
+
+        boolean: { is: 'qas-toggle', label, ...error },
+        checkbox: { is: 'qas-checkbox', label, options, ...error },
+        radio: { is: 'qas-radio', label, options },
+
+        upload: { is: 'qas-uploader', accept, autoUpload: true, entity, label, multiple, readonly, maxFiles, ...error },
+        editor: { is: 'q-editor', toolbar, ...error },
+
+        'signature-uploader': { is: 'qas-signature-uploader', uploaderProps: { entity, label, ...error } },
+
+        select: { is: 'qas-select', entity, name, multiple, options, useLazyLoading, ...input }
+      }
+
+      return {
+        ...(profiles[type] || profiles.default),
+        ...this.$attrs
+      }
+    },
+
+    errorMessage () {
+      return Array.isArray(this.error) ? this.error.join(' ') : this.error
+    },
+
+    // This computed will change the key name when the server sends different key.
+    formattedField () {
+      const field = {}
+
+      for (const key in this.field) {
+        field[attributesProfile[key] || key] = this.field[key]
+      }
+
+      return field
+    },
+
+    formattedValue () {
+      if (!this.isBoolean) {
+        return this.modelValue
+      }
+
+      if (this.isEmptyValue) {
+        return !!this.modelValue
+      }
+
+      return JSON.parse(this.modelValue)
+    },
+
+    hasError () {
+      return !!(Array.isArray(this.error) ? this.error.length : this.error)
+    },
+
+    isBoolean () {
+      return this.field.type === 'boolean'
+    },
+
+    isEmptyValue () {
+      if (!this.isBoolean) {
+        return false
+      }
+
+      return !this.modelValue && (this.modelValue === undefined || typeof this.modelValue === 'string')
+    },
+
+    isNumberType () {
+      return this.field.type === 'number'
+    }
+  },
+
+  methods: {
+    updateModel (value) {
+      this.$emit('update:modelValue', this.isNumberType ? Number(value) : value)
+    }
+  }
+}
+</script>

package/src/components/field/QasField.yml

@@ -1,36 +1,36 @@
-type: component
-
-meta:
-  desc: Componente para criação de campos dinâmicos.
-
-props:
-  error:
-    desc: Array ou String contendo a mensagem de erro.
-    type: [Array, String]
-
-  field:
-    desc: Field contendo informações necessárias para a criação do campo correspondente.
-    default: {}
-    required: true
-    type: Object
-    examples: ["{ name: 'email', type: 'email', label: 'E-mail' }"]
-
-  model-value:
-    desc: Model do componente, usado para o v-model.
-    default: undefined
-    type: [Object, Array, String, Number, Boolean]
-    examples: [v-model="value"]
-    model: true
-
-events:
-  '@update:model-value -> function(value)':
-    desc: Dispara quando o model-value altera, também usado para v-model.
-    params:
-      value:
-        desc: Novo valor do model.
-        type: [Object, Array, String, Number, Boolean]
-
-selectors:
-  '[fieldName]':
-    desc: Seletor criado a partir da propriedade "name" do campo.
-    examples: ['data-cy="email"', 'data-cy="phone"', 'data-cy="password"']
+type: component
+
+meta:
+  desc: Componente para criação de campos dinâmicos.
+
+props:
+  error:
+    desc: Array ou String contendo a mensagem de erro.
+    type: [Array, String]
+
+  field:
+    desc: Field contendo informações necessárias para a criação do campo correspondente.
+    default: {}
+    required: true
+    type: Object
+    examples: ["{ name: 'email', type: 'email', label: 'E-mail' }"]
+
+  model-value:
+    desc: Model do componente, usado para o v-model.
+    default: undefined
+    type: [Object, Array, String, Number, Boolean]
+    examples: [v-model="value"]
+    model: true
+
+events:
+  '@update:model-value -> function(value)':
+    desc: Dispara quando o model-value altera, também usado para v-model.
+    params:
+      value:
+        desc: Novo valor do model.
+        type: [Object, Array, String, Number, Boolean]
+
+selectors:
+  '[fieldName]':
+    desc: Seletor criado a partir da propriedade "name" do campo.
+    examples: ['data-cy="email"', 'data-cy="phone"', 'data-cy="password"']