fix(Upload): should support itemRender on card listType, close alibab…

…a-fusion#4721
FairyYang · Jul 8, 2024 · 9539bc8 · 9539bc8
1 parent 4ab101e
commit 9539bc8
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/components/upload/__tests__/index-spec.tsx b/components/upload/__tests__/index-spec.tsx
@@ -143,6 +143,24 @@ describe('Upload', () => {
             cy.get('@onChangeSpy').should('have.been.calledOnce');
             cy.get('@onRemoveSpy').should('have.been.calledOnce');
         });
+
+        it('should support itemRender', () => {
+            cy.mount(
+                <Upload
+                    listType="card"
+                    defaultValue={defaultValue}
+                    itemRender={(file, obj) => {
+                        return (
+                            <div className="upload-card-itemRender" onClick={() => obj.remove?.()}>
+                                {file.name}
+                            </div>
+                        );
+                    }}
+                />
+            );
+            cy.get('.upload-card-itemRender').should('have.length', 1);
+            cy.get('.upload-card-itemRender').should('contain', 'IMG.png');
+        });
     });
 
     describe('[render] drag', () => {

diff --git a/components/upload/upload.tsx b/components/upload/upload.tsx
@@ -403,6 +403,7 @@ class Upload extends Base<UploadProps, UploadState> {
             fileNameRender,
             actionRender,
             previewOnFileName,
+            itemRender,
             ...others
         } = this.props;
 
@@ -482,6 +483,7 @@ class Upload extends Base<UploadProps, UploadState> {
                     onSuccess={this.onSuccess}
                     onError={this.onError}
                     ref={this.saveUploaderRef}
+                    itemRender={itemRender}
                 >
                     {children}
                 </Uploader>
@@ -501,6 +503,7 @@ class Upload extends Base<UploadProps, UploadState> {
                         extraRender={extraRender}
                         rtl={rtl}
                         previewOnFileName={previewOnFileName}
+                        itemRender={itemRender}
                     />
                 ) : null}
             </div>