私人搜索
@cloud-ru/ds-search-private - 输入 \ \ \ \ \ \ \ \ \ \ @cloud-ru/ds-search {\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}请检查一下.
@cloud-ru/ds-search-private . . . . . <input type='search'> \\\\(焦点、禁用、加载、错误),\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢 @cloud-ru/ds-search -=YTET -伊甸园字幕组=- 翻译: {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你还好吧 @cloud-ru/ds-search。 。 。 .
Когда
- Реализация:поиска也
@cloud-ru/ds-search。 。 。 .
В @cloud-ru/ds-search。 。 。 .
Установка
pnpm add @cloud-ru/ds-search-private
import { SearchPrivate } from '@cloud-ru/ds-search-private'
Примеры
Базовый
控制值 + onSubmit。 。 。 .
import { SearchPrivate } from '@cloud-ru/ds-search-private';
import { useState } from 'react';
export function Basic() {
const [value, setValue] = useState('');
const [submitted, setSubmitted] = useState('');
return (
<div style={{ display: 'flex', gap: 12, flexDirection: 'column' }}>
<SearchPrivate value={value} onChange={setValue} onSubmit={setSubmitted} />
<span>
Значение: {value || '—'} · Отправлено: {submitted || '—'}
</span>
</div>
);
}
道具
搜索私有程序
| Prop | 类型 | 默认 | 说明 |
|---|---|---|---|
afterContent | ReactNode | —— 说 | {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你还好吧. - Типовое кнопка размера размера: <Button size={size} view='function' appearance='neutral' icon={…} />。 。 。 . |
className | string | —— 说 | 支助科 |
data-test-id | string | —— 说 | |
disabled | boolean | —— 说 | {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢 |
inputMode | "decimal" | "email" | "none" | "numeric" | "search" | "tel" | "text" | "url" | search | {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢 |
loading | boolean | —— 说 | Состояние |
onBlur | FocusEventHandler<HTMLInputElement> | —— 说 | {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢 |
onChange | ((value: string, e?: ChangeEvent<HTMLInputElement>) => void) | —— 说 | {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢 |
onFocus | FocusEventHandler<HTMLInputElement> | —— 说 | {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢 |
onKeyDown | KeyboardEventHandler<HTMLInputElement> | —— 说 | {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢 |
onSubmit | ((value: string) => void) | —— 说 | {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢 |
placeholder | string | —— 说 | Значение |
showClearButton | boolean | true | {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢 |
size | "l" | "m" | "s" | m | Размер |
tabIndex | number | —— 说 | |
value | string | `` | QQ 输入 |
相关类型
Size=:"l"|"m"|"s"
Смотри
- 搜索 {\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}你觉得呢.
- 私人输入 - общая полей ввода ввода ввода.