[new feature] add i18n support (#310)

* fix: Tabbar icon line-height

* [new feature] progress add showPivot prop

* [new feature] TabItem support vue-router

* [new feature] update document header style

* [Doc] add toast english ducoment

* [new feature] add i18n support

* feat: Extract demos from markdown

* feat: Base components demos

* [new feature] complete demo extract & translate

* [fix] text cases

* fix: add deepAssign test cases

* fix: changelog detail

* [new feature] AddressEdit support i18n

docs/src/components/demo-list.vue

@@ -16,39 +16,29 @@
 <script>
 import docConfig from '../doc.config';
 import MobileNav from './mobile-nav';
-import { getLang } from '../utils/lang';
 
 export default {
   data() {
     return {
-      docConfig,
-      lang: getLang()
+      docConfig
     };
   },
 
-  beforeRouteEnter(to, from, next) {
-    next(vm => vm.lang = to.meta.lang);
-  },
-
-  beforeRouteUpdate(to, from, next) {
-    this.lang = to.meta.lang;
-  },
-
   components: {
     MobileNav
   },
 
   computed: {
     base() {
-      return `${this.lang}/component`;
+      return `${this.$vantLang}/component`;
     },
 
     navList() {
-      return this.docConfig[this.lang].nav || [];
+      return this.docConfig[this.$vantLang].nav || [];
     },
 
     description() {
-      return this.lang === 'zh-CN' ? '有赞移动端 Vue 组件库' : 'A Vue.js 2.0 Mobile UI at YouZan';
+      return this.$vantLang === 'zh-CN' ? '有赞移动端 Vue 组件库' : 'A Vue.js 2.0 Mobile UI at YouZan';
     }
   }
 };

docs/src/components/demo.vue

@@ -1,99 +0,0 @@
-<template>
-  <section class="zan-doc-demos">
-    <h2>示例</h2>
-    <p>下面是一些使用 Vant 搭建的示例页面，点击图片切换至对应示例。</p>
-    <div class="zan-doc-demos__gallery">
-      <div
-        :class="['zan-doc-demos__item', { 'zan-doc-demos__item--active': index === currentDemo }]"
-        v-for="(demo, index) in demos"
-      >
-        <h4>{{ demo.title }}</h4>
-        <a :href="demo.source" target="_blank">源代码</a>
-        <img :src="demo.preview" @click="onChangeDemo(demo, index)" />
-      </div>
-    </div>
-  </section>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      currentDemo: 0,
-      demos: [{
-        title: '商品详情',
-        preview: 'https://img.yzcdn.cn/public_files/2017/10/24/7070a8d1d6504b864c605114d32f2aae.png',
-        url: 'https://chenjiahan.github.io/vant-demo/#/goods',
-        source: 'https://github.com/chenjiahan/vant-demo/tree/master/src/view/goods/index.vue'
-      }, {
-        title: '会员中心',
-        preview: 'https://img.yzcdn.cn/public_files/2017/10/23/e1d70757e3ab88d39a360b704be8f43f.png',
-        url: 'https://chenjiahan.github.io/vant-demo/#/user',
-        source: 'https://github.com/chenjiahan/vant-demo/tree/master/src/view/user/index.vue'
-      }, {
-        title: '购物车',
-        preview: 'https://img.yzcdn.cn/public_files/2017/10/24/06b8b5ed3692314d434db7f6854dcdbe.png',
-        url: 'https://chenjiahan.github.io/vant-demo/#/cart',
-        source: 'https://github.com/chenjiahan/vant-demo/tree/master/src/view/cart/index.vue'
-      }]
-    };
-  },
-
-  beforeMount() {
-    this.$emit('changeDemoURL', this.demos[0].url);
-  },
-
-  methods: {
-    onChangeDemo(demo, index) {
-      this.currentDemo = index;
-      this.$emit('changeDemoURL', demo.url);
-    }
-  }
-};
-</script>
-
-<style>
-.zan-doc-demos {
-  &__gallery {
-    margin-top: 30px;
-  }
-
-  &__item {
-    width: 28%;
-    text-align: center;
-    margin-bottom: 40px;
-    display: inline-block;
-
-    &:nth-child(3n+1),
-    &:nth-child(3n+2) {
-      margin-right: 4%;
-    }
-
-    h4 {
-      font-size: 14px;
-      line-height: 20px;
-      font-weight: normal;
-    }
-
-    img {
-      width: 100%;
-      cursor: pointer;
-      border-radius: 3px;
-      background-color: #f8f8f8;
-      box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
-    }
-
-    a {
-      font-size: 12px;
-      margin: 4px 0 7px;
-      display: inline-block;
-    }
-
-    &--active {
-      img {
-        box-shadow: 0 1px 4px rgba(51, 136, 255, .4), 0 0 0 1px rgba(51, 136, 255, .4);
-      }
-    }
-  }
-}
-</style>