v3.17.0

Author: dipaksarkar

docs/docs/.vuepress/components/Number.vue

@@ -3,7 +3,7 @@
     <div class="grid gap-y-4 md:grid-cols-2 md:gap-x-8 items-center my-8">
       <div class="grid">
         <div class="font-medium mb-2">Component</div>
-        <Number
+        <VueNumber
           v-if="updated"
           v-model="price"
           v-bind="config"

docs/docs/.vuepress/components/PlayGround.vue

@@ -1,6 +1,6 @@
 {
   "name": "@coders-tm/vue-number-format",
-  "version": "3.16.0",
+  "version": "3.17.0",
   "private": false,
   "description": "Easy formatted numbers, currency and percentage with input/directive mask for Vue.js",
   "author": "Dipak Sarkar <hello@dipaksarkar.in> (https://dipaksarkar.in/)",

package.json

@@ -91,11 +91,11 @@ export default defineComponent({
       const { target } = event as CustomInputEvent
       maskedValue.value = target.value
       unmaskedValue.value = target.unmaskedValue
-      emit('input:model-value', emittedValue)
+      emit('input:model-value', emittedValue.value)
     }
 
     const change = () => {
-      emit('update:model-value', emittedValue)
+      emit('update:model-value', emittedValue.value)
     }
 
     return {

src/component.vue

@@ -111,6 +111,7 @@ export function updateValue(el: CustomInputElement, vnode: VNode | null, { emit
       }
     }
 
+    el.oldValue = masked
     el.masked = masked
     el.unmaskedValue = unmasked
 
@@ -143,6 +144,7 @@ export function inputHandler(event: CustomInputEvent) {
   // since we will be emitting our own custom input event
   // we can stop propagation of this native event
   event.stopPropagation()
+
   let positionFromEnd = target.value.length
   if (target.selectionEnd) {
     positionFromEnd = target.value.length - target.selectionEnd
@@ -179,7 +181,7 @@ export function blurHandler(event: Event) {
 
   const { oldValue, masked } = target
 
-  updateValue(target, null, { force: true, emit: true, clean: true })
+  updateValue(target, null, { force: true, clean: true })
 
   if (oldValue !== target.value) {
     target.oldValue = masked