@beisen/ethos/lib/common-input/item.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 _toolTip = require('../tool-tip');

var _toolTip2 = _interopRequireDefault(_toolTip);

var _reactDom = require('react-dom');

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

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

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

	function MultiItem() {
		var _ref;

		var _temp, _this, _ret;

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

		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 = MultiItem.__proto__ || (0, _getPrototypeOf2.default)(MultiItem)).call.apply(_ref, [this].concat(args))), _this), _this.itemClose = function (event) {
			var item = (0, _reactDom.findDOMNode)(_this);
			item.style.opacity = 0;
			_this.props.itemClose(event, _this.props.item);
		}, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
	}

	(0, _createClass3.default)(MultiItem, [{
		key: 'componentWillReceiveProps',
		value: function componentWillReceiveProps() {
			var item = (0, _reactDom.findDOMNode)(this);
			item.style.opacity = 1;
		}
	}, {
		key: 'render',
		value: function render() {
			var _props = this.props,
			    name = _props.name,
			    pname = _props.pname,
			    status = _props.status,
			    isShowTips = _props.isShowTips,
			    sideTip = _props.sideTip,
			    icon = _props.icon,
			    item = _props.item,
			    alwaysShowTips = _props.alwaysShowTips;

			var tipTitle = item.customTitle ? item.customTitle : (0, _commonFunc.decode)(name) + (pname ? " (" + (0, _commonFunc.decode)(pname) + ") " : "");
			return _react2.default.createElement(
				'li',
				{ className: 'form-item__multi-item ' + ((0, _commonFunc.judgeBrowser)().isSafari ? 'safari_full-width' : '') },
				icon ? _react2.default.createElement('i', { className: "u-icon " + icon }) : "",
				_react2.default.createElement(
					_toolTip2.default,
					{ hidden: !isShowTips, alwaysShowTips: alwaysShowTips, side: sideTip, title: tipTitle },
					_react2.default.createElement(
						'span',
						{ className: 'form-item__text' },
						(0, _commonFunc.decode)(name),
						pname ? _react2.default.createElement(
							'span',
							{ className: 'form-item__text-parent' },
							'(',
							(0, _commonFunc.decode)(pname),
							')'
						) : ""
					)
				),
				status != "show" ? _react2.default.createElement('i', { className: 'u-icon sys-icon-close ', onClick: this.itemClose }) : ""
			);
		}
	}]);
	return MultiItem;
}(_react.Component);

module.exports = MultiItem;