@beisen/ethos/lib/multi-item/index.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');

require('./style.scss');

var _toolTip = require('../tool-tip');

var _toolTip2 = _interopRequireDefault(_toolTip);

var _commonFunc = require('../common-func');

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

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

	function App() {
		var _ref;

		var _temp, _this, _ret;

		(0, _classCallCheck3.default)(this, App);

		for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
			args[_key] = arguments[_key];
		}

		return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = App.__proto__ || (0, _getPrototypeOf2.default)(App)).call.apply(_ref, [this].concat(args))), _this), _this.itemClose = function (event) {
			_this.props.itemClose(event, _this.props);
		}, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
	}

	(0, _createClass3.default)(App, [{
		key: 'render',
		value: function render() {
			var _props = this.props,
			    name = _props.name,
			    pname = _props.pname,
			    status = _props.status,
			    isActive = _props.isActive,
			    istips = _props.istips;

			var tipTitle = name + (pname ? " (" + pname + ") " : "");

			return _react2.default.createElement(
				'li',
				{ className: 'form-item__multi-item ' + ((0, _commonFunc.judgeBrowser)().isSafari ? 'safari_full-width' : '') },
				_react2.default.createElement(
					_toolTip2.default,
					{ title: istips ? tipTitle : "" },
					_react2.default.createElement(
						'span',
						{ className: 'form-item__text ' + ((0, _commonFunc.judgeBrowser)().isIe ? 'form-item__text_ie_fix' : '') },
						name,
						pname ? _react2.default.createElement(
							'span',
							{ className: 'form-item__text-parent' },
							'(',
							pname,
							')'
						) : ""
					)
				),
				status != "show" ? _react2.default.createElement('i', { className: 'u-icon sys-icon-close', onClick: this.itemClose }) : ""
			);
		}
	}]);
	return App;
}(_react.Component);

module.exports = App;