added min and max options to input field

Author: Dipak Sarkar

src/core.js

@@ -72,14 +72,19 @@ export function updateValue(el, vnode, { emit = true, force = false, clean = fal
   oldValue = oldValue || ''
   currentValue = currentValue || ''
 
-  if (force || oldValue !== currentValue) {
-    const number = new NumberFormat(config).clean(clean)
-    const masked = number.format(currentValue)
-    const unmasked = number.unformat(currentValue)
+  const number = new NumberFormat(config).clean(clean)
+  let masked = number.format(currentValue)
+  let unmasked = number.unformat(currentValue)
+
+  // check value with in range max and min value
+  if ((config.max && unmasked > config.max) || (config.min && unmasked < config.min)) {
+    masked = number.format(oldValue)
+    unmasked = number.unformat(oldValue)
+  }
 
+  if (force || oldValue !== currentValue) {
     el[CONFIG_KEY].oldValue = masked
     el.unmaskedValue = unmasked
-
     // safari makes the cursor jump to the end if el.value gets assign even if to the same value
     if (el.value !== masked) {
       el.value = masked

src/options.js

@@ -5,5 +5,8 @@ export default {
   decimal: '.',
   precision: 2,
   prefill: true,
-  null_value: 0
+  reverse: false,
+  min: false,
+  max: false,
+  null_value: ''
 }

tests/unit/number-format.custom.spec.js

@@ -5,15 +5,15 @@ describe('should not throw error on empty config', () => {
     prefix: '$',
     separator: '.',
     decimal: ',',
-    null_value: '',
+    null_value: 0,
   })).not.toThrow()
 })
 describe('when the value is invalid with custom config', () => {
   const numberFormat = new NumberFormat({
     prefix: '$',
     separator: '.',
     decimal: ',',
-    null_value: '',
+    null_value: 0,
   })
   it('should return as follows', () => {
     expect(numberFormat.format('')).toEqual('')

tests/unit/number-format.default.spec.js

@@ -6,25 +6,25 @@ describe('should not throw error on empty config', () => {
 describe('when the value is invalid with default config', () => {
   const numberFormat = new NumberFormat({})
   it('should return as follows', () => {
-    expect(numberFormat.format('')).toEqual(0)
-    expect(numberFormat.format('foo')).toEqual(0)
-    expect(numberFormat.format('-foo')).toEqual(0)
-    expect(numberFormat.format('-fo,o-')).toEqual(0)
-    expect(numberFormat.format('!@#$%^&*()')).toEqual(0)
+    expect(numberFormat.format('')).toEqual('')
+    expect(numberFormat.format('foo')).toEqual('')
+    expect(numberFormat.format('-foo')).toEqual('')
+    expect(numberFormat.format('-fo,o-')).toEqual('')
+    expect(numberFormat.format('!@#$%^&*()')).toEqual('')
   })
   it('should return as follows', () => {
-    expect(numberFormat.clean().format('')).toEqual(0)
-    expect(numberFormat.clean().format('foo')).toEqual(0)
-    expect(numberFormat.clean().format('-foo')).toEqual(0)
-    expect(numberFormat.clean().format('-fo,o-')).toEqual(0)
-    expect(numberFormat.clean().format('!@#$%^&*()')).toEqual(0)
+    expect(numberFormat.clean().format('')).toEqual('')
+    expect(numberFormat.clean().format('foo')).toEqual('')
+    expect(numberFormat.clean().format('-foo')).toEqual('')
+    expect(numberFormat.clean().format('-fo,o-')).toEqual('')
+    expect(numberFormat.clean().format('!@#$%^&*()')).toEqual('')
   })
   it('should return as follows', () => {
-    expect(numberFormat.unformat('')).toEqual(0)
-    expect(numberFormat.unformat('foo')).toEqual(0)
-    expect(numberFormat.unformat('-foo')).toEqual(0)
-    expect(numberFormat.unformat('-fo,o-')).toEqual(0)
-    expect(numberFormat.unformat('!@#$%^&*()')).toEqual(0)
+    expect(numberFormat.unformat('')).toEqual('')
+    expect(numberFormat.unformat('foo')).toEqual('')
+    expect(numberFormat.unformat('-foo')).toEqual('')
+    expect(numberFormat.unformat('-fo,o-')).toEqual('')
+    expect(numberFormat.unformat('!@#$%^&*()')).toEqual('')
   })
 })
 describe('format when options are default', () => {