Fix Reverse Fill issue

Author: dipaksarkar

docs/.vuepress/components/PlayGround.vue

@@ -150,7 +150,8 @@ export default {
         suffix: '',
         precision: 2,
         nullValue: '',
-        masked: false
+        masked: false,
+        reverseFill: false
       }
     }
   },

src/number-format.ts

@@ -46,7 +46,10 @@ export default class NumberFormat {
     this.number = ''
     this.isClean = !reverseFill
 
-    this.preSurRegExp = new RegExp(`${prefix}|${suffix}`, 'g')
+    const escapedPrefix = prefix.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&')
+    const escapedSuffix = suffix.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&')
+
+    this.preSurRegExp = new RegExp(`${escapedPrefix}|${escapedSuffix}`, 'g')
     this.numberRegExp = new RegExp(`[^0-9\\${decimal}]+`, 'gi')
     this.cleanRegExp = new RegExp('[^0-9]+', 'gi')
     this.negativeRegExp = new RegExp('[^0-9\\-]+', 'gi')
@@ -170,12 +173,14 @@ export default class NumberFormat {
   unformat(input: Input): string {
     this.input = input
     const { reverseFill, nullValue } = this.options
+    const realNumber = this.realNumber()
+    const unformatNumber = this.unformatNumber()
     if (this.isNull()) {
       return nullValue
     }
-    if (reverseFill && this.realNumber() === 0) {
+    if (reverseFill && realNumber === 0) {
       return nullValue
     }
-    return this.sign() + this.realNumber()
+    return this.sign() + unformatNumber
   }
 }

tests/component/component.minimumFractionDigits.spec.ts

@@ -27,8 +27,8 @@ describe('VueNumber', () => {
     await input.trigger('blur')
 
     expect(wrapper.vm.maskedValue).toBe('1,234.0')
-    expect(wrapper.vm.unmaskedValue).toBe('1234')
-    expect(wrapper.emitted()['input:model-value'][2]).toEqual(['1234'])
-    expect(wrapper.emitted()['update:model-value'][2]).toEqual(['1234'])
+    expect(wrapper.vm.unmaskedValue).toBe('1234.0')
+    expect(wrapper.emitted()['input:model-value'][2]).toEqual(['1234.0'])
+    expect(wrapper.emitted()['update:model-value'][2]).toEqual(['1234.0'])
   })
 })

tests/component/component.reverseFill.spec.ts

@@ -25,8 +25,8 @@ describe('VueNumber', () => {
 
     expect(input.element.value).toBe('1,234.00')
     expect(wrapper.vm.maskedValue).toBe('1,234.00')
-    expect(wrapper.vm.unmaskedValue).toBe('1234')
-    expect(wrapper.emitted()['input:model-value'][1]).toEqual(['1234'])
-    expect(wrapper.emitted()['update:model-value'][1]).toEqual(['1234'])
+    expect(wrapper.vm.unmaskedValue).toBe('1234.00')
+    expect(wrapper.emitted()['input:model-value'][1]).toEqual(['1234.00'])
+    expect(wrapper.emitted()['update:model-value'][1]).toEqual(['1234.00'])
   })
 })