add Dropdown component

add Dropdown component

test/app.vue

@@ -42,6 +42,7 @@ li + li {
                 <li><a v-link="'/cascader'">Cascader</a></li>
                 <li><a v-link="'/transfer'">Transfer</a></li>
                 <li><a v-link="'/table'">Table</a></li>
+                <li><a v-link="'/dropdown'">Dropdown</a></li>
             </ul>
         </nav>
         <router-view></router-view>

test/main.js

@@ -107,6 +107,11 @@ router.map({
         component: function (resolve) {
             require(['./routers/table.vue'], resolve);
         }
+    },
+    '/dropdown': {
+        component: function (resolve) {
+            require(['./routers/dropdown.vue'], resolve);
+        }
     }
 });
 

test/routers/dropdown.vue

@@ -0,0 +1,33 @@
+<style>
+    body{
+        padding: 50px;
+    }
+</style>
+<template>
+    <Dropdown trigger="click" align="right" @on-click="click">
+        <i-button type="primary">
+            下拉菜单
+            <Icon type="arrow-down-b"></Icon>
+        </i-button>
+        <Dropdown-menu slot="list">
+            <Dropdown-item>张三</Dropdown-item>
+            <Dropdown-item disabled>李四</Dropdown-item>
+            <Dropdown-item>王五</Dropdown-item>
+            <Dropdown-item divided>周六</Dropdown-item>
+        </Dropdown-menu>
+    </Dropdown>
+</template>
+<script>
+    export default {
+        props: {},
+        data () {
+            return {}
+        },
+        computed: {},
+        methods: {
+            click (key) {
+                console.log(key)
+            }
+        }
+    }
+</script>