feat: add CSpinner component

Author: woothu

src/components/Spinner/CSpinner.js

@@ -0,0 +1,41 @@
+import { mergeData } from 'vue-functional-data-merge'
+export default {
+  name: 'CSpinner',
+  functional: true,
+  props: {
+    grow: Boolean,
+    variant: String,
+    small: Boolean,
+    tag: {
+      type: String,
+      default: 'span'
+    },
+    labelText: {
+      type: String,
+      default: 'Loading...'
+    },
+    noLabel: Boolean
+  },
+  render(h, { props, data, slots }) {
+    let label = h(false)
+    if (!props.noLabel)
+      label = h('span', { staticClass: 'sr-only' }, props.labelText)
+    const type = props.grow ? 'grow' : 'border'
+    return h(
+      props.tag,
+      mergeData(data, {
+        attrs: {
+          role: 'status',
+          'aria-hidden': label ? null : 'true'
+        },
+        class: [`spinner-${type}`,
+                 {
+                   [`spinner-${type}-sm`]: props.small,
+                   [`text-${props.variant}`]: Boolean(props.variant)
+                 }
+               ]
+      }),
+      [label]
+    )
+  }
+}

src/components/Spinner/index.js

@@ -0,0 +1,5 @@
+import CSpinner from './CSpinner'
+
+export {
+  CSpinner
+}

src/components/index.js

@@ -22,3 +22,4 @@ export * from './Table'
 export * from './Form'
 export * from './Collapse'
 export * from './Modal'
+export * from './Spinner'