From 0b4b04eefb05e7a50708e55a01a0b8614d78a42d Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Sun, 20 Feb 2022 20:48:20 +0800
Subject: [PATCH] chore: fix Cell usage

---
 packages/vant/src/address-list/AddressListItem.tsx   |  4 ++--
 packages/vant/src/address-list/index.less            |  2 +-
 .../test/__snapshots__/demo.spec.ts.snap             |  6 +++---
 packages/vant/src/contact-card/ContactCard.tsx       |  4 ++--
 packages/vant/src/contact-card/README.md             |  2 +-
 packages/vant/src/contact-card/README.zh-CN.md       |  2 +-
 packages/vant/src/contact-card/index.less            |  6 +++---
 .../test/__snapshots__/demo.spec.ts.snap             |  6 +++---
 packages/vant/src/contact-list/ContactList.tsx       |  4 ++--
 packages/vant/src/contact-list/index.less            |  2 +-
 .../test/__snapshots__/demo.spec.ts.snap             |  4 ++--
 .../test/__snapshots__/index.spec.ts.snap            |  2 +-
 .../test/__snapshots__/index.spec.ts.snap            |  8 ++++----
 .../src/field/test/__snapshots__/demo.spec.ts.snap   |  2 +-
 .../src/field/test/__snapshots__/index.spec.js.snap  |  8 ++++----
 .../src/form/test/__snapshots__/events.spec.tsx.snap |  4 ++--
 .../src/form/test/__snapshots__/props.spec.tsx.snap  | 10 +++++-----
 .../src/search/test/__snapshots__/demo.spec.ts.snap  | 12 ++++++------
 .../src/search/test/__snapshots__/index.spec.ts.snap |  2 +-
 19 files changed, 45 insertions(+), 45 deletions(-)

diff --git a/packages/vant/src/address-list/AddressListItem.tsx b/packages/vant/src/address-list/AddressListItem.tsx
index dd4fefc2d..4f89b5d4b 100644
--- a/packages/vant/src/address-list/AddressListItem.tsx
+++ b/packages/vant/src/address-list/AddressListItem.tsx
@@ -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>
diff --git a/packages/vant/src/address-list/index.less b/packages/vant/src/address-list/index.less
index 5b1afd6c3..63e2e2a5a 100644
--- a/packages/vant/src/address-list/index.less
+++ b/packages/vant/src/address-list/index.less
@@ -53,7 +53,7 @@ body {
     margin-bottom: var(--van-padding-sm);
   }
 
-  &__value {
+  &__title {
     padding-right: 44px;
   }
 
diff --git a/packages/vant/src/address-list/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/address-list/test/__snapshots__/demo.spec.ts.snap
index 89a93b546..b1fbb7c2a 100644
--- a/packages/vant/src/address-list/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/address-list/test/__snapshots__/demo.spec.ts.snap
@@ -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>
diff --git a/packages/vant/src/contact-card/ContactCard.tsx b/packages/vant/src/contact-card/ContactCard.tsx
index c0de1d199..d891abc6e 100644
--- a/packages/vant/src/contact-card/ContactCard.tsx
+++ b/packages/vant/src/contact-card/ContactCard.tsx
@@ -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}
       />
     );
diff --git a/packages/vant/src/contact-card/README.md b/packages/vant/src/contact-card/README.md
index 3912c0c32..a1fa4016b 100644
--- a/packages/vant/src/contact-card/README.md
+++ b/packages/vant/src/contact-card/README.md
@@ -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)_ | - |
diff --git a/packages/vant/src/contact-card/README.zh-CN.md b/packages/vant/src/contact-card/README.zh-CN.md
index 91cade7ca..ad0a5c416 100644
--- a/packages/vant/src/contact-card/README.zh-CN.md
+++ b/packages/vant/src/contact-card/README.zh-CN.md
@@ -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)_ | -    |
diff --git a/packages/vant/src/contact-card/index.less b/packages/vant/src/contact-card/index.less
index 1433b092e..b5a6c646f 100644
--- a/packages/vant/src/contact-card/index.less
+++ b/packages/vant/src/contact-card/index.less
@@ -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 {
diff --git a/packages/vant/src/contact-card/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/contact-card/test/__snapshots__/demo.spec.ts.snap
index b71809428..375648d5c 100644
--- a/packages/vant/src/contact-card/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/contact-card/test/__snapshots__/demo.spec.ts.snap
@@ -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>
diff --git a/packages/vant/src/contact-list/ContactList.tsx b/packages/vant/src/contact-list/ContactList.tsx
index 41cc569b6..79c2261a3 100644
--- a/packages/vant/src/contact-list/ContactList.tsx
+++ b/packages/vant/src/contact-list/ContactList.tsx
@@ -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}
         />
       );
diff --git a/packages/vant/src/contact-list/index.less b/packages/vant/src/contact-list/index.less
index 25fbaafb3..f231a853b 100644
--- a/packages/vant/src/contact-list/index.less
+++ b/packages/vant/src/contact-list/index.less
@@ -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);
diff --git a/packages/vant/src/contact-list/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/contact-list/test/__snapshots__/demo.spec.ts.snap
index 1520c22b6..32669cf4d 100644
--- a/packages/vant/src/contact-list/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/contact-list/test/__snapshots__/demo.spec.ts.snap
@@ -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"
diff --git a/packages/vant/src/contact-list/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/contact-list/test/__snapshots__/index.spec.ts.snap
index 1a83b3fbb..2b9e77b6b 100644
--- a/packages/vant/src/contact-list/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/contact-list/test/__snapshots__/index.spec.ts.snap
@@ -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">
diff --git a/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
index fbda40a8c..0501e7327 100644
--- a/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/coupon-list/test/__snapshots__/index.spec.ts.snap
@@ -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"
diff --git a/packages/vant/src/field/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/field/test/__snapshots__/demo.spec.ts.snap
index e1ea506fb..3c5b1baec 100644
--- a/packages/vant/src/field/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/field/test/__snapshots__/demo.spec.ts.snap
@@ -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"
diff --git a/packages/vant/src/field/test/__snapshots__/index.spec.js.snap b/packages/vant/src/field/test/__snapshots__/index.spec.js.snap
index 3d851b865..5faa1dc7e 100644
--- a/packages/vant/src/field/test/__snapshots__/index.spec.js.snap
+++ b/packages/vant/src/field/test/__snapshots__/index.spec.js.snap
@@ -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"
diff --git a/packages/vant/src/form/test/__snapshots__/events.spec.tsx.snap b/packages/vant/src/form/test/__snapshots__/events.spec.tsx.snap
index e0b021a84..c6b520e68 100644
--- a/packages/vant/src/form/test/__snapshots__/events.spec.tsx.snap
+++ b/packages/vant/src/form/test/__snapshots__/events.spec.tsx.snap
@@ -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"
diff --git a/packages/vant/src/form/test/__snapshots__/props.spec.tsx.snap b/packages/vant/src/form/test/__snapshots__/props.spec.tsx.snap
index ce89dd155..2f1f8eb67 100644
--- a/packages/vant/src/form/test/__snapshots__/props.spec.tsx.snap
+++ b/packages/vant/src/form/test/__snapshots__/props.spec.tsx.snap
@@ -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"
diff --git a/packages/vant/src/search/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/search/test/__snapshots__/demo.spec.ts.snap
index 3f6505879..ee7ef8df5 100644
--- a/packages/vant/src/search/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/search/test/__snapshots__/demo.spec.ts.snap
@@ -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"
diff --git a/packages/vant/src/search/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/search/test/__snapshots__/index.spec.ts.snap
index b93e75c1e..bf408b9f8 100644
--- a/packages/vant/src/search/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/search/test/__snapshots__/index.spec.ts.snap
@@ -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"