ps-frame-father/lib/components/Spin/index.js

An enterprise-class UI design language and React components implementation

"use strict";

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

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

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

require("./index.css");

/**
 * Spin组件
 * @param {isLoading} bool 加载中状态，默认为true
 * @param {loadingText} string 加载状态的文本
 * @param {hiddenText} bool 是否隐藏加载状态的文本
 * @param {type} string spin的类型，目前有ball和line两种
 * @param {bgColor} string 加载动画颜色
 */
function Spin(props) {
  var spinType = {
    line: 'line'
  };
  var type = props.type,
      _props$isLoading = props.isLoading,
      isLoading = _props$isLoading === void 0 ? true : _props$isLoading,
      _props$loadingText = props.loadingText,
      loadingText = _props$loadingText === void 0 ? '正在加载中...' : _props$loadingText,
      _props$hiddenText = props.hiddenText,
      hiddenText = _props$hiddenText === void 0 ? false : _props$hiddenText,
      _props$bgColor = props.bgColor,
      bgColor = _props$bgColor === void 0 ? '#06c' : _props$bgColor;
  return isLoading ? /*#__PURE__*/_react.default.createElement("div", {
    className: "loader"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "loader-inner ball-spin-fade-loader".concat(spinType[type] ? ' ' + spinType[type] : ''),
    style: {
      backgroundColor: bgColor
    }
  }, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null)), !hiddenText && /*#__PURE__*/_react.default.createElement("p", {
    className: "x-loading-text"
  }, loadingText)) : null;
}