diff --git a/src/address-list/Item.tsx b/src/address-list/Item.tsx
index c5792e6c6..1ac884c32 100644
--- a/src/address-list/Item.tsx
+++ b/src/address-list/Item.tsx
@@ -3,6 +3,7 @@ import { emit, inherit } from '../utils/functional';
import Icon from '../icon';
import Cell from '../cell';
import Radio from '../radio';
+import Tag from '../tag';
// Types
import { CreateElement, RenderContext } from 'vue/types';
@@ -13,12 +14,14 @@ export type AddressItemData = {
tel: string | number;
name: string;
address: string;
+ isDefault: boolean;
};
export type AddressItemProps = {
data: AddressItemData;
disabled?: boolean;
switchable?: boolean;
+ defaultTagText?: string;
};
export type AddressItemEvents = {
@@ -60,7 +63,14 @@ function AddressItem(
const genContent = () => {
const { data } = props;
const Info = [
-
{`${data.name},${data.tel}`}
,
+
+ {`${data.name} ${data.tel}`}
+ {data.isDefault && props.defaultTagText && (
+
+ {props.defaultTagText}
+
+ )}
+
,
{data.address}
];
@@ -77,6 +87,7 @@ function AddressItem(
(AddressItem);
diff --git a/src/address-list/README.md b/src/address-list/README.md
index 95bb6a10b..7187257af 100644
--- a/src/address-list/README.md
+++ b/src/address-list/README.md
@@ -77,6 +77,7 @@ export default {
| disabled-text | Disabled text | *string* | - | - |
| switchable | Whether to allow switch address | *boolean* | `true` | - |
| add-button-text | Add button text | *string* | `Add new address` | - |
+| default-tag-text | Default tag text | *string* | - | - |
### Events
@@ -97,6 +98,7 @@ export default {
| name | Name | *string* |
| tel | Phone | *string \| number* |
| address | Address | *string* |
+| isDefault | Is default address | *boolean* |
### Slots
diff --git a/src/address-list/README.zh-CN.md b/src/address-list/README.zh-CN.md
index f1e0e9a18..1bdc323bb 100644
--- a/src/address-list/README.zh-CN.md
+++ b/src/address-list/README.zh-CN.md
@@ -78,6 +78,7 @@ export default {
| disabled-text | 不可配送提示文案 | *string* | - | - |
| switchable | 是否允许切换地址 | *boolean* | `true` | - |
| add-button-text | 底部按钮文字 | *string* | `新增地址` | - |
+| default-tag-text | 默认地址标签文字 | *string* | - | - |
### Events
@@ -98,6 +99,7 @@ export default {
| name | 收货人姓名 | *string* |
| tel | 收货人手机号 | *string \| number* |
| address | 收货地址 | *string* |
+| isDefault | 是否为默认地址 | *boolean* |
### Slots
diff --git a/src/address-list/demo/index.vue b/src/address-list/demo/index.vue
index 662900167..d1982cba2 100644
--- a/src/address-list/demo/index.vue
+++ b/src/address-list/demo/index.vue
@@ -3,6 +3,7 @@
{
emit(ctx, disabled ? 'select-disabled' : 'select', item, index);
@@ -67,16 +69,18 @@ function AddressList(
{props.disabledText && {props.disabledText} }
{DisabledList}
{slots.default && slots.default()}
- |