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

packages/vant/src/pull-refresh/PullRefresh.tsx

@@ -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 = () => {

packages/vant/src/pull-refresh/README.md

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

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

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

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

@@ -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' }],
+  ]);
+});