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 18 Packages Projects Releases Wiki Activity

refactor: Progress use React.Fragment to remove unused div (#21170)

Browse Source
This commit is contained in:
tae 2020-02-02 12:12:07 +09:00 committed by GitHub
parent d96ab1c985
commit 88642f6048
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 483 additions and 537 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

@ -9226,7 +9226,6 @@ exports[`ConfigProvider components Progress configProvider 1`] = `
<div
class="config-progress config-progress-line config-progress-status-normal config-progress-show-info config-progress-default"
>
<div>
<div
class="config-progress-outer"
>
@ -9245,7 +9244,6 @@ exports[`ConfigProvider components Progress configProvider 1`] = `
>
0%
</span>
</div>
</div>
`;
@ -9253,7 +9251,6 @@ exports[`ConfigProvider components Progress normal 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
@ -9272,7 +9269,6 @@ exports[`ConfigProvider components Progress normal 1`] = `
>
0%
</span>
</div>
</div>
`;
@ -9280,7 +9276,6 @@ exports[`ConfigProvider components Progress prefixCls 1`] = `
<div
class="prefix-Progress prefix-Progress-line prefix-Progress-status-normal prefix-Progress-show-info prefix-Progress-default"
>
<div>
<div
class="prefix-Progress-outer"
>
@ -9299,7 +9294,6 @@ exports[`ConfigProvider components Progress prefixCls 1`] = `
>
0%
</span>
</div>
</div>
`;

8
components/progress/Line.tsx
View File

@ -1,6 +1,8 @@
import * as React from 'react';
import { ProgressGradient, ProgressProps, StringGradients } from './progress';
import { validProgress } from './utils';
import { ProgressProps, ProgressGradient, StringGradients } from './progress';
interface LineProps extends ProgressProps {
prefixCls: string;
@ -92,7 +94,7 @@ const Line: React.SFC<LineProps> = props => {
<div className={`${prefixCls}-success-bg`} style={successPercentStyle} />
) : null;
return (
<div>
<>
<div className={`${prefixCls}-outer`}>
<div className={`${prefixCls}-inner`}>
<div className={`${prefixCls}-bg`} style={percentStyle} />
@ -100,7 +102,7 @@ const Line: React.SFC<LineProps> = props => {
</div>
</div>
{children}
</div>
</>
);
};

28
components/progress/__tests__/__snapshots__/demo.test.js.snap
View File

@ -481,7 +481,6 @@ exports[`renders ./components/progress/demo/dynamic.md correctly 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
@ -501,7 +500,6 @@ exports[`renders ./components/progress/demo/dynamic.md correctly 1`] = `
0%
</span>
</div>
</div>
<div
class="ant-btn-group"
>
@ -655,7 +653,6 @@ exports[`renders ./components/progress/demo/gradient-line.md correctly 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
@ -675,11 +672,9 @@ exports[`renders ./components/progress/demo/gradient-line.md correctly 1`] = `
99.9%
</span>
</div>
</div>
<div
class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
@ -699,7 +694,6 @@ exports[`renders ./components/progress/demo/gradient-line.md correctly 1`] = `
99.9%
</span>
</div>
</div>
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
>
@ -844,7 +838,6 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
@ -864,11 +857,9 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
30%
</span>
</div>
</div>
<div
class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
@ -888,11 +879,9 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
50%
</span>
</div>
</div>
<div
class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
@ -930,11 +919,9 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
</span>
</span>
</div>
</div>
<div
class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
@ -972,11 +959,9 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
</span>
</span>
</div>
</div>
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
@ -990,7 +975,6 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
</div>
</div>
</div>
</div>
</div>
`;
@ -1001,7 +985,6 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-small"
>
<div>
<div
class="ant-progress-outer"
>
@ -1021,11 +1004,9 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
30%
</span>
</div>
</div>
<div
class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-small"
>
<div>
<div
class="ant-progress-outer"
>
@ -1045,11 +1026,9 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
50%
</span>
</div>
</div>
<div
class="ant-progress ant-progress-line ant-progress-status-exception ant-progress-show-info ant-progress-small"
>
<div>
<div
class="ant-progress-outer"
>
@ -1087,11 +1066,9 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
</span>
</span>
</div>
</div>
<div
class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-small"
>
<div>
<div
class="ant-progress-outer"
>
@ -1129,7 +1106,6 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
</span>
</span>
</div>
</div>
</div>
`;
@ -1138,7 +1114,6 @@ exports[`renders ./components/progress/demo/linecap.md correctly 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
@ -1158,7 +1133,6 @@ exports[`renders ./components/progress/demo/linecap.md correctly 1`] = `
75%
</span>
</div>
</div>
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
>
@ -1249,7 +1223,6 @@ exports[`renders ./components/progress/demo/segment.md correctly 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
@ -1273,7 +1246,6 @@ exports[`renders ./components/progress/demo/segment.md correctly 1`] = `
60%
</span>
</div>
</div>
<div
class="ant-progress ant-progress-circle ant-progress-status-normal ant-progress-show-info ant-progress-default"
>

18
components/progress/__tests__/__snapshots__/index.test.js.snap
View File

@ -4,7 +4,6 @@ exports[`Progress render format 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
@ -27,7 +26,6 @@ exports[`Progress render format 1`] = `
>
50 10
</span>
</div>
</div>
`;
@ -35,7 +33,6 @@ exports[`Progress render negetive progress 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
@ -54,7 +51,6 @@ exports[`Progress render negetive progress 1`] = `
>
0%
</span>
</div>
</div>
`;
@ -62,7 +58,6 @@ exports[`Progress render negetive successPercent 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
@ -85,7 +80,6 @@ exports[`Progress render negetive successPercent 1`] = `
>
50%
</span>
</div>
</div>
`;
@ -93,7 +87,6 @@ exports[`Progress render normal progress 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
@ -112,7 +105,6 @@ exports[`Progress render normal progress 1`] = `
>
0%
</span>
</div>
</div>
`;
@ -120,7 +112,6 @@ exports[`Progress render out-of-range progress 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
@ -157,7 +148,6 @@ exports[`Progress render out-of-range progress 1`] = `
</svg>
</span>
</span>
</div>
</div>
`;
@ -165,7 +155,6 @@ exports[`Progress render out-of-range progress with info 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-success ant-progress-show-info ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
@ -202,7 +191,6 @@ exports[`Progress render out-of-range progress with info 1`] = `
</svg>
</span>
</span>
</div>
</div>
`;
@ -285,7 +273,6 @@ exports[`Progress render strokeColor 2`] = `
trailColor={null}
type="line"
>
<div>
<div
className="ant-progress-outer"
>
@ -311,7 +298,6 @@ exports[`Progress render strokeColor 2`] = `
>
50%
</span>
</div>
</Line>
</div>
</Progress>
@ -352,7 +338,6 @@ exports[`Progress render strokeColor 3`] = `
trailColor={null}
type="line"
>
<div>
<div
className="ant-progress-outer"
>
@ -378,7 +363,6 @@ exports[`Progress render strokeColor 3`] = `
>
50%
</span>
</div>
</Line>
</div>
</Progress>
@ -388,7 +372,6 @@ exports[`Progress rtl render component should be rendered correctly in RTL direc
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default ant-progress-rtl"
>
<div>
<div
class="ant-progress-outer"
>
@ -407,6 +390,5 @@ exports[`Progress rtl render component should be rendered correctly in RTL direc
>
0%
</span>
</div>
</div>
`;

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

@ -211,7 +211,6 @@ exports[`Upload List should be uploading when upload a file 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
@ -227,7 +226,6 @@ exports[`Upload List should be uploading when upload a file 1`] = `
</div>
</div>
</div>
</div>
</span>
</div>
</div>
@ -366,7 +364,6 @@ exports[`Upload List should be uploading when upload a file 2`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
@ -382,7 +379,6 @@ exports[`Upload List should be uploading when upload a file 2`] = `
</div>
</div>
</div>
</div>
</span>
</div>
</div>