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

chore: fix Cell usage

Browse Source
This commit is contained in:
chenjiahan 2022-02-20 20:48:20 +08:00
parent 0a7b535533
commit 0b4b04eefb
19 changed files with 45 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/vant/src/address-list/AddressListItem.tsx
View File

@ -93,11 +93,11 @@ export default defineComponent({
<div class={bem({ disabled })} onClick={onClick}>
<Cell
v-slots={{
value: renderContent,
title: renderContent,
'right-icon': renderRightIcon,
}}
border={false}
valueClass={bem('value')}
titleClass={bem('title')}
/>
{slots.bottom?.(extend({}, props.address, { disabled }))}
</div>

2
packages/vant/src/address-list/index.less
View File

@ -53,7 +53,7 @@ body {
margin-bottom: var(--van-padding-sm);
}
&__value {
&__title {
padding-right: 44px;
}

6
packages/vant/src/address-list/test/__snapshots__/demo.spec.ts.snap
View File

@ -8,7 +8,7 @@ exports[`should render demo and match snapshot 1`] = `
>
<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 class="van-cell__value van-address-item__value">
<div role="radio"
class="van-radio"
tabindex="0"
@ -41,7 +41,7 @@ exports[`should render demo and match snapshot 1`] = `
</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 class="van-cell__value van-address-item__value">
<div role="radio"
class="van-radio"
tabindex="0"
@ -73,7 +73,7 @@ exports[`should render demo and match snapshot 1`] = `
</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-cell__value van-address-item__value">
<div class="van-address-item__name">
Tywin 1320000000
</div>

4
packages/vant/src/contact-card/ContactCard.tsx
View File

@ -43,13 +43,13 @@ export default defineComponent({
return () => (
<Cell
v-slots={{ value: renderContent }}
v-slots={{ title: renderContent }}
center
icon={props.type === 'edit' ? 'contact' : 'add-square'}
class={bem([props.type])}
border={false}
isLink={props.editable}
valueClass={bem('value')}
titleClass={bem('title')}
onClick={onClick}
/>
);

2
packages/vant/src/contact-card/README.md
View File

@ -109,4 +109,4 @@ The component provides the following CSS variables, which can be used to customi
| --van-contact-card-padding | _var(--van-padding-md)_ | - |
| --van-contact-card-add-icon-size | _40px_ | - |
| --van-contact-card-add-icon-color | _var(--van-primary-color)_ | - |
| --van-contact-card-value-line-height | _var(--van-line-height-md)_ | - |
| --van-contact-card-title-line-height | _var(--van-line-height-md)_ | - |

2
packages/vant/src/contact-card/README.zh-CN.md
View File

@ -103,4 +103,4 @@ import type { ContactCardType, ContactCardProps } from 'vant';
| --van-contact-card-padding | _var(--van-padding-md)_ | - |
| --van-contact-card-add-icon-size | _40px_ | - |
| --van-contact-card-add-icon-color | _var(--van-primary-color)_ | - |
| --van-contact-card-value-line-height | _var(--van-line-height-md)_ | - |
| --van-contact-card-title-line-height | _var(--van-line-height-md)_ | - |

6
packages/vant/src/contact-card/index.less
View File

@ -2,15 +2,15 @@ body {
--van-contact-card-padding: var(--van-padding-md);
--van-contact-card-add-icon-size: 40px;
--van-contact-card-add-icon-color: var(--van-primary-color);
--van-contact-card-value-line-height: var(--van-line-height-md);
--van-contact-card-title-line-height: var(--van-line-height-md);
}
.van-contact-card {
padding: var(--van-contact-card-padding);
&__value {
&__title {
margin-left: 5px;
line-height: var(--van-contact-card-value-line-height);
line-height: var(--van-contact-card-title-line-height);
}
&--add {

6
packages/vant/src/contact-card/test/__snapshots__/demo.spec.ts.snap
View File

@ -8,7 +8,7 @@ exports[`should render demo and match snapshot 1`] = `
>
<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 class="van-cell__value van-contact-card__value">
Add contact
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
@ -22,7 +22,7 @@ exports[`should render demo and match snapshot 1`] = `
>
<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 class="van-cell__value van-contact-card__value">
<div>
Name：John Snow
</div>
@ -38,7 +38,7 @@ exports[`should render demo and match snapshot 1`] = `
<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 class="van-cell__value van-contact-card__value">
<div>
Name：John Snow
</div>

4
packages/vant/src/contact-list/ContactList.tsx
View File

@ -76,14 +76,14 @@ export default defineComponent({
<Cell
v-slots={{
icon: renderEditIcon,
value: renderContent,
title: renderContent,
'right-icon': renderRightIcon,
}}
key={item.id}
isLink
center
class={bem('item')}
valueClass={bem('item-value')}
titleClass={bem('item-title')}
onClick={onClick}
/>
);

2
packages/vant/src/contact-list/index.less
View File

@ -14,7 +14,7 @@ body {
padding: var(--van-contact-list-item-padding);
}
&__item-value {
&__item-title {
display: flex;
align-items: center;
padding-right: var(--van-padding-xl);

4
packages/vant/src/contact-list/test/__snapshots__/demo.spec.ts.snap
View File

@ -12,7 +12,7 @@ exports[`should render demo and match snapshot 1`] = `
>
<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">
<div class="van-cell__value van-contact-list__item-value">
John Snow，13000000000
<transition-stub class="van-contact-list__item-tag">
<span class="van-tag van-tag--round van-tag--primary">
@ -39,7 +39,7 @@ exports[`should render demo and match snapshot 1`] = `
>
<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">
<div class="van-cell__value van-contact-list__item-value">
Ned Stark，1310000000
</div>
<div role="radio"

2
packages/vant/src/contact-list/test/__snapshots__/index.spec.ts.snap
View File

@ -11,7 +11,7 @@ exports[`should render ContactList correctly 1`] = `
>
<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">
<div class="van-cell__value van-contact-list__item-value">
jack，12345678
<transition-stub class="van-contact-list__item-tag">
<span class="van-tag van-tag--round van-tag--primary">

8
packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
View File

@ -4,7 +4,7 @@ exports[`should be the sames as the last snapshot when render coupon list 1`] =
<div class="van-coupon-list">
<div class="van-coupon-list__exchange-bar">
<div class="van-cell van-cell--borderless van-field van-coupon-list__field">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<input type="text"
id="van-field-input"
@ -296,7 +296,7 @@ exports[`should have two "van-coupon-list__empty" classes when render coupon lis
<div class="van-coupon-list">
<div class="van-coupon-list__exchange-bar">
<div class="van-cell van-cell--borderless van-field van-coupon-list__field">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<input type="text"
id="van-field-input"
@ -408,7 +408,7 @@ exports[`should render list-footer slot correctly 1`] = `
<div class="van-coupon-list">
<div class="van-coupon-list__exchange-bar">
<div class="van-cell van-cell--borderless van-field van-coupon-list__field">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<input type="text"
id="van-field-input"
@ -522,7 +522,7 @@ exports[`should use custom src when using empty-image prop 1`] = `
<div class="van-coupon-list">
<div class="van-coupon-list__exchange-bar">
<div class="van-cell van-cell--borderless van-field van-coupon-list__field">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<input type="text"
id="van-field-input"

2
packages/vant/src/field/test/__snapshots__/demo.spec.ts.snap
View File

@ -345,7 +345,7 @@ exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-cell-group van-cell-group--inset">
<div class="van-cell van-field">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<textarea id="van-field-input"
rows="1"

8
packages/vant/src/field/test/__snapshots__/index.spec.js.snap
View File

@ -23,7 +23,7 @@ exports[`should render error-message slot correctly 1`] = `
exports[`should render extra slot correctly 1`] = `
<div class="van-cell van-field">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<input type="text"
id="van-field-input"
@ -49,7 +49,7 @@ exports[`should render label slot correctly 1`] = `
exports[`should render textarea when type is textarea 1`] = `
<div class="van-cell van-field">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<textarea id="van-field-input"
class="van-field__control"
@ -72,7 +72,7 @@ exports[`should render word limit correctly 1`] = `
exports[`should render word limit correctly when modelValue is null 1`] = `
<div class="van-cell van-field">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<input type="text"
id="van-field-input"
@ -91,7 +91,7 @@ exports[`should render word limit correctly when modelValue is null 1`] = `
exports[`should render word limit correctly when modelValue is undefined 1`] = `
<div class="van-cell van-field">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<input type="text"
id="van-field-input"

4
packages/vant/src/form/test/__snapshots__/events.spec.tsx.snap
View File

@ -3,7 +3,7 @@
exports[`should emit failed event when validating failed 1`] = `
<form class="van-form">
<div class="van-cell van-field">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<input type="text"
id="van-field-input"
@ -17,7 +17,7 @@ exports[`should emit failed event when validating failed 1`] = `
</div>
</div>
<div class="van-cell van-field">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<input type="text"
id="van-field-input"

10
packages/vant/src/form/test/__snapshots__/props.spec.tsx.snap
View File

@ -39,7 +39,7 @@ exports[`should render colon when using colon prop 1`] = `
exports[`should render error-message-align prop correctly 1`] = `
<form class="van-form">
<div class="van-cell van-field">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<input type="text"
id="van-field-input"
@ -57,7 +57,7 @@ exports[`should render error-message-align prop correctly 1`] = `
exports[`should render input-align prop correctly 1`] = `
<form class="van-form">
<div class="van-cell van-field">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<input type="text"
id="van-field-input"
@ -67,7 +67,7 @@ exports[`should render input-align prop correctly 1`] = `
</div>
</div>
<div class="van-cell van-field">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<div class="van-field__control van-field__control--right van-field__control--custom">
<div>
@ -168,7 +168,7 @@ exports[`should render label-width prop correctly 1`] = `
exports[`should validate first field when using validate-first prop 1`] = `
<form class="van-form">
<div class="van-cell van-field">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<input type="text"
id="van-field-input"
@ -182,7 +182,7 @@ exports[`should validate first field when using validate-first prop 1`] = `
</div>
</div>
<div class="van-cell van-field">
<div class="van-cell__value van-cell__value--alone van-field__value">
<div class="van-cell__value van-field__value">
<div class="van-field__body">
<input type="text"
id="van-field-input"

12
packages/vant/src/search/test/__snapshots__/demo.spec.ts.snap
View File

@ -9,7 +9,7 @@ exports[`should render demo and match snapshot 1`] = `
<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-cell__value van-field__value">
<div class="van-field__body">
<input type="search"
id="van-search-input"
@ -31,7 +31,7 @@ exports[`should render demo and match snapshot 1`] = `
<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-cell__value van-field__value">
<div class="van-field__body">
<input type="search"
id="van-search-input"
@ -59,7 +59,7 @@ exports[`should render demo and match snapshot 1`] = `
<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-cell__value van-field__value">
<div class="van-field__body">
<input type="search"
id="van-search-input"
@ -80,7 +80,7 @@ exports[`should render demo and match snapshot 1`] = `
<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-cell__value van-field__value">
<div class="van-field__body">
<input type="search"
id="van-search-input"
@ -104,7 +104,7 @@ exports[`should render demo and match snapshot 1`] = `
<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-cell__value van-field__value">
<div class="van-field__body">
<input type="search"
id="van-search-input"
@ -130,7 +130,7 @@ exports[`should render demo and match snapshot 1`] = `
<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-cell__value van-field__value">
<div class="van-field__body">
<input type="search"
id="van-search-input"

2
packages/vant/src/search/test/__snapshots__/index.spec.ts.snap
View File

@ -33,7 +33,7 @@ exports[`should render left slot correctly 1`] = `
<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-cell__value van-field__value">
<div class="van-field__body">
<input type="search"
id="van-search-input"