|
@ -28,17 +28,18 @@ class IntegerStep extends React.Component { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
render() { |
|
|
render() { |
|
|
|
|
|
const { inputValue } = this.state; |
|
|
return ( |
|
|
return ( |
|
|
<Row> |
|
|
<Row> |
|
|
<Col span={12}> |
|
|
<Col span={12}> |
|
|
<Slider min={1} max={20} onChange={this.onChange} value={this.state.inputValue} /> |
|
|
<Slider min={1} max={20} onChange={this.onChange} value={inputValue} /> |
|
|
</Col> |
|
|
</Col> |
|
|
<Col span={4}> |
|
|
<Col span={4}> |
|
|
<InputNumber |
|
|
<InputNumber |
|
|
min={1} |
|
|
min={1} |
|
|
max={20} |
|
|
max={20} |
|
|
style={{ marginLeft: 16 }} |
|
|
style={{ marginLeft: 16 }} |
|
|
value={this.state.inputValue} |
|
|
value={inputValue} |
|
|
onChange={this.onChange} |
|
|
onChange={this.onChange} |
|
|
/> |
|
|
/> |
|
|
</Col> |
|
|
</Col> |
|
@ -59,10 +60,17 @@ class DecimalStep extends React.Component { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
render() { |
|
|
render() { |
|
|
|
|
|
const { inputValue } = this.state; |
|
|
return ( |
|
|
return ( |
|
|
<Row> |
|
|
<Row> |
|
|
<Col span={12}> |
|
|
<Col span={12}> |
|
|
<Slider min={0} max={1} onChange={this.onChange} value={this.state.inputValue} step={0.01} /> |
|
|
<Slider |
|
|
|
|
|
min={0} |
|
|
|
|
|
max={1} |
|
|
|
|
|
onChange={this.onChange} |
|
|
|
|
|
value={inputValue} |
|
|
|
|
|
step={0.01} |
|
|
|
|
|
/> |
|
|
</Col> |
|
|
</Col> |
|
|
<Col span={4}> |
|
|
<Col span={4}> |
|
|
<InputNumber |
|
|
<InputNumber |
|
@ -70,7 +78,7 @@ class DecimalStep extends React.Component { |
|
|
max={1} |
|
|
max={1} |
|
|
style={{ marginLeft: 16 }} |
|
|
style={{ marginLeft: 16 }} |
|
|
step={0.01} |
|
|
step={0.01} |
|
|
value={this.state.inputValue} |
|
|
value={inputValue} |
|
|
onChange={this.onChange} |
|
|
onChange={this.onChange} |
|
|
/> |
|
|
/> |
|
|
</Col> |
|
|
</Col> |
|
|