dtd
Version:
根据数梦工场视觉规范打造的组件库,感谢react-components和ant design
90 lines (89 loc) • 3.4 kB
TypeScript
import * as React from 'react';
import * as PropTypes from 'prop-types';
import Group from './Group';
import Search from './Search';
import TextArea from './TextArea';
export interface AbstractInputProps {
prefixCls?: string;
className?: string;
defaultValue?: any;
value?: any;
tabIndex?: number;
style?: React.CSSProperties;
}
export interface InputProps extends AbstractInputProps {
placeholder?: string;
type?: string;
id?: number | string;
name?: string;
size?: 'large' | 'default' | 'small';
maxLength?: number | string;
disabled?: boolean;
readOnly?: boolean;
addonBefore?: React.ReactNode;
addonAfter?: React.ReactNode;
onPressEnter?: React.FormEventHandler<HTMLInputElement>;
onKeyDown?: React.FormEventHandler<HTMLInputElement>;
onKeyUp?: React.FormEventHandler<HTMLInputElement>;
onChange?: React.ChangeEventHandler<HTMLInputElement>;
onClick?: React.FormEventHandler<HTMLInputElement>;
onFocus?: React.FormEventHandler<HTMLInputElement>;
onBlur?: React.FormEventHandler<HTMLInputElement>;
autoComplete?: string;
prefix?: React.ReactNode;
suffix?: React.ReactNode;
spellCheck?: boolean;
autoFocus?: boolean;
}
export default class Input extends React.Component<InputProps, any> {
static Group: typeof Group;
static Search: typeof Search;
static TextArea: typeof TextArea;
static defaultProps: {
prefixCls: string;
type: string;
disabled: boolean;
};
static propTypes: {
type: PropTypes.Requireable<string>;
id: PropTypes.Requireable<string | number>;
size: PropTypes.Requireable<string>;
maxLength: PropTypes.Requireable<string | number>;
disabled: PropTypes.Requireable<boolean>;
value: PropTypes.Requireable<any>;
defaultValue: PropTypes.Requireable<any>;
className: PropTypes.Requireable<string>;
addonBefore: PropTypes.Requireable<PropTypes.ReactNodeLike>;
addonAfter: PropTypes.Requireable<PropTypes.ReactNodeLike>;
prefixCls: PropTypes.Requireable<string>;
autosize: PropTypes.Requireable<boolean | object>;
onPressEnter: PropTypes.Requireable<(...args: any[]) => any>;
onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
onKeyUp: PropTypes.Requireable<(...args: any[]) => any>;
onFocus: PropTypes.Requireable<(...args: any[]) => any>;
onBlur: PropTypes.Requireable<(...args: any[]) => any>;
prefix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
suffix: PropTypes.Requireable<PropTypes.ReactNodeLike>;
};
state: {
showPlaceholding: boolean;
};
input: HTMLInputElement;
needsPlaceholding: Boolean;
span: HTMLInputElement;
handleKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
focus(): void;
blur(): void;
componentWillMount(): void;
componentWillReceiveProps(props: any): void;
onFocus: (e: any) => void;
onBlur: (e: any) => void;
getInputClassName(): any;
saveInput: (node: HTMLInputElement) => void;
saveSpan: (node: HTMLInputElement) => void;
handleClick: () => void;
renderLabeledInput(children: React.ReactElement<any>): JSX.Element;
renderLabeledIcon(children: React.ReactElement<any>): JSX.Element;
renderInput(): JSX.Element;
render(): JSX.Element;
}