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

docs: reduce demo transfer/upload (#25487)

Browse Source
This commit is contained in:
xrkffgg 2020-07-08 08:58:45 +08:00 committed by GitHub
parent 8079e0fb8e
commit efdbb21f08
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
10 changed files with 435 additions and 441 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

640
components/transfer/__tests__/__snapshots__/demo.test.js.snap
View File

@ -380,7 +380,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
`;
exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
<div>
Array [
<div
class="ant-transfer"
>
@ -1069,7 +1069,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
</ul>
</div>
</div>
</div>
</div>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="margin-top:16px"
@ -1093,8 +1093,8 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
</span>
</button>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
@ -2065,7 +2065,7 @@ Array [
`;
exports[`renders ./components/transfer/demo/oneWay.md correctly 1`] = `
<div>
Array [
<div
class="ant-transfer"
>
@ -2791,7 +2791,7 @@ exports[`renders ./components/transfer/demo/oneWay.md correctly 1`] = `
</ul>
</div>
</div>
</div>
</div>,
<div
class="ant-space ant-space-horizontal ant-space-align-center"
style="margin-top:16px"
@ -2815,8 +2815,8 @@ exports[`renders ./components/transfer/demo/oneWay.md correctly 1`] = `
</span>
</button>
</div>
</div>
</div>
</div>,
]
`;
exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
@ -3165,7 +3165,7 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
`;
exports[`renders ./components/transfer/demo/table-transfer.md correctly 1`] = `
<div>
Array [
<div
class="ant-transfer ant-transfer-customize-list"
>
@ -4242,7 +4242,7 @@ exports[`renders ./components/transfer/demo/table-transfer.md correctly 1`] = `
</div>
</div>
</div>
</div>
</div>,
<button
aria-checked="false"
class="ant-switch"
@ -4258,7 +4258,7 @@ exports[`renders ./components/transfer/demo/table-transfer.md correctly 1`] = `
>
disabled
</span>
</button>
</button>,
<button
aria-checked="false"
class="ant-switch"
@ -4274,233 +4274,231 @@ exports[`renders ./components/transfer/demo/table-transfer.md correctly 1`] = `
>
showSearch
</span>
</button>
</div>
</button>,
]
`;
exports[`renders ./components/transfer/demo/tree-transfer.md correctly 1`] = `
<div>
<div
class="tree-transfer ant-transfer ant-transfer-customize-list"
>
<div
class="tree-transfer ant-transfer ant-transfer-customize-list"
class="ant-transfer-list"
>
<div
class="ant-transfer-list"
class="ant-transfer-list-header"
>
<span
aria-label="down"
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
<span
class="ant-transfer-list-header-selected"
>
5 items
</span>
<span
class="ant-transfer-list-header-title"
/>
</div>
<div
class="ant-transfer-list-body"
>
<div
class="ant-transfer-list-header"
>
<span
aria-label="down"
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
<span
class="ant-transfer-list-header-selected"
>
5 items
</span>
<span
class="ant-transfer-list-header-title"
/>
</div>
<div
class="ant-transfer-list-body"
class="ant-transfer-list-body-customize-wrapper"
>
<div
class="ant-transfer-list-body-customize-wrapper"
class="ant-tree ant-tree-icon-hide ant-tree-block-node"
>
<div
class="ant-tree ant-tree-icon-hide ant-tree-block-node"
role="tree"
>
<div
role="tree"
>
<input
style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
tabindex="0"
value=""
/>
</div>
<div
class="ant-tree-list"
>
<div>
<input
style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
tabindex="0"
value=""
/>
</div>
<div
class="ant-tree-list"
>
<div>
<div
class="ant-tree-list-holder-inner"
style="display:flex;flex-direction:column"
>
<div
class="ant-tree-list-holder-inner"
style="display:flex;flex-direction:column"
class="ant-tree-treenode ant-tree-treenode-switcher-open"
>
<div
class="ant-tree-treenode ant-tree-treenode-switcher-open"
<span
class="ant-tree-switcher ant-tree-switcher-noop"
/>
<span
class="ant-tree-checkbox"
>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
class="ant-tree-checkbox-inner"
/>
<span
class="ant-tree-checkbox"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-0"
>
<span
class="ant-tree-title"
>
0-0
</span>
</span>
</div>
<div
class="ant-tree-treenode ant-tree-treenode-switcher-open"
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-0"
>
<span
class="ant-tree-switcher ant-tree-switcher_open"
class="ant-tree-title"
>
<span
aria-label="caret-down"
class="anticon anticon-caret-down ant-tree-switcher-icon"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
0-0
</span>
<span
class="ant-tree-checkbox"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="0-1"
>
<span
class="ant-tree-title"
>
0-1
</span>
</span>
</div>
<div
class="ant-tree-treenode ant-tree-treenode-switcher-open"
</span>
</div>
<div
class="ant-tree-treenode ant-tree-treenode-switcher-open"
>
<span
class="ant-tree-switcher ant-tree-switcher_open"
>
<span
aria-hidden="true"
class="ant-tree-indent"
aria-label="caret-down"
class="anticon anticon-caret-down ant-tree-switcher-icon"
role="img"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
<svg
aria-hidden="true"
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
>
<path
d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
/>
</svg>
</span>
</span>
<span
class="ant-tree-checkbox"
>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
class="ant-tree-checkbox-inner"
/>
<span
class="ant-tree-checkbox"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-1-0"
>
<span
class="ant-tree-title"
>
0-1-0
</span>
</span>
</div>
<div
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-leaf-last"
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-open"
title="0-1"
>
<span
aria-hidden="true"
class="ant-tree-indent"
class="ant-tree-title"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-end"
/>
0-1
</span>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
/>
<span
class="ant-tree-checkbox"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-1-1"
>
<span
class="ant-tree-title"
>
0-1-1
</span>
</span>
</div>
<div
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-leaf-last"
</span>
</div>
<div
class="ant-tree-treenode ant-tree-treenode-switcher-open"
>
<span
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
class="ant-tree-indent-unit ant-tree-indent-unit-start"
/>
</span>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
/>
<span
class="ant-tree-checkbox"
>
<span
class="ant-tree-checkbox"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
class="ant-tree-checkbox-inner"
/>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-1-0"
>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-3"
class="ant-tree-title"
>
<span
class="ant-tree-title"
>
0-3
</span>
0-1-0
</span>
</div>
</span>
</div>
<div
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-leaf-last"
>
<span
aria-hidden="true"
class="ant-tree-indent"
>
<span
class="ant-tree-indent-unit ant-tree-indent-unit-end"
/>
</span>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
/>
<span
class="ant-tree-checkbox"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-1-1"
>
<span
class="ant-tree-title"
>
0-1-1
</span>
</span>
</div>
<div
class="ant-tree-treenode ant-tree-treenode-switcher-open ant-tree-treenode-leaf-last"
>
<span
class="ant-tree-switcher ant-tree-switcher-noop"
/>
<span
class="ant-tree-checkbox"
>
<span
class="ant-tree-checkbox-inner"
/>
</span>
<span
class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
title="0-3"
>
<span
class="ant-tree-title"
>
0-3
</span>
</span>
</div>
</div>
</div>
@ -4508,149 +4506,149 @@ exports[`renders ./components/transfer/demo/tree-transfer.md correctly 1`] = `
</div>
</div>
</div>
<div
class="ant-transfer-operation"
</div>
<div
class="ant-transfer-operation"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
<span
aria-label="right"
class="anticon anticon-right"
role="img"
>
<span
aria-label="right"
class="anticon anticon-right"
role="img"
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<svg
aria-hidden="true"
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
<path
d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
/>
</svg>
</span>
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
disabled=""
type="button"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
>
<span
aria-label="left"
class="anticon anticon-left"
role="img"
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<svg
aria-hidden="true"
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
<path
d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
/>
</svg>
</span>
</button>
</div>
<div
class="ant-transfer-list"
>
<div
class="ant-transfer-list-header"
>
<span
aria-label="down"
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
<span
class="ant-transfer-list-header-selected"
>
0 item
</span>
<span
class="ant-transfer-list-header-title"
/>
</div>
<div
class="ant-transfer-list"
class="ant-transfer-list-body"
>
<div
class="ant-transfer-list-header"
>
<span
aria-label="down"
class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
/>
</svg>
</span>
<span
class="ant-transfer-list-header-selected"
>
0 item
</span>
<span
class="ant-transfer-list-header-title"
/>
</div>
<div
class="ant-transfer-list-body"
class="ant-transfer-list-body-not-found"
>
<div
class="ant-transfer-list-body-not-found"
class="ant-empty ant-empty-normal ant-empty-small"
>
<div
class="ant-empty ant-empty-normal ant-empty-small"
class="ant-empty-image"
>
<div
class="ant-empty-image"
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
>
<svg
class="ant-empty-img-simple"
height="41"
viewBox="0 0 64 41"
width="64"
xmlns="http://www.w3.org/2000/svg"
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
/>
<g
fill="none"
fill-rule="evenodd"
transform="translate(0 1)"
class="ant-empty-img-simple-g"
fill-rule="nonzero"
>
<ellipse
class="ant-empty-img-simple-ellipse"
cx="32"
cy="33"
rx="32"
ry="7"
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
<g
class="ant-empty-img-simple-g"
fill-rule="nonzero"
>
<path
d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
/>
<path
class="ant-empty-img-simple-path"
d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
/>
</g>
</g>
</svg>
</div>
<p
class="ant-empty-description"
>
No Data
</p>
</g>
</svg>
</div>
<p
class="ant-empty-description"
>
No Data
</p>
</div>
</div>
</div>

4
components/transfer/demo/basic.md
View File

@ -62,7 +62,7 @@ class App extends React.Component {
render() {
const { targetKeys, selectedKeys, disabled } = this.state;
return (
<div>
<>
<Transfer
dataSource={mockData}
titles={['Source', 'Target']}
@ -82,7 +82,7 @@ class App extends React.Component {
onChange={this.handleDisable}
/>
</Space>
</div>
</>
);
}
}

4
components/transfer/demo/oneWay.md
View File

@ -62,7 +62,7 @@ class App extends React.Component {
render() {
const { targetKeys, selectedKeys, disabled } = this.state;
return (
<div>
<>
<Transfer
dataSource={mockData}
titles={['Source', 'Target']}
@ -83,7 +83,7 @@ class App extends React.Component {
onChange={this.handleDisable}
/>
</Space>
</div>
</>
);
}
}

4
components/transfer/demo/table-transfer.md
View File

@ -125,7 +125,7 @@ class App extends React.Component {
render() {
const { targetKeys, disabled, showSearch } = this.state;
return (
<div>
<>
<TableTransfer
dataSource={mockData}
targetKeys={targetKeys}
@ -152,7 +152,7 @@ class App extends React.Component {
onChange={this.triggerShowSearch}
style={{ marginTop: 16 }}
/>
</div>
</>
);
}
}

4
components/transfer/demo/tree-transfer.md
View File

@ -99,9 +99,9 @@ class App extends React.Component {
render() {
const { targetKeys } = this.state;
return (
<div>
<>
<TreeTransfer dataSource={treeData} targetKeys={targetKeys} onChange={this.onChange} />
</div>
</>
);
}
}

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

@ -2042,7 +2042,7 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
`;
exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
<div>
Array [
<span
class=""
>
@ -2253,9 +2253,9 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
</div>
</div>
</div>
</span>
<br />
<br />
</span>,
<br />,
<br />,
<span
class="upload-list-inline"
>
@ -2466,118 +2466,114 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
</div>
</div>
</div>
</span>
</div>
</span>,
]
`;
exports[`renders ./components/upload/demo/preview-file.md correctly 1`] = `
<div>
<span
class=""
<span
class=""
>
<div
class="ant-upload ant-upload-select ant-upload-select-picture"
>
<div
class="ant-upload ant-upload-select ant-upload-select-picture"
<span
class="ant-upload"
role="button"
tabindex="0"
>
<span
class="ant-upload"
role="button"
tabindex="0"
<input
accept=""
style="display:none"
type="file"
/>
<button
class="ant-btn"
type="button"
>
<input
accept=""
style="display:none"
type="file"
/>
<button
class="ant-btn"
type="button"
<span
aria-label="upload"
class="anticon anticon-upload"
role="img"
>
<span
aria-label="upload"
class="anticon anticon-upload"
role="img"
<svg
aria-hidden="true"
class=""
data-icon="upload"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<svg
aria-hidden="true"
class=""
data-icon="upload"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 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>
</span>
<span>
Upload
</span>
</button>
</span>
</div>
<div
class="ant-upload-list ant-upload-list-picture"
/>
</span>
</div>
<path
d="M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 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>
</span>
<span>
Upload
</span>
</button>
</span>
</div>
<div
class="ant-upload-list ant-upload-list-picture"
/>
</span>
`;
exports[`renders ./components/upload/demo/transform-file.md correctly 1`] = `
<div>
<span
class=""
<span
class=""
>
<div
class="ant-upload ant-upload-select ant-upload-select-text"
>
<div
class="ant-upload ant-upload-select ant-upload-select-text"
<span
class="ant-upload"
role="button"
tabindex="0"
>
<span
class="ant-upload"
role="button"
tabindex="0"
<input
accept=""
style="display:none"
type="file"
/>
<button
class="ant-btn"
type="button"
>
<input
accept=""
style="display:none"
type="file"
/>
<button
class="ant-btn"
type="button"
<span
aria-label="upload"
class="anticon anticon-upload"
role="img"
>
<span
aria-label="upload"
class="anticon anticon-upload"
role="img"
<svg
aria-hidden="true"
class=""
data-icon="upload"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<svg
aria-hidden="true"
class=""
data-icon="upload"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 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>
</span>
<span>
Upload
</span>
</button>
</span>
</div>
<div
class="ant-upload-list ant-upload-list-text"
/>
</span>
</div>
<path
d="M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 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>
</span>
<span>
Upload
</span>
</button>
</span>
</div>
<div
class="ant-upload-list ant-upload-list-text"
/>
</span>
`;
exports[`renders ./components/upload/demo/upload-custom-action-icon.md correctly 1`] = `
@ -2891,7 +2887,7 @@ exports[`renders ./components/upload/demo/upload-custom-action-icon.md correctly
`;
exports[`renders ./components/upload/demo/upload-manually.md correctly 1`] = `
<div>
Array [
<span
class=""
>
@ -2941,7 +2937,7 @@ exports[`renders ./components/upload/demo/upload-manually.md correctly 1`] = `
<div
class="ant-upload-list ant-upload-list-text"
/>
</span>
</span>,
<button
class="ant-btn ant-btn-primary"
disabled=""
@ -2951,8 +2947,8 @@ exports[`renders ./components/upload/demo/upload-manually.md correctly 1`] = `
<span>
Start Upload
</span>
</button>
</div>
</button>,
]
`;
exports[`renders ./components/upload/demo/upload-with-aliyun-oss.md correctly 1`] = `

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

@ -46,7 +46,7 @@ const props2 = {
};
ReactDOM.render(
<div>
<>
<Upload {...props}>
<Button>
<UploadOutlined /> Upload
@ -59,7 +59,7 @@ ReactDOM.render(
<UploadOutlined /> Upload
</Button>
</Upload>
</div>,
</>,
mountNode,
);
```

4
components/upload/demo/preview-file.md
View File

@ -33,13 +33,13 @@ const props = {
};
ReactDOM.render(
<div>
<>
<Upload {...props}>
<Button>
<UploadOutlined /> Upload
</Button>
</Upload>
</div>,
</>,
mountNode,
);
```

4
components/upload/demo/transform-file.md
View File

@ -41,13 +41,13 @@ const props = {
};
ReactDOM.render(
<div>
<>
<Upload {...props}>
<Button>
<UploadOutlined /> Upload
</Button>
</Upload>
</div>,
</>,
mountNode,
);
```

4
components/upload/demo/upload-manually.md
View File

@ -80,7 +80,7 @@ class Demo extends React.Component {
};
return (
<div>
<>
<Upload {...props}>
<Button>
<UploadOutlined /> Select File
@ -95,7 +95,7 @@ class Demo extends React.Component {
>
{uploading ? 'Uploading' : 'Start Upload'}
</Button>
</div>
</>
);
}
}