mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-08-06 07:56:28 +08:00
Code Issues Actions 14 Packages Projects Releases Wiki Activity

fix: fix upload long picture style (#20008)

Browse Source 
* fix:  fix upload long picture style

* feat: add config-provider test

* fix: stylelint
This commit is contained in:
叶枫 2019-11-29 23:34:12 +08:00 committed by 偏右
parent 53eee985f0
commit b022eaf9c2
5 changed files with 2353 additions and 2415 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/config-provider/__tests__/__snapshots__/components.test.js.snap
View File

@ -17369,7 +17369,6 @@ exports[`ConfigProvider components Upload configProvider 1`] = `
<div
class="config-upload-list-item config-upload-list-item-done config-upload-list-item-list-type-text"
>
<div>
<div
class="config-upload-list-item-info"
>
@ -17456,7 +17455,6 @@ exports[`ConfigProvider components Upload configProvider 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
</div>
@ -17480,7 +17478,6 @@ exports[`ConfigProvider components Upload normal 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -17567,7 +17564,6 @@ exports[`ConfigProvider components Upload normal 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
</div>
@ -17591,7 +17587,6 @@ exports[`ConfigProvider components Upload prefixCls 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -17678,7 +17673,6 @@ exports[`ConfigProvider components Upload prefixCls 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
</div>

2
components/upload/UploadList.tsx
View File

@ -234,14 +234,12 @@ export default class UploadList extends React.Component<UploadListProps, any> {
);
const dom = (
<div className={infoUploadingClass}>
<div>
<div className={`${prefixCls}-list-item-info`}>{iconAndPreview}</div>
{actions}
<Animate transitionName="fade" component="">
{progress}
</Animate>
</div>
</div>
);
const listContainerNameClass = classNames({
[`${prefixCls}-list-picture-card-container`]: listType === 'picture-card',

26
components/upload/__tests__/__snapshots__/demo.test.js.snap
View File

@ -40,7 +40,6 @@ exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -130,7 +129,6 @@ exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div
@ -140,7 +138,6 @@ exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -230,7 +227,6 @@ exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div
@ -239,7 +235,6 @@ exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-text"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -306,7 +301,6 @@ exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
</div>
</div>
</div>
</div>
</span>
`;
@ -353,7 +347,6 @@ exports[`renders ./components/upload/demo/fileList.md correctly 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -443,7 +436,6 @@ exports[`renders ./components/upload/demo/fileList.md correctly 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
</div>
@ -467,7 +459,6 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -568,7 +559,6 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
</i>
</span>
</div>
</div>
</span>
</div>
<div
@ -578,7 +568,6 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -679,7 +668,6 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
</i>
</span>
</div>
</div>
</span>
</div>
<div
@ -689,7 +677,6 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -790,7 +777,6 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
</i>
</span>
</div>
</div>
</span>
</div>
<div
@ -800,7 +786,6 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -901,7 +886,6 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
</i>
</span>
</div>
</div>
</span>
</div>
<div
@ -910,7 +894,6 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-picture-card"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -1013,7 +996,6 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
</div>
</div>
</div>
</div>
<div
class="ant-upload ant-upload-select ant-upload-select-picture-card"
/>
@ -1039,7 +1021,6 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -1122,7 +1103,6 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div
@ -1131,7 +1111,6 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-picture"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -1212,7 +1191,6 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
</div>
</div>
</div>
</div>
</span>
<br />
<br />
@ -1232,7 +1210,6 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -1315,7 +1292,6 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div
@ -1324,7 +1300,6 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-picture"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -1405,7 +1380,6 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
</div>
</div>
</div>
</div>
</span>
</div>
`;

30
components/upload/__tests__/__snapshots__/uploadlist.test.js.snap
View File

@ -33,7 +33,6 @@ exports[`Upload List handle error 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-error ant-upload-list-item-list-type-text"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -97,7 +96,6 @@ exports[`Upload List handle error 1`] = `
</div>
</div>
</div>
</div>
</span>
`;
@ -135,7 +133,6 @@ exports[`Upload List should be uploading when upload a file 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-uploading ant-upload-list-item-list-type-text"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -219,7 +216,6 @@ exports[`Upload List should be uploading when upload a file 1`] = `
</div>
</div>
</div>
</div>
</span>
</div>
</div>
@ -260,7 +256,6 @@ exports[`Upload List should be uploading when upload a file 2`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -369,7 +364,6 @@ exports[`Upload List should be uploading when upload a file 2`] = `
</div>
</div>
</div>
</div>
</span>
</div>
</div>
@ -410,7 +404,6 @@ exports[`Upload List should non-image format file preview 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -512,7 +505,6 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div
@ -522,7 +514,6 @@ exports[`Upload List should non-image format file preview 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -605,7 +596,6 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div
@ -615,7 +605,6 @@ exports[`Upload List should non-image format file preview 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -717,7 +706,6 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div
@ -727,7 +715,6 @@ exports[`Upload List should non-image format file preview 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -829,7 +816,6 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div
@ -839,7 +825,6 @@ exports[`Upload List should non-image format file preview 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -922,7 +907,6 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div
@ -932,7 +916,6 @@ exports[`Upload List should non-image format file preview 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -1015,7 +998,6 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div
@ -1025,7 +1007,6 @@ exports[`Upload List should non-image format file preview 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -1108,7 +1089,6 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div
@ -1118,7 +1098,6 @@ exports[`Upload List should non-image format file preview 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -1201,7 +1180,6 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div
@ -1211,7 +1189,6 @@ exports[`Upload List should non-image format file preview 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -1294,7 +1271,6 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div
@ -1304,7 +1280,6 @@ exports[`Upload List should non-image format file preview 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -1387,7 +1362,6 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
</div>
@ -1428,7 +1402,6 @@ exports[`Upload List should support showRemoveIcon and showPreviewIcon 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-uploading ant-upload-list-item-list-type-picture"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -1463,7 +1436,6 @@ exports[`Upload List should support showRemoveIcon and showPreviewIcon 1`] = `
class="ant-upload-list-item-progress"
/>
</div>
</div>
</span>
</div>
<div
@ -1473,7 +1445,6 @@ exports[`Upload List should support showRemoveIcon and showPreviewIcon 1`] = `
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
>
<div>
<div
class="ant-upload-list-item-info"
>
@ -1531,7 +1502,6 @@ exports[`Upload List should support showRemoveIcon and showPreviewIcon 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
</div>

2
components/upload/style/index.less
View File

@ -443,6 +443,8 @@
}
.anticon-picture + .@{upload-item}-name {
position: absolute;
bottom: 10px;
display: block;
}