feat(Swipe): indicator slot add total param (#10060)

* feat(Swipe): indicator slot add total param

* test: indicator slot

packages/vant/src/swipe/README.md

@@ -206,10 +206,10 @@ swipeRef.value?.next();
 
 ### Swipe Slots
 
-| Name                | Description      | SlotProps            |
+| Name               | Description      | SlotProps                           |
-| ------------------- | ---------------- | -------------------- |
+| ------------------ | ---------------- | ----------------------------------- |
-| default             | Content          | -                    |
+| default            | Content          | -                                   |
-| indicator `v3.0.16` | Custom indicator | _{ active: number }_ |
+| indicator `v3.3.8` | Custom indicator | _{ active: number, total: number }_ |
 
 ## Theming
 

packages/vant/src/swipe/README.zh-CN.md

@@ -214,10 +214,10 @@ swipeRef.value?.next();
 
 ### Swipe Slots
 
-| 名称                | 说明         | 参数                 |
+| 名称               | 说明         | 参数                                |
-| ------------------- | ------------ | -------------------- |
+| ------------------ | ------------ | ----------------------------------- |
-| default             | 轮播内容     | -                    |
+| default            | 轮播内容     | -                                   |
-| indicator `v3.0.16` | 自定义指示器 | _{ active: number }_ |
+| indicator `v3.3.8` | 自定义指示器 | _{ active: number, total: number }_ |
 
 ## 主题定制
 

packages/vant/src/swipe/Swipe.tsx

@@ -384,6 +384,7 @@ export default defineComponent({
       if (slots.indicator) {
         return slots.indicator({
           active: activeIndicator.value,
+          total: count.value,
         });
       }
       if (props.showIndicators && count.value > 1) {

packages/vant/src/swipe/test/__snapshots__/index.spec.js.snap

@@ -76,6 +76,28 @@ exports[`should render dynamic SwipeItem correctly 2`] = `
 </div>
 `;
 
+exports[`should render indicator slot correctly 1`] = `
+<div class="van-swipe"
+     style="width: 100px; height: 100px;"
+>
+  <div style="transition-duration: 0ms; transform: translateX(0px); width: 200px;"
+       class="van-swipe__track"
+  >
+    <div class="van-swipe-item"
+         style="width: 100px;"
+    >
+      1
+    </div>
+    <div class="van-swipe-item"
+         style="width: 100px;"
+    >
+      2
+    </div>
+  </div>
+  active: 0, total: 2
+</div>
+`;
+
 exports[`should render initial swipe correctly 1`] = `
 <div class="van-swipe"
      style="width: 100px; height: 100px;"

packages/vant/src/swipe/test/index.spec.js

@@ -309,3 +309,25 @@ test('should render dynamic SwipeItem correctly', async () => {
   await later();
   expect(wrapper.html()).toMatchSnapshot();
 });
+
+test('should render indicator slot correctly', async () => {
+  const wrapper = mount({
+    render() {
+      return (
+        <Swipe
+          v-slots={{
+            indicator: ({ active, total }) =>
+              `active: ${active}, total: ${total}`,
+          }}
+          style={swipeStyle}
+        >
+          <SwipeItem>1</SwipeItem>
+          <SwipeItem>2</SwipeItem>
+        </Swipe>
+      );
+    },
+  });
+
+  await later();
+  expect(wrapper.html()).toMatchSnapshot();
+});