Skip to content

Commit fbcb8be

Browse files
authored
feat(addresslist): slot 作用域增加列表项数据 (#2372)
1 parent 4f1e726 commit fbcb8be

File tree

5 files changed

+28
-28
lines changed

5 files changed

+28
-28
lines changed

src/packages/__VUE/addresslist/doc.en-US.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -259,13 +259,13 @@ export default {
259259

260260
The `AddressList` component is divided into several areas by default, and these areas are defined as slots, which can be replaced as needed
261261

262-
| Name | Description | Illustrate |
262+
| Name | Description | Scoped Slots |
263263
| ------------- | ----------------------------------------------- | ----------- |
264-
| item-infos | Address list item name/contact/default one line | public |
265-
| item-icon | address list item icon | public |
266-
| item-addr | Address list item detailed address | public |
267-
| swipe-right | Address list item right swipe area | Use with swipe |
268-
| longpress-btns | Address list item long press to mask content | Use with long press |
264+
| item-infos | Address list item name/contact/default one line | `{ item }` |
265+
| item-icon | address list item icon | `{ item }` |
266+
| item-addr | Address list item detailed address | `{ item }` |
267+
| swipe-right | Address list item right swipe area | `{ item }` |
268+
| longpress-btns | Address list item long press to mask content | `{ item }` |
269269

270270
### Each item in the data array is smoothed with the parameters of the dataOptions object
271271

src/packages/__VUE/addresslist/doc.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -260,13 +260,13 @@ export default {
260260

261261
`AddressList` 组件默认划分为若干区域,这些区域都定义成了插槽,可以按照需求进行替换
262262

263-
| 名称 | 说明 | 说明 |
263+
| 名称 | 说明 | 作用域参数 |
264264
| ------------- | -------------------------------- | -------------- |
265-
| item-infos | 地址列表项姓名/联系方式/默认一行 | 公共 |
266-
| item-icon | 地址列表项图标 | 公共 |
267-
| item-addr | 地址列表项详细地址 | 公共 |
268-
| swipe-right | 地址列表项右滑区域 | 滑动功能下使用 |
269-
| longpress-btns | 地址列表项长按遮罩内容 | 长按功能下使用 |
265+
| item-infos | 地址列表项姓名/联系方式/默认一行 | `{ item }` |
266+
| item-icon | 地址列表项图标 | `{ item }` |
267+
| item-addr | 地址列表项详细地址 | `{ item }` |
268+
| swipe-right | 地址列表项右滑区域 | `{ item }` |
269+
| longpress-btns | 地址列表项长按遮罩内容 | `{ item }` |
270270

271271
### data 数组中每一项 与 dataOptions 对象的参数磨平
272272

src/packages/__VUE/addresslist/doc.taro.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -260,13 +260,13 @@ export default {
260260

261261
`AddressList` 组件默认划分为若干区域,这些区域都定义成了插槽,可以按照需求进行替换
262262

263-
| 名称 | 说明 | 说明 |
263+
| 名称 | 说明 | 作用域参数 |
264264
| ------------- | -------------------------------- | -------------- |
265-
| item-infos | 地址列表项姓名/联系方式/默认一行 | 公共 |
266-
| item-icon | 地址列表项图标 | 公共 |
267-
| item-addr | 地址列表项详细地址 | 公共 |
268-
| swipe-right | 地址列表项右滑区域 | 滑动功能下使用 |
269-
| longpress-btns | 地址列表项长按遮罩内容 | 长按功能下使用 |
265+
| item-infos | 地址列表项姓名/联系方式/默认一行 | `{ item }` |
266+
| item-icon | 地址列表项图标 | `{ item }` |
267+
| item-addr | 地址列表项详细地址 | `{ item }` |
268+
| swipe-right | 地址列表项右滑区域 | `{ item }` |
269+
| longpress-btns | 地址列表项长按遮罩内容 | `{ item }` |
270270

271271
### data 数组中每一项 与 dataOptions 对象的参数磨平
272272

src/packages/__VUE/addresslist/index.taro.vue

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -15,19 +15,19 @@
1515
@longDel="clickLongDel"
1616
>
1717
<template #content-info>
18-
<slot name="item-infos"></slot>
18+
<slot name="item-infos" :item="item"></slot>
1919
</template>
2020
<template #content-icons>
21-
<slot name="item-icon"></slot>
21+
<slot name="item-icon" :item="item"></slot>
2222
</template>
2323
<template #content-addrs>
24-
<slot name="item-addr"></slot>
24+
<slot name="item-addr" :item="item"></slot>
2525
</template>
2626
<template #longpress-all v-if="longPress">
27-
<slot name="longpress-btns"></slot>
27+
<slot name="longpress-btns" :item="item"></slot>
2828
</template>
2929
<template #swipe-right-btn v-if="swipeEdition">
30-
<slot name="swipe-right"></slot>
30+
<slot name="swipe-right" :item="item"></slot>
3131
</template>
3232
</general-shell>
3333
<div class="nut-address-list__bottom" v-if="showBottomButton" @click="addAddress">

src/packages/__VUE/addresslist/index.vue

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -15,19 +15,19 @@
1515
@longDel="clickLongDel"
1616
>
1717
<template #content-info>
18-
<slot name="item-infos"></slot>
18+
<slot name="item-infos" :item="item"></slot>
1919
</template>
2020
<template #content-icons>
21-
<slot name="item-icon"></slot>
21+
<slot name="item-icon" :item="item"></slot>
2222
</template>
2323
<template #content-addrs>
24-
<slot name="item-addr"></slot>
24+
<slot name="item-addr" :item="item"></slot>
2525
</template>
2626
<template #longpress-all v-if="longPress">
27-
<slot name="longpress-btns"></slot>
27+
<slot name="longpress-btns" :item="item"></slot>
2828
</template>
2929
<template #swipe-right-btn v-if="swipeEdition">
30-
<slot name="swipe-right"></slot>
30+
<slot name="swipe-right" :item="item"></slot>
3131
</template>
3232
</general-shell>
3333
<div class="nut-address-list__bottom" v-if="showBottomButton" @click="addAddress">

0 commit comments

Comments
 (0)