diff --git a/packages/area/test/__snapshots__/index.spec.js.snap b/packages/area/test/__snapshots__/index.spec.js.snap
index d9e4f8a84..1ee4acd64 100644
--- a/packages/area/test/__snapshots__/index.spec.js.snap
+++ b/packages/area/test/__snapshots__/index.spec.js.snap
@@ -8,19 +8,19 @@ exports[`change option 1`] = `
   </div>
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 88px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 88px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
       </ul>
     </div>
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 88px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 88px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
       </ul>
     </div>
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 88px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 88px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">东城区</li>
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">西城区</li>
       </ul>
@@ -38,19 +38,19 @@ exports[`change option 2`] = `
   </div>
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 44px, 0); line-height: 44px;">
+      <ul style="transition: 200ms; transform: translate3d(0, 44px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">北京市</li>
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">天津市</li>
       </ul>
     </div>
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 88px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 88px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">天津市</li>
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
       </ul>
     </div>
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 88px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 88px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">和平区</li>
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">河东区</li>
       </ul>
@@ -68,19 +68,19 @@ exports[`change option 3`] = `
   </div>
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 44px, 0); line-height: 44px;">
+      <ul style="transition: 200ms; transform: translate3d(0, 44px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">北京市</li>
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">天津市</li>
       </ul>
     </div>
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 88px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 88px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">天津市</li>
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
       </ul>
     </div>
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 44px, 0); line-height: 44px;">
+      <ul style="transition: 200ms; transform: translate3d(0, 44px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">和平区</li>
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">河东区</li>
       </ul>
@@ -98,19 +98,19 @@ exports[`reset method 1`] = `
   </div>
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 44px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 44px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">北京市</li>
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">天津市</li>
       </ul>
     </div>
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 44px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 44px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">县</li>
       </ul>
     </div>
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 88px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 88px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">蓟县</li>
       </ul>
     </div>
@@ -127,19 +127,19 @@ exports[`reset method 2`] = `
   </div>
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 88px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 88px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
       </ul>
     </div>
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 88px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 88px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
       </ul>
     </div>
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 88px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 88px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">东城区</li>
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">西城区</li>
       </ul>
@@ -157,19 +157,19 @@ exports[`watch areaList & code 1`] = `
   </div>
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 88px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 88px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
       </ul>
     </div>
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 88px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 88px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
       </ul>
     </div>
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 88px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 88px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">东城区</li>
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">西城区</li>
       </ul>
@@ -187,19 +187,19 @@ exports[`watch areaList & code 2`] = `
   </div>
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 88px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 88px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
       </ul>
     </div>
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 88px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 88px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
       </ul>
     </div>
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 88px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 88px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">东城区</li>
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">西城区</li>
       </ul>
@@ -217,19 +217,19 @@ exports[`watch areaList & code 3`] = `
   </div>
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 88px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 88px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
       </ul>
     </div>
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 88px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 88px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
       </ul>
     </div>
     <div class="van-picker-column" style="height: 220px;">
-      <ul style="transform: translate3d(0, 88px, 0); line-height: 44px;">
+      <ul style="transition: 0ms; transform: translate3d(0, 88px, 0); line-height: 44px;">
         <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">东城区</li>
         <li class="van-ellipsis van-picker-column__item" style="height: 44px;">西城区</li>
       </ul>
diff --git a/packages/image-preview/test/__snapshots__/index.spec.js.snap b/packages/image-preview/test/__snapshots__/index.spec.js.snap
index 2abe453a6..2d601ce83 100644
--- a/packages/image-preview/test/__snapshots__/index.spec.js.snap
+++ b/packages/image-preview/test/__snapshots__/index.spec.js.snap
@@ -4,8 +4,8 @@ exports[`render image 1`] = `
 <div class="van-image-preview" name="van-fade">
   <div class="van-image-preview__index">1/3</div>
   <div class="van-swipe">
-    <div class="van-swipe__track" style="width: 0px; transform: translateX(0px);">
-      <div class="van-swipe-item" style="width: 0px; height: 100%; transform: translateX(0px);"><img src="https://img.yzcdn.cn/1.png" class="van-image-preview__image"></div>
+    <div class="van-swipe__track" style="width: 0px; transition-duration: 500ms; transform: translateX(0px);">
+      <div class="van-swipe-item" style="width: 0px; height: 100%; transform: translateX(0px);"><img src="https://img.yzcdn.cn/1.png" class="van-image-preview__image" style="transition: .3s all;"></div>
       <div class="van-swipe-item" style="width: 0px; height: 100%; transform: translateX(0px);"><img src="https://img.yzcdn.cn/2.png" class="van-image-preview__image"></div>
       <div class="van-swipe-item" style="width: 0px; height: 100%; transform: translateX(0px);"><img src="https://img.yzcdn.cn/3.png" class="van-image-preview__image"></div>
     </div>
@@ -17,7 +17,7 @@ exports[`zoom 1`] = `
 <div class="van-image-preview" name="van-fade">
   <div class="van-image-preview__index">1/3</div>
   <div class="van-swipe">
-    <div class="van-swipe__track" style="width: 0px; transform: translateX(0px);">
+    <div class="van-swipe__track" style="transition-duration: 500ms; width: 0px; transform: translateX(0px);">
       <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);"><img src="https://img.yzcdn.cn/1.png" class="van-image-preview__image" style="transform: scale3d(2, 2, 1) translate(0px, NaNpx);"></div>
       <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);"><img src="https://img.yzcdn.cn/2.png" class="van-image-preview__image"></div>
       <div class="van-swipe-item" style="width: 100px; height: 100%; transform: translateX(0px);"><img src="https://img.yzcdn.cn/3.png" class="van-image-preview__image"></div>
diff --git a/packages/picker/test/__snapshots__/index.spec.js.snap b/packages/picker/test/__snapshots__/index.spec.js.snap
index c135cc82b..6fabc1d58 100644
--- a/packages/picker/test/__snapshots__/index.spec.js.snap
+++ b/packages/picker/test/__snapshots__/index.spec.js.snap
@@ -2,7 +2,7 @@
 
 exports[`column watch default index 1`] = `
 <div class="van-picker-column" style="height: 0px;">
-  <ul style="transform: translate3d(0, -75px, 0); line-height: 50px;">
+  <ul style="transition: 0ms; transform: translate3d(0, -75px, 0); line-height: 50px;">
     <li class="van-ellipsis van-picker-column__item van-picker-column__item--disabled" style="height: 50px;">1</li>
     <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 50px;">1990</li>
     <li class="van-ellipsis van-picker-column__item" style="height: 50px;">1991</li>
@@ -16,7 +16,7 @@ exports[`column watch default index 1`] = `
 
 exports[`column watch default index 2`] = `
 <div class="van-picker-column" style="height: 0px;">
-  <ul style="transform: translate3d(0, -125px, 0); line-height: 50px;">
+  <ul style="transition: 0ms; transform: translate3d(0, -125px, 0); line-height: 50px;">
     <li class="van-ellipsis van-picker-column__item van-picker-column__item--disabled" style="height: 50px;">1</li>
     <li class="van-ellipsis van-picker-column__item" style="height: 50px;">1990</li>
     <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 50px;">1991</li>
diff --git a/packages/pull-refresh/test/__snapshots__/index.spec.js.snap b/packages/pull-refresh/test/__snapshots__/index.spec.js.snap
index 910fd8839..c48b8026c 100644
--- a/packages/pull-refresh/test/__snapshots__/index.spec.js.snap
+++ b/packages/pull-refresh/test/__snapshots__/index.spec.js.snap
@@ -2,7 +2,7 @@
 
 exports[`change head content when pulling down 1`] = `
 <div class="van-pull-refresh">
-  <div class="van-pull-refresh__track" style="transform: translate3d(0,20px, 0);">
+  <div class="van-pull-refresh__track" style="transition: 0ms; transform: translate3d(0,20px, 0);">
     <div class="van-pull-refresh__head">
       <div class="van-pull-refresh__text">下拉即可刷新...</div>
     </div>
@@ -12,7 +12,7 @@ exports[`change head content when pulling down 1`] = `
 
 exports[`change head content when pulling down 2`] = `
 <div class="van-pull-refresh">
-  <div class="van-pull-refresh__track" style="transform: translate3d(0,75px, 0);">
+  <div class="van-pull-refresh__track" style="transition: 0ms; transform: translate3d(0,75px, 0);">
     <div class="van-pull-refresh__head">
       <div class="van-pull-refresh__text">释放即可刷新...</div>
     </div>
@@ -22,7 +22,7 @@ exports[`change head content when pulling down 2`] = `
 
 exports[`change head content when pulling down 3`] = `
 <div class="van-pull-refresh">
-  <div class="van-pull-refresh__track" style="transform: translate3d(0,50px, 0);">
+  <div class="van-pull-refresh__track" style="transition: 300ms; transform: translate3d(0,50px, 0);">
     <div class="van-pull-refresh__head">
       <div class="van-pull-refresh__loading">
         <div class="van-loading van-loading--circular van-loading" style="color: rgb(201, 201, 201);"><span class="van-loading__spinner van-loading__spinner--circular"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div><span>加载中...</span>
@@ -34,7 +34,7 @@ exports[`change head content when pulling down 3`] = `
 
 exports[`change head content when pulling down 4`] = `
 <div class="van-pull-refresh">
-  <div class="van-pull-refresh__track" style="transform: translate3d(0,50px, 0);">
+  <div class="van-pull-refresh__track" style="transition: 300ms; transform: translate3d(0,50px, 0);">
     <div class="van-pull-refresh__head">
       <div class="van-pull-refresh__loading">
         <div class="van-loading van-loading--circular van-loading" style="color: rgb(201, 201, 201);"><span class="van-loading__spinner van-loading__spinner--circular"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div><span>加载中...</span>
@@ -46,7 +46,7 @@ exports[`change head content when pulling down 4`] = `
 
 exports[`change head content when pulling down 5`] = `
 <div class="van-pull-refresh">
-  <div class="van-pull-refresh__track" style="transform: translate3d(0,0px, 0);">
+  <div class="van-pull-refresh__track" style="transition: 300ms; transform: translate3d(0,0px, 0);">
     <div class="van-pull-refresh__head"></div>
   </div>
 </div>
@@ -54,7 +54,7 @@ exports[`change head content when pulling down 5`] = `
 
 exports[`not in page top 1`] = `
 <div class="van-pull-refresh">
-  <div class="van-pull-refresh__track" style="transform: translate3d(0,0px, 0);">
+  <div class="van-pull-refresh__track" style="transition: 0ms; transform: translate3d(0,0px, 0);">
     <div class="van-pull-refresh__head"></div>
   </div>
 </div>
diff --git a/packages/swipe-cell/test/__snapshots__/index.spec.js.snap b/packages/swipe-cell/test/__snapshots__/index.spec.js.snap
index d5ca12cbd..4be00382a 100644
--- a/packages/swipe-cell/test/__snapshots__/index.spec.js.snap
+++ b/packages/swipe-cell/test/__snapshots__/index.spec.js.snap
@@ -2,7 +2,7 @@
 
 exports[`drag and show left part 1`] = `
 <div class="van-swipe-cell">
-  <div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0, 0);">
+  <div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0, 0); transition: .6s cubic-bezier(0.18, 0.89, 0.32, 1);">
     <div class="van-swipe-cell__left"></div>
     <div class="van-swipe-cell__right"></div>
   </div>
@@ -11,7 +11,7 @@ exports[`drag and show left part 1`] = `
 
 exports[`drag and show left part 2`] = `
 <div class="van-swipe-cell">
-  <div class="van-swipe-cell__wrapper" style="transform: translate3d(100px, 0, 0);">
+  <div class="van-swipe-cell__wrapper" style="transform: translate3d(100px, 0, 0); transition: .6s cubic-bezier(0.18, 0.89, 0.32, 1);">
     <div class="van-swipe-cell__left"></div>
     <div class="van-swipe-cell__right"></div>
   </div>
@@ -20,7 +20,7 @@ exports[`drag and show left part 2`] = `
 
 exports[`drag and show left part 3`] = `
 <div class="van-swipe-cell">
-  <div class="van-swipe-cell__wrapper" style="transform: translate3d(100px, 0, 0);">
+  <div class="van-swipe-cell__wrapper" style="transform: translate3d(100px, 0, 0); transition: .6s cubic-bezier(0.18, 0.89, 0.32, 1);">
     <div class="van-swipe-cell__left"></div>
     <div class="van-swipe-cell__right"></div>
   </div>
@@ -29,7 +29,7 @@ exports[`drag and show left part 3`] = `
 
 exports[`drag and show left part 4`] = `
 <div class="van-swipe-cell">
-  <div class="van-swipe-cell__wrapper" style="transform: translate3d(100px, 0, 0);">
+  <div class="van-swipe-cell__wrapper" style="transform: translate3d(100px, 0, 0); transition: .6s cubic-bezier(0.18, 0.89, 0.32, 1);">
     <div class="van-swipe-cell__left"></div>
     <div class="van-swipe-cell__right"></div>
   </div>
@@ -38,7 +38,7 @@ exports[`drag and show left part 4`] = `
 
 exports[`drag and show left part 5`] = `
 <div class="van-swipe-cell">
-  <div class="van-swipe-cell__wrapper" style="transform: translate3d(-100px, 0, 0);">
+  <div class="van-swipe-cell__wrapper" style="transform: translate3d(-100px, 0, 0); transition: .6s cubic-bezier(0.18, 0.89, 0.32, 1);">
     <div class="van-swipe-cell__left"></div>
     <div class="van-swipe-cell__right"></div>
   </div>
@@ -47,6 +47,6 @@ exports[`drag and show left part 5`] = `
 
 exports[`width equals zero 1`] = `
 <div class="van-swipe-cell">
-  <div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0, 0);"></div>
+  <div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0, 0); transition: .6s cubic-bezier(0.18, 0.89, 0.32, 1);"></div>
 </div>
 `;
diff --git a/packages/tab/test/__snapshots__/index.spec.js.snap b/packages/tab/test/__snapshots__/index.spec.js.snap
index 21b6ff2c5..e4f222d63 100644
--- a/packages/tab/test/__snapshots__/index.spec.js.snap
+++ b/packages/tab/test/__snapshots__/index.spec.js.snap
@@ -74,7 +74,7 @@ exports[`click to switch tab 2`] = `
 <div class="van-tabs van-tabs--line">
   <div class="van-tabs__wrap van-hairline--top-bottom">
     <div class="van-tabs__nav van-tabs__nav--line" style="border-color: #f44;">
-      <div class="van-tabs__line" style="background-color: rgb(255, 68, 68); width: 2px; transform: translateX(-1px);"></div>
+      <div class="van-tabs__line" style="background-color: rgb(255, 68, 68); width: 2px; transform: translateX(-1px); transition-duration: 0.3s;"></div>
       <div class="van-tab"><span class="van-ellipsis">title1</span></div>
       <div class="van-tab van-tab--active">
         <div><span>title2</span></div>
diff --git a/packages/utils/use/sfc.ts b/packages/utils/use/sfc.ts
index 37b708bbc..9edd33a39 100644
--- a/packages/utils/use/sfc.ts
+++ b/packages/utils/use/sfc.ts
@@ -5,12 +5,12 @@ import '../../locale';
 import { camelize } from '..';
 import { SlotsMixin } from '../../mixins/slots';
 import Vue, {
+  VNode,
   VueConstructor,
   ComponentOptions,
   CreateElement,
   RenderContext
-} from 'vue/types';
-import { VNode } from 'vue/types/vnode';
+} from 'vue';
 import { InjectOptions, PropsDefinition } from 'vue/types/options';
 
 export type ScopedSlot<Props = any> = (props?: Props) => VNode[] | VNode | undefined;