antd-mobile
Version:
<img src="https://gw.alipayobjects.com/mdn/rms_ee68a8/afts/img/A*hjjDS5Yy-ooAAAAAAAAAAAAAARQnAQ" alt="logo" width="100%" />
25 lines (24 loc) • 1.42 kB
TypeScript
import React, { ReactElement } from 'react';
import type { InputProps } from '../input';
import { NativeProps } from '../../utils/native-props';
import { NumberKeyboardProps } from '../number-keyboard';
export declare type VirtualInputProps = {
onFocus?: () => void;
onBlur?: () => void;
onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
keyboard?: ReactElement<NumberKeyboardProps>;
clearable?: boolean;
onClear?: () => void;
} & Pick<InputProps, 'value' | 'onChange' | 'placeholder' | 'disabled'> & NativeProps<'--font-size' | '--color' | '--placeholder-color' | '--disabled-color' | '--text-align' | '--caret-width' | '--caret-color'>;
export declare type VirtualInputRef = {
focus: () => void;
blur: () => void;
};
export declare const VirtualInput: React.ForwardRefExoticComponent<{
onFocus?: (() => void) | undefined;
onBlur?: (() => void) | undefined;
onClick?: ((e: React.MouseEvent<HTMLDivElement>) => void) | undefined;
keyboard?: React.ReactElement<NumberKeyboardProps, string | React.JSXElementConstructor<any>> | undefined;
clearable?: boolean | undefined;
onClear?: (() => void) | undefined;
} & Pick<InputProps, "value" | "onChange" | "disabled" | "placeholder"> & NativeProps<"--color" | "--font-size" | "--placeholder-color" | "--text-align" | "--disabled-color" | "--caret-width" | "--caret-color"> & React.RefAttributes<VirtualInputRef>>;