fix: inputnumber placeholder

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

@@ -2,7 +2,7 @@
 
 exports[`renders ./components/avatar/demo/badge.md correctly 1`] = `
 <div><span style="margin-right: 24px;"><span class="ant-badge"><span class="ant-avatar ant-avatar-icon ant-avatar-square"><i class="anticon anticon-user"></i></span>
-  <sup class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only" style="transform: translateY(-1100%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="current">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
+  <sup class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="current">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
   </span>
   </span> <span class="ant-badge"><span class="ant-avatar ant-avatar-icon ant-avatar-square"><i class="anticon anticon-user"></i></span>
   <sup class="ant-scroll-number ant-badge-dot ant-badge-zoom-enter"></sup>

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

@@ -1,16 +1,16 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders ./components/badge/demo/basic.md correctly 1`] = `
-<div><span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only" style="transform: translateY(-1500%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="current">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
+<div><span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="current">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
   </span>
-  <span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only" style="transform: translateY(-1000%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="current">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
+  <span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="current">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
   </span>
 </div>
 `;
 
 exports[`renders ./components/badge/demo/change.md correctly 1`] = `
 <div>
-  <div><span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only" style="transform: translateY(-1500%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="current">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
+  <div><span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="current">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
     </span>
     <div class="ant-btn-group">
       <button type="button" class="ant-btn ant-btn-default">
@@ -30,15 +30,15 @@ exports[`renders ./components/badge/demo/dot.md correctly 1`] = `<div id="compon
 
 exports[`renders ./components/badge/demo/link.md correctly 1`] = `
 <a href="#"><span class="ant-badge"><span class="head-example"></span>
-  <sup class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only" style="transform: translateY(-1500%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="current">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
+  <sup class="ant-scroll-number ant-badge-count ant-badge-zoom-enter"><span class="ant-scroll-number-only"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="current">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
   </span>
 </a>
 `;
 
 exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
-<div><span class="ant-badge ant-badge-not-a-wrapper"><sup class="ant-scroll-number ant-badge-count ant-badge-multiple-words -enter"><span class="ant-scroll-number-only" style="transform: translateY(-1200%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="current">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span>
+<div><span class="ant-badge ant-badge-not-a-wrapper"><sup class="ant-scroll-number ant-badge-count ant-badge-multiple-words -enter"><span class="ant-scroll-number-only"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="current">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span>
   <span
-    class="ant-scroll-number-only" style="transform: translateY(-1500%);">
+    class="ant-scroll-number-only">
     <p class="">0</p>
     <p class="">1</p>
     <p class="">2</p>
@@ -71,15 +71,15 @@ exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
     <p class="">9</p>
     </span>
     </sup>
-    </span> <span class="ant-badge ant-badge-not-a-wrapper"><sup class="ant-scroll-number ant-badge-count -enter" style="background-color: rgb(255, 255, 255); color: rgb(153, 153, 153); box-shadow: 0 0 0 1px #d9d9d9 inset;"><span class="ant-scroll-number-only" style="transform: translateY(-1400%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="current">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
+    </span> <span class="ant-badge ant-badge-not-a-wrapper"><sup class="ant-scroll-number ant-badge-count -enter" style="background-color: rgb(255, 255, 255); color: rgb(153, 153, 153); box-shadow: 0 0 0 1px #d9d9d9 inset;"><span class="ant-scroll-number-only"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="current">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span></sup>
     </span>
     <span class="ant-badge ant-badge-not-a-wrapper"><sup class="ant-scroll-number ant-badge-count ant-badge-multiple-words -enter" style="background-color: rgb(82, 196, 26);">99+</sup></span></div>
 `;
 
 exports[`renders ./components/badge/demo/overflow.md correctly 1`] = `
-<div><span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count ant-badge-multiple-words ant-badge-zoom-enter"><span class="ant-scroll-number-only" style="transform: translateY(-1900%);"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="current">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span>
+<div><span class="ant-badge"><a href="#" class="head-example"></a><sup class="ant-scroll-number ant-badge-count ant-badge-multiple-words ant-badge-zoom-enter"><span class="ant-scroll-number-only"><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="current">9</p><p class="">0</p><p class="">1</p><p class="">2</p><p class="">3</p><p class="">4</p><p class="">5</p><p class="">6</p><p class="">7</p><p class="">8</p><p class="">9</p></span>
   <span
-    class="ant-scroll-number-only" style="transform: translateY(-1900%);">
+    class="ant-scroll-number-only">
     <p class="">0</p>
     <p class="">1</p>
     <p class="">2</p>

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

@@ -211,7 +211,7 @@ exports[`renders ./components/card/demo/tabsCard.md correctly 1`] = `
               class="ant-tabs-nav-wrap">
               <div class="ant-tabs-nav-scroll">
                 <div class="ant-tabs-nav ant-tabs-nav-animated">
-                  <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
+                  <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
                   <div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">tab1</div>
                   <div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">tab2</div>
                 </div>
@@ -242,7 +242,7 @@ exports[`renders ./components/card/demo/tabsCard.md correctly 1`] = `
             class="ant-tabs-nav-wrap">
             <div class="ant-tabs-nav-scroll">
               <div class="ant-tabs-nav ant-tabs-nav-animated">
-                <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
+                <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
                 <div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">article</div>
                 <div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">app</div>
                 <div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">project</div>

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

@@ -10,7 +10,7 @@ exports[`renders ./components/tabs/demo/basic.md correctly 1`] = `
           class="ant-tabs-nav-wrap">
           <div class="ant-tabs-nav-scroll">
             <div class="ant-tabs-nav ant-tabs-nav-animated">
-              <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
+              <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
               <div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 1</div>
               <div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 2</div>
               <div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>
@@ -37,7 +37,7 @@ exports[`renders ./components/tabs/demo/card.md correctly 1`] = `
         class="ant-tabs-nav-wrap">
         <div class="ant-tabs-nav-scroll">
           <div class="ant-tabs-nav ant-tabs-nav-animated">
-            <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
+            <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
             <div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 1</div>
             <div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 2</div>
             <div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>
@@ -64,7 +64,7 @@ exports[`renders ./components/tabs/demo/card-top.md correctly 1`] = `
           class="ant-tabs-nav-wrap">
           <div class="ant-tabs-nav-scroll">
             <div class="ant-tabs-nav ant-tabs-nav-animated">
-              <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
+              <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
               <div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab Title 1</div>
               <div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab Title 2</div>
               <div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab Title 3</div>
@@ -99,7 +99,7 @@ exports[`renders ./components/tabs/demo/custom-add-trigger.md correctly 1`] = `
           class="ant-tabs-nav-wrap">
           <div class="ant-tabs-nav-scroll">
             <div class="ant-tabs-nav ant-tabs-nav-animated">
-              <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
+              <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
               <div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">
                 <div>Tab 1
                   <i class="anticon anticon-close"></i>
@@ -134,7 +134,7 @@ exports[`renders ./components/tabs/demo/disabled.md correctly 1`] = `
         class="ant-tabs-nav-wrap">
         <div class="ant-tabs-nav-scroll">
           <div class="ant-tabs-nav ant-tabs-nav-animated">
-            <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
+            <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
             <div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 1</div>
             <div role="tab" aria-disabled="true" aria-selected="false" class=" ant-tabs-tab ant-tabs-tab-disabled">Tab 2</div>
             <div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>
@@ -160,7 +160,7 @@ exports[`renders ./components/tabs/demo/editable-card.md correctly 1`] = `
         class="ant-tabs-nav-wrap">
         <div class="ant-tabs-nav-scroll">
           <div class="ant-tabs-nav ant-tabs-nav-animated">
-            <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
+            <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
             <div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">
               <div class="ant-tabs-tab-unclosable">Tab 1</div>
             </div>
@@ -194,7 +194,7 @@ exports[`renders ./components/tabs/demo/extra.md correctly 1`] = `
         class="ant-tabs-nav-wrap">
         <div class="ant-tabs-nav-scroll">
           <div class="ant-tabs-nav ant-tabs-nav-animated">
-            <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
+            <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
             <div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 1</div>
             <div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 2</div>
             <div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>
@@ -220,7 +220,7 @@ exports[`renders ./components/tabs/demo/icon.md correctly 1`] = `
         class="ant-tabs-nav-wrap">
         <div class="ant-tabs-nav-scroll">
           <div class="ant-tabs-nav ant-tabs-nav-animated">
-            <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
+            <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
             <div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab"><span slot="tab"><i class="anticon anticon-apple"></i>
       Tab 1
     </span></div>
@@ -257,7 +257,7 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
           class="ant-tabs-nav-wrap">
           <div class="ant-tabs-nav-scroll">
             <div class="ant-tabs-nav ant-tabs-nav-animated">
-              <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
+              <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
               <div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 1</div>
               <div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 2</div>
               <div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>
@@ -290,7 +290,7 @@ exports[`renders ./components/tabs/demo/size.md correctly 1`] = `
           class="ant-tabs-nav-wrap">
           <div class="ant-tabs-nav-scroll">
             <div class="ant-tabs-nav ant-tabs-nav-animated">
-              <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
+              <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
               <div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 1</div>
               <div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 2</div>
               <div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>
@@ -322,7 +322,7 @@ exports[`renders ./components/tabs/demo/slide.md correctly 1`] = `
           class="ant-tabs-nav-wrap">
           <div class="ant-tabs-nav-scroll">
             <div class="ant-tabs-nav ant-tabs-nav-animated">
-              <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; transform: translate3d(0px,0,0); -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
+              <div class="ant-tabs-ink-bar ant-tabs-ink-bar-animated" style="display: block; -webkit-transform: translate3d(0px,0,0); width: 0px;"></div>
               <div role="tab" aria-disabled="false" aria-selected="true" class="ant-tabs-tab-active ant-tabs-tab">Tab 1</div>
               <div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 2</div>
               <div role="tab" aria-disabled="false" aria-selected="false" class=" ant-tabs-tab">Tab 3</div>

components/upload/__tests__/requests.js

@@ -0,0 +1,11 @@
+export const successRequest = ({ onSuccess, file }) => {
+  setTimeout(() => {
+    onSuccess(null, file)
+  })
+}
+
+export const errorRequest = ({ onError }) => {
+  setTimeout(() => {
+    onError()
+  })
+}

components/upload/__tests__/upload.test.js

@@ -0,0 +1,175 @@
+import { mount } from '@vue/test-utils'
+import Upload from '..'
+import { fileToObject } from '../utils'
+
+describe('Upload', () => {
+  it('should get refs inside Upload in componentDidMount', () => {
+    let ref
+    const APP = {
+      mounted () {
+        ref = this.$refs.input
+      },
+      render () {
+        return (
+          <Upload supportServerRender={false} action=''>
+            <input ref='input' />
+          </Upload>
+        )
+      },
+    }
+    mount(APP)
+    expect(ref).toBeDefined()
+  })
+
+  it('return promise in beforeUpload', (done) => {
+    const data = jest.fn()
+    const props = {
+      propsData: {
+        action: 'http://upload.com',
+        beforeUpload: () => new Promise(resolve =>
+          setTimeout(() => resolve('success'), 100)
+        ),
+        data,
+      },
+      listeners: {
+        change: ({ file }) => {
+          if (file.status !== 'uploading') {
+            expect(data).toBeCalled()
+            done()
+          }
+        },
+      },
+      slots: {
+        default: '<button>upload</button>',
+      },
+      sync: false,
+    }
+    const wrapper = mount(Upload, props)
+    setTimeout(() => {
+      const mockFile = new File(['foo'], 'foo.png', {
+        type: 'image/png',
+      })
+      wrapper.find({ name: 'ajaxUploader' }).vm.onChange({
+        target: {
+          files: [mockFile],
+        },
+      })
+    }, 0)
+  })
+
+  it('should not stop upload when return value of beforeUpload is false', (done) => {
+    const data = jest.fn()
+    const props = {
+      propsData: {
+        action: 'http://upload.com',
+        beforeUpload: () => false,
+        data,
+      },
+      listeners: {
+        change: ({ file }) => {
+          expect(file instanceof File).toBe(true)
+          expect(data).not.toBeCalled()
+          done()
+        },
+      },
+      slots: {
+        default: '<button>upload</button>',
+      },
+      sync: false,
+    }
+    const wrapper = mount(Upload, props)
+    setTimeout(() => {
+      const mockFile = new File(['foo'], 'foo.png', {
+        type: 'image/png',
+      })
+      wrapper.find({ name: 'ajaxUploader' }).vm.onChange({
+        target: {
+          files: [mockFile],
+        },
+      })
+    }, 0)
+  })
+
+  it('should increase percent automaticly when call autoUpdateProgress in IE', (done) => {
+    let uploadInstance
+    let lastPercent = -1
+    const props = {
+      propsData: {
+        action: 'http://jsonplaceholder.typicode.com/posts/',
+      },
+      listeners: {
+        change: ({ file }) => {
+          if (file.percent === 0 && file.status === 'uploading') {
+            // manually call it
+            uploadInstance.autoUpdateProgress(0, file)
+          }
+          if (file.status === 'uploading') {
+            expect(file.percent).toBeGreaterThan(lastPercent)
+            lastPercent = file.percent
+          }
+          if (file.status === 'done' || file.status === 'error') {
+            done()
+          }
+        },
+      },
+      slots: {
+        default: '<button>upload</button>',
+      },
+      sync: false,
+    }
+    const wrapper = mount(Upload, props)
+    setTimeout(() => {
+      const mockFile = new File(['foo'], 'foo.png', {
+        type: 'image/png',
+      })
+      wrapper.find({ name: 'ajaxUploader' }).vm.onChange({
+        target: {
+          files: [mockFile],
+        },
+      })
+      uploadInstance = wrapper.vm
+    }, 0)
+  })
+  it('should not stop upload when return value of beforeUpload is not false', (done) => {
+    const data = jest.fn()
+    const props = {
+      propsData: {
+        action: 'http://upload.com',
+        beforeUpload () {},
+        data,
+      },
+      listeners: {
+        change: () => {
+          expect(data).toBeCalled()
+          done()
+        },
+      },
+      slots: {
+        default: '<button>upload</button>',
+      },
+      sync: false,
+    }
+
+    const wrapper = mount(Upload, props)
+    setTimeout(() => {
+      const mockFile = new File(['foo'], 'foo.png', {
+        type: 'image/png',
+      })
+      wrapper.find({ name: 'ajaxUploader' }).vm.onChange({
+        target: {
+          files: [mockFile],
+        },
+      })
+    }, 0)
+  })
+
+  describe('util', () => {
+    it('should be able to copy file instance', () => {
+      const file = new File([], 'aaa.zip')
+      const copiedFile = fileToObject(file);
+      ['uid', 'lastModified', 'lastModifiedDate', 'name', 'size', 'type'].forEach((key) => {
+        expect(key in copiedFile).toBe(true)
+      })
+    })
+  })
+})

components/upload/utils.jsx

@@ -38,7 +38,7 @@ export function genPercentAdd () {
     if (k < 0.001) {
       k = 0.001
     }
-    return start * 100
+    return start
   }
 }
 

components/vc-input-number/src/index.js

@@ -47,6 +47,7 @@ const inputNumberProps = {
   // onKeyUp: PropTypes.func,
   prefixCls: PropTypes.string,
   tabIndex: PropTypes.string,
+  placeholder: PropTypes.string,
   disabled: PropTypes.bool,
   // onFocus: PropTypes.func,
   // onBlur: PropTypes.func,

components/vc-upload/src/AjaxUploader.jsx

@@ -29,6 +29,7 @@ const upLoadPropTypes = {
 }
 
 const AjaxUploader = {
+  name: 'ajaxUploader',
   mixins: [BaseMixin],
   props: upLoadPropTypes,
   data () {

site/routes.js

@@ -4,7 +4,7 @@ import Iframe from './components/iframe.vue'
 const AsyncTestComp = () => {
   const d = window.location.hash.replace('#', '')
   return {
-    component: import(`../components/upload/demo/${d}`),
+    component: import(`../components/input-number/demo/${d}`),
   }
 }