@beisen/ethos/lib/static-form-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 _class, _temp; /* eslint-disable */


var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _commonLabel = require('../common-label');

var _commonLabel2 = _interopRequireDefault(_commonLabel);

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 StaticFormLabel = (_temp = _class = function (_Component) {
    (0, _inherits3.default)(StaticFormLabel, _Component);

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

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

        _this.handlerFakeClick = function (event) {
            _this.props.onFakeLinkClick(event);
        };

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

    (0, _createClass3.default)(StaticFormLabel, [{
        key: 'handleClick',
        value: function handleClick() {
            this.props.handleClick && this.props.handleClick();
        }
    }, {
        key: 'render',
        value: function render() {
            var _props = this.props,
                labelText = _props.labelText,
                defaultValue = _props.defaultValue,
                hidden = _props.hidden,
                isLink = _props.isLink,
                OpenMode = _props.OpenMode,
                linkValue = _props.linkValue,
                isFakeLink = _props.isFakeLink,
                itemComponent = _props.itemComponent,
                customTitle = _props.customTitle,
                sideTip = _props.sideTip,
                hiddenTip = _props.hiddenTip,
                alwaysShowTips = _props.alwaysShowTips;

            // let isWin10 = navigator.userAgent.indexOf("Windows NT 10.0") > -1 && !!window.ActiveXObject || "ActiveXObject" in window;

            var win10Sty = {
                "width": "100%"
            };

            var showTitle = customTitle || defaultValue;

            var item__control = isLink ? _react2.default.createElement(
                'a',
                { className: 'form-item__link', target: OpenMode, href: linkValue },
                (0, _commonFunc.decode)(defaultValue)
            ) : _react2.default.createElement(
                _toolTip2.default,
                { title: (0, _commonFunc.decode)(showTitle), side: sideTip, hidden: hiddenTip, alwaysShowTips: alwaysShowTips },
                _react2.default.createElement(
                    'p',
                    { className: 'form-item__text', style: win10Sty },
                    (0, _commonFunc.decode)(defaultValue)
                )
            );

            if (isFakeLink && isLink) {
                item__control = _react2.default.createElement(
                    'a',
                    { className: 'form-item__link', target: OpenMode, href: linkValue, onClick: this.handlerFakeClick },
                    (0, _commonFunc.decode)(defaultValue)
                );
            }
            if (itemComponent) {
                item__control = itemComponent;
            }
            if (!hidden) {
                return _react2.default.createElement(
                    'div',
                    { className: 'form-item form-item_is-static ' },
                    labelText.length > 0 ? _react2.default.createElement(_commonLabel2.default, this.props) : "",
                    _react2.default.createElement(
                        'div',
                        { className: 'form-item__control' },
                        item__control,
                        _react2.default.createElement(
                            'span',
                            { className: 'form-item__right-icon', onClick: this.handleClick },
                            _react2.default.createElement('i', { className: 'u-icon pc-sys-Pencil' })
                        )
                    )
                );
            } else {
                return _react2.default.createElement('div', null);
            }
        }
    }]);
    return StaticFormLabel;
}(_react.Component), _class.defaultProps = {
    isFakeLink: false,
    onFakeLinkClick: function onFakeLinkClick() {}
}, _temp);


module.exports = StaticFormLabel;