blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

[improvement] Cell: jsx (#2461)

Browse Source
This commit is contained in:
neverland 2019-01-07 21:52:46 +08:00 committed by GitHub
parent dd20a170ab
commit 5f9a4cf479
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
19 changed files with 200 additions and 315 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
packages/address-edit/test/__snapshots__/demo.spec.js.snap
View File

@ -5,9 +5,7 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="van-address-edit">
<div placeholder="收货人姓名" class="van-cell van-field">
<!---->
<div class="van-cell__title"><span>姓名</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" placeholder="收货人姓名" value="" class="van-field__control">
@ -17,12 +15,10 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<!---->
</div>
<div placeholder="收货人手机号" class="van-cell van-field">
<!---->
<div class="van-cell__title"><span>电话</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="tel" placeholder="收货人手机号" value="" class="van-field__control">
@ -32,12 +28,10 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<!---->
</div>
<div placeholder="选择省 / 市 / 区" class="van-cell van-field">
<!---->
<div class="van-cell__title"><span>地区</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" readonly="readonly" placeholder="选择省 / 市 / 区" value="" class="van-field__control">
@ -47,16 +41,13 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<!---->
</div>
<div class="van-cell van-address-edit-detail">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">
<div rows="1" maxlength="200" placeholder="街道门牌、楼层房间号等信息" class="van-cell van-field">
<!---->
<div class="van-cell__title"><span>详细地址</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><textarea rows="1" maxlength="200" placeholder="街道门牌、楼层房间号等信息" class="van-field__control"></textarea>
@ -66,15 +57,13 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<!---->
</div>
</div>
<!---->
</div>
<div maxlength="6" placeholder="邮政编码" class="van-cell van-field">
<!---->
<div class="van-cell__title"><span>邮政编码</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="tel" maxlength="6" placeholder="邮政编码" value="" class="van-field__control">
@ -84,12 +73,10 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<!---->
</div>
<div class="van-cell van-cell--center van-cell--borderless van-switch-cell">
<!---->
<div class="van-cell__title"><span>设为默认收货地址</span>
<!---->
</div>
<div class="van-cell__value">
<div title="设为默认收货地址" class="van-switch" style="font-size:24px;background-color:undefined;">
@ -98,7 +85,7 @@ exports[`renders demo correctly 1`] = `
</div>
</div>
</div>
<!---->
</div>
<div class="van-address-edit__buttons"><button class="van-button van-button--danger van-button--normal van-button--block"><span class="van-button__text">保存</span></button> <button class="van-button van-button--default van-button--normal van-button--block"><span class="van-button__text">删除</span></button></div>
<div class="van-popup van-popup--bottom" style="display:none;">

50
packages/address-edit/test/__snapshots__/index.spec.js.snap
View File

@ -3,9 +3,7 @@
exports[`create a AddressEdit 1`] = `
<div class="van-address-edit">
<div placeholder="收货人姓名" class="van-cell van-field">
<!---->
<div class="van-cell__title"><span>姓名</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" placeholder="收货人姓名" value="" class="van-field__control">
@ -15,12 +13,10 @@ exports[`create a AddressEdit 1`] = `
</div>
<!---->
</div>
<!---->
</div>
<div placeholder="收货人手机号" class="van-cell van-field">
<!---->
<div class="van-cell__title"><span>电话</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="tel" placeholder="收货人手机号" value="" class="van-field__control">
@ -30,12 +26,10 @@ exports[`create a AddressEdit 1`] = `
</div>
<!---->
</div>
<!---->
</div>
<div placeholder="选择省 / 市 / 区" class="van-cell van-field">
<!---->
<div class="van-cell__title"><span>地区</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" readonly="readonly" placeholder="选择省 / 市 / 区" value="" class="van-field__control">
@ -45,16 +39,13 @@ exports[`create a AddressEdit 1`] = `
</div>
<!---->
</div>
<!---->
</div>
<div class="van-cell van-address-edit-detail">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">
<div rows="1" maxlength="200" placeholder="街道门牌、楼层房间号等信息" class="van-cell van-field">
<!---->
<div class="van-cell__title"><span>详细地址</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><textarea rows="1" maxlength="200" placeholder="街道门牌、楼层房间号等信息" class="van-field__control"></textarea>
@ -64,10 +55,10 @@ exports[`create a AddressEdit 1`] = `
</div>
<!---->
</div>
<!---->
</div>
</div>
<!---->
</div>
<!---->
<!---->
@ -104,9 +95,7 @@ exports[`create a AddressEdit 1`] = `
exports[`create a AddressEdit with props 1`] = `
<div class="van-address-edit">
<div placeholder="收货人姓名" class="van-cell van-field">
<!---->
<div class="van-cell__title"><span>姓名</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" placeholder="收货人姓名" value="测试" class="van-field__control">
@ -116,12 +105,10 @@ exports[`create a AddressEdit with props 1`] = `
</div>
<!---->
</div>
<!---->
</div>
<div placeholder="收货人手机号" class="van-cell van-field">
<!---->
<div class="van-cell__title"><span>电话</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="tel" placeholder="收货人手机号" value="13000000000" class="van-field__control">
@ -131,12 +118,10 @@ exports[`create a AddressEdit with props 1`] = `
</div>
<!---->
</div>
<!---->
</div>
<div placeholder="选择省 / 市 / 区" class="van-cell van-field">
<!---->
<div class="van-cell__title"><span>地区</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" readonly="readonly" placeholder="选择省 / 市 / 区" value="北京市/朝阳区" class="van-field__control">
@ -146,16 +131,13 @@ exports[`create a AddressEdit with props 1`] = `
</div>
<!---->
</div>
<!---->
</div>
<div class="van-cell van-address-edit-detail">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">
<div rows="1" maxlength="200" placeholder="街道门牌、楼层房间号等信息" class="van-cell van-field">
<!---->
<div class="van-cell__title"><span>详细地址</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><textarea rows="1" maxlength="200" placeholder="街道门牌、楼层房间号等信息" class="van-field__control">详细地址</textarea>
@ -165,15 +147,13 @@ exports[`create a AddressEdit with props 1`] = `
</div>
<!---->
</div>
<!---->
</div>
</div>
<!---->
</div>
<div maxlength="6" placeholder="邮政编码" class="van-cell van-field">
<!---->
<div class="van-cell__title"><span>邮政编码</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="tel" maxlength="6" placeholder="邮政编码" value="10000" class="van-field__control">
@ -183,12 +163,10 @@ exports[`create a AddressEdit with props 1`] = `
</div>
<!---->
</div>
<!---->
</div>
<div class="van-cell van-cell--center van-cell--borderless van-switch-cell">
<!---->
<div class="van-cell__title"><span>设为默认收货地址</span>
<!---->
</div>
<div class="van-cell__value">
<div title="设为默认收货地址" class="van-switch van-switch--on" style="font-size:24px;background-color:undefined;">
@ -197,7 +175,7 @@ exports[`create a AddressEdit with props 1`] = `
</div>
</div>
</div>
<!---->
</div>
<div class="van-address-edit__buttons"><button class="van-button van-button--danger van-button--normal van-button--block"><span class="van-button__text">保存</span></button>
<!---->

18
packages/address-list/test/__snapshots__/demo.spec.js.snap
View File

@ -7,20 +7,20 @@ exports[`renders demo correctly 1`] = `
<div class="van-radio-group">
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell van-cell--clickable van-address-item">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">
<div class="van-radio"><span class="van-radio__input"><input type="radio" value="1" checked="checked" class="van-radio__control"> <i class="van-icon van-icon-checked" style="color:undefined;font-size:undefined;"> <!----> <!----></i></span> <span class="van-radio__label"><div class="van-address-item__name">张三，13000000000</div> <div class="van-address-item__address">浙江省杭州市西湖区文三路 138 号东方通信大厦 7 楼 501 室</div></span></div>
</div> <i class="van-icon van-icon-edit van-address-item__edit" style="color:undefined;font-size:undefined;">
</div>
<i class="van-icon van-icon-edit van-address-item__edit" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
<div class="van-cell van-cell--clickable van-address-item">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">
<div class="van-radio"><span class="van-radio__input"><input type="radio" value="2" class="van-radio__control"> <i class="van-icon van-icon-circle" style="color:undefined;font-size:undefined;"> <!----> <!----></i></span> <span class="van-radio__label"><div class="van-address-item__name">李四，1310000000</div> <div class="van-address-item__address">浙江省杭州市拱墅区莫干山路 50 号</div></span></div>
</div> <i class="van-icon van-icon-edit van-address-item__edit" style="color:undefined;font-size:undefined;">
</div>
<i class="van-icon van-icon-edit van-address-item__edit" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
@ -29,11 +29,11 @@ exports[`renders demo correctly 1`] = `
<div class="van-address-list__disabled-text">以下地址超出配送范围</div>
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell van-address-item van-address-item--disabled van-address-item--unswitchable">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">
<div class="van-radio"><span class="van-radio__input"><input type="radio" value="3" class="van-radio__control"> <i class="van-icon van-icon-circle" style="color:undefined;font-size:undefined;"> <!----> <!----></i></span> <span class="van-radio__label"><div class="van-address-item__name">王五，1320000000</div> <div class="van-address-item__address">浙江省杭州市滨江区江南大道 15 号</div></span></div>
</div> <i class="van-icon van-icon-edit van-address-item__edit" style="color:undefined;font-size:undefined;">
</div>
<i class="van-icon van-icon-edit van-address-item__edit" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>

75
packages/cell/index.js Normal file
View File

@ -0,0 +1,75 @@
import { use, isDef } from '../utils';
import Icon from '../icon';
import CellMixin from '../mixins/cell';
import RouterLink from '../mixins/router-link';
const [sfc, bem] = use('cell');
export default sfc({
mixins: [CellMixin, RouterLink],
props: {
size: String,
clickable: Boolean,
arrowDirection: String
},
computed: {
arrowIcon() {
return this.arrowDirection ? `arrow-${this.arrowDirection}` : 'arrow';
}
},
methods: {
onClick() {
this.$emit('click');
this.routerLink();
}
},
render(h) {
const slots = this.$slots;
const showTitle = slots.title || isDef(this.title);
const showValue = slots.default || isDef(this.value);
const Title = showTitle && (
<div class={[bem('title'), this.titleClass]}>
{slots.title || <span>{this.title}</span>}
{this.label && <div class={[bem('label'), this.labelClass]}>{this.label}</div>}
</div>
);
const Value = showValue && (
<div class={[bem('value', { alone: !slots.title && !this.title }), this.valueClass]}>
{slots.default || <span>{this.value}</span>}
</div>
);
const LeftIcon = slots.icon || (
this.icon && <Icon class={bem('left-icon')} name={this.icon} />
);
const RightIcon = slots['right-icon'] || (
this.isLink && <Icon class={bem('right-icon')} name={this.arrowIcon} />
);
return (
<div
class={bem({
center: this.center,
required: this.required,
borderless: !this.border,
clickable: this.isLink || this.clickable,
[this.size]: this.size
})}
onClick={this.onClick}
>
{LeftIcon}
{Title}
{Value}
{RightIcon}
{slots.extra}
</div>
);
}
});

87
packages/cell/index.vue
View File

@ -1,87 +0,0 @@
<template>
<div
:class="[
b({
center,
required,
[size]: size,
borderless: !border,
clickable: isLink || clickable
})
]"
@click="onClick"
>
<slot name="icon">
<icon
v-if="icon"
:class="b('left-icon')"
:name="icon"
/>
</slot>
<div
v-if="isDef(title) || $slots.title"
:class="[b('title'), titleClass]"
>
<slot name="title">
<span v-text="title" />
<div
v-if="label"
v-text="label"
:class="[b('label'), labelClass]"
/>
</slot>
</div>
<div
v-if="isDef(value) || $slots.default"
:class="[b('value', { alone: !$slots.title && !title }), valueClass]"
>
<slot>
<span v-text="value" />
</slot>
</div>
<slot name="right-icon">
<icon
v-if="isLink"
:class="b('right-icon')"
:name="arrowIcon"
/>
</slot>
<slot name="extra" />
</div>
</template>
<script>
import Icon from '../icon';
import CellMixin from '../mixins/cell';
import RouterLink from '../mixins/router-link';
import create from '../utils/create-basic';
export default create({
name: 'cell',
components: {
Icon
},
mixins: [CellMixin, RouterLink],
props: {
size: String,
clickable: Boolean,
arrowDirection: String
},
computed: {
arrowIcon() {
return this.arrowDirection ? `arrow-${this.arrowDirection}` : 'arrow';
}
},
methods: {
onClick() {
this.$emit('click');
this.routerLink();
}
}
});
</script>

62
packages/cell/test/__snapshots__/demo.spec.js.snap
View File

@ -5,39 +5,33 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell">
<!---->
<div class="van-cell__title"><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>
<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>
<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>
<div class="van-cell__value"><span>内容</span></div>
<!---->
</div>
</div>
<div>
@ -45,65 +39,58 @@ exports[`renders demo correctly 1`] = `
<!---->
<!----></i>
<div class="van-cell__title"><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>
<!---->
</div>
</div>
<div>
<div class="van-cell van-cell--clickable">
<!---->
<div class="van-cell__title"><span>单元格</span>
<!---->
</div>
<!----> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
<div class="van-cell van-cell--clickable">
<!---->
<div class="van-cell__title"><span>单元格</span>
<!---->
</div>
<div class="van-cell__value"><span>内容</span></div> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<div class="van-cell__value"><span>内容</span></div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
<div class="van-cell van-cell--clickable">
<!---->
<div class="van-cell__title"><span>单元格</span>
<!---->
</div>
<div class="van-cell__value"><span>内容</span></div> <i class="van-icon van-icon-arrow-down van-cell__right-icon" style="color:undefined;font-size:undefined;">
<div class="van-cell__value"><span>内容</span></div>
<i class="van-icon van-icon-arrow-down van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
</div>
<div>
<div class="van-cell van-cell--clickable">
<!---->
<div class="van-cell__title"><span>单元格</span>
<!---->
</div>
<!----> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
<div class="van-cell van-cell--clickable">
<!---->
<div class="van-cell__title"><span>单元格</span>
<!---->
</div>
<!----> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
@ -112,8 +99,10 @@ exports[`renders demo correctly 1`] = `
<div class="van-cell van-cell--clickable"><i class="van-icon van-icon-shop-o van-cell__left-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
<div class="van-cell__title"><span class="custom-text">单元格</span> <span class="van-tag" style="background-color:#f44;">标签</span></div>
<div class="van-cell__value"><span>内容</span></div> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<div class="van-cell__title"><span class="custom-text">单元格</span> <span class="van-tag" style="background-color:#f44;">标签</span>
</div>
<div class="van-cell__value"><span>内容</span></div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
@ -121,18 +110,17 @@ exports[`renders demo correctly 1`] = `
<!---->
<!----></i>
<div class="van-cell__title"><span>单元格</span>
<!---->
</div>
<!----> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>单元格</span>
<!---->
</div>
<!----> <i class="custom-icon van-icon van-icon-search" style="color:undefined;font-size:undefined;">
<i class="custom-icon van-icon van-icon-search" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>

12
packages/checkbox/test/__snapshots__/demo.spec.js.snap
View File

@ -95,9 +95,7 @@ exports[`renders demo correctly 1`] = `
<div class="van-checkbox-group">
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell van-cell--clickable">
<!---->
<div class="van-cell__title"><span>复选框a</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-checkbox">
@ -107,12 +105,10 @@ exports[`renders demo correctly 1`] = `
<!---->
</div>
</div>
<!---->
</div>
<div class="van-cell van-cell--clickable">
<!---->
<div class="van-cell__title"><span>复选框b</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-checkbox">
@ -122,12 +118,10 @@ exports[`renders demo correctly 1`] = `
<!---->
</div>
</div>
<!---->
</div>
<div class="van-cell van-cell--clickable">
<!---->
<div class="van-cell__title"><span>复选框c</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-checkbox">
@ -137,7 +131,7 @@ exports[`renders demo correctly 1`] = `
<!---->
</div>
</div>
<!---->
</div>
</div>
</div>

38
packages/collapse/test/__snapshots__/demo.spec.js.snap
View File

@ -6,11 +6,10 @@ exports[`renders demo correctly 1`] = `
<div class="van-hairline--top-bottom van-collapse">
<div class="van-collapse-item">
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--expanded">
<!---->
<div class="van-cell__title"><span>有赞微商城</span>
<!---->
</div>
<div class="van-cell__value"> </div> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<div class="van-cell__value"> </div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
@ -20,11 +19,10 @@ exports[`renders demo correctly 1`] = `
</div>
<div class="van-collapse-item van-hairline--top">
<div class="van-cell van-cell--clickable van-collapse-item__title">
<!---->
<div class="van-cell__title"><span>有赞零售</span>
<!---->
</div>
<div class="van-cell__value"> </div> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<div class="van-cell__value"> </div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
@ -32,11 +30,10 @@ exports[`renders demo correctly 1`] = `
</div>
<div class="van-collapse-item van-hairline--top">
<div disabled="disabled" class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--disabled">
<!---->
<div class="van-cell__title"><span>有赞美业</span>
<!---->
</div>
<div class="van-cell__value"> </div> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<div class="van-cell__value"> </div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
@ -48,11 +45,10 @@ exports[`renders demo correctly 1`] = `
<div class="van-hairline--top-bottom van-collapse">
<div class="van-collapse-item">
<div class="van-cell van-cell--clickable van-collapse-item__title van-collapse-item__title--expanded">
<!---->
<div class="van-cell__title"><span>有赞微商城</span>
<!---->
</div>
<div class="van-cell__value"> </div> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<div class="van-cell__value"> </div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
@ -62,11 +58,10 @@ exports[`renders demo correctly 1`] = `
</div>
<div class="van-collapse-item van-hairline--top">
<div class="van-cell van-cell--clickable van-collapse-item__title">
<!---->
<div class="van-cell__title"><span>有赞零售</span>
<!---->
</div>
<div class="van-cell__value"> </div> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<div class="van-cell__value"> </div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
@ -74,11 +69,10 @@ exports[`renders demo correctly 1`] = `
</div>
<div class="van-collapse-item van-hairline--top">
<div class="van-cell van-cell--clickable van-collapse-item__title">
<!---->
<div class="van-cell__title"><span>有赞美业</span>
<!---->
</div>
<div class="van-cell__value"> </div> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<div class="van-cell__value"> </div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
@ -90,13 +84,13 @@ exports[`renders demo correctly 1`] = `
<div class="van-hairline--top-bottom van-collapse">
<div class="van-collapse-item">
<div class="van-cell van-cell--clickable van-collapse-item__title">
<!---->
<div class="van-cell__title">
<div>有赞微商城<i class="van-icon van-icon-question-o" style="color:undefined;font-size:undefined;">
<!---->
<!----></i></div>
</div>
<div class="van-cell__value"> </div> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<div class="van-cell__value"> </div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
@ -107,9 +101,9 @@ exports[`renders demo correctly 1`] = `
<!---->
<!----></i>
<div class="van-cell__title"><span>有赞零售</span>
<!---->
</div>
<div class="van-cell__value"> </div> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<div class="van-cell__value"> </div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>

23
packages/contact-card/test/__snapshots__/demo.spec.js.snap
View File

@ -6,8 +6,9 @@ exports[`renders demo correctly 1`] = `
<div class="van-cell van-cell--center van-cell--borderless van-cell--clickable van-contact-card van-contact-card--add"><i class="van-icon van-icon-add-square van-cell__left-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
<!---->
<div class="van-cell__value van-cell__value--alone">添加联系人</div> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<div class="van-cell__value van-cell__value--alone">添加联系人</div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
@ -16,11 +17,11 @@ exports[`renders demo correctly 1`] = `
<div class="van-radio-group">
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell van-cell--clickable">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">
<div class="van-radio"><span class="van-radio__input"><input type="radio" value="0" class="van-radio__control"> <i class="van-icon van-icon-circle" style="color:undefined;font-size:undefined;"> <!----> <!----></i></span> <span class="van-radio__label"><div class="van-contact-list__name">张三，13000000000</div></span></div>
</div> <i class="van-icon van-icon-edit van-contact-list__edit" style="color:undefined;font-size:undefined;">
</div>
<i class="van-icon van-icon-edit van-contact-list__edit" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>
@ -32,9 +33,7 @@ exports[`renders demo correctly 1`] = `
<div class="van-contact-edit">
<div class="van-cell-group van-hairline--top-bottom">
<div maxlength="30" placeholder="请填写姓名" class="van-cell van-field">
<!---->
<div class="van-cell__title"><span>张三</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" maxlength="30" placeholder="请填写姓名" class="van-field__control">
@ -44,12 +43,10 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<!---->
</div>
<div placeholder="请填写电话" class="van-cell van-field">
<!---->
<div class="van-cell__title"><span>电话</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="tel" placeholder="请填写电话" class="van-field__control">
@ -59,7 +56,7 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<!---->
</div>
</div>
<div class="van-contact-edit__buttons"><button class="van-button van-button--danger van-button--normal van-button--block"><span class="van-button__text">保存</span></button>
@ -72,12 +69,12 @@ exports[`renders demo correctly 1`] = `
<div class="van-cell van-cell--center van-cell--borderless van-contact-card van-contact-card--edit"><i class="van-icon van-icon-contact van-cell__left-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
<!---->
<div class="van-cell__value van-cell__value--alone">
<div>张三：张三</div>
<div>电话：13000000000</div>
</div>
<!---->
</div>
</div>
</div>

5
packages/coupon-list/test/__snapshots__/demo.spec.js.snap
View File

@ -4,11 +4,10 @@ exports[`renders demo correctly 1`] = `
<div>
<div>
<div class="van-cell van-cell--clickable van-coupon-cell">
<!---->
<div class="van-cell__title"><span>优惠券</span>
<!---->
</div>
<div class="van-cell__value"><span>2张可用</span></div> <i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<div class="van-cell__value"><span>2张可用</span></div>
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
</div>

15
packages/coupon-list/test/__snapshots__/index.spec.js.snap
View File

@ -2,11 +2,10 @@
exports[`coupon cell 1`] = `
<div class="van-cell van-cell--clickable van-coupon-cell">
<!---->
<div class="van-cell__title"><span>优惠券</span>
<!---->
</div>
<div class="van-cell__value"><span>使用优惠</span></div> <i class="van-icon van-icon-arrow van-cell__right-icon">
<div class="van-cell__value"><span>使用优惠</span></div>
<i class="van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!----></i>
</div>
@ -14,11 +13,10 @@ exports[`coupon cell 1`] = `
exports[`coupon cell 2`] = `
<div class="van-cell van-cell--clickable van-coupon-cell">
<!---->
<div class="van-cell__title"><span>优惠券</span>
<!---->
</div>
<div class="van-cell__value van-coupon-cell--selected"><span>-¥1.00</span></div> <i class="van-icon van-icon-arrow van-cell__right-icon">
<div class="van-cell__value van-coupon-cell--selected"><span>-¥1.00</span></div>
<i class="van-icon van-icon-arrow van-cell__right-icon">
<!---->
<!----></i>
</div>
@ -27,8 +25,7 @@ exports[`coupon cell 2`] = `
exports[`render coupon list 1`] = `
<div class="van-coupon-list">
<div class="van-cell van-cell--borderless van-field van-coupon-list__field">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">
<div class="van-field__body"><input type="text" placeholder="请输入优惠码" maxlength="20" class="van-field__control">
<!---->
@ -37,7 +34,7 @@ exports[`render coupon list 1`] = `
</div>
<!---->
</div>
<!---->
</div>
<div class="van-tabs van-tabs--line van-coupon-list__tab">
<div class="van-tabs__wrap van-hairline--top-bottom">

8
packages/dialog/test/__snapshots__/demo.spec.js.snap
View File

@ -17,9 +17,7 @@ exports[`renders demo correctly 1`] = `
<!---->
<div class="van-dialog__content">
<div placeholder="请输入用户名" class="van-cell van-field">
<!---->
<div class="van-cell__title"><span>用户名</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" placeholder="请输入用户名" value="" class="van-field__control">
@ -29,12 +27,10 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<!---->
</div>
<div placeholder="请输入密码" class="van-cell van-field">
<!---->
<div class="van-cell__title"><span>密码</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="password" placeholder="请输入密码" value="" class="van-field__control">
@ -44,7 +40,7 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<!---->
</div>
</div>
<div class="van-hairline--top van-dialog__footer van-dialog__footer--buttons"><button class="van-button van-button--default van-button--large van-dialog__cancel"><span class="van-button__text">取消</span></button> <button class="van-button van-button--default van-button--large van-dialog__confirm van-hairline--left"><span class="van-button__text">消息确认</span></button></div>

32
packages/field/test/__snapshots__/demo.spec.js.snap
View File

@ -5,8 +5,7 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="van-cell-group van-hairline--top-bottom">
<div placeholder="请输入用户名" class="van-cell van-field">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">
<div class="van-field__body"><input type="text" placeholder="请输入用户名" value="" class="van-field__control">
<!---->
@ -15,16 +14,14 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<!---->
</div>
</div>
</div>
<div>
<div class="van-cell-group van-hairline--top-bottom">
<div placeholder="请输入用户名" class="van-cell van-cell--required van-field">
<!---->
<div class="van-cell__title"><span>用户名</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" placeholder="请输入用户名" value="" class="van-field__control">
@ -36,12 +33,10 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<!---->
</div>
<div placeholder="请输入密码" class="van-cell van-cell--required van-field">
<!---->
<div class="van-cell__title"><span>密码</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="password" placeholder="请输入密码" value="" class="van-field__control">
@ -51,7 +46,7 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<!---->
</div>
</div>
</div>
@ -61,7 +56,6 @@ exports[`renders demo correctly 1`] = `
<!---->
<!----></i>
<div class="van-cell__title"><span>用户名</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" disabled="disabled" value="输入框已禁用" class="van-field__control">
@ -71,16 +65,14 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<!---->
</div>
</div>
</div>
<div>
<div class="van-cell-group van-hairline--top-bottom">
<div placeholder="请输入用户名" class="van-cell van-field van-field--error">
<!---->
<div class="van-cell__title"><span>用户名</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" placeholder="请输入用户名" value="" class="van-field__control">
@ -90,12 +82,10 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<!---->
</div>
<div placeholder="请输入手机号" class="van-cell van-field">
<!---->
<div class="van-cell__title"><span>手机号</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" placeholder="请输入手机号" value="1365577" class="van-field__control">
@ -105,16 +95,14 @@ exports[`renders demo correctly 1`] = `
</div>
<div class="van-field__error-message">手机号格式错误</div>
</div>
<!---->
</div>
</div>
</div>
<div>
<div class="van-cell-group van-hairline--top-bottom">
<div placeholder="请输入留言" rows="1" class="van-cell van-field">
<!---->
<div class="van-cell__title"><span>留言</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><textarea placeholder="请输入留言" rows="1" class="van-field__control"></textarea>
@ -124,16 +112,14 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<!---->
</div>
</div>
</div>
<div>
<div class="van-cell-group van-hairline--top-bottom">
<div placeholder="请输入短信验证码" class="van-cell van-cell--center van-field">
<!---->
<div class="van-cell__title"><span>短信验证码</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-field__body"><input type="text" placeholder="请输入短信验证码" value="" class="van-field__control">
@ -145,7 +131,7 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<!---->
</div>
</div>
</div>

15
packages/field/test/__snapshots__/index.spec.js.snap
View File

@ -2,8 +2,7 @@
exports[`clearable 1`] = `
<div class="van-cell van-field">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">
<div class="van-field__body"><input type="text" class="van-field__control">
<!---->
@ -12,14 +11,13 @@ exports[`clearable 1`] = `
</div>
<!---->
</div>
<!---->
</div>
`;
exports[`clearable 2`] = `
<div class="van-cell van-field">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">
<div class="van-field__body"><input type="text" class="van-field__control"> <i class="van-icon van-icon-clear van-field__clear">
<!---->
@ -29,14 +27,13 @@ exports[`clearable 2`] = `
</div>
<!---->
</div>
<!---->
</div>
`;
exports[`render textarea 1`] = `
<div class="van-cell van-field">
<!---->
<!---->
<div class="van-cell__value van-cell__value--alone">
<div class="van-field__body"><textarea class="van-field__control" style="height: auto;"></textarea>
<!---->
@ -45,6 +42,6 @@ exports[`render textarea 1`] = `
</div>
<!---->
</div>
<!---->
</div>
`;

6
packages/panel/test/__snapshots__/demo.spec.js.snap
View File

@ -5,12 +5,11 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="van-cell-group van-hairline--top-bottom van-panel">
<div class="van-cell van-panel__header">
<!---->
<div class="van-cell__title"><span>标题</span>
<div class="van-cell__label">描述信息</div>
</div>
<div class="van-cell__value"><span>状态</span></div>
<!---->
</div>
<div class="van-panel__content">
<div>内容</div>
@ -21,12 +20,11 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="van-cell-group van-hairline--top-bottom van-panel">
<div class="van-cell van-panel__header">
<!---->
<div class="van-cell__title"><span>标题</span>
<div class="van-cell__label">描述信息</div>
</div>
<div class="van-cell__value"><span>状态</span></div>
<!---->
</div>
<div class="van-panel__content">
<div>内容</div>

8
packages/radio/test/__snapshots__/demo.spec.js.snap
View File

@ -23,28 +23,24 @@ exports[`renders demo correctly 1`] = `
<div class="van-radio-group">
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell van-cell--clickable">
<!---->
<div class="van-cell__title"><span>单选框1</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-radio"><span class="van-radio__input"><input type="radio" value="1" checked="checked" class="van-radio__control"> <i class="van-icon van-icon-checked" style="color:undefined;font-size:undefined;"> <!----> <!----></i></span>
<!---->
</div>
</div>
<!---->
</div>
<div class="van-cell van-cell--clickable">
<!---->
<div class="van-cell__title"><span>单选框2</span>
<!---->
</div>
<div class="van-cell__value">
<div class="van-radio"><span class="van-radio__input"><input type="radio" value="2" class="van-radio__control"> <i class="van-icon van-icon-circle" style="color:undefined;font-size:undefined;"> <!----> <!----></i></span>
<!---->
</div>
</div>
<!---->
</div>
</div>
</div>

12
packages/search/test/__snapshots__/demo.spec.js.snap
View File

@ -7,7 +7,7 @@ exports[`renders demo correctly 1`] = `
<div placeholder="请输入搜索关键词" class="van-cell van-cell--borderless van-field"><i class="van-icon van-icon-search van-cell__left-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
<!---->
<div class="van-cell__value van-cell__value--alone">
<div class="van-field__body"><input type="search" placeholder="请输入搜索关键词" value="" class="van-field__control">
<!---->
@ -16,7 +16,7 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<!---->
</div>
<!---->
</div>
@ -27,7 +27,7 @@ exports[`renders demo correctly 1`] = `
<div placeholder="请输入搜索关键词" class="van-cell van-cell--borderless van-field"><i class="van-icon van-icon-search van-cell__left-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
<!---->
<div class="van-cell__value van-cell__value--alone">
<div class="van-field__body"><input type="search" placeholder="请输入搜索关键词" value="" class="van-field__control">
<!---->
@ -36,7 +36,7 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<!---->
</div>
<div class="van-search__action">
<div>取消</div>
@ -49,7 +49,7 @@ exports[`renders demo correctly 1`] = `
<div placeholder="请输入搜索关键词" class="van-cell van-cell--borderless van-field"><i class="van-icon van-icon-search van-cell__left-icon" style="color:undefined;font-size:undefined;">
<!---->
<!----></i>
<!---->
<div class="van-cell__value van-cell__value--alone">
<div class="van-field__body"><input type="search" placeholder="请输入搜索关键词" value="" class="van-field__control">
<!---->
@ -58,7 +58,7 @@ exports[`renders demo correctly 1`] = `
</div>
<!---->
</div>
<!---->
</div>
<div class="van-search__action">
<div>

8
packages/swipe-cell/test/__snapshots__/demo.spec.js.snap
View File

@ -16,12 +16,10 @@ exports[`renders demo correctly 1`] = `
<div class="van-swipe-cell__left"><span>选择</span></div>
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>单元格</span>
<!---->
</div>
<div class="van-cell__value"><span>内容</span></div>
<!---->
</div>
</div>
<div class="van-swipe-cell__right"><span>删除</span></div>
@ -34,12 +32,10 @@ exports[`renders demo correctly 1`] = `
<div class="van-swipe-cell__left"><span>选择</span></div>
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell">
<!---->
<div class="van-cell__title"><span>单元格</span>
<!---->
</div>
<div class="van-cell__value"><span>内容</span></div>
<!---->
</div>
</div>
<div class="van-swipe-cell__right"><span>删除</span></div>

12
packages/switch-cell/test/__snapshots__/demo.spec.js.snap
View File

@ -5,9 +5,7 @@ exports[`renders demo correctly 1`] = `
<div>
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell van-cell--center van-cell--borderless van-switch-cell">
<!---->
<div class="van-cell__title"><span>标题</span>
<!---->
</div>
<div class="van-cell__value">
<div title="标题" class="van-switch van-switch--on" style="font-size:24px;background-color:undefined;">
@ -16,16 +14,14 @@ exports[`renders demo correctly 1`] = `
</div>
</div>
</div>
<!---->
</div>
</div>
</div>
<div>
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell van-cell--center van-cell--borderless van-switch-cell">
<!---->
<div class="van-cell__title"><span>标题</span>
<!---->
</div>
<div class="van-cell__value">
<div title="标题" class="van-switch van-switch--on van-switch--disabled" style="font-size:24px;background-color:undefined;">
@ -34,16 +30,14 @@ exports[`renders demo correctly 1`] = `
</div>
</div>
</div>
<!---->
</div>
</div>
</div>
<div>
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell van-cell--center van-cell--borderless van-switch-cell">
<!---->
<div class="van-cell__title"><span>标题</span>
<!---->
</div>
<div class="van-cell__value">
<div title="标题" class="van-switch van-switch--on" style="font-size:24px;background-color:undefined;">
@ -52,7 +46,7 @@ exports[`renders demo correctly 1`] = `
</div>
</div>
</div>
<!---->
</div>
</div>
</div>