shineout/css/Spin/Spin.js

Shein 前端组件库

"use strict";

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

exports.__esModule = true;
exports.default = Spin;

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

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

var _numbers = require("../utils/numbers");

function Spin(props) {
  var spinClass = props.spinClass,
      _props$count = props.count,
      count = _props$count === void 0 ? 0 : _props$count,
      render = props.render,
      size = props.size,
      wrapperClass = props.wrapperClass,
      wrapperStyle = props.wrapperStyle;
  var style = Object.assign({
    width: size,
    height: size
  }, props.style, wrapperStyle);
  var className = (0, _classnames.default)(spinClass('_'), wrapperClass);

  if (count < 1 || !render) {
    return _react.default.createElement("div", {
      style: style,
      className: className
    });
  }

  return _react.default.createElement("div", {
    style: style,
    className: className
  }, (0, _numbers.range)(count + 1, 1).map(function (i) {
    return render(spinClass, i, props);
  }));
}