test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-01 03:29:39 +08:00
Code Issues Actions 69 Packages Projects Releases Wiki Activity

fix: fix upload error style (#19689)

Browse Source 
* fix: fix upload error style

* feat: demo

* feat: test

* fix: tooltip
This commit is contained in:
叶枫 2019-11-12 21:45:32 +08:00 committed by 偏右
parent f6af1c6adf
commit f4051d8efc
6 changed files with 2715 additions and 2565 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -17362,9 +17362,12 @@ exports[`ConfigProvider components Upload configProvider 1`] = `
<div
class="config-upload-list config-upload-list-text"
>
<div>
<span>
<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"
>
@ -17452,6 +17455,9 @@ exports[`ConfigProvider components Upload configProvider 1`] = `
</div>
</div>
</div>
</span>
</div>
</div>
</span>
`;
@ -17465,9 +17471,12 @@ exports[`ConfigProvider components Upload normal 1`] = `
<div
class="ant-upload-list ant-upload-list-text"
>
<div>
<span>
<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"
>
@ -17555,6 +17564,9 @@ exports[`ConfigProvider components Upload normal 1`] = `
</div>
</div>
</div>
</span>
</div>
</div>
</span>
`;
@ -17568,9 +17580,12 @@ exports[`ConfigProvider components Upload prefixCls 1`] = `
<div
class="ant-upload-list ant-upload-list-text"
>
<div>
<span>
<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"
>
@ -17658,5 +17673,8 @@ exports[`ConfigProvider components Upload prefixCls 1`] = `
</div>
</div>
</div>
</span>
</div>
</div>
</span>
`;

21
components/upload/UploadList.tsx
View File

@ -226,27 +226,28 @@ export default class UploadList extends React.Component<UploadListProps, any> {
} else {
message = (file.error && file.error.statusText) || locale.uploadError;
}
const iconAndPreview =
file.status === 'error' ? (
<Tooltip title={message}>
{icon}
{preview}
</Tooltip>
) : (
const iconAndPreview = (
<span>
{icon}
{preview}
</span>
);
return (
<div className={infoUploadingClass} key={file.uid}>
const dom = (
<div className={infoUploadingClass}>
<div>
<div className={`${prefixCls}-list-item-info`}>{iconAndPreview}</div>
{actions}
<Animate transitionName="fade" component="">
{progress}
</Animate>
</div>
</div>
);
return (
<div key={file.uid}>
{file.status === 'error' ? <Tooltip title={message}>{dom}</Tooltip> : <span>{dom}</span>}
</div>
);
});
const listClassNames = classNames({

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

@ -33,9 +33,12 @@ exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
<div
class="ant-upload-list ant-upload-list-text"
>
<div>
<span>
<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"
>
@ -125,9 +128,15 @@ exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div>
<span>
<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"
>
@ -217,9 +226,14 @@ exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div>
<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"
>
@ -285,6 +299,8 @@ exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
</div>
</div>
</div>
</div>
</div>
</span>
`;
@ -324,9 +340,12 @@ exports[`renders ./components/upload/demo/fileList.md correctly 1`] = `
<div
class="ant-upload-list ant-upload-list-text"
>
<div>
<span>
<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"
>
@ -417,6 +436,9 @@ exports[`renders ./components/upload/demo/fileList.md correctly 1`] = `
</div>
</div>
</div>
</span>
</div>
</div>
</span>
`;
@ -430,9 +452,12 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
<div
class="ant-upload-list ant-upload-list-picture-card"
>
<div>
<span>
<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"
>
@ -533,9 +558,15 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
</i>
</span>
</div>
</div>
</span>
</div>
<div>
<span>
<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"
>
@ -636,9 +667,15 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
</i>
</span>
</div>
</div>
</span>
</div>
<div>
<span>
<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"
>
@ -739,9 +776,15 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
</i>
</span>
</div>
</div>
</span>
</div>
<div>
<span>
<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"
>
@ -842,42 +885,68 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
</i>
</span>
</div>
</div>
</span>
</div>
<div>
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture-card"
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"
>
<span>
<a
class="ant-upload-list-item-thumbnail"
href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
rel="noopener noreferrer"
target="_blank"
<i
aria-label="icon: picture"
class="anticon anticon-picture ant-upload-list-item-thumbnail"
>
<img
alt="image.png"
class="ant-upload-list-item-image"
src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
<svg
aria-hidden="true"
class=""
data-icon="picture"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z"
fill="#1890ff"
/>
</a>
<a
class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-2"
href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
rel="noopener noreferrer"
target="_blank"
<path
d="M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z"
fill="#e6f7ff"
/>
<path
d="M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 1 1 0 176 88 88 0 0 1 0-176z"
fill="#e6f7ff"
/>
<path
d="M276 368a28 28 0 1 0 56 0 28 28 0 1 0-56 0z"
fill="#e6f7ff"
/>
<path
d="M304 456a88 88 0 1 0 0-176 88 88 0 0 0 0 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"
fill="#1890ff"
/>
</svg>
</i>
<span
class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-1"
title="image.png"
>
image.png
</a>
</span>
</span>
</div>
<span
class="ant-upload-list-item-actions"
>
<a
href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
rel="noopener noreferrer"
style="pointer-events:none;opacity:0.5"
target="_blank"
title="Preview file"
>
@ -901,27 +970,6 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
</svg>
</i>
</a>
<i
aria-label="icon: download"
class="anticon anticon-download"
tabindex="-1"
title="Download file"
>
<svg
aria-hidden="true"
class=""
data-icon="download"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M505.7 661a8 8 0 0 0 12.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
/>
</svg>
</i>
<i
aria-label="icon: delete"
class="anticon anticon-delete"
@ -946,6 +994,8 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
</span>
</div>
</div>
</div>
</div>
<div
class="ant-upload ant-upload-select ant-upload-select-picture-card"
/>
@ -964,9 +1014,12 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
<div
class="ant-upload-list ant-upload-list-picture"
>
<div>
<span>
<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"
>
@ -1049,50 +1102,26 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div>
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
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"
>
<span>
<a
class="ant-upload-list-item-thumbnail"
href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
rel="noopener noreferrer"
target="_blank"
>
<img
alt="yyy.png"
class="ant-upload-list-item-image"
src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
/>
</a>
<a
class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-2"
href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
rel="noopener noreferrer"
target="_blank"
title="yyy.png"
>
yyy.png
</a>
<span
class="ant-upload-list-item-card-actions picture"
>
<a
title="Download file"
>
<i
aria-label="icon: download"
class="anticon anticon-download"
tabindex="-1"
title="Download file"
aria-label="icon: picture"
class="anticon anticon-picture ant-upload-list-item-thumbnail"
>
<svg
aria-hidden="true"
class=""
data-icon="download"
data-icon="picture"
fill="currentColor"
focusable="false"
height="1em"
@ -1100,11 +1129,36 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
width="1em"
>
<path
d="M505.7 661a8 8 0 0 0 12.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z"
fill="#1890ff"
/>
<path
d="M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z"
fill="#e6f7ff"
/>
<path
d="M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 1 1 0 176 88 88 0 0 1 0-176z"
fill="#e6f7ff"
/>
<path
d="M276 368a28 28 0 1 0 56 0 28 28 0 1 0-56 0z"
fill="#e6f7ff"
/>
<path
d="M304 456a88 88 0 1 0 0-176 88 88 0 0 0 0 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"
fill="#1890ff"
/>
</svg>
</i>
</a>
<span
class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-1"
title="yyy.png"
>
yyy.png
</span>
<span
class="ant-upload-list-item-card-actions picture"
>
<a
title="Remove file"
>
@ -1135,6 +1189,8 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
</div>
</div>
</div>
</div>
</div>
</span>
<br />
<br />
@ -1147,9 +1203,12 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
<div
class="ant-upload-list ant-upload-list-picture"
>
<div>
<span>
<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"
>
@ -1232,50 +1291,26 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div>
<div
class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-picture"
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"
>
<span>
<a
class="ant-upload-list-item-thumbnail"
href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
rel="noopener noreferrer"
target="_blank"
>
<img
alt="yyy.png"
class="ant-upload-list-item-image"
src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
/>
</a>
<a
class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-2"
href="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
rel="noopener noreferrer"
target="_blank"
title="yyy.png"
>
yyy.png
</a>
<span
class="ant-upload-list-item-card-actions picture"
>
<a
title="Download file"
>
<i
aria-label="icon: download"
class="anticon anticon-download"
tabindex="-1"
title="Download file"
aria-label="icon: picture"
class="anticon anticon-picture ant-upload-list-item-thumbnail"
>
<svg
aria-hidden="true"
class=""
data-icon="download"
data-icon="picture"
fill="currentColor"
focusable="false"
height="1em"
@ -1283,11 +1318,36 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
width="1em"
>
<path
d="M505.7 661a8 8 0 0 0 12.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
d="M928 160H96c-17.7 0-32 14.3-32 32v640c0 17.7 14.3 32 32 32h832c17.7 0 32-14.3 32-32V192c0-17.7-14.3-32-32-32zm-40 632H136v-39.9l138.5-164.3 150.1 178L658.1 489 888 761.6V792zm0-129.8L664.2 396.8c-3.2-3.8-9-3.8-12.2 0L424.6 666.4l-144-170.7c-3.2-3.8-9-3.8-12.2 0L136 652.7V232h752v430.2z"
fill="#1890ff"
/>
<path
d="M424.6 765.8l-150.1-178L136 752.1V792h752v-30.4L658.1 489z"
fill="#e6f7ff"
/>
<path
d="M136 652.7l132.4-157c3.2-3.8 9-3.8 12.2 0l144 170.7L652 396.8c3.2-3.8 9-3.8 12.2 0L888 662.2V232H136v420.7zM304 280a88 88 0 1 1 0 176 88 88 0 0 1 0-176z"
fill="#e6f7ff"
/>
<path
d="M276 368a28 28 0 1 0 56 0 28 28 0 1 0-56 0z"
fill="#e6f7ff"
/>
<path
d="M304 456a88 88 0 1 0 0-176 88 88 0 0 0 0 176zm0-116c15.5 0 28 12.5 28 28s-12.5 28-28 28-28-12.5-28-28 12.5-28 28-28z"
fill="#1890ff"
/>
</svg>
</i>
</a>
<span
class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-1"
title="yyy.png"
>
yyy.png
</span>
<span
class="ant-upload-list-item-card-actions picture"
>
<a
title="Remove file"
>
@ -1318,6 +1378,8 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
</div>
</div>
</div>
</div>
</div>
</span>
</div>
`;

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

@ -26,10 +26,14 @@ exports[`Upload List handle error 1`] = `
</div>
<div
class="ant-upload-list ant-upload-list-text"
>
<div
class="ant-upload-animate-enter"
>
<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"
>
@ -90,26 +94,6 @@ exports[`Upload List handle error 1`] = `
</span>
</span>
</div>
<div
class="ant-upload-list-item-progress fade-leave"
>
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
<div
class="ant-progress-inner"
>
<div
class="ant-progress-bg"
style="width: 0%; height: 2px;"
/>
</div>
</div>
</div>
</div>
</div>
</div>
@ -145,8 +129,13 @@ exports[`Upload List should be uploading when upload a file 1`] = `
class="ant-upload-list ant-upload-list-text"
>
<div
class="ant-upload-list-item ant-upload-list-item-uploading ant-upload-list-item-list-type-text ant-upload-animate-enter"
class="ant-upload-animate-enter"
>
<span>
<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"
>
@ -231,6 +220,9 @@ exports[`Upload List should be uploading when upload a file 1`] = `
</div>
</div>
</div>
</span>
</div>
</div>
</span>
`;
@ -261,9 +253,14 @@ exports[`Upload List should be uploading when upload a file 2`] = `
<div
class="ant-upload-list ant-upload-list-text"
>
<div
class="ant-upload-animate-enter"
>
<span>
<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"
>
@ -373,6 +370,9 @@ exports[`Upload List should be uploading when upload a file 2`] = `
</div>
</div>
</div>
</span>
</div>
</div>
</span>
`;
@ -403,9 +403,12 @@ exports[`Upload List should non-image format file preview 1`] = `
<div
class="ant-upload-list ant-upload-list-picture"
>
<div>
<span>
<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"
>
@ -507,9 +510,15 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div>
<span>
<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"
>
@ -592,9 +601,15 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div>
<span>
<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"
>
@ -696,9 +711,15 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div>
<span>
<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"
>
@ -800,9 +821,15 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div>
<span>
<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"
>
@ -885,9 +912,15 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div>
<span>
<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"
>
@ -970,9 +1003,15 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div>
<span>
<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"
>
@ -1055,9 +1094,15 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div>
<span>
<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"
>
@ -1140,9 +1185,15 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div>
<span>
<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"
>
@ -1225,9 +1276,15 @@ exports[`Upload List should non-image format file preview 1`] = `
</span>
</div>
</div>
</div>
</span>
</div>
<div>
<span>
<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"
>
@ -1311,6 +1368,9 @@ exports[`Upload List should non-image format file preview 1`] = `
</div>
</div>
</div>
</span>
</div>
</div>
</span>
`;
@ -1341,9 +1401,12 @@ exports[`Upload List should support showRemoveIcon and showPreviewIcon 1`] = `
<div
class="ant-upload-list ant-upload-list-picture"
>
<div>
<span>
<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"
>
@ -1378,9 +1441,15 @@ exports[`Upload List should support showRemoveIcon and showPreviewIcon 1`] = `
class="ant-upload-list-item-progress"
/>
</div>
</div>
</span>
</div>
<div>
<span>
<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"
>
@ -1439,5 +1508,8 @@ exports[`Upload List should support showRemoveIcon and showPreviewIcon 1`] = `
</div>
</div>
</div>
</span>
</div>
</div>
</span>
`;

3
components/upload/demo/picture-card.md
View File

@ -57,8 +57,7 @@ class PicturesWall extends React.Component {
{
uid: '-5',
name: 'image.png',
status: 'done',
url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
status: 'error',
},
],
};

4
components/upload/demo/picture-style.md
View File

@ -27,9 +27,7 @@ const fileList = [
{
uid: '-2',
name: 'yyy.png',
status: 'done',
url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
thumbUrl: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',
status: 'error',
},
];