[new feature] PullRefresh: add distance of slotProps (#3829)

src/pull-refresh/test/__snapshots__/index.spec.js.snap

@@ -48,6 +48,30 @@ exports[`change head content when pulling down 5`] = `
 </div>
 `;
 
+exports[`custom content by slots 1`] = `
+<div class="van-pull-refresh">
+  <div class="van-pull-refresh__track" style="transition: 0ms; transform: translate3d(0,20px, 0);">
+    <div class="van-pull-refresh__head">pulling 20</div>
+  </div>
+</div>
+`;
+
+exports[`custom content by slots 2`] = `
+<div class="van-pull-refresh">
+  <div class="van-pull-refresh__track" style="transition: 0ms; transform: translate3d(0,75px, 0);">
+    <div class="van-pull-refresh__head">loosing 75</div>
+  </div>
+</div>
+`;
+
+exports[`custom content by slots 3`] = `
+<div class="van-pull-refresh">
+  <div class="van-pull-refresh__track" style="transition: 300ms; transform: translate3d(0,50px, 0);">
+    <div class="van-pull-refresh__head">loading 50</div>
+  </div>
+</div>
+`;
+
 exports[`not in page top 1`] = `
 <div class="van-pull-refresh">
   <div class="van-pull-refresh__track" style="transition: 0ms;">

src/pull-refresh/test/index.spec.js

@@ -42,6 +42,37 @@ test('change head content when pulling down', async () => {
   expect(wrapper).toMatchSnapshot();
 });
 
+test('custom content by slots', async () => {
+  const wrapper = mount(PullRefresh, {
+    scopedSlots: {
+      pulling({ distance }) {
+        return `pulling ${distance}`;
+      },
+      loosing({ distance }) {
+        return `loosing ${distance}`;
+      },
+      loading({ distance }) {
+        return `loading ${distance}`;
+      }
+    }
+  });
+
+  const track = wrapper.find('.van-pull-refresh__track');
+
+  // pulling
+  trigger(track, 'touchstart', 0, 0);
+  trigger(track, 'touchmove', 0, 20);
+  expect(wrapper).toMatchSnapshot();
+
+  // loosing
+  trigger(track, 'touchmove', 0, 100);
+  expect(wrapper).toMatchSnapshot();
+
+  // loading
+  trigger(track, 'touchend', 0, 100);
+  expect(wrapper).toMatchSnapshot();
+});
+
 test('pull a short distance', () => {
   const wrapper = mount(PullRefresh, {
     propsData: {