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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bildvitta/quasar-ui-asteroid",
   "description": "Asteroid",
-  "version": "3.17.0-beta.2",
+  "version": "3.17.0-beta.20",
   "author": "Bild & Vitta <systemteam@bild.com.br>",
   "license": "MIT",
   "main": "dist/asteroid.cjs.min.js",
@@ -54,7 +54,7 @@
     "lodash-es": "^4.17.21",
     "pica": "^9.0.1",
     "signature_pad": "^4.1.5",
-    "sortablejs": "^1.15.0"
+    "sortablejs": "^1.15.3"
   },
   "browserslist": [
     "defaults"

package/src/asteroid.js

@@ -1,4 +1,4 @@
-export * from './helpers'
-export * from './mixins'
-export * from './vue-plugin'
-export * from './composables'
+export * from './helpers'
+export * from './mixins'
+export * from './vue-plugin'
+export * from './composables'

package/src/components/actions/QasActions.vue

@@ -1,81 +1,81 @@
-<template>
-  <div class="q-mt-sm" :class="classes">
-    <div v-if="hasTertiarySlot" :class="columnClasses">
-      <slot name="tertiary" />
-    </div>
-
-    <div v-if="hasSecondarySlot" :class="columnClasses">
-      <slot name="secondary" />
-    </div>
-
-    <div v-if="hasPrimarySlot" :class="columnClasses">
-      <slot name="primary" />
-    </div>
-  </div>
-</template>
-
-<script setup>
-import useScreen from '../../composables/use-screen'
-import { FlexAlign } from '../../enums/Align'
-import { Spacing } from '../../enums/Spacing'
-
-import { computed, useSlots } from 'vue'
-
-defineOptions({ name: 'QasActions' })
-
-const props = defineProps({
-  align: {
-    default: FlexAlign.End,
-    type: String,
-    validator: value => Object.values(FlexAlign).includes(value)
-  },
-
-  gutter: {
-    default: '',
-    type: String,
-    validator: value => !value || Object.values(Spacing).includes(value)
-  },
-
-  useFullWidth: {
-    type: Boolean
-  },
-
-  useEqualWidth: {
-    type: Boolean
-  }
-})
-
-const slots = useSlots()
-const screen = useScreen()
-
-const defaultGutter = computed(() => {
-  return props.gutter || (screen.isSmall ? 'md' : 'lg')
-})
-
-const classes = computed(() => {
-  const isSmallOrFullWidth = screen.isSmall || props.useFullWidth
-
-  return [
-    !screen.isSmall && 'items-center',
-
-    // alinhamento
-    `justify-${props.align}`,
-
-    // espaçamento
-    `q-col-gutter-${defaultGutter.value}`,
-
-    // disposição
-    isSmallOrFullWidth ? 'column reverse' : 'row'
-  ]
-})
-
-const columnClasses = computed(() => {
-  if (props.useEqualWidth) return 'col-12 col-sm-6'
-
-  return props.useFullWidth ? 'col-12' : 'col-12 col-sm-auto'
-})
-
-const hasPrimarySlot = computed(() => !!slots.primary)
-const hasSecondarySlot = computed(() => !!slots.secondary)
-const hasTertiarySlot = computed(() => !!slots.tertiary)
-</script>
+<template>
+  <div class="q-mt-sm" :class="classes">
+    <div v-if="hasTertiarySlot" :class="columnClasses">
+      <slot name="tertiary" />
+    </div>
+
+    <div v-if="hasSecondarySlot" :class="columnClasses">
+      <slot name="secondary" />
+    </div>
+
+    <div v-if="hasPrimarySlot" :class="columnClasses">
+      <slot name="primary" />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import useScreen from '../../composables/use-screen'
+import { FlexAlign } from '../../enums/Align'
+import { Spacing } from '../../enums/Spacing'
+
+import { computed, useSlots } from 'vue'
+
+defineOptions({ name: 'QasActions' })
+
+const props = defineProps({
+  align: {
+    default: FlexAlign.End,
+    type: String,
+    validator: value => Object.values(FlexAlign).includes(value)
+  },
+
+  gutter: {
+    default: '',
+    type: String,
+    validator: value => !value || Object.values(Spacing).includes(value)
+  },
+
+  useFullWidth: {
+    type: Boolean
+  },
+
+  useEqualWidth: {
+    type: Boolean
+  }
+})
+
+const slots = useSlots()
+const screen = useScreen()
+
+const defaultGutter = computed(() => {
+  return props.gutter || (screen.isSmall ? 'md' : 'lg')
+})
+
+const classes = computed(() => {
+  const isSmallOrFullWidth = screen.isSmall || props.useFullWidth
+
+  return [
+    !screen.isSmall && 'items-center',
+
+    // alinhamento
+    `justify-${props.align}`,
+
+    // espaçamento
+    `q-col-gutter-${defaultGutter.value}`,
+
+    // disposição
+    isSmallOrFullWidth ? 'column reverse' : 'row'
+  ]
+})
+
+const columnClasses = computed(() => {
+  if (props.useEqualWidth) return 'col-12 col-sm-6'
+
+  return props.useFullWidth ? 'full-width' : 'col-12 col-sm-auto'
+})
+
+const hasPrimarySlot = computed(() => !!slots.primary)
+const hasSecondarySlot = computed(() => !!slots.secondary)
+const hasTertiarySlot = computed(() => !!slots.tertiary)
+</script>

package/src/components/actions/QasActions.yml

@@ -1,34 +1,34 @@
-type: component
-
-meta:
-  desc: Área de ações para páginas que lidam com botões primários e secundários, como um formulário ou caixa de diálogo.
-
-props:
-  align:
-    desc: Alinhamento dos elementos.
-    default: end
-    type: String
-    examples: [start, end, between, around, center]
-
-  gutter:
-    desc: Espaçamento entre os elementos.
-    default: lg
-    type: String
-    examples: ['xs', 'sm', 'md', 'lg', 'xl']
-
-  use-full-width:
-    desc: Deixa as colunas 100%, com col-12.
-    default: false
-    type: Boolean
-
-  use-equal-width:
-    desc: Deixa as colunas 50% no desktop e 100% no mobile, col-12 col-sm-6.
-    default: false
-    type: Boolean
-
-slots:
-  primary:
-    desc: 'Slot para ação primaria (ex: botão de salvar), em telas menores que sm, se torna o primeiro elemento.'
-
-  secondary:
-    desc: 'Slot para ação secundaria (ex: botão de cancelar), em telas menores que sm, se torna o segundo elemento.'
+type: component
+
+meta:
+  desc: Área de ações para páginas que lidam com botões primários e secundários, como um formulário ou caixa de diálogo.
+
+props:
+  align:
+    desc: Alinhamento dos elementos.
+    default: end
+    type: String
+    examples: [start, end, between, around, center]
+
+  gutter:
+    desc: Espaçamento entre os elementos.
+    default: lg
+    type: String
+    examples: ['xs', 'sm', 'md', 'lg', 'xl']
+
+  use-full-width:
+    desc: Deixa as colunas 100%, com col-12.
+    default: false
+    type: Boolean
+
+  use-equal-width:
+    desc: Deixa as colunas 50% no desktop e 100% no mobile, col-12 col-sm-6.
+    default: false
+    type: Boolean
+
+slots:
+  primary:
+    desc: 'Slot para ação primaria (ex: botão de salvar), em telas menores que sm, se torna o primeiro elemento.'
+
+  secondary:
+    desc: 'Slot para ação secundaria (ex: botão de cancelar), em telas menores que sm, se torna o segundo elemento.'