mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 09:26:06 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

✅ fix slider snapshot

Browse Source
This commit is contained in:
afc163 2019-09-06 16:46:29 +08:00 committed by 偏右
parent 96a9583bf8
commit c9a8f698b1
6 changed files with 173 additions and 98 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -11085,7 +11085,7 @@ exports[`ConfigProvider components Slider configProvider 1`] = `
/>
<div
class="config-slider-track"
style="left:0%;width:0%"
style="left:0%;right:auto;width:0%"
/>
<div
class="config-slider-step"
@ -11097,7 +11097,7 @@ exports[`ConfigProvider components Slider configProvider 1`] = `
aria-valuenow="0"
class="config-slider-handle config-tooltip-open"
role="slider"
style="left:0%"
style="left:0%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div>
@ -11134,7 +11134,7 @@ exports[`ConfigProvider components Slider normal 1`] = `
/>
<div
class="ant-slider-track"
style="left:0%;width:0%"
style="left:0%;right:auto;width:0%"
/>
<div
class="ant-slider-step"
@ -11146,7 +11146,7 @@ exports[`ConfigProvider components Slider normal 1`] = `
aria-valuenow="0"
class="ant-slider-handle ant-tooltip-open"
role="slider"
style="left:0%"
style="left:0%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div>
@ -11183,7 +11183,7 @@ exports[`ConfigProvider components Slider prefixCls 1`] = `
/>
<div
class="prefix-Slider-track"
style="left:0%;width:0%"
style="left:0%;right:auto;width:0%"
/>
<div
class="prefix-Slider-step"
@ -11195,7 +11195,7 @@ exports[`ConfigProvider components Slider prefixCls 1`] = `
aria-valuenow="0"
class="prefix-Slider-handle prefix-Slider-tooltip-open"
role="slider"
style="left:0%"
style="left:0%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div>

16
components/form/__tests__/__snapshots__/demo.test.js.snap
View File

@ -3343,7 +3343,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="left:0%;width:0%"
style="left:0%;right:auto;width:0%"
/>
<div
class="ant-slider-step"
@ -3380,7 +3380,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left:0%"
style="left:0%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -3388,37 +3388,37 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:0%"
>
A
</span>
<span
class="ant-slider-mark-text"
style="left:20%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:20%"
>
B
</span>
<span
class="ant-slider-mark-text"
style="left:40%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:40%"
>
C
</span>
<span
class="ant-slider-mark-text"
style="left:60%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:60%"
>
D
</span>
<span
class="ant-slider-mark-text"
style="left:80%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:80%"
>
E
</span>
<span
class="ant-slider-mark-text"
style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:100%"
>
F
</span>

32
components/grid/__tests__/__snapshots__/demo.test.js.snap
View File

@ -480,7 +480,7 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="left:0%;width:20%"
style="left:0%;right:auto;width:20%"
/>
<div
class="ant-slider-step"
@ -517,7 +517,7 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
aria-valuenow="1"
class="ant-slider-handle"
role="slider"
style="left:20%"
style="left:20%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -525,37 +525,37 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:0%"
>
8
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left:20%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:20%"
>
16
</span>
<span
class="ant-slider-mark-text"
style="left:40%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:40%"
>
24
</span>
<span
class="ant-slider-mark-text"
style="left:60%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:60%"
>
32
</span>
<span
class="ant-slider-mark-text"
style="left:80%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:80%"
>
40
</span>
<span
class="ant-slider-mark-text"
style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:100%"
>
48
</span>
@ -578,7 +578,7 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="left:0%;width:40%"
style="left:0%;right:auto;width:40%"
/>
<div
class="ant-slider-step"
@ -615,7 +615,7 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
aria-valuenow="2"
class="ant-slider-handle"
role="slider"
style="left:40%"
style="left:40%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -623,37 +623,37 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:0%"
>
2
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left:20%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:20%"
>
3
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left:40%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:40%"
>
4
</span>
<span
class="ant-slider-mark-text"
style="left:60%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:60%"
>
6
</span>
<span
class="ant-slider-mark-text"
style="left:80%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:80%"
>
8
</span>
<span
class="ant-slider-mark-text"
style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:100%"
>
12
</span>

201
components/slider/__tests__/__snapshots__/demo.test.js.snap
View File

@ -10,7 +10,7 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="left:0%;width:30%"
style="left:0%;right:auto;width:30%"
/>
<div
class="ant-slider-step"
@ -22,7 +22,7 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="left:30%"
style="left:30%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -37,7 +37,7 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
/>
<div
class="ant-slider-track ant-slider-track-1"
style="left:20%;width:30%"
style="left:20%;right:auto;width:30%"
/>
<div
class="ant-slider-step"
@ -49,7 +49,7 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left:20%"
style="left:20%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -59,7 +59,7 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left:50%"
style="left:50%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -90,7 +90,7 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="left:0%;width:30%"
style="left:0%;right:auto;width:30%"
/>
<div
class="ant-slider-step"
@ -102,7 +102,7 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="left:30%"
style="left:30%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -117,7 +117,7 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
/>
<div
class="ant-slider-track ant-slider-track-1"
style="left:20%;width:30%"
style="left:20%;right:auto;width:30%"
/>
<div
class="ant-slider-step"
@ -129,7 +129,7 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left:20%"
style="left:20%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -139,7 +139,7 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left:50%"
style="left:50%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -181,7 +181,7 @@ exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="left:0%;width:0%"
style="left:0%;right:auto;width:0%"
/>
<div
class="ant-slider-step"
@ -193,7 +193,7 @@ exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = `
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left:0%"
style="left:0%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -239,7 +239,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="left:0%;width:0%"
style="left:0%;right:auto;width:0%"
/>
<div
class="ant-slider-step"
@ -251,7 +251,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
aria-valuenow="1"
class="ant-slider-handle"
role="slider"
style="left:0%"
style="left:0%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -357,7 +357,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="left:0%;width:0%"
style="left:0%;right:auto;width:0%"
/>
<div
class="ant-slider-step"
@ -369,7 +369,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left:0%"
style="left:0%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -477,7 +477,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="left:0%;width:37%"
style="left:0%;right:auto;width:37%"
/>
<div
class="ant-slider-step"
@ -506,7 +506,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left:37%"
style="left:37%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -514,25 +514,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:0%"
>
0°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left:26%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:26%"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left:37%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:37%"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%);color:#f50"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:100%;color:#f50"
>
<strong>
100°C
@ -548,7 +548,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/>
<div
class="ant-slider-track ant-slider-track-1"
style="left:26%;width:11%"
style="left:26%;right:auto;width:11%"
/>
<div
class="ant-slider-step"
@ -577,7 +577,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
aria-valuenow="26"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left:26%"
style="left:26%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -587,7 +587,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
aria-valuenow="37"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left:37%"
style="left:37%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -595,25 +595,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
>
<span
class="ant-slider-mark-text"
style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:0%"
>
0°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left:26%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:26%"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left:37%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:37%"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%);color:#f50"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:100%;color:#f50"
>
<strong>
100°C
@ -657,7 +657,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left:37%"
style="left:37%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -665,25 +665,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
>
<span
class="ant-slider-mark-text"
style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:0%"
>
0°C
</span>
<span
class="ant-slider-mark-text"
style="left:26%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:26%"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left:37%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:37%"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%);color:#f50"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:100%;color:#f50"
>
<strong>
100°C
@ -702,7 +702,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="left:0%;width:37%"
style="left:0%;right:auto;width:37%"
/>
<div
class="ant-slider-step"
@ -731,7 +731,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left:37%"
style="left:37%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -739,25 +739,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:0%"
>
0°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left:26%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:26%"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left:37%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:37%"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%);color:#f50"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:100%;color:#f50"
>
<strong>
100°C
@ -776,7 +776,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="left:0%;width:37%"
style="left:0%;right:auto;width:37%"
/>
<div
class="ant-slider-step"
@ -805,7 +805,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left:37%"
style="left:37%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -813,25 +813,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:0%"
>
0°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left:26%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:26%"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="left:37%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:37%"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%);color:#f50"
style="transform:translateX(-50%);-ms-transform:translateX(-50%);left:100%;color:#f50"
>
<strong>
100°C
@ -842,6 +842,87 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
</div>
`;
exports[`renders ./components/slider/demo/reverse.md correctly 1`] = `
<div>
<div
class="ant-slider"
>
<div
class="ant-slider-rail"
/>
<div
class="ant-slider-track"
style="right:0%;left:auto;width:30%"
/>
<div
class="ant-slider-step"
/>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="right:30%;left:auto;transform:translateX(+50%)"
tabindex="0"
/>
<div
class="ant-slider-mark"
/>
</div>
<div
class="ant-slider"
>
<div
class="ant-slider-rail"
/>
<div
class="ant-slider-track ant-slider-track-1"
style="right:20%;left:auto;width:30%"
/>
<div
class="ant-slider-step"
/>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="right:20%;left:auto;transform:translateX(+50%)"
tabindex="0"
/>
<div
aria-disabled="false"
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="right:50%;left:auto;transform:translateX(+50%)"
tabindex="0"
/>
<div
class="ant-slider-mark"
/>
</div>
Reversed:
<button
aria-checked="true"
checked=""
class="ant-switch-small ant-switch ant-switch-checked"
role="switch"
type="button"
>
<span
class="ant-switch-inner"
/>
</button>
</div>
`;
exports[`renders ./components/slider/demo/show-tooltip.md correctly 1`] = `
<div
class="ant-slider"
@ -851,7 +932,7 @@ exports[`renders ./components/slider/demo/show-tooltip.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="left:0%;width:30%"
style="left:0%;right:auto;width:30%"
/>
<div
class="ant-slider-step"
@ -863,7 +944,7 @@ exports[`renders ./components/slider/demo/show-tooltip.md correctly 1`] = `
aria-valuenow="30"
class="ant-slider-handle ant-tooltip-open"
role="slider"
style="left:30%"
style="left:30%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div>
@ -901,7 +982,7 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="left:0%;width:0%"
style="left:0%;right:auto;width:0%"
/>
<div
class="ant-slider-step"
@ -913,7 +994,7 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left:0%"
style="left:0%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -928,7 +1009,7 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="left:0%;width:0%"
style="left:0%;right:auto;width:0%"
/>
<div
class="ant-slider-step"
@ -940,7 +1021,7 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left:0%"
style="left:0%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div
@ -965,7 +1046,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="bottom:0%;height:30%"
style="bottom:0%;top:auto;height:30%"
/>
<div
class="ant-slider-step"
@ -977,7 +1058,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="bottom:30%"
style="bottom:30%;top:auto;transform:translateY(+50%)"
tabindex="0"
/>
<div
@ -996,7 +1077,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
/>
<div
class="ant-slider-track ant-slider-track-1"
style="bottom:20%;height:30%"
style="bottom:20%;top:auto;height:30%"
/>
<div
class="ant-slider-step"
@ -1008,7 +1089,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="bottom:20%"
style="bottom:20%;top:auto;transform:translateY(+50%)"
tabindex="0"
/>
<div
@ -1018,7 +1099,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="bottom:50%"
style="bottom:50%;top:auto;transform:translateY(+50%)"
tabindex="0"
/>
<div
@ -1037,7 +1118,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
/>
<div
class="ant-slider-track ant-slider-track-1"
style="bottom:26%;height:11%"
style="bottom:26%;top:auto;height:11%"
/>
<div
class="ant-slider-step"
@ -1066,7 +1147,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
aria-valuenow="26"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="bottom:26%"
style="bottom:26%;top:auto;transform:translateY(+50%)"
tabindex="0"
/>
<div
@ -1076,7 +1157,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
aria-valuenow="37"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="bottom:37%"
style="bottom:37%;top:auto;transform:translateY(+50%)"
tabindex="0"
/>
<div

6
components/slider/demo/reverse.md
View File

@ -39,9 +39,3 @@ class Demo extends React.Component {
ReactDOM.render(<Demo />, mountNode);
```
<style>
.code-box-demo .ant-slider {
margin-bottom: 16px;
}
</style>

4
components/typography/__tests__/__snapshots__/demo.test.js.snap
View File

@ -239,7 +239,7 @@ exports[`renders ./components/typography/demo/ellipsis-debug.md correctly 1`] =
/>
<div
class="ant-slider-track"
style="left:0%;width:0%"
style="left:0%;right:auto;width:0%"
/>
<div
class="ant-slider-step"
@ -251,7 +251,7 @@ exports[`renders ./components/typography/demo/ellipsis-debug.md correctly 1`] =
aria-valuenow="1"
class="ant-slider-handle"
role="slider"
style="left:0%"
style="left:0%;right:auto;transform:translateX(-50%)"
tabindex="0"
/>
<div