Looper.js 939 B

1234567891011121314151617181920212223242526
  1. "use client";
  2. import * as React from 'react';
  3. import classNames from 'classnames';
  4. import Progress from './Progress';
  5. export default function Looper(props) {
  6. const {
  7. prefixCls,
  8. percent = 0
  9. } = props;
  10. const dotClassName = `${prefixCls}-dot`;
  11. const holderClassName = `${dotClassName}-holder`;
  12. const hideClassName = `${holderClassName}-hidden`;
  13. // ===================== Render =====================
  14. return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
  15. className: classNames(holderClassName, percent > 0 && hideClassName)
  16. }, /*#__PURE__*/React.createElement("span", {
  17. className: classNames(dotClassName, `${prefixCls}-dot-spin`)
  18. }, [1, 2, 3, 4].map(i => (/*#__PURE__*/React.createElement("i", {
  19. className: `${prefixCls}-dot-item`,
  20. key: i
  21. }))))), /*#__PURE__*/React.createElement(Progress, {
  22. prefixCls: prefixCls,
  23. percent: percent
  24. }));
  25. }