@beisen/ethos/lib/dropdown-button/DropButtonMain/DropButtonItem.js

beisencloud pc react components

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = undefined;

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 _commonFunc = require('../../common-func');

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

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

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

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

    _this.concatName = function (item) {
      var name = '';
      if (item.hasChilds) {
        name = "drop-down-btn-list-item dropDownBtn_grouping_item";
      } else if (item.isChild) {
        name = 'drop-down-btn-list-item dropDownBtn_child_item ' + (item.isDisabled ? 'drop-disabled' : "");
      } else {
        name = 'drop-down-btn-list-item ' + (item.isDisabled ? 'drop-disabled' : "");
      }
      return name;
    };

    _this.uselessAct = function () {};

    _this.returnStyle = function (item, style, styleChild) {
      if (item.hasChilds) {
        return style;
      } else if (item.isChild) {
        return styleChild;
      } else {
        return {};
      }
    };

    _this.handelClick = _this.handelClick.bind(_this);
    return _this;
  }

  (0, _createClass3.default)(DropButtonItem, [{
    key: 'handelClick',
    value: function handelClick(e) {
      (0, _commonFunc.clearToolTipDom)();
      this.props.itemClick(e, this.props.item);
    }
  }, {
    key: 'render',
    value: function render() {
      var _props = this.props,
          item = _props.item,
          sideTip = _props.sideTip,
          hiddenTip = _props.hiddenTip,
          tipsDes = _props.tipsDes;

      var text = (0, _commonFunc.decode)(item.text),
          udtData = item.dataUdt ? item.dataUdt : '',
          udcData = item.dataUdc ? item.dataUdc : '',
          style = this.props.showTopLine && (item.hasChilds || item.isChild) ? { borderTop: '1px solid #F0F2F5' } : {},
          styleChild = this.props.isLastChildButNoAllLast ? { borderBottom: '1px solid #F0F2F5' } : {},
          className = this.concatName(item);
      return _react2.default.createElement(
        'li',
        {
          'data-udt': encodeURIComponent(udtData),
          'data-udc': encodeURIComponent(udcData),
          className: className,
          onClick: item.isDisabled || item.hasChilds ? this.uselessAct : this.handelClick,
          'data-id': item.value,
          style: this.returnStyle(item, style, styleChild)
        },
        _react2.default.createElement(
          _toolTip2.default,
          { tipsDes: tipsDes, title: text, side: sideTip, hidden: hiddenTip, tipsReason: item.tipsReason, alwaysShowTips: item.tipsReason && item.tipsReason.length > 0 ? 'true' : '' },
          _react2.default.createElement(
            'span',
            { className: 'dropDownEllipsis' },
            text
          )
        )
      );
    }
  }]);
  return DropButtonItem;
}(_react.Component);

exports.default = DropButtonItem;
module.exports = exports['default'];