Fix issue #8 Add a new resetOnOptions props so that updating the options one first reset to the default options

Signed-off-by: Alexandre Bonneau <alexandre.bonneau@linuxfr.eu>

Author: AlexandreBonneau

CHANGELOG.md

@@ -1,5 +1,11 @@
 ## Changelog for vue-autoNumeric
 
+### 1.0.6
++ Fix issue #8 Add a new `resetOnOptions` props so that updating the `options` one first reset to the default options
++ Add a `resetOnOptions` props set the `true` by default so that updating the `options` prop first call `.options.reset()`
+  + This is useful when using predefined option names that do not declare all the options. For instance when switching from `'integer'` to `'euro'`, the `decimalPlaces` was not set from `0` to `2` and you had to first update to the default configuration.
+  + Now by default all options update will reset to the default options first. This can be avoided by setting `resetOnOptions` to false before changing the `options` value.
+
 ### 1.0.5
 + Fix issue #2 Allow the component to generate any supported Html element instead of only `<input>`
 

dist/vue-autonumeric.js

@@ -1,5 +1,5 @@
 /**
- * vue-autonumeric v1.0.5 (https://github.com/autoNumeric/vue-autoNumeric)
+ * vue-autonumeric v1.0.6 (https://github.com/autoNumeric/vue-autoNumeric)
  * © 2018 Alexandre Bonneau <alexandre.bonneau@linuxfr.eu>
  * Released under the MIT License.
  */
@@ -342,6 +342,12 @@ exports.default = {
             }
         },
 
+        resetOnOptions: {
+            type: Boolean,
+            required: false,
+            default: true
+        },
+
         placeholder: {
             type: String,
             required: false
@@ -431,6 +437,10 @@ exports.default = {
         },
         options: function options(newValue, oldValue) {
             if ((0, _stringify2.default)(newValue) !== (0, _stringify2.default)(oldValue)) {
+                if (this.resetOnOptions) {
+                    this.anElement.options.reset();
+                }
+
                 this.anElement.update(newValue);
             }
         }

dist/vue-autonumeric.min.js

@@ -133,7 +133,7 @@
     import VueAutonumeric from '../src/components/VueAutonumeric.vue';
 
     export default {
-        name      : 'app',
+        name: 'app',
 
         components: {
             VueAutonumeric,
@@ -188,7 +188,7 @@
                     return 'euro';
                 }
 
-                return 'dollar';
+                return ['dollar', { decimalPlaces: 0 }];
             },
         },
     };

examples-src/App.vue

@@ -1,6 +1,6 @@
 {
   "name": "vue-autonumeric",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "An AutoNumeric wrapper for Vue.js",
   "author": "Alexandre Bonneau <alexandre.bonneau@linuxfr.eu>",
   "license": "MIT",
@@ -39,7 +39,7 @@
     "components"
   ],
   "dependencies": {
-    "autonumeric": "^4.1.0-beta.24"
+    "autonumeric": "^4.2.3"
   },
   "devDependencies": {
     "autoprefixer": "^6.7.7",

package.json

@@ -1,8 +1,8 @@
 <!--
               vue-autonumeric
 
-@version      1.0.5
-@date         2018-02-01 UTC 22:00
+@version      1.0.6
+@date         2018-02-27 UTC 00:45
 
 @author       Alexandre Bonneau
 @copyright    2018 © Alexandre Bonneau <alexandre.bonneau@linuxfr.eu>
@@ -120,6 +120,12 @@ OTHER DEALINGS IN THE SOFTWARE.
                 },
             },
 
+            resetOnOptions: {
+                type    : Boolean,
+                required: false,
+                default : true,
+            },
+
             placeholder: { // The <input> placeholder text. This is only used if the generated element is an <input>.
                 type    : String,
                 required: false,
@@ -263,6 +269,11 @@ OTHER DEALINGS IN THE SOFTWARE.
 
             options(newValue, oldValue) {
                 if (JSON.stringify(newValue) !== JSON.stringify(oldValue)) { //TODO Find a better way (without external libraries) to compare the two objects
+                    if (this.resetOnOptions) {
+                        // This is needed when using predefined options that do not override previously used options
+                        this.anElement.options.reset();
+                    }
+
                     // Compare the new and old option, and only update if they are different
                     this.anElement.update(newValue);
                 }

src/components/VueAutonumeric.vue

@@ -228,9 +228,9 @@ asynckit@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
 
-autonumeric@^4.1.0-beta.24:
-  version "4.1.0-beta.24"
-  resolved "https://registry.yarnpkg.com/autonumeric/-/autonumeric-4.1.0-beta.24.tgz#1ea2994663fb6339687265386c25d61e31b1997f"
+autonumeric@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/autonumeric/-/autonumeric-4.2.3.tgz#451e9a3620b2bbb075b25b567a9f76c08521aee1"
 
 autoprefixer@^6.3.1, autoprefixer@^6.7.7:
   version "6.7.7"