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

An enterprise-class UI design language and React components implementation

import React from "react";
import "./index.css";
/**
 * Spin组件
 * @param {isLoading} bool 加载中状态，默认为true
 * @param {loadingText} string 加载状态的文本
 * @param {hiddenText} bool 是否隐藏加载状态的文本
 * @param {type} string spin的类型，目前有ball和line两种
 * @param {bgColor} string 加载动画颜色
 */

export default 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.createElement("div", {
    className: "loader"
  }, /*#__PURE__*/React.createElement("div", {
    className: "loader-inner ball-spin-fade-loader".concat(spinType[type] ? ' ' + spinType[type] : ''),
    style: {
      backgroundColor: bgColor
    }
  }, /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", null)), !hiddenText && /*#__PURE__*/React.createElement("p", {
    className: "x-loading-text"
  }, loadingText)) : null;
}