Add min and max value options

Author: Cody Moorhouse

README.md

@@ -10,6 +10,7 @@
 - Component or Directive flavors
 - Accept copy/paste
 - Editable
+- Min / Max Limits
 
 For other types of mask, use [vue-the-mask](https://vuejs-tips.github.io/vue-the-mask)
 
@@ -49,7 +50,9 @@ Vue.use(money, {precision: 4})
           prefix: 'R$ ',
           suffix: ' #',
           precision: 2,
-          masked: false
+          masked: false,
+          min: -1000000000,
+          max: 1000000000,
         }
       }
     }
@@ -79,7 +82,9 @@ Must use `vmodel.lazy` to bind works properly.
           prefix: 'R$ ',
           suffix: ' #',
           precision: 2,
-          masked: false /* doesn't work with directive */
+          masked: false /* doesn't work with directive */,
+          min: -1000000000,
+          max: 1000000000
         }
       }
     },
@@ -91,14 +96,17 @@ Must use `vmodel.lazy` to bind works properly.
 
 ## Properties
 
-| property  | Required | Type    | Default | Description                                             |
-|-----------|----------|---------|---------|---------------------------------------------------------|
-| precision | **true** | Number  | 2       | How many decimal places                                 |
-| decimal   | false    | String  | "."     | Decimal separator                                       |
-| thousands | false    | String  | ","     | Thousands separator                                     |
-| prefix    | false    | String  | ""      | Currency symbol followed by a Space, like "R$ "         |
-| suffix    | false    | String  | ""      | Percentage for example: " %"                            |
-| masked    | false    | Boolean | false   | If the component output should include the mask or not  |
+| property  | Required | Type    | Default     | Description                                             |
+|-----------|----------|---------|-------------|---------------------------------------------------------|
+| precision | **true** | Number  | 2           | How many decimal places                                 |
+| precision | **true** | Number  | 2           | How many decimal places                                 |
+| decimal   | false    | String  | "."         | Decimal separator                                       |
+| thousands | false    | String  | ","         | Thousands separator                                     |
+| prefix    | false    | String  | ""          | Currency symbol followed by a Space, like "R$ "         |
+| suffix    | false    | String  | ""          | Percentage for example: " %"                            |
+| masked    | false    | Boolean | false       | If the component output should include the mask or not  |
+| min       | false    | Number  | -1000000000 | The min value allowed                                   |
+| max       | false    | Number  | 1000000000  | The max value allowed                                   |
 
 ### References
 

src/component.vue

@@ -35,6 +35,14 @@ export default {
       type: String,
       default: () => defaults.thousands
     },
+    max: {
+      type: Number,
+      default: () => defaults.max
+    },
+    min: {
+      type: Number,
+      default: () => defaults.min
+    },
     prefix: {
       type: String,
       default: () => defaults.prefix

src/options.js

@@ -3,5 +3,7 @@ export default {
   suffix: '',
   thousands: ',',
   decimal: '.',
-  precision: 2
+  precision: 2,
+  min: -1000000000,
+  max: 1000000000
 }

src/utils.js

@@ -2,6 +2,11 @@ import defaults from './options'
 
 function format (input, opt = defaults) {
   if (typeof input === 'number') {
+    if (input > opt.max) {
+        input = opt.max
+    } else if (input < opt.min) {
+        input = opt.min
+    }
     input = input.toFixed(fixed(opt.precision))
   }
   var negative = input.indexOf('-') >= 0 ? '-' : ''