From 492212bc221e5f9403b5efd232b93aae69a361f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=BB=84=E8=AF=97=E6=B4=A5?= <2723065175@qq.com>
Date: Mon, 3 Jul 2023 10:10:14 +0000
Subject: [PATCH] =?UTF-8?q?!2256=20=E4=BC=98=E5=8C=96:=E6=A8=A1=E6=9D=BF?=
 =?UTF-8?q?=E4=B8=AD=E5=88=97=E8=A1=A8=E6=A8=A1=E5=BC=8F=E5=8F=AF=E4=BB=A5?=
 =?UTF-8?q?=E5=8F=8C=E5=87=BB=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/UI/Components/Common/Datalist.tsx | 29 ++++++++++++++++-----------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/UI/Components/Common/Datalist.tsx b/src/UI/Components/Common/Datalist.tsx
index be70c6154..5d8ad5477 100644
--- a/src/UI/Components/Common/Datalist.tsx
+++ b/src/UI/Components/Common/Datalist.tsx
@@ -303,12 +303,22 @@ export class DataList extends React.Component<IDataListProps> {
                                         >
                                             {
                                                 isSvg ?
-                                                    <svg width="40px" height="40px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg">
+                                                    <svg
+                                                        width="40px"
+                                                        height="40px"
+                                                        viewBox="0 0 100 100"
+                                                        version="1.1"
+                                                        xmlns="http://www.w3.org/2000/svg"
+                                                        onDoubleClick={() => this.handleDbImgClick(data)}
+                                                    >
                                                         <path d={data.logo} fill="transparent" stroke="black" strokeWidth="1" />
                                                     </svg>
                                                     :
                                                     <div>
-                                                        <img src={`${CURRENT_HOST}/${isFromResource ? RenderBackGroundImg(data.logo, "320x320") : data.logo ?? data.path}`} />
+                                                        <img
+                                                            src={`${CURRENT_HOST}/${isFromResource ? RenderBackGroundImg(data.logo, "320x320") : data.logo ?? data.path}`}
+                                                            onDoubleClick={() => this.handleDbImgClick(data)}
+                                                        />
                                                     </div>
                                             }
                                             <div className='data-title' style={{ width: "100%", alignSelf: "center", textAlign: "left" }}>{data.name}</div>
@@ -317,21 +327,16 @@ export class DataList extends React.Component<IDataListProps> {
                                             !isSmaller &&
                                             <>
                                                 <div className="file-title-item title-type-date">
-                                                    <span>
-                                                        {data.update_date ?? data.create_date}
-                                                    </span>
+                                                    <span>{data.update_date ?? data.create_date}</span>
                                                 </div>
                                                 <div className='file-title-item title-type-size'>
-                                                    <span>
-                                                        {getFileSize(parseFloat(data.size))}
-                                                    </span>
+                                                    <span>{getFileSize(parseFloat(data.size))}</span>
                                                 </div>
                                                 <div className='file-title-item title-type-operate'>
-                                                    <span>
-                                                        {renderButtons && renderButtons(data)}
-                                                    </span>
+                                                    <span>{renderButtons && renderButtons(data)}</span>
                                                 </div>
-                                            </>}
+                                            </>
+                                        }
                                     </li>
                                 );
                             })