!2244 修复:数据列表大图标模式下滚动后,详细列表显示问题

src/UI/Components/Common/Datalist.tsx

@@ -258,7 +258,7 @@ export class DataList extends React.Component<IDataListProps> {
     {
         const { dataList, isSmaller, idKey, selectData, activeId, isSvg, isFromResource, renderButtons } = this.props;
         return (
-            <>
+            <div>
                 {
                     dataList.length > 0 && !isSmaller &&
                     <div className="info-header">
@@ -335,7 +335,7 @@ export class DataList extends React.Component<IDataListProps> {
                         }
                     </ul>
                 </div>
-            </>
+            </div>
         );
     };
 
@@ -365,7 +365,7 @@ export class DataList extends React.Component<IDataListProps> {
             <div
                 id={"data-list"}
                 ref={this.DataListEl}
-                className={this.props.className + " " + (this.props.showInfos ? "small" : "big")}
+                className={(this.props.showInfos ? "small" : "big") + " " + this.props.className}
                 style={this.props.style ?? {}}
                 onMouseDown={(e) => this.handleMouseDown(e, {})}
             >

src/UI/Css/dataList.less

@@ -65,10 +65,14 @@
 
 //详细列表样式
 #data-list.small {
-    display: flex;
-    flex-direction: column;
-    overflow-y: hidden;
-    overflow-x: scroll;
+    &>div {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        overflow-y: hidden;
+        overflow-x: scroll;
+    }
 
     .info-header {
         height: 25px;