rsuite 4.10.6 → 4.10.7

package/es/InputNumber/InputNumber.js

@@ -164,6 +164,17 @@ function (_React$Component) {
     }
   };
 
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    var preValue = prevProps.value;
+    var currentValue = this.props.value;
+
+    if (preValue !== currentValue) {
+      this.setState({
+        value: currentValue
+      });
+    }
+  };
+
   _proto.getValue = function getValue() {
     var value = this.props.value;
     return _isUndefined(value) ? this.state.value : value;

package/lib/InputNumber/InputNumber.js

@@ -189,6 +189,17 @@ function (_React$Component) {
     }
   };
 
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    var preValue = prevProps.value;
+    var currentValue = this.props.value;
+
+    if (preValue !== currentValue) {
+      this.setState({
+        value: currentValue
+      });
+    }
+  };
+
   _proto.getValue = function getValue() {
     var value = this.props.value;
     return (0, _isUndefined2.default)(value) ? this.state.value : value;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "4.10.6",
+  "version": "4.10.7",
   "description": "A suite of react components",
   "main": "lib/index.js",
   "typings": "lib/index.d.ts",

package/src/InputNumber/InputNumber.tsx

@@ -115,6 +115,15 @@ class InputNumber extends React.Component<InputNumberProps, InputNumberState> {
       this.inputWheelListener.off();
     }
   }
+  componentDidUpdate(prevProps: InputNumberProps) {
+    const { value: preValue } = prevProps;
+    const { value: currentValue } = this.props;
+    if (preValue !== currentValue) {
+      this.setState({
+        value: currentValue
+      });
+    }
+  }
 
   bindInputRef = ref => {
     this.input = ref;

package/src/InputNumber/test/InputNumberSpec.js

@@ -149,4 +149,29 @@ describe('InputNumber', () => {
     const instance = getDOMNode(<InputNumber classPrefix="custom-prefix" />);
     assert.ok(instance.className.match(/\bcustom-prefix\b/));
   });
+  it('should be change correct value when reset value', () => {
+    let refValue = 0;
+    const Wrapper = React.forwardRef((props, ref) => {
+      const [value, setValue] = React.useState(refValue);
+      const reset = () => {
+        setValue(null);
+      };
+      refValue = value;
+      return (
+        <div ref={ref}>
+          <InputNumber value={value} onChange={setValue} />
+          <button id="reset" onClick={reset}>
+            reset
+          </button>
+        </div>
+      );
+    });
+    const instance = getDOMNode(<Wrapper />);
+    const resetBtn = instance.querySelector('#reset');
+    ReactTestUtils.Simulate.change(instance.querySelector('.rs-input'), { target: { value: 1 } });
+    ReactTestUtils.Simulate.click(resetBtn);
+    ReactTestUtils.Simulate.change(instance.querySelector('.rs-input'), { target: { value: 1 } });
+
+    assert.equal(refValue, 1);
+  });
 });