[Improvement] Reorganize demos (#1052)

packages/address-list/demo/index.vue

@@ -0,0 +1,82 @@
+<template>
+  <demo-section>
+    <demo-block :title="$t('basicUsage')">
+      <van-address-list
+        v-model="chosenAddressId"
+        :list="$t('list')"
+        @add="onAdd"
+        @edit="onEdit"
+      />
+    </demo-block>
+  </demo-section>
+</template>
+
+<script>
+export default {
+  i18n: {
+    'zh-CN': {
+      list: [
+        {
+          id: '1',
+          name: '张三',
+          tel: '13000000000',
+          address: '浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室'
+        },
+        {
+          id: '2',
+          name: '李四',
+          tel: '1310000000',
+          address: '浙江省杭州市拱墅区莫干山路 50 号'
+        },
+        {
+          id: '3',
+          name: '王五',
+          tel: '1320000000',
+          address: '浙江省杭州市滨江区江南大道 15 号'
+        }
+      ],
+      add: '新增收货地址',
+      edit: '编辑收货地址'
+    },
+    'en-US': {
+      list: [
+        {
+          id: '1',
+          name: 'John Snow',
+          tel: '13000000000',
+          address: 'Somewhere'
+        },
+        {
+          id: '2',
+          name: 'Ned Stark',
+          tel: '1310000000',
+          address: 'Somewhere'
+        },
+        {
+          id: '3',
+          name: 'Tywin',
+          tel: '1320000000',
+          address: 'Somewhere'
+        }
+      ],
+      add: 'Add',
+      edit: 'Edit'
+    }
+  },
+
+  data() {
+    return {
+      chosenAddressId: '1'
+    };
+  },
+
+  methods: {
+    onAdd() {
+      Toast(this.$t('add'));
+    },
+    onEdit(item, index) {
+      Toast(this.$t('edit') + ':' + index);
+    }
+  }
+};
+</script>