fix: progress bar default open
This commit is contained in:
@@ -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 &&
|
||||
|
||||
Reference in New Issue
Block a user