Merge branch 'grid' into woothu

Author: woothu

src/components/Grid/CColumn.js

@@ -0,0 +1,16 @@
+import { mergeData } from 'vue-functional-data-merge'
+
+export default {
+  functional: true,
+  render (h, { props, data, children }) {
+    return h(
+      'div',
+      mergeData(data,
+        {
+          class: { col: !data.class && !data.staticClass }
+        }
+      ),
+      children
+     )
+  }
+}

src/components/Grid/CContainer.js

@@ -0,0 +1,20 @@
+import { mergeData } from 'vue-functional-data-merge'
+
+export default {
+  functional: true,
+  props: {
+    fluid: Boolean,
+  },
+  render (h, { props, data, children }) {
+    return h(
+      'div',
+      mergeData(data, {
+        class: {
+          'container': !props.fluid,
+          'container-fluid': props.fluid
+        }
+      }),
+      children
+    )
+  }
+}

src/components/Grid/CRow.js

@@ -0,0 +1,33 @@
+import { mergeData } from 'vue-functional-data-merge'
+import { arrayIncludes } from '../../utils/array'
+
+const props = {
+  noGutters: Boolean,
+  alignV: {
+    type: String,
+    validator: str => arrayIncludes(['start', 'end', 'center','baseline', 'stretch'], str)
+  },
+  alignH: {
+    type: String,
+    validator: str => arrayIncludes(['start', 'end', 'center','between', 'around'], str)
+  },
+}
+
+export default {
+  functional: true,
+  props,
+  render (h, { props, data, children }) {
+    return h(
+      'div',
+      mergeData(data, {
+        staticClass: 'row',
+        class: {
+          'no-gutters': props.noGutters,
+          [`align-items-${props.alignV}`]: props.alignV,
+          [`justify-content-${props.alignH}`]: props.alignH,
+        }
+      }),
+      children
+    )
+  }
+}

src/components/Grid/index.js

@@ -0,0 +1,9 @@
+import CColumn from './CColumn'
+import CRow from './CRow'
+import CContainer from './CContainer'
+
+export {
+  CColumn,
+  CRow,
+  CContainer
+}

src/components/index.js

@@ -16,6 +16,7 @@ export * from './Button'
 export * from './Card'
 export * from './Dropdown'
 <<<<<<< HEAD
+<<<<<<< HEAD
 export * from './ListGroup'
 <<<<<<< HEAD
 <<<<<<< HEAD
@@ -37,3 +38,6 @@ export * from './Jumbotron'
 =======
 export * from './Image'
 >>>>>>> image
+=======
+export * from './Grid'
+>>>>>>> grid