mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-20 01:41:51 +08:00
Code Issues Actions 36 Packages Projects Releases Wiki Activity

Fix input demo tooltip

Browse Source
This commit is contained in:
afc163 2017-02-19 15:21:46 +08:00
parent f5b0536d42
commit 173b8c46ad
2 changed files with 10 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/input/__tests__/__snapshots__/demo.test.js.snap
View File

@ -405,15 +405,11 @@ exports[`test renders ./components/input/demo/textarea.md correctly 1`] = `
`; `;
exports[`test renders ./components/input/demo/tooltip.md correctly 1`] = ` exports[`test renders ./components/input/demo/tooltip.md correctly 1`] = `
<div <input
class="numeric-input-demo">
<div>
<input
class="ant-input" class="ant-input"
maxlength="25" maxlength="25"
placeholder="input a number" placeholder="Input a number"
style="width:120px;"
type="text" type="text"
value="" /> value="" />
</div>
</div>
`; `;

9
components/input/demo/tooltip.md
View File

@ -40,7 +40,6 @@ class NumericInput extends React.Component {
this.props.onChange(value); this.props.onChange(value);
} }
} }
// '.' at the end or only '-' in the input box. // '.' at the end or only '-' in the input box.
onBlur = () => { onBlur = () => {
const { value, onBlur, onChange } = this.props; const { value, onBlur, onChange } = this.props;
@ -51,14 +50,13 @@ class NumericInput extends React.Component {
onBlur(); onBlur();
} }
} }
render() { render() {
const { value } = this.props; const { value } = this.props;
const title = value ? ( const title = value ? (
<span className="numeric-input-title"> <span className="numeric-input-title">
{value !== '-' ? formatNumber(value) : '-'} {value !== '-' ? formatNumber(value) : '-'}
</span> </span>
) : ''; ) : 'Input a number';
return ( return (
<Tooltip <Tooltip
trigger={['focus']} trigger={['focus']}
@ -70,7 +68,7 @@ class NumericInput extends React.Component {
{...this.props} {...this.props}
onChange={this.onChange} onChange={this.onChange}
onBlur={this.onBlur} onBlur={this.onBlur}
placeholder="input a number" placeholder="Input a number"
maxLength="25" maxLength="25"
/> />
</Tooltip> </Tooltip>
@ -87,8 +85,7 @@ class NumericInputDemo extends React.Component {
this.setState({ value }); this.setState({ value });
} }
render() { render() {
const { value } = this.state; return <NumericInput style={{ width: 120 }} value={this.state.value} onChange={this.onChange} />;
return <NumericInput style={{ width: 120 }} value={value} onChange={this.onChange} />;
} }
} }