From 4dab4e20c27326cc9aa397c7090d7695b0a28b30 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Sat, 11 Jun 2022 15:45:00 +0800
Subject: [PATCH] feat(PullRefresh): add change event (#10702)

---
 packages/vant/src/pull-refresh/PullRefresh.tsx    |  7 ++++++-
 packages/vant/src/pull-refresh/README.md          |  7 ++++---
 packages/vant/src/pull-refresh/README.zh-CN.md    |  7 ++++---
 packages/vant/src/pull-refresh/test/index.spec.ts | 11 +++++++++++
 4 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/packages/vant/src/pull-refresh/PullRefresh.tsx b/packages/vant/src/pull-refresh/PullRefresh.tsx
index 7720efd28..fa6f6f97a 100644
--- a/packages/vant/src/pull-refresh/PullRefresh.tsx
+++ b/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 = () => {
diff --git a/packages/vant/src/pull-refresh/README.md b/packages/vant/src/pull-refresh/README.md
index 5fe4f0249..5501a3008 100644
--- a/packages/vant/src/pull-refresh/README.md
+++ b/packages/vant/src/pull-refresh/README.md
@@ -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
 
diff --git a/packages/vant/src/pull-refresh/README.zh-CN.md b/packages/vant/src/pull-refresh/README.zh-CN.md
index 6cf810bec..bd965f779 100644
--- a/packages/vant/src/pull-refresh/README.zh-CN.md
+++ b/packages/vant/src/pull-refresh/README.zh-CN.md
@@ -129,9 +129,10 @@ export default {
 
 ### Events
 
-| 事件名  | 说明           | 回调参数 |
-| ------- | -------------- | -------- |
-| refresh | 下拉刷新时触发 | -        |
+| 事件名 | 说明 | 回调参数 |
+| --- | --- | --- |
+| refresh | 下拉刷新时触发 | - |
+| change `v3.5.1` | 拖动时或状态改变时触发 | _{ status: string, distance: number }_ |
 
 ### Slots
 
diff --git a/packages/vant/src/pull-refresh/test/index.spec.ts b/packages/vant/src/pull-refresh/test/index.spec.ts
index c3adb0ed9..f10496faa 100644
--- a/packages/vant/src/pull-refresh/test/index.spec.ts
+++ b/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' }],
+  ]);
+});