blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

feat(Swipe): add index when trigger onDragStart or onDragEnd (#11632)

Browse Source 
* perf(Swipe): add index when trigger onDragStart or onDragEnd

* perf(Swipe): change the arguments of the onDragStart and onDragEnd events to the Object

---------

Co-authored-by: ZZQChongYa <zhengziqiang@star-net.cn>
This commit is contained in:
SaberA1ter 2023-03-04 15:19:31 +08:00 committed by GitHub
parent c63fee0d13
commit 2d72821de0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/vant/src/swipe/README.md
View File

@ -161,8 +161,8 @@ export default {
| Event | Description | Arguments | | Event | Description | Arguments |
| --- | --- | --- | | --- | --- | --- |
| change | Emitted when current swipe changed | _index: number_ | | change | Emitted when current swipe changed | _index: number_ |
| drag-start `v4.0.9` | Emitted when user starts dragging the swipe | - | | drag-start `v4.0.9` | Emitted when user starts dragging the swipe | _{ index: number }_ |
| drag-end `v4.0.9` | Emitted when user ends dragging the swipe | - | | drag-end `v4.0.9` | Emitted when user ends dragging the swipe | _{ index: number }_ |
### SwipeItem Events ### SwipeItem Events

10
packages/vant/src/swipe/README.zh-CN.md
View File

@ -166,11 +166,11 @@ export default {
### Swipe Events ### Swipe Events
| 事件名 | 说明 | 回调参数 | | 事件名 | 说明 | 回调参数 |
| ------------------- | ---------------------------- | --------------- | | ------------------- | ---------------------------- | ------------------- |
| change | 每一页轮播结束后触发 | _index: number_ | | change | 每一页轮播结束后触发 | _index: number_ |
| drag-start `v4.0.9` | 当用户开始拖动轮播组件时触发 | - | | drag-start `v4.0.9` | 当用户开始拖动轮播组件时触发 | _{ index: number }_ |
| drag-end `v4.0.9` | 当用户结束拖动轮播组件时触发 | - | | drag-end `v4.0.9` | 当用户结束拖动轮播组件时触发 | _{ index: number }_ |
### SwipeItem Events ### SwipeItem Events

4
packages/vant/src/swipe/Swipe.tsx
View File

@ -333,7 +333,7 @@ export default defineComponent({
move({ offset: delta.value }); move({ offset: delta.value });
if (!dragging) { if (!dragging) {
emit('dragStart'); emit('dragStart', { index: activeIndicator.value });
dragging = true; dragging = true;
} }
} }
@ -377,7 +377,7 @@ export default defineComponent({
dragging = false; dragging = false;
state.swiping = false; state.swiping = false;
emit('dragEnd'); emit('dragEnd', { index: activeIndicator.value });
autoplay(); autoplay();
}; };

4
packages/vant/src/swipe/test/index.spec.jsx
View File

@ -350,9 +350,13 @@ test('should emit drag-start and drag-end events correctly', async () => {
await triggerDrag(track, 100, 0); await triggerDrag(track, 100, 0);
expect(dragStart).toHaveBeenCalledTimes(1); expect(dragStart).toHaveBeenCalledTimes(1);
expect(dragStart).toHaveBeenCalledWith({ index: 0 });
expect(dragEnd).toHaveBeenCalledTimes(1); expect(dragEnd).toHaveBeenCalledTimes(1);
expect(dragEnd).toHaveBeenCalledWith({ index: 1 });
await triggerDrag(track, 100, 0); await triggerDrag(track, 100, 0);
expect(dragStart).toHaveBeenCalledTimes(2); expect(dragStart).toHaveBeenCalledTimes(2);
expect(dragStart).toHaveBeenCalledWith({ index: 1 });
expect(dragEnd).toHaveBeenCalledTimes(2); expect(dragEnd).toHaveBeenCalledTimes(2);
expect(dragEnd).toHaveBeenCalledWith({ index: 0 });
}); });