dareway-rui/build/taglib/hlayout/Hlayout.js

'use strict';

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

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

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

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'));

require('./Hlayout.css');

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

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

        (0, _createClass2.default)(Hlayout, [
            {
                key: 'render',
                value: function render() {
                    var _this$props = this.props,
                        name = _this$props.name,
                        width = _this$props.width,
                        height = _this$props.height,
                        backgroundColor = _this$props.backgroundColor,
                        hidden = _this$props.hidden; // 标签属性

                    var children = this.props.children; // 子结点

                    var style = {
                        overflow: 'auto'
                    };

                    if (backgroundColor) {
                        style = (0, _objectSpread2.default)({}, style, {
                            backgroundColor: backgroundColor
                        });
                    }

                    if (height) {
                        if (typeof height === 'number') {
                            style = (0, _objectSpread2.default)({}, style, {
                                height: height,
                                flex: '0 0 '.concat(height, 'px')
                            });
                        } else if (typeof height === 'string' && height == 'auto') {
                            style = (0, _objectSpread2.default)({}, style, {
                                flex: '0 0 auto'
                            });
                        } else {
                            throw new Error(
                                '【Hlayout】标签的height可配置值的类型为【number/string】,其中string类型只允许配置【auto】值！'
                            );
                        }
                    }

                    if (width) {
                        if (typeof width === 'number') {
                            style = (0, _objectSpread2.default)({}, style, {
                                width: width,
                                flexGrow: 0,
                                flexShrink: 0
                            });
                        } else if (typeof width === 'string' && width == 'auto') {
                            style = (0, _objectSpread2.default)({}, style, {
                                flex: '0 0 auto'
                            });
                        } else {
                            throw new Error(
                                '【Hlayout】标签的width可配置值的类型为【number/string】,其中string类型只允许配置【auto】值！'
                            );
                        }
                    }

                    if (hidden) {
                        style = (0, _objectSpread2.default)({}, style, {
                            display: 'none'
                        });
                    }

                    return _react.default.createElement(
                        'div',
                        {
                            style: style,
                            className: 'dw-hLayout'
                        },
                        children
                    );
                }
            }
        ]);
        return Hlayout;
    })(_react.default.Component);

exports.default = Hlayout;
(0, _defineProperty2.default)(Hlayout, 'defaultProps', {
    hidden: false
});
(0, _defineProperty2.default)(Hlayout, 'propTypes', {
    name: _propTypes.default.string,
    width: _propTypes.default.oneOfType(['string', 'number']),
    height: _propTypes.default.oneOfType(['string', 'number']),
    backgroundColor: _propTypes.default.string,
    hidden: _propTypes.default.bool,
    backgroundImage: _propTypes.default.string
});

//@ sourceMappingURL=Hlayout.js.map