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

refactor(TreeSelect): use Sidebar as nav (#4383)

Browse Source
This commit is contained in:
neverland
2019-09-06 09:51:20 +08:00
committed by GitHub
parent ebf5a18eb9
commit 5b0feb58e8
5 changed files with 66 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/tree-select/test/__snapshots__/demo.spec.js.snap
+35 -14
View File
@@ -4,11 +4,19 @@ exports[`renders demo correctly 1`] = `
<div>
<div>
<div class="van-tree-select" style="height: 300px;">
<div class="van-tree-select__nav">
<div class="van-ellipsis van-tree-select__nav-item van-tree-select__nav-item--active">浙江</div>
<div class="van-ellipsis van-tree-select__nav-item">江苏</div>
<div class="van-ellipsis van-tree-select__nav-item van-tree-select__nav-item--disabled">福建</div>
</div>
<div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
<div class="van-sidebar-item__text">浙江
<!---->
</div>
</a><a class="van-sidebar-item van-tree-select__nav-item">
<div class="van-sidebar-item__text">江苏
<!---->
</div>
</a><a class="van-sidebar-item van-sidebar-item--disabled van-tree-select__nav-item">
<div class="van-sidebar-item__text">福建
<!---->
</div>
</a></div>
<div class="van-tree-select__content">
<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-icon van-icon-checked van-tree-select__selected" style="font-size: 16px;">
<!----></i></div>
@@ -20,11 +28,19 @@ exports[`renders demo correctly 1`] = `
</div>
<div>
<div class="van-tree-select" style="height: 300px;">
<div class="van-tree-select__nav">
<div class="van-ellipsis van-tree-select__nav-item van-tree-select__nav-item--active">浙江</div>
<div class="van-ellipsis van-tree-select__nav-item">江苏</div>
<div class="van-ellipsis van-tree-select__nav-item van-tree-select__nav-item--disabled">福建</div>
</div>
<div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
<div class="van-sidebar-item__text">浙江
<!---->
</div>
</a><a class="van-sidebar-item van-tree-select__nav-item">
<div class="van-sidebar-item__text">江苏
<!---->
</div>
</a><a class="van-sidebar-item van-sidebar-item--disabled van-tree-select__nav-item">
<div class="van-sidebar-item__text">福建
<!---->
</div>
</a></div>
<div class="van-tree-select__content">
<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">杭州<i class="van-icon van-icon-checked van-tree-select__selected" style="font-size: 16px;">
<!----></i></div>
@@ -37,10 +53,15 @@ exports[`renders demo correctly 1`] = `
</div>
<div>
<div class="van-tree-select" style="height: 55vw;">
<div class="van-tree-select__nav">
<div class="van-ellipsis van-tree-select__nav-item van-tree-select__nav-item--active">分组 1</div>
<div class="van-ellipsis van-tree-select__nav-item">分组 2</div>
</div>
<div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
<div class="van-sidebar-item__text">分组 1
<!---->
</div>
</a><a class="van-sidebar-item van-tree-select__nav-item">
<div class="van-sidebar-item__text">分组 2
<!---->
</div>
</a></div>
<div class="van-tree-select__content">
<div class="van-image"><img src="https://img.yzcdn.cn/vant/apple-1.jpg" class="van-image__img">
<div class="van-image__loading"><i class="van-icon van-icon-photo-o" style="font-size: 22px;">
src/tree-select/test/__snapshots__/index.spec.js.snap
+7 -5
View File
@@ -2,23 +2,25 @@
exports[`content slot 1`] = `
<div class="van-tree-select" style="height: 300px;">
<div class="van-tree-select__nav">
<div class="van-ellipsis van-tree-select__nav-item van-tree-select__nav-item--active">group1</div>
</div>
<div class="van-sidebar van-tree-select__nav"><a class="van-sidebar-item van-sidebar-item--select van-tree-select__nav-item">
<div class="van-sidebar-item__text">group1
<!---->
</div>
</a></div>
<div class="van-tree-select__content">Custom Content</div>
</div>
`;
exports[`empty list 1`] = `
<div class="van-tree-select" style="height: 300px;">
<div class="van-tree-select__nav"></div>
<div class="van-sidebar van-tree-select__nav"></div>
<div class="van-tree-select__content"></div>
</div>
`;
exports[`height prop 1`] = `
<div class="van-tree-select" style="height: 100vh;">
<div class="van-tree-select__nav"></div>
<div class="van-sidebar van-tree-select__nav"></div>
<div class="van-tree-select__content"></div>
</div>
`;