antd
Version:
An enterprise-class UI design language and React components implementation
42 lines (41 loc) • 1.25 kB
JavaScript
;
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _SearchOutlined = _interopRequireDefault(require("@ant-design/icons/SearchOutlined"));
var _Input = _interopRequireDefault(require("../input/Input"));
const Search = props => {
const {
placeholder = '',
value,
prefixCls,
disabled,
onChange,
handleClear
} = props;
const handleChange = React.useCallback(e => {
if (e.type === 'click') {
handleClear?.();
} else {
onChange?.(e);
}
}, [onChange, handleClear]);
return /*#__PURE__*/React.createElement(_Input.default, {
placeholder: placeholder,
className: prefixCls,
value: value,
onChange: handleChange,
disabled: disabled,
allowClear: true,
prefix: /*#__PURE__*/React.createElement(_SearchOutlined.default, null)
});
};
if (process.env.NODE_ENV !== 'production') {
Search.displayName = 'Search';
}
var _default = exports.default = Search;