choerodon-ui/lib/result/index.js

An enterprise-class UI design language and React-based implementation

"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/objectSpread2"));

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

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

var _isObject = _interopRequireDefault(require("lodash/isObject"));

var _configure = require("../configure");

var _icon = _interopRequireDefault(require("../icon"));

var _noFound = _interopRequireDefault(require("./noFound"));

var _serverError = _interopRequireDefault(require("./serverError"));

var _unauthorized = _interopRequireDefault(require("./unauthorized"));

var _warning = _interopRequireDefault(require("../_util/warning"));

var renderStatus = function renderStatus(prefixCls, _ref) {
  var _iconMap$get;

  var status = _ref.status,
      icon = _ref.icon,
      statusRenderer = _ref.statusRenderer;
  var className = (0, _classnames["default"])("".concat(prefixCls, "-icon"));
  (0, _warning["default"])(!(typeof icon === 'string' && icon.length > 2), "`icon` is using ReactNode instead of string naming . Please check `".concat(icon, "` at https://choerodon.github.io/choerodon-ui/zh/cmp/general/icon")); // 初始化map

  var iconMap = new Map([['403', _react["default"].createElement(_unauthorized["default"], {
    key: "403"
  })], ['404', _react["default"].createElement(_noFound["default"], {
    key: "404"
  })], ['500', _react["default"].createElement(_serverError["default"], {
    key: "500"
  })], ['success', _react["default"].createElement(_icon["default"], {
    key: "success",
    type: "check_circle"
  })], ['error', _react["default"].createElement(_icon["default"], {
    key: "error",
    type: "error"
  })], ['info', _react["default"].createElement(_icon["default"], {
    key: "info",
    type: "info"
  })], ['warning', _react["default"].createElement(_icon["default"], {
    key: "warning",
    type: "warning"
  })]]); // 注入全局的config

  var statusRendererAll = (0, _objectSpread2["default"])({}, (0, _configure.getConfig)('resultStatusRenderer'), {}, statusRenderer);

  if ((0, _isObject["default"])(statusRendererAll)) {
    if (Object.keys(statusRendererAll).length > 0) {
      Object.keys(statusRendererAll).forEach(function (item) {
        iconMap.set(item, statusRendererAll[item]);
      });
    }
  } // @ts-ignore


  if (iconMap.get("".concat(status)) && ((_iconMap$get = iconMap.get("".concat(status))) === null || _iconMap$get === void 0 ? void 0 : _iconMap$get.type) !== _icon["default"]) {
    return _react["default"].createElement("div", {
      className: "".concat(className, " ").concat(prefixCls, "-image"),
      style: icon || statusRenderer ? {} : "".concat(status) === '500' ? {
        width: 400
      } : {
        width: 800
      }
    }, icon || iconMap.get("".concat(status)));
  }

  return _react["default"].createElement("div", {
    className: "".concat(className)
  }, icon || iconMap.get("".concat(status)));
};

var renderExtra = function renderExtra(prefixCls, _ref2) {
  var extra = _ref2.extra;
  return extra && _react["default"].createElement("div", {
    className: "".concat(prefixCls, "-extra")
  }, extra);
};

var Result = function Result(props) {
  var customizePrefixCls = props.prefixCls,
      customizeClassName = props.className,
      subTitle = props.subTitle,
      title = props.title,
      style = props.style,
      children = props.children,
      status = props.status;
  var prefixCls = (0, _configure.getPrefixCls)('result', customizePrefixCls);
  var className = (0, _classnames["default"])(prefixCls, "".concat(prefixCls, "-").concat(status), customizeClassName);
  return _react["default"].createElement("div", {
    className: className,
    style: style
  }, renderStatus(prefixCls, props), _react["default"].createElement("div", {
    className: "".concat(prefixCls, "-title")
  }, title), subTitle && _react["default"].createElement("div", {
    className: "".concat(prefixCls, "-subtitle")
  }, subTitle), children && _react["default"].createElement("div", {
    className: "".concat(prefixCls, "-content")
  }, children), renderExtra(prefixCls, props));
};

Result.defaultProps = {
  status: 'info'
};
var _default = Result;
exports["default"] = _default;
//# sourceMappingURL=index.js.map