@molejs/mole-components-web/es/header/index.js

import _defineProperty from 'babel-runtime/helpers/defineProperty';
import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
import _createClass from 'babel-runtime/helpers/createClass';
import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
import _inherits from 'babel-runtime/helpers/inherits';
import classnames from 'classnames';
import React from 'react';
import Icon from '../icon';
var LeftArea = function LeftArea(props) {
    var children = props.children,
        style = props.style,
        className = props.className;

    var a_children = React.Children.toArray(children);
    var c_children = a_children.slice(a_children.length - 2);
    return React.createElement(
        'a',
        { className: classnames('bs-pull-left bs-bar-nav-btn', className), style: style },
        c_children
    );
};
var RightArea = function RightArea(props) {
    var children = props.children,
        style = props.style,
        className = props.className;

    var a_children = React.Children.toArray(children);
    // console.log(a_children)
    var c_children = a_children.slice(a_children.length - 2);
    return React.createElement(
        'a',
        { className: classnames('bs-pull-right bs-bar-nav-btn', className), style: style },
        c_children
    );
};
export var TitleArea = function (_React$Component) {
    _inherits(TitleArea, _React$Component);

    function TitleArea() {
        _classCallCheck(this, TitleArea);

        var _this = _possibleConstructorReturn(this, (TitleArea.__proto__ || Object.getPrototypeOf(TitleArea)).apply(this, arguments));

        _this.handleItemClick = function (e) {
            e.preventDefault();
            _this.props.onClick && _this.props.onClick(_this.props, e);
        };
        return _this;
    }

    _createClass(TitleArea, [{
        key: 'render',
        value: function render() {
            var _props = this.props,
                children = _props.children,
                style = _props.style,
                className = _props.className;

            return React.createElement(
                'div',
                { className: classnames('bs-bar-title', className), onClick: this.handleItemClick, style: style },
                children
            );
        }
    }]);

    return TitleArea;
}(React.Component);
export var Item = function (_React$Component2) {
    _inherits(Item, _React$Component2);

    function Item() {
        _classCallCheck(this, Item);

        var _this2 = _possibleConstructorReturn(this, (Item.__proto__ || Object.getPrototypeOf(Item)).apply(this, arguments));

        _this2.handleItemClick = function (e) {
            e.preventDefault();
            _this2.props.onClick && _this2.props.onClick(_this2.props, e);
        };
        return _this2;
    }

    _createClass(Item, [{
        key: 'render',
        value: function render() {
            var _props2 = this.props,
                prefixCls = _props2.prefixCls,
                style = _props2.style,
                icon = _props2.icon,
                iconStyle = _props2.iconStyle,
                text = _props2.text;

            return React.createElement(
                'a',
                { className: prefixCls, style: style, onClick: this.handleItemClick },
                Icon && React.createElement(Icon, { type: icon, style: iconStyle }),
                React.createElement(
                    'span',
                    { className: 'bs-bar-item-label' },
                    text
                )
            );
        }
    }]);

    return Item;
}(React.Component);
Item.defaultProps = {
    prefixCls: 'bs-bar-item'
};

var Header = function (_React$Component3) {
    _inherits(Header, _React$Component3);

    function Header() {
        _classCallCheck(this, Header);

        var _this3 = _possibleConstructorReturn(this, (Header.__proto__ || Object.getPrototypeOf(Header)).apply(this, arguments));

        _this3.onHandleTitleClick = function (e) {
            e.preventDefault();
            console.log(_this3.props.title);
            _this3.props.onTitleClick && _this3.props.onTitleClick({
                text: _this3.props.title
            }, e);
        };
        return _this3;
    }

    _createClass(Header, [{
        key: 'render',
        value: function render() {
            var _props3 = this.props,
                className = _props3.className,
                style = _props3.style,
                fixStatus = _props3.fixStatus,
                title = _props3.title,
                _props3$prefixCls = _props3.prefixCls,
                prefixCls = _props3$prefixCls === undefined ? 'bs-bar' : _props3$prefixCls;

            return React.createElement(
                'div',
                { onClick: this.onHandleTitleClick, className: classnames(prefixCls + ' ' + prefixCls + '-nav', _defineProperty({}, prefixCls + '-nav-fixstatus', fixStatus), className), style: style },
                title ? title : this.props.children
            );
        }
    }]);

    return Header;
}(React.Component);

export default Header;

Header.Item = Item;
Header.LeftArea = LeftArea;
Header.TitleArea = TitleArea;
Header.RightArea = RightArea;