diff --git a/packages/address-list/Item.vue b/packages/address-list/Item.vue new file mode 100644 index 000000000..7d5ae0886 --- /dev/null +++ b/packages/address-list/Item.vue @@ -0,0 +1,32 @@ + + + diff --git a/packages/address-list/demo/index.vue b/packages/address-list/demo/index.vue index 9ac4a419d..375c2558e 100644 --- a/packages/address-list/demo/index.vue +++ b/packages/address-list/demo/index.vue @@ -4,6 +4,8 @@ @@ -27,7 +29,9 @@ export default { name: '李四', tel: '1310000000', address: '浙江省杭州市拱墅区莫干山路 50 号' - }, + } + ], + disabledList: [ { id: '3', name: '王五', @@ -36,7 +40,8 @@ export default { } ], add: '新增地址', - edit: '编辑地址' + edit: '编辑地址', + disabledText: '以下地址超出配送范围' }, 'en-US': { list: [ @@ -51,7 +56,9 @@ export default { name: 'Ned Stark', tel: '1310000000', address: 'Somewhere' - }, + } + ], + disabledList: [ { id: '3', name: 'Tywin', @@ -60,7 +67,8 @@ export default { } ], add: 'Add', - edit: 'Edit' + edit: 'Edit', + disabledText: 'The following address is out of range' } }, @@ -74,6 +82,7 @@ export default { onAdd() { this.$toast(this.$t('add')); }, + onEdit(item, index) { this.$toast(this.$t('edit') + ':' + index); } diff --git a/packages/address-list/en-US.md b/packages/address-list/en-US.md index e400a7d83..9fb7d6de0 100644 --- a/packages/address-list/en-US.md +++ b/packages/address-list/en-US.md @@ -15,6 +15,8 @@ Vue.use(AddressList); @@ -38,6 +40,14 @@ export default { tel: '1310000000', address: 'Somewhere' } + ], + disabledList: [ + { + id: '3', + name: 'Tywin', + tel: '1320000000', + address: 'Somewhere' + } ] } }, @@ -59,6 +69,8 @@ export default { |-----------|-----------|-----------|-------------| | v-model | Id of chosen address | String | - | | list | Address list | Array | `[]` | +| disabled-list | Disabled address list | `Array` | `[]` | +| disabled-text | Disabled text | `String` | - | | add-button-text | Add button text | String | `Add new address` | ### Event @@ -66,8 +78,10 @@ export default { | Event | Description | Arguments | |-----------|-----------|-----------| | add | Triggered when click add button | - | -| edit | Triggered when click edit button | item: address object,index | +| edit | Triggered when edit address | item: address object,index | | select | Triggered when select address | item: address object,index | +| edit-disabled | Triggered when edit disabled address | item: address object,index | +| select-disabled | Triggered when select disabled address | item: address object,index | ### Address Data Structure diff --git a/packages/address-list/index.vue b/packages/address-list/index.vue index ec7f8d3fa..023c8994a 100644 --- a/packages/address-list/index.vue +++ b/packages/address-list/index.vue @@ -1,22 +1,28 @@