From 4484665caa18889ebcf03b3896606ef701986932 Mon Sep 17 00:00:00 2001 From: neverland Date: Sun, 31 Mar 2024 17:34:13 +0800 Subject: [PATCH] feat(AddressList): add event param for click-item (#12748) --- packages/vant/src/address-list/AddressList.tsx | 3 ++- packages/vant/src/address-list/AddressListItem.tsx | 6 +++--- packages/vant/src/address-list/README.md | 2 +- packages/vant/src/address-list/README.zh-CN.md | 2 +- packages/vant/src/address-list/test/index.spec.ts | 2 +- 5 files changed, 8 insertions(+), 7 deletions(-) diff --git a/packages/vant/src/address-list/AddressList.tsx b/packages/vant/src/address-list/AddressList.tsx index 69459a899e45..d36040359dd9 100644 --- a/packages/vant/src/address-list/AddressList.tsx +++ b/packages/vant/src/address-list/AddressList.tsx @@ -54,7 +54,8 @@ export default defineComponent({ const onEdit = () => emit(disabled ? 'editDisabled' : 'edit', item, index); - const onClick = () => emit('clickItem', item, index); + const onClick = (event: MouseEvent) => + emit('clickItem', item, index, { event }); const onSelect = () => { emit(disabled ? 'selectDisabled' : 'select', item, index); diff --git a/packages/vant/src/address-list/AddressListItem.tsx b/packages/vant/src/address-list/AddressListItem.tsx index 25b6d05f6c6c..c5e4decae7e1 100644 --- a/packages/vant/src/address-list/AddressListItem.tsx +++ b/packages/vant/src/address-list/AddressListItem.tsx @@ -39,11 +39,11 @@ export default defineComponent({ emits: ['edit', 'click', 'select'], setup(props, { slots, emit }) { - const onClick = () => { + const onClick = (event: MouseEvent) => { if (props.switchable) { emit('select'); } - emit('click'); + emit('click', event); }; const renderRightIcon = () => ( @@ -53,7 +53,7 @@ export default defineComponent({ onClick={(event) => { event.stopPropagation(); emit('edit'); - emit('click'); + emit('click', event); }} /> ); diff --git a/packages/vant/src/address-list/README.md b/packages/vant/src/address-list/README.md index dea1f5ccf18d..8b73c09afb9f 100644 --- a/packages/vant/src/address-list/README.md +++ b/packages/vant/src/address-list/README.md @@ -102,7 +102,7 @@ export default { | select | Emitted when an address is selected | _item: Address, index: number_ | | edit-disabled | Emitted when the edit icon of disabled address is clicked | _item: Address, index: number_ | | select-disabled | Emitted when a disabled address is selected | _item: Address, index: number_ | -| click-item | Emitted when an address item is clicked | _item: Address, index: number_ | +| click-item | Emitted when an address item is clicked | _item: Address, index: number, { event }_ | ### Data Structure of Address diff --git a/packages/vant/src/address-list/README.zh-CN.md b/packages/vant/src/address-list/README.zh-CN.md index 4c1f0f666938..57ac77fd044f 100644 --- a/packages/vant/src/address-list/README.zh-CN.md +++ b/packages/vant/src/address-list/README.zh-CN.md @@ -102,7 +102,7 @@ export default { | select | 切换选中的地址时触发 | _item: AddressListAddress, index: number_ | | edit-disabled | 编辑不可配送的地址时触发 | _item: AddressListAddress, index: number_ | | select-disabled | 选中不可配送的地址时触发 | _item: AddressListAddress, index: number_ | -| click-item | 点击任意地址时触发 | _item: AddressListAddress, index: number_ | +| click-item | 点击任意地址时触发 | _item: AddressListAddress, index: number, { event }_ | ### AddressListAddress 数据结构 diff --git a/packages/vant/src/address-list/test/index.spec.ts b/packages/vant/src/address-list/test/index.spec.ts index b792976bd62d..eaa486cac765 100644 --- a/packages/vant/src/address-list/test/index.spec.ts +++ b/packages/vant/src/address-list/test/index.spec.ts @@ -48,7 +48,7 @@ test('should emit clickItem event when item is clicked', () => { wrapper.find('.van-address-item').trigger('click'); - expect(wrapper.emitted('clickItem')![0]).toEqual([list[0], 0]); + expect(wrapper.emitted('clickItem')![0].slice(0, 2)).toEqual([list[0], 0]); }); test('should render tag slot correctly', () => {