jc-biz-components/lib/jc-exception/index.js

jc component library based on Antd

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _button = require('antd/lib/button');

var _button2 = _interopRequireDefault(_button);

var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

exports['default'] = Exception;

require('antd/lib/button/style');

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _typeConfig = require('./typeConfig');

var _typeConfig2 = _interopRequireDefault(_typeConfig);

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

// import styles from './index.less'

function Exception(_ref) {
  var className = _ref.className,
      _ref$linkElement = _ref.linkElement,
      linkElement = _ref$linkElement === undefined ? 'a' : _ref$linkElement,
      type = _ref.type,
      title = _ref.title,
      desc = _ref.desc,
      img = _ref.img,
      actions = _ref.actions,
      _ref$prefixCls = _ref.prefixCls,
      prefixCls = _ref$prefixCls === undefined ? 'jc-exception' : _ref$prefixCls,
      rest = (0, _objectWithoutProperties3['default'])(_ref, ['className', 'linkElement', 'type', 'title', 'desc', 'img', 'actions', 'prefixCls']);

  var pageType = type in _typeConfig2['default'] ? type : '404';
  var clsString = (0, _classnames2['default'])(prefixCls, className);
  return _react2['default'].createElement(
    'div',
    (0, _extends3['default'])({
      className: clsString
    }, rest),
    _react2['default'].createElement(
      'div',
      { className: prefixCls + '-img-block' },
      _react2['default'].createElement('div', {
        className: prefixCls + '-img',
        style: { backgroundImage: 'url(' + (img || _typeConfig2['default'][pageType].img) + ')' }
      })
    ),
    _react2['default'].createElement(
      'div',
      { className: prefixCls + '-content' },
      _react2['default'].createElement(
        'h1',
        null,
        title || _typeConfig2['default'][pageType].title
      ),
      _react2['default'].createElement(
        'div',
        { className: prefixCls + '-desc' },
        desc || _typeConfig2['default'][pageType].desc
      ),
      _react2['default'].createElement(
        'div',
        { className: prefixCls + '-actions' },
        actions || (0, _react.createElement)(linkElement, {
          to: '/',
          href: '/'
        }, _react2['default'].createElement(
          _button2['default'],
          { type: 'primary' },
          '\u8FD4\u56DE\u9996\u9875'
        ))
      )
    )
  );
}
module.exports = exports['default'];