[Improvement] Reorganize demos (#1052)

packages/address-edit/demo/index.vue

@@ -0,0 +1,69 @@
+<template>
+  <demo-section>
+    <demo-block :title="$t('basicUsage')">
+      <van-address-edit
+        :area-list="areaList"
+        show-postal
+        show-delete
+        show-set-default
+        show-search-result
+        :search-result="searchResult"
+        @save="onSave"
+        @delete="onDelete"
+        @change-detail="onChangeDetail"
+      />
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+import areaList from '../../area/demo/area';
+
+export default {
+  i18n: {
+    'zh-CN': {
+      searchResult: [{
+        name: '黄龙万科中心',
+        address: '杭州市西湖区'
+      }, {
+        name: '黄龙万科中心G座'
+      }, {
+        name: '黄龙万科中心H座',
+        address: '杭州市西湖区'
+      }]
+    },
+    'en-US': {
+      searchResult: [{
+        name: 'Name1',
+        address: 'Address'
+      }, {
+        name: 'Name2'
+      }, {
+        name: 'Name3',
+        address: 'Address'
+      }]
+    }
+  },
+
+  data() {
+    return {
+      areaList,
+      searchResult: []
+    };
+  },
+
+  methods: {
+    onSave() {
+      Toast('save');
+    },
+
+    onDelete() {
+      Toast('delete');
+    },
+
+    onChangeDetail(val) {
+      this.searchResult = val ? this.$t('searchResult') : [];
+    }
+  }
+};
+</script>