dareway-rui/build/taglib/grid/dateColumn/bodyCell/ReadonlyInput.js

'use strict';

var _interopRequireDefault = require('@babel/runtime/helpers/interopRequireDefault');

Object.defineProperty(exports, '__esModule', {
    value: true
});
exports.default = void 0;

var _classCallCheck2 = _interopRequireDefault(require('@babel/runtime/helpers/classCallCheck'));

var _createClass2 = _interopRequireDefault(require('@babel/runtime/helpers/createClass'));

var _possibleConstructorReturn2 = _interopRequireDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));

var _getPrototypeOf2 = _interopRequireDefault(require('@babel/runtime/helpers/getPrototypeOf'));

var _inherits2 = _interopRequireDefault(require('@babel/runtime/helpers/inherits'));

var _defineProperty2 = _interopRequireDefault(require('@babel/runtime/helpers/defineProperty'));

var _react = _interopRequireDefault(require('react'));

var _propTypes = _interopRequireDefault(require('prop-types'));

var _util = require('../../../../util');

var _generator = require('../../utils/generator');

var ReadonlyInput =
    /*#__PURE__*/
    (function(_React$PureComponent) {
        (0, _inherits2.default)(ReadonlyInput, _React$PureComponent);

        function ReadonlyInput(props) {
            (0, _classCallCheck2.default)(this, ReadonlyInput);
            return (0, _possibleConstructorReturn2.default)(
                this,
                (0, _getPrototypeOf2.default)(ReadonlyInput).call(this, props)
            );
        }

        (0, _createClass2.default)(ReadonlyInput, [
            {
                key: 'render',
                value: function render() {
                    var _this$props = this.props,
                        name = _this$props.name,
                        bodyAlign = _this$props.bodyAlign,
                        bodyFontColor = _this$props.bodyFontColor,
                        bodyBold = _this$props.bodyBold,
                        bodyOblique = _this$props.bodyOblique,
                        bodyStyleFilter = _this$props.bodyStyleFilter,
                        value = _this$props.value,
                        onClick = _this$props.onClick,
                        width = _this$props.width,
                        mask = _this$props.mask;
                    var valueStrResult = '';

                    if (value) {
                        valueStrResult = _util.DateUtil.formatDate(value, mask);
                    }

                    var style = (0, _generator.generateReadonlyBodyCellStyle)({
                        padding: '4px 8px',
                        height: 29,
                        maxWidth: width + 16,
                        // 16px 的padding
                        whiteSpace: 'nowrap',
                        textOverflow: 'ellipsis',
                        overflow: 'hidden'
                    });

                    if (bodyAlign) {
                        style['textAlign'] = bodyAlign;
                    }

                    if (bodyFontColor) {
                        style['color'] = bodyFontColor;
                    }

                    if (bodyBold) {
                        style['fontWeight'] = 'bold';
                    }

                    if (bodyOblique) {
                        style['fontStyle'] = 'oblique';
                    }

                    if (bodyStyleFilter) {
                        var extraStyles = bodyStyleFilter((0, _defineProperty2.default)({}, name, value));

                        if (extraStyles) {
                            if (extraStyles.color) {
                                style['color'] = extraStyles.color;
                            }

                            if (extraStyles.bold) {
                                style['fontWeight'] = 'bold';
                            }

                            if (extraStyles.oblique) {
                                style['fontStyle'] = 'oblique';
                            }
                        }
                    }

                    return _react.default.createElement(
                        'div',
                        {
                            style: style,
                            title: valueStrResult,
                            onClick: onClick
                        },
                        valueStrResult
                    );
                }
            }
        ]);
        return ReadonlyInput;
    })(_react.default.PureComponent);

exports.default = ReadonlyInput;
(0, _defineProperty2.default)(ReadonlyInput, 'propTypes', {
    value: _propTypes.default.object,
    mask: _propTypes.default.string,
    width: _propTypes.default.number,
    bodyAlign: _propTypes.default.string,
    bodyBold: _propTypes.default.bool,
    bodyFontColor: _propTypes.default.string,
    bodyOblique: _propTypes.default.bool,
    bodyStyleFilter: _propTypes.default.func,
    onClick: _propTypes.default.func
});

//@ sourceMappingURL=ReadonlyInput.js.map