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

package/src/composables/private/use-generator.js

@@ -1,174 +1,174 @@
-import { computed } from 'vue'
-import { Spacing } from '../../enums/Spacing'
-import { gutterValidator } from '../../helpers/private/gutter-validator'
-
-const IRREGULAR_CLASSES = ['col', 'col-auto', 'fit']
-
-export const baseProps = {
-  columns: {
-    default: () => [],
-    type: [Array, String, Object]
-  },
-
-  commonColumns: {
-    default: () => ({}),
-    type: [Object, String]
-  },
-
-  fields: {
-    default: () => ({}),
-    type: Object
-  },
-
-  gutter: {
-    default: Spacing.Md,
-    type: [String, Boolean],
-    validator: gutterValidator
-  }
-}
-
-/**
- * Composition para ser utilizada no QasGridGenerator e QasFormGenerator.
- *
- * @function
- * @name useGenerator
- * @param {Object} options - Opções do componente.
- * @param {baseProps} options.props - Propriedades do componente.
- * @returns {{
- *  classes: classes,
- *  getFieldClass: getFieldClass
- * }}
- */
-export default function ({ props = {} }) {
-  /**
-   * @type {{ value: string[] | string }}
-   */
-  const classes = computed(() => {
-    const classesList = ['row']
-
-    if (props.gutter) {
-      classesList.push(`q-col-gutter-${props.gutter}`)
-    }
-
-    return classesList
-  })
-
-  /**
-   * @function
-   * @param {Object} options
-   * @param {number} options.index - Index do campo.
-   * @param {boolean} options.isGridGenerator - Indica se é um gerador de grid (QasGridGenerator).
-   * @param {Object[string]} options.fields - Campos normalizados.
-   * @returns {(string|string[])}
-   */
-  function getFieldClass ({ index, isGridGenerator, fields }) {
-    if (typeof props.columns === 'string') return _getStringColumns(props.columns)
-
-    return Array.isArray(props.columns)
-      ? _handleColumnsByIndex({ index, isGridGenerator, fields })
-      : _handleColumnsByField({ index, isGridGenerator })
-  }
-
-  function getFieldSetColumnClass (column) {
-    if (!column) return 'col-12'
-
-    return typeof column === 'string' ? _getStringColumns(column) : _getBreakpoint(column)
-  }
-
-  /**
-   * @private
-   */
-  function _getStringColumns (columns) {
-    return IRREGULAR_CLASSES.includes(columns) ? columns : `col-${columns}`
-  }
-
-  /**
-   * @private
-   */
-  function _getBreakpoint (columns) {
-    const classes = []
-
-    const profiles = {
-      col: 'col',
-      xs: 'col-xs',
-      sm: 'col-sm',
-      md: 'col-md',
-      lg: 'col-lg',
-      xl: 'col-xl'
-    }
-
-    const { fieldProps, classes: renamedClasses, ...formattedColumns } = columns || {}
-
-    for (const key in formattedColumns) {
-      const value = formattedColumns[key]
-
-      if (IRREGULAR_CLASSES.includes(value)) {
-        classes.push(value === 'col' ? profiles[key] : value)
-      } else {
-        classes.push(`${profiles[key]}-${value}`)
-      }
-    }
-
-    return [...classes, renamedClasses]
-  }
-
-  /**
-   * @private
-  */
-  function _getDefaultColumnClass (isGridGenerator) {
-    if (typeof props.commonColumns === 'string') return _getStringColumns(props.commonColumns)
-
-    if (Object.keys(props.commonColumns).length) return _getBreakpoint(props.commonColumns)
-
-    return isGridGenerator ? 'col-6 col-xs-12 col-sm-4' : 'col-6'
-  }
-
-  /**
-   * @private
-  */
-  function _handleColumnsByField ({ index, isGridGenerator }) {
-    /*
-     * Quando não é passado columns, retornará o default.
-     */
-    if (!props.columns[index]) {
-      return _getDefaultColumnClass(isGridGenerator)
-    }
-
-    /*
-     * Quando é passado um objeto por field.
-     */
-    return _getBreakpoint(props.columns[index])
-  }
-
-  /**
-   * @private
-  */
-  function _handleColumnsByIndex ({ index, isGridGenerator, fields }) {
-    const normalizedFields = isGridGenerator ? props.fields : {}
-
-    if (!isGridGenerator) {
-      for (const key in fields) {
-        Object.assign(normalizedFields, fields[key].fields.visible)
-      }
-    }
-
-    if (!Array.isArray(normalizedFields)) {
-      index = Object.keys(normalizedFields).findIndex(field => field === index)
-    }
-
-    const length = props.columns.length
-
-    if (!length) {
-      return _getDefaultColumnClass(isGridGenerator)
-    }
-
-    return _getBreakpoint(props.columns[index])
-  }
-
-  return {
-    classes,
-
-    getFieldClass,
-    getFieldSetColumnClass
-  }
-}
+import { computed } from 'vue'
+import { Spacing } from '../../enums/Spacing'
+import { gutterValidator } from '../../helpers/private/gutter-validator'
+
+const IRREGULAR_CLASSES = ['col', 'col-auto', 'fit']
+
+export const baseProps = {
+  columns: {
+    default: () => [],
+    type: [Array, String, Object]
+  },
+
+  commonColumns: {
+    default: () => ({}),
+    type: [Object, String]
+  },
+
+  fields: {
+    default: () => ({}),
+    type: Object
+  },
+
+  gutter: {
+    default: Spacing.Md,
+    type: [String, Boolean],
+    validator: gutterValidator
+  }
+}
+
+/**
+ * Composition para ser utilizada no QasGridGenerator e QasFormGenerator.
+ *
+ * @function
+ * @name useGenerator
+ * @param {Object} options - Opções do componente.
+ * @param {baseProps} options.props - Propriedades do componente.
+ * @returns {{
+ *  classes: classes,
+ *  getFieldClass: getFieldClass
+ * }}
+ */
+export default function ({ props = {} }) {
+  /**
+   * @type {{ value: string[] | string }}
+   */
+  const classes = computed(() => {
+    const classesList = ['row']
+
+    if (props.gutter) {
+      classesList.push(`q-col-gutter-${props.gutter}`)
+    }
+
+    return classesList
+  })
+
+  /**
+   * @function
+   * @param {Object} options
+   * @param {number} options.index - Index do campo.
+   * @param {boolean} options.isGridGenerator - Indica se é um gerador de grid (QasGridGenerator).
+   * @param {Object[string]} options.fields - Campos normalizados.
+   * @returns {(string|string[])}
+   */
+  function getFieldClass ({ index, isGridGenerator, fields }) {
+    if (typeof props.columns === 'string') return _getStringColumns(props.columns)
+
+    return Array.isArray(props.columns)
+      ? _handleColumnsByIndex({ index, isGridGenerator, fields })
+      : _handleColumnsByField({ index, isGridGenerator })
+  }
+
+  function getFieldSetColumnClass (column) {
+    if (!column) return 'col-12'
+
+    return typeof column === 'string' ? _getStringColumns(column) : _getBreakpoint(column)
+  }
+
+  /**
+   * @private
+   */
+  function _getStringColumns (columns) {
+    return IRREGULAR_CLASSES.includes(columns) ? columns : `col-${columns}`
+  }
+
+  /**
+   * @private
+   */
+  function _getBreakpoint (columns) {
+    const classes = []
+
+    const profiles = {
+      col: 'col',
+      xs: 'col-xs',
+      sm: 'col-sm',
+      md: 'col-md',
+      lg: 'col-lg',
+      xl: 'col-xl'
+    }
+
+    const { fieldProps, classes: renamedClasses, ...formattedColumns } = columns || {}
+
+    for (const key in formattedColumns) {
+      const value = formattedColumns[key]
+
+      if (IRREGULAR_CLASSES.includes(value)) {
+        classes.push(value === 'col' ? profiles[key] : value)
+      } else {
+        classes.push(`${profiles[key]}-${value}`)
+      }
+    }
+
+    return [...classes, renamedClasses]
+  }
+
+  /**
+   * @private
+  */
+  function _getDefaultColumnClass (isGridGenerator) {
+    if (typeof props.commonColumns === 'string') return _getStringColumns(props.commonColumns)
+
+    if (Object.keys(props.commonColumns).length) return _getBreakpoint(props.commonColumns)
+
+    return isGridGenerator ? 'col-6 col-xs-12 col-sm-4' : 'col-6'
+  }
+
+  /**
+   * @private
+  */
+  function _handleColumnsByField ({ index, isGridGenerator }) {
+    /*
+     * Quando não é passado columns, retornará o default.
+     */
+    if (!props.columns[index]) {
+      return _getDefaultColumnClass(isGridGenerator)
+    }
+
+    /*
+     * Quando é passado um objeto por field.
+     */
+    return _getBreakpoint(props.columns[index])
+  }
+
+  /**
+   * @private
+  */
+  function _handleColumnsByIndex ({ index, isGridGenerator, fields }) {
+    const normalizedFields = isGridGenerator ? props.fields : {}
+
+    if (!isGridGenerator) {
+      for (const key in fields) {
+        Object.assign(normalizedFields, fields[key].fields.visible)
+      }
+    }
+
+    if (!Array.isArray(normalizedFields)) {
+      index = Object.keys(normalizedFields).findIndex(field => field === index)
+    }
+
+    const length = props.columns.length
+
+    if (!length) {
+      return _getDefaultColumnClass(isGridGenerator)
+    }
+
+    return _getBreakpoint(props.columns[index])
+  }
+
+  return {
+    classes,
+
+    getFieldClass,
+    getFieldSetColumnClass
+  }
+}

package/src/composables/private/use-toggle-visibility.js

@@ -1,48 +1,48 @@
-import { ref, computed } from 'vue'
-
-const visibleState = ref({})
-
-/**
- * @param {{
- *  group?: string,
- *  uuid: string
- * }}
- */
-export default function useToggleVisibility ({ group, uuid }) {
-  group = group || 'default'
-
-  visibleState.value[group] = {
-    ...visibleState.value[group],
-    [uuid]: false
-  }
-
-  const isVisible = computed(() => visibleState.value[group]?.[uuid] || false)
-
-  function toggleVisibility () {
-    const item = visibleState.value[group]
-    const lastVisibleItemKey = Object.keys(item).find(key => !!item[key])
-
-    /**
-     * cenário onde esta visível e clicou no mesmo item
-     */
-    if (visibleState.value[group][uuid]) {
-      visibleState.value[group][uuid] = false
-      return
-    }
-
-    /**
-     * cenário onde tem um item visível e clicou em outro item
-     */
-    if (lastVisibleItemKey) {
-      visibleState.value[group][lastVisibleItemKey] = false
-    }
-
-    visibleState.value[group][uuid] = true
-  }
-
-  return {
-    isVisible,
-
-    toggleVisibility
-  }
-}
+import { ref, computed } from 'vue'
+
+const visibleState = ref({})
+
+/**
+ * @param {{
+ *  group?: string,
+ *  uuid: string
+ * }}
+ */
+export default function useToggleVisibility ({ group, uuid }) {
+  group = group || 'default'
+
+  visibleState.value[group] = {
+    ...visibleState.value[group],
+    [uuid]: false
+  }
+
+  const isVisible = computed(() => visibleState.value[group]?.[uuid] || false)
+
+  function toggleVisibility () {
+    const item = visibleState.value[group]
+    const lastVisibleItemKey = Object.keys(item).find(key => !!item[key])
+
+    /**
+     * cenário onde esta visível e clicou no mesmo item
+     */
+    if (visibleState.value[group][uuid]) {
+      visibleState.value[group][uuid] = false
+      return
+    }
+
+    /**
+     * cenário onde tem um item visível e clicou em outro item
+     */
+    if (lastVisibleItemKey) {
+      visibleState.value[group][lastVisibleItemKey] = false
+    }
+
+    visibleState.value[group][uuid] = true
+  }
+
+  return {
+    isVisible,
+
+    toggleVisibility
+  }
+}