项目初始化

web-vue/packages/core/components/Upload/src/FileList.vue

@@ -21,7 +21,8 @@
         const { columns, actionColumn, dataSource } = props;
         const columnList = [...columns, actionColumn];
         return (
-          <table class="file-table" ref={tableRef}>
+          <div class="file-table-wrap" ref={tableRef}>
+            <table class="file-table">
               <colgroup>
                 {columnList.map((item) => {
                   const { width = 0, dataIndex } = item;
@@ -75,22 +76,27 @@
                 )}
               </tbody>
             </table>
+          </div>
         );
       };
     },
   });
 </script>
 <style lang="less">
+  .file-table-wrap {
+    max-height: 360px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    border: 1px solid @border-color-base;
+    border-radius: 8px;
+  }
+
   .file-table {
     width: 100%;
-    border-top: 1px solid @border-color-base;
+    border-collapse: collapse;
-    border-right: 1px solid @border-color-base;
-    border-collapse: separate;
-    border-spacing: 0;
 
     &-th,
     &-td {
-      border-left: 1px solid @border-color-base;
       border-bottom: 1px solid @border-color-base;
       padding: 12px 8px;
       overflow-wrap: break-word;
@@ -101,6 +107,21 @@
 
     thead {
       background-color: @background-color-light;
+
+      .file-table-th {
+        position: sticky;
+        top: 0;
+        z-index: 1;
+        background-color: @background-color-light;
+      }
+    }
+
+    tbody {
+      .file-table-tr:last-child {
+        .file-table-td {
+          border-bottom: 0;
+        }
+      }
     }
 
     .center {

web-vue/packages/core/components/Upload/src/UploadModal.vue

@@ -1,6 +1,6 @@
 <template>
   <BasicModal
-    width="80%"
+    width="60%"
     :title="t('component.upload.upload')"
     :okText="t('component.upload.save')"
     v-bind="$attrs"

web-vue/packages/core/components/Upload/src/UploadPreviewModal.vue

@@ -1,7 +1,7 @@
 <template>
   <BasicModal
     v-if="!props.showPreviewList"
-    width="80%"
+    width="60%"
     :title="t('component.upload.view')"
     :cancelText="t('component.modal.okText')"
     wrapClassName="upload-preview-modal"