antd-mobile-taro-ui
Version:
以antd-mobile为设计标准，基于taro框架的微信小程序组件库
37 lines (36 loc) • 1.72 kB
TypeScript
import React, { ReactNode } from 'react';
import { NativeProps } from 'antd-mobile/es/utils/native-props';
import { InputRef, InputProps } from '../input';
export declare type SearchBarRef = InputRef;
export declare type SearchBarProps = Pick<InputProps, 'onFocus' | 'onBlur' | 'onClear'> & {
value?: string;
defaultValue?: string;
maxLength?: number;
placeholder?: string;
clearable?: boolean;
showCancelButton?: boolean | ((focus: boolean, value: string) => boolean);
cancelText?: string;
icon?: ReactNode;
clearOnCancel?: boolean;
onSearch?: (val: string) => void;
onChange?: (val: string) => void;
onCancel?: () => void;
} & NativeProps<'--background' | '--border-radius' | '--placeholder-color' | '--height' | '--padding-left'>;
export declare const SearchBar: React.ForwardRefExoticComponent<Pick<InputProps, "onFocus" | "onBlur" | "onClear"> & {
value?: string | undefined;
defaultValue?: string | undefined;
maxLength?: number | undefined;
placeholder?: string | undefined;
clearable?: boolean | undefined;
showCancelButton?: boolean | ((focus: boolean, value: string) => boolean) | undefined;
cancelText?: string | undefined;
icon?: ReactNode;
clearOnCancel?: boolean | undefined;
onSearch?: ((val: string) => void) | undefined;
onChange?: ((val: string) => void) | undefined;
onCancel?: (() => void) | undefined;
} & {
className?: string | undefined;
style?: (React.CSSProperties & Partial<Record<"--border-radius" | "--padding-left" | "--placeholder-color" | "--height" | "--background", string>>) | undefined;
tabIndex?: number | undefined;
} & React.AriaAttributes & React.RefAttributes<InputRef>>;