ant-design/components/transfer/search.tsx
thinkasany 02d331b60d
type: improve ts type for transfer ()
* type: improve ts type for transfer

* revert as any

* fix type
2024-07-25 18:58:06 +08:00

46 lines
1.0 KiB
TypeScript

import * as React from 'react';
import SearchOutlined from '@ant-design/icons/SearchOutlined';
import Input from '../input';
export interface TransferSearchProps {
prefixCls?: string;
placeholder?: string;
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
handleClear?: () => void;
value?: string;
disabled?: boolean;
}
const Search: React.FC<TransferSearchProps> = (props) => {
const { placeholder = '', value, prefixCls, disabled, onChange, handleClear } = props;
const handleChange = React.useCallback(
(e: React.ChangeEvent<HTMLInputElement>) => {
onChange?.(e);
if (e.target.value === '') {
handleClear?.();
}
},
[onChange],
);
return (
<Input
placeholder={placeholder}
className={prefixCls}
value={value}
onChange={handleChange}
disabled={disabled}
allowClear
prefix={<SearchOutlined />}
/>
);
};
if (process.env.NODE_ENV !== 'production') {
Search.displayName = 'Search';
}
export default Search;