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"
>
@ -9246,14 +9245,12 @@ exports[`ConfigProvider components Progress configProvider 1`] = `
0%
</span>
</div>
</div>
`;
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"
>
@ -9273,14 +9270,12 @@ exports[`ConfigProvider components Progress normal 1`] = `
0%
</span>
</div>
</div>
`;
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"
>
@ -9300,7 +9295,6 @@ exports[`ConfigProvider components Progress prefixCls 1`] = `
0%
</span>
</div>
</div>
`;
exports[`ConfigProvider components Radio configProvider 1`] = `

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"
>
@ -991,7 +976,6 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
@ -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"
>
@ -1130,7 +1107,6 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
</span>
</div>
</div>
</div>
`;
exports[`renders ./components/progress/demo/linecap.md correctly 1`] = `
@ -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"
>
@ -28,14 +27,12 @@ exports[`Progress render format 1`] = `
50 10
</span>
</div>
</div>
`;
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"
>
@ -55,14 +52,12 @@ exports[`Progress render negetive progress 1`] = `
0%
</span>
</div>
</div>
`;
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"
>
@ -86,14 +81,12 @@ exports[`Progress render negetive successPercent 1`] = `
50%
</span>
</div>
</div>
`;
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"
>
@ -113,14 +106,12 @@ exports[`Progress render normal progress 1`] = `
0%
</span>
</div>
</div>
`;
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"
>
@ -158,14 +149,12 @@ exports[`Progress render out-of-range progress 1`] = `
</span>
</span>
</div>
</div>
`;
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"
>
@ -203,7 +192,6 @@ exports[`Progress render out-of-range progress with info 1`] = `
</span>
</span>
</div>
</div>
`;
exports[`Progress render strokeColor 1`] = `
@ -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"
>
@ -408,5 +391,4 @@ 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>