antd
Version:
An enterprise-class UI design language and React-based implementation
105 lines (78 loc) • 4.04 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = undefined;
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _rcSelect = require('rc-select');
var _rcSelect2 = _interopRequireDefault(_rcSelect);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
// => It is needless to export the declaration of below two inner components.
// export { Option, OptGroup };
var Select = function (_React$Component) {
(0, _inherits3["default"])(Select, _React$Component);
function Select() {
(0, _classCallCheck3["default"])(this, Select);
return (0, _possibleConstructorReturn3["default"])(this, _React$Component.apply(this, arguments));
}
Select.prototype.render = function render() {
var _classNames;
var _props = this.props,
prefixCls = _props.prefixCls,
_props$className = _props.className,
className = _props$className === undefined ? '' : _props$className,
size = _props.size,
combobox = _props.combobox,
showSearch = _props.showSearch;
var _props2 = this.props,
_props2$notFoundConte = _props2.notFoundContent,
notFoundContent = _props2$notFoundConte === undefined ? 'Not Found' : _props2$notFoundConte,
optionLabelProp = _props2.optionLabelProp;
var cls = (0, _classnames2["default"])((_classNames = {}, (0, _defineProperty3["default"])(_classNames, prefixCls + '-lg', size === 'large'), (0, _defineProperty3["default"])(_classNames, prefixCls + '-sm', size === 'small'), (0, _defineProperty3["default"])(_classNames, prefixCls + '-show-search', showSearch), (0, _defineProperty3["default"])(_classNames, className, !!className), _classNames));
var antLocale = this.context.antLocale;
if (antLocale && antLocale.Select) {
notFoundContent = 'notFoundContent' in this.props ? notFoundContent : antLocale.Select.notFoundContent;
}
if (combobox) {
notFoundContent = null;
// children 带 dom 结构时,无法填入输入框
optionLabelProp = optionLabelProp || 'value';
}
return _react2["default"].createElement(_rcSelect2["default"], (0, _extends3["default"])({}, this.props, { className: cls, optionLabelProp: optionLabelProp || 'children', notFoundContent: notFoundContent }));
};
return Select;
}(_react2["default"].Component);
exports["default"] = Select;
Select.Option = _rcSelect.Option;
Select.OptGroup = _rcSelect.OptGroup;
Select.defaultProps = {
prefixCls: 'ant-select',
showSearch: false,
transitionName: 'slide-up',
choiceTransitionName: 'zoom'
};
Select.propTypes = {
prefixCls: _react.PropTypes.string,
className: _react.PropTypes.string,
size: _react.PropTypes.oneOf(['default', 'large', 'small']),
combobox: _react.PropTypes.bool,
notFoundContent: _react.PropTypes.any,
showSearch: _react.PropTypes.bool,
optionLabelProp: _react.PropTypes.string,
transitionName: _react.PropTypes.string,
choiceTransitionName: _react.PropTypes.string
};
module.exports = exports['default'];