From 3fa3281c51dbf178cf5d443a6d692eef5ff9e70b Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Fri, 18 Jul 2025 14:14:59 +0800
Subject: [PATCH] fix: progress bar default open

---
 src/components/progress-bar/index.tsx      | 12 +++++++++---
 src/pages/resources/components/gpus.tsx    |  2 +-
 src/pages/resources/components/workers.tsx |  2 +-
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/components/progress-bar/index.tsx b/src/components/progress-bar/index.tsx
index bbf7e6e3..925ecfe2 100644
--- a/src/components/progress-bar/index.tsx
+++ b/src/components/progress-bar/index.tsx
@@ -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}
diff --git a/src/pages/resources/components/gpus.tsx b/src/pages/resources/components/gpus.tsx
index 7f4d45ae..464fddde 100644
--- a/src/pages/resources/components/gpus.tsx
+++ b/src/pages/resources/components/gpus.tsx
@@ -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={
diff --git a/src/pages/resources/components/workers.tsx b/src/pages/resources/components/workers.tsx
index ba337dad..0e8d959d 100644
--- a/src/pages/resources/components/workers.tsx
+++ b/src/pages/resources/components/workers.tsx
@@ -400,7 +400,7 @@ const Workers: React.FC = () => {
                                 [{item.index}]
                               </span>
                               <ProgressBar
-                                open={
+                                defaultOpen={
                                   rIndex === 0 &&
                                   index === 0 &&
                                   dataSource.loadend &&