dareway-rui/build/taglib/dockbar/view/MenuItem.js

'use strict';

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 _possibleConstructorReturn2 = _interopRequireDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));

var _getPrototypeOf2 = _interopRequireDefault(require('@babel/runtime/helpers/getPrototypeOf'));

var _inherits2 = _interopRequireDefault(require('@babel/runtime/helpers/inherits'));

var _defineProperty2 = _interopRequireDefault(require('@babel/runtime/helpers/defineProperty'));

var _react = _interopRequireDefault(require('react'));

var _propTypes = _interopRequireDefault(require('prop-types'));

var _classnames = _interopRequireDefault(require('classnames'));

var _ruiIcon = _interopRequireDefault(require('rui-icon'));

var MenuItem =
    /*#__PURE__*/
    (function(_React$PureComponent) {
        (0, _inherits2.default)(MenuItem, _React$PureComponent);

        function MenuItem(props) {
            (0, _classCallCheck2.default)(this, MenuItem);
            return (0, _possibleConstructorReturn2.default)(
                this,
                (0, _getPrototypeOf2.default)(MenuItem).call(this, props)
            );
        }

        (0, _createClass2.default)(MenuItem, [
            {
                key: 'render',
                value: function render() {
                    var _this$props = this.props,
                        itemName = _this$props.itemName,
                        itemTitle = _this$props.itemTitle,
                        closeable = _this$props.closeable,
                        onSelect = _this$props.onSelect,
                        onClose = _this$props.onClose,
                        active = _this$props.active;
                    var menuItemClassName = (0, _classnames.default)('ant-menu-item', {
                        'ant-menu-item-selected': active
                    });
                    return _react.default.createElement(
                        'li',
                        {
                            className: menuItemClassName,
                            key: itemName,
                            onClick: function onClick() {
                                return onSelect(itemName);
                            }
                        },
                        itemTitle,
                        closeable &&
                            _react.default.createElement(
                                'div',
                                {
                                    className: 'rui-menuItem-btn-close'
                                },
                                _react.default.createElement(_ruiIcon.default, {
                                    type: 'close',
                                    onClick: function onClick(event) {
                                        onClose(itemName);
                                        event.stopPropagation();
                                    },
                                    style: {
                                        fontSize: '10px'
                                    }
                                })
                            )
                    );
                }
            }
        ]);
        return MenuItem;
    })(_react.default.PureComponent);

exports.default = MenuItem;
(0, _defineProperty2.default)(MenuItem, 'propTypes', {
    itemName: _propTypes.default.string,
    itemTitle: _propTypes.default.string,
    closeable: _propTypes.default.bool,
    onSelect: _propTypes.default.func,
    onClose: _propTypes.default.func,
    active: _propTypes.default.bool
});

//@ sourceMappingURL=MenuItem.js.map