From e2a4f091ea8a35d7f997c674f51a2d8a4caba0eb Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@youzan.com>
Date: Tue, 16 Nov 2021 17:41:29 +0800
Subject: [PATCH] feat(Stepper): add aria-disabled for a11y (#9877)

---
 .../src/form/test/__snapshots__/demo.spec.ts.snap     |  1 +
 packages/vant/src/stepper/Stepper.tsx                 |  2 ++
 .../src/stepper/test/__snapshots__/demo.spec.ts.snap  | 11 +++++++++++
 .../src/stepper/test/__snapshots__/index.spec.ts.snap |  3 +++
 4 files changed, 17 insertions(+)

diff --git a/packages/vant/src/form/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/form/test/__snapshots__/demo.spec.ts.snap
index 12d049126..5a4656b54 100644
--- a/packages/vant/src/form/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/form/test/__snapshots__/demo.spec.ts.snap
@@ -276,6 +276,7 @@ exports[`should render demo and match snapshot 1`] = `
               >
                 <button type="button"
                         class="van-stepper__minus van-stepper__minus--disabled"
+                        aria-disabled="true"
                 >
                 </button>
                 <input type="text"
diff --git a/packages/vant/src/stepper/Stepper.tsx b/packages/vant/src/stepper/Stepper.tsx
index ca7ab897a..8963c0559 100644
--- a/packages/vant/src/stepper/Stepper.tsx
+++ b/packages/vant/src/stepper/Stepper.tsx
@@ -297,6 +297,7 @@ export default defineComponent({
             bem('minus', { disabled: minusDisabled.value }),
             { [HAPTICS_FEEDBACK]: !minusDisabled.value },
           ]}
+          aria-disabled={minusDisabled.value || undefined}
           {...createListeners('minus')}
         />
         <input
@@ -328,6 +329,7 @@ export default defineComponent({
             bem('plus', { disabled: plusDisabled.value }),
             { [HAPTICS_FEEDBACK]: !plusDisabled.value },
           ]}
+          aria-disabled={plusDisabled.value || undefined}
           {...createListeners('plus')}
         />
       </div>
diff --git a/packages/vant/src/stepper/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/stepper/test/__snapshots__/demo.spec.ts.snap
index 661af3d2a..5728c7439 100644
--- a/packages/vant/src/stepper/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/stepper/test/__snapshots__/demo.spec.ts.snap
@@ -14,6 +14,7 @@ exports[`should render demo and match snapshot 1`] = `
       >
         <button type="button"
                 class="van-stepper__minus van-stepper__minus--disabled"
+                aria-disabled="true"
         >
         </button>
         <input type="text"
@@ -43,6 +44,7 @@ exports[`should render demo and match snapshot 1`] = `
       >
         <button type="button"
                 class="van-stepper__minus van-stepper__minus--disabled"
+                aria-disabled="true"
         >
         </button>
         <input type="text"
@@ -72,6 +74,7 @@ exports[`should render demo and match snapshot 1`] = `
       >
         <button type="button"
                 class="van-stepper__minus van-stepper__minus--disabled"
+                aria-disabled="true"
         >
         </button>
         <input type="text"
@@ -101,6 +104,7 @@ exports[`should render demo and match snapshot 1`] = `
       >
         <button type="button"
                 class="van-stepper__minus van-stepper__minus--disabled"
+                aria-disabled="true"
         >
         </button>
         <input type="tel"
@@ -130,6 +134,7 @@ exports[`should render demo and match snapshot 1`] = `
       >
         <button type="button"
                 class="van-stepper__minus van-stepper__minus--disabled"
+                aria-disabled="true"
         >
         </button>
         <input type="text"
@@ -143,6 +148,7 @@ exports[`should render demo and match snapshot 1`] = `
         >
         <button type="button"
                 class="van-stepper__plus van-stepper__plus--disabled"
+                aria-disabled="true"
         >
         </button>
       </div>
@@ -160,6 +166,7 @@ exports[`should render demo and match snapshot 1`] = `
       >
         <button type="button"
                 class="van-stepper__minus van-stepper__minus--disabled"
+                aria-disabled="true"
         >
         </button>
         <input type="text"
@@ -190,6 +197,7 @@ exports[`should render demo and match snapshot 1`] = `
       >
         <button type="button"
                 class="van-stepper__minus van-stepper__minus--disabled"
+                aria-disabled="true"
         >
         </button>
         <input type="text"
@@ -220,6 +228,7 @@ exports[`should render demo and match snapshot 1`] = `
         <button type="button"
                 style="width: 32px; height: 32px;"
                 class="van-stepper__minus van-stepper__minus--disabled"
+                aria-disabled="true"
         >
         </button>
         <input type="text"
@@ -251,6 +260,7 @@ exports[`should render demo and match snapshot 1`] = `
       >
         <button type="button"
                 class="van-stepper__minus van-stepper__minus--disabled"
+                aria-disabled="true"
         >
         </button>
         <input type="text"
@@ -281,6 +291,7 @@ exports[`should render demo and match snapshot 1`] = `
         <button type="button"
                 style="width: 22px; height: 22px;"
                 class="van-stepper__minus van-stepper__minus--disabled"
+                aria-disabled="true"
         >
         </button>
         <input type="text"
diff --git a/packages/vant/src/stepper/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/stepper/test/__snapshots__/index.spec.ts.snap
index 9334ec42f..3c36af554 100644
--- a/packages/vant/src/stepper/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/stepper/test/__snapshots__/index.spec.ts.snap
@@ -6,6 +6,7 @@ exports[`should disable buttons and input when using disabled prop 1`] = `
 >
   <button type="button"
           class="van-stepper__minus van-stepper__minus--disabled"
+          aria-disabled="true"
   >
   </button>
   <input type="text"
@@ -19,6 +20,7 @@ exports[`should disable buttons and input when using disabled prop 1`] = `
   >
   <button type="button"
           class="van-stepper__plus van-stepper__plus--disabled"
+          aria-disabled="true"
   >
   </button>
 </div>
@@ -31,6 +33,7 @@ exports[`should update input height and button size when using button-size prop
   <button type="button"
           style="width: 2rem; height: 2rem;"
           class="van-stepper__minus van-stepper__minus--disabled"
+          aria-disabled="true"
   >
   </button>
   <input type="text"