dareway-rui/build/exception/showAppException/index.js

'use strict';

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

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

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

var _ruiIcon = _interopRequireDefault(require('rui-icon'));

require('./style.css');

/**
 * 基础组件
 */
var AppExceptionBoard =
    /*#__PURE__*/
    (function(_React$Component) {
        (0, _inherits2.default)(AppExceptionBoard, _React$Component);

        function AppExceptionBoard(props) {
            var _this;

            (0, _classCallCheck2.default)(this, AppExceptionBoard);
            _this = (0, _possibleConstructorReturn2.default)(
                this,
                (0, _getPrototypeOf2.default)(AppExceptionBoard).call(this, props)
            );
            (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), 'show', function(error) {
                _this.setState({
                    hidden: false,
                    showErrorDetail: false,
                    error: error
                });
            });
            (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), 'hide', function() {
                _this.setState({
                    hidden: true
                });
            });
            (0, _defineProperty2.default)(
                (0, _assertThisInitialized2.default)(_this),
                'toggleShowErrorDetail',
                function() {
                    _this.setState({
                        showErrorDetail: !_this.state.showErrorDetail
                    });
                }
            );
            _this.state = {
                hidden: true,
                error: null,
                showErrorDetail: false
            };
            return _this;
        }

        (0, _createClass2.default)(AppExceptionBoard, [
            {
                key: 'render',
                value: function render() {
                    var _this$state = this.state,
                        error = _this$state.error,
                        showErrorDetail = _this$state.showErrorDetail,
                        hidden = _this$state.hidden;
                    var clsNames = (0, _classnames.default)('rui-appexception', {
                        'rui-appexception-hidden': hidden
                    });
                    return _react.default.createElement(
                        'div',
                        {
                            className: clsNames
                        },
                        _react.default.createElement(
                            'div',
                            {
                                className: 'rui-appexception-closebtn',
                                onClick: this.hide
                            },
                            _react.default.createElement(_ruiIcon.default, {
                                type: 'close-circle'
                            })
                        ),
                        _react.default.createElement('div', {
                            className: 'rui-appexception-logo'
                        }),
                        _react.default.createElement(
                            'div',
                            {
                                className: 'rui-appexception-title'
                            },
                            '\u7A0B\u5E8F\u51FA\u9519\u4E86~'
                        ),
                        _react.default.createElement(
                            'div',
                            {
                                className: 'rui-appexception-title'
                            },
                            '\u8BF7\u8054\u7CFB\u7CFB\u7EDF\u7BA1\u7406\u5458'
                        ),
                        _react.default.createElement(
                            'div',
                            {
                                className: 'rui-appexception-showdetail',
                                onClick: this.toggleShowErrorDetail
                            },
                            '\u70B9\u51FB\u67E5\u770B\u9519\u8BEF\u4EE3\u7801>'
                        ),
                        showErrorDetail &&
                            _react.default.createElement(
                                'pre',
                                {
                                    className: 'rui-appexception-errordetail'
                                },
                                error &&
                                    (error.exceptionInfo ? error.exceptionInfo : error.message + '\n\r' + error.stack)
                            )
                    );
                }
            }
        ]);
        return AppExceptionBoard;
    })(_react.default.Component); // 创建实例

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

function showAppException(e) {
    appExceptionBoardInst.show(e);
}

//@ sourceMappingURL=index.js.map