i-rubik/src/components/Grid/index.js

A Vue.js 2.0+ UI Components Framework

import { createSimpleFunctional } from '../../util/tools'

import Row from './Row.vue'

const Col = {
  functional: true,

  render: (h, {data, children}) => {
    data.staticClass = data.staticClass ? `col ${data.staticClass}` : 'col'
    data.staticClass += ` ${Object.keys(data.attrs).join(' ')}`
    delete data.attrs

    return h('div', data, children)
  }
}

const Container = {
  functional: true,

  render (h, { data, children }) {
    let staticClass = data.staticClass ? `container ${data.staticClass}` : 'container'

    if (data.attrs && typeof data.attrs.fluid !== 'undefined') {
      staticClass += ' container-fluid'
      data.attrs.fluid = undefined
    }

    data.staticClass = staticClass

    return h('div', data, children)
  }
}

const Content = createSimpleFunctional('content')
const ColPlaceholder = createSimpleFunctional('col-placeholder')
const Placeholder = createSimpleFunctional('placeholder')


export default {
  Col,
  ColPlaceholder,
  Container,
  Content,
  Placeholder,
  Row
}