[new feature] Tab support vue-router (#305)

* fix: Tabbar icon line-height

* [new feature] progress add showPivot prop

* [new feature] TabItem support vue-router

packages/cell/index.vue

@@ -30,36 +30,30 @@
 
 <script>
 import Icon from '../icon';
+import RouterLink from '../mixins/router-link';
 
 export default {
   name: 'van-cell',
 
+  mixins: [RouterLink],
+
   components: {
     [Icon.name]: Icon
   },
 
   props: {
-    url: String,
     icon: String,
     title: String,
     label: String,
     isLink: Boolean,
-    replace: Boolean,
     required: Boolean,
-    to: [String, Object],
     value: [String, Number]
   },
 
   methods: {
     onClick() {
       this.$emit('click');
-
-      const { to, url, $router, replace } = this;
-      if (to && $router) {
-        $router[replace ? 'replace' : 'push'](to);
-      } else if (url) {
-        replace ? location.replace(url) : location.href = url;
-      }
+      this.routerLink();
     }
   }
 };

packages/mixins/router-link.js

@@ -0,0 +1,22 @@
+/**
+ * add Vue-Router support
+ */
+
+export default {
+  props: {
+    url: String,
+    replace: Boolean,
+    to: [String, Object]
+  },
+
+  methods: {
+    routerLink() {
+      const { to, url, $router, replace } = this;
+      if (to && $router) {
+        $router[replace ? 'replace' : 'push'](to);
+      } else if (url) {
+        replace ? location.replace(url) : location.href = url;
+      }
+    }
+  }
+};

packages/tabbar-item/index.vue

@@ -14,10 +14,13 @@
 
 <script>
 import Icon from '../icon';
+import RouterLink from '../mixins/router-link';
 
 export default {
   name: 'van-tabbar-item',
 
+  mixins: [RouterLink],
+
   components: {
     [Icon.name]: Icon
   },
@@ -45,6 +48,7 @@ export default {
   methods: {
     onClick() {
       this.$parent.onChange(this.$parent.items.indexOf(this));
+      this.routerLink();
     }
   }
 };