blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 19:41:42 +08:00
Code Issues Projects Releases Wiki Activity

feat(PullRefresh): add change event (#10702)

Browse Source
This commit is contained in:
neverland 2022-06-11 15:45:00 +08:00 committed by GitHub
parent 525653b68d
commit 4dab4e20c2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 25 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/vant/src/pull-refresh/PullRefresh.tsx
View File

@ -55,7 +55,7 @@ export default defineComponent({
props: pullRefreshProps,
emits: ['refresh', 'update:modelValue'],
emits: ['change', 'refresh', 'update:modelValue'],
setup(props, { emit, slots }) {
let reachTop: boolean;
@ -111,6 +111,11 @@ export default defineComponent({
} else {
state.status = 'loosing';
}
emit('change', {
status: state.status,
distance,
});
};
const getStatusText = () => {

7
packages/vant/src/pull-refresh/README.md
View File

@ -126,9 +126,10 @@ Use slots to custom tips.
### Events
| Event | Description | Parameters |
| ------- | ----------------------------- | ---------- |
| refresh | Emitted after pulling refresh | - |
| Event | Description | Parameters |
| --- | --- | --- |
| refresh | Emitted after pulling refresh | - |
| change `v3.5.1` | Emitted when draging or status changed | _{ status: string, distance: number }_ |
### Slots

7
packages/vant/src/pull-refresh/README.zh-CN.md
View File

@ -129,9 +129,10 @@ export default {
### Events
| 事件名 | 说明 | 回调参数 |
| ------- | -------------- | -------- |
| refresh | 下拉刷新时触发 | - |
| 事件名 | 说明 | 回调参数 |
| --- | --- | --- |
| refresh | 下拉刷新时触发 | - |
| change `v3.5.1` | 拖动时或状态改变时触发 | _{ status: string, distance: number }_ |
### Slots

11
packages/vant/src/pull-refresh/test/index.spec.ts
View File

@ -164,3 +164,14 @@ test('should allow to custom pull distance', async () => {
await later();
expect(wrapper.html()).toMatchSnapshot();
});
test('should emit change event when status changed', async () => {
const wrapper = mount(PullRefresh);
const track = wrapper.find('.van-pull-refresh__track');
trigger(track, 'touchstart', 0, 0);
trigger(track, 'touchmove', 0, 20);
await later();
expect(wrapper.emitted('change')).toEqual([
[{ distance: 20, status: 'pulling' }],
]);
});