first commit
This commit is contained in:
6
frontend/node_modules/antd/lib/spin/Indicator/Looper.d.ts
generated
vendored
Normal file
6
frontend/node_modules/antd/lib/spin/Indicator/Looper.d.ts
generated
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
import * as React from 'react';
|
||||
export interface IndicatorProps {
|
||||
prefixCls: string;
|
||||
percent?: number;
|
||||
}
|
||||
export default function Looper(props: IndicatorProps): React.JSX.Element;
|
||||
33
frontend/node_modules/antd/lib/spin/Indicator/Looper.js
generated
vendored
Normal file
33
frontend/node_modules/antd/lib/spin/Indicator/Looper.js
generated
vendored
Normal file
@@ -0,0 +1,33 @@
|
||||
"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 _classnames = _interopRequireDefault(require("classnames"));
|
||||
var _Progress = _interopRequireDefault(require("./Progress"));
|
||||
function Looper(props) {
|
||||
const {
|
||||
prefixCls,
|
||||
percent = 0
|
||||
} = 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, _classnames.default)(holderClassName, percent > 0 && hideClassName)
|
||||
}, /*#__PURE__*/React.createElement("span", {
|
||||
className: (0, _classnames.default)(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
|
||||
}));
|
||||
}
|
||||
7
frontend/node_modules/antd/lib/spin/Indicator/Progress.d.ts
generated
vendored
Normal file
7
frontend/node_modules/antd/lib/spin/Indicator/Progress.d.ts
generated
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
import * as React from 'react';
|
||||
export interface ProgressProps {
|
||||
prefixCls: string;
|
||||
percent: number;
|
||||
}
|
||||
declare const Progress: React.FC<Readonly<ProgressProps>>;
|
||||
export default Progress;
|
||||
75
frontend/node_modules/antd/lib/spin/Indicator/Progress.js
generated
vendored
Normal file
75
frontend/node_modules/antd/lib/spin/Indicator/Progress.js
generated
vendored
Normal file
@@ -0,0 +1,75 @@
|
||||
"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 = void 0;
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _classnames = _interopRequireDefault(require("classnames"));
|
||||
var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
|
||||
const viewSize = 100;
|
||||
const borderWidth = viewSize / 5;
|
||||
const radius = viewSize / 2 - borderWidth / 2;
|
||||
const circumference = radius * 2 * Math.PI;
|
||||
const position = 50;
|
||||
const CustomCircle = props => {
|
||||
const {
|
||||
dotClassName,
|
||||
style,
|
||||
hasCircleCls
|
||||
} = props;
|
||||
return /*#__PURE__*/React.createElement("circle", {
|
||||
className: (0, _classnames.default)(`${dotClassName}-circle`, {
|
||||
[`${dotClassName}-circle-bg`]: hasCircleCls
|
||||
}),
|
||||
r: radius,
|
||||
cx: position,
|
||||
cy: position,
|
||||
strokeWidth: borderWidth,
|
||||
style: style
|
||||
});
|
||||
};
|
||||
const Progress = ({
|
||||
percent,
|
||||
prefixCls
|
||||
}) => {
|
||||
const dotClassName = `${prefixCls}-dot`;
|
||||
const holderClassName = `${dotClassName}-holder`;
|
||||
const hideClassName = `${holderClassName}-hidden`;
|
||||
const [render, setRender] = React.useState(false);
|
||||
// ==================== Visible =====================
|
||||
(0, _useLayoutEffect.default)(() => {
|
||||
if (percent !== 0) {
|
||||
setRender(true);
|
||||
}
|
||||
}, [percent !== 0]);
|
||||
// ==================== Progress ====================
|
||||
const safePtg = Math.max(Math.min(percent, 100), 0);
|
||||
// ===================== Render =====================
|
||||
if (!render) {
|
||||
return null;
|
||||
}
|
||||
const circleStyle = {
|
||||
strokeDashoffset: `${circumference / 4}`,
|
||||
strokeDasharray: `${circumference * safePtg / 100} ${circumference * (100 - safePtg) / 100}`
|
||||
};
|
||||
return /*#__PURE__*/React.createElement("span", {
|
||||
className: (0, _classnames.default)(holderClassName, `${dotClassName}-progress`, safePtg <= 0 && hideClassName)
|
||||
}, /*#__PURE__*/React.createElement("svg", {
|
||||
viewBox: `0 0 ${viewSize} ${viewSize}`,
|
||||
role: "progressbar",
|
||||
"aria-valuemin": 0,
|
||||
"aria-valuemax": 100,
|
||||
"aria-valuenow": safePtg
|
||||
}, /*#__PURE__*/React.createElement(CustomCircle, {
|
||||
dotClassName: dotClassName,
|
||||
hasCircleCls: true
|
||||
}), /*#__PURE__*/React.createElement(CustomCircle, {
|
||||
dotClassName: dotClassName,
|
||||
style: circleStyle
|
||||
})));
|
||||
};
|
||||
var _default = exports.default = Progress;
|
||||
7
frontend/node_modules/antd/lib/spin/Indicator/index.d.ts
generated
vendored
Normal file
7
frontend/node_modules/antd/lib/spin/Indicator/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
import * as React from 'react';
|
||||
export interface IndicatorProps {
|
||||
prefixCls: string;
|
||||
indicator?: React.ReactNode;
|
||||
percent?: number;
|
||||
}
|
||||
export default function Indicator(props: IndicatorProps): React.JSX.Element;
|
||||
32
frontend/node_modules/antd/lib/spin/Indicator/index.js
generated
vendored
Normal file
32
frontend/node_modules/antd/lib/spin/Indicator/index.js
generated
vendored
Normal file
@@ -0,0 +1,32 @@
|
||||
"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 = Indicator;
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _classnames = _interopRequireDefault(require("classnames"));
|
||||
var _reactNode = require("../../_util/reactNode");
|
||||
var _Looper = _interopRequireDefault(require("./Looper"));
|
||||
function Indicator(props) {
|
||||
var _a;
|
||||
const {
|
||||
prefixCls,
|
||||
indicator,
|
||||
percent
|
||||
} = props;
|
||||
const dotClassName = `${prefixCls}-dot`;
|
||||
if (indicator && /*#__PURE__*/React.isValidElement(indicator)) {
|
||||
return (0, _reactNode.cloneElement)(indicator, {
|
||||
className: (0, _classnames.default)((_a = indicator.props) === null || _a === void 0 ? void 0 : _a.className, dotClassName),
|
||||
percent
|
||||
});
|
||||
}
|
||||
return /*#__PURE__*/React.createElement(_Looper.default, {
|
||||
prefixCls: prefixCls,
|
||||
percent: percent
|
||||
});
|
||||
}
|
||||
Reference in New Issue
Block a user