From b2b60f58a80e4a35a9aa27d084978b82798317c5 Mon Sep 17 00:00:00 2001 From: neverland Date: Sat, 20 Jul 2019 11:19:08 +0800 Subject: [PATCH] [bugfix] AddressList: can't select item when click empty area (#3909) --- src/address-list/index.less | 2 +- src/address-list/index.tsx | 4 ++++ src/style/var.less | 7 ++++--- 3 files changed, 9 insertions(+), 4 deletions(-) diff --git a/src/address-list/index.less b/src/address-list/index.less index 908e737c0..65866949c 100644 --- a/src/address-list/index.less +++ b/src/address-list/index.less @@ -50,7 +50,7 @@ &__edit { position: absolute; top: 50%; - right: 15px; + right: @padding-md; font-size: @address-list-edit-icon-size; transform: translate(0, -50%); } diff --git a/src/address-list/index.tsx b/src/address-list/index.tsx index bd8e75210..7f3e22f4a 100644 --- a/src/address-list/index.tsx +++ b/src/address-list/index.tsx @@ -42,6 +42,10 @@ function AddressList( switchable={props.switchable} onSelect={() => { emit(ctx, disabled ? 'select-disabled' : 'select', item, index); + + if (!disabled) { + emit(ctx, 'input', item.id); + } }} onEdit={() => { emit(ctx, disabled ? 'edit-disabled' : 'edit', item, index); diff --git a/src/style/var.less b/src/style/var.less index 08abdba80..aac91a85f 100644 --- a/src/style/var.less +++ b/src/style/var.less @@ -18,6 +18,7 @@ @active-color: #f2f3f5; @background-color: #f8f8f8; @background-color-light: #fafafa; +@padding-xl: 32px; @padding-lg: 24px; @padding-md: 16px; @padding-sm: 12px; @@ -41,8 +42,8 @@ @action-sheet-cancel-padding-color: @background-color; // AddressEdit -@address-edit-buttons-padding: 30px 15px; -@address-edit-button-margin-bottom: 15px; +@address-edit-buttons-padding: @padding-xl @padding-md; +@address-edit-button-margin-bottom: @padding-md; @address-edit-detail-finish-color: @blue; @address-edit-detail-fnish-font-size: 12px; @@ -51,7 +52,7 @@ @address-list-disabled-text-font-size: 12px; @address-list-disabled-text-line-height: 30px; @address-list-add-button-z-index: 9999; -@address-list-item-padding: 15px; +@address-list-item-padding: @padding-md; @address-list-item-text-color: @gray-darker; @address-list-item-disabled-text-color: @gray-dark; @address-list-item-font-size: 12px;