youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-05 09:58:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

progress circle

Browse Source
This commit is contained in:
StyleZhang
2024-07-31 15:15:26 +08:00
parent 9c31c56115
commit 25c029877a
4 changed files with 28 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/app/components/base/progress-bar/progress-circle.tsx
View File

@ -14,9 +14,9 @@ const ProgressCircle: React.FC<ProgressCircleProps> = ({
percentage = 0,
size = 12,
circleStrokeWidth = 1,
circleStrokeColor = 'components-progress-brand-border',
circleFillColor = 'components-progress-brand-bg',
sectorFillColor = 'components-progress-brand-progress',
circleStrokeColor = 'stroke-components-progress-brand-border',
circleFillColor = 'fill-components-progress-brand-bg',
sectorFillColor = 'fill-components-progress-brand-progress',
}) => {
const radius = size / 2
const center = size / 2
@ -41,8 +41,8 @@ const ProgressCircle: React.FC<ProgressCircleProps> = ({
>
<circle
className={cn(
`fill-${circleFillColor}`,
`stroke-${circleStrokeColor}`,
circleFillColor,
circleStrokeColor,
)}
cx={center + circleStrokeWidth / 2}
cy={center + circleStrokeWidth / 2}
@ -50,7 +50,7 @@ const ProgressCircle: React.FC<ProgressCircleProps> = ({
strokeWidth={circleStrokeWidth}
/>
<path
className={cn(`fill-${sectorFillColor}`)}
className={cn(sectorFillColor)}
d={pathData}
transform={`translate(${circleStrokeWidth / 2}, ${circleStrokeWidth / 2})`}
/>