fix no precision issue

Author: dipaksarkar

src/core.ts

@@ -157,7 +157,7 @@ export function inputHandler(event: CustomInputEvent) {
     positionFromEnd = target.value.length - target.selectionEnd
   }
 
-  updateValue(target, null, { emit: false })
+  updateValue(target, null, { emit: false, clean: !options.precision })
 
   // updated cursor position
   if (options.suffix) {

tests/component/component.precision.spec.ts

@@ -0,0 +1,44 @@
+import { mount } from '@vue/test-utils'
+import { component as VueNumber } from '../../src'
+
+describe('VueNumber', () => {
+  it('renders an input element', () => {
+    const wrapper = mount(VueNumber, {
+      propsData: {
+        value: '123',
+        precision: 0
+      }
+    })
+    expect(wrapper.contains('input')).toBe(true)
+  })
+
+  test('should emit input event with the new maskedValue and unmaskedValue on input', async () => {
+    const wrapper = mount(VueNumber, {
+      propsData: {
+        value: 123456.893,
+        precision: 0
+      }
+    })
+
+    const input = wrapper.find('input')
+    expect(input.element.value).toBe('123,457')
+
+    input.element.value = 123457.89
+    await input.trigger('input')
+    expect(wrapper.vm.unmaskedValue).toBe('123458')
+    expect(wrapper.vm.maskedValue).toBe('123,458')
+
+    await input.trigger('blur')
+    expect(wrapper.vm.unmaskedValue).toBe('123458')
+    expect(wrapper.vm.maskedValue).toBe('123,458')
+
+    input.element.value = '1234.568'
+    await input.trigger('input')
+    expect(wrapper.vm.unmaskedValue).toBe('1235')
+    expect(wrapper.vm.maskedValue).toBe('1,235')
+
+    await input.trigger('blur')
+    expect(wrapper.vm.unmaskedValue).toBe('1235')
+    expect(wrapper.vm.maskedValue).toBe('1,235')
+  })
+})

tests/directive/directive.precision.spec.ts

@@ -0,0 +1,32 @@
+import { mount } from '@vue/test-utils'
+import { directive } from '../../src'
+
+describe('v-number directive', () => {
+  it('should emit input event with the new value on input', async () => {
+    const wrapper = mount({
+      template: `<input v-number="options" type="text" v-model="value" />`,
+      directives: {
+        number: directive
+      },
+      data() {
+        return {
+          value: '1234.536',
+          options: {
+            precision: 0
+          }
+        }
+      }
+    })
+
+    const input = wrapper.find('input')
+    expect(input.element.value).toBe('1,235')
+
+    input.element.value = '1234.529'
+    await input.trigger('input')
+    expect(input.element.value).toBe('1,235')
+
+    await input.trigger('blur')
+    expect(input.element.value).toBe('1,235')
+    expect(input.element.oldValue).toBe('1,235')
+  })
+})

tests/unit/number-format.precision.spec.ts

@@ -0,0 +1,12 @@
+import { NumberFormat } from '../../src'
+import { expect, test } from 'vitest'
+
+test('format when options are custom', () => {
+  const numberFormat = new NumberFormat({
+    precision: 0
+  })
+  expect(numberFormat.format(12345.54921)).toEqual('12,346')
+  expect(numberFormat.format(12345.12345)).toEqual('12,345')
+  expect(numberFormat.format(12345.54321)).toEqual('12,346')
+  expect(numberFormat.format(12345.54321)).toEqual('12,346')
+})