/* eslint no-console:0 */
require('rc-input-number/assets/index.less');
const InputNumber = require('rc-input-number');
const React = require('react');
const ReactDOM = require('react-dom');

const Component = React.createClass({
  getInitialState() {
    return {
      disabled: false,
      readOnly: false,
      value: 5,
    };
  },
  onChange(value) {
    console.log('onChange:', value);
    this.setState({ value });
  },
  toggleDisabled() {
    this.setState({
      disabled: !this.state.disabled,
    });
  },
  toggleReadOnly() {
    this.setState({
      readOnly: !this.state.readOnly,
    });
  },
  render() {
    return (
      <div style={{ margin: 10 }}>
        <InputNumber defaultValue={3} id="x1" />
        <InputNumber defaultValue={4} id="x2" />
        <InputNumber defaultValue={5} id="x3" />
      </div>
    );
  },
});

ReactDOM.render(<Component/>, document.getElementById('__react-content'));

@@ -693,133 +693,412 @@
 mber
- defaultValue=%7B3%7D id=%22x1%22 /%3E%0A        %3CInputNumber defaultValue=%7B4%7D id=%22x2%22 /%3E%0A        %3CInputNumber defaultValue=%7B5%7D id=%22x3%22 /
+%0A          min=%7B-8%7D%0A          max=%7B10%7D%0A          value=%7Bthis.state.value%7D%0A          style=%7B%7B width: 100 %7D%7D%0A          readOnly=%7Bthis.state.readOnly%7D%0A          onChange=%7Bthis.onChange%7D%0A          disabled=%7Bthis.state.disabled%7D%0A        /%3E%0A        %3Cp%3E%0A          %3Cbutton onClick=%7Bthis.toggleDisabled%7D%3Etoggle Disabled%3C/button%3E%0A          %3Cbutton onClick=%7Bthis.toggleReadOnly%7D%3Etoggle readOnly%3C/button%3E%0A        %3C/p
 %3E%0A  

fix default demo