mirror of
https://github.com/ant-design/ant-design.git
synced 2025-01-18 22:36:31 +08:00
demo: update Progress demo (#47494)
This commit is contained in:
lijianan
GitHub
parent
d9cee1ceac
commit
e939962c55
@ -2,12 +2,8 @@
|
||||
|
||||
exports[`renders components/progress/demo/circle.tsx extend context correctly 1`] = `
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
||||
style="flex-wrap: wrap;"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="75"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -60,10 +56,6 @@ exports[`renders components/progress/demo/circle.tsx extend context correctly 1`
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="70"
|
||||
class="ant-progress ant-progress-status-exception ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -134,10 +126,6 @@ exports[`renders components/progress/demo/circle.tsx extend context correctly 1`
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="100"
|
||||
class="ant-progress ant-progress-status-success ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -207,14 +195,15 @@ exports[`renders components/progress/demo/circle.tsx extend context correctly 1`
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/circle.tsx extend context correctly 2`] = `[]`;
|
||||
|
||||
exports[`renders components/progress/demo/circle-micro.tsx extend context correctly 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="ant-flex ant-flex-align-center ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="60"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-inline-circle ant-progress-show-info"
|
||||
@ -287,25 +276,19 @@ Array [
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
<span
|
||||
style="margin-left: 8px;"
|
||||
>
|
||||
</div>
|
||||
<span>
|
||||
代码发布
|
||||
</span>,
|
||||
]
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/circle-micro.tsx extend context correctly 2`] = `[]`;
|
||||
|
||||
exports[`renders components/progress/demo/circle-mini.tsx extend context correctly 1`] = `
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
||||
style="flex-wrap: wrap;"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="30"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info"
|
||||
@ -358,10 +341,6 @@ exports[`renders components/progress/demo/circle-mini.tsx extend context correct
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="70"
|
||||
class="ant-progress ant-progress-status-exception ant-progress-circle ant-progress-show-info"
|
||||
@ -432,10 +411,6 @@ exports[`renders components/progress/demo/circle-mini.tsx extend context correct
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="100"
|
||||
class="ant-progress ant-progress-status-success ant-progress-circle ant-progress-show-info"
|
||||
@ -505,7 +480,6 @@ exports[`renders components/progress/demo/circle-mini.tsx extend context correct
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -1136,12 +1110,8 @@ exports[`renders components/progress/demo/component-token.tsx extend context cor
|
||||
|
||||
exports[`renders components/progress/demo/dashboard.tsx extend context correctly 1`] = `
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
||||
style="flex-wrap: wrap;"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="75"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -1194,10 +1164,6 @@ exports[`renders components/progress/demo/dashboard.tsx extend context correctly
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="75"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -1250,16 +1216,17 @@ exports[`renders components/progress/demo/dashboard.tsx extend context correctly
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/dashboard.tsx extend context correctly 2`] = `[]`;
|
||||
|
||||
exports[`renders components/progress/demo/dynamic.tsx extend context correctly 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-gap-small ant-flex-vertical"
|
||||
>
|
||||
<div
|
||||
style="margin-bottom: 10px;"
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-gap-small ant-flex-vertical"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="0"
|
||||
@ -1338,7 +1305,7 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
</div>
|
||||
<div
|
||||
class="ant-btn-group"
|
||||
>
|
||||
@ -1401,20 +1368,16 @@ Array [
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>,
|
||||
]
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/dynamic.tsx extend context correctly 2`] = `[]`;
|
||||
|
||||
exports[`renders components/progress/demo/format.tsx extend context correctly 1`] = `
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
||||
style="flex-wrap: wrap;"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="75"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -1467,10 +1430,6 @@ exports[`renders components/progress/demo/format.tsx extend context correctly 1`
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="100"
|
||||
class="ant-progress ant-progress-status-success ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -1523,7 +1482,6 @@ exports[`renders components/progress/demo/format.tsx extend context correctly 1`
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -1531,7 +1489,7 @@ exports[`renders components/progress/demo/format.tsx extend context correctly 2`
|
||||
|
||||
exports[`renders components/progress/demo/gradient-line.tsx extend context correctly 1`] = `
|
||||
<div
|
||||
style="display: flex; flex-direction: column; row-gap: 16px;"
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-gap-middle ant-flex-vertical"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="99"
|
||||
@ -1584,11 +1542,7 @@ exports[`renders components/progress/demo/gradient-line.tsx extend context corre
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
||||
style="flex-wrap: wrap;"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="90"
|
||||
@ -1662,10 +1616,6 @@ exports[`renders components/progress/demo/gradient-line.tsx extend context corre
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="100"
|
||||
class="ant-progress ant-progress-status-success ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -1755,10 +1705,6 @@ exports[`renders components/progress/demo/gradient-line.tsx extend context corre
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="93"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -1832,13 +1778,8 @@ exports[`renders components/progress/demo/gradient-line.tsx extend context corre
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
||||
style="flex-wrap: wrap;"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="90"
|
||||
@ -1912,10 +1853,6 @@ exports[`renders components/progress/demo/gradient-line.tsx extend context corre
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="100"
|
||||
class="ant-progress ant-progress-status-success ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -2005,10 +1942,6 @@ exports[`renders components/progress/demo/gradient-line.tsx extend context corre
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="93"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -2082,14 +2015,15 @@ exports[`renders components/progress/demo/gradient-line.tsx extend context corre
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/gradient-line.tsx extend context correctly 2`] = `[]`;
|
||||
|
||||
exports[`renders components/progress/demo/line.tsx extend context correctly 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-gap-small ant-flex-vertical"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="30"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
|
||||
@ -2114,7 +2048,7 @@ Array [
|
||||
>
|
||||
30%
|
||||
</span>
|
||||
</div>,
|
||||
</div>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-active ant-progress-line ant-progress-show-info ant-progress-default"
|
||||
@ -2139,7 +2073,7 @@ Array [
|
||||
>
|
||||
50%
|
||||
</span>
|
||||
</div>,
|
||||
</div>
|
||||
<div
|
||||
aria-valuenow="70"
|
||||
class="ant-progress ant-progress-status-exception ant-progress-line ant-progress-show-info ant-progress-default"
|
||||
@ -2182,7 +2116,7 @@ Array [
|
||||
</svg>
|
||||
</span>
|
||||
</span>
|
||||
</div>,
|
||||
</div>
|
||||
<div
|
||||
aria-valuenow="100"
|
||||
class="ant-progress ant-progress-status-success ant-progress-line ant-progress-show-info ant-progress-default"
|
||||
@ -2224,7 +2158,7 @@ Array [
|
||||
</svg>
|
||||
</span>
|
||||
</span>
|
||||
</div>,
|
||||
</div>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-default"
|
||||
@ -2243,15 +2177,16 @@ Array [
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
]
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/line.tsx extend context correctly 2`] = `[]`;
|
||||
|
||||
exports[`renders components/progress/demo/line-mini.tsx extend context correctly 1`] = `
|
||||
<div
|
||||
style="width: 170px;"
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-gap-small ant-flex-vertical"
|
||||
style="width: 180px;"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="30"
|
||||
@ -2394,7 +2329,9 @@ exports[`renders components/progress/demo/line-mini.tsx extend context correctly
|
||||
exports[`renders components/progress/demo/line-mini.tsx extend context correctly 2`] = `[]`;
|
||||
|
||||
exports[`renders components/progress/demo/linecap.tsx extend context correctly 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-gap-small ant-flex-vertical"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="75"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
|
||||
@ -2420,13 +2357,9 @@ Array [
|
||||
>
|
||||
75%
|
||||
</span>
|
||||
</div>,
|
||||
</div>
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
||||
style="flex-wrap: wrap;"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="75"
|
||||
@ -2480,10 +2413,6 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="75"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -2537,14 +2466,15 @@ Array [
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
]
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/linecap.tsx extend context correctly 2`] = `[]`;
|
||||
|
||||
exports[`renders components/progress/demo/segment.tsx extend context correctly 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-gap-small ant-flex-vertical"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="30"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
|
||||
@ -2573,7 +2503,7 @@ Array [
|
||||
>
|
||||
60%
|
||||
</span>
|
||||
</div>,
|
||||
</div>
|
||||
<div
|
||||
class="ant-tooltip ant-zoom-big-fast-appear ant-zoom-big-fast-appear-prepare ant-zoom-big-fast ant-tooltip-placement-top"
|
||||
style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
|
||||
@ -2592,13 +2522,9 @@ Array [
|
||||
3 done / 3 in progress / 4 to do
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
</div>
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
||||
style="flex-wrap: wrap;"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="30"
|
||||
@ -2671,10 +2597,6 @@ Array [
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="30"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -2747,19 +2669,18 @@ Array [
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
]
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/segment.tsx extend context correctly 2`] = `[]`;
|
||||
|
||||
exports[`renders components/progress/demo/size.tsx extend context correctly 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-gap-middle ant-flex-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-gap-small ant-flex-vertical"
|
||||
style="width: 300px;"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
@ -2786,10 +2707,6 @@ Array [
|
||||
50%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-small"
|
||||
@ -2815,10 +2732,6 @@ Array [
|
||||
50%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info"
|
||||
@ -2845,15 +2758,9 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
<br />,
|
||||
<br />,
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center"
|
||||
style="column-gap: 30px; row-gap: 30px;"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-align-center"
|
||||
style="gap: 30px;"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
@ -2907,10 +2814,6 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-small"
|
||||
@ -2963,10 +2866,6 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-inline-circle ant-progress-show-info"
|
||||
@ -3040,15 +2939,9 @@ Array [
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
<br />,
|
||||
<br />,
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center"
|
||||
style="column-gap: 30px; row-gap: 30px;"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-align-center"
|
||||
style="gap: 30px;"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
@ -3102,10 +2995,6 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-small"
|
||||
@ -3158,10 +3047,6 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info"
|
||||
@ -3235,15 +3120,9 @@ Array [
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
<br />,
|
||||
<br />,
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center"
|
||||
style="flex-wrap: wrap; column-gap: 30px; row-gap: 30px;"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-align-center"
|
||||
style="gap: 30px;"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
@ -3273,10 +3152,6 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info ant-progress-small"
|
||||
@ -3305,10 +3180,6 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info"
|
||||
@ -3337,10 +3208,6 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info"
|
||||
@ -3370,14 +3237,15 @@ Array [
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
]
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/size.tsx extend context correctly 2`] = `[]`;
|
||||
|
||||
exports[`renders components/progress/demo/steps.tsx extend context correctly 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-gap-small ant-flex-vertical"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info ant-progress-default"
|
||||
@ -3405,8 +3273,7 @@ Array [
|
||||
50%
|
||||
</span>
|
||||
</div>
|
||||
</div>,
|
||||
<br />,
|
||||
</div>
|
||||
<div
|
||||
aria-valuenow="30"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info ant-progress-default"
|
||||
@ -3442,8 +3309,7 @@ Array [
|
||||
30%
|
||||
</span>
|
||||
</div>
|
||||
</div>,
|
||||
<br />,
|
||||
</div>
|
||||
<div
|
||||
aria-valuenow="100"
|
||||
class="ant-progress ant-progress-status-success ant-progress-steps ant-progress-show-info ant-progress-small"
|
||||
@ -3496,8 +3362,7 @@ Array [
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>,
|
||||
<br />,
|
||||
</div>
|
||||
<div
|
||||
aria-valuenow="60"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info ant-progress-default"
|
||||
@ -3533,8 +3398,8 @@ Array [
|
||||
60%
|
||||
</span>
|
||||
</div>
|
||||
</div>,
|
||||
]
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/steps.tsx extend context correctly 2`] = `[]`;
|
||||
|
||||
@ -2,12 +2,8 @@
|
||||
|
||||
exports[`renders components/progress/demo/circle.tsx correctly 1`] = `
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
||||
style="flex-wrap:wrap"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="75"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -60,10 +56,6 @@ exports[`renders components/progress/demo/circle.tsx correctly 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="70"
|
||||
class="ant-progress ant-progress-status-exception ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -134,10 +126,6 @@ exports[`renders components/progress/demo/circle.tsx correctly 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="100"
|
||||
class="ant-progress ant-progress-status-success ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -207,12 +195,13 @@ exports[`renders components/progress/demo/circle.tsx correctly 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/circle-micro.tsx correctly 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="ant-flex ant-flex-align-center ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="60"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-inline-circle ant-progress-show-info"
|
||||
@ -261,23 +250,17 @@ Array [
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
</div>,
|
||||
<span
|
||||
style="margin-left:8px"
|
||||
>
|
||||
</div>
|
||||
<span>
|
||||
代码发布
|
||||
</span>,
|
||||
]
|
||||
</span>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/circle-mini.tsx correctly 1`] = `
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
||||
style="flex-wrap:wrap"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="30"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info"
|
||||
@ -330,10 +313,6 @@ exports[`renders components/progress/demo/circle-mini.tsx correctly 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="70"
|
||||
class="ant-progress ant-progress-status-exception ant-progress-circle ant-progress-show-info"
|
||||
@ -404,10 +383,6 @@ exports[`renders components/progress/demo/circle-mini.tsx correctly 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="100"
|
||||
class="ant-progress ant-progress-status-success ant-progress-circle ant-progress-show-info"
|
||||
@ -477,7 +452,6 @@ exports[`renders components/progress/demo/circle-mini.tsx correctly 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -1056,12 +1030,8 @@ Array [
|
||||
|
||||
exports[`renders components/progress/demo/dashboard.tsx correctly 1`] = `
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
||||
style="flex-wrap:wrap"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="75"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -1114,10 +1084,6 @@ exports[`renders components/progress/demo/dashboard.tsx correctly 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="75"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -1170,14 +1136,15 @@ exports[`renders components/progress/demo/dashboard.tsx correctly 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/dynamic.tsx correctly 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-gap-small ant-flex-vertical"
|
||||
>
|
||||
<div
|
||||
style="margin-bottom:10px"
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-gap-small ant-flex-vertical"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="0"
|
||||
@ -1256,7 +1223,7 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
</div>
|
||||
<div
|
||||
class="ant-btn-group"
|
||||
>
|
||||
@ -1319,18 +1286,14 @@ Array [
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>,
|
||||
]
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/format.tsx correctly 1`] = `
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
||||
style="flex-wrap:wrap"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="75"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -1383,10 +1346,6 @@ exports[`renders components/progress/demo/format.tsx correctly 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="100"
|
||||
class="ant-progress ant-progress-status-success ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -1439,13 +1398,12 @@ exports[`renders components/progress/demo/format.tsx correctly 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/gradient-line.tsx correctly 1`] = `
|
||||
<div
|
||||
style="display:flex;flex-direction:column;row-gap:16px"
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-gap-middle ant-flex-vertical"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="99"
|
||||
@ -1498,11 +1456,7 @@ exports[`renders components/progress/demo/gradient-line.tsx correctly 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
||||
style="flex-wrap:wrap"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="90"
|
||||
@ -1576,10 +1530,6 @@ exports[`renders components/progress/demo/gradient-line.tsx correctly 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="100"
|
||||
class="ant-progress ant-progress-status-success ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -1669,10 +1619,6 @@ exports[`renders components/progress/demo/gradient-line.tsx correctly 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="93"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -1746,13 +1692,8 @@ exports[`renders components/progress/demo/gradient-line.tsx correctly 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
||||
style="flex-wrap:wrap"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="90"
|
||||
@ -1826,10 +1767,6 @@ exports[`renders components/progress/demo/gradient-line.tsx correctly 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="100"
|
||||
class="ant-progress ant-progress-status-success ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -1919,10 +1856,6 @@ exports[`renders components/progress/demo/gradient-line.tsx correctly 1`] = `
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="93"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -1996,12 +1929,13 @@ exports[`renders components/progress/demo/gradient-line.tsx correctly 1`] = `
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/line.tsx correctly 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-gap-small ant-flex-vertical"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="30"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
|
||||
@ -2026,7 +1960,7 @@ Array [
|
||||
>
|
||||
30%
|
||||
</span>
|
||||
</div>,
|
||||
</div>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-active ant-progress-line ant-progress-show-info ant-progress-default"
|
||||
@ -2051,7 +1985,7 @@ Array [
|
||||
>
|
||||
50%
|
||||
</span>
|
||||
</div>,
|
||||
</div>
|
||||
<div
|
||||
aria-valuenow="70"
|
||||
class="ant-progress ant-progress-status-exception ant-progress-line ant-progress-show-info ant-progress-default"
|
||||
@ -2094,7 +2028,7 @@ Array [
|
||||
</svg>
|
||||
</span>
|
||||
</span>
|
||||
</div>,
|
||||
</div>
|
||||
<div
|
||||
aria-valuenow="100"
|
||||
class="ant-progress ant-progress-status-success ant-progress-line ant-progress-show-info ant-progress-default"
|
||||
@ -2136,7 +2070,7 @@ Array [
|
||||
</svg>
|
||||
</span>
|
||||
</span>
|
||||
</div>,
|
||||
</div>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-default"
|
||||
@ -2155,13 +2089,14 @@ Array [
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
]
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/line-mini.tsx correctly 1`] = `
|
||||
<div
|
||||
style="width:170px"
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-gap-small ant-flex-vertical"
|
||||
style="width:180px"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="30"
|
||||
@ -2302,7 +2237,9 @@ exports[`renders components/progress/demo/line-mini.tsx correctly 1`] = `
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/linecap.tsx correctly 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-gap-small ant-flex-vertical"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="75"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
|
||||
@ -2328,13 +2265,9 @@ Array [
|
||||
>
|
||||
75%
|
||||
</span>
|
||||
</div>,
|
||||
</div>
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
||||
style="flex-wrap:wrap"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="75"
|
||||
@ -2388,10 +2321,6 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="75"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -2445,12 +2374,13 @@ Array [
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
]
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/segment.tsx correctly 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-gap-small ant-flex-vertical"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="30"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-default"
|
||||
@ -2479,13 +2409,9 @@ Array [
|
||||
>
|
||||
60%
|
||||
</span>
|
||||
</div>,
|
||||
</div>
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
|
||||
style="flex-wrap:wrap"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-gap-small"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="30"
|
||||
@ -2539,10 +2465,6 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="30"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-default"
|
||||
@ -2596,17 +2518,16 @@ Array [
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
]
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/size.tsx correctly 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-gap-middle ant-flex-vertical"
|
||||
>
|
||||
<div
|
||||
class="ant-space ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-gap-small ant-flex-vertical"
|
||||
style="width:300px"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
@ -2633,10 +2554,6 @@ Array [
|
||||
50%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info ant-progress-small"
|
||||
@ -2662,10 +2579,6 @@ Array [
|
||||
50%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-line ant-progress-show-info"
|
||||
@ -2692,15 +2605,9 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
<br />,
|
||||
<br />,
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center"
|
||||
style="column-gap:30px;row-gap:30px"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-align-center"
|
||||
style="gap:30px"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
@ -2754,10 +2661,6 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-small"
|
||||
@ -2810,10 +2713,6 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-inline-circle ant-progress-show-info"
|
||||
@ -2863,15 +2762,9 @@ Array [
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
<br />,
|
||||
<br />,
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center"
|
||||
style="column-gap:30px;row-gap:30px"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-align-center"
|
||||
style="gap:30px"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
@ -2925,10 +2818,6 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info ant-progress-small"
|
||||
@ -2981,10 +2870,6 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-circle ant-progress-show-info"
|
||||
@ -3034,15 +2919,9 @@ Array [
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
<br />,
|
||||
<br />,
|
||||
<div
|
||||
class="ant-space ant-space-horizontal ant-space-align-center"
|
||||
style="flex-wrap:wrap;column-gap:30px;row-gap:30px"
|
||||
>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
class="ant-flex ant-flex-wrap-wrap ant-flex-align-center"
|
||||
style="gap:30px"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
@ -3072,10 +2951,6 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info ant-progress-small"
|
||||
@ -3104,10 +2979,6 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info"
|
||||
@ -3136,10 +3007,6 @@ Array [
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="ant-space-item"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info"
|
||||
@ -3169,12 +3036,13 @@ Array [
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>,
|
||||
]
|
||||
</div>
|
||||
`;
|
||||
|
||||
exports[`renders components/progress/demo/steps.tsx correctly 1`] = `
|
||||
Array [
|
||||
<div
|
||||
class="ant-flex ant-flex-align-stretch ant-flex-gap-small ant-flex-vertical"
|
||||
>
|
||||
<div
|
||||
aria-valuenow="50"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info ant-progress-default"
|
||||
@ -3202,8 +3070,7 @@ Array [
|
||||
50%
|
||||
</span>
|
||||
</div>
|
||||
</div>,
|
||||
<br />,
|
||||
</div>
|
||||
<div
|
||||
aria-valuenow="30"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info ant-progress-default"
|
||||
@ -3239,8 +3106,7 @@ Array [
|
||||
30%
|
||||
</span>
|
||||
</div>
|
||||
</div>,
|
||||
<br />,
|
||||
</div>
|
||||
<div
|
||||
aria-valuenow="100"
|
||||
class="ant-progress ant-progress-status-success ant-progress-steps ant-progress-show-info ant-progress-small"
|
||||
@ -3293,8 +3159,7 @@ Array [
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>,
|
||||
<br />,
|
||||
</div>
|
||||
<div
|
||||
aria-valuenow="60"
|
||||
class="ant-progress ant-progress-status-normal ant-progress-steps ant-progress-show-info ant-progress-default"
|
||||
@ -3330,6 +3195,6 @@ Array [
|
||||
60%
|
||||
</span>
|
||||
</div>
|
||||
</div>,
|
||||
]
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
import React from 'react';
|
||||
import { Progress } from 'antd';
|
||||
import { Flex, Progress } from 'antd';
|
||||
|
||||
const App: React.FC = () => (
|
||||
<>
|
||||
<Flex align="center" gap="small">
|
||||
<Progress
|
||||
type="circle"
|
||||
trailColor="#e6f4ff"
|
||||
@ -11,8 +11,8 @@ const App: React.FC = () => (
|
||||
size={14}
|
||||
format={(number) => `进行中，已完成${number}%`}
|
||||
/>
|
||||
<span style={{ marginLeft: 8 }}>代码发布</span>
|
||||
</>
|
||||
<span>代码发布</span>
|
||||
</Flex>
|
||||
);
|
||||
|
||||
export default App;
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
import React from 'react';
|
||||
import { Progress, Space } from 'antd';
|
||||
import { Flex, Progress } from 'antd';
|
||||
|
||||
const App: React.FC = () => (
|
||||
<Space wrap>
|
||||
<Flex wrap="wrap" gap="small">
|
||||
<Progress type="circle" percent={30} size={80} />
|
||||
<Progress type="circle" percent={70} size={80} status="exception" />
|
||||
<Progress type="circle" percent={100} size={80} />
|
||||
</Space>
|
||||
</Flex>
|
||||
);
|
||||
|
||||
export default App;
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
import React from 'react';
|
||||
import { Progress, Space } from 'antd';
|
||||
import { Flex, Progress } from 'antd';
|
||||
|
||||
const App: React.FC = () => (
|
||||
<Space wrap>
|
||||
<Flex gap="small" wrap="wrap">
|
||||
<Progress type="circle" percent={75} />
|
||||
<Progress type="circle" percent={70} status="exception" />
|
||||
<Progress type="circle" percent={100} />
|
||||
</Space>
|
||||
</Flex>
|
||||
);
|
||||
|
||||
export default App;
|
||||
|
||||
@ -4,10 +4,7 @@ import { ConfigProvider, Progress, Space } from 'antd';
|
||||
const App: React.FC = () => (
|
||||
<ConfigProvider
|
||||
theme={{
|
||||
token: {
|
||||
marginXXS: 20,
|
||||
fontSizeSM: 24,
|
||||
},
|
||||
token: { marginXXS: 20, fontSizeSM: 24 },
|
||||
components: {
|
||||
Progress: {
|
||||
defaultColor: '#bae0ff',
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
import React from 'react';
|
||||
import { Progress, Space } from 'antd';
|
||||
import { Flex, Progress } from 'antd';
|
||||
|
||||
const App: React.FC = () => (
|
||||
<Space wrap>
|
||||
<Flex gap="small" wrap="wrap">
|
||||
<Progress type="dashboard" percent={75} />
|
||||
<Progress type="dashboard" percent={75} gapDegree={30} />
|
||||
</Space>
|
||||
</Flex>
|
||||
);
|
||||
|
||||
export default App;
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
import React, { useState } from 'react';
|
||||
import { MinusOutlined, PlusOutlined } from '@ant-design/icons';
|
||||
import { Button, Progress } from 'antd';
|
||||
import { Button, Flex, Progress } from 'antd';
|
||||
|
||||
const App: React.FC = () => {
|
||||
const [percent, setPercent] = useState<number>(0);
|
||||
@ -26,16 +26,16 @@ const App: React.FC = () => {
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<div style={{ marginBottom: 10 }}>
|
||||
<Progress percent={percent} />
|
||||
<Progress type="circle" percent={percent} />
|
||||
</div>
|
||||
<Flex vertical gap="small">
|
||||
<Flex vertical gap="small">
|
||||
<Progress percent={percent} type="line" />
|
||||
<Progress percent={percent} type="circle" />
|
||||
</Flex>
|
||||
<Button.Group>
|
||||
<Button onClick={decline} icon={<MinusOutlined />} />
|
||||
<Button onClick={increase} icon={<PlusOutlined />} />
|
||||
</Button.Group>
|
||||
</>
|
||||
</Flex>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
@ -1,11 +1,11 @@
|
||||
import React from 'react';
|
||||
import { Progress, Space } from 'antd';
|
||||
import { Flex, Progress } from 'antd';
|
||||
|
||||
const App: React.FC = () => (
|
||||
<Space wrap>
|
||||
<Flex gap="small" wrap="wrap">
|
||||
<Progress type="circle" percent={75} format={(percent) => `${percent} Days`} />
|
||||
<Progress type="circle" percent={100} format={() => 'Done'} />
|
||||
</Space>
|
||||
</Flex>
|
||||
);
|
||||
|
||||
export default App;
|
||||
|
||||
@ -1,24 +1,33 @@
|
||||
import React from 'react';
|
||||
import { Progress, Space } from 'antd';
|
||||
import { Flex, Progress } from 'antd';
|
||||
import type { ProgressProps } from 'antd';
|
||||
|
||||
const twoColors = { '0%': '#108ee9', '100%': '#87d068' };
|
||||
const conicColors = { '0%': '#87d068', '50%': '#ffe58f', '100%': '#ffccc7' };
|
||||
const twoColors: ProgressProps['strokeColor'] = {
|
||||
'0%': '#108ee9',
|
||||
'100%': '#87d068',
|
||||
};
|
||||
|
||||
const conicColors: ProgressProps['strokeColor'] = {
|
||||
'0%': '#87d068',
|
||||
'50%': '#ffe58f',
|
||||
'100%': '#ffccc7',
|
||||
};
|
||||
|
||||
const App: React.FC = () => (
|
||||
<div style={{ display: 'flex', flexDirection: 'column', rowGap: 16 }}>
|
||||
<Flex vertical gap="middle">
|
||||
<Progress percent={99.9} strokeColor={twoColors} />
|
||||
<Progress percent={50} status="active" strokeColor={{ from: '#108ee9', to: '#87d068' }} />
|
||||
<Space wrap>
|
||||
<Flex gap="small" wrap="wrap">
|
||||
<Progress type="circle" percent={90} strokeColor={twoColors} />
|
||||
<Progress type="circle" percent={100} strokeColor={twoColors} />
|
||||
<Progress type="circle" percent={93} strokeColor={conicColors} />
|
||||
</Space>
|
||||
<Space wrap>
|
||||
</Flex>
|
||||
<Flex gap="small" wrap="wrap">
|
||||
<Progress type="dashboard" percent={90} strokeColor={twoColors} />
|
||||
<Progress type="dashboard" percent={100} strokeColor={twoColors} />
|
||||
<Progress type="dashboard" percent={93} strokeColor={conicColors} />
|
||||
</Space>
|
||||
</div>
|
||||
</Flex>
|
||||
</Flex>
|
||||
);
|
||||
|
||||
export default App;
|
||||
|
||||
@ -1,13 +1,13 @@
|
||||
import React from 'react';
|
||||
import { Progress } from 'antd';
|
||||
import { Flex, Progress } from 'antd';
|
||||
|
||||
const App: React.FC = () => (
|
||||
<div style={{ width: 170 }}>
|
||||
<Flex vertical gap="small" style={{ width: 180 }}>
|
||||
<Progress percent={30} size="small" />
|
||||
<Progress percent={50} size="small" status="active" />
|
||||
<Progress percent={70} size="small" status="exception" />
|
||||
<Progress percent={100} size="small" />
|
||||
</div>
|
||||
</Flex>
|
||||
);
|
||||
|
||||
export default App;
|
||||
|
||||
@ -1,14 +1,14 @@
|
||||
import React from 'react';
|
||||
import { Progress } from 'antd';
|
||||
import { Flex, Progress } from 'antd';
|
||||
|
||||
const App: React.FC = () => (
|
||||
<>
|
||||
<Flex gap="small" vertical>
|
||||
<Progress percent={30} />
|
||||
<Progress percent={50} status="active" />
|
||||
<Progress percent={70} status="exception" />
|
||||
<Progress percent={100} />
|
||||
<Progress percent={50} showInfo={false} />
|
||||
</>
|
||||
</Flex>
|
||||
);
|
||||
|
||||
export default App;
|
||||
|
||||
@ -1,14 +1,14 @@
|
||||
import React from 'react';
|
||||
import { Progress, Space } from 'antd';
|
||||
import { Flex, Progress } from 'antd';
|
||||
|
||||
const App: React.FC = () => (
|
||||
<>
|
||||
<Flex vertical gap="small">
|
||||
<Progress strokeLinecap="butt" percent={75} />
|
||||
<Space wrap>
|
||||
<Flex wrap="wrap" gap="small">
|
||||
<Progress strokeLinecap="butt" type="circle" percent={75} />
|
||||
<Progress strokeLinecap="butt" type="dashboard" percent={75} />
|
||||
</Space>
|
||||
</>
|
||||
</Flex>
|
||||
</Flex>
|
||||
);
|
||||
|
||||
export default App;
|
||||
|
||||
@ -1,20 +1,20 @@
|
||||
import React from 'react';
|
||||
import { Progress, Tooltip, Space } from 'antd';
|
||||
import { Flex, Progress, Tooltip } from 'antd';
|
||||
|
||||
const App: React.FC = () => (
|
||||
<>
|
||||
<Flex gap="small" vertical>
|
||||
<Tooltip title="3 done / 3 in progress / 4 to do">
|
||||
<Progress percent={60} success={{ percent: 30 }} />
|
||||
</Tooltip>
|
||||
<Space wrap>
|
||||
<Flex gap="small" wrap="wrap">
|
||||
<Tooltip title="3 done / 3 in progress / 4 to do">
|
||||
<Progress percent={60} success={{ percent: 30 }} type="circle" />
|
||||
</Tooltip>
|
||||
<Tooltip title="3 done / 3 in progress / 4 to do">
|
||||
<Progress percent={60} success={{ percent: 30 }} type="dashboard" />
|
||||
</Tooltip>
|
||||
</Space>
|
||||
</>
|
||||
</Flex>
|
||||
</Flex>
|
||||
);
|
||||
|
||||
export default App;
|
||||
|
||||
@ -1,36 +1,30 @@
|
||||
import React from 'react';
|
||||
import { Progress, Space } from 'antd';
|
||||
import { Flex, Progress } from 'antd';
|
||||
|
||||
const App: React.FC = () => (
|
||||
<>
|
||||
<Space direction="vertical">
|
||||
<Flex vertical gap="middle">
|
||||
<Flex vertical gap="small" style={{ width: 300 }}>
|
||||
<Progress percent={50} />
|
||||
<Progress percent={50} size="small" />
|
||||
<Progress percent={50} size={[300, 20]} />
|
||||
</Space>
|
||||
<br />
|
||||
<br />
|
||||
<Space size={30}>
|
||||
</Flex>
|
||||
<Flex align="center" wrap="wrap" gap={30}>
|
||||
<Progress type="circle" percent={50} />
|
||||
<Progress type="circle" percent={50} size="small" />
|
||||
<Progress type="circle" percent={50} size={20} />
|
||||
</Space>
|
||||
<br />
|
||||
<br />
|
||||
<Space size={30}>
|
||||
</Flex>
|
||||
<Flex align="center" wrap="wrap" gap={30}>
|
||||
<Progress type="dashboard" percent={50} />
|
||||
<Progress type="dashboard" percent={50} size="small" />
|
||||
<Progress type="dashboard" percent={50} size={20} />
|
||||
</Space>
|
||||
<br />
|
||||
<br />
|
||||
<Space size={30} wrap>
|
||||
</Flex>
|
||||
<Flex align="center" wrap="wrap" gap={30}>
|
||||
<Progress steps={3} percent={50} />
|
||||
<Progress steps={3} percent={50} size="small" />
|
||||
<Progress steps={3} percent={50} size={20} />
|
||||
<Progress steps={3} percent={50} size={[20, 30]} />
|
||||
</Space>
|
||||
</>
|
||||
</Flex>
|
||||
</Flex>
|
||||
);
|
||||
|
||||
export default App;
|
||||
|
||||
@ -1,17 +1,14 @@
|
||||
import React from 'react';
|
||||
import { red, green } from '@ant-design/colors';
|
||||
import { Progress } from 'antd';
|
||||
import { green, red } from '@ant-design/colors';
|
||||
import { Flex, Progress } from 'antd';
|
||||
|
||||
const App: React.FC = () => (
|
||||
<>
|
||||
<Flex gap="small" vertical>
|
||||
<Progress percent={50} steps={3} />
|
||||
<br />
|
||||
<Progress percent={30} steps={5} />
|
||||
<br />
|
||||
<Progress percent={100} steps={5} size="small" strokeColor={green[6]} />
|
||||
<br />
|
||||
<Progress percent={60} steps={5} strokeColor={[green[6], green[6], red[5]]} />
|
||||
</>
|
||||
</Flex>
|
||||
);
|
||||
|
||||
export default App;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user