@beisen/ethos/lib/accordion/panel.js

beisencloud pc react components

'use strict';

var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');

var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);

var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');

var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);

var _createClass2 = require('babel-runtime/helpers/createClass');

var _createClass3 = _interopRequireDefault(_createClass2);

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 _reactDom = require('react-dom');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var Panel = function (_Component) {
	(0, _inherits3.default)(Panel, _Component);

	function Panel(props) {
		(0, _classCallCheck3.default)(this, Panel);

		var _this = (0, _possibleConstructorReturn3.default)(this, (Panel.__proto__ || (0, _getPrototypeOf2.default)(Panel)).call(this, props));

		var defaults = {};
		_this.handleClick = _this.handleClick.bind(_this);
		return _this;
	}

	(0, _createClass3.default)(Panel, [{
		key: 'handleClick',
		value: function handleClick(event) {
			this.props.handleClick(this.props.index);
		}
	}, {
		key: 'render',
		value: function render() {
			var _props = this.props,
			    index = _props.index,
			    showIndex = _props.showIndex,
			    item = _props.item;

			var panelContent = index == showIndex ? _react2.default.createElement(
				'div',
				{ className: 'panel-content' },
				item.content
			) : '';
			return _react2.default.createElement(
				'div',
				{ className: 'panel' },
				_react2.default.createElement(
					'div',
					{ className: "panel-header " + (index == showIndex ? 'panel-active' : ''), onClick: this.handleClick },
					_react2.default.createElement('span', { className: index == showIndex ? "pc-sys-arrowdown-nomal-svg" : "pc-sys-Forward-nomal-svg", onClick: this.handleClick }),
					_react2.default.createElement(
						'span',
						{ className: 'panel-title', onClick: this.handleClick },
						item.panelTitle
					)
				),
				panelContent
			);
		}
	}]);
	return Panel;
}(_react.Component);

module.exports = Panel;