alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

[Improvement] Area: watch area list (#1381)

Browse Source
This commit is contained in:
neverland
2018-07-02 21:28:23 +08:00
committed by GitHub
parent c53be5bf6f
commit ce023b0824
7 changed files with 173 additions and 400 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/area/test/__snapshots__/demo.spec.js.snap
+8 -158
View File
@@ -12,66 +12,13 @@ exports[`renders demo correctly 1`] = `
<!---->
<div class="van-picker__columns" style="height:220px;">
<div class="van-picker-column" style="height:220px;">
<ul style="transition:0ms;transform:translate3d(0, 88px, 0);line-height:44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">北京市</li>
<li class="van-ellipsis van-picker-column__item">天津市</li>
<li class="van-ellipsis van-picker-column__item">河北省</li>
<li class="van-ellipsis van-picker-column__item">山西省</li>
<li class="van-ellipsis van-picker-column__item">内蒙古自治区</li>
<li class="van-ellipsis van-picker-column__item">辽宁省</li>
<li class="van-ellipsis van-picker-column__item">吉林省</li>
<li class="van-ellipsis van-picker-column__item">黑龙江省</li>
<li class="van-ellipsis van-picker-column__item">上海市</li>
<li class="van-ellipsis van-picker-column__item">江苏省</li>
<li class="van-ellipsis van-picker-column__item">浙江省</li>
<li class="van-ellipsis van-picker-column__item">安徽省</li>
<li class="van-ellipsis van-picker-column__item">福建省</li>
<li class="van-ellipsis van-picker-column__item">江西省</li>
<li class="van-ellipsis van-picker-column__item">山东省</li>
<li class="van-ellipsis van-picker-column__item">河南省</li>
<li class="van-ellipsis van-picker-column__item">湖北省</li>
<li class="van-ellipsis van-picker-column__item">湖南省</li>
<li class="van-ellipsis van-picker-column__item">广东省</li>
<li class="van-ellipsis van-picker-column__item">广西壮族自治区</li>
<li class="van-ellipsis van-picker-column__item">海南省</li>
<li class="van-ellipsis van-picker-column__item">重庆市</li>
<li class="van-ellipsis van-picker-column__item">四川省</li>
<li class="van-ellipsis van-picker-column__item">贵州省</li>
<li class="van-ellipsis van-picker-column__item">云南省</li>
<li class="van-ellipsis van-picker-column__item">西藏自治区</li>
<li class="van-ellipsis van-picker-column__item">陕西省</li>
<li class="van-ellipsis van-picker-column__item">甘肃省</li>
<li class="van-ellipsis van-picker-column__item">青海省</li>
<li class="van-ellipsis van-picker-column__item">宁夏回族自治区</li>
<li class="van-ellipsis van-picker-column__item">新疆维吾尔自治区</li>
<li class="van-ellipsis van-picker-column__item">台湾省</li>
<li class="van-ellipsis van-picker-column__item">香港特别行政区</li>
<li class="van-ellipsis van-picker-column__item">澳门特别行政区</li>
</ul>
<ul style="transition:0ms;transform:translate3d(0, 88px, 0);line-height:44px;"></ul>
</div>
<div class="van-picker-column" style="height:220px;">
<ul style="transition:0ms;transform:translate3d(0, 88px, 0);line-height:44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">北京市</li>
<li class="van-ellipsis van-picker-column__item">县</li>
</ul>
<ul style="transition:0ms;transform:translate3d(0, 88px, 0);line-height:44px;"></ul>
</div>
<div class="van-picker-column" style="height:220px;">
<ul style="transition:0ms;transform:translate3d(0, 88px, 0);line-height:44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">东城区</li>
<li class="van-ellipsis van-picker-column__item">西城区</li>
<li class="van-ellipsis van-picker-column__item">朝阳区</li>
<li class="van-ellipsis van-picker-column__item">丰台区</li>
<li class="van-ellipsis van-picker-column__item">石景山区</li>
<li class="van-ellipsis van-picker-column__item">海淀区</li>
<li class="van-ellipsis van-picker-column__item">门头沟区</li>
<li class="van-ellipsis van-picker-column__item">房山区</li>
<li class="van-ellipsis van-picker-column__item">通州区</li>
<li class="van-ellipsis van-picker-column__item">顺义区</li>
<li class="van-ellipsis van-picker-column__item">昌平区</li>
<li class="van-ellipsis van-picker-column__item">大兴区</li>
<li class="van-ellipsis van-picker-column__item">怀柔区</li>
<li class="van-ellipsis van-picker-column__item">平谷区</li>
</ul>
<ul style="transition:0ms;transform:translate3d(0, 88px, 0);line-height:44px;"></ul>
</div>
<div class="van-hairline--top-bottom van-picker__frame" style="height:44px;"></div>
</div>
@@ -87,72 +34,13 @@ exports[`renders demo correctly 1`] = `
<!---->
<div class="van-picker__columns" style="height:220px;">
<div class="van-picker-column" style="height:220px;">
<ul style="transition:0ms;transform:translate3d(0, 88px, 0);line-height:44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">北京市</li>
<li class="van-ellipsis van-picker-column__item">天津市</li>
<li class="van-ellipsis van-picker-column__item">河北省</li>
<li class="van-ellipsis van-picker-column__item">山西省</li>
<li class="van-ellipsis van-picker-column__item">内蒙古自治区</li>
<li class="van-ellipsis van-picker-column__item">辽宁省</li>
<li class="van-ellipsis van-picker-column__item">吉林省</li>
<li class="van-ellipsis van-picker-column__item">黑龙江省</li>
<li class="van-ellipsis van-picker-column__item">上海市</li>
<li class="van-ellipsis van-picker-column__item">江苏省</li>
<li class="van-ellipsis van-picker-column__item">浙江省</li>
<li class="van-ellipsis van-picker-column__item">安徽省</li>
<li class="van-ellipsis van-picker-column__item">福建省</li>
<li class="van-ellipsis van-picker-column__item">江西省</li>
<li class="van-ellipsis van-picker-column__item">山东省</li>
<li class="van-ellipsis van-picker-column__item">河南省</li>
<li class="van-ellipsis van-picker-column__item">湖北省</li>
<li class="van-ellipsis van-picker-column__item">湖南省</li>
<li class="van-ellipsis van-picker-column__item">广东省</li>
<li class="van-ellipsis van-picker-column__item">广西壮族自治区</li>
<li class="van-ellipsis van-picker-column__item">海南省</li>
<li class="van-ellipsis van-picker-column__item">重庆市</li>
<li class="van-ellipsis van-picker-column__item">四川省</li>
<li class="van-ellipsis van-picker-column__item">贵州省</li>
<li class="van-ellipsis van-picker-column__item">云南省</li>
<li class="van-ellipsis van-picker-column__item">西藏自治区</li>
<li class="van-ellipsis van-picker-column__item">陕西省</li>
<li class="van-ellipsis van-picker-column__item">甘肃省</li>
<li class="van-ellipsis van-picker-column__item">青海省</li>
<li class="van-ellipsis van-picker-column__item">宁夏回族自治区</li>
<li class="van-ellipsis van-picker-column__item">新疆维吾尔自治区</li>
<li class="van-ellipsis van-picker-column__item">台湾省</li>
<li class="van-ellipsis van-picker-column__item">香港特别行政区</li>
<li class="van-ellipsis van-picker-column__item">澳门特别行政区</li>
</ul>
<ul style="transition:0ms;transform:translate3d(0, 88px, 0);line-height:44px;"></ul>
</div>
<div class="van-picker-column" style="height:220px;">
<ul style="transition:0ms;transform:translate3d(0, 88px, 0);line-height:44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">杭州市</li>
<li class="van-ellipsis van-picker-column__item">宁波市</li>
<li class="van-ellipsis van-picker-column__item">温州市</li>
<li class="van-ellipsis van-picker-column__item">嘉兴市</li>
<li class="van-ellipsis van-picker-column__item">湖州市</li>
<li class="van-ellipsis van-picker-column__item">绍兴市</li>
<li class="van-ellipsis van-picker-column__item">金华市</li>
<li class="van-ellipsis van-picker-column__item">衢州市</li>
<li class="van-ellipsis van-picker-column__item">舟山市</li>
<li class="van-ellipsis van-picker-column__item">台州市</li>
<li class="van-ellipsis van-picker-column__item">丽水市</li>
</ul>
<ul style="transition:0ms;transform:translate3d(0, 88px, 0);line-height:44px;"></ul>
</div>
<div class="van-picker-column" style="height:220px;">
<ul style="transition:0ms;transform:translate3d(0, 88px, 0);line-height:44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">鹿城区</li>
<li class="van-ellipsis van-picker-column__item">龙湾区</li>
<li class="van-ellipsis van-picker-column__item">瓯海区</li>
<li class="van-ellipsis van-picker-column__item">洞头区</li>
<li class="van-ellipsis van-picker-column__item">永嘉县</li>
<li class="van-ellipsis van-picker-column__item">平阳县</li>
<li class="van-ellipsis van-picker-column__item">苍南县</li>
<li class="van-ellipsis van-picker-column__item">文成县</li>
<li class="van-ellipsis van-picker-column__item">泰顺县</li>
<li class="van-ellipsis van-picker-column__item">瑞安市</li>
<li class="van-ellipsis van-picker-column__item">乐清市</li>
</ul>
<ul style="transition:0ms;transform:translate3d(0, 88px, 0);line-height:44px;"></ul>
</div>
<div class="van-hairline--top-bottom van-picker__frame" style="height:44px;"></div>
</div>
@@ -168,48 +56,10 @@ exports[`renders demo correctly 1`] = `
<!---->
<div class="van-picker__columns" style="height:220px;">
<div class="van-picker-column" style="height:220px;">
<ul style="transition:0ms;transform:translate3d(0, 88px, 0);line-height:44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">北京市</li>
<li class="van-ellipsis van-picker-column__item">天津市</li>
<li class="van-ellipsis van-picker-column__item">河北省</li>
<li class="van-ellipsis van-picker-column__item">山西省</li>
<li class="van-ellipsis van-picker-column__item">内蒙古自治区</li>
<li class="van-ellipsis van-picker-column__item">辽宁省</li>
<li class="van-ellipsis van-picker-column__item">吉林省</li>
<li class="van-ellipsis van-picker-column__item">黑龙江省</li>
<li class="van-ellipsis van-picker-column__item">上海市</li>
<li class="van-ellipsis van-picker-column__item">江苏省</li>
<li class="van-ellipsis van-picker-column__item">浙江省</li>
<li class="van-ellipsis van-picker-column__item">安徽省</li>
<li class="van-ellipsis van-picker-column__item">福建省</li>
<li class="van-ellipsis van-picker-column__item">江西省</li>
<li class="van-ellipsis van-picker-column__item">山东省</li>
<li class="van-ellipsis van-picker-column__item">河南省</li>
<li class="van-ellipsis van-picker-column__item">湖北省</li>
<li class="van-ellipsis van-picker-column__item">湖南省</li>
<li class="van-ellipsis van-picker-column__item">广东省</li>
<li class="van-ellipsis van-picker-column__item">广西壮族自治区</li>
<li class="van-ellipsis van-picker-column__item">海南省</li>
<li class="van-ellipsis van-picker-column__item">重庆市</li>
<li class="van-ellipsis van-picker-column__item">四川省</li>
<li class="van-ellipsis van-picker-column__item">贵州省</li>
<li class="van-ellipsis van-picker-column__item">云南省</li>
<li class="van-ellipsis van-picker-column__item">西藏自治区</li>
<li class="van-ellipsis van-picker-column__item">陕西省</li>
<li class="van-ellipsis van-picker-column__item">甘肃省</li>
<li class="van-ellipsis van-picker-column__item">青海省</li>
<li class="van-ellipsis van-picker-column__item">宁夏回族自治区</li>
<li class="van-ellipsis van-picker-column__item">新疆维吾尔自治区</li>
<li class="van-ellipsis van-picker-column__item">台湾省</li>
<li class="van-ellipsis van-picker-column__item">香港特别行政区</li>
<li class="van-ellipsis van-picker-column__item">澳门特别行政区</li>
</ul>
<ul style="transition:0ms;transform:translate3d(0, 88px, 0);line-height:44px;"></ul>
</div>
<div class="van-picker-column" style="height:220px;">
<ul style="transition:0ms;transform:translate3d(0, 88px, 0);line-height:44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">北京市</li>
<li class="van-ellipsis van-picker-column__item">县</li>
</ul>
<ul style="transition:0ms;transform:translate3d(0, 88px, 0);line-height:44px;"></ul>
</div>
<div class="van-hairline--top-bottom van-picker__frame" style="height:44px;"></div>
</div>
packages/area/test/__snapshots__/index.spec.js.snap
+48 -87
View File
@@ -10,22 +10,13 @@ exports[`change option 1`] = `
<!---->
<div class="van-picker__columns" style="height: 220px;">
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">北京市</li>
<li class="van-ellipsis van-picker-column__item">天津市</li>
</ul>
<ul style="line-height: 44px;"></ul>
</div>
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">北京市</li>
<li class="van-ellipsis van-picker-column__item">县</li>
</ul>
<ul style="line-height: 44px;"></ul>
</div>
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">东城区</li>
<li class="van-ellipsis van-picker-column__item">西城区</li>
</ul>
<ul style="line-height: 44px;"></ul>
</div>
<div class="van-hairline--top-bottom van-picker__frame" style="height: 44px;"></div>
</div>
@@ -42,22 +33,13 @@ exports[`change option 2`] = `
<!---->
<div class="van-picker__columns" style="height: 220px;">
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;">
<li class="van-ellipsis van-picker-column__item">北京市</li>
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">天津市</li>
</ul>
<ul style="line-height: 44px;"></ul>
</div>
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">天津市</li>
<li class="van-ellipsis van-picker-column__item">县</li>
</ul>
<ul style="line-height: 44px;"></ul>
</div>
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">和平区</li>
<li class="van-ellipsis van-picker-column__item">河东区</li>
</ul>
<ul style="line-height: 44px;"></ul>
</div>
<div class="van-hairline--top-bottom van-picker__frame" style="height: 44px;"></div>
</div>
@@ -74,29 +56,20 @@ exports[`change option 3`] = `
<!---->
<div class="van-picker__columns" style="height: 220px;">
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;">
<li class="van-ellipsis van-picker-column__item">北京市</li>
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">天津市</li>
</ul>
<ul style="line-height: 44px;"></ul>
</div>
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">天津市</li>
<li class="van-ellipsis van-picker-column__item">县</li>
</ul>
<ul style="line-height: 44px;"></ul>
</div>
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;">
<li class="van-ellipsis van-picker-column__item">和平区</li>
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">河东区</li>
</ul>
<ul style="line-height: 44px;"></ul>
</div>
<div class="van-hairline--top-bottom van-picker__frame" style="height: 44px;"></div>
</div>
</div>
`;
exports[`watch areaList & code 1`] = `
exports[`watch code 1`] = `
<div class="van-picker van-area">
<div class="van-hairline--top-bottom van-picker__toolbar">
<div class="van-picker__cancel">取消</div>
@@ -105,12 +78,44 @@ exports[`watch areaList & code 1`] = `
</div>
<!---->
<div class="van-picker__columns" style="height: 220px;">
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;"></ul>
</div>
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;"></ul>
</div>
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;"></ul>
</div>
<div class="van-hairline--top-bottom van-picker__frame" style="height: 44px;"></div>
</div>
</div>
`;
exports[`watch areaList & code 2`] = `
exports[`watch code 2`] = `
<div class="van-picker van-area">
<div class="van-hairline--top-bottom van-picker__toolbar">
<div class="van-picker__cancel">取消</div>
<!---->
<div class="van-picker__confirm">确认</div>
</div>
<!---->
<div class="van-picker__columns" style="height: 220px;">
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;"></ul>
</div>
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;"></ul>
</div>
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;"></ul>
</div>
<div class="van-hairline--top-bottom van-picker__frame" style="height: 44px;"></div>
</div>
</div>
`;
exports[`watch code 3`] = `
<div class="van-picker van-area">
<div class="van-hairline--top-bottom van-picker__toolbar">
<div class="van-picker__cancel">取消</div>
@@ -126,23 +131,17 @@ exports[`watch areaList & code 2`] = `
</ul>
</div>
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">北京市</li>
<li class="van-ellipsis van-picker-column__item">县</li>
</ul>
<ul style="line-height: 44px;"></ul>
</div>
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">东城区</li>
<li class="van-ellipsis van-picker-column__item">西城区</li>
</ul>
<ul style="line-height: 44px;"></ul>
</div>
<div class="van-hairline--top-bottom van-picker__frame" style="height: 44px;"></div>
</div>
</div>
`;
exports[`watch areaList & code 3`] = `
exports[`watch code 4`] = `
<div class="van-picker van-area">
<div class="van-hairline--top-bottom van-picker__toolbar">
<div class="van-picker__cancel">取消</div>
@@ -158,48 +157,10 @@ exports[`watch areaList & code 3`] = `
</ul>
</div>
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">北京市</li>
<li class="van-ellipsis van-picker-column__item">县</li>
</ul>
<ul style="line-height: 44px;"></ul>
</div>
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">东城区</li>
<li class="van-ellipsis van-picker-column__item">西城区</li>
</ul>
</div>
<div class="van-hairline--top-bottom van-picker__frame" style="height: 44px;"></div>
</div>
</div>
`;
exports[`watch areaList & code 4`] = `
<div class="van-picker van-area">
<div class="van-hairline--top-bottom van-picker__toolbar">
<div class="van-picker__cancel">取消</div>
<!---->
<div class="van-picker__confirm">确认</div>
</div>
<!---->
<div class="van-picker__columns" style="height: 220px;">
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">北京市</li>
<li class="van-ellipsis van-picker-column__item">天津市</li>
</ul>
</div>
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">北京市</li>
<li class="van-ellipsis van-picker-column__item">县</li>
</ul>
</div>
<div class="van-picker-column" style="height: 220px;">
<ul style="line-height: 44px;">
<li class="van-ellipsis van-picker-column__item van-picker-column__item--selected">东城区</li>
<li class="van-ellipsis van-picker-column__item">西城区</li>
</ul>
<ul style="line-height: 44px;"></ul>
</div>
<div class="van-hairline--top-bottom van-picker__frame" style="height: 44px;"></div>
</div>