feat: add CWrapper template component

Author: woothu

src/components/index.d.ts

@@ -671,4 +671,10 @@ export declare class CWidgetSimple extends Vue {
   text: string
 }
 
+export declare class CWrapper extends Vue {
+  fluid: boolean
+  tag: string
+}
+
+
 

src/components/template/CWrapper.vue

@@ -0,0 +1,29 @@
+<template>
+  <component :is="tag" :class="classList">
+    <slot></slot>
+  </component>
+</template>
+
+<script>
+export default {
+  name: 'CWrapper',
+  props: {
+    tag: {
+      type: String,
+      default: 'div'
+    },
+    fluid: {
+      type: Boolean,
+      default: false
+    }
+  },
+  computed: {
+    classList () {
+      return [
+        'c-wrapper',
+        { 'c-wrapper-fluid' : this.fluid }
+      ]
+    }
+  }
+}
+</script>

src/components/template/tests/CWrapper.spec.js

@@ -0,0 +1,15 @@
+import { mount } from '@vue/test-utils'
+import Component from '../CWrapper'
+
+const ComponentName = 'CWrapper'
+const wrapper = mount(Component)
+
+
+describe(`${ComponentName}.vue`, () => {
+  it('has a name', () => {
+    expect(Component.name).toBe(ComponentName)
+  })
+  it('renders correctly', () => {
+    expect(wrapper.element).toMatchSnapshot()
+  })
+})

src/components/template/tests/__snapshots__/CWrapper.spec.js.snap

@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CWrapper.vue renders correctly 1`] = `
+<div
+  class="c-wrapper c-fixed-components"
+/>
+`;