first commit
This commit is contained in:
17
frontend/node_modules/rc-progress/lib/Circle/PtgCircle.d.ts
generated
vendored
Normal file
17
frontend/node_modules/rc-progress/lib/Circle/PtgCircle.d.ts
generated
vendored
Normal file
@@ -0,0 +1,17 @@
|
||||
import * as React from 'react';
|
||||
import type { ProgressProps } from '..';
|
||||
import type { StrokeColorObject } from '../interface';
|
||||
export interface ColorGradientProps {
|
||||
prefixCls: string;
|
||||
gradientId: string;
|
||||
style: React.CSSProperties;
|
||||
ptg: number;
|
||||
radius: number;
|
||||
strokeLinecap: ProgressProps['strokeLinecap'];
|
||||
strokeWidth: ProgressProps['strokeWidth'];
|
||||
size: number;
|
||||
color: string | StrokeColorObject;
|
||||
gapDegree: number;
|
||||
}
|
||||
declare const PtgCircle: React.ForwardRefExoticComponent<ColorGradientProps & React.RefAttributes<SVGCircleElement>>;
|
||||
export default PtgCircle;
|
||||
87
frontend/node_modules/rc-progress/lib/Circle/PtgCircle.js
generated
vendored
Normal file
87
frontend/node_modules/rc-progress/lib/Circle/PtgCircle.js
generated
vendored
Normal file
@@ -0,0 +1,87 @@
|
||||
"use strict";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
||||
var _typeof3 = require("@babel/runtime/helpers/typeof");
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
||||
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
||||
var Block = function Block(_ref) {
|
||||
var bg = _ref.bg,
|
||||
children = _ref.children;
|
||||
return /*#__PURE__*/React.createElement("div", {
|
||||
style: {
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
background: bg
|
||||
}
|
||||
}, children);
|
||||
};
|
||||
function getPtgColors(color, scale) {
|
||||
return Object.keys(color).map(function (key) {
|
||||
var parsedKey = parseFloat(key);
|
||||
var ptgKey = "".concat(Math.floor(parsedKey * scale), "%");
|
||||
return "".concat(color[key], " ").concat(ptgKey);
|
||||
});
|
||||
}
|
||||
var PtgCircle = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
||||
var prefixCls = props.prefixCls,
|
||||
color = props.color,
|
||||
gradientId = props.gradientId,
|
||||
radius = props.radius,
|
||||
circleStyleForStack = props.style,
|
||||
ptg = props.ptg,
|
||||
strokeLinecap = props.strokeLinecap,
|
||||
strokeWidth = props.strokeWidth,
|
||||
size = props.size,
|
||||
gapDegree = props.gapDegree;
|
||||
var isGradient = color && (0, _typeof2.default)(color) === 'object';
|
||||
var stroke = isGradient ? "#FFF" : undefined;
|
||||
|
||||
// ========================== Circle ==========================
|
||||
var halfSize = size / 2;
|
||||
var circleNode = /*#__PURE__*/React.createElement("circle", {
|
||||
className: "".concat(prefixCls, "-circle-path"),
|
||||
r: radius,
|
||||
cx: halfSize,
|
||||
cy: halfSize,
|
||||
stroke: stroke,
|
||||
strokeLinecap: strokeLinecap,
|
||||
strokeWidth: strokeWidth,
|
||||
opacity: ptg === 0 ? 0 : 1,
|
||||
style: circleStyleForStack,
|
||||
ref: ref
|
||||
});
|
||||
|
||||
// ========================== Render ==========================
|
||||
if (!isGradient) {
|
||||
return circleNode;
|
||||
}
|
||||
var maskId = "".concat(gradientId, "-conic");
|
||||
var fromDeg = gapDegree ? "".concat(180 + gapDegree / 2, "deg") : '0deg';
|
||||
var conicColors = getPtgColors(color, (360 - gapDegree) / 360);
|
||||
var linearColors = getPtgColors(color, 1);
|
||||
var conicColorBg = "conic-gradient(from ".concat(fromDeg, ", ").concat(conicColors.join(', '), ")");
|
||||
var linearColorBg = "linear-gradient(to ".concat(gapDegree ? 'bottom' : 'top', ", ").concat(linearColors.join(', '), ")");
|
||||
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("mask", {
|
||||
id: maskId
|
||||
}, circleNode), /*#__PURE__*/React.createElement("foreignObject", {
|
||||
x: 0,
|
||||
y: 0,
|
||||
width: size,
|
||||
height: size,
|
||||
mask: "url(#".concat(maskId, ")")
|
||||
}, /*#__PURE__*/React.createElement(Block, {
|
||||
bg: linearColorBg
|
||||
}, /*#__PURE__*/React.createElement(Block, {
|
||||
bg: conicColorBg
|
||||
}))));
|
||||
});
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
PtgCircle.displayName = 'PtgCircle';
|
||||
}
|
||||
var _default = exports.default = PtgCircle;
|
||||
4
frontend/node_modules/rc-progress/lib/Circle/index.d.ts
generated
vendored
Normal file
4
frontend/node_modules/rc-progress/lib/Circle/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
import * as React from 'react';
|
||||
import type { ProgressProps } from '../interface';
|
||||
declare const Circle: React.FC<ProgressProps>;
|
||||
export default Circle;
|
||||
140
frontend/node_modules/rc-progress/lib/Circle/index.js
generated
vendored
Normal file
140
frontend/node_modules/rc-progress/lib/Circle/index.js
generated
vendored
Normal file
@@ -0,0 +1,140 @@
|
||||
"use strict";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
||||
var _typeof3 = require("@babel/runtime/helpers/typeof");
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
||||
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
||||
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
||||
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _classnames = _interopRequireDefault(require("classnames"));
|
||||
var _common = require("../common");
|
||||
var _useId = _interopRequireDefault(require("../hooks/useId"));
|
||||
var _PtgCircle = _interopRequireDefault(require("./PtgCircle"));
|
||||
var _util = require("./util");
|
||||
var _excluded = ["id", "prefixCls", "steps", "strokeWidth", "trailWidth", "gapDegree", "gapPosition", "trailColor", "strokeLinecap", "style", "className", "strokeColor", "percent"];
|
||||
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
||||
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
||||
function toArray(value) {
|
||||
var mergedValue = value !== null && value !== void 0 ? value : [];
|
||||
return Array.isArray(mergedValue) ? mergedValue : [mergedValue];
|
||||
}
|
||||
var Circle = function Circle(props) {
|
||||
var _defaultProps$props = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _common.defaultProps), props),
|
||||
id = _defaultProps$props.id,
|
||||
prefixCls = _defaultProps$props.prefixCls,
|
||||
steps = _defaultProps$props.steps,
|
||||
strokeWidth = _defaultProps$props.strokeWidth,
|
||||
trailWidth = _defaultProps$props.trailWidth,
|
||||
_defaultProps$props$g = _defaultProps$props.gapDegree,
|
||||
gapDegree = _defaultProps$props$g === void 0 ? 0 : _defaultProps$props$g,
|
||||
gapPosition = _defaultProps$props.gapPosition,
|
||||
trailColor = _defaultProps$props.trailColor,
|
||||
strokeLinecap = _defaultProps$props.strokeLinecap,
|
||||
style = _defaultProps$props.style,
|
||||
className = _defaultProps$props.className,
|
||||
strokeColor = _defaultProps$props.strokeColor,
|
||||
percent = _defaultProps$props.percent,
|
||||
restProps = (0, _objectWithoutProperties2.default)(_defaultProps$props, _excluded);
|
||||
var halfSize = _util.VIEW_BOX_SIZE / 2;
|
||||
var mergedId = (0, _useId.default)(id);
|
||||
var gradientId = "".concat(mergedId, "-gradient");
|
||||
var radius = halfSize - strokeWidth / 2;
|
||||
var perimeter = Math.PI * 2 * radius;
|
||||
var rotateDeg = gapDegree > 0 ? 90 + gapDegree / 2 : -90;
|
||||
var perimeterWithoutGap = perimeter * ((360 - gapDegree) / 360);
|
||||
var _ref = (0, _typeof2.default)(steps) === 'object' ? steps : {
|
||||
count: steps,
|
||||
gap: 2
|
||||
},
|
||||
stepCount = _ref.count,
|
||||
stepGap = _ref.gap;
|
||||
var percentList = toArray(percent);
|
||||
var strokeColorList = toArray(strokeColor);
|
||||
var gradient = strokeColorList.find(function (color) {
|
||||
return color && (0, _typeof2.default)(color) === 'object';
|
||||
});
|
||||
var isConicGradient = gradient && (0, _typeof2.default)(gradient) === 'object';
|
||||
var mergedStrokeLinecap = isConicGradient ? 'butt' : strokeLinecap;
|
||||
var circleStyle = (0, _util.getCircleStyle)(perimeter, perimeterWithoutGap, 0, 100, rotateDeg, gapDegree, gapPosition, trailColor, mergedStrokeLinecap, strokeWidth);
|
||||
var paths = (0, _common.useTransitionDuration)();
|
||||
var getStokeList = function getStokeList() {
|
||||
var stackPtg = 0;
|
||||
return percentList.map(function (ptg, index) {
|
||||
var color = strokeColorList[index] || strokeColorList[strokeColorList.length - 1];
|
||||
var circleStyleForStack = (0, _util.getCircleStyle)(perimeter, perimeterWithoutGap, stackPtg, ptg, rotateDeg, gapDegree, gapPosition, color, mergedStrokeLinecap, strokeWidth);
|
||||
stackPtg += ptg;
|
||||
return /*#__PURE__*/React.createElement(_PtgCircle.default, {
|
||||
key: index,
|
||||
color: color,
|
||||
ptg: ptg,
|
||||
radius: radius,
|
||||
prefixCls: prefixCls,
|
||||
gradientId: gradientId,
|
||||
style: circleStyleForStack,
|
||||
strokeLinecap: mergedStrokeLinecap,
|
||||
strokeWidth: strokeWidth,
|
||||
gapDegree: gapDegree,
|
||||
ref: function ref(elem) {
|
||||
// https://reactjs.org/docs/refs-and-the-dom.html#callback-refs
|
||||
// React will call the ref callback with the DOM element when the component mounts,
|
||||
// and call it with `null` when it unmounts.
|
||||
// Refs are guaranteed to be up-to-date before componentDidMount or componentDidUpdate fires.
|
||||
|
||||
paths[index] = elem;
|
||||
},
|
||||
size: _util.VIEW_BOX_SIZE
|
||||
});
|
||||
}).reverse();
|
||||
};
|
||||
var getStepStokeList = function getStepStokeList() {
|
||||
// only show the first percent when pass steps
|
||||
var current = Math.round(stepCount * (percentList[0] / 100));
|
||||
var stepPtg = 100 / stepCount;
|
||||
var stackPtg = 0;
|
||||
return new Array(stepCount).fill(null).map(function (_, index) {
|
||||
var color = index <= current - 1 ? strokeColorList[0] : trailColor;
|
||||
var stroke = color && (0, _typeof2.default)(color) === 'object' ? "url(#".concat(gradientId, ")") : undefined;
|
||||
var circleStyleForStack = (0, _util.getCircleStyle)(perimeter, perimeterWithoutGap, stackPtg, stepPtg, rotateDeg, gapDegree, gapPosition, color, 'butt', strokeWidth, stepGap);
|
||||
stackPtg += (perimeterWithoutGap - circleStyleForStack.strokeDashoffset + stepGap) * 100 / perimeterWithoutGap;
|
||||
return /*#__PURE__*/React.createElement("circle", {
|
||||
key: index,
|
||||
className: "".concat(prefixCls, "-circle-path"),
|
||||
r: radius,
|
||||
cx: halfSize,
|
||||
cy: halfSize,
|
||||
stroke: stroke,
|
||||
strokeWidth: strokeWidth,
|
||||
opacity: 1,
|
||||
style: circleStyleForStack,
|
||||
ref: function ref(elem) {
|
||||
paths[index] = elem;
|
||||
}
|
||||
});
|
||||
});
|
||||
};
|
||||
return /*#__PURE__*/React.createElement("svg", (0, _extends2.default)({
|
||||
className: (0, _classnames.default)("".concat(prefixCls, "-circle"), className),
|
||||
viewBox: "0 0 ".concat(_util.VIEW_BOX_SIZE, " ").concat(_util.VIEW_BOX_SIZE),
|
||||
style: style,
|
||||
id: id,
|
||||
role: "presentation"
|
||||
}, restProps), !stepCount && /*#__PURE__*/React.createElement("circle", {
|
||||
className: "".concat(prefixCls, "-circle-trail"),
|
||||
r: radius,
|
||||
cx: halfSize,
|
||||
cy: halfSize,
|
||||
stroke: trailColor,
|
||||
strokeLinecap: mergedStrokeLinecap,
|
||||
strokeWidth: trailWidth || strokeWidth,
|
||||
style: circleStyle
|
||||
}), stepCount ? getStepStokeList() : getStokeList());
|
||||
};
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
Circle.displayName = 'Circle';
|
||||
}
|
||||
var _default = exports.default = Circle;
|
||||
5
frontend/node_modules/rc-progress/lib/Circle/util.d.ts
generated
vendored
Normal file
5
frontend/node_modules/rc-progress/lib/Circle/util.d.ts
generated
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
import type { StrokeColorType } from '../interface';
|
||||
import type { ProgressProps } from '..';
|
||||
import type React from 'react';
|
||||
export declare const VIEW_BOX_SIZE = 100;
|
||||
export declare const getCircleStyle: (perimeter: number, perimeterWithoutGap: number, offset: number, percent: number, rotateDeg: number, gapDegree: number, gapPosition: ProgressProps['gapPosition'] | undefined, strokeColor: StrokeColorType, strokeLinecap: ProgressProps['strokeLinecap'], strokeWidth: number, stepSpace?: number) => React.CSSProperties;
|
||||
37
frontend/node_modules/rc-progress/lib/Circle/util.js
generated
vendored
Normal file
37
frontend/node_modules/rc-progress/lib/Circle/util.js
generated
vendored
Normal file
@@ -0,0 +1,37 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.getCircleStyle = exports.VIEW_BOX_SIZE = void 0;
|
||||
var VIEW_BOX_SIZE = exports.VIEW_BOX_SIZE = 100;
|
||||
var getCircleStyle = exports.getCircleStyle = function getCircleStyle(perimeter, perimeterWithoutGap, offset, percent, rotateDeg, gapDegree, gapPosition, strokeColor, strokeLinecap, strokeWidth) {
|
||||
var stepSpace = arguments.length > 10 && arguments[10] !== undefined ? arguments[10] : 0;
|
||||
var offsetDeg = offset / 100 * 360 * ((360 - gapDegree) / 360);
|
||||
var positionDeg = gapDegree === 0 ? 0 : {
|
||||
bottom: 0,
|
||||
top: 180,
|
||||
left: 90,
|
||||
right: -90
|
||||
}[gapPosition];
|
||||
var strokeDashoffset = (100 - percent) / 100 * perimeterWithoutGap;
|
||||
// Fix percent accuracy when strokeLinecap is round
|
||||
// https://github.com/ant-design/ant-design/issues/35009
|
||||
if (strokeLinecap === 'round' && percent !== 100) {
|
||||
strokeDashoffset += strokeWidth / 2;
|
||||
// when percent is small enough (<= 1%), keep smallest value to avoid it's disappearance
|
||||
if (strokeDashoffset >= perimeterWithoutGap) {
|
||||
strokeDashoffset = perimeterWithoutGap - 0.01;
|
||||
}
|
||||
}
|
||||
var halfSize = VIEW_BOX_SIZE / 2;
|
||||
return {
|
||||
stroke: typeof strokeColor === 'string' ? strokeColor : undefined,
|
||||
strokeDasharray: "".concat(perimeterWithoutGap, "px ").concat(perimeter),
|
||||
strokeDashoffset: strokeDashoffset + stepSpace,
|
||||
transform: "rotate(".concat(rotateDeg + offsetDeg + positionDeg, "deg)"),
|
||||
transformOrigin: "".concat(halfSize, "px ").concat(halfSize, "px"),
|
||||
transition: 'stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s, stroke-width .06s ease .3s, opacity .3s ease 0s',
|
||||
fillOpacity: 0
|
||||
};
|
||||
};
|
||||
4
frontend/node_modules/rc-progress/lib/Line.d.ts
generated
vendored
Normal file
4
frontend/node_modules/rc-progress/lib/Line.d.ts
generated
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
import * as React from 'react';
|
||||
import type { ProgressProps } from './interface';
|
||||
declare const Line: React.FC<ProgressProps>;
|
||||
export default Line;
|
||||
97
frontend/node_modules/rc-progress/lib/Line.js
generated
vendored
Normal file
97
frontend/node_modules/rc-progress/lib/Line.js
generated
vendored
Normal file
@@ -0,0 +1,97 @@
|
||||
"use strict";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
||||
var _typeof = require("@babel/runtime/helpers/typeof");
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
||||
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
||||
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _classnames = _interopRequireDefault(require("classnames"));
|
||||
var _common = require("./common");
|
||||
var _excluded = ["className", "percent", "prefixCls", "strokeColor", "strokeLinecap", "strokeWidth", "style", "trailColor", "trailWidth", "transition"];
|
||||
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
||||
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
||||
var Line = function Line(props) {
|
||||
var _defaultProps$props = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _common.defaultProps), props),
|
||||
className = _defaultProps$props.className,
|
||||
percent = _defaultProps$props.percent,
|
||||
prefixCls = _defaultProps$props.prefixCls,
|
||||
strokeColor = _defaultProps$props.strokeColor,
|
||||
strokeLinecap = _defaultProps$props.strokeLinecap,
|
||||
strokeWidth = _defaultProps$props.strokeWidth,
|
||||
style = _defaultProps$props.style,
|
||||
trailColor = _defaultProps$props.trailColor,
|
||||
trailWidth = _defaultProps$props.trailWidth,
|
||||
transition = _defaultProps$props.transition,
|
||||
restProps = (0, _objectWithoutProperties2.default)(_defaultProps$props, _excluded);
|
||||
|
||||
// eslint-disable-next-line no-param-reassign
|
||||
delete restProps.gapPosition;
|
||||
var percentList = Array.isArray(percent) ? percent : [percent];
|
||||
var strokeColorList = Array.isArray(strokeColor) ? strokeColor : [strokeColor];
|
||||
var paths = (0, _common.useTransitionDuration)();
|
||||
var center = strokeWidth / 2;
|
||||
var right = 100 - strokeWidth / 2;
|
||||
var pathString = "M ".concat(strokeLinecap === 'round' ? center : 0, ",").concat(center, "\n L ").concat(strokeLinecap === 'round' ? right : 100, ",").concat(center);
|
||||
var viewBoxString = "0 0 100 ".concat(strokeWidth);
|
||||
var stackPtg = 0;
|
||||
return /*#__PURE__*/React.createElement("svg", (0, _extends2.default)({
|
||||
className: (0, _classnames.default)("".concat(prefixCls, "-line"), className),
|
||||
viewBox: viewBoxString,
|
||||
preserveAspectRatio: "none",
|
||||
style: style
|
||||
}, restProps), /*#__PURE__*/React.createElement("path", {
|
||||
className: "".concat(prefixCls, "-line-trail"),
|
||||
d: pathString,
|
||||
strokeLinecap: strokeLinecap,
|
||||
stroke: trailColor,
|
||||
strokeWidth: trailWidth || strokeWidth,
|
||||
fillOpacity: "0"
|
||||
}), percentList.map(function (ptg, index) {
|
||||
var dashPercent = 1;
|
||||
switch (strokeLinecap) {
|
||||
case 'round':
|
||||
dashPercent = 1 - strokeWidth / 100;
|
||||
break;
|
||||
case 'square':
|
||||
dashPercent = 1 - strokeWidth / 2 / 100;
|
||||
break;
|
||||
default:
|
||||
dashPercent = 1;
|
||||
break;
|
||||
}
|
||||
var pathStyle = {
|
||||
strokeDasharray: "".concat(ptg * dashPercent, "px, 100px"),
|
||||
strokeDashoffset: "-".concat(stackPtg, "px"),
|
||||
transition: transition || 'stroke-dashoffset 0.3s ease 0s, stroke-dasharray .3s ease 0s, stroke 0.3s linear'
|
||||
};
|
||||
var color = strokeColorList[index] || strokeColorList[strokeColorList.length - 1];
|
||||
stackPtg += ptg;
|
||||
return /*#__PURE__*/React.createElement("path", {
|
||||
key: index,
|
||||
className: "".concat(prefixCls, "-line-path"),
|
||||
d: pathString,
|
||||
strokeLinecap: strokeLinecap,
|
||||
stroke: color,
|
||||
strokeWidth: strokeWidth,
|
||||
fillOpacity: "0",
|
||||
ref: function ref(elem) {
|
||||
// https://reactjs.org/docs/refs-and-the-dom.html#callback-refs
|
||||
// React will call the ref callback with the DOM element when the component mounts,
|
||||
// and call it with `null` when it unmounts.
|
||||
// Refs are guaranteed to be up-to-date before componentDidMount or componentDidUpdate fires.
|
||||
|
||||
paths[index] = elem;
|
||||
},
|
||||
style: pathStyle
|
||||
});
|
||||
}));
|
||||
};
|
||||
if (process.env.NODE_ENV !== 'production') {
|
||||
Line.displayName = 'Line';
|
||||
}
|
||||
var _default = exports.default = Line;
|
||||
3
frontend/node_modules/rc-progress/lib/common.d.ts
generated
vendored
Normal file
3
frontend/node_modules/rc-progress/lib/common.d.ts
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
import type { ProgressProps } from './interface';
|
||||
export declare const defaultProps: Partial<ProgressProps>;
|
||||
export declare const useTransitionDuration: () => SVGPathElement[];
|
||||
40
frontend/node_modules/rc-progress/lib/common.js
generated
vendored
Normal file
40
frontend/node_modules/rc-progress/lib/common.js
generated
vendored
Normal file
@@ -0,0 +1,40 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.useTransitionDuration = exports.defaultProps = void 0;
|
||||
var _react = require("react");
|
||||
var defaultProps = exports.defaultProps = {
|
||||
percent: 0,
|
||||
prefixCls: 'rc-progress',
|
||||
strokeColor: '#2db7f5',
|
||||
strokeLinecap: 'round',
|
||||
strokeWidth: 1,
|
||||
trailColor: '#D9D9D9',
|
||||
trailWidth: 1,
|
||||
gapPosition: 'bottom'
|
||||
};
|
||||
var useTransitionDuration = exports.useTransitionDuration = function useTransitionDuration() {
|
||||
var pathsRef = (0, _react.useRef)([]);
|
||||
var prevTimeStamp = (0, _react.useRef)(null);
|
||||
(0, _react.useEffect)(function () {
|
||||
var now = Date.now();
|
||||
var updated = false;
|
||||
pathsRef.current.forEach(function (path) {
|
||||
if (!path) {
|
||||
return;
|
||||
}
|
||||
updated = true;
|
||||
var pathStyle = path.style;
|
||||
pathStyle.transitionDuration = '.3s, .3s, .3s, .06s';
|
||||
if (prevTimeStamp.current && now - prevTimeStamp.current < 100) {
|
||||
pathStyle.transitionDuration = '0s, 0s';
|
||||
}
|
||||
});
|
||||
if (updated) {
|
||||
prevTimeStamp.current = Date.now();
|
||||
}
|
||||
});
|
||||
return pathsRef.current;
|
||||
};
|
||||
4
frontend/node_modules/rc-progress/lib/hooks/useId.d.ts
generated
vendored
Normal file
4
frontend/node_modules/rc-progress/lib/hooks/useId.d.ts
generated
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
/** Is client side and not jsdom */
|
||||
export declare const isBrowserClient: boolean;
|
||||
declare const _default: (id?: string) => string;
|
||||
export default _default;
|
||||
43
frontend/node_modules/rc-progress/lib/hooks/useId.js
generated
vendored
Normal file
43
frontend/node_modules/rc-progress/lib/hooks/useId.js
generated
vendored
Normal file
@@ -0,0 +1,43 @@
|
||||
"use strict";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
||||
var _typeof = require("@babel/runtime/helpers/typeof");
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.isBrowserClient = exports.default = void 0;
|
||||
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
||||
var React = _interopRequireWildcard(require("react"));
|
||||
var _canUseDom = _interopRequireDefault(require("rc-util/lib/Dom/canUseDom"));
|
||||
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
||||
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
||||
var uuid = 0;
|
||||
|
||||
/** Is client side and not jsdom */
|
||||
var isBrowserClient = exports.isBrowserClient = process.env.NODE_ENV !== 'test' && (0, _canUseDom.default)();
|
||||
|
||||
/** Get unique id for accessibility usage */
|
||||
function getUUID() {
|
||||
var retId;
|
||||
|
||||
// Test never reach
|
||||
/* istanbul ignore if */
|
||||
if (isBrowserClient) {
|
||||
retId = uuid;
|
||||
uuid += 1;
|
||||
} else {
|
||||
retId = 'TEST_OR_SSR';
|
||||
}
|
||||
return retId;
|
||||
}
|
||||
var _default = exports.default = function _default(id) {
|
||||
// Inner id for accessibility usage. Only work in client side
|
||||
var _React$useState = React.useState(),
|
||||
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
||||
innerId = _React$useState2[0],
|
||||
setInnerId = _React$useState2[1];
|
||||
React.useEffect(function () {
|
||||
setInnerId("rc_progress_".concat(getUUID()));
|
||||
}, []);
|
||||
return id || innerId;
|
||||
};
|
||||
10
frontend/node_modules/rc-progress/lib/index.d.ts
generated
vendored
Normal file
10
frontend/node_modules/rc-progress/lib/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,10 @@
|
||||
/// <reference types="react" />
|
||||
import Line from './Line';
|
||||
import Circle from './Circle';
|
||||
export type { ProgressProps } from './interface';
|
||||
export { Line, Circle };
|
||||
declare const _default: {
|
||||
Line: import("react").FC<import("./interface").ProgressProps>;
|
||||
Circle: import("react").FC<import("./interface").ProgressProps>;
|
||||
};
|
||||
export default _default;
|
||||
25
frontend/node_modules/rc-progress/lib/index.js
generated
vendored
Normal file
25
frontend/node_modules/rc-progress/lib/index.js
generated
vendored
Normal file
@@ -0,0 +1,25 @@
|
||||
"use strict";
|
||||
|
||||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
Object.defineProperty(exports, "Circle", {
|
||||
enumerable: true,
|
||||
get: function get() {
|
||||
return _Circle.default;
|
||||
}
|
||||
});
|
||||
Object.defineProperty(exports, "Line", {
|
||||
enumerable: true,
|
||||
get: function get() {
|
||||
return _Line.default;
|
||||
}
|
||||
});
|
||||
exports.default = void 0;
|
||||
var _Line = _interopRequireDefault(require("./Line"));
|
||||
var _Circle = _interopRequireDefault(require("./Circle"));
|
||||
var _default = exports.default = {
|
||||
Line: _Line.default,
|
||||
Circle: _Circle.default
|
||||
};
|
||||
26
frontend/node_modules/rc-progress/lib/interface.d.ts
generated
vendored
Normal file
26
frontend/node_modules/rc-progress/lib/interface.d.ts
generated
vendored
Normal file
@@ -0,0 +1,26 @@
|
||||
/// <reference types="react" />
|
||||
export interface ProgressProps {
|
||||
id?: string;
|
||||
strokeWidth?: number;
|
||||
trailWidth?: number;
|
||||
className?: string;
|
||||
percent?: number | number[];
|
||||
strokeColor?: StrokeColorType;
|
||||
trailColor?: string;
|
||||
strokeLinecap?: StrokeLinecapType;
|
||||
prefixCls?: string;
|
||||
style?: React.CSSProperties;
|
||||
gapDegree?: number;
|
||||
gapPosition?: GapPositionType;
|
||||
transition?: string;
|
||||
onClick?: React.MouseEventHandler;
|
||||
steps?: number | {
|
||||
count: number;
|
||||
gap: number;
|
||||
};
|
||||
}
|
||||
export type StrokeColorObject = Record<string, string>;
|
||||
export type BaseStrokeColorType = string | StrokeColorObject;
|
||||
export type StrokeColorType = BaseStrokeColorType | BaseStrokeColorType[];
|
||||
export type GapPositionType = 'top' | 'right' | 'bottom' | 'left';
|
||||
export type StrokeLinecapType = 'round' | 'butt' | 'square';
|
||||
5
frontend/node_modules/rc-progress/lib/interface.js
generated
vendored
Normal file
5
frontend/node_modules/rc-progress/lib/interface.js
generated
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
Reference in New Issue
Block a user