[Fix] Overridding the default config for multiple component

Author: Dipak Sarkar

docs/.vuepress/components/Example.vue

@@ -61,7 +61,7 @@
             :dark="false"
             dense
             outlined
-            v-model="priceUnmasked"
+            v-model.lazy="priceUnmasked"
             v-number="config"
           />
           <div>Model value: <span class="text-bold">{{priceUnmasked}}</span></div>
@@ -95,13 +95,15 @@ export default {
         suffix: ' %',
         precision: 2,
         null_value: '',
-        masked: false
+        masked: false,
+        reverseFill: false
       },
       reverseFill: 6789.10,
       configReverseFill: {
         decimal: ',',
         separator: '.',
         prefix: '$',
+        suffix: '',
         precision: 2,
         null_value: '',
         reverseFill: true

src/core.js

@@ -1,7 +1,7 @@
 import NumberFormat from './number-format'
-import options from './options'
+// import options from './options'
 
-export const CONFIG_KEY = '__input-number-format__'
+export const CONFIG_KEY = '__input-facade__'
 
 /**
  * Creates a CustomEvent('input') with detail = { facade: true }
@@ -14,15 +14,18 @@ export function FacadeInputEvent() {
     detail: { facade: true }
   })
 }
-
 /**
  * Transform an array or string config into an object
  *
- * @param {Object} config The mask config object
- * @param {Object} modifiers An object of modifier flags that can influence the masking process
+ * @param {object} config The format config object
+ * @param {object} modifiers An object of modifier flags that can influence the formating process
  */
-export function normalizeConfig(config) {
-  return Object.assign(options, config)
+export function normalizeConfig(config, modifiers) {
+  if (Array.isArray(config) || typeof config === 'string') {
+    config = { modifiers: config }
+  }
+
+  return Object.assign(config || {}, modifiers)
 }
 
 /**

src/directive.js

@@ -1,11 +1,12 @@
 import * as core from './core'
+import defaults from './options'
 
 const CONFIG_KEY = core.CONFIG_KEY
 
 export default {
   bind: (el, { value }, vnode) => {
     el = core.getInputElement(el)
-    const config = core.normalizeConfig(value)
+    const config = core.normalizeConfig(value, value)
     el[CONFIG_KEY] = { config }
     // set initial value
     core.updateValue(el, vnode, { force: config.prefill })
@@ -43,7 +44,8 @@ export default {
   update: (el, { value, oldValue }, vnode) => {
     el = core.getInputElement(el)
     if (value !== oldValue) {
-      el[CONFIG_KEY].config = core.normalizeConfig(value)
+      const { config } = el[CONFIG_KEY]
+      el[CONFIG_KEY].config = core.normalizeConfig(config, value)
       core.updateValue(el, vnode, { force: true })
     } else {
       core.updateValue(el, vnode)