2.2.3

docs/index.html

@@ -126,7 +126,7 @@ <h1 class="title is-4">
 
     <script src="https://unpkg.com/accounting-js"></script>
     <script src="https://unpkg.com/vue"></script>
-    <script src="https://unpkg.com/vue-numeric"></script>
+    <script src="../dist/vue-numeric.min.js"></script>
 
     <script>
       Vue.use(VueNumeric.default)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-numeric",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "description": "Input field component to display currency value based on Vue.",
   "author": "Kevin Ongko",
   "main": "dist/vue-numeric.min.js",

src/vue-numeric.vue

@@ -183,7 +183,13 @@ export default {
      */
     onFocusHandler (e) {
       this.$emit('focus', e)
-      this.amount = this.valueNumber
+      this.amount = accounting.formatMoney(this.valueNumber, {
+        symbol: '',
+        format: '%v',
+        thousand: '',
+        decimal: this.decimalSeparator,
+        precision: Number(this.precision)
+      })
     },
 
     /**

test/specs/vue-numeric.spec.js

@@ -161,19 +161,25 @@ describe('vue-numeric.vue', () => {
     expect(wrapper.data().amount).to.equal('2,000')
   })
 
-  it('trigger onBlurHandler', () => {
+  it('format value on blur', () => {
     const wrapper = mount(VueNumeric, {propsData: { value: 2000 }})
     wrapper.trigger('blur')
     expect(wrapper.data().amount).to.equal('2,000')
   })
 
-  it('trigger onFocusHandler', () => {
-    const wrapper = mount(VueNumeric, {propsData: { value: 2000 }})
+  it('remove thousand separator and symbol on focus with , decimal', () => {
+    const wrapper = mount(VueNumeric, {propsData: { value: 2000.21, separator: '.', precision: 2 }})
+    wrapper.trigger('focus')
+    expect(wrapper.data().amount).to.equal('2000,21')
+  })
+
+  it('remove thousand separator and symbol on focus with . decimal', () => {
+    const wrapper = mount(VueNumeric, {propsData: { value: 2000.21, separator: ',', precision: 2 }})
     wrapper.trigger('focus')
-    expect(wrapper.data().amount).to.equal(2000)
+    expect(wrapper.data().amount).to.equal('2000.21')
   })
 
-  it('trigger onInputHandler', () => {
+  it('process value on input', () => {
     const process = sinon.stub()
     const wrapper = mount(VueNumeric, { propsData: { value: 2000 }, methods: { process }})
     wrapper.trigger('input')