zarm
Version:
基于 React 的移动端UI库
26 lines (25 loc) • 1.44 kB
TypeScript
import * as React from 'react';
import type { HTMLProps } from '../utils/utilityTypes';
import type { BaseCustomInputProps } from './interface';
export interface CustomInputCssVars {
'--height'?: React.CSSProperties['height'];
'--line-height'?: React.CSSProperties['lineHeight'];
'--font-size'?: React.CSSProperties['fontSize'];
'--color'?: React.CSSProperties['color'];
'--background'?: React.CSSProperties['background'];
'--label-font-size'?: React.CSSProperties['fontSize'];
'--placeholder-color'?: React.CSSProperties['color'];
'--disabled-color'?: React.CSSProperties['color'];
'--clear-icon-size'?: React.CSSProperties['width'];
'--clear-icon-color'?: React.CSSProperties['color'];
'--cursor-height'?: React.CSSProperties['height'];
'--cursor-width'?: React.CSSProperties['width'];
'--cursor-color'?: React.CSSProperties['color'];
}
export declare type CustomInputProps = BaseCustomInputProps & HTMLProps<CustomInputCssVars> & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'onFocus' | 'onBlur'>;
export interface CustomInputRef {
focus: () => void;
blur: () => void;
}
declare const CustomInput: React.ForwardRefExoticComponent<BaseCustomInputProps & HTMLProps<CustomInputCssVars> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | "onFocus" | "onBlur"> & React.RefAttributes<CustomInputRef>>;
export default CustomInput;