update silder snapshot (#14732)

components/form/__tests__/__snapshots__/demo.test.js.snap

@@ -2925,37 +2925,37 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
             >
               <span
                 class="ant-slider-mark-text ant-slider-mark-text-active"
-                style="width:18%;margin-left:-9%;left:0%"
+                style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
               >
                 A
               </span>
               <span
                 class="ant-slider-mark-text"
-                style="width:18%;margin-left:-9%;left:20%"
+                style="left:20%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
               >
                 B
               </span>
               <span
                 class="ant-slider-mark-text"
-                style="width:18%;margin-left:-9%;left:40%"
+                style="left:40%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
               >
                 C
               </span>
               <span
                 class="ant-slider-mark-text"
-                style="width:18%;margin-left:-9%;left:60%"
+                style="left:60%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
               >
                 D
               </span>
               <span
                 class="ant-slider-mark-text"
-                style="width:18%;margin-left:-9%;left:80%"
+                style="left:80%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
               >
                 E
               </span>
               <span
                 class="ant-slider-mark-text"
-                style="width:18%;margin-left:-9%;left:100%"
+                style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
               >
                 F
               </span>

components/grid/__tests__/__snapshots__/demo.test.js.snap

@@ -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="width:18%;margin-left:-9%;left:0%"
+            style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             8
           </span>
           <span
             class="ant-slider-mark-text ant-slider-mark-text-active"
-            style="width:18%;margin-left:-9%;left:20%"
+            style="left:20%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             16
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:40%"
+            style="left:40%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             24
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:60%"
+            style="left:60%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             32
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:80%"
+            style="left:80%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             40
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:100%"
+            style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             48
           </span>
@@ -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="width:18%;margin-left:-9%;left:0%"
+            style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             2
           </span>
           <span
             class="ant-slider-mark-text ant-slider-mark-text-active"
-            style="width:18%;margin-left:-9%;left:20%"
+            style="left:20%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             3
           </span>
           <span
             class="ant-slider-mark-text ant-slider-mark-text-active"
-            style="width:18%;margin-left:-9%;left:40%"
+            style="left:40%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             4
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:60%"
+            style="left:60%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             6
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:80%"
+            style="left:80%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             8
           </span>
           <span
             class="ant-slider-mark-text"
-            style="width:18%;margin-left:-9%;left:100%"
+            style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
           >
             12
           </span>

components/slider/__tests__/__snapshots__/demo.test.js.snap

@@ -508,25 +508,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
     >
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%"
+        style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         0°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%"
+        style="left:26%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         26°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%"
+        style="left:37%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         37°C
       </span>
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50"
+        style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%);color:#f50"
       >
         <strong>
           100°C
@@ -589,25 +589,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
     >
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%"
+        style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         0°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%"
+        style="left:26%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         26°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%"
+        style="left:37%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         37°C
       </span>
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50"
+        style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%);color:#f50"
       >
         <strong>
           100°C
@@ -659,25 +659,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
     >
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%"
+        style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         0°C
       </span>
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%"
+        style="left:26%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         26°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%"
+        style="left:37%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         37°C
       </span>
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50"
+        style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%);color:#f50"
       >
         <strong>
           100°C
@@ -733,25 +733,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
     >
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%"
+        style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         0°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%"
+        style="left:26%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         26°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%"
+        style="left:37%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         37°C
       </span>
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50"
+        style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%);color:#f50"
       >
         <strong>
           100°C
@@ -807,25 +807,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
     >
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%"
+        style="left:0%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         0°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%"
+        style="left:26%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         26°C
       </span>
       <span
         class="ant-slider-mark-text ant-slider-mark-text-active"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%"
+        style="left:37%;transform:translateX(-50%);-ms-transform:translateX(-50%)"
       >
         37°C
       </span>
       <span
         class="ant-slider-mark-text"
-        style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50"
+        style="left:100%;transform:translateX(-50%);-ms-transform:translateX(-50%);color:#f50"
       >
         <strong>
           100°C

package.json

@@ -71,7 +71,7 @@
     "rc-progress": "~2.3.0",
     "rc-rate": "~2.5.0",
     "rc-select": "^8.6.7",
-    "rc-slider": "~8.6.3",
+    "rc-slider": "~8.6.5",
     "rc-steps": "~3.3.0",
     "rc-switch": "~1.9.0",
     "rc-table": "~6.4.0",