Fix react component value change issue

README.md

@@ -78,12 +78,18 @@ require('cleave.js/dist/addons/cleave-phone.{country}');
 var cleave = new Cleave(...)
 ```
 
-We don't want to register any transfer tool as dependencies, so for **Browserify** users, please also run this:
+For **Browserify** users, please also run this:
 
 ```bash
 npm install --save babelify browserify-shim
 ```
 
+And add this empty `browserify-shim` config to your package.json:
+```js
+"browserify-shim": {
+}
+```
+
 #### AMD
 
 ```js

bower.json

@@ -8,7 +8,7 @@
     "form",
     "input"
   ],
-  "version": "0.6.3",
+  "version": "0.6.5",
   "author": {
     "name": "Max Huang",
     "email": "[email protected]",

dist/cleave-react.js

@@ -82,7 +82,12 @@ return /******/ (function(modules) { // webpackBootstrap
 	            newValue = nextProps.value;
 
 	        if (newValue) {
-	            owner.onInput(newValue);
+	            newValue = newValue.toString();
+
+	            if (newValue !== owner.properties.initValue) {
+	                owner.properties.initValue = newValue;
+	                owner.onInput(newValue);
+	            }
 	        }
 
 	        // update phone region code

dist/cleave.js

@@ -235,6 +235,8 @@ Cleave.prototype = {
     setRawValue: function (value) {
         var owner = this;
 
+        value = value.toString();
+
         owner.element.value = value;
         owner.onInput(value);
     },

doc/reactjs-component-usage.md

@@ -21,7 +21,7 @@ npm install --save babel-preset-es2015 babel-preset-react babel-preset-stage-0
 For `Browserify`, also do:
 
 ```bash
-npm install --save babelify
+npm install --save babelify browserify-shim
 ```
 
 For `Webpack`, also do:
@@ -30,7 +30,7 @@ For `Webpack`, also do:
 npm install --save babel-core babel-loader
 ```
 
-Second, add `.babelrc` to your project root:
+After that, add `.babelrc` to your project root with:
 
 ```json
 {

package.json

@@ -10,7 +10,7 @@
     "form",
     "input"
   ],
-  "version": "0.6.3",
+  "version": "0.6.5",
   "author": {
     "name": "Max Huang",
     "url": "http://github.com/nosir",
@@ -28,10 +28,6 @@
   "scripts": {
     "test": "gulp test"
   },
-  "browserify-shim": {
-    "react": "global:React",
-    "react-dom": "global:ReactDOM"
-  },
   "browserify": {
     "transform": [
       "babelify",

src/Cleave.js

@@ -233,6 +233,8 @@ Cleave.prototype = {
     setRawValue: function (value) {
         var owner = this;
 
+        value = value.toString();
+
         owner.element.value = value;
         owner.onInput(value);
     },

src/Cleave.react.js

@@ -20,7 +20,12 @@ var Cleave = React.createClass({
             newValue = nextProps.value;
 
         if (newValue) {
-            owner.onInput(newValue);
+            newValue = newValue.toString();
+
+            if (newValue !== owner.properties.initValue) {
+                owner.properties.initValue = newValue;
+                owner.onInput(newValue);
+            }
         }
 
         // update phone region code