!2256 优化:模板中列表模式可以双击图片

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>
                                 );
                             })