From 9b2a598979d165d16d90799e952ffd88d6c8bc6b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= <chenjiahan@youzan.com>
Date: Wed, 22 May 2019 17:42:56 +0800
Subject: [PATCH] fix picker snapshot

---
 .../area/test/__snapshots__/demo.spec.js.snap | 322 +++++-----
 .../test/__snapshots__/demo.spec.js.snap      | 606 +++++++++---------
 .../test/__snapshots__/demo.spec.js.snap      |  96 +--
 3 files changed, 512 insertions(+), 512 deletions(-)

diff --git a/packages/area/test/__snapshots__/demo.spec.js.snap b/packages/area/test/__snapshots__/demo.spec.js.snap
index 2b7e32edb..f0aec1b7f 100644
--- a/packages/area/test/__snapshots__/demo.spec.js.snap
+++ b/packages/area/test/__snapshots__/demo.spec.js.snap
@@ -10,68 +10,68 @@ exports[`renders demo correctly 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); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item" style="height: 44px;">河北省</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">山西省</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">内蒙古自治区</li>
-            <li data-index="5" class="van-ellipsis van-picker-column__item" style="height: 44px;">辽宁省</li>
-            <li data-index="6" class="van-ellipsis van-picker-column__item" style="height: 44px;">吉林省</li>
-            <li data-index="7" class="van-ellipsis van-picker-column__item" style="height: 44px;">黑龙江省</li>
-            <li data-index="8" class="van-ellipsis van-picker-column__item" style="height: 44px;">上海市</li>
-            <li data-index="9" class="van-ellipsis van-picker-column__item" style="height: 44px;">江苏省</li>
-            <li data-index="10" class="van-ellipsis van-picker-column__item" style="height: 44px;">浙江省</li>
-            <li data-index="11" class="van-ellipsis van-picker-column__item" style="height: 44px;">安徽省</li>
-            <li data-index="12" class="van-ellipsis van-picker-column__item" style="height: 44px;">福建省</li>
-            <li data-index="13" class="van-ellipsis van-picker-column__item" style="height: 44px;">江西省</li>
-            <li data-index="14" class="van-ellipsis van-picker-column__item" style="height: 44px;">山东省</li>
-            <li data-index="15" class="van-ellipsis van-picker-column__item" style="height: 44px;">河南省</li>
-            <li data-index="16" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖北省</li>
-            <li data-index="17" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖南省</li>
-            <li data-index="18" class="van-ellipsis van-picker-column__item" style="height: 44px;">广东省</li>
-            <li data-index="19" class="van-ellipsis van-picker-column__item" style="height: 44px;">广西壮族自治区</li>
-            <li data-index="20" class="van-ellipsis van-picker-column__item" style="height: 44px;">海南省</li>
-            <li data-index="21" class="van-ellipsis van-picker-column__item" style="height: 44px;">重庆市</li>
-            <li data-index="22" class="van-ellipsis van-picker-column__item" style="height: 44px;">四川省</li>
-            <li data-index="23" class="van-ellipsis van-picker-column__item" style="height: 44px;">贵州省</li>
-            <li data-index="24" class="van-ellipsis van-picker-column__item" style="height: 44px;">云南省</li>
-            <li data-index="25" class="van-ellipsis van-picker-column__item" style="height: 44px;">西藏自治区</li>
-            <li data-index="26" class="van-ellipsis van-picker-column__item" style="height: 44px;">陕西省</li>
-            <li data-index="27" class="van-ellipsis van-picker-column__item" style="height: 44px;">甘肃省</li>
-            <li data-index="28" class="van-ellipsis van-picker-column__item" style="height: 44px;">青海省</li>
-            <li data-index="29" class="van-ellipsis van-picker-column__item" style="height: 44px;">宁夏回族自治区</li>
-            <li data-index="30" class="van-ellipsis van-picker-column__item" style="height: 44px;">新疆维吾尔自治区</li>
-            <li data-index="31" class="van-ellipsis van-picker-column__item" style="height: 44px;">台湾省</li>
-            <li data-index="32" class="van-ellipsis van-picker-column__item" style="height: 44px;">香港特别行政区</li>
-            <li data-index="33" class="van-ellipsis van-picker-column__item" style="height: 44px;">澳门特别行政区</li>
-            <li data-index="34" class="van-ellipsis van-picker-column__item" style="height: 44px;">海外</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">北京市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">河北省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">山西省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">内蒙古自治区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">辽宁省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">吉林省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">黑龙江省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">上海市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">江苏省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">浙江省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">安徽省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">福建省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">江西省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">山东省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">河南省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖北省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖南省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">广东省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">广西壮族自治区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">海南省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">重庆市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">四川省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">贵州省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">云南省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">西藏自治区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">陕西省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">甘肃省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">青海省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">宁夏回族自治区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">新疆维吾尔自治区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">台湾省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">香港特别行政区</li>
+            <li class="van-ellipsis van-picker-column__item" 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); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <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); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">东城区</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">西城区</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item" style="height: 44px;">朝阳区</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">丰台区</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">石景山区</li>
-            <li data-index="5" class="van-ellipsis van-picker-column__item" style="height: 44px;">海淀区</li>
-            <li data-index="6" class="van-ellipsis van-picker-column__item" style="height: 44px;">门头沟区</li>
-            <li data-index="7" class="van-ellipsis van-picker-column__item" style="height: 44px;">房山区</li>
-            <li data-index="8" class="van-ellipsis van-picker-column__item" style="height: 44px;">通州区</li>
-            <li data-index="9" class="van-ellipsis van-picker-column__item" style="height: 44px;">顺义区</li>
-            <li data-index="10" class="van-ellipsis van-picker-column__item" style="height: 44px;">昌平区</li>
-            <li data-index="11" class="van-ellipsis van-picker-column__item" style="height: 44px;">大兴区</li>
-            <li data-index="12" class="van-ellipsis van-picker-column__item" style="height: 44px;">怀柔区</li>
-            <li data-index="13" class="van-ellipsis van-picker-column__item" style="height: 44px;">平谷区</li>
-            <li data-index="14" class="van-ellipsis van-picker-column__item" style="height: 44px;">密云区</li>
-            <li data-index="15" class="van-ellipsis van-picker-column__item" style="height: 44px;">延庆区</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">东城区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">西城区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">朝阳区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">丰台区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">石景山区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">海淀区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">门头沟区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">房山区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">通州区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">顺义区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">昌平区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">大兴区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">怀柔区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">平谷区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">密云区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">延庆区</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -87,73 +87,73 @@ exports[`renders demo correctly 1`] = `
       </div>
       <!---->
       <div class="van-picker__columns" style="height: 220px;">
-        <div class="van-picker-column" style="height: 220px;">
-          <ul style="transform: translate3d(0, -352px, 0); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">北京市</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item" style="height: 44px;">河北省</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">山西省</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">内蒙古自治区</li>
-            <li data-index="5" class="van-ellipsis van-picker-column__item" style="height: 44px;">辽宁省</li>
-            <li data-index="6" class="van-ellipsis van-picker-column__item" style="height: 44px;">吉林省</li>
-            <li data-index="7" class="van-ellipsis van-picker-column__item" style="height: 44px;">黑龙江省</li>
-            <li data-index="8" class="van-ellipsis van-picker-column__item" style="height: 44px;">上海市</li>
-            <li data-index="9" class="van-ellipsis van-picker-column__item" style="height: 44px;">江苏省</li>
-            <li data-index="10" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">浙江省</li>
-            <li data-index="11" class="van-ellipsis van-picker-column__item" style="height: 44px;">安徽省</li>
-            <li data-index="12" class="van-ellipsis van-picker-column__item" style="height: 44px;">福建省</li>
-            <li data-index="13" class="van-ellipsis van-picker-column__item" style="height: 44px;">江西省</li>
-            <li data-index="14" class="van-ellipsis van-picker-column__item" style="height: 44px;">山东省</li>
-            <li data-index="15" class="van-ellipsis van-picker-column__item" style="height: 44px;">河南省</li>
-            <li data-index="16" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖北省</li>
-            <li data-index="17" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖南省</li>
-            <li data-index="18" class="van-ellipsis van-picker-column__item" style="height: 44px;">广东省</li>
-            <li data-index="19" class="van-ellipsis van-picker-column__item" style="height: 44px;">广西壮族自治区</li>
-            <li data-index="20" class="van-ellipsis van-picker-column__item" style="height: 44px;">海南省</li>
-            <li data-index="21" class="van-ellipsis van-picker-column__item" style="height: 44px;">重庆市</li>
-            <li data-index="22" class="van-ellipsis van-picker-column__item" style="height: 44px;">四川省</li>
-            <li data-index="23" class="van-ellipsis van-picker-column__item" style="height: 44px;">贵州省</li>
-            <li data-index="24" class="van-ellipsis van-picker-column__item" style="height: 44px;">云南省</li>
-            <li data-index="25" class="van-ellipsis van-picker-column__item" style="height: 44px;">西藏自治区</li>
-            <li data-index="26" class="van-ellipsis van-picker-column__item" style="height: 44px;">陕西省</li>
-            <li data-index="27" class="van-ellipsis van-picker-column__item" style="height: 44px;">甘肃省</li>
-            <li data-index="28" class="van-ellipsis van-picker-column__item" style="height: 44px;">青海省</li>
-            <li data-index="29" class="van-ellipsis van-picker-column__item" style="height: 44px;">宁夏回族自治区</li>
-            <li data-index="30" class="van-ellipsis van-picker-column__item" style="height: 44px;">新疆维吾尔自治区</li>
-            <li data-index="31" class="van-ellipsis van-picker-column__item" style="height: 44px;">台湾省</li>
-            <li data-index="32" class="van-ellipsis van-picker-column__item" style="height: 44px;">香港特别行政区</li>
-            <li data-index="33" class="van-ellipsis van-picker-column__item" style="height: 44px;">澳门特别行政区</li>
-            <li data-index="34" class="van-ellipsis van-picker-column__item" style="height: 44px;">海外</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, -352px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">北京市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">河北省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">山西省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">内蒙古自治区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">辽宁省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">吉林省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">黑龙江省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">上海市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">江苏省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">浙江省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">安徽省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">福建省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">江西省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">山东省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">河南省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖北省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖南省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">广东省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">广西壮族自治区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">海南省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">重庆市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">四川省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">贵州省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">云南省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">西藏自治区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">陕西省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">甘肃省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">青海省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">宁夏回族自治区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">新疆维吾尔自治区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">台湾省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">香港特别行政区</li>
+            <li class="van-ellipsis van-picker-column__item" 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, 0px, 0); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">杭州市</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波市</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">温州市</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴市</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州市</li>
-            <li data-index="5" class="van-ellipsis van-picker-column__item" style="height: 44px;">绍兴市</li>
-            <li data-index="6" class="van-ellipsis van-picker-column__item" style="height: 44px;">金华市</li>
-            <li data-index="7" class="van-ellipsis van-picker-column__item" style="height: 44px;">衢州市</li>
-            <li data-index="8" class="van-ellipsis van-picker-column__item" style="height: 44px;">舟山市</li>
-            <li data-index="9" class="van-ellipsis van-picker-column__item" style="height: 44px;">台州市</li>
-            <li data-index="10" class="van-ellipsis van-picker-column__item" style="height: 44px;">丽水市</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 0px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">杭州市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">温州市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">绍兴市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">金华市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">衢州市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">舟山市</li>
+            <li class="van-ellipsis van-picker-column__item" 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); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">鹿城区</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">龙湾区</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item" style="height: 44px;">瓯海区</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">洞头区</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">永嘉县</li>
-            <li data-index="5" class="van-ellipsis van-picker-column__item" style="height: 44px;">平阳县</li>
-            <li data-index="6" class="van-ellipsis van-picker-column__item" style="height: 44px;">苍南县</li>
-            <li data-index="7" class="van-ellipsis van-picker-column__item" style="height: 44px;">文成县</li>
-            <li data-index="8" class="van-ellipsis van-picker-column__item" style="height: 44px;">泰顺县</li>
-            <li data-index="9" class="van-ellipsis van-picker-column__item" style="height: 44px;">瑞安市</li>
-            <li data-index="10" class="van-ellipsis van-picker-column__item" style="height: 44px;">乐清市</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">鹿城区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">龙湾区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">瓯海区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">洞头区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">永嘉县</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">平阳县</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">苍南县</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">文成县</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">泰顺县</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">瑞安市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">乐清市</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -170,48 +170,48 @@ exports[`renders demo correctly 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); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item" style="height: 44px;">河北省</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">山西省</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">内蒙古自治区</li>
-            <li data-index="5" class="van-ellipsis van-picker-column__item" style="height: 44px;">辽宁省</li>
-            <li data-index="6" class="van-ellipsis van-picker-column__item" style="height: 44px;">吉林省</li>
-            <li data-index="7" class="van-ellipsis van-picker-column__item" style="height: 44px;">黑龙江省</li>
-            <li data-index="8" class="van-ellipsis van-picker-column__item" style="height: 44px;">上海市</li>
-            <li data-index="9" class="van-ellipsis van-picker-column__item" style="height: 44px;">江苏省</li>
-            <li data-index="10" class="van-ellipsis van-picker-column__item" style="height: 44px;">浙江省</li>
-            <li data-index="11" class="van-ellipsis van-picker-column__item" style="height: 44px;">安徽省</li>
-            <li data-index="12" class="van-ellipsis van-picker-column__item" style="height: 44px;">福建省</li>
-            <li data-index="13" class="van-ellipsis van-picker-column__item" style="height: 44px;">江西省</li>
-            <li data-index="14" class="van-ellipsis van-picker-column__item" style="height: 44px;">山东省</li>
-            <li data-index="15" class="van-ellipsis van-picker-column__item" style="height: 44px;">河南省</li>
-            <li data-index="16" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖北省</li>
-            <li data-index="17" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖南省</li>
-            <li data-index="18" class="van-ellipsis van-picker-column__item" style="height: 44px;">广东省</li>
-            <li data-index="19" class="van-ellipsis van-picker-column__item" style="height: 44px;">广西壮族自治区</li>
-            <li data-index="20" class="van-ellipsis van-picker-column__item" style="height: 44px;">海南省</li>
-            <li data-index="21" class="van-ellipsis van-picker-column__item" style="height: 44px;">重庆市</li>
-            <li data-index="22" class="van-ellipsis van-picker-column__item" style="height: 44px;">四川省</li>
-            <li data-index="23" class="van-ellipsis van-picker-column__item" style="height: 44px;">贵州省</li>
-            <li data-index="24" class="van-ellipsis van-picker-column__item" style="height: 44px;">云南省</li>
-            <li data-index="25" class="van-ellipsis van-picker-column__item" style="height: 44px;">西藏自治区</li>
-            <li data-index="26" class="van-ellipsis van-picker-column__item" style="height: 44px;">陕西省</li>
-            <li data-index="27" class="van-ellipsis van-picker-column__item" style="height: 44px;">甘肃省</li>
-            <li data-index="28" class="van-ellipsis van-picker-column__item" style="height: 44px;">青海省</li>
-            <li data-index="29" class="van-ellipsis van-picker-column__item" style="height: 44px;">宁夏回族自治区</li>
-            <li data-index="30" class="van-ellipsis van-picker-column__item" style="height: 44px;">新疆维吾尔自治区</li>
-            <li data-index="31" class="van-ellipsis van-picker-column__item" style="height: 44px;">台湾省</li>
-            <li data-index="32" class="van-ellipsis van-picker-column__item" style="height: 44px;">香港特别行政区</li>
-            <li data-index="33" class="van-ellipsis van-picker-column__item" style="height: 44px;">澳门特别行政区</li>
-            <li data-index="34" class="van-ellipsis van-picker-column__item" style="height: 44px;">海外</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">北京市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">河北省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">山西省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">内蒙古自治区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">辽宁省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">吉林省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">黑龙江省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">上海市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">江苏省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">浙江省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">安徽省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">福建省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">江西省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">山东省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">河南省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖北省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖南省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">广东省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">广西壮族自治区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">海南省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">重庆市</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">四川省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">贵州省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">云南省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">西藏自治区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">陕西省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">甘肃省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">青海省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">宁夏回族自治区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">新疆维吾尔自治区</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">台湾省</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">香港特别行政区</li>
+            <li class="van-ellipsis van-picker-column__item" 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); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">北京市</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
diff --git a/packages/datetime-picker/test/__snapshots__/demo.spec.js.snap b/packages/datetime-picker/test/__snapshots__/demo.spec.js.snap
index 162ea47d2..1db261c10 100644
--- a/packages/datetime-picker/test/__snapshots__/demo.spec.js.snap
+++ b/packages/datetime-picker/test/__snapshots__/demo.spec.js.snap
@@ -10,153 +10,153 @@ exports[`renders demo correctly 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); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">2018</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">2019</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2018</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2019</li>
           </ul>
         </div>
-        <div class="van-picker-column" style="height: 220px;">
-          <ul style="transform: translate3d(0, 88px, 0); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">01</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
-            <li data-index="5" class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
-            <li data-index="6" class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
-            <li data-index="7" class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
-            <li data-index="8" class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
-            <li data-index="9" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-            <li data-index="10" class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
-            <li data-index="11" class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
           </ul>
         </div>
-        <div class="van-picker-column" style="height: 220px;">
-          <ul style="transform: translate3d(0, 88px, 0); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">01</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
-            <li data-index="5" class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
-            <li data-index="6" class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
-            <li data-index="7" class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
-            <li data-index="8" class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
-            <li data-index="9" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-            <li data-index="10" class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
-            <li data-index="11" class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
-            <li data-index="12" class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
-            <li data-index="13" class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
-            <li data-index="14" class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
-            <li data-index="15" class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
-            <li data-index="16" class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
-            <li data-index="17" class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
-            <li data-index="18" class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
-            <li data-index="19" class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
-            <li data-index="20" class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
-            <li data-index="21" class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
-            <li data-index="22" class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
-            <li data-index="23" class="van-ellipsis van-picker-column__item" style="height: 44px;">24</li>
-            <li data-index="24" class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
-            <li data-index="25" class="van-ellipsis van-picker-column__item" style="height: 44px;">26</li>
-            <li data-index="26" class="van-ellipsis van-picker-column__item" style="height: 44px;">27</li>
-            <li data-index="27" class="van-ellipsis van-picker-column__item" style="height: 44px;">28</li>
-            <li data-index="28" class="van-ellipsis van-picker-column__item" style="height: 44px;">29</li>
-            <li data-index="29" class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
-            <li data-index="30" class="van-ellipsis van-picker-column__item" style="height: 44px;">31</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">24</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">26</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">27</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">28</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">29</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">31</li>
           </ul>
         </div>
-        <div class="van-picker-column" style="height: 220px;">
-          <ul style="transform: translate3d(0, 88px, 0); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
-            <li data-index="5" class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
-            <li data-index="6" class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
-            <li data-index="7" class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
-            <li data-index="8" class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
-            <li data-index="9" class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
-            <li data-index="10" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-            <li data-index="11" class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
-            <li data-index="12" class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
-            <li data-index="13" class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
-            <li data-index="14" class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
-            <li data-index="15" class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
-            <li data-index="16" class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
-            <li data-index="17" class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
-            <li data-index="18" class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
-            <li data-index="19" class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
-            <li data-index="20" class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
-            <li data-index="21" class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
-            <li data-index="22" class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
-            <li data-index="23" class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">00</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
           </ul>
         </div>
-        <div class="van-picker-column" style="height: 220px;">
-          <ul style="transform: translate3d(0, 88px, 0); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
-            <li data-index="5" class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
-            <li data-index="6" class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
-            <li data-index="7" class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
-            <li data-index="8" class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
-            <li data-index="9" class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
-            <li data-index="10" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-            <li data-index="11" class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
-            <li data-index="12" class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
-            <li data-index="13" class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
-            <li data-index="14" class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
-            <li data-index="15" class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
-            <li data-index="16" class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
-            <li data-index="17" class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
-            <li data-index="18" class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
-            <li data-index="19" class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
-            <li data-index="20" class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
-            <li data-index="21" class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
-            <li data-index="22" class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
-            <li data-index="23" class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
-            <li data-index="24" class="van-ellipsis van-picker-column__item" style="height: 44px;">24</li>
-            <li data-index="25" class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
-            <li data-index="26" class="van-ellipsis van-picker-column__item" style="height: 44px;">26</li>
-            <li data-index="27" class="van-ellipsis van-picker-column__item" style="height: 44px;">27</li>
-            <li data-index="28" class="van-ellipsis van-picker-column__item" style="height: 44px;">28</li>
-            <li data-index="29" class="van-ellipsis van-picker-column__item" style="height: 44px;">29</li>
-            <li data-index="30" class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
-            <li data-index="31" class="van-ellipsis van-picker-column__item" style="height: 44px;">31</li>
-            <li data-index="32" class="van-ellipsis van-picker-column__item" style="height: 44px;">32</li>
-            <li data-index="33" class="van-ellipsis van-picker-column__item" style="height: 44px;">33</li>
-            <li data-index="34" class="van-ellipsis van-picker-column__item" style="height: 44px;">34</li>
-            <li data-index="35" class="van-ellipsis van-picker-column__item" style="height: 44px;">35</li>
-            <li data-index="36" class="van-ellipsis van-picker-column__item" style="height: 44px;">36</li>
-            <li data-index="37" class="van-ellipsis van-picker-column__item" style="height: 44px;">37</li>
-            <li data-index="38" class="van-ellipsis van-picker-column__item" style="height: 44px;">38</li>
-            <li data-index="39" class="van-ellipsis van-picker-column__item" style="height: 44px;">39</li>
-            <li data-index="40" class="van-ellipsis van-picker-column__item" style="height: 44px;">40</li>
-            <li data-index="41" class="van-ellipsis van-picker-column__item" style="height: 44px;">41</li>
-            <li data-index="42" class="van-ellipsis van-picker-column__item" style="height: 44px;">42</li>
-            <li data-index="43" class="van-ellipsis van-picker-column__item" style="height: 44px;">43</li>
-            <li data-index="44" class="van-ellipsis van-picker-column__item" style="height: 44px;">44</li>
-            <li data-index="45" class="van-ellipsis van-picker-column__item" style="height: 44px;">45</li>
-            <li data-index="46" class="van-ellipsis van-picker-column__item" style="height: 44px;">46</li>
-            <li data-index="47" class="van-ellipsis van-picker-column__item" style="height: 44px;">47</li>
-            <li data-index="48" class="van-ellipsis van-picker-column__item" style="height: 44px;">48</li>
-            <li data-index="49" class="van-ellipsis van-picker-column__item" style="height: 44px;">49</li>
-            <li data-index="50" class="van-ellipsis van-picker-column__item" style="height: 44px;">50</li>
-            <li data-index="51" class="van-ellipsis van-picker-column__item" style="height: 44px;">51</li>
-            <li data-index="52" class="van-ellipsis van-picker-column__item" style="height: 44px;">52</li>
-            <li data-index="53" class="van-ellipsis van-picker-column__item" style="height: 44px;">53</li>
-            <li data-index="54" class="van-ellipsis van-picker-column__item" style="height: 44px;">54</li>
-            <li data-index="55" class="van-ellipsis van-picker-column__item" style="height: 44px;">55</li>
-            <li data-index="56" class="van-ellipsis van-picker-column__item" style="height: 44px;">56</li>
-            <li data-index="57" class="van-ellipsis van-picker-column__item" style="height: 44px;">57</li>
-            <li data-index="58" class="van-ellipsis van-picker-column__item" style="height: 44px;">58</li>
-            <li data-index="59" class="van-ellipsis van-picker-column__item" style="height: 44px;">59</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">00</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">24</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">26</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">27</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">28</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">29</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">31</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">32</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">33</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">34</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">35</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">36</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">37</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">38</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">39</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">40</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">41</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">42</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">43</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">44</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">45</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">46</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">47</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">48</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">49</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">50</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">51</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">52</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">53</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">54</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">55</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">56</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">57</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">58</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">59</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -172,71 +172,71 @@ exports[`renders demo correctly 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); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">2018</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">2019</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item" style="height: 44px;">2020</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">2021</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">2022</li>
-            <li data-index="5" class="van-ellipsis van-picker-column__item" style="height: 44px;">2023</li>
-            <li data-index="6" class="van-ellipsis van-picker-column__item" style="height: 44px;">2024</li>
-            <li data-index="7" class="van-ellipsis van-picker-column__item" style="height: 44px;">2025</li>
-            <li data-index="8" class="van-ellipsis van-picker-column__item" style="height: 44px;">2026</li>
-            <li data-index="9" class="van-ellipsis van-picker-column__item" style="height: 44px;">2027</li>
-            <li data-index="10" class="van-ellipsis van-picker-column__item" style="height: 44px;">2028</li>
-            <li data-index="11" class="van-ellipsis van-picker-column__item" style="height: 44px;">2029</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2018</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2019</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2020</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2021</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2022</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2023</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2024</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2025</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2026</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2027</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2028</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2029</li>
           </ul>
         </div>
-        <div class="van-picker-column" style="height: 220px;">
-          <ul style="transform: translate3d(0, 88px, 0); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">01</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
-            <li data-index="5" class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
-            <li data-index="6" class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
-            <li data-index="7" class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
-            <li data-index="8" class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
-            <li data-index="9" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-            <li data-index="10" class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
-            <li data-index="11" class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
           </ul>
         </div>
-        <div class="van-picker-column" style="height: 220px;">
-          <ul style="transform: translate3d(0, 88px, 0); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">01</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
-            <li data-index="5" class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
-            <li data-index="6" class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
-            <li data-index="7" class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
-            <li data-index="8" class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
-            <li data-index="9" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-            <li data-index="10" class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
-            <li data-index="11" class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
-            <li data-index="12" class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
-            <li data-index="13" class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
-            <li data-index="14" class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
-            <li data-index="15" class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
-            <li data-index="16" class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
-            <li data-index="17" class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
-            <li data-index="18" class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
-            <li data-index="19" class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
-            <li data-index="20" class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
-            <li data-index="21" class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
-            <li data-index="22" class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
-            <li data-index="23" class="van-ellipsis van-picker-column__item" style="height: 44px;">24</li>
-            <li data-index="24" class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
-            <li data-index="25" class="van-ellipsis van-picker-column__item" style="height: 44px;">26</li>
-            <li data-index="26" class="van-ellipsis van-picker-column__item" style="height: 44px;">27</li>
-            <li data-index="27" class="van-ellipsis van-picker-column__item" style="height: 44px;">28</li>
-            <li data-index="28" class="van-ellipsis van-picker-column__item" style="height: 44px;">29</li>
-            <li data-index="29" class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
-            <li data-index="30" class="van-ellipsis van-picker-column__item" style="height: 44px;">31</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">24</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">26</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">27</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">28</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">29</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">31</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -252,36 +252,36 @@ exports[`renders demo correctly 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); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">2018年</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">2019年</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item" style="height: 44px;">2020年</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">2021年</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">2022年</li>
-            <li data-index="5" class="van-ellipsis van-picker-column__item" style="height: 44px;">2023年</li>
-            <li data-index="6" class="van-ellipsis van-picker-column__item" style="height: 44px;">2024年</li>
-            <li data-index="7" class="van-ellipsis van-picker-column__item" style="height: 44px;">2025年</li>
-            <li data-index="8" class="van-ellipsis van-picker-column__item" style="height: 44px;">2026年</li>
-            <li data-index="9" class="van-ellipsis van-picker-column__item" style="height: 44px;">2027年</li>
-            <li data-index="10" class="van-ellipsis van-picker-column__item" style="height: 44px;">2028年</li>
-            <li data-index="11" class="van-ellipsis van-picker-column__item" style="height: 44px;">2029年</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2018年</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2019年</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2020年</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2021年</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2022年</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2023年</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2024年</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2025年</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2026年</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2027年</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2028年</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2029年</li>
           </ul>
         </div>
-        <div class="van-picker-column" style="height: 220px;">
-          <ul style="transform: translate3d(0, 88px, 0); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">01月</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">02月</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item" style="height: 44px;">03月</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">04月</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">05月</li>
-            <li data-index="5" class="van-ellipsis van-picker-column__item" style="height: 44px;">06月</li>
-            <li data-index="6" class="van-ellipsis van-picker-column__item" style="height: 44px;">07月</li>
-            <li data-index="7" class="van-ellipsis van-picker-column__item" style="height: 44px;">08月</li>
-            <li data-index="8" class="van-ellipsis van-picker-column__item" style="height: 44px;">09月</li>
-            <li data-index="9" class="van-ellipsis van-picker-column__item" style="height: 44px;">10月</li>
-            <li data-index="10" class="van-ellipsis van-picker-column__item" style="height: 44px;">11月</li>
-            <li data-index="11" class="van-ellipsis van-picker-column__item" style="height: 44px;">12月</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">01月</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">02月</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">03月</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">04月</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05月</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">06月</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">07月</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">08月</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">09月</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10月</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">11月</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">12月</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -297,83 +297,83 @@ exports[`renders demo correctly 1`] = `
       </div>
       <!---->
       <div class="van-picker__columns" style="height: 220px;">
-        <div class="van-picker-column" style="height: 220px;">
-          <ul style="transform: translate3d(0, 0px, 0); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">12</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
-            <li data-index="5" class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
-            <li data-index="6" class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
-            <li data-index="7" class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
-            <li data-index="8" class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
-            <li data-index="9" class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
-            <li data-index="10" class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 0px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
           </ul>
         </div>
-        <div class="van-picker-column" style="height: 220px;">
-          <ul style="transform: translate3d(0, 88px, 0); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
-            <li data-index="5" class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
-            <li data-index="6" class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
-            <li data-index="7" class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
-            <li data-index="8" class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
-            <li data-index="9" class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
-            <li data-index="10" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-            <li data-index="11" class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
-            <li data-index="12" class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
-            <li data-index="13" class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
-            <li data-index="14" class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
-            <li data-index="15" class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
-            <li data-index="16" class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
-            <li data-index="17" class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
-            <li data-index="18" class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
-            <li data-index="19" class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
-            <li data-index="20" class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
-            <li data-index="21" class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
-            <li data-index="22" class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
-            <li data-index="23" class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
-            <li data-index="24" class="van-ellipsis van-picker-column__item" style="height: 44px;">24</li>
-            <li data-index="25" class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
-            <li data-index="26" class="van-ellipsis van-picker-column__item" style="height: 44px;">26</li>
-            <li data-index="27" class="van-ellipsis van-picker-column__item" style="height: 44px;">27</li>
-            <li data-index="28" class="van-ellipsis van-picker-column__item" style="height: 44px;">28</li>
-            <li data-index="29" class="van-ellipsis van-picker-column__item" style="height: 44px;">29</li>
-            <li data-index="30" class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
-            <li data-index="31" class="van-ellipsis van-picker-column__item" style="height: 44px;">31</li>
-            <li data-index="32" class="van-ellipsis van-picker-column__item" style="height: 44px;">32</li>
-            <li data-index="33" class="van-ellipsis van-picker-column__item" style="height: 44px;">33</li>
-            <li data-index="34" class="van-ellipsis van-picker-column__item" style="height: 44px;">34</li>
-            <li data-index="35" class="van-ellipsis van-picker-column__item" style="height: 44px;">35</li>
-            <li data-index="36" class="van-ellipsis van-picker-column__item" style="height: 44px;">36</li>
-            <li data-index="37" class="van-ellipsis van-picker-column__item" style="height: 44px;">37</li>
-            <li data-index="38" class="van-ellipsis van-picker-column__item" style="height: 44px;">38</li>
-            <li data-index="39" class="van-ellipsis van-picker-column__item" style="height: 44px;">39</li>
-            <li data-index="40" class="van-ellipsis van-picker-column__item" style="height: 44px;">40</li>
-            <li data-index="41" class="van-ellipsis van-picker-column__item" style="height: 44px;">41</li>
-            <li data-index="42" class="van-ellipsis van-picker-column__item" style="height: 44px;">42</li>
-            <li data-index="43" class="van-ellipsis van-picker-column__item" style="height: 44px;">43</li>
-            <li data-index="44" class="van-ellipsis van-picker-column__item" style="height: 44px;">44</li>
-            <li data-index="45" class="van-ellipsis van-picker-column__item" style="height: 44px;">45</li>
-            <li data-index="46" class="van-ellipsis van-picker-column__item" style="height: 44px;">46</li>
-            <li data-index="47" class="van-ellipsis van-picker-column__item" style="height: 44px;">47</li>
-            <li data-index="48" class="van-ellipsis van-picker-column__item" style="height: 44px;">48</li>
-            <li data-index="49" class="van-ellipsis van-picker-column__item" style="height: 44px;">49</li>
-            <li data-index="50" class="van-ellipsis van-picker-column__item" style="height: 44px;">50</li>
-            <li data-index="51" class="van-ellipsis van-picker-column__item" style="height: 44px;">51</li>
-            <li data-index="52" class="van-ellipsis van-picker-column__item" style="height: 44px;">52</li>
-            <li data-index="53" class="van-ellipsis van-picker-column__item" style="height: 44px;">53</li>
-            <li data-index="54" class="van-ellipsis van-picker-column__item" style="height: 44px;">54</li>
-            <li data-index="55" class="van-ellipsis van-picker-column__item" style="height: 44px;">55</li>
-            <li data-index="56" class="van-ellipsis van-picker-column__item" style="height: 44px;">56</li>
-            <li data-index="57" class="van-ellipsis van-picker-column__item" style="height: 44px;">57</li>
-            <li data-index="58" class="van-ellipsis van-picker-column__item" style="height: 44px;">58</li>
-            <li data-index="59" class="van-ellipsis van-picker-column__item" style="height: 44px;">59</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">00</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">24</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">26</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">27</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">28</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">29</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">31</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">32</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">33</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">34</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">35</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">36</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">37</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">38</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">39</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">40</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">41</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">42</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">43</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">44</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">45</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">46</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">47</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">48</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">49</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">50</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">51</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">52</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">53</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">54</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">55</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">56</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">57</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">58</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">59</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
diff --git a/packages/picker/test/__snapshots__/demo.spec.js.snap b/packages/picker/test/__snapshots__/demo.spec.js.snap
index 17109cabd..5fa3681dd 100644
--- a/packages/picker/test/__snapshots__/demo.spec.js.snap
+++ b/packages/picker/test/__snapshots__/demo.spec.js.snap
@@ -6,13 +6,13 @@ exports[`renders demo correctly 1`] = `
     <div class="van-picker">
       <!---->
       <div class="van-picker__columns" style="height: 220px;">
-        <div class="van-picker-column" style="height: 220px;">
-          <ul style="transform: translate3d(0, 88px, 0); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">杭州</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item" style="height: 44px;">温州</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">杭州</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">温州</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -24,13 +24,13 @@ exports[`renders demo correctly 1`] = `
     <div class="van-picker">
       <!---->
       <div class="van-picker__columns" style="height: 220px;">
-        <div class="van-picker-column" style="height: 220px;">
-          <ul style="transform: translate3d(0, 0px, 0); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">杭州</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">温州</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 0px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">杭州</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">温州</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -47,13 +47,13 @@ exports[`renders demo correctly 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); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">杭州</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item" style="height: 44px;">温州</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">杭州</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">温州</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -65,11 +65,11 @@ exports[`renders demo correctly 1`] = `
     <div class="van-picker">
       <!---->
       <div class="van-picker__columns" style="height: 220px;">
-        <div class="van-picker-column" style="height: 220px;">
-          <ul style="transform: translate3d(0, 44px, 0); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--disabled" style="height: 44px;">杭州</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">宁波</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item" style="height: 44px;">温州</li>
+        <div class="van-picker-column">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 44px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item van-picker-column__item--disabled" style="height: 44px;">杭州</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">温州</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -81,19 +81,19 @@ exports[`renders demo correctly 1`] = `
     <div class="van-picker">
       <!---->
       <div class="van-picker__columns" style="height: 220px;">
-        <div class="van-picker-column column1" style="height: 220px;">
-          <ul style="transform: translate3d(0, 88px, 0); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">浙江</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">福建</li>
+        <div class="van-picker-column column1">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">浙江</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">福建</li>
           </ul>
         </div>
-        <div class="van-picker-column column2" style="height: 220px;">
-          <ul style="transform: translate3d(0, 0px, 0); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">杭州</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">温州</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州</li>
+        <div class="van-picker-column column2">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 0px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">杭州</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">温州</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -105,19 +105,19 @@ exports[`renders demo correctly 1`] = `
     <div class="van-picker">
       <div class="van-loading van-loading--circular van-picker__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: rgb(25, 137, 250);"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
       <div class="van-picker__columns" style="height: 220px;">
-        <div class="van-picker-column column1" style="height: 220px;">
-          <ul style="transform: translate3d(0, 88px, 0); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">浙江</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">福建</li>
+        <div class="van-picker-column column1">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">浙江</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">福建</li>
           </ul>
         </div>
-        <div class="van-picker-column column2" style="height: 220px;">
-          <ul style="transform: translate3d(0, 0px, 0); transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); transition-duration: 0ms; line-height: 44px;">
-            <li data-index="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">杭州</li>
-            <li data-index="1" class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
-            <li data-index="2" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">温州</li>
-            <li data-index="3" class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴</li>
-            <li data-index="4" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州</li>
+        <div class="van-picker-column column2">
+          <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 0px, 0); transition-duration: 0ms; line-height: 44px;">
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">杭州</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">温州</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴</li>
+            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>