fix: progress bar default open

main
jialin 6 months ago
parent bbf11d0374
commit 3fa3281c51

@ -1,9 +1,9 @@
import { Progress, Tooltip } from 'antd';
import React, { memo, useMemo } from 'react';
import React, { memo, useEffect, useMemo } from 'react';
const RenderProgress = memo(
(props: {
open?: boolean;
defaultOpen?: boolean;
percent: number;
steps?: number;
download?: boolean;
@ -11,7 +11,8 @@ const RenderProgress = memo(
successPercent?: number;
successColor?: string;
}) => {
const { open, percent, download, label, successPercent } = props;
const { defaultOpen, percent, download, label, successPercent } = props;
const [open, setOpen] = React.useState(false);
const strokeColor = useMemo(() => {
if (download) {
@ -27,6 +28,10 @@ const RenderProgress = memo(
return 'var(--ant-color-error)';
}, [percent]);
useEffect(() => {
setOpen(defaultOpen || false);
}, [defaultOpen]);
const renderProgress = useMemo(() => {
return (
<Progress
@ -59,6 +64,7 @@ const RenderProgress = memo(
<Tooltip
title={label}
open={open}
onOpenChange={setOpen}
overlayInnerStyle={{ paddingInline: 12 }}
>
{renderProgress}

@ -188,7 +188,7 @@ const GPUList: React.FC = () => {
render={(text, record: GPUDeviceItem, index: number) => {
return (
<ProgressBar
open={
defaultOpen={
index === 0 && dataSource.loadend && extraStatus.firstLoad
}
percent={

@ -400,7 +400,7 @@ const Workers: React.FC = () => {
[{item.index}]
</span>
<ProgressBar
open={
defaultOpen={
rIndex === 0 &&
index === 0 &&
dataSource.loadend &&

Loading…
Cancel
Save