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 |
| --- | --- | --- |
| change | Emitted when current swipe changed | _index: number_ |
| drag-start `v4.0.9` | Emitted when user starts dragging the swipe | - |
| drag-end `v4.0.9` | Emitted when user ends 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 | _{ index: number }_ |
### SwipeItem Events

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

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

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

@ -333,7 +333,7 @@ export default defineComponent({
move({ offset: delta.value });
if (!dragging) {
emit('dragStart');
emit('dragStart', { index: activeIndicator.value });
dragging = true;
}
}
@ -377,7 +377,7 @@ export default defineComponent({
dragging = false;
state.swiping = false;
emit('dragEnd');
emit('dragEnd', { index: activeIndicator.value });
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);
expect(dragStart).toHaveBeenCalledTimes(1);
expect(dragStart).toHaveBeenCalledWith({ index: 0 });
expect(dragEnd).toHaveBeenCalledTimes(1);
expect(dragEnd).toHaveBeenCalledWith({ index: 1 });
await triggerDrag(track, 100, 0);
expect(dragStart).toHaveBeenCalledTimes(2);
expect(dragStart).toHaveBeenCalledWith({ index: 1 });
expect(dragEnd).toHaveBeenCalledTimes(2);
expect(dragEnd).toHaveBeenCalledWith({ index: 0 });
});