fix(Field): should not modify the value if it's within the min/max

Co-authored-by: dgmpk <[email protected]>
youzan · Feb 9, 2025 · 3d5556c · 3d5556c
1 parent 6f507b9
commit 3d5556c
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/packages/vant/src/field/Field.tsx b/packages/vant/src/field/Field.tsx
@@ -346,7 +346,10 @@ export default defineComponent({
             props.min ?? -Infinity,
             props.max ?? Infinity,
           );
-          value = adjustedValue.toString();
+
+          if (+value !== adjustedValue) {
+            value = adjustedValue.toString();
+          }
         }
       }
 

diff --git a/packages/vant/src/field/test/index.spec.js b/packages/vant/src/field/test/index.spec.js
@@ -123,6 +123,23 @@ test('should limit input value based on min and max props', async () => {
   expect(wrapper.emitted('update:modelValue')[2][0]).toEqual('5');
 });
 
+test('should not modify the value if it is within the min/max', async () => {
+  const wrapper = mount(Field, {
+    props: {
+      type: 'number',
+      min: 2,
+      max: 10,
+      modelValue: '',
+    },
+  });
+
+  const input = wrapper.find('input');
+
+  await wrapper.setProps({ modelValue: '2.00' });
+  await input.trigger('blur');
+  expect(wrapper.emitted('update:modelValue')).toBeFalsy();
+});
+
 test('should render textarea when type is textarea', async () => {
   const wrapper = mount(Field, {
     props: {