test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-02 20:19:44 +08:00
Code Issues Actions 84 Packages Projects Releases Wiki Activity

refactor(input-number): rewrite with hook (#23461)

Browse Source
This commit is contained in:
Tom Xu 2020-04-22 09:48:10 +08:00 committed by GitHub
parent 3e22b505a3
commit 4a3e01ff0b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/input-number/__tests__/index.test.js
View File

@ -6,7 +6,7 @@ import mountTest from '../../../tests/shared/mountTest';
import rtlTest from '../../../tests/shared/rtlTest';
describe('InputNumber', () => {
focusTest(InputNumber);
focusTest(InputNumber, true);
mountTest(InputNumber);
rtlTest(InputNumber);

38
components/input-number/index.tsx
View File

@ -35,27 +35,9 @@ export interface InputNumberProps
onPressEnter?: React.KeyboardEventHandler<HTMLInputElement>;
}
export default class InputNumber extends React.Component<InputNumberProps, any> {
static defaultProps = {
step: 1,
};
private inputNumberRef: any;
saveInputNumber = (inputNumberRef: any) => {
this.inputNumberRef = inputNumberRef;
};
focus() {
this.inputNumberRef.focus();
}
blur() {
this.inputNumberRef.blur();
}
renderInputNumber = ({ getPrefixCls, direction }: ConfigConsumerProps) => {
const { className, size: customizeSize, prefixCls: customizePrefixCls, ...others } = this.props;
const InputNumber = React.forwardRef<unknown, InputNumberProps>((props, ref) => {
const renderInputNumber = ({ getPrefixCls, direction }: ConfigConsumerProps) => {
const { className, size: customizeSize, prefixCls: customizePrefixCls, ...others } = props;
const prefixCls = getPrefixCls('input-number', customizePrefixCls);
const upIcon = <UpOutlined className={`${prefixCls}-handler-up-inner`} />;
const downIcon = <DownOutlined className={`${prefixCls}-handler-down-inner`} />;
@ -75,7 +57,7 @@ export default class InputNumber extends React.Component<InputNumberProps, any>
return (
<RcInputNumber
ref={this.saveInputNumber}
ref={ref}
className={inputNumberClass}
upHandler={upIcon}
downHandler={downIcon}
@ -88,7 +70,11 @@ export default class InputNumber extends React.Component<InputNumberProps, any>
);
};
render() {
return <ConfigConsumer>{this.renderInputNumber}</ConfigConsumer>;
}
}
return <ConfigConsumer>{renderInputNumber}</ConfigConsumer>;
});
InputNumber.defaultProps = {
step: 1,
};
export default InputNumber;