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

var _toolTip2 = _interopRequireDefault(_toolTip);

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

require('./index.scss');

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

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

  function CommonLabel(props) {
    (0, _classCallCheck3.default)(this, CommonLabel);
    return (0, _possibleConstructorReturn3.default)(this, (CommonLabel.__proto__ || (0, _getPrototypeOf2.default)(CommonLabel)).call(this, props));
  }

  (0, _createClass3.default)(CommonLabel, [{
    key: 'render',
    value: function render() {
      var _props = this.props,
          labelText = _props.labelText,
          labeltext = _props.labeltext,
          radioLabel = _props.radioLabel,
          showTag = _props.showTag,
          name = _props.name,
          required = _props.required,
          helpMsg = _props.helpMsg,
          sideTip = _props.sideTip,
          hiddenTip = _props.hiddenTip,
          lablePos = _props.lablePos,
          lableTxt = _props.lableTxt,
          title = _props.title,
          status = _props.status,
          hiddenLabel = _props.hiddenLabel;


      var lableStyle = void 0;

      if (lablePos) {
        lableStyle = lableTxt ? { 'float': 'left', 'textAlign': 'left' } : { 'float': 'left', 'textAlign': 'right' };
      } else {
        lableStyle = {};
      }
      var textStyle = !lablePos && helpMsg ? { "maxWidth": "calc(100% - 30px)" } : {};
      var showTitle = labelText || labeltext || title || radioLabel || showTag || name;
      //如果有 iconClick的话 帮助的icon鼠标悬浮变成小手
      //如果有 iconClick的话 icon可以被点击
      var iconClass = this.props.iconClick ? 'u-icon sys-icon-cus-bangzhu pointer' : 'u-icon sys-icon-cus-bangzhu';

      if (hiddenLabel) {
        return null;
      } else {
        return _react2.default.createElement(
          'div',
          { className: "form-item__title " + (helpMsg ? "form-item__help" : ""), style: lableStyle },
          required && status != 'show' ? _react2.default.createElement(
            'a',
            { className: 'form-item__required' },
            _react2.default.createElement('i', { className: 'u-icon pc-sys-cus-bitian-svg' })
          ) : '',
          _react2.default.createElement(
            _toolTip2.default,
            { title: (0, _commonFunc.decode)(showTitle), side: sideTip, hidden: hiddenTip },
            _react2.default.createElement(
              'label',
              { htmlFor: '', style: textStyle, className: 'form-item__text' },
              (0, _commonFunc.decode)(showTitle),
              lablePos ? _react2.default.createElement('div', { className: 'fade-out' }) : ''
            )
          ),
          helpMsg ? _react2.default.createElement(
            _toolTip2.default,
            { title: (0, _commonFunc.decode)(helpMsg), side: sideTip, hidden: hiddenTip },
            _react2.default.createElement('i', { className: iconClass, onClick: this.props.iconClick && this.props.iconClick.bind(this) })
          ) : ''
        );
      }
    }
  }]);
  return CommonLabel;
}(_react.Component);

module.exports = CommonLabel;