blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-05-21 22:09:16 +08:00
Code Issues Projects Releases Wiki Activity

test: update all snapshots

Browse Source
This commit is contained in:
chenjiahan 2020-11-21 22:27:11 +08:00
parent 3851c9a220
commit 9acac4c2b1
80 changed files with 16216 additions and 6941 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/action-bar-button/test/__snapshots__/index.spec.js.snap
View File

@ -1,10 +1,13 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render default slot correctly 1`] = `
<button type="button" class="van-button van-button--default van-button--large van-action-bar-button">
<button type="button"
class="van-button van-button--default van-button--large van-action-bar-button"
>
<div class="van-button__content">
<!----><span class="van-button__text">Content</span>
<!---->
<span class="van-button__text">
Content
</span>
</div>
</button>
`;

50
src/action-bar-icon/test/__snapshots__/index.spec.js.snap
View File

@ -1,35 +1,53 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render default slot correctly 1`] = `
<div role="button" class="van-action-bar-icon" tabindex="0">
<div role="button"
class="van-action-bar-icon"
tabindex="0"
>
<div class="van-badge__wrapper van-icon van-icon-undefined van-action-bar-icon__icon">
<!---->
<!---->
<!---->
</div>Content
</div>
Content
</div>
`;
exports[`should render icon slot correctly 1`] = `
<div role="button" class="van-action-bar-icon" tabindex="0">
<div class="van-badge__wrapper van-action-bar-icon__icon">Custom Icon
<!---->
</div>Content
<div role="button"
class="van-action-bar-icon"
tabindex="0"
>
<div class="van-badge__wrapper van-action-bar-icon__icon">
Custom Icon
</div>
Content
</div>
`;
exports[`should render icon slot with badge correctly 1`] = `
<div role="button" class="van-action-bar-icon" tabindex="0">
<div class="van-badge__wrapper van-action-bar-icon__icon">Custom Icon<div class="van-badge van-badge--fixed">1</div>
</div>Content
<div role="button"
class="van-action-bar-icon"
tabindex="0"
>
<div class="van-badge__wrapper van-action-bar-icon__icon">
Custom Icon
<div class="van-badge van-badge--fixed">
1
</div>
</div>
Content
</div>
`;
exports[`should render icon slot with dot correctly 1`] = `
<div role="button" class="van-action-bar-icon" tabindex="0">
<div class="van-badge__wrapper van-action-bar-icon__icon">Custom Icon<div class="van-badge van-badge--dot van-badge--fixed">
<!---->
<div role="button"
class="van-action-bar-icon"
tabindex="0"
>
<div class="van-badge__wrapper van-action-bar-icon__icon">
Custom Icon
<div class="van-badge van-badge--dot van-badge--fixed">
</div>
</div>Content
</div>
Content
</div>
`;

213
src/action-bar/test/__snapshots__/demo.spec.js.snap
View File

@ -3,130 +3,181 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-action-bar">
<div role="button" class="van-action-bar-icon" tabindex="0">
<div role="button"
class="van-action-bar-icon"
tabindex="0"
>
<div class="van-badge__wrapper van-icon van-icon-chat-o van-action-bar-icon__icon">
<!---->
<!---->
<!---->
</div>客服
</div>
<div role="button" class="van-action-bar-icon" tabindex="0">
客服
</div>
<div role="button"
class="van-action-bar-icon"
tabindex="0"
>
<div class="van-badge__wrapper van-icon van-icon-cart-o van-action-bar-icon__icon">
<!---->
<!---->
<!---->
</div>购物车
</div>
<div role="button" class="van-action-bar-icon" tabindex="0">
购物车
</div>
<div role="button"
class="van-action-bar-icon"
tabindex="0"
>
<div class="van-badge__wrapper van-icon van-icon-shop-o van-action-bar-icon__icon">
<!---->
<!---->
<!---->
</div>店铺
</div><button type="button" class="van-button van-button--danger van-button--large van-action-bar-button van-action-bar-button--danger van-action-bar-button--last van-action-bar-button--first">
</div>
店铺
</div>
<button type="button"
class="van-button van-button--danger van-button--large van-action-bar-button van-action-bar-button--danger van-action-bar-button--last van-action-bar-button--first"
>
<div class="van-button__content">
<!----><span class="van-button__text">立即购买</span>
<!---->
<span class="van-button__text">
立即购买
</span>
</div>
</button>
</div>
</div>
<div>
<div class="van-action-bar">
<div role="button" class="van-action-bar-icon" tabindex="0">
<div role="button"
class="van-action-bar-icon"
tabindex="0"
>
<div class="van-badge__wrapper van-icon van-icon-chat-o van-action-bar-icon__icon">
<!---->
<!---->
<div class="van-badge van-badge--dot van-badge--fixed">
<!---->
</div>
</div>客服
</div>
<div role="button" class="van-action-bar-icon" tabindex="0">
客服
</div>
<div role="button"
class="van-action-bar-icon"
tabindex="0"
>
<div class="van-badge__wrapper van-icon van-icon-cart-o van-action-bar-icon__icon">
<!---->
<!---->
<div class="van-badge van-badge--fixed">5</div>
</div>购物车
<div class="van-badge van-badge--fixed">
5
</div>
<div role="button" class="van-action-bar-icon" tabindex="0">
</div>
购物车
</div>
<div role="button"
class="van-action-bar-icon"
tabindex="0"
>
<div class="van-badge__wrapper van-icon van-icon-shop-o van-action-bar-icon__icon">
<!---->
<!---->
<div class="van-badge van-badge--fixed">12</div>
</div>店铺
</div><button type="button" class="van-button van-button--warning van-button--large van-action-bar-button van-action-bar-button--warning van-action-bar-button--first">
<div class="van-button__content">
<!----><span class="van-button__text">加入购物车</span>
<!---->
<div class="van-badge van-badge--fixed">
12
</div>
</button><button type="button" class="van-button van-button--danger van-button--large van-action-bar-button van-action-bar-button--danger van-action-bar-button--last">
</div>
店铺
</div>
<button type="button"
class="van-button van-button--warning van-button--large van-action-bar-button van-action-bar-button--warning van-action-bar-button--first"
>
<div class="van-button__content">
<!----><span class="van-button__text">立即购买</span>
<!---->
<span class="van-button__text">
加入购物车
</span>
</div>
</button>
<button type="button"
class="van-button van-button--danger van-button--large van-action-bar-button van-action-bar-button--danger van-action-bar-button--last"
>
<div class="van-button__content">
<span class="van-button__text">
立即购买
</span>
</div>
</button>
</div>
</div>
<div>
<div class="van-action-bar">
<div role="button" class="van-action-bar-icon" tabindex="0">
<div class="van-badge__wrapper van-icon van-icon-chat-o van-action-bar-icon__icon" style="color: rgb(7, 193, 96);">
<!---->
<!---->
<!---->
</div>客服
<div role="button"
class="van-action-bar-icon"
tabindex="0"
>
<div class="van-badge__wrapper van-icon van-icon-chat-o van-action-bar-icon__icon"
style="color: rgb(7, 193, 96);"
>
</div>
<div role="button" class="van-action-bar-icon" tabindex="0">
客服
</div>
<div role="button"
class="van-action-bar-icon"
tabindex="0"
>
<div class="van-badge__wrapper van-icon van-icon-cart-o van-action-bar-icon__icon">
<!---->
<!---->
<!---->
</div>购物车
</div>
<div role="button" class="van-action-bar-icon" tabindex="0">
<div class="van-badge__wrapper van-icon van-icon-star van-action-bar-icon__icon" style="color: rgb(255, 80, 0);">
<!---->
<!---->
<!---->
</div>已收藏
</div><button type="button" class="van-button van-button--warning van-button--large van-action-bar-button van-action-bar-button--warning van-action-bar-button--first">
<div class="van-button__content">
<!----><span class="van-button__text">加入购物车</span>
<!---->
购物车
</div>
</button><button type="button" class="van-button van-button--danger van-button--large van-action-bar-button van-action-bar-button--danger van-action-bar-button--last">
<div role="button"
class="van-action-bar-icon"
tabindex="0"
>
<div class="van-badge__wrapper van-icon van-icon-star van-action-bar-icon__icon"
style="color: rgb(255, 80, 0);"
>
</div>
已收藏
</div>
<button type="button"
class="van-button van-button--warning van-button--large van-action-bar-button van-action-bar-button--warning van-action-bar-button--first"
>
<div class="van-button__content">
<!----><span class="van-button__text">立即购买</span>
<!---->
<span class="van-button__text">
加入购物车
</span>
</div>
</button>
<button type="button"
class="van-button van-button--danger van-button--large van-action-bar-button van-action-bar-button--danger van-action-bar-button--last"
>
<div class="van-button__content">
<span class="van-button__text">
立即购买
</span>
</div>
</button>
</div>
</div>
<div>
<div class="van-action-bar">
<div role="button" class="van-action-bar-icon" tabindex="0">
<div role="button"
class="van-action-bar-icon"
tabindex="0"
>
<div class="van-badge__wrapper van-icon van-icon-chat-o van-action-bar-icon__icon">
<!---->
<!---->
<!---->
</div>客服
</div>
<div role="button" class="van-action-bar-icon" tabindex="0">
客服
</div>
<div role="button"
class="van-action-bar-icon"
tabindex="0"
>
<div class="van-badge__wrapper van-icon van-icon-cart-o van-action-bar-icon__icon">
<!---->
<!---->
<!---->
</div>购物车
</div><button type="button" class="van-button van-button--warning van-button--large van-action-bar-button van-action-bar-button--warning van-action-bar-button--first" style="color: rgb(255, 255, 255); border-color: #be99ff; background: rgb(190, 153, 255);">
<div class="van-button__content">
<!----><span class="van-button__text">加入购物车</span>
<!---->
</div>
</button><button type="button" class="van-button van-button--danger van-button--large van-action-bar-button van-action-bar-button--danger van-action-bar-button--last" style="color: rgb(255, 255, 255); background: rgb(114, 50, 221); border-color: #7232dd;">
购物车
</div>
<button type="button"
class="van-button van-button--warning van-button--large van-action-bar-button van-action-bar-button--warning van-action-bar-button--first"
style="color: rgb(255, 255, 255); border-color: #be99ff; background: rgb(190, 153, 255);"
>
<div class="van-button__content">
<!----><span class="van-button__text">立即购买</span>
<!---->
<span class="van-button__text">
加入购物车
</span>
</div>
</button>
<button type="button"
class="van-button van-button--danger van-button--large van-action-bar-button van-action-bar-button--danger van-action-bar-button--last"
style="color: rgb(255, 255, 255); background: rgb(114, 50, 221); border-color: #7232dd;"
>
<div class="van-button__content">
<span class="van-button__text">
立即购买
</span>
</div>
</button>
</div>

1
src/action-bar/test/__snapshots__/index.spec.js.snap
View File

@ -2,6 +2,5 @@
exports[`should allow to disable safe-area-inset-bottom prop 1`] = `
<div class="van-action-bar van-action-bar--unfit">
<!---->
</div>
`;

105
src/action-sheet/test/__snapshots__/demo.spec.js.snap
View File

@ -2,94 +2,89 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>基础用法</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
基础用法
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>展示取消按钮</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
展示取消按钮
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>展示描述信息</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
展示描述信息
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>选项状态</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
选项状态
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>自定义面板</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
自定义面板
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
`;

44
src/action-sheet/test/__snapshots__/index.spec.js.snap
View File

@ -2,37 +2,49 @@
exports[`should allow to custom close icon with closeIcon prop 1`] = `
<i class="van-badge__wrapper van-icon van-icon-cross van-action-sheet__close">
<!---->
<!---->
<!----></i>
</i>
`;
exports[`should render default slot correctly 1`] = `
<transition-stub>
<div class="van-overlay">
<!---->
</div>
</transition-stub>
<transition-stub>
<div class="van-popup van-popup--round van-popup--bottom van-action-sheet">
<div class="van-action-sheet__header">Title<i class="van-badge__wrapper van-icon van-icon-cross van-action-sheet__close">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-action-sheet__header">
Title
<i class="van-badge__wrapper van-icon van-icon-cross van-action-sheet__close">
</i>
</div>
<div class="van-action-sheet__content">
<!---->Default</div>
<!---->
<!---->
Default
</div>
</div>
</transition-stub>
`;
exports[`should render description correctly 1`] = `<div class="van-action-sheet__description">This is a description</div>`;
exports[`should render description correctly 1`] = `
<div class="van-action-sheet__description">
This is a description
</div>
`;
exports[`should render description slot when match snapshot 1`] = `<div class="van-action-sheet__description">Custom Description</div>`;
exports[`should render description slot when match snapshot 1`] = `
<div class="van-action-sheet__description">
Custom Description
</div>
`;
exports[`should render subname correctly 1`] = `
<button type="button" class="van-action-sheet__item"><span class="van-action-sheet__name">Option</span>
<div class="van-action-sheet__subname">Subname</div></button>
<button type="button"
class="van-action-sheet__item"
>
<span class="van-action-sheet__name">
Option
</span>
<div class="van-action-sheet__subname">
Subname
</div>
</button>
`;

158
src/address-edit/test/__snapshots__/demo.spec.js.snap
View File

@ -5,122 +5,126 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-address-edit">
<div class="van-address-edit__fields">
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>姓名</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
姓名
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control" placeholder="收货人姓名">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
class="van-field__control"
placeholder="收货人姓名"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>电话</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
电话
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="tel" class="van-field__control" placeholder="收货人手机号">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="tel"
class="van-field__control"
placeholder="收货人手机号"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-cell--clickable van-field" role="button" tabindex="0">
<!---->
<div class="van-cell__title van-field__label"><span>地区</span>
<!---->
<div class="van-cell van-cell--clickable van-field"
role="button"
tabindex="0"
>
<div class="van-cell__title van-field__label">
<span>
地区
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control" readonly="" placeholder="选择省 / 市 / 区">
<!---->
<div class="van-field__right-icon"><i class="van-badge__wrapper van-icon van-icon-arrow">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-field__body">
<input type="text"
class="van-field__control"
readonly
placeholder="选择省 / 市 / 区"
>
<div class="van-field__right-icon">
<i class="van-badge__wrapper van-icon van-icon-arrow">
</i>
</div>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-field van-address-edit-detail">
<!---->
<div class="van-cell__title van-field__label"><span>详细地址</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
详细地址
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><textarea rows="1" class="van-field__control" placeholder="街道门牌、楼层房间号等信息" style="height: auto;"></textarea>
<!---->
<!---->
<!---->
<div class="van-field__body">
<textarea rows="1"
class="van-field__control"
placeholder="街道门牌、楼层房间号等信息"
style="height: auto;"
>
</textarea>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<!---->
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>邮政编码</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
邮政编码
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="tel" class="van-field__control" placeholder="邮政编码">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="tel"
class="van-field__control"
placeholder="邮政编码"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<!---->
</div>
<div class="van-cell van-cell--center van-address-edit__default">
<!---->
<div class="van-cell__title"><span>设为默认收货地址</span>
<!---->
<div class="van-cell__title">
<span>
设为默认收货地址
</span>
</div>
<!---->
<div role="switch" class="van-switch" style="font-size: 24px;" aria-checked="false">
<div role="switch"
class="van-switch"
style="font-size: 24px;"
aria-checked="false"
>
<div class="van-switch__node">
<!---->
</div>
</div>
<!---->
</div>
<div class="van-address-edit__buttons"><button type="button" class="van-button van-button--danger van-button--normal van-button--block van-button--round">
<div class="van-address-edit__buttons">
<button type="button"
class="van-button van-button--danger van-button--normal van-button--block van-button--round"
>
<div class="van-button__content">
<!----><span class="van-button__text">保存</span>
<!---->
<span class="van-button__text">
保存
</span>
</div>
</button><button type="button" class="van-button van-button--default van-button--normal van-button--block van-button--round">
</button>
<button type="button"
class="van-button van-button--default van-button--normal van-button--block van-button--round"
>
<div class="van-button__content">
<!----><span class="van-button__text">删除</span>
<!---->
<span class="van-button__text">
删除
</span>
</div>
</button>
</div>
</button></div>
<!--teleport start-->
<!--teleport end-->
</div>
</div>
`;

119
src/address-list/test/__snapshots__/demo.spec.js.snap
View File

@ -3,74 +3,99 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-address-list">
<!---->
<div class="van-radio-group" role="radiogroup">
<div class="van-radio-group"
role="radiogroup"
>
<div class="van-address-item">
<div class="van-cell van-cell--borderless">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone van-address-item__value">
<div role="radio" class="van-radio" tabindex="0" aria-checked="true">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked" style="font-size: 18px;"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-radio__label"><div class="van-address-item__name">张三 13000000000<transition-stub class="van-address-item__tag"><span class="van-tag van-tag--round van-tag--danger">默认<!----></span></transition-stub>
<div role="radio"
class="van-radio"
tabindex="0"
aria-checked="true"
>
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"
style="font-size: 18px;"
>
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<div class="van-address-item__address">浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室</div></span>
<span class="van-radio__label">
<div class="van-address-item__name">
张三 13000000000
<transition-stub class="van-address-item__tag">
<span class="van-tag van-tag--round van-tag--danger">
默认
</span>
</transition-stub>
</div>
</div><i class="van-badge__wrapper van-icon van-icon-edit van-address-item__edit">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-address-item__address">
浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室
</div>
</span>
</div>
</div>
<i class="van-badge__wrapper van-icon van-icon-edit van-address-item__edit">
</i>
</div>
<!---->
</div>
<div class="van-address-item">
<div class="van-cell van-cell--borderless">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone van-address-item__value">
<div role="radio" class="van-radio" tabindex="0" aria-checked="false">
<div class="van-radio__icon van-radio__icon--round" style="font-size: 18px;"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-radio__label"><div class="van-address-item__name">李四 1310000000<!----></div><div class="van-address-item__address">浙江省杭州市拱墅区莫干山路 50 号</div></span>
<div role="radio"
class="van-radio"
tabindex="0"
aria-checked="false"
>
<div class="van-radio__icon van-radio__icon--round"
style="font-size: 18px;"
>
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
</div><i class="van-badge__wrapper van-icon van-icon-edit van-address-item__edit">
<!---->
<!---->
<!----></i>
<!---->
<span class="van-radio__label">
<div class="van-address-item__name">
李四 1310000000
</div>
<!---->
<div class="van-address-item__address">
浙江省杭州市拱墅区莫干山路 50 号
</div>
</span>
</div>
</div>
<div class="van-address-list__disabled-text">以下地址超出配送范围</div>
<i class="van-badge__wrapper van-icon van-icon-edit van-address-item__edit">
</i>
</div>
</div>
</div>
<div class="van-address-list__disabled-text">
以下地址超出配送范围
</div>
<div class="van-address-item van-address-item--disabled">
<div class="van-cell van-cell--borderless">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone van-address-item__value">
<div class="van-address-item__name">王五 1320000000
<!---->
<div class="van-address-item__name">
王五 1320000000
</div>
<div class="van-address-item__address">浙江省杭州市滨江区江南大道 15 号</div>
</div><i class="van-badge__wrapper van-icon van-icon-edit van-address-item__edit">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-address-item__address">
浙江省杭州市滨江区江南大道 15 号
</div>
<!---->
</div>
<!---->
<div class="van-address-list__bottom"><button type="button" class="van-button van-button--danger van-button--normal van-button--block van-button--round van-address-list__add">
<i class="van-badge__wrapper van-icon van-icon-edit van-address-item__edit">
</i>
</div>
</div>
<div class="van-address-list__bottom">
<button type="button"
class="van-button van-button--danger van-button--normal van-button--block van-button--round van-address-list__add"
>
<div class="van-button__content">
<!----><span class="van-button__text">新增地址</span>
<!---->
<span class="van-button__text">
新增地址
</span>
</div>
</button>
</div>
</div>
</button></div>
</div>
</div>
`;

1992
src/area/test/__snapshots__/demo.spec.js.snap
View File

File diff suppressed because it is too large Load Diff

48
src/badge/test/__snapshots__/demo.spec.js.snap
View File

@ -3,39 +3,59 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-badge__wrapper">
<div class="child"></div>
<div class="van-badge van-badge--fixed">5</div>
<div class="child">
</div>
<div class="van-badge van-badge--fixed">
5
</div>
</div>
<div class="van-badge__wrapper">
<div class="child"></div>
<div class="child">
</div>
<div class="van-badge van-badge--dot van-badge--fixed">
<!---->
</div>
</div>
</div>
<div>
<div class="van-badge__wrapper">
<div class="child"></div>
<div class="van-badge van-badge--fixed">9+</div>
<div class="child">
</div>
<div class="van-badge van-badge--fixed">
9+
</div>
</div>
<div class="van-badge__wrapper">
<div class="child"></div>
<div class="van-badge van-badge--fixed">99+</div>
<div class="child">
</div>
<div class="van-badge van-badge--fixed">
99+
</div>
</div>
</div>
<div>
<div class="van-badge__wrapper">
<div class="child"></div>
<div class="van-badge van-badge--fixed" style="background: rgb(25, 137, 250);">5</div>
<div class="child">
</div>
<div class="van-badge van-badge--fixed"
style="background: rgb(25, 137, 250);"
>
5
</div>
</div>
<div class="van-badge__wrapper">
<div class="child"></div>
<div class="van-badge van-badge--dot van-badge--fixed" style="background: rgb(25, 137, 250);">
<!---->
<div class="child">
</div>
<div class="van-badge van-badge--dot van-badge--fixed"
style="background: rgb(25, 137, 250);"
>
</div>
</div>
</div>
<div>
<div class="van-badge" style="margin-left: 16px;">99+</div>
<div class="van-badge"
style="margin-left: 16px;"
>
99+
</div>
</div>
`;

12
src/badge/test/__snapshots__/index.spec.js.snap
View File

@ -1,9 +1,13 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render content slot correctly 1`] = `<div class="van-badge">Custom Content</div>`;
exports[`should render content slot correctly 1`] = `
<div class="van-badge">
Custom Content
</div>
`;
exports[`should render nothing when badge is empty string 1`] = `<!---->`;
exports[`should render nothing when badge is empty string 1`] = ``;
exports[`should render nothing when badge is undefined 1`] = `<!---->`;
exports[`should render nothing when badge is undefined 1`] = ``;
exports[`should render nothing when badge is zero 1`] = `<!---->`;
exports[`should render nothing when badge is zero 1`] = ``;

412
src/button/test/__snapshots__/demo.spec.js.snap
View File

@ -2,175 +2,355 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="demo-button-row"><button type="button" class="van-button van-button--primary van-button--normal">
<div class="demo-button-row">
<button type="button"
class="van-button van-button--primary van-button--normal"
>
<div class="van-button__content">
<!----><span class="van-button__text">主要按钮</span>
<!---->
<span class="van-button__text">
主要按钮
</span>
</div>
</button><button type="button" class="van-button van-button--success van-button--normal">
</button>
<button type="button"
class="van-button van-button--success van-button--normal"
>
<div class="van-button__content">
<!----><span class="van-button__text">成功按钮</span>
<!---->
<span class="van-button__text">
成功按钮
</span>
</div>
</button><button type="button" class="van-button van-button--default van-button--normal">
</button>
<button type="button"
class="van-button van-button--default van-button--normal"
>
<div class="van-button__content">
<!----><span class="van-button__text">默认按钮</span>
<!---->
<span class="van-button__text">
默认按钮
</span>
</div>
</button></div><button type="button" class="van-button van-button--danger van-button--normal">
<div class="van-button__content">
<!----><span class="van-button__text">危险按钮</span>
<!---->
</button>
</div>
</button><button type="button" class="van-button van-button--warning van-button--normal">
<button type="button"
class="van-button van-button--danger van-button--normal"
>
<div class="van-button__content">
<!----><span class="van-button__text">警告按钮</span>
<!---->
<span class="van-button__text">
危险按钮
</span>
</div>
</button>
<button type="button"
class="van-button van-button--warning van-button--normal"
>
<div class="van-button__content">
<span class="van-button__text">
警告按钮
</span>
</div>
</button>
</div>
<div><button type="button" class="van-button van-button--primary van-button--normal van-button--plain">
<div>
<button type="button"
class="van-button van-button--primary van-button--normal van-button--plain"
>
<div class="van-button__content">
<!----><span class="van-button__text">朴素按钮</span>
<!---->
<span class="van-button__text">
朴素按钮
</span>
</div>
</button><button type="button" class="van-button van-button--success van-button--normal van-button--plain">
</button>
<button type="button"
class="van-button van-button--success van-button--normal van-button--plain"
>
<div class="van-button__content">
<!----><span class="van-button__text">朴素按钮</span>
<!---->
<span class="van-button__text">
朴素按钮
</span>
</div>
</button></div>
<div><button type="button" class="van-button van-button--primary van-button--normal van-button--plain van-button--hairline van-hairline--surround">
</button>
</div>
<div>
<button type="button"
class="van-button van-button--primary van-button--normal van-button--plain van-button--hairline van-hairline--surround"
>
<div class="van-button__content">
<!----><span class="van-button__text">细边框按钮</span>
<!---->
<span class="van-button__text">
细边框按钮
</span>
</div>
</button><button type="button" class="van-button van-button--success van-button--normal van-button--plain van-button--hairline van-hairline--surround">
</button>
<button type="button"
class="van-button van-button--success van-button--normal van-button--plain van-button--hairline van-hairline--surround"
>
<div class="van-button__content">
<!----><span class="van-button__text">细边框按钮</span>
<!---->
<span class="van-button__text">
细边框按钮
</span>
</div>
</button></div>
<div><button type="button" class="van-button van-button--primary van-button--normal van-button--disabled" disabled="">
</button>
</div>
<div>
<button type="button"
class="van-button van-button--primary van-button--normal van-button--disabled"
disabled
>
<div class="van-button__content">
<!----><span class="van-button__text">禁用状态</span>
<!---->
<span class="van-button__text">
禁用状态
</span>
</div>
</button><button type="button" class="van-button van-button--success van-button--normal van-button--disabled" disabled="">
</button>
<button type="button"
class="van-button van-button--success van-button--normal van-button--disabled"
disabled
>
<div class="van-button__content">
<!----><span class="van-button__text">禁用状态</span>
<!---->
<span class="van-button__text">
禁用状态
</span>
</div>
</button></div>
<div><button type="button" class="van-button van-button--primary van-button--normal van-button--loading">
</button>
</div>
<div>
<button type="button"
class="van-button van-button--primary van-button--normal van-button--loading"
>
<div class="van-button__content">
<div class="van-loading van-loading--circular van-button__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: currentColor; width: 20px; height: 20px;"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
<!---->
<div class="van-loading van-loading--circular van-button__loading">
<span class="van-loading__spinner van-loading__spinner--circular"
style="color: currentColor; width: 20px; height: 20px;"
>
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
</div>
<!---->
<!---->
</div>
</button><button type="button" class="van-button van-button--primary van-button--normal van-button--loading">
</button>
<button type="button"
class="van-button van-button--primary van-button--normal van-button--loading"
>
<div class="van-button__content">
<div class="van-loading van-loading--spinner van-button__loading"><span class="van-loading__spinner van-loading__spinner--spinner" style="color: currentColor; width: 20px; height: 20px;"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span>
<!---->
<div class="van-loading van-loading--spinner van-button__loading">
<span class="van-loading__spinner van-loading__spinner--spinner"
style="color: currentColor; width: 20px; height: 20px;"
>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
</span>
</div>
<!---->
<!---->
</div>
</button><button type="button" class="van-button van-button--success van-button--normal van-button--loading">
</button>
<button type="button"
class="van-button van-button--success van-button--normal van-button--loading"
>
<div class="van-button__content">
<div class="van-loading van-loading--circular van-button__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: currentColor; width: 20px; height: 20px;"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
<!---->
</div><span class="van-button__text">加载中...</span>
<!---->
<div class="van-loading van-loading--circular van-button__loading">
<span class="van-loading__spinner van-loading__spinner--circular"
style="color: currentColor; width: 20px; height: 20px;"
>
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
</div>
</button></div>
<div><button type="button" class="van-button van-button--primary van-button--normal van-button--square">
<span class="van-button__text">
加载中...
</span>
</div>
</button>
</div>
<div>
<button type="button"
class="van-button van-button--primary van-button--normal van-button--square"
>
<div class="van-button__content">
<!----><span class="van-button__text">方形按钮</span>
<!---->
<span class="van-button__text">
方形按钮
</span>
</div>
</button><button type="button" class="van-button van-button--success van-button--normal van-button--round">
</button>
<button type="button"
class="van-button van-button--success van-button--normal van-button--round"
>
<div class="van-button__content">
<!----><span class="van-button__text">圆形按钮</span>
<!---->
<span class="van-button__text">
圆形按钮
</span>
</div>
</button></div>
<div><button type="button" class="van-button van-button--primary van-button--normal">
<div class="van-button__content"><i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
<!---->
<!---->
<!----></i>
<!---->
<!---->
</div>
</button><button type="button" class="van-button van-button--primary van-button--normal">
<div class="van-button__content"><i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
<!---->
<!---->
<!----></i><span class="van-button__text">按钮</span>
<!---->
</div>
</button><button type="button" class="van-button van-button--primary van-button--normal van-button--plain">
<div class="van-button__content"><i class="van-badge__wrapper van-icon van-button__icon">
<!----><img class="van-icon__image" src="https://img.yzcdn.cn/vant/user-active.png">
<!----></i><span class="van-button__text">按钮</span>
<!---->
</div>
</button></div>
<div><button type="button" class="van-button van-button--primary van-button--large">
</button>
</div>
<div>
<button type="button"
class="van-button van-button--primary van-button--normal"
>
<div class="van-button__content">
<!----><span class="van-button__text">大号按钮</span>
<!---->
<i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
</i>
</div>
</button><button type="button" class="van-button van-button--primary van-button--normal">
</button>
<button type="button"
class="van-button van-button--primary van-button--normal"
>
<div class="van-button__content">
<!----><span class="van-button__text">普通按钮</span>
<!---->
<i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
</i>
<span class="van-button__text">
按钮
</span>
</div>
</button><button type="button" class="van-button van-button--primary van-button--small">
</button>
<button type="button"
class="van-button van-button--primary van-button--normal van-button--plain"
>
<div class="van-button__content">
<!----><span class="van-button__text">小型按钮</span>
<!---->
<i class="van-badge__wrapper van-icon van-button__icon">
<img class="van-icon__image"
src="https://img.yzcdn.cn/vant/user-active.png"
>
</i>
<span class="van-button__text">
按钮
</span>
</div>
</button><button type="button" class="van-button van-button--primary van-button--mini">
</button>
</div>
<div>
<button type="button"
class="van-button van-button--primary van-button--large"
>
<div class="van-button__content">
<!----><span class="van-button__text">迷你按钮</span>
<!---->
<span class="van-button__text">
大号按钮
</span>
</div>
</button></div>
<div><button type="button" class="van-button van-button--primary van-button--normal van-button--block">
</button>
<button type="button"
class="van-button van-button--primary van-button--normal"
>
<div class="van-button__content">
<!----><span class="van-button__text">块级元素</span>
<!---->
<span class="van-button__text">
普通按钮
</span>
</div>
</button></div>
<div><button type="button" class="van-button van-button--primary van-button--normal">
</button>
<button type="button"
class="van-button van-button--primary van-button--small"
>
<div class="van-button__content">
<!----><span class="van-button__text">URL 跳转</span>
<!---->
<span class="van-button__text">
小型按钮
</span>
</div>
</button><button type="button" class="van-button van-button--primary van-button--normal">
</button>
<button type="button"
class="van-button van-button--primary van-button--mini"
>
<div class="van-button__content">
<!----><span class="van-button__text">路由跳转</span>
<!---->
<span class="van-button__text">
迷你按钮
</span>
</div>
</button></div>
<div><button type="button" class="van-button van-button--default van-button--normal" style="color: rgb(255, 255, 255); background: rgb(114, 50, 221); border-color: #7232dd;">
</button>
</div>
<div>
<button type="button"
class="van-button van-button--primary van-button--normal van-button--block"
>
<div class="van-button__content">
<!----><span class="van-button__text">单色按钮</span>
<!---->
<span class="van-button__text">
块级元素
</span>
</div>
</button><button type="button" class="van-button van-button--default van-button--normal van-button--plain" style="color: rgb(114, 50, 221); border-color: #7232dd;">
</button>
</div>
<div>
<button type="button"
class="van-button van-button--primary van-button--normal"
>
<div class="van-button__content">
<!----><span class="van-button__text">单色按钮</span>
<!---->
<span class="van-button__text">
URL 跳转
</span>
</div>
</button><button type="button" class="van-button van-button--default van-button--normal" style="color: rgb(255, 255, 255); border: 0px;">
</button>
<button type="button"
class="van-button van-button--primary van-button--normal"
>
<div class="van-button__content">
<!----><span class="van-button__text">渐变色按钮</span>
<!---->
<span class="van-button__text">
路由跳转
</span>
</div>
</button></div>
</button>
</div>
<div>
<button type="button"
class="van-button van-button--default van-button--normal"
style="color: rgb(255, 255, 255); background: rgb(114, 50, 221); border-color: #7232dd;"
>
<div class="van-button__content">
<span class="van-button__text">
单色按钮
</span>
</div>
</button>
<button type="button"
class="van-button van-button--default van-button--normal van-button--plain"
style="color: rgb(114, 50, 221); border-color: #7232dd;"
>
<div class="van-button__content">
<span class="van-button__text">
单色按钮
</span>
</div>
</button>
<button type="button"
class="van-button van-button--default van-button--normal"
style="color: rgb(255, 255, 255); border: 0px;"
>
<div class="van-button__content">
<span class="van-button__text">
渐变色按钮
</span>
</div>
</button>
</div>
`;

34
src/button/test/__snapshots__/index.spec.js.snap
View File

@ -1,33 +1,33 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should change icon class prefix when using icon-prefix prop 1`] = `
<button type="button" class="van-button van-button--default van-button--normal">
<div class="van-button__content"><i class="van-badge__wrapper my-icon my-icon-success van-button__icon">
<!---->
<!---->
<!----></i>
<!---->
<!---->
<button type="button"
class="van-button van-button--default van-button--normal"
>
<div class="van-button__content">
<i class="van-badge__wrapper my-icon my-icon-success van-button__icon">
</i>
</div>
</button>
`;
exports[`should render icon in the right side when setting icon-position to right 1`] = `
<button type="button" class="van-button van-button--default van-button--normal">
<button type="button"
class="van-button van-button--default van-button--normal"
>
<div class="van-button__content">
<!---->
<!----><i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
<!---->
<!---->
<!----></i></div>
<i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
</i>
</div>
</button>
`;
exports[`should render loading slot correctly 1`] = `
<button type="button" class="van-button van-button--default van-button--normal van-button--loading">
<div class="van-button__content">Custom Loading
<!---->
<!---->
<button type="button"
class="van-button van-button--default van-button--normal van-button--loading"
>
<div class="van-button__content">
Custom Loading
</div>
</button>
`;

425
src/calendar/test/__snapshots__/demo.spec.js.snap
View File

@ -2,254 +2,311 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>选择单个日期</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
选择单个日期
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>选择多个日期</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
选择多个日期
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>选择日期区间</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
选择日期区间
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>选择单个日期</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
选择单个日期
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>选择日期区间</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
选择日期区间
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>自定义颜色</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
自定义颜色
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>自定义日期范围</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
自定义日期范围
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>自定义按钮文字</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
自定义按钮文字
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>自定义日期文案</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
自定义日期文案
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>自定义弹出位置</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
自定义弹出位置
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>日期区间最大范围</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
日期区间最大范围
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>自定义周起始日</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
自定义周起始日
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-calendar" style="height: 500px;">
<div class="van-calendar"
style="height: 500px;"
>
<div class="van-calendar__header">
<div class="van-calendar__header-title">日历</div>
<div class="van-calendar__header-subtitle"></div>
<div class="van-calendar__weekdays"><span class="van-calendar__weekday">日</span><span class="van-calendar__weekday">一</span><span class="van-calendar__weekday">二</span><span class="van-calendar__weekday">三</span><span class="van-calendar__weekday">四</span><span class="van-calendar__weekday">五</span><span class="van-calendar__weekday">六</span></div>
<div class="van-calendar__header-title">
日历
</div>
<div class="van-calendar__header-subtitle">
</div>
<div class="van-calendar__weekdays">
<span class="van-calendar__weekday">
日
</span>
<span class="van-calendar__weekday">
一
</span>
<span class="van-calendar__weekday">
二
</span>
<span class="van-calendar__weekday">
三
</span>
<span class="van-calendar__weekday">
四
</span>
<span class="van-calendar__weekday">
五
</span>
<span class="van-calendar__weekday">
六
</span>
</div>
</div>
<div class="van-calendar__body">
<div class="van-calendar__month">
<!---->
<div role="grid" class="van-calendar__days">
<!---->
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
<!---->
<!---->
<!---->
<div role="grid"
class="van-calendar__days"
>
<div role="gridcell"
style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
>
</div>
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
<!---->
<!---->
<!---->
<div role="gridcell"
style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
>
</div>
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
<!---->
<!---->
<!---->
<div role="gridcell"
style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
>
</div>
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
<!---->
<!---->
<!---->
<div role="gridcell"
style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
>
</div>
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
<!---->
<!---->
<!---->
<div role="gridcell"
style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
>
</div>
</div>
</div>
<div class="van-calendar__month">
<div class="van-calendar__month-title">2012年2月</div>
<div role="grid" class="van-calendar__days">
<!---->
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
<!---->
<!---->
<!---->
<div class="van-calendar__month-title">
2012年2月
</div>
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
<!---->
<!---->
<!---->
<div role="grid"
class="van-calendar__days"
>
<div role="gridcell"
style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
>
</div>
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
<!---->
<!---->
<!---->
<div role="gridcell"
style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
>
</div>
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
<!---->
<!---->
<!---->
<div role="gridcell"
style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
>
</div>
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
<!---->
<!---->
<!---->
<div role="gridcell"
style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
>
</div>
<div role="gridcell"
style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
>
</div>
</div>
</div>
<div class="van-calendar__month">
<div class="van-calendar__month-title">2012年3月</div>
<div role="grid" class="van-calendar__days">
<!---->
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
<!---->
<!---->
<!---->
<div class="van-calendar__month-title">
2012年3月
</div>
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
<!---->
<!---->
<!---->
<div role="grid"
class="van-calendar__days"
>
<div role="gridcell"
style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
>
</div>
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
<!---->
<!---->
<!---->
<div role="gridcell"
style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
>
</div>
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
<!---->
<!---->
<!---->
<div role="gridcell"
style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
>
</div>
<div role="gridcell" style="width: 100%;" class="van-calendar__day van-calendar__day--placeholder" tabindex="-1">
<!---->
<!---->
<!---->
<div role="gridcell"
style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
>
</div>
<div role="gridcell"
style="width: 100%;"
class="van-calendar__day van-calendar__day--placeholder"
tabindex="-1"
>
</div>
</div>
</div>
</div>
<div class="van-calendar__footer">
<!---->
</div>
</div>
</div>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
`;

194
src/card/test/__snapshots__/demo.spec.js.snap
View File

@ -3,114 +3,192 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-card">
<div class="van-card__header"><a class="van-card__thumb">
<div class="van-image" style="width: 100%; height: 100%;"><img src="https://img.yzcdn.cn/vant/ipad.jpeg" class="van-image__img" style="object-fit: cover;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-card__header">
<a class="van-card__thumb">
<div class="van-image"
style="width: 100%; height: 100%;"
>
<img src="https://img.yzcdn.cn/vant/ipad.jpeg"
class="van-image__img"
style="object-fit: cover;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<!---->
</a>
<div class="van-card__content">
<div>
<div class="van-card__title van-multi-ellipsis--l2">商品名称</div>
<div class="van-card__desc van-ellipsis">描述信息</div>
<!---->
<div class="van-card__title van-multi-ellipsis--l2">
商品名称
</div>
<div class="van-card__desc van-ellipsis">
描述信息
</div>
</div>
<div class="van-card__bottom">
<!---->
<div class="van-card__price">
<div><span class="van-card__price-currency">¥</span><span class="van-card__price-integer">2</span>.<span class="van-card__price-decimal">00</span></div>
<div>
<span class="van-card__price-currency">
¥
</span>
<span class="van-card__price-integer">
2
</span>
.
<span class="van-card__price-decimal">
00
</span>
</div>
</div>
<div class="van-card__num">
x2
</div>
<!---->
<div class="van-card__num">x2</div>
<!---->
</div>
</div>
</div>
<!---->
</div>
</div>
<div>
<div class="van-card">
<div class="van-card__header"><a class="van-card__thumb">
<div class="van-image" style="width: 100%; height: 100%;"><img src="https://img.yzcdn.cn/vant/ipad.jpeg" class="van-image__img" style="object-fit: cover;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-card__header">
<a class="van-card__thumb">
<div class="van-image"
style="width: 100%; height: 100%;"
>
<img src="https://img.yzcdn.cn/vant/ipad.jpeg"
class="van-image__img"
style="object-fit: cover;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="van-card__tag">
<transition-stub><span class="van-tag van-tag--mark van-tag--danger">标签<!----></span></transition-stub>
<transition-stub>
<span class="van-tag van-tag--mark van-tag--danger">
标签
</span>
</transition-stub>
</div>
</a>
<div class="van-card__content">
<div>
<div class="van-card__title van-multi-ellipsis--l2">商品名称</div>
<div class="van-card__desc van-ellipsis">描述信息</div>
<!---->
<div class="van-card__title van-multi-ellipsis--l2">
商品名称
</div>
<div class="van-card__desc van-ellipsis">
描述信息
</div>
</div>
<div class="van-card__bottom">
<!---->
<div class="van-card__price">
<div><span class="van-card__price-currency">¥</span><span class="van-card__price-integer">2</span>.<span class="van-card__price-decimal">00</span></div>
<div>
<span class="van-card__price-currency">
¥
</span>
<span class="van-card__price-integer">
2
</span>
.
<span class="van-card__price-decimal">
00
</span>
</div>
</div>
<div class="van-card__origin-price">
¥ 10.00
</div>
<div class="van-card__num">
x2
</div>
<div class="van-card__origin-price">¥ 10.00</div>
<div class="van-card__num">x2</div>
<!---->
</div>
</div>
</div>
<!---->
</div>
</div>
<div>
<div class="van-card">
<div class="van-card__header"><a class="van-card__thumb">
<div class="van-image" style="width: 100%; height: 100%;"><img src="https://img.yzcdn.cn/vant/ipad.jpeg" class="van-image__img" style="object-fit: cover;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-card__header">
<a class="van-card__thumb">
<div class="van-image"
style="width: 100%; height: 100%;"
>
<img src="https://img.yzcdn.cn/vant/ipad.jpeg"
class="van-image__img"
style="object-fit: cover;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<!---->
</a>
<div class="van-card__content">
<div>
<div class="van-card__title van-multi-ellipsis--l2">商品名称</div>
<div class="van-card__desc van-ellipsis">描述信息</div>
<div class="van-card__title van-multi-ellipsis--l2">
商品名称
</div>
<div class="van-card__desc van-ellipsis">
描述信息
</div>
<div>
<transition-stub style="margin-right: 5px;"><span class="van-tag van-tag--plain van-tag--danger"> 标签 <!----></span></transition-stub>
<transition-stub><span class="van-tag van-tag--plain van-tag--danger"> 标签 <!----></span></transition-stub>
<transition-stub style="margin-right: 5px;">
<span class="van-tag van-tag--plain van-tag--danger">
标签
</span>
</transition-stub>
<transition-stub>
<span class="van-tag van-tag--plain van-tag--danger">
标签
</span>
</transition-stub>
</div>
</div>
<div class="van-card__bottom">
<!---->
<div class="van-card__price">
<div><span class="van-card__price-currency">¥</span><span class="van-card__price-integer">2</span>.<span class="van-card__price-decimal">00</span></div>
<div>
<span class="van-card__price-currency">
¥
</span>
<span class="van-card__price-integer">
2
</span>
.
<span class="van-card__price-decimal">
00
</span>
</div>
</div>
<div class="van-card__num">
x2
</div>
<!---->
<div class="van-card__num">x2</div>
<!---->
</div>
</div>
</div>
<div class="van-card__footer">
<div><button type="button" class="van-button van-button--default van-button--mini van-button--round">
<div>
<button type="button"
class="van-button van-button--default van-button--mini van-button--round"
>
<div class="van-button__content">
<!----><span class="van-button__text">按钮</span>
<!---->
<span class="van-button__text">
按钮
</span>
</div>
</button><button type="button" class="van-button van-button--default van-button--mini van-button--round">
</button>
<button type="button"
class="van-button van-button--default van-button--mini van-button--round"
>
<div class="van-button__content">
<!----><span class="van-button__text">按钮</span>
<!---->
<span class="van-button__text">
按钮
</span>
</div>
</button>
</div>
</button></div>
</div>
</div>
</div>

78
src/card/test/__snapshots__/index.spec.js.snap
View File

@ -2,119 +2,95 @@
exports[`render thumb and tag slot correctly 1`] = `
<div class="van-card">
<div class="van-card__header"><a class="van-card__thumb">Custom Thumb<div class="van-card__tag">Custom Tag</div></a>
<div class="van-card__header">
<a class="van-card__thumb">
Custom Thumb
<div class="van-card__tag">
Custom Tag
</div>
</a>
<div class="van-card__content">
<div>
<!---->
<!---->
<!---->
</div>
<!---->
</div>
</div>
<!---->
</div>
</div>
`;
exports[`should render bottom slot correctly 1`] = `
<div class="van-card">
<div class="van-card__header">
<!---->
<div class="van-card__content">
<div>
<!---->
<!---->
<!---->
</div>
<div class="van-card__bottom">
<!---->
<!---->
<!---->
<!---->Custom Bottom</div>
Custom Bottom
</div>
</div>
</div>
<!---->
</div>
`;
exports[`should render origin-price slot correctly 1`] = `
<div class="van-card">
<div class="van-card__header">
<!---->
<div class="van-card__content">
<div>
<!---->
<!---->
<!---->
</div>
<div class="van-card__bottom">
<!---->
<!---->
<div class="van-card__origin-price">Custom Origin Price</div>
<!---->
<!---->
<div class="van-card__origin-price">
Custom Origin Price
</div>
</div>
</div>
</div>
<!---->
</div>
`;
exports[`should render price and num slot correctly 1`] = `
<div class="van-card">
<div class="van-card__header">
<!---->
<div class="van-card__content">
<div>
<!---->
<!---->
<!---->
</div>
<div class="van-card__bottom">
<!---->
<div class="van-card__price">Custom Price</div>
<!---->
<div class="van-card__num">Custom Num</div>
<!---->
<div class="van-card__price">
Custom Price
</div>
<div class="van-card__num">
Custom Num
</div>
</div>
</div>
</div>
<!---->
</div>
`;
exports[`should render price and price-top slot correctly 1`] = `
<div class="van-card">
<div class="van-card__header">
<!---->
<div class="van-card__content">
<div>
<!---->
<!---->
<!---->
</div>
<div class="van-card__bottom">Custom Price-top<div class="van-card__price">Custom Price</div>
<!---->
<!---->
<!---->
<div class="van-card__bottom">
Custom Price-top
<div class="van-card__price">
Custom Price
</div>
</div>
</div>
</div>
<!---->
</div>
`;
exports[`should render title and desc slot correctly 1`] = `
<div class="van-card">
<div class="van-card__header">
<!---->
<div class="van-card__content">
<div>Custom TitleCustom desc
<!---->
</div>
<!---->
<div>
Custom TitleCustom desc
</div>
</div>
</div>
<!---->
</div>
`;

5
src/cell-group/test/__snapshots__/index.spec.js.snap
View File

@ -1,8 +1,9 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render title slot correctly 1`] = `
<div class="van-cell-group__title">Custom Title</div>
<div class="van-cell-group__title">
Custom Title
</div>
<div class="van-cell-group van-hairline--top-bottom">
<!---->
</div>
`;

320
src/cell/test/__snapshots__/demo.spec.js.snap
View File

@ -4,188 +4,248 @@ exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>单元格</span>
<!---->
<div class="van-cell__title">
<span>
单元格
</span>
</div>
<div class="van-cell__value">
<span>
内容
</span>
</div>
<div class="van-cell__value"><span>内容</span></div>
<!---->
<!---->
</div>
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>单元格</span>
<div class="van-cell__label">描述信息</div>
<div class="van-cell__title">
<span>
单元格
</span>
<div class="van-cell__label">
描述信息
</div>
</div>
<div class="van-cell__value">
<span>
内容
</span>
</div>
<div class="van-cell__value"><span>内容</span></div>
<!---->
<!---->
</div>
</div>
</div>
<div>
<div class="van-cell van-cell--large">
<!---->
<div class="van-cell__title"><span>单元格</span>
<!---->
<div class="van-cell__title">
<span>
单元格
</span>
</div>
<div class="van-cell__value">
<span>
内容
</span>
</div>
<div class="van-cell__value"><span>内容</span></div>
<!---->
<!---->
</div>
<div class="van-cell van-cell--large">
<!---->
<div class="van-cell__title"><span>单元格</span>
<div class="van-cell__label">描述信息</div>
<div class="van-cell__title">
<span>
单元格
</span>
<div class="van-cell__label">
描述信息
</div>
<div class="van-cell__value"><span>内容</span></div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-cell"><i class="van-badge__wrapper van-icon van-icon-location-o van-cell__left-icon">
<!---->
<!---->
<!----></i>
<div class="van-cell__title"><span>单元格</span>
<!---->
<div class="van-cell__value">
<span>
内容
</span>
</div>
<div class="van-cell__value"><span>内容</span></div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-cell">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone"><span>内容</span></div>
<!---->
<!---->
<i class="van-badge__wrapper van-icon van-icon-location-o van-cell__left-icon">
</i>
<div class="van-cell__title">
<span>
单元格
</span>
</div>
<div class="van-cell__value">
<span>
内容
</span>
</div>
</div>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>单元格</span>
<!---->
<div class="van-cell">
<div class="van-cell__value van-cell__value--alone">
<span>
内容
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>单元格</span>
<!---->
</div>
<div class="van-cell__value"><span>内容</span></div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>单元格</span>
<!---->
</div>
<div class="van-cell__value"><span>内容</span></div><i class="van-badge__wrapper van-icon van-icon-arrow-down van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
</div>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>URL 跳转</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
单元格
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>路由跳转</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
单元格
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-cell__value">
<span>
内容
</span>
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
单元格
</span>
</div>
<div class="van-cell__value">
<span>
内容
</span>
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow-down van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-cell-group__title">分组 1</div>
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
URL 跳转
</span>
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
路由跳转
</span>
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-cell-group__title">
分组 1
</div>
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>单元格</span>
<!---->
<div class="van-cell__title">
<span>
单元格
</span>
</div>
<div class="van-cell__value"><span>内容</span></div>
<!---->
<!---->
<div class="van-cell__value">
<span>
内容
</span>
</div>
</div>
<div class="van-cell-group__title">分组 2</div>
</div>
<div class="van-cell-group__title">
分组 2
</div>
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>单元格</span>
<!---->
<div class="van-cell__title">
<span>
单元格
</span>
</div>
<div class="van-cell__value">
<span>
内容
</span>
</div>
<div class="van-cell__value"><span>内容</span></div>
<!---->
<!---->
</div>
</div>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span class="custom-title">单元格</span>
<transition-stub><span class="van-tag van-tag--danger">标签<!----></span></transition-stub>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span class="custom-title">
单元格
</span>
<transition-stub>
<span class="van-tag van-tag--danger">
标签
</span>
</transition-stub>
</div>
<div class="van-cell__value"><span>内容</span></div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-cell__value">
<span>
内容
</span>
</div>
<div class="van-cell"><i class="van-badge__wrapper van-icon van-icon-shop-o van-cell__left-icon">
<!---->
<!---->
<!----></i>
<div class="van-cell__title"><span>单元格</span>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-search search-icon">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-cell">
<i class="van-badge__wrapper van-icon van-icon-shop-o van-cell__left-icon">
</i>
<div class="van-cell__title">
<span>
单元格
</span>
</div>
<i class="van-badge__wrapper van-icon van-icon-search search-icon">
</i>
</div>
</div>
<div>
<div class="van-cell van-cell--center">
<!---->
<div class="van-cell__title"><span>单元格</span>
<div class="van-cell__label">描述信息</div>
<div class="van-cell__title">
<span>
单元格
</span>
<div class="van-cell__label">
描述信息
</div>
</div>
<div class="van-cell__value">
<span>
内容
</span>
</div>
<div class="van-cell__value"><span>内容</span></div>
<!---->
<!---->
</div>
</div>
`;

57
src/cell/test/__snapshots__/index.spec.js.snap
View File

@ -2,70 +2,53 @@
exports[`should change arrow direction when using arrow-direction prop 1`] = `
<i class="van-badge__wrapper van-icon van-icon-arrow-down van-cell__right-icon">
<!---->
<!---->
<!----></i>
</i>
`;
exports[`should change icon class prefix when using icon-prefix prop 1`] = `
<div class="van-cell"><i class="van-badge__wrapper my-icon my-icon-success van-cell__left-icon">
<!---->
<!---->
<!----></i>
<!---->
<!---->
<!---->
<!---->
<div class="van-cell">
<i class="van-badge__wrapper my-icon my-icon-success van-cell__left-icon">
</i>
</div>
`;
exports[`should render default slot correctly 1`] = `
<div class="van-cell">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">Custom Default</div>
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">
Custom Default
</div>
</div>
`;
exports[`should render extra slot correctly 1`] = `
<div class="van-cell">
<!---->
<!---->
<!---->
<!---->Custom Extra</div>
Custom Extra
</div>
`;
exports[`should render icon slot correctly 1`] = `
<div class="van-cell">Custom Icon
<!---->
<!---->
<!---->
<!---->
<div class="van-cell">
Custom Icon
</div>
`;
exports[`should render label slot correctly 1`] = `
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>Title</span>
<div class="van-cell__label">Custom Label</div>
<div class="van-cell__title">
<span>
Title
</span>
<div class="van-cell__label">
Custom Label
</div>
</div>
<!---->
<!---->
<!---->
</div>
`;
exports[`should render title slot correctly 1`] = `
<div class="van-cell">
<!---->
<div class="van-cell__title">Custom Title
<!---->
<div class="van-cell__title">
Custom Title
</div>
<!---->
<!---->
<!---->
</div>
`;

407
src/checkbox/test/__snapshots__/demo.spec.js.snap
View File

@ -2,183 +2,354 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="true" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框</span>
<div role="checkbox"
class="van-checkbox"
tabindex="0"
aria-checked="true"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-checkbox__label">
复选框
</span>
</div>
</div>
<div>
<div role="checkbox" class="van-checkbox van-checkbox--disabled" tabindex="-1" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--disabled"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label van-checkbox__label--disabled">复选框</span>
<div role="checkbox"
class="van-checkbox van-checkbox--disabled"
tabindex="-1"
aria-checked="false"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--disabled">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<div role="checkbox" class="van-checkbox van-checkbox--disabled" tabindex="-1" aria-checked="true" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--disabled van-checkbox__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label van-checkbox__label--disabled">复选框</span>
<span class="van-checkbox__label van-checkbox__label--disabled">
复选框
</span>
</div>
<div role="checkbox"
class="van-checkbox van-checkbox--disabled"
tabindex="-1"
aria-checked="true"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--disabled van-checkbox__icon--checked">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-checkbox__label van-checkbox__label--disabled">
复选框
</span>
</div>
</div>
<div>
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="true" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--square van-checkbox__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">自定义颜色</span>
<div role="checkbox"
class="van-checkbox"
tabindex="0"
aria-checked="true"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--square van-checkbox__icon--checked">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-checkbox__label">
自定义颜色
</span>
</div>
</div>
<div>
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="true" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success" style="border-color: #07c160; background-color: rgb(7, 193, 96);">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">自定义颜色</span>
<div role="checkbox"
class="van-checkbox"
tabindex="0"
aria-checked="true"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked">
<i class="van-badge__wrapper van-icon van-icon-success"
style="border-color: #07c160; background-color: rgb(7, 193, 96);"
>
</i>
</div>
<span class="van-checkbox__label">
自定义颜色
</span>
</div>
</div>
<div>
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="true" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked" style="font-size: 24px;"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">自定义大小</span>
<div role="checkbox"
class="van-checkbox"
tabindex="0"
aria-checked="true"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"
style="font-size: 24px;"
>
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-checkbox__label">
自定义大小
</span>
</div>
</div>
<div>
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="true" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><img src="https://img.yzcdn.cn/vant/user-active.png"></div><span class="van-checkbox__label">自定义图标 </span>
<div role="checkbox"
class="van-checkbox"
tabindex="0"
aria-checked="true"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked">
<img src="https://img.yzcdn.cn/vant/user-active.png">
</div>
<span class="van-checkbox__label">
自定义图标
</span>
</div>
</div>
<div>
<div role="checkbox" class="van-checkbox van-checkbox--label-disabled" tabindex="0" aria-checked="true" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框</span>
<div role="checkbox"
class="van-checkbox van-checkbox--label-disabled"
tabindex="0"
aria-checked="true"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-checkbox__label">
复选框
</span>
</div>
</div>
<div>
<div class="van-checkbox-group">
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="true" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 a</span>
<div role="checkbox"
class="van-checkbox"
tabindex="0"
aria-checked="true"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="true" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 b</span>
<span class="van-checkbox__label">
复选框 a
</span>
</div>
<div role="checkbox"
class="van-checkbox"
tabindex="0"
aria-checked="true"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-checkbox__label">
复选框 b
</span>
</div>
</div>
</div>
<div>
<div class="van-checkbox-group van-checkbox-group--horizontal">
<div role="checkbox" class="van-checkbox van-checkbox--horizontal" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 a</span>
<div role="checkbox"
class="van-checkbox van-checkbox--horizontal"
tabindex="0"
aria-checked="false"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--round">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<div role="checkbox" class="van-checkbox van-checkbox--horizontal" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 b</span>
<span class="van-checkbox__label">
复选框 a
</span>
</div>
<div role="checkbox"
class="van-checkbox van-checkbox--horizontal"
tabindex="0"
aria-checked="false"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--round">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-checkbox__label">
复选框 b
</span>
</div>
</div>
</div>
<div>
<div class="van-checkbox-group">
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 a</span>
<div role="checkbox"
class="van-checkbox"
tabindex="0"
aria-checked="false"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--round">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 b</span>
<span class="van-checkbox__label">
复选框 a
</span>
</div>
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 c</span>
<div role="checkbox"
class="van-checkbox"
tabindex="0"
aria-checked="false"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--round">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-checkbox__label">
复选框 b
</span>
</div>
<div role="checkbox"
class="van-checkbox"
tabindex="0"
aria-checked="false"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--round">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-checkbox__label">
复选框 c
</span>
</div>
</div>
</div>
<div>
<div class="van-checkbox-group">
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 a</span>
<div role="checkbox"
class="van-checkbox"
tabindex="0"
aria-checked="false"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--round">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 b</span>
<span class="van-checkbox__label">
复选框 a
</span>
</div>
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 c</span>
<div role="checkbox"
class="van-checkbox"
tabindex="0"
aria-checked="false"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--round">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-checkbox__label">
复选框 b
</span>
</div>
<div role="checkbox"
class="van-checkbox"
tabindex="0"
aria-checked="false"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--round">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-checkbox__label">
复选框 c
</span>
</div>
</div>
<div class="demo-checkbox-buttons"><button type="button" class="van-button van-button--primary van-button--normal">
<div class="demo-checkbox-buttons">
<button type="button"
class="van-button van-button--primary van-button--normal"
>
<div class="van-button__content">
<!----><span class="van-button__text">全选</span>
<!---->
<span class="van-button__text">
全选
</span>
</div>
</button><button type="button" class="van-button van-button--primary van-button--normal">
</button>
<button type="button"
class="van-button van-button--primary van-button--normal"
>
<div class="van-button__content">
<!----><span class="van-button__text">反选</span>
<!---->
<span class="van-button__text">
反选
</span>
</div>
</button>
</div>
</button></div>
</div>
<div>
<div class="van-checkbox-group">
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>复选框 a</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
复选框 a
</span>
</div>
<!---->
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div>
<!---->
<div role="checkbox"
class="van-checkbox"
tabindex="0"
aria-checked="false"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--round">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<!---->
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>复选框 b</span>
<!---->
</div>
<!---->
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
复选框 b
</span>
</div>
<div role="checkbox"
class="van-checkbox"
tabindex="0"
aria-checked="false"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--round">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
</div>
<!---->
</div>
</div>
</div>

179
src/circle/test/__snapshots__/demo.spec.js.snap
View File

@ -2,65 +2,164 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
<!---->
<path class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;" d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"></path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" style="stroke: #1989fa; stroke-width: 41px; stroke-dasharray: 2198px 3140px;" class="van-circle__layer" stroke="#1989fa"></path>
<div class="van-circle"
style="width: 100px; height: 100px;"
>
<svg viewbox="0 0 1040 1040">
<path class="van-circle__hover"
style="fill: none; stroke: #fff; stroke-width: 40px;"
d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
>
</path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
style="stroke: #1989fa; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"
class="van-circle__layer"
stroke="#1989fa"
>
</path>
</svg>
<div class="van-circle__text">70%</div>
<div class="van-circle__text">
70%
</div>
</div>
</div>
<div>
<div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1060 1060">
<!---->
<path class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 60px;" d="M 530 530 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"></path>
<path d="M 530 530 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" style="stroke: #1989fa; stroke-width: 61px; stroke-dasharray: 2198px 3140px;" class="van-circle__layer" stroke="#1989fa"></path>
<div class="van-circle"
style="width: 100px; height: 100px;"
>
<svg viewbox="0 0 1060 1060">
<path class="van-circle__hover"
style="fill: none; stroke: #fff; stroke-width: 60px;"
d="M 530 530 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
>
</path>
<path d="M 530 530 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
style="stroke: #1989fa; stroke-width: 61px; stroke-dasharray: 2198px 3140px;"
class="van-circle__layer"
stroke="#1989fa"
>
</path>
</svg>
<div class="van-circle__text">宽度定制</div>
<div class="van-circle__text">
宽度定制
</div>
<div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
<!---->
<path class="van-circle__hover" style="fill: none; stroke: #ebedf0; stroke-width: 40px;" d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"></path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" style="stroke: #ee0a24; stroke-width: 41px; stroke-dasharray: 2198px 3140px;" class="van-circle__layer" stroke="#ee0a24"></path>
</div>
<div class="van-circle"
style="width: 100px; height: 100px;"
>
<svg viewbox="0 0 1040 1040">
<path class="van-circle__hover"
style="fill: none; stroke: #ebedf0; stroke-width: 40px;"
d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
>
</path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
style="stroke: #ee0a24; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"
class="van-circle__layer"
stroke="#ee0a24"
>
</path>
</svg>
<div class="van-circle__text">颜色定制</div>
<div class="van-circle__text">
颜色定制
</div>
<div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
</div>
<div class="van-circle"
style="width: 100px; height: 100px;"
>
<svg viewbox="0 0 1040 1040">
<defs>
<linearGradient id="van-circle-3" x1="100%" y1="0%" x2="0%" y2="0%">
<stop offset="0%" stop-color="#3fecff"></stop>
<stop offset="100%" stop-color="#6149f6"></stop>
<linearGradient id="van-circle-3"
x1="100%"
y1="0%"
x2="0%"
y2="0%"
>
<stop offset="0%"
stop-color="#3fecff"
>
</stop>
<stop offset="100%"
stop-color="#6149f6"
>
</stop>
</linearGradient>
</defs>
<path class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;" d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"></path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" style="stroke: [object Object]; stroke-width: 41px; stroke-dasharray: 2198px 3140px;" class="van-circle__layer" stroke="url(#van-circle-3)"></path>
<path class="van-circle__hover"
style="fill: none; stroke: #fff; stroke-width: 40px;"
d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
>
</path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
style="stroke: [object Object]; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"
class="van-circle__layer"
stroke="url(#van-circle-3)"
>
</path>
</svg>
<div class="van-circle__text">渐变色</div>
<div class="van-circle__text">
渐变色
</div>
<div class="van-circle" style="width: 100px; height: 100px; margin-top: 15px;"><svg viewBox="0 0 1040 1040">
<!---->
<path class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;" d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000"></path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000" style="stroke: #07c160; stroke-width: 41px; stroke-dasharray: 2198px 3140px;" class="van-circle__layer" stroke="#07c160"></path>
</svg>
<div class="van-circle__text">逆时针</div>
</div>
<div class="van-circle" style="width: 120px; height: 120px; margin-top: 15px;"><svg viewBox="0 0 1040 1040">
<!---->
<path class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;" d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000"></path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000" style="stroke: #7232dd; stroke-width: 41px; stroke-dasharray: 2198px 3140px;" class="van-circle__layer" stroke="#7232dd"></path>
<div class="van-circle"
style="width: 100px; height: 100px; margin-top: 15px;"
>
<svg viewbox="0 0 1040 1040">
<path class="van-circle__hover"
style="fill: none; stroke: #fff; stroke-width: 40px;"
d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000"
>
</path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000"
style="stroke: #07c160; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"
class="van-circle__layer"
stroke="#07c160"
>
</path>
</svg>
<div class="van-circle__text">大小定制</div>
<div class="van-circle__text">
逆时针
</div>
</div>
<div class="van-circle"
style="width: 120px; height: 120px; margin-top: 15px;"
>
<svg viewbox="0 0 1040 1040">
<path class="van-circle__hover"
style="fill: none; stroke: #fff; stroke-width: 40px;"
d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000"
>
</path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000"
style="stroke: #7232dd; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"
class="van-circle__layer"
stroke="#7232dd"
>
</path>
</svg>
<div class="van-circle__text">
大小定制
</div>
</div>
</div>
<div style="margin-top: 15px;"><button type="button" class="van-button van-button--primary van-button--small">
<div style="margin-top: 15px;">
<button type="button"
class="van-button van-button--primary van-button--small"
>
<div class="van-button__content">
<!----><span class="van-button__text">增加</span>
<!---->
<span class="van-button__text">
增加
</span>
</div>
</button><button type="button" class="van-button van-button--danger van-button--small">
</button>
<button type="button"
class="van-button van-button--danger van-button--small"
>
<div class="van-button__content">
<!----><span class="van-button__text">减少</span>
<!---->
<span class="van-button__text">
减少
</span>
</div>
</button></div>
</button>
</div>
`;

90
src/col/test/__snapshots__/demo.spec.js.snap
View File

@ -3,45 +3,93 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-row">
<div class="van-col van-col--8">span: 8</div>
<div class="van-col van-col--8">span: 8</div>
<div class="van-col van-col--8">span: 8</div>
<div class="van-col van-col--8">
span: 8
</div>
<div class="van-col van-col--8">
span: 8
</div>
<div class="van-col van-col--8">
span: 8
</div>
</div>
<div class="van-row">
<div class="van-col van-col--4">span: 4</div>
<div class="van-col van-col--10 van-col--offset-4"> offset: 4, span: 10 </div>
<div class="van-col van-col--4">
span: 4
</div>
<div class="van-col van-col--10 van-col--offset-4">
offset: 4, span: 10
</div>
</div>
<div class="van-row">
<div class="van-col van-col--12 van-col--offset-12"> offset: 12, span: 12 </div>
<div class="van-col van-col--12 van-col--offset-12">
offset: 12, span: 12
</div>
</div>
</div>
<div>
<div class="van-row">
<div class="van-col van-col--8" style="padding-right: 13.333333333333334px;">span: 8</div>
<div style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;" class="van-col van-col--8">span: 8</div>
<div style="padding-left: 13.333333333333332px;" class="van-col van-col--8">span: 8</div>
<div class="van-col van-col--8"
style="padding-right: 13.333333333333334px;"
>
span: 8
</div>
<div style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;"
class="van-col van-col--8"
>
span: 8
</div>
<div style="padding-left: 13.333333333333332px;"
class="van-col van-col--8"
>
span: 8
</div>
</div>
</div>
<div>
<div class="van-row van-row--justify-center">
<div class="van-col van-col--6">span: 6</div>
<div class="van-col van-col--6">span: 6</div>
<div class="van-col van-col--6">span: 6</div>
<div class="van-col van-col--6">
span: 6
</div>
<div class="van-col van-col--6">
span: 6
</div>
<div class="van-col van-col--6">
span: 6
</div>
</div>
<div class="van-row van-row--justify-end">
<div class="van-col van-col--6">span: 6</div>
<div class="van-col van-col--6">span: 6</div>
<div class="van-col van-col--6">span: 6</div>
<div class="van-col van-col--6">
span: 6
</div>
<div class="van-col van-col--6">
span: 6
</div>
<div class="van-col van-col--6">
span: 6
</div>
</div>
<div class="van-row van-row--justify-space-between">
<div class="van-col van-col--6">span: 6</div>
<div class="van-col van-col--6">span: 6</div>
<div class="van-col van-col--6">span: 6</div>
<div class="van-col van-col--6">
span: 6
</div>
<div class="van-col van-col--6">
span: 6
</div>
<div class="van-col van-col--6">
span: 6
</div>
</div>
<div class="van-row van-row--justify-space-around">
<div class="van-col van-col--6">span: 6</div>
<div class="van-col van-col--6">span: 6</div>
<div class="van-col van-col--6">span: 6</div>
<div class="van-col van-col--6">
span: 6
</div>
<div class="van-col van-col--6">
span: 6
</div>
<div class="van-col van-col--6">
span: 6
</div>
</div>
</div>
`;

85
src/col/test/__snapshots__/index.spec.js.snap
View File

@ -2,27 +2,78 @@
exports[`should render Col correcly 1`] = `
<div class="van-col van-col--8">
<!---->
</div>
`;
exports[`should render gutter correctly 1`] = `
<div class="van-row">
<div class="van-col van-col--24">24</div>
<div class="van-col van-col--12">12</div>
<div style="padding-left: 12px;" class="van-col van-col--12">12</div>
<div class="van-col van-col--8">8</div>
<div style="padding-left: 12px;" class="van-col van-col--8">8</div>
<div style="padding-left: 16px;" class="van-col van-col--8">8</div>
<div class="van-col van-col--6">6</div>
<div style="padding-left: 12px;" class="van-col van-col--6">6</div>
<div style="padding-left: 16px;" class="van-col van-col--6">6</div>
<div style="padding-left: 18px;" class="van-col van-col--6">6</div>
<div class="van-col van-col--7">7</div>
<div style="padding-left: 12px;" class="van-col van-col--6">6</div>
<div style="padding-left: 16px;" class="van-col van-col--5">5</div>
<div style="padding-left: 18px;" class="van-col van-col--4">4</div>
<div class="van-col van-col--3">3</div>
<div style="padding-left: 12px;" class="van-col van-col--2">2</div>
<div class="van-col van-col--24">
24
</div>
<div class="van-col van-col--12">
12
</div>
<div style="padding-left: 12px;"
class="van-col van-col--12"
>
12
</div>
<div class="van-col van-col--8">
8
</div>
<div style="padding-left: 12px;"
class="van-col van-col--8"
>
8
</div>
<div style="padding-left: 16px;"
class="van-col van-col--8"
>
8
</div>
<div class="van-col van-col--6">
6
</div>
<div style="padding-left: 12px;"
class="van-col van-col--6"
>
6
</div>
<div style="padding-left: 16px;"
class="van-col van-col--6"
>
6
</div>
<div style="padding-left: 18px;"
class="van-col van-col--6"
>
6
</div>
<div class="van-col van-col--7">
7
</div>
<div style="padding-left: 12px;"
class="van-col van-col--6"
>
6
</div>
<div style="padding-left: 16px;"
class="van-col van-col--5"
>
5
</div>
<div style="padding-left: 18px;"
class="van-col van-col--4"
>
4
</div>
<div class="van-col van-col--3">
3
</div>
<div style="padding-left: 12px;"
class="van-col van-col--2"
>
2
</div>
</div>
`;

260
src/collapse/test/__snapshots__/demo.spec.js.snap
View File

@ -4,179 +4,209 @@ exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-collapse van-hairline--top-bottom">
<div class="van-collapse-item">
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--expanded" role="button" tabindex="0" aria-expanded="true" disabled="false">
<!---->
<div class="van-cell__title"><span>标题1</span>
<!---->
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--expanded"
role="button"
tabindex="0"
aria-expanded="true"
disabled="false"
>
<div class="van-cell__title">
<span>
标题1
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-collapse-item__wrapper">
<div class="van-collapse-item__content">代码是写出来给人看的，附带能在机器上运行</div>
<div class="van-collapse-item__content">
代码是写出来给人看的，附带能在机器上运行
</div>
</div>
</div>
<div class="van-collapse-item van-collapse-item--border">
<div class="van-cell van-cell--clickable van-collapse-item__title" role="button" tabindex="0" aria-expanded="false" disabled="false">
<!---->
<div class="van-cell__title"><span>标题2</span>
<!---->
<div class="van-cell van-cell--clickable van-collapse-item__title"
role="button"
tabindex="0"
aria-expanded="false"
disabled="false"
>
<div class="van-cell__title">
<span>
标题2
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<!---->
</div>
<div class="van-collapse-item van-collapse-item--border">
<div class="van-cell van-cell--clickable van-collapse-item__title" role="button" tabindex="0" aria-expanded="false" disabled="false">
<!---->
<div class="van-cell__title"><span>标题3</span>
<!---->
<div class="van-cell van-cell--clickable van-collapse-item__title"
role="button"
tabindex="0"
aria-expanded="false"
disabled="false"
>
<div class="van-cell__title">
<span>
标题3
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<!---->
</div>
</div>
</div>
<div>
<div class="van-collapse van-hairline--top-bottom">
<div class="van-collapse-item">
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--expanded" role="button" tabindex="0" aria-expanded="true" disabled="false">
<!---->
<div class="van-cell__title"><span>标题1</span>
<!---->
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--expanded"
role="button"
tabindex="0"
aria-expanded="true"
disabled="false"
>
<div class="van-cell__title">
<span>
标题1
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-collapse-item__wrapper">
<div class="van-collapse-item__content">代码是写出来给人看的，附带能在机器上运行</div>
<div class="van-collapse-item__content">
代码是写出来给人看的，附带能在机器上运行
</div>
</div>
</div>
<div class="van-collapse-item van-collapse-item--border">
<div class="van-cell van-cell--clickable van-collapse-item__title" role="button" tabindex="0" aria-expanded="false" disabled="false">
<!---->
<div class="van-cell__title"><span>标题2</span>
<!---->
<div class="van-cell van-cell--clickable van-collapse-item__title"
role="button"
tabindex="0"
aria-expanded="false"
disabled="false"
>
<div class="van-cell__title">
<span>
标题2
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<!---->
</div>
<div class="van-collapse-item van-collapse-item--border">
<div class="van-cell van-cell--clickable van-collapse-item__title" role="button" tabindex="0" aria-expanded="false" disabled="false">
<!---->
<div class="van-cell__title"><span>标题3</span>
<!---->
<div class="van-cell van-cell--clickable van-collapse-item__title"
role="button"
tabindex="0"
aria-expanded="false"
disabled="false"
>
<div class="van-cell__title">
<span>
标题3
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<!---->
</div>
</div>
</div>
<div>
<div class="van-collapse van-hairline--top-bottom">
<div class="van-collapse-item">
<div class="van-cell van-cell--clickable van-collapse-item__title" role="button" tabindex="0" aria-expanded="false" disabled="false">
<!---->
<div class="van-cell__title"><span>标题1</span>
<!---->
<div class="van-cell van-cell--clickable van-collapse-item__title"
role="button"
tabindex="0"
aria-expanded="false"
disabled="false"
>
<div class="van-cell__title">
<span>
标题1
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<!---->
</div>
<div class="van-collapse-item van-collapse-item--border">
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--disabled" role="button" tabindex="-1" aria-expanded="false" disabled="true">
<!---->
<div class="van-cell__title"><span>标题2</span>
<!---->
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--disabled"
role="button"
tabindex="-1"
aria-expanded="false"
disabled="true"
>
<div class="van-cell__title">
<span>
标题2
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<!---->
</div>
<div class="van-collapse-item van-collapse-item--border">
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--disabled" role="button" tabindex="-1" aria-expanded="false" disabled="true">
<!---->
<div class="van-cell__title"><span>标题3</span>
<!---->
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--disabled"
role="button"
tabindex="-1"
aria-expanded="false"
disabled="true"
>
<div class="van-cell__title">
<span>
标题3
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<!---->
</div>
</div>
</div>
<div>
<div class="van-collapse van-hairline--top-bottom">
<div class="van-collapse-item">
<div class="van-cell van-cell--clickable van-collapse-item__title" role="button" tabindex="0" aria-expanded="false" disabled="false">
<!---->
<div class="van-cell__title">标题1<i class="van-badge__wrapper van-icon van-icon-question-o">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-cell van-cell--clickable van-collapse-item__title"
role="button"
tabindex="0"
aria-expanded="false"
disabled="false"
>
<div class="van-cell__title">
标题1
<i class="van-badge__wrapper van-icon van-icon-question-o">
</i>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<!---->
</div>
<div class="van-collapse-item van-collapse-item--border">
<div class="van-cell van-cell--clickable van-collapse-item__title" role="button" tabindex="0" aria-expanded="false" disabled="false"><i class="van-badge__wrapper van-icon van-icon-shop-o van-cell__left-icon">
<!---->
<!---->
<!----></i>
<div class="van-cell__title"><span>标题2</span>
<!---->
<div class="van-cell van-cell--clickable van-collapse-item__title"
role="button"
tabindex="0"
aria-expanded="false"
disabled="false"
>
<i class="van-badge__wrapper van-icon van-icon-shop-o van-cell__left-icon">
</i>
<div class="van-cell__title">
<span>
标题2
</span>
</div>
<div class="van-cell__value"><span>内容</span></div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-cell__value">
<span>
内容
</span>
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<!---->
</div>
</div>
</div>

66
src/contact-card/test/__snapshots__/demo.spec.js.snap
View File

@ -2,46 +2,50 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-cell van-cell--center van-cell--clickable van-cell--borderless van-contact-card van-contact-card--add" role="button" tabindex="0"><i class="van-badge__wrapper van-icon van-icon-add-square van-cell__left-icon">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-cell__value van-cell__value--alone van-contact-card__value">添加联系人</div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-cell van-cell--center van-cell--clickable van-cell--borderless van-contact-card van-contact-card--add"
role="button"
tabindex="0"
>
<i class="van-badge__wrapper van-icon van-icon-add-square van-cell__left-icon">
</i>
<div class="van-cell__value van-cell__value--alone van-contact-card__value">
添加联系人
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-cell van-cell--center van-cell--clickable van-cell--borderless van-contact-card van-contact-card--edit" role="button" tabindex="0"><i class="van-badge__wrapper van-icon van-icon-contact van-cell__left-icon">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-cell van-cell--center van-cell--clickable van-cell--borderless van-contact-card van-contact-card--edit"
role="button"
tabindex="0"
>
<i class="van-badge__wrapper van-icon van-icon-contact van-cell__left-icon">
</i>
<div class="van-cell__value van-cell__value--alone van-contact-card__value">
<div>张三：张三</div>
<div>电话：13000000000</div>
</div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<div>
张三：张三
</div>
<div>
电话：13000000000
</div>
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-cell van-cell--center van-cell--borderless van-contact-card van-contact-card--edit"><i class="van-badge__wrapper van-icon van-icon-contact van-cell__left-icon">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-cell van-cell--center van-cell--borderless van-contact-card van-contact-card--edit">
<i class="van-badge__wrapper van-icon van-icon-contact van-cell__left-icon">
</i>
<div class="van-cell__value van-cell__value--alone van-contact-card__value">
<div>张三：张三</div>
<div>电话：13000000000</div>
<div>
张三：张三
</div>
<div>
电话：13000000000
</div>
</div>
<!---->
<!---->
</div>
</div>
`;

79
src/contact-edit/test/__snapshots__/demo.spec.js.snap
View File

@ -6,64 +6,71 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-contact-edit">
<div class="van-contact-edit__fields">
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>姓名</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
姓名
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control" placeholder="请填写姓名">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
class="van-field__control"
placeholder="请填写姓名"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>电话</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
电话
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="tel" class="van-field__control" placeholder="请填写电话">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="tel"
class="van-field__control"
placeholder="请填写电话"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
</div>
<div class="van-cell van-cell--borderless van-contact-edit__switch-cell">
<!---->
<div class="van-cell__title"><span>设为默认联系人</span>
<!---->
<div class="van-cell__title">
<span>
设为默认联系人
</span>
</div>
<!---->
<div role="switch" class="van-switch" style="font-size: 24px;" aria-checked="false">
<div role="switch"
class="van-switch"
style="font-size: 24px;"
aria-checked="false"
>
<div class="van-switch__node">
<!---->
</div>
</div>
<!---->
</div>
<div class="van-contact-edit__buttons"><button type="button" class="van-button van-button--danger van-button--normal van-button--block van-button--round">
<div class="van-contact-edit__buttons">
<button type="button"
class="van-button van-button--danger van-button--normal van-button--block van-button--round"
>
<div class="van-button__content">
<!----><span class="van-button__text">保存</span>
<!---->
<span class="van-button__text">
保存
</span>
</div>
</button><button type="button" class="van-button van-button--default van-button--normal van-button--block van-button--round">
</button>
<button type="button"
class="van-button van-button--default van-button--normal van-button--block van-button--round"
>
<div class="van-button__content">
<!----><span class="van-button__text">删除</span>
<!---->
<span class="van-button__text">
删除
</span>
</div>
</button>
</div>
</button></div>
</div>
</div>
</div>

95
src/contact-list/test/__snapshots__/demo.spec.js.snap
View File

@ -4,45 +4,72 @@ exports[`should render demo and match snapshot 1`] = `
<div>
<div>
<div class="van-contact-list">
<div class="van-radio-group van-contact-list__group" role="radiogroup">
<div class="van-cell van-cell--center van-cell--clickable van-contact-list__item" role="button" tabindex="0"><i class="van-badge__wrapper van-icon van-icon-edit van-contact-list__edit">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-cell__value van-cell__value--alone van-contact-list__item-value">张三，13000000000<transition-stub class="van-contact-list__item-tag"><span class="van-tag van-tag--round van-tag--danger">默认<!----></span></transition-stub>
<div class="van-radio-group van-contact-list__group"
role="radiogroup"
>
<div class="van-cell van-cell--center van-cell--clickable van-contact-list__item"
role="button"
tabindex="0"
>
<i class="van-badge__wrapper van-icon van-icon-edit van-contact-list__edit">
</i>
<div class="van-cell__value van-cell__value--alone van-contact-list__item-value">
张三，13000000000
<transition-stub class="van-contact-list__item-tag">
<span class="van-tag van-tag--round van-tag--danger">
默认
</span>
</transition-stub>
</div>
<div role="radio" class="van-radio" tabindex="0" aria-checked="true">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked" style="font-size: 16px;"><i class="van-badge__wrapper van-icon van-icon-success" style="border-color: #ee0a24; background-color: rgb(238, 10, 36);">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<!---->
</div>
<div class="van-cell van-cell--center van-cell--clickable van-contact-list__item" role="button" tabindex="0"><i class="van-badge__wrapper van-icon van-icon-edit van-contact-list__edit">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-cell__value van-cell__value--alone van-contact-list__item-value">李四，1310000000</div>
<div role="radio" class="van-radio" tabindex="0" aria-checked="false">
<div class="van-radio__icon van-radio__icon--round" style="font-size: 16px;"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<!---->
<div role="radio"
class="van-radio"
tabindex="0"
aria-checked="true"
>
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"
style="font-size: 16px;"
>
<i class="van-badge__wrapper van-icon van-icon-success"
style="border-color: #ee0a24; background-color: rgb(238, 10, 36);"
>
</i>
</div>
</div>
<div class="van-contact-list__bottom"><button type="button" class="van-button van-button--danger van-button--normal van-button--block van-button--round van-contact-list__add">
</div>
<div class="van-cell van-cell--center van-cell--clickable van-contact-list__item"
role="button"
tabindex="0"
>
<i class="van-badge__wrapper van-icon van-icon-edit van-contact-list__edit">
</i>
<div class="van-cell__value van-cell__value--alone van-contact-list__item-value">
李四，1310000000
</div>
<div role="radio"
class="van-radio"
tabindex="0"
aria-checked="false"
>
<div class="van-radio__icon van-radio__icon--round"
style="font-size: 16px;"
>
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
</div>
</div>
</div>
<div class="van-contact-list__bottom">
<button type="button"
class="van-button van-button--danger van-button--normal van-button--block van-button--round van-contact-list__add"
>
<div class="van-button__content">
<!----><span class="van-button__text">新建联系人</span>
<!---->
<span class="van-button__text">
新建联系人
</span>
</div>
</button>
</div>
</button></div>
</div>
</div>
</div>

26
src/coupon-list/test/__snapshots__/demo.spec.js.snap
View File

@ -2,22 +2,26 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-cell van-cell--clickable van-coupon-cell" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>优惠券</span>
<!---->
<div class="van-cell van-cell--clickable van-coupon-cell"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
优惠券
</span>
</div>
<div class="van-cell__value van-coupon-cell__value"><span>2张可用</span></div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-cell__value van-coupon-cell__value">
<span>
2张可用
</span>
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
`;

5084
src/datetime-picker/test/__snapshots__/demo.spec.js.snap
View File

File diff suppressed because it is too large Load Diff

176
src/dialog/test/__snapshots__/demo.spec.js.snap
View File

@ -2,108 +2,130 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>提示弹窗</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
提示弹窗
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>提示弹窗（无标题）</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
提示弹窗（无标题）
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>确认弹窗</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
确认弹窗
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>提示弹窗</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
提示弹窗
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>提示弹窗（无标题）</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
提示弹窗（无标题）
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>异步关闭</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
异步关闭
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>组件调用</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
组件调用
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<div class="van-popup van-popup--center van-dialog" role="dialog" aria-labelledby="标题" style="display: none;">
<div class="van-dialog__header">标题</div>
<div class="van-dialog__content"><img src="https://img.yzcdn.cn/vant/apple-3.jpg"></div>
<div class="van-hairline--top van-dialog__footer"><button type="button" class="van-button van-button--default van-button--large van-dialog__cancel">
<div class="van-button__content">
<!----><span class="van-button__text">取消</span>
<!---->
<div class="van-popup van-popup--center van-dialog"
role="dialog"
aria-labelledby="标题"
style="display: none;"
>
<div class="van-dialog__header">
标题
</div>
</button><button type="button" class="van-button van-button--default van-button--large van-dialog__confirm van-hairline--left">
<div class="van-button__content">
<!----><span class="van-button__text">确认弹窗</span>
<!---->
<div class="van-dialog__content">
<img src="https://img.yzcdn.cn/vant/apple-3.jpg">
</div>
<div class="van-hairline--top van-dialog__footer">
<button type="button"
class="van-button van-button--default van-button--large van-dialog__cancel"
>
<div class="van-button__content">
<span class="van-button__text">
取消
</span>
</div>
</button>
<button type="button"
class="van-button van-button--default van-button--large van-dialog__confirm van-hairline--left"
>
<div class="van-button__content">
<span class="van-button__text">
确认弹窗
</span>
</div>
</button>
</div>
</button></div>
<!---->
</div>
</transition-stub>
</div>

36
src/divider/test/__snapshots__/demo.spec.js.snap
View File

@ -2,21 +2,43 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div role="separator" class="van-divider van-divider--hairline">
<!---->
<div role="separator"
class="van-divider van-divider--hairline"
>
</div>
</div>
<div>
<div role="separator" class="van-divider van-divider--hairline van-divider--content-center">文本</div>
<div role="separator"
class="van-divider van-divider--hairline van-divider--content-center"
>
文本
</div>
</div>
<div>
<div role="separator" class="van-divider van-divider--hairline van-divider--content-left">文本</div>
<div role="separator" class="van-divider van-divider--hairline van-divider--content-right">文本</div>
<div role="separator"
class="van-divider van-divider--hairline van-divider--content-left"
>
文本
</div>
<div role="separator"
class="van-divider van-divider--hairline van-divider--content-right"
>
文本
</div>
</div>
<div>
<div role="separator" class="van-divider van-divider--dashed van-divider--content-center">文本</div>
<div role="separator"
class="van-divider van-divider--dashed van-divider--content-center"
>
文本
</div>
</div>
<div>
<div role="separator" class="van-divider van-divider--hairline van-divider--content-center" style="border-color: #1989fa; color: rgb(25, 137, 250); padding: 0px 16px;">文本</div>
<div role="separator"
class="van-divider van-divider--hairline van-divider--content-center"
style="border-color: #1989fa; color: rgb(25, 137, 250); padding: 0px 16px;"
>
文本
</div>
</div>
`;

170
src/dropdown-menu/test/__snapshots__/demo.spec.js.snap
View File

@ -4,23 +4,41 @@ exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-dropdown-menu">
<div class="van-dropdown-menu__bar">
<div role="button" tabindex="0" class="van-dropdown-menu__item"><span class="van-dropdown-menu__title"><div class="van-ellipsis">全部商品</div></span></div>
<div role="button" tabindex="0" class="van-dropdown-menu__item"><span class="van-dropdown-menu__title"><div class="van-ellipsis">默认排序</div></span></div>
<div role="button"
tabindex="0"
class="van-dropdown-menu__item"
>
<span class="van-dropdown-menu__title">
<div class="van-ellipsis">
全部商品
</div>
<div style="top: 0px; display: none;" class="van-dropdown-item van-dropdown-item--down">
</span>
</div>
<div role="button"
tabindex="0"
class="van-dropdown-menu__item"
>
<span class="van-dropdown-menu__title">
<div class="van-ellipsis">
默认排序
</div>
</span>
</div>
</div>
<div style="top: 0px; display: none;"
class="van-dropdown-item van-dropdown-item--down"
>
<transition-stub style="position: absolute;">
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
<div style="top: 0px; display: none;" class="van-dropdown-item van-dropdown-item--down">
<div style="top: 0px; display: none;"
class="van-dropdown-item van-dropdown-item--down"
>
<transition-stub style="position: absolute;">
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
</div>
@ -28,23 +46,41 @@ exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-dropdown-menu">
<div class="van-dropdown-menu__bar">
<div role="button" tabindex="0" class="van-dropdown-menu__item"><span class="van-dropdown-menu__title"><div class="van-ellipsis">全部商品</div></span></div>
<div role="button" tabindex="0" class="van-dropdown-menu__item"><span class="van-dropdown-menu__title"><div class="van-ellipsis">筛选</div></span></div>
<div role="button"
tabindex="0"
class="van-dropdown-menu__item"
>
<span class="van-dropdown-menu__title">
<div class="van-ellipsis">
全部商品
</div>
<div style="top: 0px; display: none;" class="van-dropdown-item van-dropdown-item--down">
</span>
</div>
<div role="button"
tabindex="0"
class="van-dropdown-menu__item"
>
<span class="van-dropdown-menu__title">
<div class="van-ellipsis">
筛选
</div>
</span>
</div>
</div>
<div style="top: 0px; display: none;"
class="van-dropdown-item van-dropdown-item--down"
>
<transition-stub style="position: absolute;">
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
<div style="top: 0px; display: none;" class="van-dropdown-item van-dropdown-item--down">
<div style="top: 0px; display: none;"
class="van-dropdown-item van-dropdown-item--down"
>
<transition-stub style="position: absolute;">
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
</div>
@ -52,23 +88,41 @@ exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-dropdown-menu">
<div class="van-dropdown-menu__bar">
<div role="button" tabindex="0" class="van-dropdown-menu__item"><span class="van-dropdown-menu__title"><div class="van-ellipsis">全部商品</div></span></div>
<div role="button" tabindex="0" class="van-dropdown-menu__item"><span class="van-dropdown-menu__title"><div class="van-ellipsis">默认排序</div></span></div>
<div role="button"
tabindex="0"
class="van-dropdown-menu__item"
>
<span class="van-dropdown-menu__title">
<div class="van-ellipsis">
全部商品
</div>
<div style="top: 0px; display: none;" class="van-dropdown-item van-dropdown-item--down">
</span>
</div>
<div role="button"
tabindex="0"
class="van-dropdown-menu__item"
>
<span class="van-dropdown-menu__title">
<div class="van-ellipsis">
默认排序
</div>
</span>
</div>
</div>
<div style="top: 0px; display: none;"
class="van-dropdown-item van-dropdown-item--down"
>
<transition-stub style="position: absolute;">
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
<div style="top: 0px; display: none;" class="van-dropdown-item van-dropdown-item--down">
<div style="top: 0px; display: none;"
class="van-dropdown-item van-dropdown-item--down"
>
<transition-stub style="position: absolute;">
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
</div>
@ -76,23 +130,41 @@ exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-dropdown-menu">
<div class="van-dropdown-menu__bar">
<div role="button" tabindex="0" class="van-dropdown-menu__item"><span class="van-dropdown-menu__title van-dropdown-menu__title--down"><div class="van-ellipsis">全部商品</div></span></div>
<div role="button" tabindex="0" class="van-dropdown-menu__item"><span class="van-dropdown-menu__title van-dropdown-menu__title--down"><div class="van-ellipsis">默认排序</div></span></div>
<div role="button"
tabindex="0"
class="van-dropdown-menu__item"
>
<span class="van-dropdown-menu__title van-dropdown-menu__title--down">
<div class="van-ellipsis">
全部商品
</div>
<div style="bottom: 0px; display: none;" class="van-dropdown-item van-dropdown-item--up">
</span>
</div>
<div role="button"
tabindex="0"
class="van-dropdown-menu__item"
>
<span class="van-dropdown-menu__title van-dropdown-menu__title--down">
<div class="van-ellipsis">
默认排序
</div>
</span>
</div>
</div>
<div style="bottom: 0px; display: none;"
class="van-dropdown-item van-dropdown-item--up"
>
<transition-stub style="position: absolute;">
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
<div style="bottom: 0px; display: none;" class="van-dropdown-item van-dropdown-item--up">
<div style="bottom: 0px; display: none;"
class="van-dropdown-item van-dropdown-item--up"
>
<transition-stub style="position: absolute;">
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
</div>
@ -100,23 +172,41 @@ exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-dropdown-menu">
<div class="van-dropdown-menu__bar">
<div role="button" tabindex="-1" class="van-dropdown-menu__item van-dropdown-menu__item--disabled"><span class="van-dropdown-menu__title"><div class="van-ellipsis">全部商品</div></span></div>
<div role="button" tabindex="-1" class="van-dropdown-menu__item van-dropdown-menu__item--disabled"><span class="van-dropdown-menu__title"><div class="van-ellipsis">默认排序</div></span></div>
<div role="button"
tabindex="-1"
class="van-dropdown-menu__item van-dropdown-menu__item--disabled"
>
<span class="van-dropdown-menu__title">
<div class="van-ellipsis">
全部商品
</div>
<div style="top: 0px; display: none;" class="van-dropdown-item van-dropdown-item--down">
</span>
</div>
<div role="button"
tabindex="-1"
class="van-dropdown-menu__item van-dropdown-menu__item--disabled"
>
<span class="van-dropdown-menu__title">
<div class="van-ellipsis">
默认排序
</div>
</span>
</div>
</div>
<div style="top: 0px; display: none;"
class="van-dropdown-item van-dropdown-item--down"
>
<transition-stub style="position: absolute;">
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
<div style="top: 0px; display: none;" class="van-dropdown-item van-dropdown-item--down">
<div style="top: 0px; display: none;"
class="van-dropdown-item van-dropdown-item--down"
>
<transition-stub style="position: absolute;">
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
</div>

109
src/empty/test/__snapshots__/demo.spec.js.snap
View File

@ -3,57 +3,108 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-empty">
<div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/empty-image-default.png"></div>
<p class="van-empty__description">描述文字</p>
<!---->
<div class="van-empty__image">
<img src="https://img.yzcdn.cn/vant/empty-image-default.png">
</div>
<p class="van-empty__description">
描述文字
</p>
</div>
</div>
<div>
<div class="van-tabs van-tabs--line" modelvalue="error">
<div class="van-tabs van-tabs--line"
modelvalue="error"
>
<div class="van-tabs__wrap">
<div role="tablist" class="van-tabs__nav van-tabs__nav--line">
<!---->
<div role="tab" class="van-tab van-tab--active" aria-selected="true"><span class="van-tab__text van-tab__text--ellipsis">通用错误</span></div>
<div role="tab" class="van-tab" aria-selected="false"><span class="van-tab__text van-tab__text--ellipsis">网络错误</span></div>
<div role="tab" class="van-tab" aria-selected="false"><span class="van-tab__text van-tab__text--ellipsis">搜索提示</span></div>
<div class="van-tabs__line" style="transform: translateX(0px) translateX(-50%);"></div>
<!---->
<div role="tablist"
class="van-tabs__nav van-tabs__nav--line"
>
<div role="tab"
class="van-tab van-tab--active"
aria-selected="true"
>
<span class="van-tab__text van-tab__text--ellipsis">
通用错误
</span>
</div>
<div role="tab"
class="van-tab"
aria-selected="false"
>
<span class="van-tab__text van-tab__text--ellipsis">
网络错误
</span>
</div>
<div role="tab"
class="van-tab"
aria-selected="false"
>
<span class="van-tab__text van-tab__text--ellipsis">
搜索提示
</span>
</div>
<div class="van-tabs__line"
style="transform: translateX(0px) translateX(-50%);"
>
</div>
</div>
</div>
<div class="van-tabs__content">
<div role="tabpanel" class="van-tab__pane" style="">
<div role="tabpanel"
class="van-tab__pane"
style
>
<div class="van-empty">
<div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/empty-image-error.png"></div>
<p class="van-empty__description">描述文字</p>
<!---->
<div class="van-empty__image">
<img src="https://img.yzcdn.cn/vant/empty-image-error.png">
</div>
<p class="van-empty__description">
描述文字
</p>
</div>
</div>
<div role="tabpanel" class="van-tab__pane" style="display: none;">
<!---->
<div role="tabpanel"
class="van-tab__pane"
style="display: none;"
>
</div>
<div role="tabpanel" class="van-tab__pane" style="display: none;">
<!---->
<div role="tabpanel"
class="van-tab__pane"
style="display: none;"
>
</div>
</div>
</div>
</div>
<div>
<div class="van-empty custom-image">
<div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/custom-empty-image.png"></div>
<p class="van-empty__description">描述文字</p>
<!---->
<div class="van-empty__image">
<img src="https://img.yzcdn.cn/vant/custom-empty-image.png">
</div>
<p class="van-empty__description">
描述文字
</p>
</div>
</div>
<div>
<div class="van-empty">
<div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/empty-image-default.png"></div>
<p class="van-empty__description">描述文字</p>
<div class="van-empty__bottom"><button type="button" class="van-button van-button--danger van-button--normal van-button--round bottom-button">
<div class="van-button__content">
<!----><span class="van-button__text">按钮</span>
<!---->
<div class="van-empty__image">
<img src="https://img.yzcdn.cn/vant/empty-image-default.png">
</div>
<p class="van-empty__description">
描述文字
</p>
<div class="van-empty__bottom">
<button type="button"
class="van-button van-button--danger van-button--normal van-button--round bottom-button"
>
<div class="van-button__content">
<span class="van-button__text">
按钮
</span>
</div>
</button>
</div>
</button></div>
</div>
</div>
`;

272
src/empty/test/__snapshots__/index.spec.js.snap
View File

@ -2,88 +2,254 @@
exports[`should render bottom slot correctly 1`] = `
<div class="van-empty">
<div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/empty-image-default.png"></div>
<!---->
<div class="van-empty__bottom">Custom bottom</div>
<div class="van-empty__image">
<img src="https://img.yzcdn.cn/vant/empty-image-default.png">
</div>
<div class="van-empty__bottom">
Custom bottom
</div>
</div>
`;
exports[`should render description slot correctly 1`] = `
<div class="van-empty">
<div class="van-empty__image"><img src="https://img.yzcdn.cn/vant/empty-image-default.png"></div>
<p class="van-empty__description">Custom description</p>
<!---->
<div class="van-empty__image">
<img src="https://img.yzcdn.cn/vant/empty-image-default.png">
</div>
<p class="van-empty__description">
Custom description
</p>
</div>
`;
exports[`should render image slot correctly 1`] = `
<div class="van-empty">
<div class="van-empty__image">Custom Image</div>
<!---->
<!---->
<div class="van-empty__image">
Custom Image
</div>
</div>
`;
exports[`should render svg when image is network 1`] = `
<div class="van-empty">
<div class="van-empty__image"><svg viewBox="0 0 160 160">
<div class="van-empty__image">
<svg viewbox="0 0 160 160">
<defs>
<linearGradient id="c" x1="64.022%" y1="100%" x2="64.022%" y2="0%">
<stop stop-color="#FFF" offset="0%" stop-opacity="0.5"></stop>
<stop stop-color="#F2F3F5" offset="100%"></stop>
<linearGradient id="c"
x1="64.022%"
y1="100%"
x2="64.022%"
y2="0%"
>
<stop stop-color="#FFF"
offset="0%"
stop-opacity="0.5"
>
</stop>
<stop stop-color="#F2F3F5"
offset="100%"
>
</stop>
</linearGradient>
<linearGradient id="d" x1="64.022%" y1="96.956%" x2="64.022%" y2="0%">
<stop stop-color="#F2F3F5" offset="0%" stop-opacity="0.3"></stop>
<stop stop-color="#F2F3F5" offset="100%"></stop>
<linearGradient id="d"
x1="64.022%"
y1="96.956%"
x2="64.022%"
y2="0%"
>
<stop stop-color="#F2F3F5"
offset="0%"
stop-opacity="0.3"
>
</stop>
<stop stop-color="#F2F3F5"
offset="100%"
>
</stop>
</linearGradient>
<linearGradient id="h" x1="50%" y1="0%" x2="50%" y2="84.459%">
<stop stop-color="#EBEDF0" offset="0%"></stop>
<stop stop-color="#DCDEE0" offset="100%" stop-opacity="0"></stop>
<linearGradient id="h"
x1="50%"
y1="0%"
x2="50%"
y2="84.459%"
>
<stop stop-color="#EBEDF0"
offset="0%"
>
</stop>
<stop stop-color="#DCDEE0"
offset="100%"
stop-opacity="0"
>
</stop>
</linearGradient>
<linearGradient id="i" x1="100%" y1="0%" x2="100%" y2="100%">
<stop stop-color="#EAEDF0" offset="0%"></stop>
<stop stop-color="#DCDEE0" offset="100%"></stop>
<linearGradient id="i"
x1="100%"
y1="0%"
x2="100%"
y2="100%"
>
<stop stop-color="#EAEDF0"
offset="0%"
>
</stop>
<stop stop-color="#DCDEE0"
offset="100%"
>
</stop>
</linearGradient>
<linearGradient id="k" x1="100%" y1="100%" x2="100%" y2="0%">
<stop stop-color="#EAEDF0" offset="0%"></stop>
<stop stop-color="#DCDEE0" offset="100%"></stop>
<linearGradient id="k"
x1="100%"
y1="100%"
x2="100%"
y2="0%"
>
<stop stop-color="#EAEDF0"
offset="0%"
>
</stop>
<stop stop-color="#DCDEE0"
offset="100%"
>
</stop>
</linearGradient>
<linearGradient id="m" x1="0%" y1="43.982%" x2="100%" y2="54.703%">
<stop stop-color="#EAEDF0" offset="0%"></stop>
<stop stop-color="#DCDEE0" offset="100%"></stop>
<linearGradient id="m"
x1="0%"
y1="43.982%"
x2="100%"
y2="54.703%"
>
<stop stop-color="#EAEDF0"
offset="0%"
>
</stop>
<stop stop-color="#DCDEE0"
offset="100%"
>
</stop>
</linearGradient>
<linearGradient id="n" x1="94.535%" y1="43.837%" x2="5.465%" y2="54.948%">
<stop stop-color="#EAEDF0" offset="0%"></stop>
<stop stop-color="#DCDEE0" offset="100%"></stop>
<linearGradient id="n"
x1="94.535%"
y1="43.837%"
x2="5.465%"
y2="54.948%"
>
<stop stop-color="#EAEDF0"
offset="0%"
>
</stop>
<stop stop-color="#DCDEE0"
offset="100%"
>
</stop>
</linearGradient>
<radialGradient id="g" cx="50%" cy="0%" fx="50%" fy="0%" r="100%" gradientTransform="matrix(0 1 -.54835 0 .5 -.5)">
<stop stop-color="#EBEDF0" offset="0%"></stop>
<stop stop-color="#FFF" offset="100%" stop-opacity="0"></stop>
<radialGradient id="g"
cx="50%"
cy="0%"
fx="50%"
fy="0%"
r="100%"
gradienttransform="matrix(0 1 -.54835 0 .5 -.5)"
>
<stop stop-color="#EBEDF0"
offset="0%"
>
</stop>
<stop stop-color="#FFF"
offset="100%"
stop-opacity="0"
>
</stop>
</radialGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<g fill="none"
fill-rule="evenodd"
>
<g opacity=".8">
<path d="M0 124V46h20v20h14v58H0z" fill="url(#c)" transform="matrix(-1 0 0 1 36 7)"></path>
<path d="M40.5 5a8.504 8.504 0 018.13 6.009l.12-.005L49 11a8 8 0 11-1 15.938V27H34v-.174a6.5 6.5 0 11-1.985-12.808A8.5 8.5 0 0140.5 5z" fill="url(#d)" transform="translate(2 7)"></path>
<path d="M96.016 0a4.108 4.108 0 013.934 2.868l.179-.004c2.138 0 3.871 1.71 3.871 3.818 0 2.109-1.733 3.818-3.871 3.818-.164 0-.325-.01-.484-.03v.03h-6.774v-.083a3.196 3.196 0 01-.726.083C90.408 10.5 89 9.111 89 7.398c0-1.636 1.284-2.976 2.911-3.094a3.555 3.555 0 01-.008-.247c0-2.24 1.842-4.057 4.113-4.057z" fill="url(#d)" transform="translate(2 7)"></path>
<path d="M121 8h22.231v14H152v77.37h-31V8z" fill="url(#c)" transform="translate(2 7)"></path>
<path d="M0 124V46h20v20h14v58H0z"
fill="url(#c)"
transform="matrix(-1 0 0 1 36 7)"
>
</path>
<path d="M40.5 5a8.504 8.504 0 018.13 6.009l.12-.005L49 11a8 8 0 11-1 15.938V27H34v-.174a6.5 6.5 0 11-1.985-12.808A8.5 8.5 0 0140.5 5z"
fill="url(#d)"
transform="translate(2 7)"
>
</path>
<path d="M96.016 0a4.108 4.108 0 013.934 2.868l.179-.004c2.138 0 3.871 1.71 3.871 3.818 0 2.109-1.733 3.818-3.871 3.818-.164 0-.325-.01-.484-.03v.03h-6.774v-.083a3.196 3.196 0 01-.726.083C90.408 10.5 89 9.111 89 7.398c0-1.636 1.284-2.976 2.911-3.094a3.555 3.555 0 01-.008-.247c0-2.24 1.842-4.057 4.113-4.057z"
fill="url(#d)"
transform="translate(2 7)"
>
</path>
<path d="M121 8h22.231v14H152v77.37h-31V8z"
fill="url(#c)"
transform="translate(2 7)"
>
</path>
</g>
<path fill="url(#g)" d="M0 139h160v21H0z"></path>
<path d="M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z" fill="url(#h)" fill-rule="nonzero" transform="translate(43 36)"></path>
<g opacity=".6" stroke-linecap="round" stroke-width="7">
<path d="M20.875 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12" stroke="url(#i)" transform="translate(43 36)"></path>
<path d="M9.849 0C3.756 6.225 0 14.747 0 24.146c0 9.398 3.756 17.92 9.849 24.145" stroke="url(#i)" transform="translate(43 36)"></path>
<path d="M57.625 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12" stroke="url(#k)" transform="rotate(-180 76.483 42.257)"></path>
<path d="M73.216 0c-6.093 6.225-9.849 14.747-9.849 24.146 0 9.398 3.756 17.92 9.849 24.145" stroke="url(#k)" transform="rotate(-180 89.791 42.146)"></path>
<path fill="url(#g)"
d="M0 139h160v21H0z"
>
</path>
<path d="M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z"
fill="url(#h)"
fill-rule="nonzero"
transform="translate(43 36)"
>
</path>
<g opacity=".6"
stroke-linecap="round"
stroke-width="7"
>
<path d="M20.875 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12"
stroke="url(#i)"
transform="translate(43 36)"
>
</path>
<path d="M9.849 0C3.756 6.225 0 14.747 0 24.146c0 9.398 3.756 17.92 9.849 24.145"
stroke="url(#i)"
transform="translate(43 36)"
>
</path>
<path d="M57.625 11.136a18.868 18.868 0 00-5.284 13.121c0 5.094 2.012 9.718 5.284 13.12"
stroke="url(#k)"
transform="rotate(-180 76.483 42.257)"
>
</path>
<path d="M73.216 0c-6.093 6.225-9.849 14.747-9.849 24.146 0 9.398 3.756 17.92 9.849 24.145"
stroke="url(#k)"
transform="rotate(-180 89.791 42.146)"
>
</path>
</g>
<g transform="translate(31 105)" fill-rule="nonzero">
<rect fill="url(#m)" width="98" height="34" rx="2"></rect>
<rect fill="#FFF" x="9" y="8" width="80" height="18" rx="1.114"></rect>
<rect fill="url(#n)" x="15" y="12" width="18" height="6" rx="1.114"></rect>
<g transform="translate(31 105)"
fill-rule="nonzero"
>
<rect fill="url(#m)"
width="98"
height="34"
rx="2"
>
</rect>
<rect fill="#FFF"
x="9"
y="8"
width="80"
height="18"
rx="1.114"
>
</rect>
<rect fill="url(#n)"
x="15"
y="12"
width="18"
height="6"
rx="1.114"
>
</rect>
</g>
</g>
</svg></div>
<!---->
<!---->
</svg>
</div>
</div>
`;

408
src/field/test/__snapshots__/demo.spec.js.snap
View File

@ -4,343 +4,331 @@ exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>文本</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
文本
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control" placeholder="请输入文本">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
class="van-field__control"
placeholder="请输入文本"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
</div>
</div>
<div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>文本</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
文本
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control" placeholder="请输入文本">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
class="van-field__control"
placeholder="请输入文本"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>手机号</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
手机号
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="tel" class="van-field__control" placeholder="请输入手机号">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="tel"
class="van-field__control"
placeholder="请输入手机号"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>整数</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
整数
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="tel" inputmode="numeric" class="van-field__control" placeholder="请输入整数">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="tel"
inputmode="numeric"
class="van-field__control"
placeholder="请输入整数"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>数字</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
数字
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" inputmode="decimal" class="van-field__control" placeholder="请输入数字（支持小数）">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
inputmode="decimal"
class="van-field__control"
placeholder="请输入数字（支持小数）"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>密码</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
密码
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="password" class="van-field__control" placeholder="请输入密码">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="password"
class="van-field__control"
placeholder="请输入密码"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>文本</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
文本
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control" readonly="">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
class="van-field__control"
readonly
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-field van-field--disabled">
<!---->
<div class="van-cell__title van-field__label"><span>文本</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
文本
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control" disabled="">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
class="van-field__control"
disabled
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-cell van-field">
<div class="van-field__left-icon"><i class="van-badge__wrapper van-icon van-icon-smile-o">
<!---->
<!---->
<!----></i></div>
<div class="van-cell__title van-field__label"><span>文本</span>
<!---->
<div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-smile-o">
</i>
</div>
<div class="van-cell__title van-field__label">
<span>
文本
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control" placeholder="显示图标">
<!---->
<div class="van-field__right-icon"><i class="van-badge__wrapper van-icon van-icon-warning-o">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-field__body">
<input type="text"
class="van-field__control"
placeholder="显示图标"
>
<div class="van-field__right-icon">
<i class="van-badge__wrapper van-icon van-icon-warning-o">
</i>
</div>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-field">
<div class="van-field__left-icon"><i class="van-badge__wrapper van-icon van-icon-music-o">
<!---->
<!---->
<!----></i></div>
<div class="van-cell__title van-field__label"><span>文本</span>
<!---->
<div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-music-o">
</i>
</div>
<div class="van-cell__title van-field__label">
<span>
文本
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control" placeholder="显示清除图标">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
class="van-field__control"
placeholder="显示清除图标"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-cell van-cell--required van-field van-field--error">
<!---->
<div class="van-cell__title van-field__label"><span>用户名</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
用户名
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control" placeholder="请输入用户名">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
class="van-field__control"
placeholder="请输入用户名"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-cell--required van-field">
<!---->
<div class="van-cell__title van-field__label"><span>手机号</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
手机号
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control" placeholder="请输入手机号">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
class="van-field__control"
placeholder="请输入手机号"
>
</div>
<div class="van-field__error-message">
手机号格式错误
</div>
<!---->
<div class="van-field__error-message">手机号格式错误</div>
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-cell van-cell--center van-field">
<!---->
<div class="van-cell__title van-field__label"><span>短信验证码</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
短信验证码
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control" placeholder="请输入短信验证码">
<!---->
<!---->
<div class="van-field__button"><button type="button" class="van-button van-button--primary van-button--small">
<div class="van-field__body">
<input type="text"
class="van-field__control"
placeholder="请输入短信验证码"
>
<div class="van-field__button">
<button type="button"
class="van-button van-button--primary van-button--small"
>
<div class="van-button__content">
<!----><span class="van-button__text">发送验证码</span>
<!---->
<span class="van-button__text">
发送验证码
</span>
</div>
</button>
</div>
</button></div>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>文本</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
文本
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control" placeholder="在输入时执行格式化">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
class="van-field__control"
placeholder="在输入时执行格式化"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>文本</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
文本
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control" placeholder="在失焦时执行格式化">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
class="van-field__control"
placeholder="在失焦时执行格式化"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>留言</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
留言
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><textarea rows="1" class="van-field__control" placeholder="请输入留言" style="height: auto;"></textarea>
<!---->
<!---->
<!---->
<div class="van-field__body">
<textarea rows="1"
class="van-field__control"
placeholder="请输入留言"
style="height: auto;"
>
</textarea>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>留言</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
留言
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><textarea rows="2" class="van-field__control" placeholder="请输入留言" style="height: auto;"></textarea>
<!---->
<!---->
<!---->
<div class="van-field__body">
<textarea rows="2"
class="van-field__control"
placeholder="请输入留言"
style="height: auto;"
>
</textarea>
</div>
<div class="van-field__word-limit">
<span class="van-field__word-num">
0
</span>
/50
</div>
<div class="van-field__word-limit"><span class="van-field__word-num">0</span>/50</div>
<!---->
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>文本</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
文本
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control van-field__control--right" placeholder="输入框内容右对齐">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
class="van-field__control van-field__control--right"
placeholder="输入框内容右对齐"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
</div>
`;

626
src/form/test/__snapshots__/demo.spec.js.snap
View File

@ -4,327 +4,390 @@ exports[`should render demo and match snapshot 1`] = `
<div>
<form class="van-form">
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>用户名</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
用户名
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" name="username" class="van-field__control" placeholder="用户名">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
name="username"
class="van-field__control"
placeholder="用户名"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>密码</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
密码
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="password" name="password" class="van-field__control" placeholder="密码">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="password"
name="password"
class="van-field__control"
placeholder="密码"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div style="margin: 16px 16px 0px;"><button type="submit" class="van-button van-button--primary van-button--normal van-button--block van-button--round">
<div style="margin: 16px 16px 0px;">
<button type="submit"
class="van-button van-button--primary van-button--normal van-button--block van-button--round"
>
<div class="van-button__content">
<!----><span class="van-button__text">提交</span>
<!---->
<span class="van-button__text">
提交
</span>
</div>
</button>
</div>
</button></div>
</form>
</div>
<div>
<form class="van-form">
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>文本</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
文本
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" name="pattern" class="van-field__control" placeholder="正则校验">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
name="pattern"
class="van-field__control"
placeholder="正则校验"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>文本</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
文本
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" name="validator" class="van-field__control" placeholder="函数校验">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
name="validator"
class="van-field__control"
placeholder="函数校验"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>文本</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
文本
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" name="asyncValidator" class="van-field__control" placeholder="异步函数校验">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
name="asyncValidator"
class="van-field__control"
placeholder="异步函数校验"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div style="margin: 16px 16px 0px;"><button type="submit" class="van-button van-button--primary van-button--normal van-button--block van-button--round">
<div style="margin: 16px 16px 0px;">
<button type="submit"
class="van-button van-button--primary van-button--normal van-button--block van-button--round"
>
<div class="van-button__content">
<!----><span class="van-button__text">提交</span>
<!---->
<span class="van-button__text">
提交
</span>
</div>
</button>
</div>
</button></div>
</form>
</div>
<div>
<form class="van-form">
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>开关</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
开关
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<div class="van-field__control van-field__control--custom">
<div role="switch" class="van-switch" style="font-size: 20px;" aria-checked="false">
<div role="switch"
class="van-switch"
style="font-size: 20px;"
aria-checked="false"
>
<div class="van-switch__node">
<!---->
</div>
</div>
</div>
<!---->
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>复选框</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
复选框
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<div class="van-field__control van-field__control--custom">
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--square"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div>
<!---->
<div role="checkbox"
class="van-checkbox"
tabindex="0"
aria-checked="false"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--square">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
</div>
</div>
<!---->
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>复选框组</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
复选框组
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<div class="van-field__control van-field__control--custom">
<div class="van-checkbox-group van-checkbox-group--horizontal">
<div role="checkbox" class="van-checkbox van-checkbox--horizontal" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--square"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 1 </span>
<div role="checkbox"
class="van-checkbox van-checkbox--horizontal"
tabindex="0"
aria-checked="false"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--square">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<div role="checkbox" class="van-checkbox van-checkbox--horizontal" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--square"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 2 </span>
<span class="van-checkbox__label">
复选框 1
</span>
</div>
<div role="checkbox"
class="van-checkbox van-checkbox--horizontal"
tabindex="0"
aria-checked="false"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--square">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-checkbox__label">
复选框 2
</span>
</div>
</div>
</div>
<!---->
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>单选框</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
单选框
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<div class="van-field__control van-field__control--custom">
<div class="van-radio-group van-radio-group--horizontal" role="radiogroup">
<div role="radio" class="van-radio van-radio--horizontal" tabindex="0" aria-checked="true">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-radio__label">单选框 1</span>
<div class="van-radio-group van-radio-group--horizontal"
role="radiogroup"
>
<div role="radio"
class="van-radio van-radio--horizontal"
tabindex="0"
aria-checked="true"
>
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<div role="radio" class="van-radio van-radio--horizontal" tabindex="0" aria-checked="false">
<div class="van-radio__icon van-radio__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-radio__label">单选框 2</span>
<span class="van-radio__label">
单选框 1
</span>
</div>
<div role="radio"
class="van-radio van-radio--horizontal"
tabindex="0"
aria-checked="false"
>
<div class="van-radio__icon van-radio__icon--round">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-radio__label">
单选框 2
</span>
</div>
</div>
</div>
<!---->
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>步进器</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
步进器
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<div class="van-field__control van-field__control--custom">
<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" class="van-stepper__input" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1"><button type="button" class="van-stepper__plus"></button></div>
<div class="van-stepper">
<button type="button"
class="van-stepper__minus van-stepper__minus--disabled"
>
</button>
<input type="text"
role="spinbutton"
class="van-stepper__input"
inputmode="decimal"
aria-valuemax="Infinity"
aria-valuemin="1"
aria-valuenow="1"
>
<button type="button"
class="van-stepper__plus"
>
</button>
</div>
</div>
<!---->
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>评分</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
评分
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<div class="van-field__control van-field__control--custom">
<div role="radiogroup" class="van-rate" tabindex="0">
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="1">
<!---->
<!---->
<!----></i>
<!---->
<div role="radiogroup"
class="van-rate"
tabindex="0"
>
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="1"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
data-score="1"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="2">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="2"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
data-score="2"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="3">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="3"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
data-score="3"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="4">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="4"
aria-checked="false"
>
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
data-score="4"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="5">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="5"
aria-checked="false"
>
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
data-score="5"
>
</i>
</div>
</div>
</div>
<!---->
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>滑块</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
滑块
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<div class="van-field__control van-field__control--custom">
<div class="van-slider">
<div class="van-slider__bar" style="width: 50%; left: 0%;">
<div role="slider" class="van-slider__button-wrapper" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal">
<div class="van-slider__button"></div>
<div class="van-slider__bar"
style="width: 50%; left: 0%;"
>
<div role="slider"
class="van-slider__button-wrapper"
tabindex="0"
aria-valuemin="0"
aria-valuenow="50"
aria-valuemax="100"
aria-orientation="horizontal"
>
<div class="van-slider__button">
</div>
</div>
</div>
</div>
</div>
<!---->
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-field">
<!---->
<div class="van-cell__title van-field__label"><span>文件上传</span>
<!---->
<div class="van-cell__title van-field__label">
<span>
文件上传
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body">
@ -332,119 +395,126 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-uploader">
<div class="van-uploader__wrapper">
<div class="van-uploader__preview">
<div class="van-image van-uploader__preview-image"><img src="https://img.yzcdn.cn/vant/leaf.jpg" class="van-image__img" style="object-fit: cover;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-image van-uploader__preview-image">
<img src="https://img.yzcdn.cn/vant/leaf.jpg"
class="van-image__img"
style="object-fit: cover;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
<!---->
<div class="van-uploader__preview-delete"><i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
<!---->
<!---->
<!----></i></div>
</div>
<div class="van-uploader__upload"><i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
<!---->
<!---->
<!----></i>
<!----><input type="file" class="van-uploader__input" accept="image/*"></div>
<div class="van-uploader__preview-delete">
<i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
</i>
</div>
</div>
<div class="van-uploader__upload">
<i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
</i>
<input type="file"
class="van-uploader__input"
accept="image/*"
>
</div>
</div>
</div>
<!---->
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<div class="van-cell van-cell--clickable van-field" role="button" tabindex="0">
<!---->
<div class="van-cell__title van-field__label"><span>选择器</span>
<!---->
</div>
<div class="van-cell van-cell--clickable van-field"
role="button"
tabindex="0"
>
<div class="van-cell__title van-field__label">
<span>
选择器
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" name="picker" class="van-field__control" readonly="" placeholder="点击选择城市">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
name="picker"
class="van-field__control"
readonly
placeholder="点击选择城市"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<!--teleport start-->
<!--teleport end-->
<div class="van-cell van-cell--clickable van-field" role="button" tabindex="0">
<!---->
<div class="van-cell__title van-field__label"><span>时间选择</span>
<!---->
<div class="van-cell van-cell--clickable van-field"
role="button"
tabindex="0"
>
<div class="van-cell__title van-field__label">
<span>
时间选择
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" name="datetimePicker" class="van-field__control" readonly="" placeholder="点击选择时间">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
name="datetimePicker"
class="van-field__control"
readonly
placeholder="点击选择时间"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<!--teleport start-->
<!--teleport end-->
<div class="van-cell van-cell--clickable van-field" role="button" tabindex="0">
<!---->
<div class="van-cell__title van-field__label"><span>地区选择</span>
<!---->
<div class="van-cell van-cell--clickable van-field"
role="button"
tabindex="0"
>
<div class="van-cell__title van-field__label">
<span>
地区选择
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" name="area" class="van-field__control" readonly="" placeholder="点击选择省市区">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
name="area"
class="van-field__control"
readonly
placeholder="点击选择省市区"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<!--teleport start-->
<!--teleport end-->
<div class="van-cell van-cell--clickable van-field" role="button" tabindex="0">
<!---->
<div class="van-cell__title van-field__label"><span>日历</span>
<!---->
<div class="van-cell van-cell--clickable van-field"
role="button"
tabindex="0"
>
<div class="van-cell__title van-field__label">
<span>
日历
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" name="calendar" class="van-field__control" readonly="" placeholder="点击选择日期">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
name="calendar"
class="van-field__control"
readonly
placeholder="点击选择日期"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<!--teleport start-->
<!--teleport end-->
<div style="margin: 16px 16px 0px;"><button type="submit" class="van-button van-button--primary van-button--normal van-button--block van-button--round">
<div style="margin: 16px 16px 0px;">
<button type="submit"
class="van-button van-button--primary van-button--normal van-button--block van-button--round"
>
<div class="van-button__content">
<!----><span class="van-button__text">提交</span>
<!---->
<span class="van-button__text">
提交
</span>
</div>
</button>
</div>
</button></div>
</form>
</div>
`;

567
src/grid/test/__snapshots__/demo.spec.js.snap
View File

@ -3,104 +3,169 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-grid van-hairline--top">
<div class="van-grid-item" style="flex-basis: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
<div class="van-grid-item" style="flex-basis: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item" style="flex-basis: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
<div class="van-grid-item" style="flex-basis: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
</div>
</div>
<div>
<div class="van-grid van-hairline--top">
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
</div>
</div>
<div>
<div class="van-grid">
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--center">
<div class="van-image"><img src="https://img.yzcdn.cn/vant/apple-1.jpg" class="van-image__img" style="object-fit: contain;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-image">
<img src="https://img.yzcdn.cn/vant/apple-1.jpg"
class="van-image__img"
style="object-fit: contain;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
</div>
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
</div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--center">
<div class="van-image"><img src="https://img.yzcdn.cn/vant/apple-2.jpg" class="van-image__img" style="object-fit: contain;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-image">
<img src="https://img.yzcdn.cn/vant/apple-2.jpg"
class="van-image__img"
style="object-fit: contain;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
</div>
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
</div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--center">
<div class="van-image"><img src="https://img.yzcdn.cn/vant/apple-3.jpg" class="van-image__img" style="object-fit: contain;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-image">
<img src="https://img.yzcdn.cn/vant/apple-3.jpg"
class="van-image__img"
style="object-fit: contain;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
</div>
</div>
@ -108,163 +173,287 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div>
<div class="van-grid van-hairline--top">
<div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item van-grid-item--square"
style="flex-basis: 25%; padding-top: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
<div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item van-grid-item--square"
style="flex-basis: 25%; padding-top: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
<div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item van-grid-item--square"
style="flex-basis: 25%; padding-top: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
<div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item van-grid-item--square"
style="flex-basis: 25%; padding-top: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item van-grid-item--square"
style="flex-basis: 25%; padding-top: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item van-grid-item--square"
style="flex-basis: 25%; padding-top: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item van-grid-item--square"
style="flex-basis: 25%; padding-top: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item van-grid-item--square"
style="flex-basis: 25%; padding-top: 25%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
<div class="van-grid-item van-grid-item--square" style="flex-basis: 25%; padding-top: 25%;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--square van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
</div>
</div>
<div>
<div style="padding-left: 10px;" class="van-grid">
<div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div style="padding-left: 10px;"
class="van-grid"
>
<div class="van-grid-item"
style="flex-basis: 25%; padding-right: 10px;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
<div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 25%; padding-right: 10px;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
<div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 25%; padding-right: 10px;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
<div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 25%; padding-right: 10px;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;"
>
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
<div class="van-grid-item" style="flex-basis: 25%; padding-right: 10px; margin-top: 10px;">
<div class="van-grid-item__content van-grid-item__content--center van-grid-item__content--surround van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
</div>
</div>
<div>
<div class="van-grid van-hairline--top">
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
</div>
<div class="van-grid-item" style="flex-basis: 33.333333333333336%;">
<div class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">文字</span></div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 33.333333333333336%;"
>
<div class="van-grid-item__content van-grid-item__content--horizontal van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-photo-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
</div>
</div>
<div>
<div class="van-grid van-hairline--top">
<div class="van-grid-item" style="flex-basis: 50%;">
<div role="button" class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline" tabindex="0"><i class="van-badge__wrapper van-icon van-icon-home-o van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">路由跳转</span></div>
<div class="van-grid-item"
style="flex-basis: 50%;"
>
<div role="button"
class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"
tabindex="0"
>
<i class="van-badge__wrapper van-icon van-icon-home-o van-grid-item__icon">
</i>
<span class="van-grid-item__text">
路由跳转
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 50%;"
>
<div role="button"
class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"
tabindex="0"
>
<i class="van-badge__wrapper van-icon van-icon-search van-grid-item__icon">
</i>
<span class="van-grid-item__text">
URL 跳转
</span>
</div>
<div class="van-grid-item" style="flex-basis: 50%;">
<div role="button" class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline" tabindex="0"><i class="van-badge__wrapper van-icon van-icon-search van-grid-item__icon">
<!---->
<!---->
<!----></i><span class="van-grid-item__text">URL 跳转</span></div>
</div>
</div>
</div>
<div>
<div class="van-grid van-hairline--top">
<div class="van-grid-item" style="flex-basis: 50%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-home-o van-grid-item__icon">
<!---->
<!---->
<div class="van-grid-item"
style="flex-basis: 50%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-home-o van-grid-item__icon">
<div class="van-badge van-badge--dot van-badge--fixed">
<!---->
</div>
</i><span class="van-grid-item__text">文字</span></div>
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 50%;"
>
<div class="van-grid-item__content van-grid-item__content--center van-hairline">
<i class="van-badge__wrapper van-icon van-icon-search van-grid-item__icon">
<div class="van-badge van-badge--fixed">
99+
</div>
</i>
<span class="van-grid-item__text">
文字
</span>
</div>
<div class="van-grid-item" style="flex-basis: 50%;">
<div class="van-grid-item__content van-grid-item__content--center van-hairline"><i class="van-badge__wrapper van-icon van-icon-search van-grid-item__icon">
<!---->
<!---->
<div class="van-badge van-badge--fixed">99+</div>
</i><span class="van-grid-item__text">文字</span></div>
</div>
</div>
</div>

29
src/icon/test/__snapshots__/index.spec.js.snap
View File

@ -1,34 +1,39 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render badge correctly 1`] = `<div class="van-badge van-badge--fixed">1</div>`;
exports[`should render badge correctly 1`] = `
<div class="van-badge van-badge--fixed">
1
</div>
`;
exports[`should render default slot correctly 1`] = `
<i class="van-badge__wrapper van-icon van-icon-success">Default Slot
<!---->
<!----></i>
<i class="van-badge__wrapper van-icon van-icon-success">
Default Slot
</i>
`;
exports[`should render dot correctly 1`] = `
<div class="van-badge van-badge--dot van-badge--fixed">
<!---->
</div>
`;
exports[`should render icon with builtin icon name correctly 1`] = `
<i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i>
</i>
`;
exports[`should render icon with local image correctly 1`] = `
<i class="van-badge__wrapper van-icon">
<!----><img class="van-icon__image" src="/assets/icon.jpg">
<!----></i>
<img class="van-icon__image"
src="/assets/icon.jpg"
>
</i>
`;
exports[`should render icon with url name correctly 1`] = `
<i class="van-badge__wrapper van-icon">
<!----><img class="van-icon__image" src="https://img.yzcdn.com/icon.jpg">
<!----></i>
<img class="van-icon__image"
src="https://img.yzcdn.com/icon.jpg"
>
</i>
`;

45
src/image-preview/test/__snapshots__/index.spec.js.snap
View File

@ -1,39 +1,50 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should change close icon position when using close-icon-position prop 1`] = `
<i class="van-badge__wrapper van-icon van-icon-clear van-image-preview__close-icon van-image-preview__close-icon--top-left" role="button">
<!---->
<!---->
<!----></i>
<i class="van-badge__wrapper van-icon van-icon-clear van-image-preview__close-icon van-image-preview__close-icon--top-left"
role="button"
>
</i>
`;
exports[`should change close icon when using close-icon prop 1`] = `
<i class="van-badge__wrapper van-icon van-icon-success van-image-preview__close-icon van-image-preview__close-icon--top-right" role="button">
<!---->
<!---->
<!----></i>
<i class="van-badge__wrapper van-icon van-icon-success van-image-preview__close-icon van-image-preview__close-icon--top-right"
role="button"
>
</i>
`;
exports[`should render cover slot correctly 1`] = `
<transition-stub class="van-image-preview__overlay">
<div class="van-overlay">
<!---->
</div>
</transition-stub>
<transition-stub>
<div class="van-popup van-popup--center van-image-preview">
<!---->
<div class="van-swipe van-image-preview__swipe">
<div style="width: 0px; transition-duration: 500ms; transform: translateX(0px);" class="van-swipe__track"></div>
<!---->
<div style="width: 0px; transition-duration: 500ms; transform: translateX(0px);"
class="van-swipe__track"
>
</div>
</div>
<div class="van-image-preview__index">
1 / 0
</div>
<div class="van-image-preview__cover">
Custom Cover
</div>
<div class="van-image-preview__index">1 / 0</div>
<div class="van-image-preview__cover">Custom Cover</div>
<!---->
</div>
</transition-stub>
`;
exports[`should render index slot correctly 1`] = `<div class="van-image-preview__index">Custom Index: 0</div>`;
exports[`should render index slot correctly 1`] = `
<div class="van-image-preview__index">
Custom Index: 0
</div>
`;
exports[`should swipe to currect index after calling the swipeTo method 1`] = `<div class="van-image-preview__index">3 / 3</div>`;
exports[`should swipe to currect index after calling the swipeTo method 1`] = `
<div class="van-image-preview__index">
3 / 3
</div>
`;

455
src/image/test/__snapshots__/demo.spec.js.snap
View File

@ -3,171 +3,316 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-row">
<div class="van-image" style="width: 100px; height: 100px;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
</div>
</div>
<div>
<div class="van-row">
<div class="van-col van-col--8" style="padding-right: 13.333333333333334px;">
<div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: contain;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">contain</div>
</div>
<div style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;" class="van-col van-col--8">
<div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: cover;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">cover</div>
</div>
<div style="padding-left: 13.333333333333332px;" class="van-col van-col--8">
<div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: fill;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">fill</div>
</div>
<div class="van-col van-col--8" style="padding-right: 10px;">
<div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: none;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">none</div>
</div>
<div style="padding-left: 10px;" class="van-col van-col--8">
<div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: scale-down;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">scale-down</div>
</div>
</div>
</div>
<div>
<div class="van-row">
<div class="van-col van-col--8" style="padding-right: 13.333333333333334px;">
<div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: contain;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">contain</div>
</div>
<div style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;" class="van-col van-col--8">
<div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: cover;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">cover</div>
</div>
<div style="padding-left: 13.333333333333332px;" class="van-col van-col--8">
<div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: fill;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">fill</div>
</div>
<div class="van-col van-col--8" style="padding-right: 10px;">
<div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: none;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">none</div>
</div>
<div style="padding-left: 10px;" class="van-col van-col--8">
<div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: scale-down;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">scale-down</div>
</div>
</div>
</div>
<div>
<div class="van-row">
<div class="van-col van-col--8" style="padding-right: 10px;">
<div class="van-image" style="width: 100%; height: 27vw;">
<!---->
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">默认提示</div>
</div>
<div style="padding-left: 10px;" class="van-col van-col--8">
<div class="van-image" style="width: 100%; height: 27vw;">
<!---->
<div class="van-image"
style="width: 100px; height: 100px;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
>
<div class="van-image__loading">
<div class="van-loading van-loading--spinner"><span class="van-loading__spinner van-loading__spinner--spinner" style="width: 20px; height: 20px;"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span>
<!---->
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<!---->
</div>
<div class="text">自定义提示</div>
</div>
</div>
</div>
<div>
<div class="van-row">
<div class="van-col van-col--8" style="padding-right: 10px;">
<div class="van-image" style="width: 100%; height: 27vw;"><img src="x" class="van-image__img">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-col van-col--8"
style="padding-right: 13.333333333333334px;"
>
<div class="van-image"
style="width: 100%; height: 27vw;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
style="object-fit: contain;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
<div class="text">默认提示</div>
</div>
<div style="padding-left: 10px;" class="van-col van-col--8">
<div class="van-image" style="width: 100%; height: 27vw;"><img src="x" class="van-image__img">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="text">
contain
</div>
</div>
<div style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;"
class="van-col van-col--8"
>
<div class="van-image"
style="width: 100%; height: 27vw;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
style="object-fit: cover;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
cover
</div>
</div>
<div style="padding-left: 13.333333333333332px;"
class="van-col van-col--8"
>
<div class="van-image"
style="width: 100%; height: 27vw;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
style="object-fit: fill;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
fill
</div>
</div>
<div class="van-col van-col--8"
style="padding-right: 10px;"
>
<div class="van-image"
style="width: 100%; height: 27vw;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
style="object-fit: none;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
none
</div>
</div>
<div style="padding-left: 10px;"
class="van-col van-col--8"
>
<div class="van-image"
style="width: 100%; height: 27vw;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
style="object-fit: scale-down;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
scale-down
</div>
</div>
</div>
</div>
<div>
<div class="van-row">
<div class="van-col van-col--8"
style="padding-right: 13.333333333333334px;"
>
<div class="van-image van-image--round"
style="width: 100%; height: 27vw;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
style="object-fit: contain;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
contain
</div>
</div>
<div style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;"
class="van-col van-col--8"
>
<div class="van-image van-image--round"
style="width: 100%; height: 27vw;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
style="object-fit: cover;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
cover
</div>
</div>
<div style="padding-left: 13.333333333333332px;"
class="van-col van-col--8"
>
<div class="van-image van-image--round"
style="width: 100%; height: 27vw;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
style="object-fit: fill;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
fill
</div>
</div>
<div class="van-col van-col--8"
style="padding-right: 10px;"
>
<div class="van-image van-image--round"
style="width: 100%; height: 27vw;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
style="object-fit: none;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
none
</div>
</div>
<div style="padding-left: 10px;"
class="van-col van-col--8"
>
<div class="van-image van-image--round"
style="width: 100%; height: 27vw;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
style="object-fit: scale-down;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
scale-down
</div>
</div>
</div>
</div>
<div>
<div class="van-row">
<div class="van-col van-col--8"
style="padding-right: 10px;"
>
<div class="van-image"
style="width: 100%; height: 27vw;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
默认提示
</div>
</div>
<div style="padding-left: 10px;"
class="van-col van-col--8"
>
<div class="van-image"
style="width: 100%; height: 27vw;"
>
<div class="van-image__loading">
<div class="van-loading van-loading--spinner">
<span class="van-loading__spinner van-loading__spinner--spinner"
style="width: 20px; height: 20px;"
>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
</span>
</div>
</div>
</div>
<div class="text">
自定义提示
</div>
</div>
</div>
</div>
<div>
<div class="van-row">
<div class="van-col van-col--8"
style="padding-right: 10px;"
>
<div class="van-image"
style="width: 100%; height: 27vw;"
>
<img src="x"
class="van-image__img"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
默认提示
</div>
</div>
<div style="padding-left: 10px;"
class="van-col van-col--8"
>
<div class="van-image"
style="width: 100%; height: 27vw;"
>
<img src="x"
class="van-image__img"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
自定义提示
</div>
<div class="text">自定义提示</div>
</div>
</div>
</div>

1063
src/index-bar/test/__snapshots__/demo.spec.js.snap
View File

File diff suppressed because it is too large Load Diff

87
src/list/test/__snapshots__/demo.spec.js.snap
View File

@ -3,31 +3,82 @@
exports[`should render demo and match snapshot 1`] = `
<div class="van-tabs van-tabs--line">
<div class="van-tabs__wrap">
<div role="tablist" class="van-tabs__nav van-tabs__nav--line">
<!---->
<div role="tab" class="van-tab van-tab--active" aria-selected="true"><span class="van-tab__text van-tab__text--ellipsis">基础用法</span></div>
<div role="tab" class="van-tab" aria-selected="false"><span class="van-tab__text van-tab__text--ellipsis">错误提示</span></div>
<div role="tab" class="van-tab" aria-selected="false"><span class="van-tab__text van-tab__text--ellipsis">下拉刷新</span></div>
<div class="van-tabs__line" style="transform: translateX(0px) translateX(-50%);"></div>
<!---->
<div role="tablist"
class="van-tabs__nav van-tabs__nav--line"
>
<div role="tab"
class="van-tab van-tab--active"
aria-selected="true"
>
<span class="van-tab__text van-tab__text--ellipsis">
基础用法
</span>
</div>
<div role="tab"
class="van-tab"
aria-selected="false"
>
<span class="van-tab__text van-tab__text--ellipsis">
错误提示
</span>
</div>
<div role="tab"
class="van-tab"
aria-selected="false"
>
<span class="van-tab__text van-tab__text--ellipsis">
下拉刷新
</span>
</div>
<div class="van-tabs__line"
style="transform: translateX(0px) translateX(-50%);"
>
</div>
</div>
</div>
<div class="van-tabs__content">
<div role="tabpanel" class="van-tab__pane" style="">
<div role="feed" class="van-list" aria-busy="true">
<div role="tabpanel"
class="van-tab__pane"
style
>
<div role="feed"
class="van-list"
aria-busy="true"
>
<div class="van-list__loading">
<div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="width: 16px; height: 16px;"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span><span class="van-loading__text">加载中...</span></div>
</div>
<!---->
<!---->
<div class="van-list__placeholder"></div>
<div class="van-loading van-loading--circular">
<span class="van-loading__spinner van-loading__spinner--circular"
style="width: 16px; height: 16px;"
>
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
<span class="van-loading__text">
加载中...
</span>
</div>
</div>
<div role="tabpanel" class="van-tab__pane" style="display: none;">
<!---->
<div class="van-list__placeholder">
</div>
<div role="tabpanel" class="van-tab__pane" style="display: none;">
<!---->
</div>
</div>
<div role="tabpanel"
class="van-tab__pane"
style="display: none;"
>
</div>
<div role="tabpanel"
class="van-tab__pane"
style="display: none;"
>
</div>
</div>
</div>

180
src/loading/test/__snapshots__/demo.spec.js.snap
View File

@ -2,33 +2,185 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
<!---->
<div class="van-loading van-loading--circular">
<span class="van-loading__spinner van-loading__spinner--circular">
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
</div>
<div class="van-loading van-loading--spinner"><span class="van-loading__spinner van-loading__spinner--spinner"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span>
<!---->
<div class="van-loading van-loading--spinner">
<span class="van-loading__spinner van-loading__spinner--spinner">
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
</span>
</div>
</div>
<div>
<div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="color: rgb(25, 137, 250);"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
<!---->
<div class="van-loading van-loading--circular">
<span class="van-loading__spinner van-loading__spinner--circular"
style="color: rgb(25, 137, 250);"
>
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
</div>
<div class="van-loading van-loading--spinner"><span class="van-loading__spinner van-loading__spinner--spinner" style="color: rgb(25, 137, 250);"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span>
<!---->
<div class="van-loading van-loading--spinner">
<span class="van-loading__spinner van-loading__spinner--spinner"
style="color: rgb(25, 137, 250);"
>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
</span>
</div>
</div>
<div>
<div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="width: 24px; height: 24px;"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
<!---->
<div class="van-loading van-loading--circular">
<span class="van-loading__spinner van-loading__spinner--circular"
style="width: 24px; height: 24px;"
>
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
</div>
<div class="van-loading van-loading--spinner"><span class="van-loading__spinner van-loading__spinner--spinner" style="width: 24px; height: 24px;"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></span>
<!---->
<div class="van-loading van-loading--spinner">
<span class="van-loading__spinner van-loading__spinner--spinner"
style="width: 24px; height: 24px;"
>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
</span>
</div>
</div>
<div>
<div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="width: 24px; height: 24px;"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span><span class="van-loading__text">加载中...</span></div>
<div class="van-loading van-loading--circular">
<span class="van-loading__spinner van-loading__spinner--circular"
style="width: 24px; height: 24px;"
>
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
<span class="van-loading__text">
加载中...
</span>
</div>
</div>
<div>
<div class="van-loading van-loading--circular van-loading--vertical"><span class="van-loading__spinner van-loading__spinner--circular" style="width: 24px; height: 24px;"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span><span class="van-loading__text">加载中...</span></div>
<div class="van-loading van-loading--circular van-loading--vertical">
<span class="van-loading__spinner van-loading__spinner--circular"
style="width: 24px; height: 24px;"
>
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
<span class="van-loading__text">
加载中...
</span>
</div>
</div>
`;

46
src/nav-bar/test/__snapshots__/demo.spec.js.snap
View File

@ -4,27 +4,43 @@ exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-nav-bar van-hairline--bottom">
<div class="van-nav-bar__content">
<div class="van-nav-bar__left"><i class="van-badge__wrapper van-icon van-icon-arrow-left van-nav-bar__arrow">
<!---->
<!---->
<!----></i><span class="van-nav-bar__text">返回</span></div>
<div class="van-nav-bar__title van-ellipsis">标题</div>
<div class="van-nav-bar__right"><span class="van-nav-bar__text">按钮</span></div>
<div class="van-nav-bar__left">
<i class="van-badge__wrapper van-icon van-icon-arrow-left van-nav-bar__arrow">
</i>
<span class="van-nav-bar__text">
返回
</span>
</div>
<div class="van-nav-bar__title van-ellipsis">
标题
</div>
<div class="van-nav-bar__right">
<span class="van-nav-bar__text">
按钮
</span>
</div>
</div>
</div>
</div>
<div>
<div class="van-nav-bar van-hairline--bottom">
<div class="van-nav-bar__content">
<div class="van-nav-bar__left"><i class="van-badge__wrapper van-icon van-icon-arrow-left van-nav-bar__arrow">
<!---->
<!---->
<!----></i><span class="van-nav-bar__text">返回</span></div>
<div class="van-nav-bar__title van-ellipsis">标题</div>
<div class="van-nav-bar__right"><i class="van-badge__wrapper van-icon van-icon-search" style="font-size: 18px;">
<!---->
<!---->
<!----></i></div>
<div class="van-nav-bar__left">
<i class="van-badge__wrapper van-icon van-icon-arrow-left van-nav-bar__arrow">
</i>
<span class="van-nav-bar__text">
返回
</span>
</div>
<div class="van-nav-bar__title van-ellipsis">
标题
</div>
<div class="van-nav-bar__right">
<i class="van-badge__wrapper van-icon van-icon-search"
style="font-size: 18px;"
>
</i>
</div>
</div>
</div>
</div>

25
src/nav-bar/test/__snapshots__/index.spec.js.snap
View File

@ -1,21 +1,32 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render left slot correctly 1`] = `<div class="van-nav-bar__left">Custom Left</div>`;
exports[`should render left slot correctly 1`] = `
<div class="van-nav-bar__left">
Custom Left
</div>
`;
exports[`should render left slot correctly 2`] = `<div class="van-nav-bar__right">Custom Right</div>`;
exports[`should render left slot correctly 2`] = `
<div class="van-nav-bar__right">
Custom Right
</div>
`;
exports[`should render placeholder element when using placeholder prop 1`] = `
<div class="van-nav-bar__placeholder" style="height: 50px;">
<div class="van-nav-bar__placeholder"
style="height: 50px;"
>
<div class="van-nav-bar van-nav-bar--fixed van-hairline--bottom">
<div class="van-nav-bar__content">
<!---->
<div class="van-nav-bar__title van-ellipsis">
<!---->
</div>
<!---->
</div>
</div>
</div>
`;
exports[`should render title slot correctly 1`] = `<div class="van-nav-bar__title van-ellipsis">Custom Title</div>`;
exports[`should render title slot correctly 1`] = `
<div class="van-nav-bar__title van-ellipsis">
Custom Title
</div>
`;

174
src/notice-bar/test/__snapshots__/demo.spec.js.snap
View File

@ -2,90 +2,150 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div role="alert" class="van-notice-bar"><i class="van-badge__wrapper van-icon van-icon-volume-o van-notice-bar__left-icon">
<!---->
<!---->
<!----></i>
<div role="marquee" class="van-notice-bar__wrap">
<div style="transition-duration: 0s;" class="van-notice-bar__content">在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。</div>
<div role="alert"
class="van-notice-bar"
>
<i class="van-badge__wrapper van-icon van-icon-volume-o van-notice-bar__left-icon">
</i>
<div role="marquee"
class="van-notice-bar__wrap"
>
<div style="transition-duration: 0s;"
class="van-notice-bar__content"
>
在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。
</div>
</div>
<!---->
</div>
</div>
<div>
<div role="alert" class="van-notice-bar">
<!---->
<div role="marquee" class="van-notice-bar__wrap">
<div style="transition-duration: 0s;" class="van-notice-bar__content">技术是开发它的人的共同灵魂。</div>
<div role="alert"
class="van-notice-bar"
>
<div role="marquee"
class="van-notice-bar__wrap"
>
<div style="transition-duration: 0s;"
class="van-notice-bar__content"
>
技术是开发它的人的共同灵魂。
</div>
<!---->
</div>
<div role="alert" class="van-notice-bar">
<!---->
<div role="marquee" class="van-notice-bar__wrap">
<div style="transition-duration: 0s;" class="van-notice-bar__content van-ellipsis">在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。</div>
</div>
<!---->
<div role="alert"
class="van-notice-bar"
>
<div role="marquee"
class="van-notice-bar__wrap"
>
<div style="transition-duration: 0s;"
class="van-notice-bar__content van-ellipsis"
>
在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。
</div>
</div>
</div>
</div>
<div>
<div role="alert" class="van-notice-bar van-notice-bar--wrapable">
<!---->
<div role="marquee" class="van-notice-bar__wrap">
<div style="transition-duration: 0s;" class="van-notice-bar__content">在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。</div>
<div role="alert"
class="van-notice-bar van-notice-bar--wrapable"
>
<div role="marquee"
class="van-notice-bar__wrap"
>
<div style="transition-duration: 0s;"
class="van-notice-bar__content"
>
在代码阅读过程中人们说脏话的频率是衡量代码质量的唯一标准。
</div>
</div>
<!---->
</div>
</div>
<div>
<div role="alert" class="van-notice-bar">
<!---->
<div role="marquee" class="van-notice-bar__wrap">
<div style="transition-duration: 0s;" class="van-notice-bar__content">技术是开发它的人的共同灵魂。</div>
</div><i class="van-badge__wrapper van-icon van-icon-cross van-notice-bar__right-icon">
<!---->
<!---->
<!----></i>
<div role="alert"
class="van-notice-bar"
>
<div role="marquee"
class="van-notice-bar__wrap"
>
<div style="transition-duration: 0s;"
class="van-notice-bar__content"
>
技术是开发它的人的共同灵魂。
</div>
<div role="alert" class="van-notice-bar">
<!---->
<div role="marquee" class="van-notice-bar__wrap">
<div style="transition-duration: 0s;" class="van-notice-bar__content">技术是开发它的人的共同灵魂。</div>
</div><i class="van-badge__wrapper van-icon van-icon-arrow van-notice-bar__right-icon">
<!---->
<!---->
<!----></i>
</div>
<i class="van-badge__wrapper van-icon van-icon-cross van-notice-bar__right-icon">
</i>
</div>
<div role="alert"
class="van-notice-bar"
>
<div role="marquee"
class="van-notice-bar__wrap"
>
<div style="transition-duration: 0s;"
class="van-notice-bar__content"
>
技术是开发它的人的共同灵魂。
</div>
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-notice-bar__right-icon">
</i>
</div>
</div>
<div>
<div role="alert" class="van-notice-bar" style="color: rgb(25, 137, 250); background: rgb(236, 249, 255);"><i class="van-badge__wrapper van-icon van-icon-info-o van-notice-bar__left-icon">
<!---->
<!---->
<!----></i>
<div role="marquee" class="van-notice-bar__wrap">
<div style="transition-duration: 0s;" class="van-notice-bar__content">技术是开发它的人的共同灵魂。</div>
<div role="alert"
class="van-notice-bar"
style="color: rgb(25, 137, 250); background: rgb(236, 249, 255);"
>
<i class="van-badge__wrapper van-icon van-icon-info-o van-notice-bar__left-icon">
</i>
<div role="marquee"
class="van-notice-bar__wrap"
>
<div style="transition-duration: 0s;"
class="van-notice-bar__content"
>
技术是开发它的人的共同灵魂。
</div>
</div>
<!---->
</div>
</div>
<div>
<div role="alert" class="van-notice-bar"><i class="van-badge__wrapper van-icon van-icon-volume-o van-notice-bar__left-icon">
<!---->
<!---->
<!----></i>
<div role="marquee" class="van-notice-bar__wrap">
<div style="transition-duration: 0s;" class="van-notice-bar__content van-ellipsis">
<div role="alert"
class="van-notice-bar"
>
<i class="van-badge__wrapper van-icon van-icon-volume-o van-notice-bar__left-icon">
</i>
<div role="marquee"
class="van-notice-bar__wrap"
>
<div style="transition-duration: 0s;"
class="van-notice-bar__content van-ellipsis"
>
<div class="van-swipe notice-swipe">
<div style="height: 0px; transition-duration: 0ms; transform: translateY(0px);" class="van-swipe__track van-swipe__track--vertical">
<div class="van-swipe-item" style="height: 0px;">内容 1</div>
<div class="van-swipe-item" style="height: 0px;">内容 2</div>
<div class="van-swipe-item" style="height: 0px;">内容 3</div>
<div style="height: 0px; transition-duration: 0ms; transform: translateY(0px);"
class="van-swipe__track van-swipe__track--vertical"
>
<div class="van-swipe-item"
style="height: 0px;"
>
内容 1
</div>
<div class="van-swipe-item"
style="height: 0px;"
>
内容 2
</div>
<div class="van-swipe-item"
style="height: 0px;"
>
内容 3
</div>
</div>
<!---->
</div>
</div>
</div>
<!---->
</div>
</div>
`;

154
src/notify/test/__snapshots__/demo.spec.js.snap
View File

@ -2,103 +2,109 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>基础用法</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
基础用法
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>主要通知</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
主要通知
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>成功通知</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
成功通知
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>危险通知</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
危险通知
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>警告通知</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
警告通知
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>自定义颜色</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
自定义颜色
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>自定义时长</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
自定义时长
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>组件调用</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
组件调用
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<!---->
<transition-stub>
<!---->
</transition-stub>
</div>
`;

754
src/number-keyboard/test/__snapshots__/demo.spec.js.snap
View File

@ -1,373 +1,807 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render demo and match snapshot 1`] = `
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">弹出默认键盘</div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__value van-cell__value--alone">
弹出默认键盘
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">弹出带右侧栏的键盘</div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__value van-cell__value--alone">
弹出带右侧栏的键盘
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">弹出身份证号键盘</div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__value van-cell__value--alone">
弹出身份证号键盘
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">弹出带标题的键盘</div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__value van-cell__value--alone">
弹出带标题的键盘
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">弹出配置多个按键的键盘</div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__value van-cell__value--alone">
弹出配置多个按键的键盘
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable van-field" role="button" tabindex="0">
<!---->
<div class="van-cell__title van-field__label"><span>双向绑定</span>
<!---->
<div class="van-cell van-cell--clickable van-field"
role="button"
tabindex="0"
>
<div class="van-cell__title van-field__label">
<span>
双向绑定
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control" readonly="" placeholder="点此输入">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
class="van-field__control"
readonly
placeholder="点此输入"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<transition-stub>
<div class="van-number-keyboard">
<!---->
<div class="van-number-keyboard__body">
<div class="van-number-keyboard__keys">
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">1</div>
<div role="button"
tabindex="0"
class="van-key"
>
1
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">2</div>
<div role="button"
tabindex="0"
class="van-key"
>
2
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">3</div>
<div role="button"
tabindex="0"
class="van-key"
>
3
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">4</div>
<div role="button"
tabindex="0"
class="van-key"
>
4
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">5</div>
<div role="button"
tabindex="0"
class="van-key"
>
5
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">6</div>
<div role="button"
tabindex="0"
class="van-key"
>
6
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">7</div>
<div role="button"
tabindex="0"
class="van-key"
>
7
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">8</div>
<div role="button"
tabindex="0"
class="van-key"
>
8
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">9</div>
<div role="button"
tabindex="0"
class="van-key"
>
9
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key"><svg class="van-key__collapse-icon" viewBox="0 0 30 24">
<path d="M25.877 12.843h-1.502c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.5c.187 0 .187 0 .187-.188v-1.511c0-.19 0-.191-.185-.191zM17.999 10.2c0 .188 0 .188.188.188h1.687c.188 0 .188 0 .188-.188V8.688c0-.187.004-.187-.186-.19h-1.69c-.187 0-.187 0-.187.19V10.2zm2.25-3.967h1.5c.188 0 .188 0 .188-.188v-1.7c0-.19 0-.19-.188-.19h-1.5c-.189 0-.189 0-.189.19v1.7c0 .188 0 .188.19.188zm2.063 4.157h3.563c.187 0 .187 0 .187-.189V4.346c0-.19.004-.19-.185-.19h-1.69c-.187 0-.187 0-.187.188v4.155h-1.688c-.187 0-.187 0-.187.189v1.514c0 .19 0 .19.187.19zM14.812 24l2.812-3.4H12l2.813 3.4zm-9-11.157H4.31c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.502c.187 0 .187 0 .187-.188v-1.511c0-.19.01-.191-.189-.191zm15.937 0H8.25c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h13.5c.188 0 .188 0 .188-.188v-1.511c0-.19 0-.191-.188-.191zm-11.438-2.454h1.5c.188 0 .188 0 .188-.188V8.688c0-.187 0-.187-.188-.189h-1.5c-.187 0-.187 0-.187.189V10.2c0 .188 0 .188.187.188zM27.94 0c.563 0 .917.21 1.313.567.518.466.748.757.748 1.51v14.92c0 .567-.188 1.134-.562 1.512-.376.378-.938.566-1.313.566H2.063c-.563 0-.938-.188-1.313-.566-.562-.378-.75-.945-.75-1.511V2.078C0 1.51.188.944.562.567.938.189 1.5 0 1.875 0zm-.062 2H2v14.92h25.877V2zM5.81 4.157c.19 0 .19 0 .19.189v1.762c-.003.126-.024.126-.188.126H4.249c-.126-.003-.126-.023-.126-.188v-1.7c-.187-.19 0-.19.188-.19zm10.5 2.077h1.503c.187 0 .187 0 .187-.188v-1.7c0-.19 0-.19-.187-.19h-1.502c-.188 0-.188.001-.188.19v1.7c0 .188 0 .188.188.188zM7.875 8.5c.187 0 .187.002.187.189V10.2c0 .188 0 .188-.187.188H4.249c-.126-.002-.126-.023-.126-.188V8.625c.003-.126.024-.126.188-.126zm7.875 0c.19.002.19.002.19.189v1.575c-.003.126-.024.126-.19.126h-1.563c-.126-.002-.126-.023-.126-.188V8.625c.002-.126.023-.126.189-.126zm-6-4.342c.187 0 .187 0 .187.189v1.7c0 .188 0 .188-.187.188H8.187c-.126-.003-.126-.023-.126-.188V4.283c.003-.126.024-.126.188-.126zm3.94 0c.185 0 .372 0 .372.189v1.762c-.002.126-.023.126-.187.126h-1.75C12 6.231 12 6.211 12 6.046v-1.7c0-.19.187-.19.187-.19z" fill="currentColor"></path>
</svg></div>
<div role="button"
tabindex="0"
class="van-key"
>
<svg class="van-key__collapse-icon"
viewbox="0 0 30 24"
>
<path d="M25.877 12.843h-1.502c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.5c.187 0 .187 0 .187-.188v-1.511c0-.19 0-.191-.185-.191zM17.999 10.2c0 .188 0 .188.188.188h1.687c.188 0 .188 0 .188-.188V8.688c0-.187.004-.187-.186-.19h-1.69c-.187 0-.187 0-.187.19V10.2zm2.25-3.967h1.5c.188 0 .188 0 .188-.188v-1.7c0-.19 0-.19-.188-.19h-1.5c-.189 0-.189 0-.189.19v1.7c0 .188 0 .188.19.188zm2.063 4.157h3.563c.187 0 .187 0 .187-.189V4.346c0-.19.004-.19-.185-.19h-1.69c-.187 0-.187 0-.187.188v4.155h-1.688c-.187 0-.187 0-.187.189v1.514c0 .19 0 .19.187.19zM14.812 24l2.812-3.4H12l2.813 3.4zm-9-11.157H4.31c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.502c.187 0 .187 0 .187-.188v-1.511c0-.19.01-.191-.189-.191zm15.937 0H8.25c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h13.5c.188 0 .188 0 .188-.188v-1.511c0-.19 0-.191-.188-.191zm-11.438-2.454h1.5c.188 0 .188 0 .188-.188V8.688c0-.187 0-.187-.188-.189h-1.5c-.187 0-.187 0-.187.189V10.2c0 .188 0 .188.187.188zM27.94 0c.563 0 .917.21 1.313.567.518.466.748.757.748 1.51v14.92c0 .567-.188 1.134-.562 1.512-.376.378-.938.566-1.313.566H2.063c-.563 0-.938-.188-1.313-.566-.562-.378-.75-.945-.75-1.511V2.078C0 1.51.188.944.562.567.938.189 1.5 0 1.875 0zm-.062 2H2v14.92h25.877V2zM5.81 4.157c.19 0 .19 0 .19.189v1.762c-.003.126-.024.126-.188.126H4.249c-.126-.003-.126-.023-.126-.188v-1.7c-.187-.19 0-.19.188-.19zm10.5 2.077h1.503c.187 0 .187 0 .187-.188v-1.7c0-.19 0-.19-.187-.19h-1.502c-.188 0-.188.001-.188.19v1.7c0 .188 0 .188.188.188zM7.875 8.5c.187 0 .187.002.187.189V10.2c0 .188 0 .188-.187.188H4.249c-.126-.002-.126-.023-.126-.188V8.625c.003-.126.024-.126.188-.126zm7.875 0c.19.002.19.002.19.189v1.575c-.003.126-.024.126-.19.126h-1.563c-.126-.002-.126-.023-.126-.188V8.625c.002-.126.023-.126.189-.126zm-6-4.342c.187 0 .187 0 .187.189v1.7c0 .188 0 .188-.187.188H8.187c-.126-.003-.126-.023-.126-.188V4.283c.003-.126.024-.126.188-.126zm3.94 0c.185 0 .372 0 .372.189v1.762c-.002.126-.023.126-.187.126h-1.75C12 6.231 12 6.211 12 6.046v-1.7c0-.19.187-.19.187-.19z"
fill="currentColor"
>
</path>
</svg>
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">0</div>
<div role="button"
tabindex="0"
class="van-key"
>
0
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key van-key--delete"><svg class="van-key__delete-icon" viewBox="0 0 32 22">
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z" fill="currentColor"></path>
</svg></div>
<div role="button"
tabindex="0"
class="van-key van-key--delete"
>
<svg class="van-key__delete-icon"
viewbox="0 0 32 22"
>
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z"
fill="currentColor"
>
</path>
</svg>
</div>
</div>
</div>
<!---->
</div>
</div>
</transition-stub>
<transition-stub>
<div class="van-number-keyboard" style="display: none;">
<!---->
<div class="van-number-keyboard"
style="display: none;"
>
<div class="van-number-keyboard__body">
<div class="van-number-keyboard__keys">
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">1</div>
<div role="button"
tabindex="0"
class="van-key"
>
1
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">2</div>
<div role="button"
tabindex="0"
class="van-key"
>
2
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">3</div>
<div role="button"
tabindex="0"
class="van-key"
>
3
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">4</div>
<div role="button"
tabindex="0"
class="van-key"
>
4
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">5</div>
<div role="button"
tabindex="0"
class="van-key"
>
5
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">6</div>
<div role="button"
tabindex="0"
class="van-key"
>
6
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">7</div>
<div role="button"
tabindex="0"
class="van-key"
>
7
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">8</div>
<div role="button"
tabindex="0"
class="van-key"
>
8
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">9</div>
<div role="button"
tabindex="0"
class="van-key"
>
9
</div>
</div>
<div class="van-key__wrapper van-key__wrapper--wider">
<div role="button" tabindex="0" class="van-key">0</div>
<div role="button"
tabindex="0"
class="van-key"
>
0
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">.</div>
<div role="button"
tabindex="0"
class="van-key"
>
.
</div>
</div>
</div>
<div class="van-number-keyboard__sidebar">
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key van-key--large van-key--delete"><svg class="van-key__delete-icon" viewBox="0 0 32 22">
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z" fill="currentColor"></path>
</svg></div>
<div role="button"
tabindex="0"
class="van-key van-key--large van-key--delete"
>
<svg class="van-key__delete-icon"
viewbox="0 0 32 22"
>
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z"
fill="currentColor"
>
</path>
</svg>
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key van-key--blue van-key--large">完成</div>
<div role="button"
tabindex="0"
class="van-key van-key--blue van-key--large"
>
完成
</div>
</div>
</div>
</div>
</div>
</transition-stub>
<transition-stub>
<div class="van-number-keyboard van-number-keyboard--with-title" style="display: none;">
<div class="van-number-keyboard van-number-keyboard--with-title"
style="display: none;"
>
<div class="van-number-keyboard__header">
<!---->
<!----><button type="button" class="van-number-keyboard__close">完成</button></div>
<button type="button"
class="van-number-keyboard__close"
>
完成
</button>
</div>
<div class="van-number-keyboard__body">
<div class="van-number-keyboard__keys">
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">1</div>
<div role="button"
tabindex="0"
class="van-key"
>
1
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">2</div>
<div role="button"
tabindex="0"
class="van-key"
>
2
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">3</div>
<div role="button"
tabindex="0"
class="van-key"
>
3
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">4</div>
<div role="button"
tabindex="0"
class="van-key"
>
4
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">5</div>
<div role="button"
tabindex="0"
class="van-key"
>
5
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">6</div>
<div role="button"
tabindex="0"
class="van-key"
>
6
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">7</div>
<div role="button"
tabindex="0"
class="van-key"
>
7
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">8</div>
<div role="button"
tabindex="0"
class="van-key"
>
8
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">9</div>
<div role="button"
tabindex="0"
class="van-key"
>
9
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">X</div>
<div role="button"
tabindex="0"
class="van-key"
>
X
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">0</div>
<div role="button"
tabindex="0"
class="van-key"
>
0
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key van-key--delete"><svg class="van-key__delete-icon" viewBox="0 0 32 22">
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z" fill="currentColor"></path>
</svg></div>
<div role="button"
tabindex="0"
class="van-key van-key--delete"
>
<svg class="van-key__delete-icon"
viewbox="0 0 32 22"
>
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z"
fill="currentColor"
>
</path>
</svg>
</div>
</div>
</div>
<!---->
</div>
</div>
</transition-stub>
<transition-stub>
<div class="van-number-keyboard van-number-keyboard--with-title" style="display: none;">
<div class="van-number-keyboard van-number-keyboard--with-title"
style="display: none;"
>
<div class="van-number-keyboard__header">
<!---->
<h2 class="van-number-keyboard__title">键盘标题</h2><button type="button" class="van-number-keyboard__close">完成</button>
<h2 class="van-number-keyboard__title">
键盘标题
</h2>
<button type="button"
class="van-number-keyboard__close"
>
完成
</button>
</div>
<div class="van-number-keyboard__body">
<div class="van-number-keyboard__keys">
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">1</div>
<div role="button"
tabindex="0"
class="van-key"
>
1
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">2</div>
<div role="button"
tabindex="0"
class="van-key"
>
2
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">3</div>
<div role="button"
tabindex="0"
class="van-key"
>
3
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">4</div>
<div role="button"
tabindex="0"
class="van-key"
>
4
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">5</div>
<div role="button"
tabindex="0"
class="van-key"
>
5
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">6</div>
<div role="button"
tabindex="0"
class="van-key"
>
6
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">7</div>
<div role="button"
tabindex="0"
class="van-key"
>
7
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">8</div>
<div role="button"
tabindex="0"
class="van-key"
>
8
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">9</div>
<div role="button"
tabindex="0"
class="van-key"
>
9
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">.</div>
<div role="button"
tabindex="0"
class="van-key"
>
.
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">0</div>
<div role="button"
tabindex="0"
class="van-key"
>
0
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key van-key--delete"><svg class="van-key__delete-icon" viewBox="0 0 32 22">
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z" fill="currentColor"></path>
</svg></div>
<div role="button"
tabindex="0"
class="van-key van-key--delete"
>
<svg class="van-key__delete-icon"
viewbox="0 0 32 22"
>
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z"
fill="currentColor"
>
</path>
</svg>
</div>
</div>
</div>
<!---->
</div>
</div>
</transition-stub>
<transition-stub>
<div class="van-number-keyboard" style="display: none;">
<!---->
<div class="van-number-keyboard"
style="display: none;"
>
<div class="van-number-keyboard__body">
<div class="van-number-keyboard__keys">
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">1</div>
<div role="button"
tabindex="0"
class="van-key"
>
1
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">2</div>
<div role="button"
tabindex="0"
class="van-key"
>
2
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">3</div>
<div role="button"
tabindex="0"
class="van-key"
>
3
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">4</div>
<div role="button"
tabindex="0"
class="van-key"
>
4
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">5</div>
<div role="button"
tabindex="0"
class="van-key"
>
5
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">6</div>
<div role="button"
tabindex="0"
class="van-key"
>
6
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">7</div>
<div role="button"
tabindex="0"
class="van-key"
>
7
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">8</div>
<div role="button"
tabindex="0"
class="van-key"
>
8
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">9</div>
<div role="button"
tabindex="0"
class="van-key"
>
9
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">00</div>
<div role="button"
tabindex="0"
class="van-key"
>
00
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">0</div>
<div role="button"
tabindex="0"
class="van-key"
>
0
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">.</div>
<div role="button"
tabindex="0"
class="van-key"
>
.
</div>
</div>
</div>
<div class="van-number-keyboard__sidebar">
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key van-key--large van-key--delete"><svg class="van-key__delete-icon" viewBox="0 0 32 22">
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z" fill="currentColor"></path>
</svg></div>
<div role="button"
tabindex="0"
class="van-key van-key--large van-key--delete"
>
<svg class="van-key__delete-icon"
viewbox="0 0 32 22"
>
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z"
fill="currentColor"
>
</path>
</svg>
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key van-key--blue van-key--large">完成</div>
<div role="button"
tabindex="0"
class="van-key van-key--blue van-key--large"
>
完成
</div>
</div>
</div>
</div>
</div>
</transition-stub>
<transition-stub>
<div class="van-number-keyboard" style="display: none;">
<!---->
<div class="van-number-keyboard"
style="display: none;"
>
<div class="van-number-keyboard__body">
<div class="van-number-keyboard__keys">
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">1</div>
<div role="button"
tabindex="0"
class="van-key"
>
1
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">2</div>
<div role="button"
tabindex="0"
class="van-key"
>
2
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">3</div>
<div role="button"
tabindex="0"
class="van-key"
>
3
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">4</div>
<div role="button"
tabindex="0"
class="van-key"
>
4
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">5</div>
<div role="button"
tabindex="0"
class="van-key"
>
5
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">6</div>
<div role="button"
tabindex="0"
class="van-key"
>
6
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">7</div>
<div role="button"
tabindex="0"
class="van-key"
>
7
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">8</div>
<div role="button"
tabindex="0"
class="van-key"
>
8
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">9</div>
<div role="button"
tabindex="0"
class="van-key"
>
9
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key"><svg class="van-key__collapse-icon" viewBox="0 0 30 24">
<path d="M25.877 12.843h-1.502c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.5c.187 0 .187 0 .187-.188v-1.511c0-.19 0-.191-.185-.191zM17.999 10.2c0 .188 0 .188.188.188h1.687c.188 0 .188 0 .188-.188V8.688c0-.187.004-.187-.186-.19h-1.69c-.187 0-.187 0-.187.19V10.2zm2.25-3.967h1.5c.188 0 .188 0 .188-.188v-1.7c0-.19 0-.19-.188-.19h-1.5c-.189 0-.189 0-.189.19v1.7c0 .188 0 .188.19.188zm2.063 4.157h3.563c.187 0 .187 0 .187-.189V4.346c0-.19.004-.19-.185-.19h-1.69c-.187 0-.187 0-.187.188v4.155h-1.688c-.187 0-.187 0-.187.189v1.514c0 .19 0 .19.187.19zM14.812 24l2.812-3.4H12l2.813 3.4zm-9-11.157H4.31c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.502c.187 0 .187 0 .187-.188v-1.511c0-.19.01-.191-.189-.191zm15.937 0H8.25c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h13.5c.188 0 .188 0 .188-.188v-1.511c0-.19 0-.191-.188-.191zm-11.438-2.454h1.5c.188 0 .188 0 .188-.188V8.688c0-.187 0-.187-.188-.189h-1.5c-.187 0-.187 0-.187.189V10.2c0 .188 0 .188.187.188zM27.94 0c.563 0 .917.21 1.313.567.518.466.748.757.748 1.51v14.92c0 .567-.188 1.134-.562 1.512-.376.378-.938.566-1.313.566H2.063c-.563 0-.938-.188-1.313-.566-.562-.378-.75-.945-.75-1.511V2.078C0 1.51.188.944.562.567.938.189 1.5 0 1.875 0zm-.062 2H2v14.92h25.877V2zM5.81 4.157c.19 0 .19 0 .19.189v1.762c-.003.126-.024.126-.188.126H4.249c-.126-.003-.126-.023-.126-.188v-1.7c-.187-.19 0-.19.188-.19zm10.5 2.077h1.503c.187 0 .187 0 .187-.188v-1.7c0-.19 0-.19-.187-.19h-1.502c-.188 0-.188.001-.188.19v1.7c0 .188 0 .188.188.188zM7.875 8.5c.187 0 .187.002.187.189V10.2c0 .188 0 .188-.187.188H4.249c-.126-.002-.126-.023-.126-.188V8.625c.003-.126.024-.126.188-.126zm7.875 0c.19.002.19.002.19.189v1.575c-.003.126-.024.126-.19.126h-1.563c-.126-.002-.126-.023-.126-.188V8.625c.002-.126.023-.126.189-.126zm-6-4.342c.187 0 .187 0 .187.189v1.7c0 .188 0 .188-.187.188H8.187c-.126-.003-.126-.023-.126-.188V4.283c.003-.126.024-.126.188-.126zm3.94 0c.185 0 .372 0 .372.189v1.762c-.002.126-.023.126-.187.126h-1.75C12 6.231 12 6.211 12 6.046v-1.7c0-.19.187-.19.187-.19z" fill="currentColor"></path>
</svg></div>
<div role="button"
tabindex="0"
class="van-key"
>
<svg class="van-key__collapse-icon"
viewbox="0 0 30 24"
>
<path d="M25.877 12.843h-1.502c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.5c.187 0 .187 0 .187-.188v-1.511c0-.19 0-.191-.185-.191zM17.999 10.2c0 .188 0 .188.188.188h1.687c.188 0 .188 0 .188-.188V8.688c0-.187.004-.187-.186-.19h-1.69c-.187 0-.187 0-.187.19V10.2zm2.25-3.967h1.5c.188 0 .188 0 .188-.188v-1.7c0-.19 0-.19-.188-.19h-1.5c-.189 0-.189 0-.189.19v1.7c0 .188 0 .188.19.188zm2.063 4.157h3.563c.187 0 .187 0 .187-.189V4.346c0-.19.004-.19-.185-.19h-1.69c-.187 0-.187 0-.187.188v4.155h-1.688c-.187 0-.187 0-.187.189v1.514c0 .19 0 .19.187.19zM14.812 24l2.812-3.4H12l2.813 3.4zm-9-11.157H4.31c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.502c.187 0 .187 0 .187-.188v-1.511c0-.19.01-.191-.189-.191zm15.937 0H8.25c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h13.5c.188 0 .188 0 .188-.188v-1.511c0-.19 0-.191-.188-.191zm-11.438-2.454h1.5c.188 0 .188 0 .188-.188V8.688c0-.187 0-.187-.188-.189h-1.5c-.187 0-.187 0-.187.189V10.2c0 .188 0 .188.187.188zM27.94 0c.563 0 .917.21 1.313.567.518.466.748.757.748 1.51v14.92c0 .567-.188 1.134-.562 1.512-.376.378-.938.566-1.313.566H2.063c-.563 0-.938-.188-1.313-.566-.562-.378-.75-.945-.75-1.511V2.078C0 1.51.188.944.562.567.938.189 1.5 0 1.875 0zm-.062 2H2v14.92h25.877V2zM5.81 4.157c.19 0 .19 0 .19.189v1.762c-.003.126-.024.126-.188.126H4.249c-.126-.003-.126-.023-.126-.188v-1.7c-.187-.19 0-.19.188-.19zm10.5 2.077h1.503c.187 0 .187 0 .187-.188v-1.7c0-.19 0-.19-.187-.19h-1.502c-.188 0-.188.001-.188.19v1.7c0 .188 0 .188.188.188zM7.875 8.5c.187 0 .187.002.187.189V10.2c0 .188 0 .188-.187.188H4.249c-.126-.002-.126-.023-.126-.188V8.625c.003-.126.024-.126.188-.126zm7.875 0c.19.002.19.002.19.189v1.575c-.003.126-.024.126-.19.126h-1.563c-.126-.002-.126-.023-.126-.188V8.625c.002-.126.023-.126.189-.126zm-6-4.342c.187 0 .187 0 .187.189v1.7c0 .188 0 .188-.187.188H8.187c-.126-.003-.126-.023-.126-.188V4.283c.003-.126.024-.126.188-.126zm3.94 0c.185 0 .372 0 .372.189v1.762c-.002.126-.023.126-.187.126h-1.75C12 6.231 12 6.211 12 6.046v-1.7c0-.19.187-.19.187-.19z"
fill="currentColor"
>
</path>
</svg>
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">0</div>
<div role="button"
tabindex="0"
class="van-key"
>
0
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key van-key--delete"><svg class="van-key__delete-icon" viewBox="0 0 32 22">
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z" fill="currentColor"></path>
</svg></div>
<div role="button"
tabindex="0"
class="van-key van-key--delete"
>
<svg class="van-key__delete-icon"
viewbox="0 0 32 22"
>
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z"
fill="currentColor"
>
</path>
</svg>
</div>
</div>
</div>
<!---->
</div>
</div>
</transition-stub>

24
src/overlay/test/__snapshots__/demo.spec.js.snap
View File

@ -1,24 +1,32 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render demo and match snapshot 1`] = `
<div><button type="button" class="van-button van-button--primary van-button--normal" style="margin-left: 16px;">
<div>
<button type="button"
class="van-button van-button--primary van-button--normal"
style="margin-left: 16px;"
>
<div class="van-button__content">
<!----><span class="van-button__text">显示遮罩层</span>
<!---->
<span class="van-button__text">
显示遮罩层
</span>
</div>
</button>
<transition-stub>
<!---->
</transition-stub>
</div>
<div><button type="button" class="van-button van-button--primary van-button--normal" style="margin-left: 16px;">
<div>
<button type="button"
class="van-button van-button--primary van-button--normal"
style="margin-left: 16px;"
>
<div class="van-button__content">
<!----><span class="van-button__text">嵌入内容</span>
<!---->
<span class="van-button__text">
嵌入内容
</span>
</div>
</button>
<transition-stub>
<!---->
</transition-stub>
</div>
`;

107
src/pagination/test/__snapshots__/demo.spec.js.snap
View File

@ -3,50 +3,91 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<ul class="van-pagination">
<li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline">上一页</li>
<li class="van-pagination__item van-pagination__item--active van-pagination__page van-hairline">1</li>
<li class="van-pagination__item van-pagination__page van-hairline">2</li>
<li class="van-pagination__item van-pagination__page van-hairline">3</li>
<li class="van-pagination__item van-pagination__page van-hairline">4</li>
<li class="van-pagination__item van-pagination__page van-hairline">5</li>
<!---->
<li class="van-pagination__item van-pagination__next van-hairline">下一页</li>
<li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline">
上一页
</li>
<li class="van-pagination__item van-pagination__item--active van-pagination__page van-hairline">
1
</li>
<li class="van-pagination__item van-pagination__page van-hairline">
2
</li>
<li class="van-pagination__item van-pagination__page van-hairline">
3
</li>
<li class="van-pagination__item van-pagination__page van-hairline">
4
</li>
<li class="van-pagination__item van-pagination__page van-hairline">
5
</li>
<li class="van-pagination__item van-pagination__next van-hairline">
下一页
</li>
</ul>
</div>
<div>
<ul class="van-pagination van-pagination--simple" size="small">
<li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline">上一页</li>
<li class="van-pagination__page-desc">1/12</li>
<li class="van-pagination__item van-pagination__next van-hairline">下一页</li>
<ul class="van-pagination van-pagination--simple"
size="small"
>
<li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline">
上一页
</li>
<li class="van-pagination__page-desc">
1/12
</li>
<li class="van-pagination__item van-pagination__next van-hairline">
下一页
</li>
</ul>
</div>
<div>
<ul class="van-pagination">
<li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline">上一页</li>
<li class="van-pagination__item van-pagination__item--active van-pagination__page van-hairline">1</li>
<li class="van-pagination__item van-pagination__page van-hairline">2</li>
<li class="van-pagination__item van-pagination__page van-hairline">3</li>
<li class="van-pagination__item van-pagination__page van-hairline">...</li>
<!---->
<li class="van-pagination__item van-pagination__next van-hairline">下一页</li>
<li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline">
上一页
</li>
<li class="van-pagination__item van-pagination__item--active van-pagination__page van-hairline">
1
</li>
<li class="van-pagination__item van-pagination__page van-hairline">
2
</li>
<li class="van-pagination__item van-pagination__page van-hairline">
3
</li>
<li class="van-pagination__item van-pagination__page van-hairline">
...
</li>
<li class="van-pagination__item van-pagination__next van-hairline">
下一页
</li>
</ul>
</div>
<div>
<ul class="van-pagination">
<li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline"><i class="van-badge__wrapper van-icon van-icon-arrow-left">
<!---->
<!---->
<!----></i></li>
<li class="van-pagination__item van-pagination__item--active van-pagination__page van-hairline">1</li>
<li class="van-pagination__item van-pagination__page van-hairline">2</li>
<li class="van-pagination__item van-pagination__page van-hairline">3</li>
<li class="van-pagination__item van-pagination__page van-hairline">4</li>
<li class="van-pagination__item van-pagination__page van-hairline">5</li>
<!---->
<li class="van-pagination__item van-pagination__next van-hairline"><i class="van-badge__wrapper van-icon van-icon-arrow">
<!---->
<!---->
<!----></i></li>
<li class="van-pagination__item van-pagination__item--disabled van-pagination__prev van-hairline">
<i class="van-badge__wrapper van-icon van-icon-arrow-left">
</i>
</li>
<li class="van-pagination__item van-pagination__item--active van-pagination__page van-hairline">
1
</li>
<li class="van-pagination__item van-pagination__page van-hairline">
2
</li>
<li class="van-pagination__item van-pagination__page van-hairline">
3
</li>
<li class="van-pagination__item van-pagination__page van-hairline">
4
</li>
<li class="van-pagination__item van-pagination__page van-hairline">
5
</li>
<li class="van-pagination__item van-pagination__next van-hairline">
<i class="van-badge__wrapper van-icon van-icon-arrow">
</i>
</li>
</ul>
</div>
`;

256
src/password-input/test/__snapshots__/demo.spec.js.snap
View File

@ -4,172 +4,266 @@ exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-password-input">
<ul class="van-password-input__security van-hairline--surround">
<li class="van-password-input__item"><i style="visibility: visible;"></i>
<!---->
<li class="van-password-input__item">
<i style="visibility: visible;">
</i>
</li>
<li class="van-hairline--left van-password-input__item"><i style="visibility: visible;"></i>
<!---->
<li class="van-hairline--left van-password-input__item">
<i style="visibility: visible;">
</i>
</li>
<li class="van-hairline--left van-password-input__item"><i style="visibility: visible;"></i>
<!---->
<li class="van-hairline--left van-password-input__item">
<i style="visibility: visible;">
</i>
</li>
<li class="van-hairline--left van-password-input__item van-password-input__item--focus"><i style="visibility: hidden;"></i>
<div class="van-password-input__cursor"></div>
<li class="van-hairline--left van-password-input__item van-password-input__item--focus">
<i style="visibility: hidden;">
</i>
<div class="van-password-input__cursor">
</div>
</li>
<li class="van-hairline--left van-password-input__item"><i style="visibility: hidden;"></i>
<!---->
<li class="van-hairline--left van-password-input__item">
<i style="visibility: hidden;">
</i>
</li>
<li class="van-hairline--left van-password-input__item"><i style="visibility: hidden;"></i>
<!---->
<li class="van-hairline--left van-password-input__item">
<i style="visibility: hidden;">
</i>
</li>
</ul>
<!---->
</div>
</div>
<div>
<div class="van-password-input">
<ul class="van-password-input__security van-hairline--surround">
<li class="van-password-input__item"><i style="visibility: visible;"></i>
<!---->
<li class="van-password-input__item">
<i style="visibility: visible;">
</i>
</li>
<li class="van-hairline--left van-password-input__item"><i style="visibility: visible;"></i>
<!---->
<li class="van-hairline--left van-password-input__item">
<i style="visibility: visible;">
</i>
</li>
<li class="van-hairline--left van-password-input__item"><i style="visibility: visible;"></i>
<!---->
<li class="van-hairline--left van-password-input__item">
<i style="visibility: visible;">
</i>
</li>
<li class="van-hairline--left van-password-input__item"><i style="visibility: hidden;"></i>
<!---->
<li class="van-hairline--left van-password-input__item">
<i style="visibility: hidden;">
</i>
</li>
</ul>
<!---->
</div>
</div>
<div>
<div class="van-password-input">
<ul class="van-password-input__security">
<li class="van-password-input__item"><i style="visibility: visible;"></i>
<!---->
<li class="van-password-input__item">
<i style="visibility: visible;">
</i>
</li>
<li class="van-password-input__item" style="margin-left: 10px;"><i style="visibility: visible;"></i>
<!---->
<li class="van-password-input__item"
style="margin-left: 10px;"
>
<i style="visibility: visible;">
</i>
</li>
<li class="van-password-input__item" style="margin-left: 10px;"><i style="visibility: visible;"></i>
<!---->
<li class="van-password-input__item"
style="margin-left: 10px;"
>
<i style="visibility: visible;">
</i>
</li>
<li class="van-password-input__item" style="margin-left: 10px;"><i style="visibility: hidden;"></i>
<!---->
<li class="van-password-input__item"
style="margin-left: 10px;"
>
<i style="visibility: hidden;">
</i>
</li>
<li class="van-password-input__item" style="margin-left: 10px;"><i style="visibility: hidden;"></i>
<!---->
<li class="van-password-input__item"
style="margin-left: 10px;"
>
<i style="visibility: hidden;">
</i>
</li>
<li class="van-password-input__item" style="margin-left: 10px;"><i style="visibility: hidden;"></i>
<!---->
<li class="van-password-input__item"
style="margin-left: 10px;"
>
<i style="visibility: hidden;">
</i>
</li>
</ul>
<!---->
</div>
</div>
<div>
<div class="van-password-input">
<ul class="van-password-input__security van-hairline--surround">
<li class="van-password-input__item">1
<!---->
</li>
<li class="van-hairline--left van-password-input__item">2
<!---->
</li>
<li class="van-hairline--left van-password-input__item">3
<!---->
<li class="van-password-input__item">
1
</li>
<li class="van-hairline--left van-password-input__item">
2
</li>
<li class="van-hairline--left van-password-input__item">
3
</li>
<li class="van-hairline--left van-password-input__item">
<!---->
<!---->
</li>
<li class="van-hairline--left van-password-input__item">
<!---->
<!---->
</li>
<li class="van-hairline--left van-password-input__item">
<!---->
<!---->
</li>
</ul>
<!---->
</div>
</div>
<div>
<div class="van-password-input">
<ul class="van-password-input__security van-hairline--surround">
<li class="van-password-input__item"><i style="visibility: visible;"></i>
<!---->
<li class="van-password-input__item">
<i style="visibility: visible;">
</i>
</li>
<li class="van-hairline--left van-password-input__item"><i style="visibility: visible;"></i>
<!---->
<li class="van-hairline--left van-password-input__item">
<i style="visibility: visible;">
</i>
</li>
<li class="van-hairline--left van-password-input__item"><i style="visibility: visible;"></i>
<!---->
<li class="van-hairline--left van-password-input__item">
<i style="visibility: visible;">
</i>
</li>
<li class="van-hairline--left van-password-input__item"><i style="visibility: hidden;"></i>
<!---->
<li class="van-hairline--left van-password-input__item">
<i style="visibility: hidden;">
</i>
</li>
<li class="van-hairline--left van-password-input__item"><i style="visibility: hidden;"></i>
<!---->
<li class="van-hairline--left van-password-input__item">
<i style="visibility: hidden;">
</i>
</li>
<li class="van-hairline--left van-password-input__item"><i style="visibility: hidden;"></i>
<!---->
<li class="van-hairline--left van-password-input__item">
<i style="visibility: hidden;">
</i>
</li>
</ul>
<div class="van-password-input__info">密码为 6 位数字</div>
<div class="van-password-input__info">
密码为 6 位数字
</div>
</div>
</div>
<transition-stub>
<div class="van-number-keyboard">
<!---->
<div class="van-number-keyboard__body">
<div class="van-number-keyboard__keys">
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">1</div>
<div role="button"
tabindex="0"
class="van-key"
>
1
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">2</div>
<div role="button"
tabindex="0"
class="van-key"
>
2
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">3</div>
<div role="button"
tabindex="0"
class="van-key"
>
3
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">4</div>
<div role="button"
tabindex="0"
class="van-key"
>
4
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">5</div>
<div role="button"
tabindex="0"
class="van-key"
>
5
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">6</div>
<div role="button"
tabindex="0"
class="van-key"
>
6
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">7</div>
<div role="button"
tabindex="0"
class="van-key"
>
7
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">8</div>
<div role="button"
tabindex="0"
class="van-key"
>
8
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">9</div>
<div role="button"
tabindex="0"
class="van-key"
>
9
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key"><svg class="van-key__collapse-icon" viewBox="0 0 30 24">
<path d="M25.877 12.843h-1.502c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.5c.187 0 .187 0 .187-.188v-1.511c0-.19 0-.191-.185-.191zM17.999 10.2c0 .188 0 .188.188.188h1.687c.188 0 .188 0 .188-.188V8.688c0-.187.004-.187-.186-.19h-1.69c-.187 0-.187 0-.187.19V10.2zm2.25-3.967h1.5c.188 0 .188 0 .188-.188v-1.7c0-.19 0-.19-.188-.19h-1.5c-.189 0-.189 0-.189.19v1.7c0 .188 0 .188.19.188zm2.063 4.157h3.563c.187 0 .187 0 .187-.189V4.346c0-.19.004-.19-.185-.19h-1.69c-.187 0-.187 0-.187.188v4.155h-1.688c-.187 0-.187 0-.187.189v1.514c0 .19 0 .19.187.19zM14.812 24l2.812-3.4H12l2.813 3.4zm-9-11.157H4.31c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.502c.187 0 .187 0 .187-.188v-1.511c0-.19.01-.191-.189-.191zm15.937 0H8.25c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h13.5c.188 0 .188 0 .188-.188v-1.511c0-.19 0-.191-.188-.191zm-11.438-2.454h1.5c.188 0 .188 0 .188-.188V8.688c0-.187 0-.187-.188-.189h-1.5c-.187 0-.187 0-.187.189V10.2c0 .188 0 .188.187.188zM27.94 0c.563 0 .917.21 1.313.567.518.466.748.757.748 1.51v14.92c0 .567-.188 1.134-.562 1.512-.376.378-.938.566-1.313.566H2.063c-.563 0-.938-.188-1.313-.566-.562-.378-.75-.945-.75-1.511V2.078C0 1.51.188.944.562.567.938.189 1.5 0 1.875 0zm-.062 2H2v14.92h25.877V2zM5.81 4.157c.19 0 .19 0 .19.189v1.762c-.003.126-.024.126-.188.126H4.249c-.126-.003-.126-.023-.126-.188v-1.7c-.187-.19 0-.19.188-.19zm10.5 2.077h1.503c.187 0 .187 0 .187-.188v-1.7c0-.19 0-.19-.187-.19h-1.502c-.188 0-.188.001-.188.19v1.7c0 .188 0 .188.188.188zM7.875 8.5c.187 0 .187.002.187.189V10.2c0 .188 0 .188-.187.188H4.249c-.126-.002-.126-.023-.126-.188V8.625c.003-.126.024-.126.188-.126zm7.875 0c.19.002.19.002.19.189v1.575c-.003.126-.024.126-.19.126h-1.563c-.126-.002-.126-.023-.126-.188V8.625c.002-.126.023-.126.189-.126zm-6-4.342c.187 0 .187 0 .187.189v1.7c0 .188 0 .188-.187.188H8.187c-.126-.003-.126-.023-.126-.188V4.283c.003-.126.024-.126.188-.126zm3.94 0c.185 0 .372 0 .372.189v1.762c-.002.126-.023.126-.187.126h-1.75C12 6.231 12 6.211 12 6.046v-1.7c0-.19.187-.19.187-.19z" fill="currentColor"></path>
</svg></div>
<div role="button"
tabindex="0"
class="van-key"
>
<svg class="van-key__collapse-icon"
viewbox="0 0 30 24"
>
<path d="M25.877 12.843h-1.502c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.5c.187 0 .187 0 .187-.188v-1.511c0-.19 0-.191-.185-.191zM17.999 10.2c0 .188 0 .188.188.188h1.687c.188 0 .188 0 .188-.188V8.688c0-.187.004-.187-.186-.19h-1.69c-.187 0-.187 0-.187.19V10.2zm2.25-3.967h1.5c.188 0 .188 0 .188-.188v-1.7c0-.19 0-.19-.188-.19h-1.5c-.189 0-.189 0-.189.19v1.7c0 .188 0 .188.19.188zm2.063 4.157h3.563c.187 0 .187 0 .187-.189V4.346c0-.19.004-.19-.185-.19h-1.69c-.187 0-.187 0-.187.188v4.155h-1.688c-.187 0-.187 0-.187.189v1.514c0 .19 0 .19.187.19zM14.812 24l2.812-3.4H12l2.813 3.4zm-9-11.157H4.31c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h1.502c.187 0 .187 0 .187-.188v-1.511c0-.19.01-.191-.189-.191zm15.937 0H8.25c-.188 0-.188 0-.188.19v1.512c0 .188 0 .188.188.188h13.5c.188 0 .188 0 .188-.188v-1.511c0-.19 0-.191-.188-.191zm-11.438-2.454h1.5c.188 0 .188 0 .188-.188V8.688c0-.187 0-.187-.188-.189h-1.5c-.187 0-.187 0-.187.189V10.2c0 .188 0 .188.187.188zM27.94 0c.563 0 .917.21 1.313.567.518.466.748.757.748 1.51v14.92c0 .567-.188 1.134-.562 1.512-.376.378-.938.566-1.313.566H2.063c-.563 0-.938-.188-1.313-.566-.562-.378-.75-.945-.75-1.511V2.078C0 1.51.188.944.562.567.938.189 1.5 0 1.875 0zm-.062 2H2v14.92h25.877V2zM5.81 4.157c.19 0 .19 0 .19.189v1.762c-.003.126-.024.126-.188.126H4.249c-.126-.003-.126-.023-.126-.188v-1.7c-.187-.19 0-.19.188-.19zm10.5 2.077h1.503c.187 0 .187 0 .187-.188v-1.7c0-.19 0-.19-.187-.19h-1.502c-.188 0-.188.001-.188.19v1.7c0 .188 0 .188.188.188zM7.875 8.5c.187 0 .187.002.187.189V10.2c0 .188 0 .188-.187.188H4.249c-.126-.002-.126-.023-.126-.188V8.625c.003-.126.024-.126.188-.126zm7.875 0c.19.002.19.002.19.189v1.575c-.003.126-.024.126-.19.126h-1.563c-.126-.002-.126-.023-.126-.188V8.625c.002-.126.023-.126.189-.126zm-6-4.342c.187 0 .187 0 .187.189v1.7c0 .188 0 .188-.187.188H8.187c-.126-.003-.126-.023-.126-.188V4.283c.003-.126.024-.126.188-.126zm3.94 0c.185 0 .372 0 .372.189v1.762c-.002.126-.023.126-.187.126h-1.75C12 6.231 12 6.211 12 6.046v-1.7c0-.19.187-.19.187-.19z"
fill="currentColor"
>
</path>
</svg>
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key">0</div>
<div role="button"
tabindex="0"
class="van-key"
>
0
</div>
</div>
<div class="van-key__wrapper">
<div role="button" tabindex="0" class="van-key van-key--delete"><svg class="van-key__delete-icon" viewBox="0 0 32 22">
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z" fill="currentColor"></path>
</svg></div>
<div role="button"
tabindex="0"
class="van-key van-key--delete"
>
<svg class="van-key__delete-icon"
viewbox="0 0 32 22"
>
<path d="M28.016 0A3.991 3.991 0 0132 3.987v14.026c0 2.2-1.787 3.987-3.98 3.987H10.382c-.509 0-.996-.206-1.374-.585L.89 13.09C.33 12.62 0 11.84 0 11.006c0-.86.325-1.62.887-2.08L9.01.585A1.936 1.936 0 0110.383 0zm0 1.947H10.368L2.24 10.28c-.224.226-.312.432-.312.73 0 .287.094.51.312.729l8.128 8.333h17.648a2.041 2.041 0 002.037-2.04V3.987c0-1.127-.915-2.04-2.037-2.04zM23.028 6a.96.96 0 01.678.292.95.95 0 01-.003 1.377l-3.342 3.348 3.326 3.333c.189.188.292.43.292.679 0 .248-.103.49-.292.679a.96.96 0 01-.678.292.959.959 0 01-.677-.292L18.99 12.36l-3.343 3.345a.96.96 0 01-.677.292.96.96 0 01-.678-.292.962.962 0 01-.292-.68c0-.248.104-.49.292-.679l3.342-3.348-3.342-3.348A.963.963 0 0114 6.971c0-.248.104-.49.292-.679A.96.96 0 0114.97 6a.96.96 0 01.677.292l3.358 3.348 3.345-3.348A.96.96 0 0123.028 6z"
fill="currentColor"
>
</path>
</svg>
</div>
</div>
</div>
<!---->
</div>
</div>
</transition-stub>

798
src/picker/test/__snapshots__/demo.spec.js.snap
View File

@ -3,323 +3,753 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-picker">
<div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button>
<div class="van-picker__title van-ellipsis">标题</div><button type="button" class="van-picker__confirm">确认</button>
<div class="van-picker__toolbar">
<button type="button"
class="van-picker__cancel"
>
取消
</button>
<div class="van-picker__title van-ellipsis">
标题
</div>
<!---->
<!---->
<div class="van-picker__columns" style="height: 264px;">
<button type="button"
class="van-picker__confirm"
>
确认
</button>
</div>
<div class="van-picker__columns"
style="height: 264px;"
>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">杭州</div>
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
class="van-picker-column__wrapper"
>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item van-picker-column__item--selected"
>
<div class="van-ellipsis">
杭州
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">宁波</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
宁波
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">温州</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
温州
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">绍兴</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
绍兴
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">湖州</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
湖州
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">嘉兴</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
嘉兴
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">金华</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
金华
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">衢州</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
衢州
</div>
</li>
</ul>
</div>
<div class="van-picker__mask" style="background-size: 100% 110px;"></div>
<div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
<div class="van-picker__mask"
style="background-size: 100% 110px;"
>
</div>
<div class="van-hairline-unset--top-bottom van-picker__frame"
style="height: 44px;"
>
</div>
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-picker">
<div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button>
<div class="van-picker__title van-ellipsis">标题</div><button type="button" class="van-picker__confirm">确认</button>
<div class="van-picker__toolbar">
<button type="button"
class="van-picker__cancel"
>
取消
</button>
<div class="van-picker__title van-ellipsis">
标题
</div>
<!---->
<!---->
<div class="van-picker__columns" style="height: 264px;">
<button type="button"
class="van-picker__confirm"
>
确认
</button>
</div>
<div class="van-picker__columns"
style="height: 264px;"
>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">杭州</div>
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;"
class="van-picker-column__wrapper"
>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
杭州
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">宁波</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
宁波
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">温州</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item van-picker-column__item--selected"
>
<div class="van-ellipsis">
温州
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">绍兴</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
绍兴
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">湖州</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
湖州
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">嘉兴</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
嘉兴
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">金华</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
金华
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">衢州</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
衢州
</div>
</li>
</ul>
</div>
<div class="van-picker__mask" style="background-size: 100% 110px;"></div>
<div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
<div class="van-picker__mask"
style="background-size: 100% 110px;"
>
</div>
<div class="van-hairline-unset--top-bottom van-picker__frame"
style="height: 44px;"
>
</div>
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-picker">
<div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button>
<div class="van-picker__title van-ellipsis">标题</div><button type="button" class="van-picker__confirm">确认</button>
<div class="van-picker__toolbar">
<button type="button"
class="van-picker__cancel"
>
取消
</button>
<div class="van-picker__title van-ellipsis">
标题
</div>
<!---->
<!---->
<div class="van-picker__columns" style="height: 264px;">
<button type="button"
class="van-picker__confirm"
>
确认
</button>
</div>
<div class="van-picker__columns"
style="height: 264px;"
>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">周一</div>
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;"
class="van-picker-column__wrapper"
>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
周一
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">周二</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
周二
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">周三</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item van-picker-column__item--selected"
>
<div class="van-ellipsis">
周三
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">周四</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
周四
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">周五</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
周五
</div>
</li>
</ul>
</div>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">上午</div>
<ul style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;"
class="van-picker-column__wrapper"
>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
上午
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">下午</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item van-picker-column__item--selected"
>
<div class="van-ellipsis">
下午
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">晚上</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
晚上
</div>
</li>
</ul>
</div>
<div class="van-picker__mask" style="background-size: 100% 110px;"></div>
<div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
<div class="van-picker__mask"
style="background-size: 100% 110px;"
>
</div>
<div class="van-hairline-unset--top-bottom van-picker__frame"
style="height: 44px;"
>
</div>
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-picker">
<div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button>
<div class="van-picker__title van-ellipsis">标题</div><button type="button" class="van-picker__confirm">确认</button>
<div class="van-picker__toolbar">
<button type="button"
class="van-picker__cancel"
>
取消
</button>
<div class="van-picker__title van-ellipsis">
标题
</div>
<!---->
<!---->
<div class="van-picker__columns" style="height: 264px;">
<button type="button"
class="van-picker__confirm"
>
确认
</button>
</div>
<div class="van-picker__columns"
style="height: 264px;"
>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">浙江</div>
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
class="van-picker-column__wrapper"
>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item van-picker-column__item--selected"
>
<div class="van-ellipsis">
浙江
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">福建</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
福建
</div>
</li>
</ul>
</div>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">杭州</div>
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
class="van-picker-column__wrapper"
>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item van-picker-column__item--selected"
>
<div class="van-ellipsis">
杭州
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">温州</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
温州
</div>
</li>
</ul>
</div>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">西湖区</div>
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
class="van-picker-column__wrapper"
>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item van-picker-column__item--selected"
>
<div class="van-ellipsis">
西湖区
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">余杭区</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
余杭区
</div>
</li>
</ul>
</div>
<div class="van-picker__mask" style="background-size: 100% 110px;"></div>
<div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
<div class="van-picker__mask"
style="background-size: 100% 110px;"
>
</div>
<div class="van-hairline-unset--top-bottom van-picker__frame"
style="height: 44px;"
>
</div>
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-picker">
<div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button>
<div class="van-picker__title van-ellipsis">标题</div><button type="button" class="van-picker__confirm">确认</button>
<div class="van-picker__toolbar">
<button type="button"
class="van-picker__cancel"
>
取消
</button>
<div class="van-picker__title van-ellipsis">
标题
</div>
<!---->
<!---->
<div class="van-picker__columns" style="height: 264px;">
<button type="button"
class="van-picker__confirm"
>
确认
</button>
</div>
<div class="van-picker__columns"
style="height: 264px;"
>
<div class="van-picker-column">
<ul style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="-1" class="van-picker-column__item van-picker-column__item--disabled">
<div class="van-ellipsis">杭州</div>
<ul style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;"
class="van-picker-column__wrapper"
>
<li role="button"
style="height: 44px;"
tabindex="-1"
class="van-picker-column__item van-picker-column__item--disabled"
>
<div class="van-ellipsis">
杭州
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">宁波</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item van-picker-column__item--selected"
>
<div class="van-ellipsis">
宁波
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">温州</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
温州
</div>
</li>
</ul>
</div>
<div class="van-picker__mask" style="background-size: 100% 110px;"></div>
<div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
<div class="van-picker__mask"
style="background-size: 100% 110px;"
>
</div>
<div class="van-hairline-unset--top-bottom van-picker__frame"
style="height: 44px;"
>
</div>
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-picker">
<div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button>
<div class="van-picker__title van-ellipsis">标题</div><button type="button" class="van-picker__confirm">确认</button>
<div class="van-picker__toolbar">
<button type="button"
class="van-picker__cancel"
>
取消
</button>
<div class="van-picker__title van-ellipsis">
标题
</div>
<!---->
<!---->
<div class="van-picker__columns" style="height: 264px;">
<button type="button"
class="van-picker__confirm"
>
确认
</button>
</div>
<div class="van-picker__columns"
style="height: 264px;"
>
<div class="van-picker-column column1">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">浙江</div>
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
class="van-picker-column__wrapper"
>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item van-picker-column__item--selected"
>
<div class="van-ellipsis">
浙江
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">福建</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
福建
</div>
</li>
</ul>
</div>
<div class="van-picker-column column2">
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">杭州</div>
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;"
class="van-picker-column__wrapper"
>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
杭州
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">宁波</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
宁波
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">温州</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item van-picker-column__item--selected"
>
<div class="van-ellipsis">
温州
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">嘉兴</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
嘉兴
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">湖州</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
湖州
</div>
</li>
</ul>
</div>
<div class="van-picker__mask" style="background-size: 100% 110px;"></div>
<div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
<div class="van-picker__mask"
style="background-size: 100% 110px;"
>
</div>
<div class="van-hairline-unset--top-bottom van-picker__frame"
style="height: 44px;"
>
</div>
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-picker">
<div class="van-picker__toolbar"><button type="button" class="van-picker__cancel">取消</button>
<div class="van-picker__title van-ellipsis">标题</div><button type="button" class="van-picker__confirm">确认</button>
<div class="van-picker__toolbar">
<button type="button"
class="van-picker__cancel"
>
取消
</button>
<div class="van-picker__title van-ellipsis">
标题
</div>
<div class="van-loading van-loading--circular van-picker__loading"><span class="van-loading__spinner van-loading__spinner--circular"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
<!---->
<button type="button"
class="van-picker__confirm"
>
确认
</button>
</div>
<!---->
<div class="van-picker__columns" style="height: 264px;">
<div class="van-loading van-loading--circular van-picker__loading">
<span class="van-loading__spinner van-loading__spinner--circular">
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
</div>
<div class="van-picker__columns"
style="height: 264px;"
>
<div class="van-picker-column column1">
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">浙江</div>
<ul style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
class="van-picker-column__wrapper"
>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item van-picker-column__item--selected"
>
<div class="van-ellipsis">
浙江
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">福建</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
福建
</div>
</li>
</ul>
</div>
<div class="van-picker-column column2">
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;" class="van-picker-column__wrapper">
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">杭州</div>
<ul style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;"
class="van-picker-column__wrapper"
>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
杭州
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">宁波</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
宁波
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item van-picker-column__item--selected">
<div class="van-ellipsis">温州</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item van-picker-column__item--selected"
>
<div class="van-ellipsis">
温州
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">嘉兴</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
嘉兴
</div>
</li>
<li role="button" style="height: 44px;" tabindex="0" class="van-picker-column__item">
<div class="van-ellipsis">湖州</div>
<li role="button"
style="height: 44px;"
tabindex="0"
class="van-picker-column__item"
>
<div class="van-ellipsis">
湖州
</div>
</li>
</ul>
</div>
<div class="van-picker__mask" style="background-size: 100% 110px;"></div>
<div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
<div class="van-picker__mask"
style="background-size: 100% 110px;"
>
</div>
<div class="van-hairline-unset--top-bottom van-picker__frame"
style="height: 44px;"
>
</div>
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-cell van-cell--clickable van-field" role="button" tabindex="0">
<!---->
<div class="van-cell__title van-field__label"><span>城市</span>
<!---->
<div class="van-cell van-cell--clickable van-field"
role="button"
tabindex="0"
>
<div class="van-cell__title van-field__label">
<span>
城市
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" class="van-field__control" readonly="" placeholder="选择城市">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
class="van-field__control"
readonly
placeholder="选择城市"
>
</div>
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
`;

108
src/popover/test/__snapshots__/demo.spec.js.snap
View File

@ -1,44 +1,92 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render demo and match snapshot 1`] = `
<div><span class="van-popover__wrapper"><!--teleport start--><!--teleport end--><button type="button" class="van-button van-button--primary van-button--normal"><div class="van-button__content"><!----><span class="van-button__text">浅色风格</span>
<!---->
</div></button></span><span class="van-popover__wrapper"><!--teleport start--><!--teleport end--><button type="button" class="van-button van-button--primary van-button--normal"><div class="van-button__content"><!----><span class="van-button__text">深色风格</span>
<!---->
</div></button></span></div>
<div>
<div class="van-cell van-cell--clickable van-field" role="button" tabindex="0">
<!---->
<div class="van-cell__title van-field__label"><span>选择弹出位置</span>
<!---->
<span class="van-popover__wrapper">
<button type="button"
class="van-button van-button--primary van-button--normal"
>
<div class="van-button__content">
<span class="van-button__text">
浅色风格
</span>
</div>
</button>
</span>
<span class="van-popover__wrapper">
<button type="button"
class="van-button van-button--primary van-button--normal"
>
<div class="van-button__content">
<span class="van-button__text">
深色风格
</span>
</div>
</button>
</span>
</div>
<div>
<div class="van-cell van-cell--clickable van-field"
role="button"
tabindex="0"
>
<div class="van-cell__title van-field__label">
<span>
选择弹出位置
</span>
</div>
<div class="van-cell__value van-field__value">
<div class="van-field__body"><input type="text" name="picker" class="van-field__control" readonly="">
<!---->
<!---->
<!---->
<div class="van-field__body">
<input type="text"
name="picker"
class="van-field__control"
readonly
>
</div>
<!---->
<!---->
</div><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
<div><span class="van-popover__wrapper"><!--teleport start--><!--teleport end--><button type="button" class="van-button van-button--primary van-button--normal"><div class="van-button__content"><!----><span class="van-button__text">展示图标</span>
<!---->
</div></button></span><span class="van-popover__wrapper"><!--teleport start--><!--teleport end--><button type="button" class="van-button van-button--primary van-button--normal"><div class="van-button__content"><!----><span class="van-button__text">禁用选项</span>
<!---->
</div></button></span></div>
<div><span class="van-popover__wrapper"><!--teleport start--><!--teleport end--><button type="button" class="van-button van-button--primary van-button--normal"><div class="van-button__content"><!----><span class="van-button__text">自定义内容</span>
<!---->
</div></button></span></div>
<div>
<span class="van-popover__wrapper">
<button type="button"
class="van-button van-button--primary van-button--normal"
>
<div class="van-button__content">
<span class="van-button__text">
展示图标
</span>
</div>
</button>
</span>
<span class="van-popover__wrapper">
<button type="button"
class="van-button van-button--primary van-button--normal"
>
<div class="van-button__content">
<span class="van-button__text">
禁用选项
</span>
</div>
</button>
</span>
</div>
<div>
<span class="van-popover__wrapper">
<button type="button"
class="van-button van-button--primary van-button--normal"
>
<div class="van-button__content">
<span class="van-button__text">
自定义内容
</span>
</div>
</button>
</span>
</div>
`;

45
src/popover/test/__snapshots__/index.spec.js.snap
View File

@ -2,47 +2,54 @@
exports[`should allow to custom the className of action 1`] = `
<div class="van-popover__action foo">
<!---->
<div class="van-popover__action-text van-hairline--bottom">Option</div>
<div class="van-popover__action-text van-hairline--bottom">
Option
</div>
</div>
`;
exports[`should locate to reference element when showed 1`] = `
<!---->
<transition-stub>
<!---->
</transition-stub>
`;
exports[`should locate to reference element when showed 2`] = `
<!---->
<transition-stub>
<div style="z-index: 2005; position: absolute; left: 0px; top: 8px; margin: 0px;" class="van-popup van-popover van-popover--light" data-popper-placement="bottom">
<div class="van-popover__arrow"></div>
<div class="van-popover__content"></div>
<!---->
<div style="z-index: 2005; position: absolute; left: 0px; top: 8px; margin: 0px;"
class="van-popup van-popover van-popover--light"
data-popper-placement="bottom"
>
<div class="van-popover__arrow">
</div>
<div class="van-popover__content">
</div>
</div>
</transition-stub>
`;
exports[`should locate to reference element when showed 3`] = `
<!---->
<transition-stub>
<div style="z-index: 2005; display: none;" class="van-popup van-popover van-popover--light">
<div class="van-popover__arrow"></div>
<div class="van-popover__content"></div>
<!---->
<div style="z-index: 2005; display: none;"
class="van-popup van-popover van-popover--light"
>
<div class="van-popover__arrow">
</div>
<div class="van-popover__content">
</div>
</div>
</transition-stub>
`;
exports[`should watch placement prop and update location 1`] = `
<!---->
<transition-stub>
<div style="z-index: 2006; position: absolute; left: 0px; top: -8px; margin: 0px;" class="van-popup van-popover van-popover--light" data-popper-placement="top">
<div class="van-popover__arrow"></div>
<div class="van-popover__content"></div>
<!---->
<div style="z-index: 2006; position: absolute; left: 0px; top: -8px; margin: 0px;"
class="van-popup van-popover van-popover--light"
data-popper-placement="top"
>
<div class="van-popover__arrow">
</div>
<div class="van-popover__content">
</div>
</div>
</transition-stub>
`;

210
src/popup/test/__snapshots__/demo.spec.js.snap
View File

@ -2,179 +2,169 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>展示弹出层</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
展示弹出层
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>顶部弹出</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
顶部弹出
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>底部弹出</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
底部弹出
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>左侧弹出</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
左侧弹出
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>右侧弹出</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
右侧弹出
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>关闭图标</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
关闭图标
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>自定义图标</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
自定义图标
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>图标位置</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
图标位置
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>圆角弹窗</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
圆角弹窗
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>指定挂载节点</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
指定挂载节点
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<!--teleport start-->
<!--teleport end-->
</div>
`;

74
src/progress/test/__snapshots__/demo.spec.js.snap
View File

@ -2,17 +2,79 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-progress"><span class="van-progress__portion" style="width: 0px;"><span style="left: 0px;" class="van-progress__pivot">50%</span></span></div>
<div class="van-progress">
<span class="van-progress__portion"
style="width: 0px;"
>
<span style="left: 0px;"
class="van-progress__pivot"
>
50%
</span>
</span>
</div>
</div>
<div>
<div class="van-progress" style="height: 8px;"><span class="van-progress__portion" style="width: 0px;"><span style="left: 0px;" class="van-progress__pivot">50%</span></span></div>
<div class="van-progress"
style="height: 8px;"
>
<span class="van-progress__portion"
style="width: 0px;"
>
<span style="left: 0px;"
class="van-progress__pivot"
>
50%
</span>
</span>
</div>
</div>
<div>
<div class="van-progress"><span class="van-progress__portion" style="background: rgb(202, 202, 202); width: 0px;"><span style="left: 0px; background: rgb(202, 202, 202);" class="van-progress__pivot">50%</span></span></div>
<div class="van-progress">
<span class="van-progress__portion"
style="background: rgb(202, 202, 202); width: 0px;"
>
<span style="left: 0px; background: rgb(202, 202, 202);"
class="van-progress__pivot"
>
50%
</span>
</span>
</div>
</div>
<div>
<div class="van-progress"><span class="van-progress__portion" style="background: rgb(242, 130, 106); width: 0px;"><span style="left: 0px; background: rgb(242, 130, 106);" class="van-progress__pivot">橙色</span></span></div>
<div class="van-progress"><span class="van-progress__portion" style="background: rgb(238, 10, 36); width: 0px;"><span style="left: 0px; background: rgb(238, 10, 36);" class="van-progress__pivot">红色</span></span></div>
<div class="van-progress"><span class="van-progress__portion" style="width: 0px;"><span style="left: 0px; background: rgb(114, 50, 221);" class="van-progress__pivot">紫色</span></span></div>
<div class="van-progress">
<span class="van-progress__portion"
style="background: rgb(242, 130, 106); width: 0px;"
>
<span style="left: 0px; background: rgb(242, 130, 106);"
class="van-progress__pivot"
>
橙色
</span>
</span>
</div>
<div class="van-progress">
<span class="van-progress__portion"
style="background: rgb(238, 10, 36); width: 0px;"
>
<span style="left: 0px; background: rgb(238, 10, 36);"
class="van-progress__pivot"
>
红色
</span>
</span>
</div>
<div class="van-progress">
<span class="van-progress__portion"
style="width: 0px;"
>
<span style="left: 0px; background: rgb(114, 50, 221);"
class="van-progress__pivot"
>
紫色
</span>
</span>
</div>
</div>
`;

66
src/pull-refresh/test/__snapshots__/demo.spec.js.snap
View File

@ -3,29 +3,65 @@
exports[`should render demo and match snapshot 1`] = `
<div class="van-tabs van-tabs--line">
<div class="van-tabs__wrap">
<div role="tablist" class="van-tabs__nav van-tabs__nav--line">
<!---->
<div role="tab" class="van-tab van-tab--active" aria-selected="true"><span class="van-tab__text van-tab__text--ellipsis">基础用法</span></div>
<div role="tab" class="van-tab" aria-selected="false"><span class="van-tab__text van-tab__text--ellipsis">成功提示</span></div>
<div role="tab" class="van-tab" aria-selected="false"><span class="van-tab__text van-tab__text--ellipsis">自定义提示</span></div>
<div class="van-tabs__line" style="transform: translateX(0px) translateX(-50%);"></div>
<!---->
<div role="tablist"
class="van-tabs__nav van-tabs__nav--line"
>
<div role="tab"
class="van-tab van-tab--active"
aria-selected="true"
>
<span class="van-tab__text van-tab__text--ellipsis">
基础用法
</span>
</div>
<div role="tab"
class="van-tab"
aria-selected="false"
>
<span class="van-tab__text van-tab__text--ellipsis">
成功提示
</span>
</div>
<div role="tab"
class="van-tab"
aria-selected="false"
>
<span class="van-tab__text van-tab__text--ellipsis">
自定义提示
</span>
</div>
<div class="van-tabs__line"
style="transform: translateX(0px) translateX(-50%);"
>
</div>
</div>
</div>
<div class="van-tabs__content">
<div role="tabpanel" class="van-tab__pane" style="">
<div role="tabpanel"
class="van-tab__pane"
style
>
<div class="van-pull-refresh">
<div class="van-pull-refresh__track" style="transition-duration: 0ms;">
<div class="van-pull-refresh__head"></div>
<p>下拉试试</p>
<div class="van-pull-refresh__track"
style="transition-duration: 0ms;"
>
<div class="van-pull-refresh__head">
</div>
<p>
下拉试试
</p>
</div>
</div>
</div>
<div role="tabpanel" class="van-tab__pane" style="display: none;">
<!---->
<div role="tabpanel"
class="van-tab__pane"
style="display: none;"
>
</div>
<div role="tabpanel" class="van-tab__pane" style="display: none;">
<!---->
<div role="tabpanel"
class="van-tab__pane"
style="display: none;"
>
</div>
</div>
</div>

366
src/radio/test/__snapshots__/demo.spec.js.snap
View File

@ -2,159 +2,311 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-radio-group demo-radio-group" role="radiogroup">
<div role="radio" class="van-radio" tabindex="0" aria-checked="true">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-radio__label">单选框 1</span>
<div class="van-radio-group demo-radio-group"
role="radiogroup"
>
<div role="radio"
class="van-radio"
tabindex="0"
aria-checked="true"
>
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<div role="radio" class="van-radio" tabindex="0" aria-checked="false">
<div class="van-radio__icon van-radio__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-radio__label">单选框 2</span>
<span class="van-radio__label">
单选框 1
</span>
</div>
<div role="radio"
class="van-radio"
tabindex="0"
aria-checked="false"
>
<div class="van-radio__icon van-radio__icon--round">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-radio__label">
单选框 2
</span>
</div>
</div>
</div>
<div>
<div class="van-radio-group van-radio-group--horizontal demo-radio-group" role="radiogroup">
<div role="radio" class="van-radio van-radio--horizontal" tabindex="0" aria-checked="true">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-radio__label">单选框 1</span>
<div class="van-radio-group van-radio-group--horizontal demo-radio-group"
role="radiogroup"
>
<div role="radio"
class="van-radio van-radio--horizontal"
tabindex="0"
aria-checked="true"
>
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<div role="radio" class="van-radio van-radio--horizontal" tabindex="0" aria-checked="false">
<div class="van-radio__icon van-radio__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-radio__label">单选框 2</span>
<span class="van-radio__label">
单选框 1
</span>
</div>
<div role="radio"
class="van-radio van-radio--horizontal"
tabindex="0"
aria-checked="false"
>
<div class="van-radio__icon van-radio__icon--round">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-radio__label">
单选框 2
</span>
</div>
</div>
</div>
<div>
<div class="van-radio-group demo-radio-group" role="radiogroup">
<div role="radio" class="van-radio van-radio--disabled" tabindex="-1" aria-checked="false">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--disabled"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-radio__label van-radio__label--disabled">单选框 1</span>
<div class="van-radio-group demo-radio-group"
role="radiogroup"
>
<div role="radio"
class="van-radio van-radio--disabled"
tabindex="-1"
aria-checked="false"
>
<div class="van-radio__icon van-radio__icon--round van-radio__icon--disabled">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<div role="radio" class="van-radio van-radio--disabled" tabindex="-1" aria-checked="true">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--disabled van-radio__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-radio__label van-radio__label--disabled">单选框 2</span>
<span class="van-radio__label van-radio__label--disabled">
单选框 1
</span>
</div>
<div role="radio"
class="van-radio van-radio--disabled"
tabindex="-1"
aria-checked="true"
>
<div class="van-radio__icon van-radio__icon--round van-radio__icon--disabled van-radio__icon--checked">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-radio__label van-radio__label--disabled">
单选框 2
</span>
</div>
</div>
</div>
<div>
<div class="van-radio-group demo-radio-group" role="radiogroup">
<div role="radio" class="van-radio" tabindex="0" aria-checked="true">
<div class="van-radio__icon van-radio__icon--square van-radio__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-radio__label">单选框 1</span>
<div class="van-radio-group demo-radio-group"
role="radiogroup"
>
<div role="radio"
class="van-radio"
tabindex="0"
aria-checked="true"
>
<div class="van-radio__icon van-radio__icon--square van-radio__icon--checked">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<div role="radio" class="van-radio" tabindex="0" aria-checked="false">
<div class="van-radio__icon van-radio__icon--square"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-radio__label">单选框 2</span>
<span class="van-radio__label">
单选框 1
</span>
</div>
<div role="radio"
class="van-radio"
tabindex="0"
aria-checked="false"
>
<div class="van-radio__icon van-radio__icon--square">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-radio__label">
单选框 2
</span>
</div>
</div>
</div>
<div>
<div class="van-radio-group demo-radio-group" role="radiogroup">
<div role="radio" class="van-radio" tabindex="0" aria-checked="true">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success" style="border-color: #07c160; background-color: rgb(7, 193, 96);">
<!---->
<!---->
<!----></i></div><span class="van-radio__label">单选框 1 </span>
<div class="van-radio-group demo-radio-group"
role="radiogroup"
>
<div role="radio"
class="van-radio"
tabindex="0"
aria-checked="true"
>
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked">
<i class="van-badge__wrapper van-icon van-icon-success"
style="border-color: #07c160; background-color: rgb(7, 193, 96);"
>
</i>
</div>
<div role="radio" class="van-radio" tabindex="0" aria-checked="false">
<div class="van-radio__icon van-radio__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-radio__label">单选框 2 </span>
<span class="van-radio__label">
单选框 1
</span>
</div>
<div role="radio"
class="van-radio"
tabindex="0"
aria-checked="false"
>
<div class="van-radio__icon van-radio__icon--round">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-radio__label">
单选框 2
</span>
</div>
</div>
</div>
<div>
<div class="van-radio-group demo-radio-group" role="radiogroup">
<div role="radio" class="van-radio" tabindex="0" aria-checked="true">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked" style="font-size: 24px;"><i class="van-badge__wrapper van-icon van-icon-success" style="border-color: #07c160; background-color: rgb(7, 193, 96);">
<!---->
<!---->
<!----></i></div><span class="van-radio__label">单选框 1 </span>
<div class="van-radio-group demo-radio-group"
role="radiogroup"
>
<div role="radio"
class="van-radio"
tabindex="0"
aria-checked="true"
>
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"
style="font-size: 24px;"
>
<i class="van-badge__wrapper van-icon van-icon-success"
style="border-color: #07c160; background-color: rgb(7, 193, 96);"
>
</i>
</div>
<div role="radio" class="van-radio" tabindex="0" aria-checked="false">
<div class="van-radio__icon van-radio__icon--round" style="font-size: 24px;"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-radio__label">单选框 2 </span>
<span class="van-radio__label">
单选框 1
</span>
</div>
<div role="radio"
class="van-radio"
tabindex="0"
aria-checked="false"
>
<div class="van-radio__icon van-radio__icon--round"
style="font-size: 24px;"
>
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-radio__label">
单选框 2
</span>
</div>
</div>
</div>
<div>
<div class="van-radio-group demo-radio-group" role="radiogroup">
<div role="radio" class="van-radio" tabindex="0" aria-checked="true">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><img src="https://img.yzcdn.cn/vant/user-active.png"></div><span class="van-radio__label">单选框 1 </span>
<div class="van-radio-group demo-radio-group"
role="radiogroup"
>
<div role="radio"
class="van-radio"
tabindex="0"
aria-checked="true"
>
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked">
<img src="https://img.yzcdn.cn/vant/user-active.png">
</div>
<div role="radio" class="van-radio" tabindex="0" aria-checked="false">
<div class="van-radio__icon van-radio__icon--round"><img src="https://img.yzcdn.cn/vant/user-inactive.png"></div><span class="van-radio__label">单选框 2 </span>
<span class="van-radio__label">
单选框 1
</span>
</div>
<div role="radio"
class="van-radio"
tabindex="0"
aria-checked="false"
>
<div class="van-radio__icon van-radio__icon--round">
<img src="https://img.yzcdn.cn/vant/user-inactive.png">
</div>
<span class="van-radio__label">
单选框 2
</span>
</div>
</div>
</div>
<div>
<div class="van-radio-group demo-radio-group" role="radiogroup">
<div role="radio" class="van-radio van-radio--label-disabled" tabindex="0" aria-checked="true">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-radio__label">单选框 1</span>
<div class="van-radio-group demo-radio-group"
role="radiogroup"
>
<div role="radio"
class="van-radio van-radio--label-disabled"
tabindex="0"
aria-checked="true"
>
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<div role="radio" class="van-radio van-radio--label-disabled" tabindex="0" aria-checked="false">
<div class="van-radio__icon van-radio__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-radio__label">单选框 2</span>
<span class="van-radio__label">
单选框 1
</span>
</div>
<div role="radio"
class="van-radio van-radio--label-disabled"
tabindex="0"
aria-checked="false"
>
<div class="van-radio__icon van-radio__icon--round">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-radio__label">
单选框 2
</span>
</div>
</div>
</div>
<div>
<div class="van-radio-group" role="radiogroup">
<div class="van-radio-group"
role="radiogroup"
>
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>单选框1</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
单选框1
</span>
</div>
<!---->
<div role="radio" class="van-radio" tabindex="0" aria-checked="true">
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div>
<!---->
<div role="radio"
class="van-radio"
tabindex="0"
aria-checked="true"
>
<div class="van-radio__icon van-radio__icon--round van-radio__icon--checked">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<!---->
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>单选框2</span>
<!---->
</div>
<!---->
<div role="radio" class="van-radio" tabindex="0" aria-checked="false">
<div class="van-radio__icon van-radio__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
单选框2
</span>
</div>
<div role="radio"
class="van-radio"
tabindex="0"
aria-checked="false"
>
<div class="van-radio__icon van-radio__icon--round">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
</div>
<!---->
</div>
</div>
</div>

754
src/rate/test/__snapshots__/demo.spec.js.snap
View File

@ -2,285 +2,585 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div role="radiogroup" class="van-rate" tabindex="0">
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="1">
<!---->
<!---->
<!----></i>
<!---->
<div role="radiogroup"
class="van-rate"
tabindex="0"
>
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="1"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
data-score="1"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="2">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="2"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
data-score="2"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="3">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="3"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
data-score="3"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="4">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="4"
aria-checked="false"
>
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
data-score="4"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="5">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="5"
aria-checked="false"
>
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
data-score="5"
>
</i>
</div>
</div>
</div>
<div>
<div role="radiogroup" class="van-rate" tabindex="0">
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-like van-rate__icon van-rate__icon--full" data-score="1">
<!---->
<!---->
<!----></i>
<!---->
<div role="radiogroup"
class="van-rate"
tabindex="0"
>
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="1"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-like van-rate__icon van-rate__icon--full"
data-score="1"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-like van-rate__icon van-rate__icon--full" data-score="2">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="2"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-like van-rate__icon van-rate__icon--full"
data-score="2"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-like van-rate__icon van-rate__icon--full" data-score="3">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="3"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-like van-rate__icon van-rate__icon--full"
data-score="3"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-like-o van-rate__icon" data-score="4">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="4"
aria-checked="false"
>
<i class="van-badge__wrapper van-icon van-icon-like-o van-rate__icon"
data-score="4"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-like-o van-rate__icon" data-score="5">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="5"
aria-checked="false"
>
<i class="van-badge__wrapper van-icon van-icon-like-o van-rate__icon"
data-score="5"
>
</i>
</div>
</div>
</div>
<div>
<div role="radiogroup" class="van-rate" tabindex="0">
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" style="color: rgb(255, 210, 30); font-size: 25px;" data-score="1">
<!---->
<!---->
<!----></i>
<!---->
<div role="radiogroup"
class="van-rate"
tabindex="0"
>
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="1"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
style="color: rgb(255, 210, 30); font-size: 25px;"
data-score="1"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" style="color: rgb(255, 210, 30); font-size: 25px;" data-score="2">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="2"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
style="color: rgb(255, 210, 30); font-size: 25px;"
data-score="2"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" style="color: rgb(255, 210, 30); font-size: 25px;" data-score="3">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="3"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
style="color: rgb(255, 210, 30); font-size: 25px;"
data-score="3"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon" style="color: rgb(238, 238, 238); font-size: 25px;" data-score="4">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="4"
aria-checked="false"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon"
style="color: rgb(238, 238, 238); font-size: 25px;"
data-score="4"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon" style="color: rgb(238, 238, 238); font-size: 25px;" data-score="5">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="5"
aria-checked="false"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon"
style="color: rgb(238, 238, 238); font-size: 25px;"
data-score="5"
>
</i>
</div>
</div>
</div>
<div>
<div role="radiogroup" class="van-rate" tabindex="0">
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" style="font-size: 25px;" data-score="1">
<!---->
<!---->
<!----></i><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--half van-rate__icon--full" style="font-size: 25px;" data-score="0.5">
<!---->
<!---->
<!----></i></div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" style="font-size: 25px;" data-score="2">
<!---->
<!---->
<!----></i><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--half van-rate__icon--full" style="font-size: 25px;" data-score="1.5">
<!---->
<!---->
<!----></i></div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon" style="color: rgb(238, 238, 238); font-size: 25px;" data-score="3">
<!---->
<!---->
<!----></i><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--half van-rate__icon--full" style="font-size: 25px;" data-score="2.5">
<!---->
<!---->
<!----></i></div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon" style="color: rgb(238, 238, 238); font-size: 25px;" data-score="4">
<!---->
<!---->
<!----></i><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--half" style="color: rgb(238, 238, 238); font-size: 25px;" data-score="3.5">
<!---->
<!---->
<!----></i></div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon" style="color: rgb(238, 238, 238); font-size: 25px;" data-score="5">
<!---->
<!---->
<!----></i><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--half" style="color: rgb(238, 238, 238); font-size: 25px;" data-score="4.5">
<!---->
<!---->
<!----></i></div>
<div role="radiogroup"
class="van-rate"
tabindex="0"
>
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="1"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
style="font-size: 25px;"
data-score="1"
>
</i>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--half van-rate__icon--full"
style="font-size: 25px;"
data-score="0.5"
>
</i>
</div>
</div>
<div>
<div role="radiogroup" class="van-rate" tabindex="0">
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="6" aria-posinset="1" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="1">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="2"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
style="font-size: 25px;"
data-score="2"
>
</i>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--half van-rate__icon--full"
style="font-size: 25px;"
data-score="1.5"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="6" aria-posinset="2" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="2">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="3"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon"
style="color: rgb(238, 238, 238); font-size: 25px;"
data-score="3"
>
</i>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--half van-rate__icon--full"
style="font-size: 25px;"
data-score="2.5"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="6" aria-posinset="3" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="3">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="4"
aria-checked="false"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon"
style="color: rgb(238, 238, 238); font-size: 25px;"
data-score="4"
>
</i>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--half"
style="color: rgb(238, 238, 238); font-size: 25px;"
data-score="3.5"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="6" aria-posinset="4" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="4">
<!---->
<!---->
<!----></i>
<!---->
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="6" aria-posinset="5" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="5">
<!---->
<!---->
<!----></i>
<!---->
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="6" aria-posinset="6" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="6">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="5"
aria-checked="false"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon"
style="color: rgb(238, 238, 238); font-size: 25px;"
data-score="5"
>
</i>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--half"
style="color: rgb(238, 238, 238); font-size: 25px;"
data-score="4.5"
>
</i>
</div>
</div>
</div>
<div>
<div role="radiogroup" class="van-rate van-rate--disabled" tabindex="0">
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--disabled van-rate__icon--full" data-score="1">
<!---->
<!---->
<!----></i>
<!---->
<div role="radiogroup"
class="van-rate"
tabindex="0"
>
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="6"
aria-posinset="1"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
data-score="1"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--disabled van-rate__icon--full" data-score="2">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="6"
aria-posinset="2"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
data-score="2"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--disabled van-rate__icon--full" data-score="3">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="6"
aria-posinset="3"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
data-score="3"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon van-rate__icon--disabled" data-score="4">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="6"
aria-posinset="4"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
data-score="4"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon van-rate__icon--disabled" data-score="5">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="6"
aria-posinset="5"
aria-checked="false"
>
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
data-score="5"
>
</i>
</div>
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="6"
aria-posinset="6"
aria-checked="false"
>
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
data-score="6"
>
</i>
</div>
</div>
</div>
<div>
<div role="radiogroup" class="van-rate van-rate--readonly" tabindex="0">
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="1">
<!---->
<!---->
<!----></i>
<!---->
<div role="radiogroup"
class="van-rate van-rate--disabled"
tabindex="0"
>
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="1"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--disabled van-rate__icon--full"
data-score="1"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="2">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="2"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--disabled van-rate__icon--full"
data-score="2"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="3">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="3"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--disabled van-rate__icon--full"
data-score="3"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="4">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="4"
aria-checked="false"
>
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon van-rate__icon--disabled"
data-score="4"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="5">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="5"
aria-checked="false"
>
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon van-rate__icon--disabled"
data-score="5"
>
</i>
</div>
</div>
</div>
<div>
<div role="radiogroup" class="van-rate" tabindex="0">
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="1" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="1">
<!---->
<!---->
<!----></i>
<!---->
<div role="radiogroup"
class="van-rate van-rate--readonly"
tabindex="0"
>
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="1"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
data-score="1"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="2" aria-checked="true"><i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full" data-score="2">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="2"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
data-score="2"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="3" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="3">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="3"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
data-score="3"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="4" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="4">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="4"
aria-checked="false"
>
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
data-score="4"
>
</i>
</div>
<div role="radio" class="van-rate__item" tabindex="0" aria-setsize="5" aria-posinset="5" aria-checked="false"><i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon" data-score="5">
<!---->
<!---->
<!----></i>
<!---->
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="5"
aria-checked="false"
>
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
data-score="5"
>
</i>
</div>
</div>
</div>
<div>
<div role="radiogroup"
class="van-rate"
tabindex="0"
>
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="1"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
data-score="1"
>
</i>
</div>
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="2"
aria-checked="true"
>
<i class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
data-score="2"
>
</i>
</div>
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="3"
aria-checked="false"
>
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
data-score="3"
>
</i>
</div>
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="4"
aria-checked="false"
>
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
data-score="4"
>
</i>
</div>
<div role="radio"
class="van-rate__item"
tabindex="0"
aria-setsize="5"
aria-posinset="5"
aria-checked="false"
>
<i class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
data-score="5"
>
</i>
</div>
</div>
</div>

196
src/search/test/__snapshots__/demo.spec.js.snap
View File

@ -3,167 +3,143 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-search">
<!---->
<div class="van-search__content van-search__content--square">
<!---->
<div class="van-cell van-cell--borderless van-field">
<div class="van-field__left-icon"><i class="van-badge__wrapper van-icon van-icon-search">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search">
</i>
</div>
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body"><input type="search" class="van-field__control" placeholder="请输入搜索关键词">
<!---->
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<!---->
<!---->
<div class="van-field__body">
<input type="search"
class="van-field__control"
placeholder="请输入搜索关键词"
>
</div>
</div>
</div>
</div>
<!---->
</div>
</div>
<div>
<form action="/">
<div class="van-search van-search--show-action">
<!---->
<div class="van-search__content van-search__content--square">
<!---->
<div class="van-cell van-cell--borderless van-field">
<div class="van-field__left-icon"><i class="van-badge__wrapper van-icon van-icon-search">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search">
</i>
</div>
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body"><input type="search" class="van-field__control" placeholder="请输入搜索关键词">
<!---->
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<!---->
<!---->
<div class="van-field__body">
<input type="search"
class="van-field__control"
placeholder="请输入搜索关键词"
>
</div>
</div>
<div class="van-search__action" role="button" tabindex="0">取消</div>
</div>
</div>
<div class="van-search__action"
role="button"
tabindex="0"
>
取消
</div>
</div>
</form>
</div>
<div>
<div class="van-search">
<!---->
<div class="van-search__content van-search__content--square">
<!---->
<div class="van-cell van-cell--borderless van-field">
<div class="van-field__left-icon"><i class="van-badge__wrapper van-icon van-icon-search">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search">
</i>
</div>
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body"><input type="search" class="van-field__control van-field__control--center" placeholder="请输入搜索关键词">
<!---->
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<!---->
<!---->
<div class="van-field__body">
<input type="search"
class="van-field__control van-field__control--center"
placeholder="请输入搜索关键词"
>
</div>
</div>
</div>
</div>
<!---->
</div>
</div>
<div>
<div class="van-search">
<!---->
<div class="van-search__content van-search__content--square">
<!---->
<div class="van-cell van-cell--borderless van-field van-field--disabled">
<div class="van-field__left-icon"><i class="van-badge__wrapper van-icon van-icon-search">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search">
</i>
</div>
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body"><input type="search" class="van-field__control" disabled="" placeholder="请输入搜索关键词">
<!---->
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<!---->
<!---->
<div class="van-field__body">
<input type="search"
class="van-field__control"
disabled
placeholder="请输入搜索关键词"
>
</div>
</div>
</div>
</div>
<!---->
</div>
</div>
<div>
<div class="van-search" style="background: rgb(79, 192, 141);">
<!---->
<div class="van-search"
style="background: rgb(79, 192, 141);"
>
<div class="van-search__content van-search__content--round">
<!---->
<div class="van-cell van-cell--borderless van-field">
<div class="van-field__left-icon"><i class="van-badge__wrapper van-icon van-icon-search">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search">
</i>
</div>
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body"><input type="search" class="van-field__control" placeholder="请输入搜索关键词">
<!---->
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<!---->
<!---->
<div class="van-field__body">
<input type="search"
class="van-field__control"
placeholder="请输入搜索关键词"
>
</div>
</div>
</div>
</div>
<!---->
</div>
</div>
<div>
<div class="van-search van-search--show-action">
<!---->
<div class="van-search__content van-search__content--square">
<div class="van-search__label">地址</div>
<div class="van-search__label">
地址
</div>
<div class="van-cell van-cell--borderless van-field">
<div class="van-field__left-icon"><i class="van-badge__wrapper van-icon van-icon-search">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-field__left-icon">
<i class="van-badge__wrapper van-icon van-icon-search">
</i>
</div>
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-field__body"><input type="search" class="van-field__control" placeholder="请输入搜索关键词">
<!---->
<!---->
<!---->
</div>
<!---->
<!---->
</div>
<!---->
<!---->
<div class="van-field__body">
<input type="search"
class="van-field__control"
placeholder="请输入搜索关键词"
>
</div>
</div>
<div class="van-search__action" role="button" tabindex="0">
<div>搜索</div>
</div>
</div>
<div class="van-search__action"
role="button"
tabindex="0"
>
<div>
搜索
</div>
</div>
</div>
</div>

84
src/share-sheet/test/__snapshots__/demo.spec.js.snap
View File

@ -2,79 +2,75 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>显示分享面板</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
显示分享面板
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>显示分享面板</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
显示分享面板
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>显示分享面板</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
显示分享面板
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>显示分享面板</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
显示分享面板
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<transition-stub>
<!---->
</transition-stub>
<transition-stub>
<!---->
</transition-stub>
</div>
`;

137
src/sidebar/test/__snapshots__/demo.spec.js.snap
View File

@ -2,75 +2,116 @@
exports[`should render demo and match snapshot 1`] = `
<div class="van-grid">
<div class="van-grid-item" style="flex-basis: 50%;">
<div class="van-grid-item"
style="flex-basis: 50%;"
>
<div class="van-grid-item__content van-grid-item__content--center">
<h3 class="demo-sidebar-title">基础用法</h3>
<div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
<div class="van-badge__wrapper van-sidebar-item__text">标签名
<!---->
<h3 class="demo-sidebar-title">
基础用法
</h3>
<div class="van-sidebar">
<a class="van-sidebar-item van-sidebar-item--select">
<div class="van-badge__wrapper van-sidebar-item__text">
标签名
</div>
</a><a class="van-sidebar-item">
<div class="van-badge__wrapper van-sidebar-item__text">标签名
<!---->
</a>
<a class="van-sidebar-item">
<div class="van-badge__wrapper van-sidebar-item__text">
标签名
</div>
</a><a class="van-sidebar-item">
<div class="van-badge__wrapper van-sidebar-item__text">标签名
<!---->
</a>
<a class="van-sidebar-item">
<div class="van-badge__wrapper van-sidebar-item__text">
标签名
</div>
</a></div>
</a>
</div>
</div>
<div class="van-grid-item" style="flex-basis: 50%;">
</div>
<div class="van-grid-item"
style="flex-basis: 50%;"
>
<div class="van-grid-item__content van-grid-item__content--center">
<h3 class="demo-sidebar-title">徽标提示</h3>
<div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
<div class="van-badge__wrapper van-sidebar-item__text">标签名<div class="van-badge van-badge--dot van-badge--fixed">
<!---->
<h3 class="demo-sidebar-title">
徽标提示
</h3>
<div class="van-sidebar">
<a class="van-sidebar-item van-sidebar-item--select">
<div class="van-badge__wrapper van-sidebar-item__text">
标签名
<div class="van-badge van-badge--dot van-badge--fixed">
</div>
</div>
</a><a class="van-sidebar-item">
<div class="van-badge__wrapper van-sidebar-item__text">标签名<div class="van-badge van-badge--fixed">5</div>
</div>
</a><a class="van-sidebar-item">
<div class="van-badge__wrapper van-sidebar-item__text">标签名<div class="van-badge van-badge--fixed">99+</div>
</div>
</a></div>
</a>
<a class="van-sidebar-item">
<div class="van-badge__wrapper van-sidebar-item__text">
标签名
<div class="van-badge van-badge--fixed">
5
</div>
</div>
<div class="van-grid-item" style="flex-basis: 50%;">
</a>
<a class="van-sidebar-item">
<div class="van-badge__wrapper van-sidebar-item__text">
标签名
<div class="van-badge van-badge--fixed">
99+
</div>
</div>
</a>
</div>
</div>
</div>
<div class="van-grid-item"
style="flex-basis: 50%;"
>
<div class="van-grid-item__content van-grid-item__content--center">
<h3 class="demo-sidebar-title">禁用选项</h3>
<div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
<div class="van-badge__wrapper van-sidebar-item__text">标签名
<!---->
<h3 class="demo-sidebar-title">
禁用选项
</h3>
<div class="van-sidebar">
<a class="van-sidebar-item van-sidebar-item--select">
<div class="van-badge__wrapper van-sidebar-item__text">
标签名
</div>
</a><a class="van-sidebar-item van-sidebar-item--disabled">
<div class="van-badge__wrapper van-sidebar-item__text">标签名
<!---->
</a>
<a class="van-sidebar-item van-sidebar-item--disabled">
<div class="van-badge__wrapper van-sidebar-item__text">
标签名
</div>
</a><a class="van-sidebar-item">
<div class="van-badge__wrapper van-sidebar-item__text">标签名
<!---->
</a>
<a class="van-sidebar-item">
<div class="van-badge__wrapper van-sidebar-item__text">
标签名
</div>
</a></div>
</a>
</div>
</div>
<div class="van-grid-item" style="flex-basis: 50%;">
</div>
<div class="van-grid-item"
style="flex-basis: 50%;"
>
<div class="van-grid-item__content van-grid-item__content--center">
<h3 class="demo-sidebar-title">监听切换事件</h3>
<div class="van-sidebar"><a class="van-sidebar-item van-sidebar-item--select">
<div class="van-badge__wrapper van-sidebar-item__text">标签名1
<!---->
<h3 class="demo-sidebar-title">
监听切换事件
</h3>
<div class="van-sidebar">
<a class="van-sidebar-item van-sidebar-item--select">
<div class="van-badge__wrapper van-sidebar-item__text">
标签名1
</div>
</a><a class="van-sidebar-item">
<div class="van-badge__wrapper van-sidebar-item__text">标签名2
<!---->
</a>
<a class="van-sidebar-item">
<div class="van-badge__wrapper van-sidebar-item__text">
标签名2
</div>
</a><a class="van-sidebar-item">
<div class="van-badge__wrapper van-sidebar-item__text">标签名3
<!---->
</a>
<a class="van-sidebar-item">
<div class="van-badge__wrapper van-sidebar-item__text">
标签名3
</div>
</a>
</div>
</a></div>
</div>
</div>
</div>

68
src/skeleton/test/__snapshots__/demo.spec.js.snap
View File

@ -3,39 +3,73 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-skeleton van-skeleton--animate">
<!---->
<div class="van-skeleton__content">
<h3 class="van-skeleton__title"></h3>
<div class="van-skeleton__row" style="width: 100%;"></div>
<div class="van-skeleton__row" style="width: 100%;"></div>
<div class="van-skeleton__row" style="width: 60%;"></div>
<h3 class="van-skeleton__title">
</h3>
<div class="van-skeleton__row"
style="width: 100%;"
>
</div>
<div class="van-skeleton__row"
style="width: 100%;"
>
</div>
<div class="van-skeleton__row"
style="width: 60%;"
>
</div>
</div>
</div>
</div>
<div>
<div class="van-skeleton van-skeleton--animate">
<div class="van-skeleton__avatar van-skeleton__avatar--round"></div>
<div class="van-skeleton__avatar van-skeleton__avatar--round">
</div>
<div class="van-skeleton__content">
<h3 class="van-skeleton__title"></h3>
<div class="van-skeleton__row" style="width: 100%;"></div>
<div class="van-skeleton__row" style="width: 100%;"></div>
<div class="van-skeleton__row" style="width: 60%;"></div>
<h3 class="van-skeleton__title">
</h3>
<div class="van-skeleton__row"
style="width: 100%;"
>
</div>
<div class="van-skeleton__row"
style="width: 100%;"
>
</div>
<div class="van-skeleton__row"
style="width: 60%;"
>
</div>
</div>
</div>
</div>
<div>
<div role="switch" class="van-switch" style="font-size: 24px;" aria-checked="false">
<div role="switch"
class="van-switch"
style="font-size: 24px;"
aria-checked="false"
>
<div class="van-switch__node">
<!---->
</div>
</div>
<div class="van-skeleton van-skeleton--animate">
<div class="van-skeleton__avatar van-skeleton__avatar--round"></div>
<div class="van-skeleton__avatar van-skeleton__avatar--round">
</div>
<div class="van-skeleton__content">
<h3 class="van-skeleton__title"></h3>
<div class="van-skeleton__row" style="width: 100%;"></div>
<div class="van-skeleton__row" style="width: 100%;"></div>
<div class="van-skeleton__row" style="width: 60%;"></div>
<h3 class="van-skeleton__title">
</h3>
<div class="van-skeleton__row"
style="width: 100%;"
>
</div>
<div class="van-skeleton__row"
style="width: 100%;"
>
</div>
<div class="van-skeleton__row"
style="width: 60%;"
>
</div>
</div>
</div>
</div>

31
src/skeleton/test/__snapshots__/index.spec.js.snap
View File

@ -1,22 +1,37 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should change avatar shape when using avatar-shape prop 1`] = `<div class="van-skeleton__avatar van-skeleton__avatar--square"></div>`;
exports[`should change avatar shape when using avatar-shape prop 1`] = `
<div class="van-skeleton__avatar van-skeleton__avatar--square">
</div>
`;
exports[`should change avatar size when using avatar-size prop: 20rem 1`] = `"20rem"`;
exports[`should change avatar size when using avatar-size prop: 20ren 1`] = `"20rem"`;
exports[`should render default slot when loading is false 1`] = `<div>Content</div>`;
exports[`should render default slot when loading is false 1`] = `
<div>
Content
</div>
`;
exports[`should render with row width array correctly 1`] = `
<div class="van-skeleton van-skeleton--animate">
<!---->
<div class="van-skeleton__content">
<!---->
<div class="van-skeleton__row" style="width: 100%;"></div>
<div class="van-skeleton__row" style="width: 30px;"></div>
<div class="van-skeleton__row" style="width: 5rem;"></div>
<div class="van-skeleton__row"></div>
<div class="van-skeleton__row"
style="width: 100%;"
>
</div>
<div class="van-skeleton__row"
style="width: 30px;"
>
</div>
<div class="van-skeleton__row"
style="width: 5rem;"
>
</div>
<div class="van-skeleton__row">
</div>
</div>
</div>
`;

177
src/slider/test/__snapshots__/demo.spec.js.snap
View File

@ -3,66 +3,147 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-slider">
<div class="van-slider__bar" style="width: 50%; left: 0%;">
<div role="slider" class="van-slider__button-wrapper" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal">
<div class="van-slider__button"></div>
<div class="van-slider__bar"
style="width: 50%; left: 0%;"
>
<div role="slider"
class="van-slider__button-wrapper"
tabindex="0"
aria-valuemin="0"
aria-valuenow="50"
aria-valuemax="100"
aria-orientation="horizontal"
>
<div class="van-slider__button">
</div>
</div>
</div>
</div>
</div>
<div>
<div class="van-slider">
<div class="van-slider__bar" style="width: 40%; left: 20%;">
<div role="slider" class="van-slider__button-wrapper-left" tabindex="0" aria-valuemin="0" aria-valuenow="20" aria-valuemax="100" aria-orientation="horizontal">
<div class="van-slider__button"></div>
<div class="van-slider__bar"
style="width: 40%; left: 20%;"
>
<div role="slider"
class="van-slider__button-wrapper-left"
tabindex="0"
aria-valuemin="0"
aria-valuenow="20"
aria-valuemax="100"
aria-orientation="horizontal"
>
<div class="van-slider__button">
</div>
</div>
<div role="slider"
class="van-slider__button-wrapper-right"
tabindex="0"
aria-valuemin="0"
aria-valuenow="60"
aria-valuemax="100"
aria-orientation="horizontal"
>
<div class="van-slider__button">
</div>
<div role="slider" class="van-slider__button-wrapper-right" tabindex="0" aria-valuemin="0" aria-valuenow="60" aria-valuemax="100" aria-orientation="horizontal">
<div class="van-slider__button"></div>
</div>
</div>
</div>
</div>
<div>
<div class="van-slider">
<div class="van-slider__bar" style="width: 50%; left: 0%;">
<div role="slider" class="van-slider__button-wrapper" tabindex="0" aria-valuemin="-50" aria-valuenow="0" aria-valuemax="50" aria-orientation="horizontal">
<div class="van-slider__button"></div>
<div class="van-slider__bar"
style="width: 50%; left: 0%;"
>
<div role="slider"
class="van-slider__button-wrapper"
tabindex="0"
aria-valuemin="-50"
aria-valuenow="0"
aria-valuemax="50"
aria-orientation="horizontal"
>
<div class="van-slider__button">
</div>
</div>
</div>
</div>
</div>
<div>
<div class="van-slider van-slider--disabled">
<div class="van-slider__bar" style="width: 50%; left: 0%;">
<div role="slider" class="van-slider__button-wrapper" tabindex="-1" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal">
<div class="van-slider__button"></div>
<div class="van-slider__bar"
style="width: 50%; left: 0%;"
>
<div role="slider"
class="van-slider__button-wrapper"
tabindex="-1"
aria-valuemin="0"
aria-valuenow="50"
aria-valuemax="100"
aria-orientation="horizontal"
>
<div class="van-slider__button">
</div>
</div>
</div>
</div>
</div>
<div>
<div class="van-slider">
<div class="van-slider__bar" style="width: 50%; left: 0%;">
<div role="slider" class="van-slider__button-wrapper" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal">
<div class="van-slider__button"></div>
<div class="van-slider__bar"
style="width: 50%; left: 0%;"
>
<div role="slider"
class="van-slider__button-wrapper"
tabindex="0"
aria-valuemin="0"
aria-valuenow="50"
aria-valuemax="100"
aria-orientation="horizontal"
>
<div class="van-slider__button">
</div>
</div>
</div>
</div>
</div>
<div>
<div style="height: 4px;" class="van-slider">
<div class="van-slider__bar" style="width: 50%; left: 0%; background: rgb(238, 10, 36);">
<div role="slider" class="van-slider__button-wrapper" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal">
<div class="van-slider__button"></div>
<div style="height: 4px;"
class="van-slider"
>
<div class="van-slider__bar"
style="width: 50%; left: 0%; background: rgb(238, 10, 36);"
>
<div role="slider"
class="van-slider__button-wrapper"
tabindex="0"
aria-valuemin="0"
aria-valuenow="50"
aria-valuemax="100"
aria-orientation="horizontal"
>
<div class="van-slider__button">
</div>
</div>
</div>
</div>
</div>
<div>
<div class="van-slider">
<div class="van-slider__bar" style="width: 50%; left: 0%; background: rgb(238, 10, 36);">
<div role="slider" class="van-slider__button-wrapper" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="horizontal">
<div class="custom-button">50</div>
<div class="van-slider__bar"
style="width: 50%; left: 0%; background: rgb(238, 10, 36);"
>
<div role="slider"
class="van-slider__button-wrapper"
tabindex="0"
aria-valuemin="0"
aria-valuenow="50"
aria-valuemax="100"
aria-orientation="horizontal"
>
<div class="custom-button">
50
</div>
</div>
</div>
</div>
@ -70,19 +151,49 @@ exports[`should render demo and match snapshot 1`] = `
<div>
<div style="height: 150px; padding-left: 30px;">
<div class="van-slider van-slider--vertical">
<div class="van-slider__bar" style="height: 50%; top: 0%;">
<div role="slider" class="van-slider__button-wrapper" tabindex="0" aria-valuemin="0" aria-valuenow="50" aria-valuemax="100" aria-orientation="vertical">
<div class="van-slider__button"></div>
<div class="van-slider__bar"
style="height: 50%; top: 0%;"
>
<div role="slider"
class="van-slider__button-wrapper"
tabindex="0"
aria-valuemin="0"
aria-valuenow="50"
aria-valuemax="100"
aria-orientation="vertical"
>
<div class="van-slider__button">
</div>
</div>
</div>
<div style="margin-left: 100px;" class="van-slider van-slider--vertical">
<div class="van-slider__bar" style="height: 40%; top: 20%;">
<div role="slider" class="van-slider__button-wrapper-left" tabindex="0" aria-valuemin="0" aria-valuenow="20" aria-valuemax="100" aria-orientation="vertical">
<div class="van-slider__button"></div>
</div>
<div role="slider" class="van-slider__button-wrapper-right" tabindex="0" aria-valuemin="0" aria-valuenow="60" aria-valuemax="100" aria-orientation="vertical">
<div class="van-slider__button"></div>
<div style="margin-left: 100px;"
class="van-slider van-slider--vertical"
>
<div class="van-slider__bar"
style="height: 40%; top: 20%;"
>
<div role="slider"
class="van-slider__button-wrapper-left"
tabindex="0"
aria-valuemin="0"
aria-valuenow="20"
aria-valuemax="100"
aria-orientation="vertical"
>
<div class="van-slider__button">
</div>
</div>
<div role="slider"
class="van-slider__button-wrapper-right"
tabindex="0"
aria-valuemin="0"
aria-valuenow="60"
aria-valuemax="100"
aria-orientation="vertical"
>
<div class="van-slider__button">
</div>
</div>
</div>
</div>

289
src/stepper/test/__snapshots__/demo.spec.js.snap
View File

@ -2,113 +2,282 @@
exports[`should render demo and match snapshot 1`] = `
<div class="van-cell van-cell--center">
<!---->
<div class="van-cell__title"><span>基础用法</span>
<!---->
<div class="van-cell__title">
<span>
基础用法
</span>
</div>
<div class="van-cell__value">
<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" class="van-stepper__input" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1"><button type="button" class="van-stepper__plus"></button></div>
<div class="van-stepper">
<button type="button"
class="van-stepper__minus van-stepper__minus--disabled"
>
</button>
<input type="text"
role="spinbutton"
class="van-stepper__input"
inputmode="decimal"
aria-valuemax="Infinity"
aria-valuemin="1"
aria-valuenow="1"
>
<button type="button"
class="van-stepper__plus"
>
</button>
</div>
</div>
<!---->
<!---->
</div>
<div class="van-cell van-cell--center">
<!---->
<div class="van-cell__title"><span>步长设置</span>
<!---->
<div class="van-cell__title">
<span>
步长设置
</span>
</div>
<div class="van-cell__value">
<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" class="van-stepper__input" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1"><button type="button" class="van-stepper__plus"></button></div>
<div class="van-stepper">
<button type="button"
class="van-stepper__minus van-stepper__minus--disabled"
>
</button>
<input type="text"
role="spinbutton"
class="van-stepper__input"
inputmode="decimal"
aria-valuemax="Infinity"
aria-valuemin="1"
aria-valuenow="1"
>
<button type="button"
class="van-stepper__plus"
>
</button>
</div>
</div>
<!---->
<!---->
</div>
<div class="van-cell van-cell--center">
<!---->
<div class="van-cell__title"><span>限制输入范围</span>
<!---->
<div class="van-cell__title">
<span>
限制输入范围
</span>
</div>
<div class="van-cell__value">
<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" class="van-stepper__input" inputmode="decimal" aria-valuemax="8" aria-valuemin="5" aria-valuenow="5"><button type="button" class="van-stepper__plus"></button></div>
<div class="van-stepper">
<button type="button"
class="van-stepper__minus van-stepper__minus--disabled"
>
</button>
<input type="text"
role="spinbutton"
class="van-stepper__input"
inputmode="decimal"
aria-valuemax="8"
aria-valuemin="5"
aria-valuenow="5"
>
<button type="button"
class="van-stepper__plus"
>
</button>
</div>
</div>
<!---->
<!---->
</div>
<div class="van-cell van-cell--center">
<!---->
<div class="van-cell__title"><span>限制输入整数</span>
<!---->
<div class="van-cell__title">
<span>
限制输入整数
</span>
</div>
<div class="van-cell__value">
<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="tel" role="spinbutton" class="van-stepper__input" inputmode="numeric" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1"><button type="button" class="van-stepper__plus"></button></div>
<div class="van-stepper">
<button type="button"
class="van-stepper__minus van-stepper__minus--disabled"
>
</button>
<input type="tel"
role="spinbutton"
class="van-stepper__input"
inputmode="numeric"
aria-valuemax="Infinity"
aria-valuemin="1"
aria-valuenow="1"
>
<button type="button"
class="van-stepper__plus"
>
</button>
</div>
</div>
<!---->
<!---->
</div>
<div class="van-cell van-cell--center">
<!---->
<div class="van-cell__title"><span>禁用状态</span>
<!---->
<div class="van-cell__title">
<span>
禁用状态
</span>
</div>
<div class="van-cell__value">
<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" class="van-stepper__input" disabled="" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1"><button type="button" class="van-stepper__plus van-stepper__plus--disabled"></button></div>
<div class="van-stepper">
<button type="button"
class="van-stepper__minus van-stepper__minus--disabled"
>
</button>
<input type="text"
role="spinbutton"
class="van-stepper__input"
disabled
inputmode="decimal"
aria-valuemax="Infinity"
aria-valuemin="1"
aria-valuenow="1"
>
<button type="button"
class="van-stepper__plus van-stepper__plus--disabled"
>
</button>
</div>
</div>
<!---->
<!---->
</div>
<div class="van-cell van-cell--center">
<!---->
<div class="van-cell__title"><span>禁用输入框</span>
<!---->
<div class="van-cell__title">
<span>
禁用输入框
</span>
</div>
<div class="van-cell__value">
<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" class="van-stepper__input" readonly="" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1"><button type="button" class="van-stepper__plus"></button></div>
<div class="van-stepper">
<button type="button"
class="van-stepper__minus van-stepper__minus--disabled"
>
</button>
<input type="text"
role="spinbutton"
class="van-stepper__input"
readonly
inputmode="decimal"
aria-valuemax="Infinity"
aria-valuemin="1"
aria-valuenow="1"
>
<button type="button"
class="van-stepper__plus"
>
</button>
</div>
</div>
<!---->
<!---->
</div>
<div class="van-cell van-cell--center">
<!---->
<div class="van-cell__title"><span>固定小数位数</span>
<!---->
<div class="van-cell__title">
<span>
固定小数位数
</span>
</div>
<div class="van-cell__value">
<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" class="van-stepper__input" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1"><button type="button" class="van-stepper__plus"></button></div>
<div class="van-stepper">
<button type="button"
class="van-stepper__minus van-stepper__minus--disabled"
>
</button>
<input type="text"
role="spinbutton"
class="van-stepper__input"
inputmode="decimal"
aria-valuemax="Infinity"
aria-valuemin="1"
aria-valuenow="1"
>
<button type="button"
class="van-stepper__plus"
>
</button>
</div>
</div>
<!---->
<!---->
</div>
<div class="van-cell van-cell--center">
<!---->
<div class="van-cell__title"><span>自定义大小</span>
<!---->
<div class="van-cell__title">
<span>
自定义大小
</span>
</div>
<div class="van-cell__value">
<div class="van-stepper"><button type="button" style="width: 32px; height: 32px;" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" class="van-stepper__input" style="width: 40px; height: 32px;" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1"><button type="button" style="width: 32px; height: 32px;" class="van-stepper__plus"></button></div>
<div class="van-stepper">
<button type="button"
style="width: 32px; height: 32px;"
class="van-stepper__minus van-stepper__minus--disabled"
>
</button>
<input type="text"
role="spinbutton"
class="van-stepper__input"
style="width: 40px; height: 32px;"
inputmode="decimal"
aria-valuemax="Infinity"
aria-valuemin="1"
aria-valuenow="1"
>
<button type="button"
style="width: 32px; height: 32px;"
class="van-stepper__plus"
>
</button>
</div>
</div>
<!---->
<!---->
</div>
<div class="van-cell van-cell--center">
<!---->
<div class="van-cell__title"><span>异步变更</span>
<!---->
<div class="van-cell__title">
<span>
异步变更
</span>
</div>
<div class="van-cell__value">
<div class="van-stepper"><button type="button" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" class="van-stepper__input" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1"><button type="button" class="van-stepper__plus"></button></div>
<div class="van-stepper">
<button type="button"
class="van-stepper__minus van-stepper__minus--disabled"
>
</button>
<input type="text"
role="spinbutton"
class="van-stepper__input"
inputmode="decimal"
aria-valuemax="Infinity"
aria-valuemin="1"
aria-valuenow="1"
>
<button type="button"
class="van-stepper__plus"
>
</button>
</div>
</div>
<!---->
<!---->
</div>
<div class="van-cell van-cell--center">
<!---->
<div class="van-cell__title"><span>圆角风格</span>
<!---->
<div class="van-cell__title">
<span>
圆角风格
</span>
</div>
<div class="van-cell__value">
<div class="van-stepper van-stepper--round"><button type="button" style="width: 22px; height: 22px;" class="van-stepper__minus van-stepper__minus--disabled"></button><input type="text" role="spinbutton" class="van-stepper__input" style="height: 22px;" readonly="" inputmode="decimal" aria-valuemax="Infinity" aria-valuemin="1" aria-valuenow="1"><button type="button" style="width: 22px; height: 22px;" class="van-stepper__plus"></button></div>
<div class="van-stepper van-stepper--round">
<button type="button"
style="width: 22px; height: 22px;"
class="van-stepper__minus van-stepper__minus--disabled"
>
</button>
<input type="text"
role="spinbutton"
class="van-stepper__input"
style="height: 22px;"
readonly
inputmode="decimal"
aria-valuemax="Infinity"
aria-valuemin="1"
aria-valuenow="1"
>
<button type="button"
style="width: 22px; height: 22px;"
class="van-stepper__plus"
>
</button>
</div>
</div>
<!---->
<!---->
</div>
`;

178
src/steps/test/__snapshots__/demo.spec.js.snap
View File

@ -5,33 +5,58 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-steps van-steps--horizontal">
<div class="van-steps__items">
<div class="van-hairline van-step van-step--horizontal van-step--finish">
<div class="van-step__title">买家下单</div>
<div class="van-step__circle-container"><i class="van-step__circle"></i></div>
<div class="van-step__line"></div>
<div class="van-step__title">
买家下单
</div>
<div class="van-step__circle-container">
<i class="van-step__circle">
</i>
</div>
<div class="van-step__line">
</div>
</div>
<div class="van-hairline van-step van-step--horizontal van-step--process">
<div class="van-step__title van-step__title--active">商家接单</div>
<div class="van-step__circle-container"><i class="van-badge__wrapper van-icon van-icon-checked van-step__icon van-step__icon--active">
<!---->
<!---->
<!----></i></div>
<div class="van-step__line"></div>
<div class="van-step__title van-step__title--active">
商家接单
</div>
<div class="van-step__circle-container">
<i class="van-badge__wrapper van-icon van-icon-checked van-step__icon van-step__icon--active">
</i>
</div>
<div class="van-step__line">
</div>
</div>
<div class="van-hairline van-step van-step--horizontal">
<div class="van-step__title">买家提货</div>
<div class="van-step__circle-container"><i class="van-step__circle"></i></div>
<div class="van-step__line"></div>
<div class="van-step__title">
买家提货
</div>
<div class="van-step__circle-container">
<i class="van-step__circle">
</i>
</div>
<div class="van-step__line">
</div>
</div>
<div class="van-hairline van-step van-step--horizontal">
<div class="van-step__title">交易完成</div>
<div class="van-step__circle-container"><i class="van-step__circle"></i></div>
<div class="van-step__line"></div>
<div class="van-step__title">
交易完成
</div>
<div class="van-step__circle-container">
<i class="van-step__circle">
</i>
</div>
<div class="van-step__line">
</div>
</div>
</div><button type="button" class="van-button van-button--default van-button--normal">
</div>
</div>
<button type="button"
class="van-button van-button--default van-button--normal"
>
<div class="van-button__content">
<!----><span class="van-button__text">下一步</span>
<!---->
<span class="van-button__text">
下一步
</span>
</div>
</button>
</div>
@ -39,36 +64,54 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-steps van-steps--horizontal">
<div class="van-steps__items">
<div class="van-hairline van-step van-step--horizontal van-step--finish">
<div class="van-step__title">买家下单</div>
<div class="van-step__circle-container"><i class="van-badge__wrapper van-icon van-icon-arrow van-step__icon">
<!---->
<!---->
<!----></i></div>
<div class="van-step__line" style="background: rgb(51, 136, 255);"></div>
<div class="van-step__title">
买家下单
</div>
<div class="van-step__circle-container">
<i class="van-badge__wrapper van-icon van-icon-arrow van-step__icon">
</i>
</div>
<div class="van-step__line"
style="background: rgb(51, 136, 255);"
>
</div>
</div>
<div class="van-hairline van-step van-step--horizontal van-step--process">
<div class="van-step__title van-step__title--active" style="color: rgb(51, 136, 255);">商家接单</div>
<div class="van-step__circle-container"><i class="van-badge__wrapper van-icon van-icon-success van-step__icon van-step__icon--active" style="color: rgb(51, 136, 255);">
<!---->
<!---->
<!----></i></div>
<div class="van-step__line"></div>
<div class="van-step__title van-step__title--active"
style="color: rgb(51, 136, 255);"
>
商家接单
</div>
<div class="van-step__circle-container">
<i class="van-badge__wrapper van-icon van-icon-success van-step__icon van-step__icon--active"
style="color: rgb(51, 136, 255);"
>
</i>
</div>
<div class="van-step__line">
</div>
</div>
<div class="van-hairline van-step van-step--horizontal">
<div class="van-step__title">买家提货</div>
<div class="van-step__circle-container"><i class="van-badge__wrapper van-icon van-icon-arrow van-step__icon">
<!---->
<!---->
<!----></i></div>
<div class="van-step__line"></div>
<div class="van-step__title">
买家提货
</div>
<div class="van-step__circle-container">
<i class="van-badge__wrapper van-icon van-icon-arrow van-step__icon">
</i>
</div>
<div class="van-step__line">
</div>
</div>
<div class="van-hairline van-step van-step--horizontal">
<div class="van-step__title">交易完成</div>
<div class="van-step__circle-container"><i class="van-badge__wrapper van-icon van-icon-arrow van-step__icon">
<!---->
<!---->
<!----></i></div>
<div class="van-step__line"></div>
<div class="van-step__title">
交易完成
</div>
<div class="van-step__circle-container">
<i class="van-badge__wrapper van-icon van-icon-arrow van-step__icon">
</i>
</div>
<div class="van-step__line">
</div>
</div>
</div>
</div>
@ -78,30 +121,51 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-steps__items">
<div class="van-hairline van-step van-step--vertical van-step--process">
<div class="van-step__title van-step__title--active">
<h3>【城市】物流状态1</h3>
<p>2016-07-12 12:40</p>
<h3>
【城市】物流状态1
</h3>
<p>
2016-07-12 12:40
</p>
</div>
<div class="van-step__circle-container">
<i class="van-badge__wrapper van-icon van-icon-checked van-step__icon van-step__icon--active">
</i>
</div>
<div class="van-step__line">
</div>
<div class="van-step__circle-container"><i class="van-badge__wrapper van-icon van-icon-checked van-step__icon van-step__icon--active">
<!---->
<!---->
<!----></i></div>
<div class="van-step__line"></div>
</div>
<div class="van-hairline van-step van-step--vertical">
<div class="van-step__title">
<h3>【城市】物流状态</h3>
<p>2016-07-11 10:00</p>
<h3>
【城市】物流状态
</h3>
<p>
2016-07-11 10:00
</p>
</div>
<div class="van-step__circle-container">
<i class="van-step__circle">
</i>
</div>
<div class="van-step__line">
</div>
<div class="van-step__circle-container"><i class="van-step__circle"></i></div>
<div class="van-step__line"></div>
</div>
<div class="van-hairline van-step van-step--vertical">
<div class="van-step__title">
<h3>快件已发货</h3>
<p>2016-07-10 09:30</p>
<h3>
快件已发货
</h3>
<p>
2016-07-10 09:30
</p>
</div>
<div class="van-step__circle-container">
<i class="van-step__circle">
</i>
</div>
<div class="van-step__line">
</div>
<div class="van-step__circle-container"><i class="van-step__circle"></i></div>
<div class="van-step__line"></div>
</div>
</div>
</div>

42
src/sticky/test/__snapshots__/demo.spec.js.snap
View File

@ -3,33 +3,51 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div>
<div class="van-sticky"><button type="button" class="van-button van-button--primary van-button--normal" style="margin-left: 15px;">
<div class="van-sticky">
<button type="button"
class="van-button van-button--primary van-button--normal"
style="margin-left: 15px;"
>
<div class="van-button__content">
<!----><span class="van-button__text">基础用法</span>
<!---->
<span class="van-button__text">
基础用法
</span>
</div>
</button>
</div>
</button></div>
</div>
</div>
<div>
<div>
<div class="van-sticky"><button type="button" class="van-button van-button--primary van-button--normal" style="margin-left: 115px;">
<div class="van-sticky">
<button type="button"
class="van-button van-button--primary van-button--normal"
style="margin-left: 115px;"
>
<div class="van-button__content">
<!----><span class="van-button__text">吸顶距离</span>
<!---->
<span class="van-button__text">
吸顶距离
</span>
</div>
</button>
</div>
</button></div>
</div>
</div>
<div>
<div style="height: 150px; background-color: rgb(255, 255, 255);">
<div>
<div class="van-sticky"><button type="button" class="van-button van-button--warning van-button--normal" style="margin-left: 215px;">
<div class="van-sticky">
<button type="button"
class="van-button van-button--warning van-button--normal"
style="margin-left: 215px;"
>
<div class="van-button__content">
<!----><span class="van-button__text">指定容器</span>
<!---->
<span class="van-button__text">
指定容器
</span>
</div>
</button>
</div>
</button></div>
</div>
</div>
</div>

194
src/submit-bar/test/__snapshots__/demo.spec.js.snap
View File

@ -3,16 +3,26 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-submit-bar">
<!---->
<!---->
<div class="van-submit-bar__bar">
<!---->
<div class="van-submit-bar__text"><span>合计：</span><span class="van-submit-bar__price">¥<span class="van-submit-bar__price-integer">30</span>.50</span>
<!---->
</div><button type="button" class="van-button van-button--danger van-button--normal van-button--round van-submit-bar__button van-submit-bar__button--danger">
<div class="van-submit-bar__text">
<span>
合计：
</span>
<span class="van-submit-bar__price">
¥
<span class="van-submit-bar__price-integer">
30
</span>
.50
</span>
</div>
<button type="button"
class="van-button van-button--danger van-button--normal van-button--round van-submit-bar__button van-submit-bar__button--danger"
>
<div class="van-button__content">
<!----><span class="van-button__text">提交订单</span>
<!---->
<span class="van-button__text">
提交订单
</span>
</div>
</button>
</div>
@ -20,65 +30,121 @@ exports[`should render demo and match snapshot 1`] = `
</div>
<div>
<div class="van-submit-bar">
<!---->
<div class="van-submit-bar__tip"><i class="van-badge__wrapper van-icon van-icon-info-o van-submit-bar__tip-icon">
<!---->
<!---->
<!----></i><span class="van-submit-bar__tip-text">你的收货地址不支持同城送, 我们已为你推荐快递</span>
<!---->
</div>
<div class="van-submit-bar__bar">
<!---->
<div class="van-submit-bar__text"><span>合计：</span><span class="van-submit-bar__price">¥<span class="van-submit-bar__price-integer">30</span>.50</span>
<!---->
</div><button type="button" class="van-button van-button--danger van-button--normal van-button--round van-button--disabled van-submit-bar__button van-submit-bar__button--danger" disabled="">
<div class="van-button__content">
<!----><span class="van-button__text">提交订单</span>
<!---->
</div>
</button>
</div>
</div>
</div>
<div>
<div class="van-submit-bar">
<!---->
<!---->
<div class="van-submit-bar__bar">
<!---->
<div class="van-submit-bar__text"><span>合计：</span><span class="van-submit-bar__price">¥<span class="van-submit-bar__price-integer">30</span>.50</span>
<!---->
</div><button type="button" class="van-button van-button--danger van-button--normal van-button--round van-button--loading van-submit-bar__button van-submit-bar__button--danger">
<div class="van-button__content">
<div class="van-loading van-loading--circular van-button__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: currentColor; width: 20px; height: 20px;"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
<!---->
</div>
<!---->
<!---->
</div>
</button>
</div>
</div>
</div>
<div>
<div class="van-submit-bar">
<!---->
<div class="van-submit-bar__tip">
<!---->
<!---->你的收货地址不支持同城送, <span class="edit-address">修改地址</span></div>
<div class="van-submit-bar__bar">
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="true" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">全选</span>
<i class="van-badge__wrapper van-icon van-icon-info-o van-submit-bar__tip-icon">
</i>
<span class="van-submit-bar__tip-text">
你的收货地址不支持同城送, 我们已为你推荐快递
</span>
</div>
<div class="van-submit-bar__text"><span>合计：</span><span class="van-submit-bar__price">¥<span class="van-submit-bar__price-integer">30</span>.50</span>
<!---->
</div><button type="button" class="van-button van-button--danger van-button--normal van-button--round van-submit-bar__button van-submit-bar__button--danger">
<div class="van-submit-bar__bar">
<div class="van-submit-bar__text">
<span>
合计：
</span>
<span class="van-submit-bar__price">
¥
<span class="van-submit-bar__price-integer">
30
</span>
.50
</span>
</div>
<button type="button"
class="van-button van-button--danger van-button--normal van-button--round van-button--disabled van-submit-bar__button van-submit-bar__button--danger"
disabled
>
<div class="van-button__content">
<!----><span class="van-button__text">提交订单</span>
<!---->
<span class="van-button__text">
提交订单
</span>
</div>
</button>
</div>
</div>
</div>
<div>
<div class="van-submit-bar">
<div class="van-submit-bar__bar">
<div class="van-submit-bar__text">
<span>
合计：
</span>
<span class="van-submit-bar__price">
¥
<span class="van-submit-bar__price-integer">
30
</span>
.50
</span>
</div>
<button type="button"
class="van-button van-button--danger van-button--normal van-button--round van-button--loading van-submit-bar__button van-submit-bar__button--danger"
>
<div class="van-button__content">
<div class="van-loading van-loading--circular van-button__loading">
<span class="van-loading__spinner van-loading__spinner--circular"
style="color: currentColor; width: 20px; height: 20px;"
>
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
</div>
</div>
</button>
</div>
</div>
</div>
<div>
<div class="van-submit-bar">
<div class="van-submit-bar__tip">
你的收货地址不支持同城送,
<span class="edit-address">
修改地址
</span>
</div>
<div class="van-submit-bar__bar">
<div role="checkbox"
class="van-checkbox"
tabindex="0"
aria-checked="true"
bindgroup="true"
>
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked">
<i class="van-badge__wrapper van-icon van-icon-success">
</i>
</div>
<span class="van-checkbox__label">
全选
</span>
</div>
<div class="van-submit-bar__text">
<span>
合计：
</span>
<span class="van-submit-bar__price">
¥
<span class="van-submit-bar__price-integer">
30
</span>
.50
</span>
</div>
<button type="button"
class="van-button van-button--danger van-button--normal van-button--round van-submit-bar__button van-submit-bar__button--danger"
>
<div class="van-button__content">
<span class="van-button__text">
提交订单
</span>
</div>
</button>
</div>

169
src/swipe-cell/test/__snapshots__/demo.spec.js.snap
View File

@ -3,103 +3,160 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-swipe-cell">
<div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0, 0); transition-duration: .6s;">
<div class="van-swipe-cell__left"><button type="button" class="van-button van-button--primary van-button--normal van-button--square">
<div class="van-swipe-cell__wrapper"
style="transform: translate3d(0px, 0, 0); transition-duration: .6s;"
>
<div class="van-swipe-cell__left">
<button type="button"
class="van-button van-button--primary van-button--normal van-button--square"
>
<div class="van-button__content">
<!----><span class="van-button__text">选择</span>
<!---->
<span class="van-button__text">
选择
</span>
</div>
</button>
</div>
</button></div>
<div class="van-cell van-cell--borderless">
<!---->
<div class="van-cell__title"><span>单元格</span>
<!---->
<div class="van-cell__title">
<span>
单元格
</span>
</div>
<div class="van-cell__value"><span>内容</span></div>
<!---->
<!---->
<div class="van-cell__value">
<span>
内容
</span>
</div>
<div class="van-swipe-cell__right"><button type="button" class="van-button van-button--danger van-button--normal van-button--square">
</div>
<div class="van-swipe-cell__right">
<button type="button"
class="van-button van-button--danger van-button--normal van-button--square"
>
<div class="van-button__content">
<!----><span class="van-button__text">删除</span>
<!---->
<span class="van-button__text">
删除
</span>
</div>
</button><button type="button" class="van-button van-button--primary van-button--normal van-button--square">
</button>
<button type="button"
class="van-button van-button--primary van-button--normal van-button--square"
>
<div class="van-button__content">
<!----><span class="van-button__text">收藏</span>
<!---->
<span class="van-button__text">
收藏
</span>
</div>
</button>
</div>
</button></div>
</div>
</div>
</div>
<div>
<div class="van-swipe-cell">
<div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0, 0); transition-duration: .6s;">
<!---->
<div class="van-swipe-cell__wrapper"
style="transform: translate3d(0px, 0, 0); transition-duration: .6s;"
>
<div class="van-card">
<div class="van-card__header"><a class="van-card__thumb">
<div class="van-image" style="width: 100%; height: 100%;"><img src="https://img.yzcdn.cn/vant/ipad.jpeg" class="van-image__img" style="object-fit: cover;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-card__header">
<a class="van-card__thumb">
<div class="van-image"
style="width: 100%; height: 100%;"
>
<img src="https://img.yzcdn.cn/vant/ipad.jpeg"
class="van-image__img"
style="object-fit: cover;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<!---->
</a>
<div class="van-card__content">
<div>
<div class="van-card__title van-multi-ellipsis--l2">商品标题</div>
<div class="van-card__desc van-ellipsis">描述信息</div>
<!---->
<div class="van-card__title van-multi-ellipsis--l2">
商品标题
</div>
<div class="van-card__desc van-ellipsis">
描述信息
</div>
</div>
<div class="van-card__bottom">
<!---->
<div class="van-card__price">
<div><span class="van-card__price-currency">¥</span><span class="van-card__price-integer">2</span>.<span class="van-card__price-decimal">00</span></div>
<div>
<span class="van-card__price-currency">
¥
</span>
<span class="van-card__price-integer">
2
</span>
.
<span class="van-card__price-decimal">
00
</span>
</div>
<!---->
<div class="van-card__num">x2</div>
<!---->
</div>
<div class="van-card__num">
x2
</div>
</div>
</div>
<!---->
</div>
<div class="van-swipe-cell__right"><button type="button" class="van-button van-button--danger van-button--normal van-button--square delete-button">
</div>
<div class="van-swipe-cell__right">
<button type="button"
class="van-button van-button--danger van-button--normal van-button--square delete-button"
>
<div class="van-button__content">
<!----><span class="van-button__text">删除</span>
<!---->
<span class="van-button__text">
删除
</span>
</div>
</button>
</div>
</button></div>
</div>
</div>
</div>
<div>
<div class="van-swipe-cell">
<div class="van-swipe-cell__wrapper" style="transform: translate3d(0px, 0, 0); transition-duration: .6s;">
<div class="van-swipe-cell__left"><button type="button" class="van-button van-button--primary van-button--normal van-button--square">
<div class="van-swipe-cell__wrapper"
style="transform: translate3d(0px, 0, 0); transition-duration: .6s;"
>
<div class="van-swipe-cell__left">
<button type="button"
class="van-button van-button--primary van-button--normal van-button--square"
>
<div class="van-button__content">
<!----><span class="van-button__text">选择</span>
<!---->
<span class="van-button__text">
选择
</span>
</div>
</button>
</div>
</button></div>
<div class="van-cell van-cell--borderless">
<!---->
<div class="van-cell__title"><span>单元格</span>
<!---->
<div class="van-cell__title">
<span>
单元格
</span>
</div>
<div class="van-cell__value"><span>内容</span></div>
<!---->
<!---->
<div class="van-cell__value">
<span>
内容
</span>
</div>
<div class="van-swipe-cell__right"><button type="button" class="van-button van-button--danger van-button--normal van-button--square">
</div>
<div class="van-swipe-cell__right">
<button type="button"
class="van-button van-button--danger van-button--normal van-button--square"
>
<div class="van-button__content">
<!----><span class="van-button__text">删除</span>
<!---->
<span class="van-button__text">
删除
</span>
</div>
</button>
</div>
</button></div>
</div>
</div>
</div>

239
src/swipe/test/__snapshots__/demo.spec.js.snap
View File

@ -3,76 +3,233 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-swipe">
<div style="width: 400px; transition-duration: 0ms; transform: translateX(0px);" class="van-swipe__track">
<div class="van-swipe-item" style="width: 100px;">1</div>
<div class="van-swipe-item" style="width: 100px;">2</div>
<div class="van-swipe-item" style="width: 100px;">3</div>
<div class="van-swipe-item" style="width: 100px;">4</div>
<div style="width: 400px; transition-duration: 0ms; transform: translateX(0px);"
class="van-swipe__track"
>
<div class="van-swipe-item"
style="width: 100px;"
>
1
</div>
<div class="van-swipe-item"
style="width: 100px;"
>
2
</div>
<div class="van-swipe-item"
style="width: 100px;"
>
3
</div>
<div class="van-swipe-item"
style="width: 100px;"
>
4
</div>
</div>
<div class="van-swipe__indicators">
<i style="background-color: white;"
class="van-swipe__indicator van-swipe__indicator--active"
>
</i>
<i class="van-swipe__indicator">
</i>
<i class="van-swipe__indicator">
</i>
<i class="van-swipe__indicator">
</i>
</div>
<div class="van-swipe__indicators"><i style="background-color: white;" class="van-swipe__indicator van-swipe__indicator--active"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i></div>
</div>
</div>
<div>
<div class="van-swipe">
<div style="width: 400px; transition-duration: 0ms; transform: translateX(0px);" class="van-swipe__track">
<div class="van-swipe-item" style="width: 100px;"><img src="https://img.yzcdn.cn/vant/apple-1.jpg"><!-- TODO -->
<!-- <img v-lazy="image" /> -->
<div style="width: 400px; transition-duration: 0ms; transform: translateX(0px);"
class="van-swipe__track"
>
<div class="van-swipe-item"
style="width: 100px;"
>
<img src="https://img.yzcdn.cn/vant/apple-1.jpg">
</div>
<div class="van-swipe-item" style="width: 100px;"><img src="https://img.yzcdn.cn/vant/apple-2.jpg"><!-- TODO -->
<!-- <img v-lazy="image" /> -->
<div class="van-swipe-item"
style="width: 100px;"
>
<img src="https://img.yzcdn.cn/vant/apple-2.jpg">
</div>
<div class="van-swipe-item" style="width: 100px;"><img src="https://img.yzcdn.cn/vant/apple-3.jpg"><!-- TODO -->
<!-- <img v-lazy="image" /> -->
<div class="van-swipe-item"
style="width: 100px;"
>
<img src="https://img.yzcdn.cn/vant/apple-3.jpg">
</div>
<div class="van-swipe-item" style="width: 100px;"><img src="https://img.yzcdn.cn/vant/apple-4.jpg"><!-- TODO -->
<!-- <img v-lazy="image" /> -->
<div class="van-swipe-item"
style="width: 100px;"
>
<img src="https://img.yzcdn.cn/vant/apple-4.jpg">
</div>
</div>
<div class="van-swipe__indicators"><i class="van-swipe__indicator van-swipe__indicator--active"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i></div>
<div class="van-swipe__indicators">
<i class="van-swipe__indicator van-swipe__indicator--active">
</i>
<i class="van-swipe__indicator">
</i>
<i class="van-swipe__indicator">
</i>
<i class="van-swipe__indicator">
</i>
</div>
</div>
</div>
<div>
<div class="van-swipe">
<div style="width: 400px; transition-duration: 0ms; transform: translateX(0px);" class="van-swipe__track">
<div class="van-swipe-item" style="width: 100px;">1</div>
<div class="van-swipe-item" style="width: 100px;">2</div>
<div class="van-swipe-item" style="width: 100px;">3</div>
<div class="van-swipe-item" style="width: 100px;">4</div>
<div style="width: 400px; transition-duration: 0ms; transform: translateX(0px);"
class="van-swipe__track"
>
<div class="van-swipe-item"
style="width: 100px;"
>
1
</div>
<div class="van-swipe-item"
style="width: 100px;"
>
2
</div>
<div class="van-swipe-item"
style="width: 100px;"
>
3
</div>
<div class="van-swipe-item"
style="width: 100px;"
>
4
</div>
</div>
<div class="van-swipe__indicators">
<i style="background-color: white;"
class="van-swipe__indicator van-swipe__indicator--active"
>
</i>
<i class="van-swipe__indicator">
</i>
<i class="van-swipe__indicator">
</i>
<i class="van-swipe__indicator">
</i>
</div>
<div class="van-swipe__indicators"><i style="background-color: white;" class="van-swipe__indicator van-swipe__indicator--active"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i></div>
</div>
</div>
<div>
<div class="van-swipe demo-swipe--vertical" style="height: 200px;">
<div style="height: 400px; transition-duration: 0ms; transform: translateY(0px);" class="van-swipe__track van-swipe__track--vertical">
<div class="van-swipe-item" style="height: 100px;">1</div>
<div class="van-swipe-item" style="height: 100px;">2</div>
<div class="van-swipe-item" style="height: 100px;">3</div>
<div class="van-swipe-item" style="height: 100px;">4</div>
<div class="van-swipe demo-swipe--vertical"
style="height: 200px;"
>
<div style="height: 400px; transition-duration: 0ms; transform: translateY(0px);"
class="van-swipe__track van-swipe__track--vertical"
>
<div class="van-swipe-item"
style="height: 100px;"
>
1
</div>
<div class="van-swipe-item"
style="height: 100px;"
>
2
</div>
<div class="van-swipe-item"
style="height: 100px;"
>
3
</div>
<div class="van-swipe-item"
style="height: 100px;"
>
4
</div>
</div>
<div class="van-swipe__indicators van-swipe__indicators--vertical">
<i style="background-color: white;"
class="van-swipe__indicator van-swipe__indicator--active"
>
</i>
<i class="van-swipe__indicator">
</i>
<i class="van-swipe__indicator">
</i>
<i class="van-swipe__indicator">
</i>
</div>
<div class="van-swipe__indicators van-swipe__indicators--vertical"><i style="background-color: white;" class="van-swipe__indicator van-swipe__indicator--active"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i></div>
</div>
</div>
<div>
<div class="van-swipe">
<div style="width: 1200px; transition-duration: 0ms; transform: translateX(0px);" class="van-swipe__track">
<div class="van-swipe-item" style="width: 300px;">1</div>
<div class="van-swipe-item" style="width: 300px;">2</div>
<div class="van-swipe-item" style="width: 300px;">3</div>
<div class="van-swipe-item" style="width: 300px;">4</div>
<div style="width: 1200px; transition-duration: 0ms; transform: translateX(0px);"
class="van-swipe__track"
>
<div class="van-swipe-item"
style="width: 300px;"
>
1
</div>
<div class="van-swipe-item"
style="width: 300px;"
>
2
</div>
<div class="van-swipe-item"
style="width: 300px;"
>
3
</div>
<div class="van-swipe-item"
style="width: 300px;"
>
4
</div>
</div>
<div class="van-swipe__indicators">
<i style="background-color: white;"
class="van-swipe__indicator van-swipe__indicator--active"
>
</i>
<i class="van-swipe__indicator">
</i>
<i class="van-swipe__indicator">
</i>
<i class="van-swipe__indicator">
</i>
</div>
<div class="van-swipe__indicators"><i style="background-color: white;" class="van-swipe__indicator van-swipe__indicator--active"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i><i class="van-swipe__indicator"></i></div>
</div>
</div>
<div>
<div class="van-swipe">
<div style="width: 400px; transition-duration: 0ms; transform: translateX(0px);" class="van-swipe__track">
<div class="van-swipe-item" style="width: 100px;">1</div>
<div class="van-swipe-item" style="width: 100px;">2</div>
<div class="van-swipe-item" style="width: 100px;">3</div>
<div class="van-swipe-item" style="width: 100px;">4</div>
<div style="width: 400px; transition-duration: 0ms; transform: translateX(0px);"
class="van-swipe__track"
>
<div class="van-swipe-item"
style="width: 100px;"
>
1
</div>
<div class="van-swipe-item"
style="width: 100px;"
>
2
</div>
<div class="van-swipe-item"
style="width: 100px;"
>
3
</div>
<div class="van-swipe-item"
style="width: 100px;"
>
4
</div>
</div>
<div class="custom-indicator">
1/4
</div>
<div class="custom-indicator">1/4</div>
</div>
</div>
`;

68
src/switch/test/__snapshots__/demo.spec.js.snap
View File

@ -2,62 +2,90 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div role="switch" class="van-switch van-switch--on" aria-checked="true">
<div role="switch"
class="van-switch van-switch--on"
aria-checked="true"
>
<div class="van-switch__node">
<!---->
</div>
</div>
</div>
<div>
<div role="switch" class="van-switch van-switch--on van-switch--disabled" aria-checked="true">
<div role="switch"
class="van-switch van-switch--on van-switch--disabled"
aria-checked="true"
>
<div class="van-switch__node">
<!---->
</div>
</div>
</div>
<div>
<div role="switch" class="van-switch van-switch--on van-switch--loading" aria-checked="true">
<div role="switch"
class="van-switch van-switch--on van-switch--loading"
aria-checked="true"
>
<div class="van-switch__node">
<div class="van-loading van-loading--circular van-switch__loading"><span class="van-loading__spinner van-loading__spinner--circular"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
<!---->
<div class="van-loading van-loading--circular van-switch__loading">
<span class="van-loading__spinner van-loading__spinner--circular">
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
</div>
</div>
</div>
</div>
<div>
<div role="switch" class="van-switch van-switch--on" style="font-size: 24px;" aria-checked="true">
<div role="switch"
class="van-switch van-switch--on"
style="font-size: 24px;"
aria-checked="true"
>
<div class="van-switch__node">
<!---->
</div>
</div>
</div>
<div>
<div role="switch" class="van-switch van-switch--on" style="background-color: rgb(7, 193, 96);" aria-checked="true">
<div role="switch"
class="van-switch van-switch--on"
style="background-color: rgb(7, 193, 96);"
aria-checked="true"
>
<div class="van-switch__node">
<!---->
</div>
</div>
</div>
<div>
<div role="switch" class="van-switch van-switch--on" aria-checked="true">
<div role="switch"
class="van-switch van-switch--on"
aria-checked="true"
>
<div class="van-switch__node">
<!---->
</div>
</div>
</div>
<div>
<div class="van-cell van-cell--center">
<!---->
<div class="van-cell__title"><span>标题</span>
<!---->
<div class="van-cell__title">
<span>
标题
</span>
</div>
<!---->
<div role="switch" class="van-switch van-switch--on" style="font-size: 24px;" aria-checked="true">
<div role="switch"
class="van-switch van-switch--on"
style="font-size: 24px;"
aria-checked="true"
>
<div class="van-switch__node">
<!---->
</div>
</div>
<!---->
</div>
</div>
`;

34
src/switch/test/__snapshots__/index.spec.js.snap
View File

@ -1,13 +1,39 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should apply active color to loading icon 1`] = `
<div class="van-loading van-loading--circular van-switch__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: red;"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
<!---->
<div class="van-loading van-loading--circular van-switch__loading">
<span class="van-loading__spinner van-loading__spinner--circular"
style="color: red;"
>
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
</div>
`;
exports[`should apply inactive color to loading icon 1`] = `
<div class="van-loading van-loading--circular van-switch__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: black;"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
<!---->
<div class="van-loading van-loading--circular van-switch__loading">
<span class="van-loading__spinner van-loading__spinner--circular"
style="color: black;"
>
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
</div>
`;

918
src/tab/test/__snapshots__/demo.spec.js.snap
View File

File diff suppressed because it is too large Load Diff

299
src/tabbar/test/__snapshots__/demo.spec.js.snap
View File

@ -4,230 +4,251 @@ exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom">
<div class="van-tabbar-item van-tabbar-item--active">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-home-o">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-home-o">
</i>
</div>
<div class="van-tabbar-item__text">
标签
</div>
<div class="van-tabbar-item__text">标签</div>
</div>
<div class="van-tabbar-item">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-search">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-search">
</i>
</div>
<div class="van-tabbar-item__text">
标签
</div>
<div class="van-tabbar-item__text">标签</div>
</div>
<div class="van-tabbar-item">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-friends-o">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-friends-o">
</i>
</div>
<div class="van-tabbar-item__text">
标签
</div>
<div class="van-tabbar-item__text">标签</div>
</div>
<div class="van-tabbar-item">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-setting-o">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-setting-o">
</i>
</div>
<div class="van-tabbar-item__text">
标签
</div>
<div class="van-tabbar-item__text">标签</div>
</div>
</div>
</div>
<div>
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom">
<div class="van-tabbar-item van-tabbar-item--active">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-home-o">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-home-o">
</i>
</div>
<div class="van-tabbar-item__text">
标签
</div>
<div class="van-tabbar-item__text">标签</div>
</div>
<div class="van-tabbar-item">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-search">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-search">
</i>
</div>
<div class="van-tabbar-item__text">
标签
</div>
<div class="van-tabbar-item__text">标签</div>
</div>
<div class="van-tabbar-item">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-friends-o">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-friends-o">
</i>
</div>
<div class="van-tabbar-item__text">
标签
</div>
<div class="van-tabbar-item__text">标签</div>
</div>
<div class="van-tabbar-item">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-setting-o">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-setting-o">
</i>
</div>
<div class="van-tabbar-item__text">
标签
</div>
<div class="van-tabbar-item__text">标签</div>
</div>
</div>
</div>
<div>
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom">
<div class="van-tabbar-item van-tabbar-item--active">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-home-o">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-home-o">
</i>
</div>
<div class="van-tabbar-item__text">
标签
</div>
<div class="van-tabbar-item__text">标签</div>
</div>
<div class="van-tabbar-item">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-search">
<!---->
<!---->
<!----></i>
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-search">
</i>
<div class="van-badge van-badge--dot van-badge--fixed">
<!---->
</div>
</div>
<div class="van-tabbar-item__text">标签</div>
<div class="van-tabbar-item__text">
标签
</div>
</div>
<div class="van-tabbar-item">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-friends-o">
<!---->
<!---->
<!----></i>
<div class="van-badge van-badge--fixed">5</div>
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-friends-o">
</i>
<div class="van-badge van-badge--fixed">
5
</div>
</div>
<div class="van-tabbar-item__text">
标签
</div>
<div class="van-tabbar-item__text">标签</div>
</div>
<div class="van-tabbar-item">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-setting-o">
<!---->
<!---->
<!----></i>
<div class="van-badge van-badge--fixed">20</div>
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-setting-o">
</i>
<div class="van-badge van-badge--fixed">
20
</div>
</div>
<div class="van-tabbar-item__text">
标签
</div>
<div class="van-tabbar-item__text">标签</div>
</div>
</div>
</div>
<div>
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom">
<div class="van-tabbar-item van-tabbar-item--active">
<div class="van-badge__wrapper van-tabbar-item__icon"><img src="https://img.yzcdn.cn/vant/user-active.png">
<div class="van-badge van-badge--fixed">3</div>
<div class="van-badge__wrapper van-tabbar-item__icon">
<img src="https://img.yzcdn.cn/vant/user-active.png">
<div class="van-badge van-badge--fixed">
3
</div>
</div>
<div class="van-tabbar-item__text">
<span>
自定义
</span>
</div>
<div class="van-tabbar-item__text"><span>自定义</span></div>
</div>
<div class="van-tabbar-item">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-search">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-search">
</i>
</div>
<div class="van-tabbar-item__text">
标签
</div>
<div class="van-tabbar-item__text">标签</div>
</div>
<div class="van-tabbar-item">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-setting-o">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-setting-o">
</i>
</div>
<div class="van-tabbar-item__text">
标签
</div>
<div class="van-tabbar-item__text">标签</div>
</div>
</div>
</div>
<div>
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom">
<div class="van-tabbar-item van-tabbar-item--active" style="color: rgb(7, 193, 96);">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-home-o">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-tabbar-item van-tabbar-item--active"
style="color: rgb(7, 193, 96);"
>
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-home-o">
</i>
</div>
<div class="van-tabbar-item__text">标签</div>
<div class="van-tabbar-item__text">
标签
</div>
<div class="van-tabbar-item" style="color: rgb(0, 0, 0);">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-search">
<!---->
<!---->
<!----></i>
<!---->
</div>
<div class="van-tabbar-item__text">标签</div>
<div class="van-tabbar-item"
style="color: rgb(0, 0, 0);"
>
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-search">
</i>
</div>
<div class="van-tabbar-item" style="color: rgb(0, 0, 0);">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-friends-o">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-tabbar-item__text">
标签
</div>
<div class="van-tabbar-item__text">标签</div>
</div>
<div class="van-tabbar-item" style="color: rgb(0, 0, 0);">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-setting-o">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-tabbar-item"
style="color: rgb(0, 0, 0);"
>
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-friends-o">
</i>
</div>
<div class="van-tabbar-item__text">
标签
</div>
</div>
<div class="van-tabbar-item"
style="color: rgb(0, 0, 0);"
>
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-setting-o">
</i>
</div>
<div class="van-tabbar-item__text">
标签
</div>
<div class="van-tabbar-item__text">标签</div>
</div>
</div>
</div>
<div>
<div class="van-tabbar van-tabbar--fixed van-hairline--top-bottom">
<div class="van-tabbar-item van-tabbar-item--active">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-home-o">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-home-o">
</i>
</div>
<div class="van-tabbar-item__text">
标签1
</div>
<div class="van-tabbar-item__text">标签1</div>
</div>
<div class="van-tabbar-item">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-search">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-search">
</i>
</div>
<div class="van-tabbar-item__text">
标签2
</div>
<div class="van-tabbar-item__text">标签2</div>
</div>
<div class="van-tabbar-item">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-friends-o">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-friends-o">
</i>
</div>
<div class="van-tabbar-item__text">
标签3
</div>
<div class="van-tabbar-item__text">标签3</div>
</div>
<div class="van-tabbar-item">
<div class="van-badge__wrapper van-tabbar-item__icon"><i class="van-badge__wrapper van-icon van-icon-setting-o">
<!---->
<!---->
<!----></i>
<!---->
<div class="van-badge__wrapper van-tabbar-item__icon">
<i class="van-badge__wrapper van-icon van-icon-setting-o">
</i>
</div>
<div class="van-tabbar-item__text">
标签4
</div>
<div class="van-tabbar-item__text">标签4</div>
</div>
</div>
</div>

218
src/tag/test/__snapshots__/demo.spec.js.snap
View File

@ -3,164 +3,214 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>primary 类型</span>
<!---->
<div class="van-cell__title">
<span>
primary 类型
</span>
</div>
<div class="van-cell__value">
<transition-stub><span class="van-tag van-tag--primary">标签<!----></span></transition-stub>
<transition-stub>
<span class="van-tag van-tag--primary">
标签
</span>
</transition-stub>
</div>
<!---->
<!---->
</div>
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>success 类型</span>
<!---->
<div class="van-cell__title">
<span>
success 类型
</span>
</div>
<div class="van-cell__value">
<transition-stub><span class="van-tag van-tag--success">标签<!----></span></transition-stub>
<transition-stub>
<span class="van-tag van-tag--success">
标签
</span>
</transition-stub>
</div>
<!---->
<!---->
</div>
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>danger 类型</span>
<!---->
<div class="van-cell__title">
<span>
danger 类型
</span>
</div>
<div class="van-cell__value">
<transition-stub><span class="van-tag van-tag--danger">标签<!----></span></transition-stub>
<transition-stub>
<span class="van-tag van-tag--danger">
标签
</span>
</transition-stub>
</div>
<!---->
<!---->
</div>
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>warning 类型</span>
<!---->
<div class="van-cell__title">
<span>
warning 类型
</span>
</div>
<div class="van-cell__value">
<transition-stub><span class="van-tag van-tag--warning">标签<!----></span></transition-stub>
<transition-stub>
<span class="van-tag van-tag--warning">
标签
</span>
</transition-stub>
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>空心样式</span>
<!---->
<div class="van-cell__title">
<span>
空心样式
</span>
</div>
<div class="van-cell__value">
<transition-stub><span class="van-tag van-tag--plain van-tag--primary">标签<!----></span></transition-stub>
<transition-stub>
<span class="van-tag van-tag--plain van-tag--primary">
标签
</span>
</transition-stub>
</div>
<!---->
<!---->
</div>
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>圆角样式</span>
<!---->
<div class="van-cell__title">
<span>
圆角样式
</span>
</div>
<div class="van-cell__value">
<transition-stub><span class="van-tag van-tag--round van-tag--primary">标签<!----></span></transition-stub>
<transition-stub>
<span class="van-tag van-tag--round van-tag--primary">
标签
</span>
</transition-stub>
</div>
<!---->
<!---->
</div>
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>标记样式</span>
<!---->
<div class="van-cell__title">
<span>
标记样式
</span>
</div>
<div class="van-cell__value">
<transition-stub><span class="van-tag van-tag--mark van-tag--primary">标签<!----></span></transition-stub>
<transition-stub>
<span class="van-tag van-tag--mark van-tag--primary">
标签
</span>
</transition-stub>
</div>
<!---->
<!---->
</div>
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>可关闭标签</span>
<!---->
<div class="van-cell__title">
<span>
可关闭标签
</span>
</div>
<div class="van-cell__value">
<transition-stub><span class="van-tag van-tag--medium van-tag--primary">标签<i class="van-badge__wrapper van-icon van-icon-cross van-tag__close"><!----><!----><!----></i></span></transition-stub>
<transition-stub>
<span class="van-tag van-tag--medium van-tag--primary">
标签
<i class="van-badge__wrapper van-icon van-icon-cross van-tag__close">
</i>
</span>
</transition-stub>
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>小号标签</span>
<!---->
<div class="van-cell__title">
<span>
小号标签
</span>
</div>
<div class="van-cell__value">
<transition-stub><span class="van-tag van-tag--primary">标签<!----></span></transition-stub>
<transition-stub>
<span class="van-tag van-tag--primary">
标签
</span>
</transition-stub>
</div>
<!---->
<!---->
</div>
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>中号标签</span>
<!---->
<div class="van-cell__title">
<span>
中号标签
</span>
</div>
<div class="van-cell__value">
<transition-stub><span class="van-tag van-tag--medium van-tag--primary">标签<!----></span></transition-stub>
<transition-stub>
<span class="van-tag van-tag--medium van-tag--primary">
标签
</span>
</transition-stub>
</div>
<!---->
<!---->
</div>
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>大号标签</span>
<!---->
<div class="van-cell__title">
<span>
大号标签
</span>
</div>
<div class="van-cell__value">
<transition-stub><span class="van-tag van-tag--large van-tag--primary">标签<!----></span></transition-stub>
<transition-stub>
<span class="van-tag van-tag--large van-tag--primary">
标签
</span>
</transition-stub>
</div>
<!---->
<!---->
</div>
</div>
<div>
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>背景颜色</span>
<!---->
<div class="van-cell__title">
<span>
背景颜色
</span>
</div>
<div class="van-cell__value">
<transition-stub><span style="background: rgb(114, 50, 221);" class="van-tag van-tag--default">标签<!----></span></transition-stub>
<transition-stub>
<span style="background: rgb(114, 50, 221);"
class="van-tag van-tag--default"
>
标签
</span>
</transition-stub>
</div>
<!---->
<!---->
</div>
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>文字颜色</span>
<!---->
<div class="van-cell__title">
<span>
文字颜色
</span>
</div>
<div class="van-cell__value">
<transition-stub><span style="color: rgb(173, 0, 0); background: rgb(255, 225, 225);" class="van-tag van-tag--default">标签<!----></span></transition-stub>
<transition-stub>
<span style="color: rgb(173, 0, 0); background: rgb(255, 225, 225);"
class="van-tag van-tag--default"
>
标签
</span>
</transition-stub>
</div>
<!---->
<!---->
</div>
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>空心颜色</span>
<!---->
<div class="van-cell__title">
<span>
空心颜色
</span>
</div>
<div class="van-cell__value">
<transition-stub><span style="color: rgb(114, 50, 221);" class="van-tag van-tag--plain van-tag--default">标签<!----></span></transition-stub>
<transition-stub>
<span style="color: rgb(114, 50, 221);"
class="van-tag van-tag--plain van-tag--default"
>
标签
</span>
</transition-stub>
</div>
<!---->
<!---->
</div>
</div>
`;

1
src/tag/test/__snapshots__/index.spec.js.snap
View File

@ -2,6 +2,5 @@
exports[`should hide tag when the show prop is false 1`] = `
<transition-stub>
<!---->
</transition-stub>
`;

190
src/toast/test/__snapshots__/demo.spec.js.snap
View File

@ -2,121 +2,131 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>文字提示</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
文字提示
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>加载提示</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
加载提示
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>成功提示</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
成功提示
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>失败提示</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
失败提示
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>自定义图标</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
自定义图标
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>自定义图片</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
自定义图片
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>自定义加载图标</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
自定义加载图标
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>顶部展示</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
顶部展示
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>底部展示</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
底部展示
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>动态更新提示</span>
<!---->
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
动态更新提示
</span>
</div>
<!----><i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!---->
<!----></i>
<!---->
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
`;

177
src/tree-select/test/__snapshots__/demo.spec.js.snap
View File

@ -2,114 +2,145 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-tree-select" style="height: 300px;">
<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-badge__wrapper van-sidebar-item__text">浙江
<!---->
<div class="van-tree-select"
style="height: 300px;"
>
<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-badge__wrapper van-sidebar-item__text">
浙江
</div>
</a><a class="van-sidebar-item van-tree-select__nav-item">
<div class="van-badge__wrapper van-sidebar-item__text">江苏
<!---->
</a>
<a class="van-sidebar-item van-tree-select__nav-item">
<div class="van-badge__wrapper van-sidebar-item__text">
江苏
</div>
</a><a class="van-sidebar-item van-sidebar-item--disabled van-tree-select__nav-item">
<div class="van-badge__wrapper van-sidebar-item__text">福建
<!---->
</a>
<a class="van-sidebar-item van-sidebar-item--disabled van-tree-select__nav-item">
<div class="van-badge__wrapper van-sidebar-item__text">
福建
</div>
</a>
</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-badge__wrapper van-icon van-icon-success van-tree-select__selected">
<!---->
<!---->
<!----></i></div>
<div class="van-ellipsis van-tree-select__item">温州
<!---->
<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">
杭州
<i class="van-badge__wrapper van-icon van-icon-success van-tree-select__selected">
</i>
</div>
<div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波
<!---->
<div class="van-ellipsis van-tree-select__item">
温州
</div>
<div class="van-ellipsis van-tree-select__item">义乌
<!---->
<div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">
宁波
</div>
<div class="van-ellipsis van-tree-select__item">
义乌
</div>
</div>
</div>
</div>
<div>
<div class="van-tree-select" style="height: 300px;">
<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-badge__wrapper van-sidebar-item__text">浙江
<!---->
<div class="van-tree-select"
style="height: 300px;"
>
<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-badge__wrapper van-sidebar-item__text">
浙江
</div>
</a><a class="van-sidebar-item van-tree-select__nav-item">
<div class="van-badge__wrapper van-sidebar-item__text">江苏
<!---->
</a>
<a class="van-sidebar-item van-tree-select__nav-item">
<div class="van-badge__wrapper van-sidebar-item__text">
江苏
</div>
</a><a class="van-sidebar-item van-sidebar-item--disabled van-tree-select__nav-item">
<div class="van-badge__wrapper van-sidebar-item__text">福建
<!---->
</a>
<a class="van-sidebar-item van-sidebar-item--disabled van-tree-select__nav-item">
<div class="van-badge__wrapper van-sidebar-item__text">
福建
</div>
</a>
</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-badge__wrapper van-icon van-icon-success van-tree-select__selected">
<!---->
<!---->
<!----></i></div>
<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">温州<i class="van-badge__wrapper van-icon van-icon-success van-tree-select__selected">
<!---->
<!---->
<!----></i></div>
<div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波
<!---->
<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">
杭州
<i class="van-badge__wrapper van-icon van-icon-success van-tree-select__selected">
</i>
</div>
<div class="van-ellipsis van-tree-select__item">义乌
<!---->
<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">
温州
<i class="van-badge__wrapper van-icon van-icon-success van-tree-select__selected">
</i>
</div>
<div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">
宁波
</div>
<div class="van-ellipsis van-tree-select__item">
义乌
</div>
</div>
</div>
</div>
<div>
<div class="van-tree-select" style="height: 55vw;">
<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-badge__wrapper van-sidebar-item__text">分组 1
<!---->
<div class="van-tree-select"
style="height: 55vw;"
>
<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-badge__wrapper van-sidebar-item__text">
分组 1
</div>
</a><a class="van-sidebar-item van-tree-select__nav-item">
<div class="van-badge__wrapper van-sidebar-item__text">分组 2
<!---->
</a>
<a class="van-sidebar-item van-tree-select__nav-item">
<div class="van-badge__wrapper van-sidebar-item__text">
分组 2
</div>
</a>
</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">
<img src="https://img.yzcdn.cn/vant/apple-1.jpg"
class="van-image__img"
>
</div>
<!--v-if-->
</div>
</div>
</div>
<div>
<div class="van-tree-select" style="height: 55vw;">
<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-badge__wrapper van-sidebar-item__text">浙江<div class="van-badge van-badge--dot van-badge--fixed">
<!---->
<div class="van-tree-select"
style="height: 55vw;"
>
<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-badge__wrapper van-sidebar-item__text">
浙江
<div class="van-badge van-badge--dot van-badge--fixed">
</div>
</div>
</a><a class="van-sidebar-item van-tree-select__nav-item">
<div class="van-badge__wrapper van-sidebar-item__text">江苏<div class="van-badge van-badge--fixed">5</div>
</a>
<a class="van-sidebar-item van-tree-select__nav-item">
<div class="van-badge__wrapper van-sidebar-item__text">
江苏
<div class="van-badge van-badge--fixed">
5
</div>
</div>
</a>
</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-badge__wrapper van-icon van-icon-success van-tree-select__selected">
<!---->
<!---->
<!----></i></div>
<div class="van-ellipsis van-tree-select__item">温州
<!---->
<div class="van-ellipsis van-tree-select__item van-tree-select__item--active">
杭州
<i class="van-badge__wrapper van-icon van-icon-success van-tree-select__selected">
</i>
</div>
<div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">宁波
<!---->
<div class="van-ellipsis van-tree-select__item">
温州
</div>
<div class="van-ellipsis van-tree-select__item">义乌
<!---->
<div class="van-ellipsis van-tree-select__item van-tree-select__item--disabled">
宁波
</div>
<div class="van-ellipsis van-tree-select__item">
义乌
</div>
</div>
</div>

323
src/uploader/test/__snapshots__/demo.spec.js.snap
View File

@ -4,11 +4,14 @@ exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-uploader">
<div class="van-uploader__wrapper">
<div class="van-uploader__upload"><i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
<!---->
<!---->
<!----></i>
<!----><input type="file" class="van-uploader__input" accept="image/*"></div>
<div class="van-uploader__upload">
<i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
</i>
<input type="file"
class="van-uploader__input"
accept="image/*"
>
</div>
</div>
</div>
</div>
@ -16,38 +19,46 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-uploader">
<div class="van-uploader__wrapper">
<div class="van-uploader__preview">
<div class="van-image van-uploader__preview-image"><img src="https://img.yzcdn.cn/vant/leaf.jpg" class="van-image__img" style="object-fit: cover;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-image van-uploader__preview-image">
<img src="https://img.yzcdn.cn/vant/leaf.jpg"
class="van-image__img"
style="object-fit: cover;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="van-uploader__preview-delete">
<i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
</i>
</div>
<!---->
<div class="van-uploader__preview-delete"><i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
<!---->
<!---->
<!----></i></div>
</div>
<div class="van-uploader__preview">
<div class="van-image van-uploader__preview-image"><img src="https://img.yzcdn.cn/vant/tree.jpg" class="van-image__img" style="object-fit: cover;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-image van-uploader__preview-image">
<img src="https://img.yzcdn.cn/vant/tree.jpg"
class="van-image__img"
style="object-fit: cover;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
<!---->
<div class="van-uploader__preview-delete"><i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
<!---->
<!---->
<!----></i></div>
</div>
<div class="van-uploader__upload"><i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
<!---->
<!---->
<!----></i>
<!----><input type="file" class="van-uploader__input" accept="*" multiple=""></div>
<div class="van-uploader__preview-delete">
<i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
</i>
</div>
</div>
<div class="van-uploader__upload">
<i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
</i>
<input type="file"
class="van-uploader__input"
accept="*"
multiple
>
</div>
</div>
</div>
</div>
@ -55,45 +66,67 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-uploader">
<div class="van-uploader__wrapper">
<div class="van-uploader__preview">
<div class="van-image van-uploader__preview-image"><img src="https://img.yzcdn.cn/vant/leaf.jpg" class="van-image__img" style="object-fit: cover;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-image van-uploader__preview-image">
<img src="https://img.yzcdn.cn/vant/leaf.jpg"
class="van-image__img"
style="object-fit: cover;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="van-uploader__mask">
<div class="van-loading van-loading--circular van-uploader__loading"><span class="van-loading__spinner van-loading__spinner--circular"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
<!---->
<div class="van-loading van-loading--circular van-uploader__loading">
<span class="van-loading__spinner van-loading__spinner--circular">
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
</div>
<div class="van-uploader__mask-message">
上传中...
</div>
<div class="van-uploader__mask-message">上传中...</div>
</div>
<!---->
</div>
<div class="van-uploader__preview">
<div class="van-image van-uploader__preview-image"><img src="https://img.yzcdn.cn/vant/tree.jpg" class="van-image__img" style="object-fit: cover;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-image van-uploader__preview-image">
<img src="https://img.yzcdn.cn/vant/tree.jpg"
class="van-image__img"
style="object-fit: cover;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
<div class="van-uploader__mask"><i class="van-badge__wrapper van-icon van-icon-close van-uploader__mask-icon">
<!---->
<!---->
<!----></i>
<div class="van-uploader__mask-message">上传失败</div>
</div>
<div class="van-uploader__preview-delete"><i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
<!---->
<!---->
<!----></i></div>
<div class="van-uploader__mask">
<i class="van-badge__wrapper van-icon van-icon-close van-uploader__mask-icon">
</i>
<div class="van-uploader__mask-message">
上传失败
</div>
</div>
<div class="van-uploader__preview-delete">
<i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
</i>
</div>
</div>
<div class="van-uploader__upload">
<i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
</i>
<input type="file"
class="van-uploader__input"
accept="image/*"
>
</div>
<div class="van-uploader__upload"><i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
<!---->
<!---->
<!----></i>
<!----><input type="file" class="van-uploader__input" accept="image/*"></div>
</div>
</div>
</div>
@ -101,24 +134,30 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-uploader">
<div class="van-uploader__wrapper">
<div class="van-uploader__preview">
<div class="van-image van-uploader__preview-image"><img src="https://img.yzcdn.cn/vant/sand.jpg" class="van-image__img" style="object-fit: cover;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-image van-uploader__preview-image">
<img src="https://img.yzcdn.cn/vant/sand.jpg"
class="van-image__img"
style="object-fit: cover;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
<!---->
<div class="van-uploader__preview-delete"><i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
<!---->
<!---->
<!----></i></div>
</div>
<div class="van-uploader__upload"><i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
<!---->
<!---->
<!----></i>
<!----><input type="file" class="van-uploader__input" accept="image/*" multiple=""></div>
<div class="van-uploader__preview-delete">
<i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
</i>
</div>
</div>
<div class="van-uploader__upload">
<i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
</i>
<input type="file"
class="van-uploader__input"
accept="image/*"
multiple
>
</div>
</div>
</div>
</div>
@ -126,38 +165,53 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-uploader">
<div class="van-uploader__wrapper">
<div class="van-uploader__preview">
<div class="van-image van-uploader__preview-image"><img src="https://img.yzcdn.cn/vant/sand.jpg" class="van-image__img" style="object-fit: cover;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-image van-uploader__preview-image">
<img src="https://img.yzcdn.cn/vant/sand.jpg"
class="van-image__img"
style="object-fit: cover;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
<!---->
<div class="van-uploader__preview-delete"><i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
<!---->
<!---->
<!----></i></div>
</div>
<div class="van-uploader__upload"><i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
<!---->
<!---->
<!----></i>
<!----><input type="file" class="van-uploader__input" accept="image/*" multiple=""></div>
<div class="van-uploader__preview-delete">
<i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
</i>
</div>
</div>
<div class="van-uploader__upload">
<i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
</i>
<input type="file"
class="van-uploader__input"
accept="image/*"
multiple
>
</div>
</div>
</div>
</div>
<div>
<div class="van-uploader">
<div class="van-uploader__wrapper">
<div class="van-uploader__input-wrapper"><button type="button" class="van-button van-button--primary van-button--normal">
<div class="van-button__content"><i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
<!---->
<!---->
<!----></i><span class="van-button__text">上传文件</span>
<!---->
<div class="van-uploader__input-wrapper">
<button type="button"
class="van-button van-button--primary van-button--normal"
>
<div class="van-button__content">
<i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
</i>
<span class="van-button__text">
上传文件
</span>
</div>
</button>
<input type="file"
class="van-uploader__input"
accept="image/*"
>
</div>
</button><input type="file" class="van-uploader__input" accept="image/*"></div>
</div>
</div>
</div>
@ -165,48 +219,63 @@ exports[`should render demo and match snapshot 1`] = `
<div class="van-uploader">
<div class="van-uploader__wrapper">
<div class="van-uploader__preview">
<div class="van-image van-uploader__preview-image"><img src="https://img.yzcdn.cn/vant/leaf.jpg" class="van-image__img" style="object-fit: cover;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<div class="van-image van-uploader__preview-image">
<img src="https://img.yzcdn.cn/vant/leaf.jpg"
class="van-image__img"
style="object-fit: cover;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
<div class="van-uploader__preview-cover">
<div class="preview-cover van-ellipsis">图片名称</div>
<div class="preview-cover van-ellipsis">
图片名称
</div>
</div>
<!---->
<div class="van-uploader__preview-delete"><i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
<!---->
<!---->
<!----></i></div>
</div>
<div class="van-uploader__upload"><i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
<!---->
<!---->
<!----></i>
<!----><input type="file" class="van-uploader__input" accept="image/*"></div>
<div class="van-uploader__preview-delete">
<i class="van-badge__wrapper van-icon van-icon-cross van-uploader__preview-delete-icon">
</i>
</div>
</div>
<div class="van-uploader__upload">
<i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
</i>
<input type="file"
class="van-uploader__input"
accept="image/*"
>
</div>
</div>
</div>
</div>
<div>
<div class="van-uploader">
<div class="van-uploader__wrapper">
<div class="van-uploader__upload"><i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
<!---->
<!---->
<!----></i>
<!----><input type="file" class="van-uploader__input" accept="image/*"></div>
<div class="van-uploader__upload">
<i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
</i>
<input type="file"
class="van-uploader__input"
accept="image/*"
>
</div>
</div>
</div>
</div>
<div>
<div class="van-uploader">
<div class="van-uploader__wrapper van-uploader__wrapper--disabled">
<div class="van-uploader__upload"><i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
<!---->
<!---->
<!----></i>
<!----><input type="file" class="van-uploader__input" accept="image/*" disabled=""></div>
<div class="van-uploader__upload">
<i class="van-badge__wrapper van-icon van-icon-photograph van-uploader__upload-icon">
</i>
<input type="file"
class="van-uploader__input"
accept="image/*"
disabled
>
</div>
</div>
</div>
</div>