From bd90b6d43b80052d0970aaf696373ec5de123260 Mon Sep 17 00:00:00 2001
From: Whbbit1999 <60510247+Whbbit1999@users.noreply.github.com>
Date: Sun, 8 Sep 2024 21:31:38 +0800
Subject: [PATCH] fix(NumberKeyboard): lose the number 0 key in some configs
 (#12972)

---
 packages/vant/src/number-keyboard/NumberKeyboard.tsx   |  4 +++-
 .../test/__snapshots__/index.spec.ts.snap              | 10 ++++++++++
 packages/vant/src/number-keyboard/test/index.spec.ts   | 10 ++++++++++
 3 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/packages/vant/src/number-keyboard/NumberKeyboard.tsx b/packages/vant/src/number-keyboard/NumberKeyboard.tsx
index 4a702d161..bde3a6f94 100644
--- a/packages/vant/src/number-keyboard/NumberKeyboard.tsx
+++ b/packages/vant/src/number-keyboard/NumberKeyboard.tsx
@@ -123,7 +123,9 @@ export default defineComponent({
       const { extraKey } = props;
       const extraKeys = Array.isArray(extraKey) ? extraKey : [extraKey];
 
-      if (extraKeys.length === 1) {
+      if (extraKeys.length === 0) {
+        keys.push({ text: 0, wider: true });
+      } else if (extraKeys.length === 1) {
         keys.push(
           { text: 0, wider: true },
           { text: extraKeys[0], type: 'extra' },
diff --git a/packages/vant/src/number-keyboard/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/number-keyboard/test/__snapshots__/index.spec.ts.snap
index c86be78a9..9afba9c93 100644
--- a/packages/vant/src/number-keyboard/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/number-keyboard/test/__snapshots__/index.spec.ts.snap
@@ -61,3 +61,13 @@ exports[`should render title-left slot correctly 1`] = `
   </span>
 </div>
 `;
+
+exports[`should render zero key correctly when extra-key prop is an empty array 1`] = `
+<div
+  role="button"
+  tabindex="0"
+  class="van-key"
+>
+  0
+</div>
+`;
diff --git a/packages/vant/src/number-keyboard/test/index.spec.ts b/packages/vant/src/number-keyboard/test/index.spec.ts
index 4f11db5ae..edca9c823 100644
--- a/packages/vant/src/number-keyboard/test/index.spec.ts
+++ b/packages/vant/src/number-keyboard/test/index.spec.ts
@@ -105,6 +105,16 @@ test('should render extra-key slot correctly', () => {
   expect(wrapper.findAll('.van-key')[9].html()).toMatchSnapshot();
 });
 
+test('should render zero key correctly when extra-key prop is an empty array', () => {
+  const wrapper = mount(NumberKeyboard, {
+    props: {
+      theme: 'custom',
+      extraKey: [],
+    },
+  });
+  expect(wrapper.findAll('.van-key')[9].html()).toMatchSnapshot();
+});
+
 test('should render delete slot correctly', () => {
   const wrapper = mount(NumberKeyboard, {
     slots: {