updated core function

Author: dipaksarkar

src/core.js

@@ -34,21 +34,6 @@ export function FacadeBlurEvent() {
   })
 }
 
-/**
- * Transform an array or string config into an object
- *
- * @param {object} config The format config object
- * @param {object} modifiers An object of modifier flags that can influence the formating process
- */
-export function normalizeConfig(defaults, extras) {
-  defaults = defaults || {}
-  extras = extras || {}
-  return Object.keys(defaults).concat(Object.keys(extras)).reduce((acc, val) => {
-    acc[val] = extras[val] === undefined ? defaults[val] : extras[val]
-    return acc
-  }, {})
-}
-
 /**
  * ensure that the element we're attaching to is an input element
  * if not try to find an input element in this elements childrens
@@ -75,7 +60,7 @@ export function updateCursor(el, position) {
   const setSelectionRange = () => { el.setSelectionRange(position, position) }
   setSelectionRange()
   // Android Fix
-  setTimeout(setSelectionRange(), 0)
+  setTimeout(setSelectionRange(), 1)
 }
 
 /**
@@ -95,22 +80,22 @@ export function updateValue(el, vnode, { emit = true, force = false, clean = fal
   oldValue = oldValue || ''
   currentValue = currentValue || ''
 
-  const number = new NumberFormat(config).clean(clean && !config.reverseFill)
-  let masked = number.format(currentValue)
-  let unmasked = number.clean(!config.reverseFill).unformat(currentValue)
-
-  // check value with in range max and min value
-  if (clean) {
-    if (Number(config.max) && unmasked > Number(config.max)) {
-      masked = number.format(config.max)
-      unmasked = number.unformat(config.max)
-    } else if (Number(config.min) && unmasked < Number(config.min)) {
-      masked = number.format(config.min)
-      unmasked = number.unformat(config.min)
+  if (force || oldValue !== currentValue) {
+    const number = new NumberFormat(config).clean(clean && !config.reverseFill)
+    let masked = number.format(currentValue)
+    let unmasked = number.clean(!config.reverseFill).unformat(currentValue)
+
+    // check value with in range max and min value
+    if (clean) {
+      if (Number(config.max) && unmasked > Number(config.max)) {
+        masked = number.format(config.max)
+        unmasked = number.unformat(config.max)
+      } else if (Number(config.min) && unmasked < Number(config.min)) {
+        masked = number.format(config.min)
+        unmasked = number.unformat(config.min)
+      }
     }
-  }
 
-  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
@@ -143,7 +128,8 @@ export function inputHandler(event) {
   let positionFromEnd = target.value.length - target.selectionEnd
   const { oldValue, config } = target[CONFIG_KEY]
 
-  updateValue(target, null, { emit: false })
+  updateValue(target, null, { emit: false }, event)
+
   // updated cursor position
   positionFromEnd = Math.max(positionFromEnd, config.suffix.length)
   positionFromEnd = target.value.length - positionFromEnd
@@ -169,7 +155,7 @@ export function blurHandler(event) {
 
   const { oldValue } = target[CONFIG_KEY]
 
-  updateValue(target, null, { force: true, clean: true })
+  updateValue(target, null, { force: true, clean: true }, event)
 
   if (oldValue !== target.value) {
     target.dispatchEvent(FacadeBlurEvent())

src/directive.js

@@ -7,7 +7,7 @@ const CONFIG_KEY = core.CONFIG_KEY
 export default {
   bind: (el, { value, modifiers }, vnode) => {
     el = core.getInputElement(el)
-    const config = Object.assign({}, defaults, value, modifiers)
+    const config = Object.assign({}, core.cloneDeep(defaults), value, modifiers)
     el[CONFIG_KEY] = { config }
     // set initial value
     core.updateValue(el, vnode, { force: config.prefill, clean: true })
@@ -22,7 +22,12 @@ export default {
     const handlerOwner = el.parentElement || el
 
     // use anonymous event handler to avoid inadvertently removing masking for all inputs within a container
-    const oninput = (e) => core.inputHandler(e)
+    const oninput = (e) => {
+      if (e.target !== el) {
+        return
+      }
+      core.inputHandler(e)
+    }
 
     handlerOwner.addEventListener('input', oninput, true)
 
@@ -34,7 +39,7 @@ export default {
       if (([110, 190].includes(e.keyCode) || e.key === config.decimal) && !el.value.includes(config.decimal)) {
         e.preventDefault()
         el.setRangeText(config.decimal)
-        core.updateValue(el, null, { emit: true })
+        core.updateValue(el, null, { emit: true }, e)
         core.updateCursor(el, el.value.indexOf(config.decimal) + 1)
       } else if (
         ([110, 190].includes(e.keyCode) || e.key === config.decimal) && el.value.includes(config.decimal)

vue-v3

@@ -0,0 +1 @@
+Subproject commit c06a626fefa70c2dd4d3be39436bcfa743b41a8a