[Improvement] translate Area component (#440)

docs/demos/mock/areaEn.json

@@ -0,0 +1,71 @@
+{
+  "province_list": {
+      "110000": "Beijing",
+      "330000": "Zhejiang",
+      "810000": "Hong Kong"
+  },
+  "city_list": {
+      "110100": "Beijing City",
+      "330100": "Hangzhou",
+      "330200": "Ningbo",
+      "330300": "Wenzhou",
+      "330400": "Jiaxin",
+      "331100": "Lishui",
+      "810100": "Hong Kong Island",
+      "810200": "Kowloon",
+      "810300": "New Territories"
+  },
+  "county_list": {
+      "110101": "Dongcheng",
+      "110102": "Xicheng",
+      "110105": "Chaoyang",
+      "110106": "Fengtai",
+      "110108": "Haidian",
+      "110111": "Fangshan",
+      "110112": "Tongzhou",
+      "110113": "Shunyi",
+      "110114": "Changping",
+      "110115": "Daxing",
+      "330105": "Gongshu",
+      "330106": "Xihu",
+      "330108": "Binjiang",
+      "330109": "Xiaoshan",
+      "330110": "Yuhang",
+      "330111": "Fuyang",
+      "330127": "Chunan",
+      "330182": "Jiande",
+      "330185": "Linan",
+      "330206": "Beilun",
+      "330211": "Zhenhai",
+      "330225": "Xiangshan",
+      "330226": "Ninghai",
+      "330281": "Yuyao",
+      "330282": "Cixi",
+      "330327": "Cangnan",
+      "330328": "Wencheng",
+      "330329": "Shuntai",
+      "330381": "Ruian",
+      "330382": "Yueqing",
+      "330402": "Nanhu",
+      "330421": "Jiashan",
+      "330424": "Haiyan",
+      "330481": "Haining",
+      "330482": "Pinghu",
+      "330483": "Tongxiang",
+      "331102": "Liandu District",
+      "331121": "Qingtian County",
+      "331125": "Yunhe County",
+      "331181": "Longquan County",
+      "810101": "Central",
+      "810102": "Wan Chai",
+      "810202": "Mong Kok",
+      "810203": "Sham Shui Po",
+      "810204": "Chuk Un",
+      "810205": "Kwun Tong",
+      "810303": "Sha Tin",
+      "810305": "Yuen Long",
+      "810306": "Tuen Mun",
+      "810307": "Tsuen Wan",
+      "810309": "Lantau Island"
+  }
+}

docs/demos/views/area.vue

@@ -1,31 +1,34 @@
 <template>
   <demo-section>
     <demo-block :title="$t('basicUsage')">
-      <van-area :areaList="areaList" />
+      <van-area :areaList="$t('areaList')" />
     </demo-block>
 
     <demo-block :title="$t('title2')">
-      <van-area :areaList="areaList" :value="value" />
+      <van-area :areaList="$t('areaList')" :value="value" />
     </demo-block>
 
     <demo-block :title="$t('title3')">
-      <van-area :areaList="areaList" :columnsNum="2" />
+      <van-area :areaList="$t('areaList')" :columnsNum="2" />
     </demo-block>
   </demo-section>
 </template>
 
 <script>
 import AreaList from '../mock/area.json';
+import AreaListEn from '../mock/areaEn.json';
 
 export default {
   i18n: {
     'zh-CN': {
       title2: '选中省市县',
-      title3: '配置显示列'
+      title3: '配置显示列',
+      areaList: AreaList
     },
     'en-US': {
       title2: 'Initial Value',
-      title3: 'Columns Number'
+      title3: 'Columns Number',
+      areaList: AreaListEn
     }
   },