36 lines
1.3 KiB
JavaScript
36 lines
1.3 KiB
JavaScript
"use strict";
|
|
"use client";
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.default = Looper;
|
|
var React = _interopRequireWildcard(require("react"));
|
|
var _clsx = require("clsx");
|
|
var _Progress = _interopRequireDefault(require("./Progress"));
|
|
function Looper(props) {
|
|
const {
|
|
prefixCls,
|
|
percent = 0,
|
|
className,
|
|
style
|
|
} = props;
|
|
const dotClassName = `${prefixCls}-dot`;
|
|
const holderClassName = `${dotClassName}-holder`;
|
|
const hideClassName = `${holderClassName}-hidden`;
|
|
// ===================== Render =====================
|
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
|
|
className: (0, _clsx.clsx)(holderClassName, className, percent > 0 && hideClassName),
|
|
style: style
|
|
}, /*#__PURE__*/React.createElement("span", {
|
|
className: (0, _clsx.clsx)(dotClassName, `${prefixCls}-dot-spin`)
|
|
}, [1, 2, 3, 4].map(i => (/*#__PURE__*/React.createElement("i", {
|
|
className: `${prefixCls}-dot-item`,
|
|
key: i
|
|
}))))), /*#__PURE__*/React.createElement(_Progress.default, {
|
|
prefixCls: prefixCls,
|
|
percent: percent
|
|
}));
|
|
} |