From ed89dd04c88078bbc6d3b7ccbd2a44f9ec20c286 Mon Sep 17 00:00:00 2001
From: Junyi <mytharcher@users.noreply.github.com>
Date: Tue, 18 Jun 2024 23:40:56 +0800
Subject: [PATCH] fix(client): fix upload progress style (#4698)

---
 .../core/client/src/schema-component/antd/upload/Upload.tsx   | 4 ++--
 .../core/client/src/schema-component/antd/upload/style.ts     | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/core/client/src/schema-component/antd/upload/Upload.tsx b/packages/core/client/src/schema-component/antd/upload/Upload.tsx
index 65900b724a..029ca2b850 100644
--- a/packages/core/client/src/schema-component/antd/upload/Upload.tsx
+++ b/packages/core/client/src/schema-component/antd/upload/Upload.tsx
@@ -134,14 +134,14 @@ function AttachmentListItem(props) {
           {!readPretty && file.id && (
             <Button size={'small'} type={'text'} icon={<DownloadOutlined />} onClick={onDownload} />
           )}
-          {!readPretty && !disabled && (
+          {!readPretty && !disabled && file.status !== 'uploading' && (
             <Button size={'small'} type={'text'} icon={<DeleteOutlined />} onClick={onDelete} />
           )}
         </Space>
       </span>
       {file.status === 'uploading' && (
         <div className={`${prefixCls}-list-item-progress`}>
-          <Progress size={2} type={'line'} showInfo={false} percent={file.percent} />
+          <Progress strokeWidth={4} type={'line'} showInfo={false} percent={Number(file.percent)} />
         </div>
       )}
     </div>
diff --git a/packages/core/client/src/schema-component/antd/upload/style.ts b/packages/core/client/src/schema-component/antd/upload/style.ts
index 2d6d354b52..7180109f40 100644
--- a/packages/core/client/src/schema-component/antd/upload/style.ts
+++ b/packages/core/client/src/schema-component/antd/upload/style.ts
@@ -77,6 +77,7 @@ export const useStyles = genStyleHook('upload', (token) => {
         },
         [`${componentCls}-list-picture-card ${componentCls}-list-item-progress`]: {
           bottom: 'calc(50% - 11px)',
+          left: `${token.margin / 2}px`,
           pointerEvents: 'none',
         },
         [`${antCls}-btn`]: {