Data Card Bone

Introducción

Éste componente no está encargado de renderizar, es de uso interno de la tabla. Guía de uso parte lógica

Código fuente

<script>
const propsLocal = {
  title: {
    type: String
  },
  value: {
    type: undefined
  },
  subtitle: {
    type: String
  }
}
import {
  normalizeProps,
  assignCamelToSnake
} from '../../helpers/propsGenerator'
const mergedProps = normalizeProps(propsLocal)
import { dataCardComponentName } from '../../constants'
import { h } from 'vue'
export default {
  name: dataCardComponentName + 'Bone',
  props: mergedProps,
  setup(props, { slots }) {
    const isPropSet = (propName) => {
      return propName !== '' && typeof propName !== 'undefined'
    }
    assignCamelToSnake(mergedProps, props)
    return () => {
      return h(
        'div', // Contenedor como nodo raíz
        {
          class: ['ir-card'] // Clases para el div
        },
        [
          slots.default({
            title: props.title,
            value: props.value,
            subtitle: props.subtitle,
            isPropSet: isPropSet
          })
        ]
      )
    }
  }
}
</script>