shineout/css/Spin/Simple.js

Shein 前端组件库

"use strict";

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

exports.__esModule = true;
exports.Ring = Ring;
exports.Plane = Plane;
exports.Pulse = Pulse;

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

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

var _Spin = _interopRequireDefault(require("./Spin"));

var _styles = require("./styles");

var _util = require("./util");

function Ring(obj) {
  var _formatSize = (0, _util.formatSize)(obj.size),
      value = _formatSize.value,
      unit = _formatSize.unit;

  var style = {
    borderWidth: value / 10 + unit,
    borderTopColor: obj.color
  };
  return _react.default.createElement(_Spin.default, (0, _extends2.default)({}, obj, {
    count: 0,
    style: style,
    spinClass: _styles.ringClass
  }));
}

function Plane(obj) {
  var style = {
    backgroundColor: obj.color
  };
  return _react.default.createElement(_Spin.default, (0, _extends2.default)({}, obj, {
    count: 0,
    style: style,
    spinClass: _styles.planeClass
  }));
}

function Pulse(obj) {
  var style = {
    backgroundColor: obj.color
  };
  return _react.default.createElement(_Spin.default, (0, _extends2.default)({}, obj, {
    count: 0,
    style: style,
    spinClass: _styles.pulseClass
  }));
}