You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
2.8 KiB
91 lines
2.8 KiB
"use strict";
|
|
|
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports["default"] = void 0;
|
|
|
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
|
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
|
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
|
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
|
|
var React = _interopRequireWildcard(require("react"));
|
|
|
|
var _CloseCircleFilled = _interopRequireDefault(require("@ant-design/icons/CloseCircleFilled"));
|
|
|
|
var _SearchOutlined = _interopRequireDefault(require("@ant-design/icons/SearchOutlined"));
|
|
|
|
var _input = _interopRequireDefault(require("../input"));
|
|
|
|
var Search = /*#__PURE__*/function (_React$Component) {
|
|
(0, _inherits2["default"])(Search, _React$Component);
|
|
|
|
var _super = (0, _createSuper2["default"])(Search);
|
|
|
|
function Search() {
|
|
var _this;
|
|
|
|
(0, _classCallCheck2["default"])(this, Search);
|
|
_this = _super.apply(this, arguments);
|
|
|
|
_this.handleChange = function (e) {
|
|
var onChange = _this.props.onChange;
|
|
|
|
if (onChange) {
|
|
onChange(e);
|
|
}
|
|
};
|
|
|
|
_this.handleClear = function (e) {
|
|
e.preventDefault();
|
|
var _this$props = _this.props,
|
|
handleClear = _this$props.handleClear,
|
|
disabled = _this$props.disabled;
|
|
|
|
if (!disabled && handleClear) {
|
|
handleClear(e);
|
|
}
|
|
};
|
|
|
|
return _this;
|
|
}
|
|
|
|
(0, _createClass2["default"])(Search, [{
|
|
key: "render",
|
|
value: function render() {
|
|
var _this$props2 = this.props,
|
|
placeholder = _this$props2.placeholder,
|
|
value = _this$props2.value,
|
|
prefixCls = _this$props2.prefixCls,
|
|
disabled = _this$props2.disabled;
|
|
var icon = value && value.length > 0 ? /*#__PURE__*/React.createElement("a", {
|
|
href: "#",
|
|
className: "".concat(prefixCls, "-action"),
|
|
onClick: this.handleClear
|
|
}, /*#__PURE__*/React.createElement(_CloseCircleFilled["default"], null)) : /*#__PURE__*/React.createElement("span", {
|
|
className: "".concat(prefixCls, "-action")
|
|
}, /*#__PURE__*/React.createElement(_SearchOutlined["default"], null));
|
|
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_input["default"], {
|
|
placeholder: placeholder,
|
|
className: prefixCls,
|
|
value: value,
|
|
onChange: this.handleChange,
|
|
disabled: disabled
|
|
}), icon);
|
|
}
|
|
}]);
|
|
return Search;
|
|
}(React.Component);
|
|
|
|
exports["default"] = Search;
|
|
Search.defaultProps = {
|
|
placeholder: ''
|
|
}; |