shradmin/lib/components/common/Page.js

A frontend Framework for building admin application, using antd and mirrorjs.

'use strict';

exports.__esModule = true;

var _style2 = require('antd/lib/spin/style');

var _spin = require('antd/lib/spin');

var _spin2 = _interopRequireDefault(_spin);

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

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

var _propTypes2 = _interopRequireDefault(_propTypes);

var _mirrorx = require('mirrorx');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var loadingStyle = {
  height: 'calc(100vh - 184px)',
  overflow: 'hidden'
};

var Page = function Page(_ref) {
  var children = _ref.children,
      header = _ref.header,
      loading = _ref.loading,
      style = _ref.style;
  return _react2.default.createElement(
    'div',
    null,
    header,
    _react2.default.createElement(
      _spin2.default,
      { spinning: loading },
      _react2.default.createElement(
        'div',
        { style: loading ? _extends({}, style, loadingStyle) : style },
        children
      )
    )
  );
};

Page.propTypes = process.env.NODE_ENV !== "production" ? {
  header: _propTypes2.default.element,
  loading: _propTypes2.default.bool,
  style: _propTypes2.default.object
} : {};

exports.default = (0, _mirrorx.connect)(function (_ref2) {
  var loading = _ref2.loading;
  return {
    loading: loading
  };
})(Page);
module.exports = exports['default'];