feat(Area): add title slot (#5719)

This commit is contained in:
chenjiahan
2020-02-25 19:20:29 +08:00
parent a5acd379f7
commit 7344389535
6 changed files with 61 additions and 1 deletions
@@ -173,6 +173,27 @@ exports[`reset method 2`] = `
</div>
`;
exports[`title slot 1`] = `
<div class="van-picker van-area">
<div class="van-hairline--top-bottom van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button>Custom Title<button type="button" class="van-picker__confirm">确认</button></div>
<!---->
<div class="van-picker__columns" style="height: 220px;">
<div class="van-picker-column">
<ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;"></ul>
</div>
<div class="van-picker-column">
<ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;"></ul>
</div>
<div class="van-picker-column">
<ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;"></ul>
</div>
<div class="van-picker__mask" style="background-size: 100% 88px;"></div>
<div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
</div>
<!---->
</div>
`;
exports[`watch areaList & code 1`] = `
<div class="van-picker van-area">
<div class="van-hairline--top-bottom van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button><button type="button" class="van-picker__confirm">确认</button></div>
+11
View File
@@ -128,3 +128,14 @@ test('columns-num prop', async () => {
await later();
expect(wrapper).toMatchSnapshot();
});
test('title slot', async () => {
const wrapper = mount(Area, {
scopedSlots: {
title: () => 'Custom Title',
},
});
await later();
expect(wrapper).toMatchSnapshot();
});