feat: add button group

packages/button/__tests__/button.spec.ts

@@ -1,5 +1,6 @@
 import { mount } from '@vue/test-utils'
-import Button from '../src/index.vue'
+import Button from '../src/button.vue'
+import ButtonGroup from '../src/button-group.vue'
 
 const AXIOM = 'Rem is the best girl'
 const COMMON_CONFIG = {
@@ -127,3 +128,21 @@ describe('Button.vue', () => {
   })
 
 })
+describe('Button Group', () => {
+  const TestComponent = {
+    template: `<el-button-group>
+      <el-button type="primary">上一页</el-button>
+      <el-button type="primary">下一页</el-button>
+    </el-button-group>`,
+    components: {
+      'el-button-group': ButtonGroup,
+      'el-button': Button,
+    },
+  }
+
+  it('create', () => {
+    const wrapper = mount(TestComponent)
+    expect(wrapper.classes()).toContain('el-button-group')
+    expect(wrapper.findAll('button').length).toBe(2)
+  })
+})

packages/button/doc/index.stories.ts

@@ -4,3 +4,7 @@ export default {
 
 export const NormalButton = (): string => '<el-button>With Text</el-button>'
 export const ButtonTwo = (): string => '<el-button>button two</el-button>'
+export const ButtonGroup = (): string => `<el-button-group>
+<el-button type="primary" icon="el-icon-arrow-left">上一页</el-button>
+<el-button type="primary">下一页<i class="el-icon-arrow-right el-icon--right"></i></el-button>
+</el-button-group>`

packages/button/index.ts

@@ -1,6 +1,8 @@
 import { App } from 'vue'
-import Button from './src/index.vue'
+import Button from './src/button.vue'
+import ButtonGroup from './src/button-group.vue'
 
 export default (app: App): void => {
   app.component(Button.name, Button)
+  app.component(ButtonGroup.name, ButtonGroup)
 }

packages/button/src/button-group.vue

@@ -0,0 +1,10 @@
+<template>
+  <div class="el-button-group">
+    <slot></slot>
+  </div>
+</template>
+<script lang='ts'>
+export default {
+  name: 'ElButtonGroup',
+}
+</script>