fix(upload): 上传组件图片展示样式优化 (#3290)

* fix(upload): 上传组件图片展示样式优化

* chore: update snapshot

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

src/upload/__tests__/__snapshots__/vitest-upload.test.jsx.snap

@@ -879,7 +879,7 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
                 class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"
               >
                 <img
-                  class="t-image t-image--fit-fill t-image--position-center"
+                  class="t-image t-image--fit-contain t-image--position-center"
                   src=""
                 />
                 <div
@@ -958,7 +958,7 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
                 class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"
               >
                 <img
-                  class="t-image t-image--fit-fill t-image--position-center"
+                  class="t-image t-image--fit-contain t-image--position-center"
                   src="https://img1.txt"
                 />
                 <div
@@ -1060,7 +1060,7 @@ exports[`Upload Component > props.theme: theme=image-flow works fine 1`] = `
                 class="t-image__wrapper t-image__wrapper--shape-square t-upload__card-image"
               >
                 <img
-                  class="t-image t-image--fit-fill t-image--position-center"
+                  class="t-image t-image--fit-contain t-image--position-center"
                   src="https://img2.txt"
                 />
                 <div

src/upload/themes/ImageCard.tsx

@@ -46,7 +46,13 @@ const ImageCard = (props: ImageCardUploadProps) => {
 
   const renderMainContent = (file: UploadFile, index: number) => (
     <div className={`${classPrefix}-upload__card-content ${classPrefix}-upload__card-box`}>
-      <Image className={`${classPrefix}-upload__card-image`} src={file.url || file.raw} error="" loading="" />
+      <Image
+        className={`${classPrefix}-upload__card-image`}
+        fit="contain"
+        src={file.url || file.raw}
+        error=""
+        loading=""
+      />
       <div className={`${classPrefix}-upload__card-mask`}>
         <span className={`${classPrefix}-upload__card-mask-item`} onClick={(e) => e.stopPropagation()}>
           <ImageViewer

src/upload/themes/MultipleFlowList.tsx

@@ -173,7 +173,13 @@ const ImageFlowList = (props: ImageFlowListProps) => {
             </div>
           )}
           {(['waiting', 'success'].includes(file.status) || (!file.status && file.url)) && (
-            <Image className={`${uploadPrefix}__card-image`} src={file.url || file.raw} error="" loading="" />
+            <Image
+              className={`${uploadPrefix}__card-image`}
+              fit="contain"
+              src={file.url || file.raw}
+              error=""
+              loading=""
+            />
           )}
           <div className={`${uploadPrefix}__card-mask`}>
             {(file.url || file.raw) && !['progress', 'fail'].includes(file.status) && (