@beisen/ethos/lib/checkbox-list/CheckboxItem.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');

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

var _toolTip2 = _interopRequireDefault(_toolTip);

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

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

  function CheckboxItem() {
    (0, _classCallCheck3.default)(this, CheckboxItem);
    return (0, _possibleConstructorReturn3.default)(this, (CheckboxItem.__proto__ || (0, _getPrototypeOf2.default)(CheckboxItem)).apply(this, arguments));
  }

  (0, _createClass3.default)(CheckboxItem, [{
    key: 'clickItem',
    value: function clickItem(e) {
      var _props = this.props,
          handleClick = _props.handleClick,
          value = _props.value,
          text = _props.text,
          item = _props.item;

      handleClick(value, text, e, item);
    }
  }, {
    key: 'render',
    value: function render() {
      //通过判断bsStyle控制checkbox是否可选
      var _props2 = this.props,
          bsStyle = _props2.bsStyle,
          handleClick = _props2.handleClick,
          value = _props2.value,
          text = _props2.text,
          handleHover = _props2.handleHover,
          handleMouseOut = _props2.handleMouseOut,
          cmp_id = _props2.cmp_id,
          readOnly = _props2.readOnly,
          itemReadonly = _props2.itemReadonly,
          toolTipMsg = _props2.toolTipMsg,
          _props2$iconStyle = _props2.iconStyle,
          iconStyle = _props2$iconStyle === undefined ? '' : _props2$iconStyle;
      // const itemHorizontal = this.props.horizontal;

      var iconClass = 'sys-icon-cus-bianji common-bianji-icon ' + iconStyle;
      var picDom = _react2.default.createElement('span', {
        className: iconClass,
        onClick: this.props.picClick.bind(this, value)
      });
      return _react2.default.createElement(
        _toolTip2.default,
        { title: toolTipMsg || '', alwaysShowTips: true, side: false, hidden: false },
        _react2.default.createElement(
          'div',
          { className: (bsStyle ? 'cklist-checkbox cklist-optional' : 'cklist-checkbox cklist-notOptional') + ' checkbox-horizontal ' + (readOnly || itemReadonly ? "table-item-readOnly" : "") },
          _react2.default.createElement('label', { className: bsStyle ? this.props.isChecked : "table-item-check table-item-check-back",
            onClick: itemReadonly ? function () {} : this.clickItem.bind(this),
            onMouseOver: itemReadonly ? function () {} : handleHover,
            onMouseOut: itemReadonly ? function () {} : handleMouseOut,
            'data-logtype': 'click',
            'data-loglabel': 'CheckBoxList-Icon',
            'data-logcmpid': cmp_id
          }),
          _react2.default.createElement(
            _toolTip2.default,
            { title: text, side: false, hidden: false },
            _react2.default.createElement(
              'label',
              { className: 'check-title',
                onClick: itemReadonly ? function () {} : handleClick.bind(this, value, this.props),
                'data-logtype': 'click',
                'data-loglabel': 'CheckBoxList-Text',
                'data-logcmpid': cmp_id
              },
              text
            )
          ),
          this.props.hasPic ? picDom : null
        )
      );
    }
  }]);
  return CheckboxItem;
}(_react.Component);

module.exports = CheckboxItem;