From f0dfb8fc11afc74257cd3829d57b975f659a5982 Mon Sep 17 00:00:00 2001
From: eternallycyf <969475322@qq.com>
Date: Sat, 14 Dec 2024 15:54:36 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20fileUpload=20use=20theme?=
 =?UTF-8?q?=20color?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/FileUpload/Detail.tsx        | 17 +++++++++--------
 .../src/components/FileUpload/FileUpload.tsx    |  9 ++++++++-
 .../src/components/FileUpload/index.less        | 14 +++++++++++++-
 3 files changed, 30 insertions(+), 10 deletions(-)

diff --git a/packages/ims-view-pc/src/components/FileUpload/Detail.tsx b/packages/ims-view-pc/src/components/FileUpload/Detail.tsx
index 56990a2..0541524 100644
--- a/packages/ims-view-pc/src/components/FileUpload/Detail.tsx
+++ b/packages/ims-view-pc/src/components/FileUpload/Detail.tsx
@@ -7,7 +7,7 @@ import {
   LoadingOutlined,
 } from '@ant-design/icons';
 import { Col, Progress, Row, Space, Spin, Tooltip } from 'antd';
-import { AccessBtn, CustomTooltip, variables } from 'ims-view-pc';
+import { AccessBtn, CustomTooltip } from 'ims-view-pc';
 import { FC } from 'react';
 import FileImage from './FileImage';
 import './index.less';
@@ -21,8 +21,6 @@ import {
   isImg,
 } from './utils';
 
-const FileView = () => <div>FileView</div>;
-
 const Detail: FC<FileUploadDetailProps> = (props) => {
   const {
     isDetail,
@@ -88,10 +86,10 @@ const Detail: FC<FileUploadDetailProps> = (props) => {
         return (
           <span>
             <span className="success">
-              <CheckCircleFilled style={{ color: variables.colorSuccess }} />
+              <CheckCircleFilled className="success-color" />
             </span>
             <span className="delete" onClick={() => handleDelete(item)}>
-              <DeleteOutlined style={{ color: variables.colorError }} />
+              <DeleteOutlined className="error-color" />
             </span>
           </span>
         );
@@ -118,7 +116,10 @@ const Detail: FC<FileUploadDetailProps> = (props) => {
                     <Tooltip title="查看">
                       <EyeOutlined
                         onClick={() => handlePreview(item)}
-                        style={{ color: variables.colorInfo, cursor: 'pointer' }}
+                        className="primary-color"
+                        style={{
+                          cursor: 'pointer',
+                        }}
                       />
                     </Tooltip>
                   ),
@@ -130,7 +131,7 @@ const Detail: FC<FileUploadDetailProps> = (props) => {
                   ) : (
                     <Tooltip title="替换">
                       <DiffOutlined
-                        style={{ color: variables.colorInfo }}
+                        className="primary-color"
                         onClick={() => handleReplace(index)}
                       />
                     </Tooltip>
@@ -142,7 +143,7 @@ const Detail: FC<FileUploadDetailProps> = (props) => {
                   element: (
                     <Tooltip title="下载">
                       <DownloadOutlined
-                        style={{ color: variables.colorInfo }}
+                        className="primary-color"
                         onClick={() => handleDownload(item)}
                       />
                     </Tooltip>
diff --git a/packages/ims-view-pc/src/components/FileUpload/FileUpload.tsx b/packages/ims-view-pc/src/components/FileUpload/FileUpload.tsx
index 36f961c..6cb47eb 100644
--- a/packages/ims-view-pc/src/components/FileUpload/FileUpload.tsx
+++ b/packages/ims-view-pc/src/components/FileUpload/FileUpload.tsx
@@ -95,7 +95,14 @@ const FileUpload: React.FC<FileUploadProps> = (props) => {
   if (isDetail) return <Detail {...detailProps} />;
 
   return (
-    <div className="FileUpload" style={{ '--colorPrimary': variables?.colorPrimary }}>
+    <div
+      className="FileUpload"
+      style={{
+        '--colorPrimary': variables?.colorPrimary,
+        '--colorSuccess': variables?.colorSuccess,
+        '--colorError': variables?.colorError,
+      }}
+    >
       <div className="uploadContent" style={{ marginTop: fileList?.length != 0 ? 10 : 0 }}>
         {(config?.extra || config?.label) && (
           <Form.Item className="header" layout="horizontal" {...defaultHeaderFormItemProps}>
diff --git a/packages/ims-view-pc/src/components/FileUpload/index.less b/packages/ims-view-pc/src/components/FileUpload/index.less
index 22fb672..44e8f6e 100644
--- a/packages/ims-view-pc/src/components/FileUpload/index.less
+++ b/packages/ims-view-pc/src/components/FileUpload/index.less
@@ -104,8 +104,20 @@
       line-height: 0;
 
       .ant-progress-bg {
-        background-color: var(--colorPrimary);
+        background: var(--ant-color-primary, var(--colorPrimary));
       }
     }
   }
+
+  .primary-color {
+    color: var(--ant-color-primary, var(--colorPrimary));
+  }
+
+  .success-color {
+    color: var(--ant-color-success, var(--colorSuccess));
+  }
+
+  .error-color {
+    color: var(--ant-color-error, var(--colorError));
+  }
 }