From f90e96f701890624ed8241c0efd0596ba3ca41b6 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Tue, 16 Oct 2018 21:12:45 +0800
Subject: [PATCH] [improvement] AddressList: add switchable prop (#1938)

---
 packages/address-list/Item.vue                  | 17 +++++++++++++++--
 packages/address-list/en-US.md                  |  1 +
 packages/address-list/index.vue                 |  5 +++++
 .../test/__snapshots__/demo.spec.js.snap        |  2 +-
 packages/address-list/zh-CN.md                  |  1 +
 packages/vant-css/src/address-list.css          | 14 ++++++++------
 6 files changed, 31 insertions(+), 9 deletions(-)

diff --git a/packages/address-list/Item.vue b/packages/address-list/Item.vue
index 7d5ae0886..f5d2b2b6b 100644
--- a/packages/address-list/Item.vue
+++ b/packages/address-list/Item.vue
@@ -1,5 +1,9 @@
 <template>
-  <cell :class="b({ disabled })" :is-link="!disabled" @click="$emit('select')">
+  <cell
+    :class="b({ disabled, unswitchable: !switchable })"
+    :is-link="!disabled && switchable"
+    @click="onSelect"
+  >
     <radio :name="data.id">
       <div :class="b('name')">{{ data.name }}，{{ data.tel }}</div>
       <div :class="b('address')">{{ data.address }}</div>
@@ -26,7 +30,16 @@ export default create({
 
   props: {
     data: Object,
-    disabled: Boolean
+    disabled: Boolean,
+    switchable: Boolean
+  },
+
+  methods: {
+    onSelect() {
+      if (this.switchable) {
+        this.$emit('select');
+      }
+    }
   }
 });
 </script>
diff --git a/packages/address-list/en-US.md b/packages/address-list/en-US.md
index 9fb7d6de0..cd059c490 100644
--- a/packages/address-list/en-US.md
+++ b/packages/address-list/en-US.md
@@ -71,6 +71,7 @@ export default {
 | list | Address list | Array | `[]` |
 | disabled-list | Disabled address list | `Array` | `[]` |
 | disabled-text | Disabled text | `String` | - |
+| switchable | Whether to allow switch address | `Boolean` | `true` |
 | add-button-text | Add button text | String | `Add new address` |
 
 ### Event
diff --git a/packages/address-list/index.vue b/packages/address-list/index.vue
index 023c8994a..527dfd688 100644
--- a/packages/address-list/index.vue
+++ b/packages/address-list/index.vue
@@ -7,6 +7,7 @@
           v-for="(item, index) in list"
           :data="item"
           :key="item.id"
+          :switchable="switchable"
           @select="$emit('select', item, index)"
           @edit="$emit('edit', item, index)"
         />
@@ -54,6 +55,10 @@ export default create({
     disabledText: String,
     addButtonText: String,
     value: [String, Number],
+    switchable: {
+      type: Boolean,
+      default: true
+    },
     list: {
       type: Array,
       default: () => []
diff --git a/packages/address-list/test/__snapshots__/demo.spec.js.snap b/packages/address-list/test/__snapshots__/demo.spec.js.snap
index d9de9b5ba..49dade236 100644
--- a/packages/address-list/test/__snapshots__/demo.spec.js.snap
+++ b/packages/address-list/test/__snapshots__/demo.spec.js.snap
@@ -30,7 +30,7 @@ exports[`renders demo correctly 1`] = `
       </div>
       <div class="van-address-list__disabled-text">以下地址超出配送范围</div>
       <div class="van-cell-group van-hairline--top-bottom">
-        <div class="van-cell van-address-item van-address-item--disabled">
+        <div class="van-cell van-address-item van-address-item--disabled van-address-item--unswitchable">
           <!---->
           <!---->
           <div class="van-cell__value van-cell__value--alone">
diff --git a/packages/address-list/zh-CN.md b/packages/address-list/zh-CN.md
index 2fada03a2..0744c8b87 100644
--- a/packages/address-list/zh-CN.md
+++ b/packages/address-list/zh-CN.md
@@ -73,6 +73,7 @@ export default {
 | list | 地址列表 | `Array` | `[]` |
 | disabled-list | 不可配送地址列表 | `Array` | `[]` |
 | disabled-text | 不可配送提示文案 | `String` | - |
+| switchable | 是否允许切换地址 | `Boolean` | `true` |
 | add-button-text | 底部按钮文字 | `String` | `新增地址` |
 
 ### Event
diff --git a/packages/vant-css/src/address-list.css b/packages/vant-css/src/address-list.css
index e124a2fcd..f1bb31fc8 100644
--- a/packages/vant-css/src/address-list.css
+++ b/packages/vant-css/src/address-list.css
@@ -61,12 +61,7 @@
     color: $gray-darker;
   }
 
-  &--disabled {
-    .van-address-item__name,
-    .van-address-item__address {
-      color: $gray-dark;
-    }
-
+  &--unswitchable {
     .van-radio__input {
       display: none;
     }
@@ -76,6 +71,13 @@
     }
   }
 
+  &--disabled {
+    .van-address-item__name,
+    .van-address-item__address {
+      color: $gray-dark;
+    }
+  }
+
   &__edit {
     position: absolute;
     top: 50%;