react-loading-progress/dist/components/Customize/index.js

Loading display components

var _templateObject = _taggedTemplateLiteral(["\n    padding: 1rem;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    > * {\n      width: 5rem;\n      height: 5rem;\n    }\n  "], ["\n    padding: 1rem;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    > * {\n      width: 5rem;\n      height: 5rem;\n    }\n  "]);

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

import React from "react";
import styled from "styled-components";
import Progress from "../Progress/Connected";
import Spinner from "../Spinner";
import Circle from "../Circle";
import Loading from "../Loading";

//  noChild + center（Item)
var ProgressItem = function ProgressItem(_ref) {
  var children = _ref.children,
      props = _objectWithoutProperties(_ref, ["children"]);

  return React.createElement(
    Progress,
    Object.assign({
      placement: "left",
      noChild: true,
      center: true,
      errorNoChild: true
    }, props, {
      mask: false,
      size: 2,
      ripple: true
    }),
    children
  );
};

//  noChild + center（Item)
export { ProgressItem };
var ProgressUpdateItem = function ProgressUpdateItem(_ref2) {
  var children = _ref2.children,
      props = _objectWithoutProperties(_ref2, ["children"]);

  return React.createElement(
    Progress,
    Object.assign({
      placement: "left",
      noChild: true,
      center: true,
      update: true,
      errorNoChild: true
    }, props, {
      mask: false,
      ripple: true
    }),
    children
  );
};

export { ProgressUpdateItem };
export var DefaultProgress = function DefaultProgress() {
  var Center = styled.div(_templateObject);

  return React.createElement(
    Center,
    null,
    React.createElement(Spinner, null)
  );
};