dora-ui/es/spinner/index.js

A React.js Mobile UI Library

import React from 'react';
import cx from 'classnames';
import PropTypes from 'prop-types';
var prefixCls = 'dora-spinner';

var Spinner = function Spinner(_ref) {
  var _ref$size = _ref.size,
      size = _ref$size === void 0 ? 'md' : _ref$size,
      _ref$type = _ref.type,
      type = _ref$type === void 0 ? 'normal' : _ref$type;
  var cls = cx(prefixCls, "".concat(prefixCls, "__").concat(size), "".concat(prefixCls, "__").concat(type));

  if (type === 'normal') {
    return React.createElement("div", {
      className: cls
    }, React.createElement("div", null), React.createElement("div", null), React.createElement("div", null), React.createElement("div", null), React.createElement("div", null), React.createElement("div", null), React.createElement("div", null), React.createElement("div", null));
  }

  return React.createElement("div", {
    className: cls
  }, React.createElement("div", {
    className: cx("".concat(prefixCls, "-rect"), "".concat(prefixCls, "-rect1"))
  }), React.createElement("div", {
    className: cx("".concat(prefixCls, "-rect"), "".concat(prefixCls, "-rect2"))
  }), React.createElement("div", {
    className: cx("".concat(prefixCls, "-rect"), "".concat(prefixCls, "-rect3"))
  }), React.createElement("div", {
    className: cx("".concat(prefixCls, "-rect"), "".concat(prefixCls, "-rect3"))
  }), React.createElement("div", {
    className: cx("".concat(prefixCls, "-rect"), "".concat(prefixCls, "-rect2"))
  }), React.createElement("div", {
    className: cx("".concat(prefixCls, "-rect"), "".concat(prefixCls, "-rect1"))
  }));
}; // props校验


Spinner.propTypes = {
  size: PropTypes.oneOf(['sm', 'md', 'lg']),
  type: PropTypes.oneOf(['normal', 'wave'])
};
export default Spinner;