ant-design/components/input-number/index.tsx

67 lines
1.9 KiB
TypeScript
Raw Normal View History

import * as React from 'react';
import classNames from 'classnames';
import RcInputNumber from 'rc-input-number';
2018-07-25 15:14:16 +08:00
import Icon from '../icon';
import { Omit } from '../_util/type';
// omitting this attrs because they conflicts with the ones defined in InputNumberProps
export type OmitAttrs = 'defaultValue' | 'onChange' | 'size';
export interface InputNumberProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, OmitAttrs> {
prefixCls?: string;
min?: number;
max?: number;
value?: number;
step?: number | string;
defaultValue?: number;
tabIndex?: number;
2017-02-07 17:27:28 +08:00
onChange?: (value: number | string | undefined) => void;
disabled?: boolean;
size?: 'large' | 'small' | 'default';
2017-03-10 18:20:28 +08:00
formatter?: (value: number | string | undefined) => string;
parser?: (displayValue: string | undefined) => number;
placeholder?: string;
style?: React.CSSProperties;
className?: string;
name?: string;
id?: string;
precision?: number;
}
export default class InputNumber extends React.Component<InputNumberProps, any> {
static defaultProps = {
prefixCls: 'ant-input-number',
step: 1,
2016-07-13 11:14:24 +08:00
};
private inputNumberRef: any;
2015-07-01 14:48:47 +08:00
render() {
2016-12-19 15:19:15 +08:00
const { className, size, ...others } = this.props;
const inputNumberClass = classNames({
2016-03-30 10:58:37 +08:00
[`${this.props.prefixCls}-lg`]: size === 'large',
[`${this.props.prefixCls}-sm`]: size === 'small',
}, className);
2018-07-25 15:14:16 +08:00
const upIcon = <Icon type="up" className={`${this.props.prefixCls}-handler-up-inner`}/>;
const downIcon = <Icon type="down" className={`${this.props.prefixCls}-handler-down-inner`}/>;
2018-07-25 15:14:16 +08:00
return (
<RcInputNumber
ref={(c: any) => this.inputNumberRef = c}
className={inputNumberClass}
upHandler={upIcon}
downHandler={downIcon}
{...others}
/>
);
}
focus() {
this.inputNumberRef.focus();
}
blur() {
this.inputNumberRef.blur();
2015-07-01 14:48:47 +08:00
}
}