dareway-rui/build/util/LoadingMask/LoadingMaskView.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 _assertThisInitialized2 = _interopRequireDefault(require('@babel/runtime/helpers/assertThisInitialized'));

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

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

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

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

var _classnames = _interopRequireDefault(require('classnames'));

require('./style.css');

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

        function LoadingMaskView(props) {
            var _this;

            (0, _classCallCheck2.default)(this, LoadingMaskView);
            _this = (0, _possibleConstructorReturn2.default)(
                this,
                (0, _getPrototypeOf2.default)(LoadingMaskView).call(this, props)
            );
            (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), 'show', function() {
                _this.setState({
                    hidden: false
                });
            });
            (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), 'hidden', function() {
                _this.setState({
                    hidden: true
                });
            });
            _this.state = {
                hidden: true
            };
            return _this;
        }

        (0, _createClass2.default)(LoadingMaskView, [
            {
                key: 'render',
                value: function render() {
                    var containerClassName = (0, _classnames.default)({
                        'rui-loadingMask': true,
                        'rui-loadingMask-hidden': this.state.hidden
                    });
                    var dotClassName = (0, _classnames.default)({
                        'rui-loadingMask-dot': true,
                        'rui-loadingMask-dot-spin': true
                    });
                    return _react.default.createElement(
                        'div',
                        {
                            className: containerClassName
                        },
                        _react.default.createElement(
                            'span',
                            {
                                className: dotClassName,
                                onClick: this.hidden,
                                title: '\u70B9\u51FB\u9690\u85CF'
                            },
                            _react.default.createElement('i', null),
                            _react.default.createElement('i', null),
                            _react.default.createElement('i', null),
                            _react.default.createElement('i', null)
                        )
                    );
                }
            }
        ]);
        return LoadingMaskView;
    })(_react.default.Component);

exports.default = LoadingMaskView;
(0, _defineProperty2.default)(LoadingMaskView, 'newInstance', function() {
    var div = document.createElement('div');
    document.body.appendChild(div);
    return _reactDom.default.render(_react.default.createElement(LoadingMaskView, null), div);
});

//@ sourceMappingURL=LoadingMaskView.js.map