feat(field): add custom-class prop support (#5476)

packages/cascader/test/__snapshots__/demo.spec.ts.snap

@@ -16,7 +16,7 @@ exports[`should render demo and match snapshot 1`] = `
         bind:tap="onClick"
       >
         <van-cell
-          customClass="van-field"
+          customClass="custom-class van-field"
         >
           <wx-view
             class="custom-class van-cell van-cell--clickable"
@@ -125,7 +125,7 @@ exports[`should render demo and match snapshot 1`] = `
         bind:tap="onClick"
       >
         <van-cell
-          customClass="van-field"
+          customClass="custom-class van-field"
         >
           <wx-view
             class="custom-class van-cell van-cell--clickable"
@@ -234,7 +234,7 @@ exports[`should render demo and match snapshot 1`] = `
         bind:tap="onClick"
       >
         <van-cell
-          customClass="van-field"
+          customClass="custom-class van-field"
         >
           <wx-view
             class="custom-class van-cell van-cell--clickable"
@@ -343,7 +343,7 @@ exports[`should render demo and match snapshot 1`] = `
         bind:tap="onClick"
       >
         <van-cell
-          customClass="van-field"
+          customClass="custom-class van-field"
         >
           <wx-view
             class="custom-class van-cell van-cell--clickable"

packages/config-provider/test/__snapshots__/demo.spec.ts.snap

@@ -17,7 +17,7 @@ exports[`should render demo and match snapshot 1`] = `
         >
           <van-field>
             <van-cell
-              customClass="van-field"
+              customClass="custom-class van-field"
             >
               <wx-view
                 class="custom-class van-cell"
@@ -197,7 +197,7 @@ exports[`should render demo and match snapshot 1`] = `
           </van-field>
           <van-field>
             <van-cell
-              customClass="van-field"
+              customClass="custom-class van-field"
             >
               <wx-view
                 class="custom-class van-cell van-cell--borderless"
@@ -373,7 +373,7 @@ exports[`should render demo and match snapshot 1`] = `
             >
               <van-field>
                 <van-cell
-                  customClass="van-field"
+                  customClass="custom-class van-field"
                 >
                   <wx-view
                     class="custom-class van-cell"
@@ -553,7 +553,7 @@ exports[`should render demo and match snapshot 1`] = `
               </van-field>
               <van-field>
                 <van-cell
-                  customClass="van-field"
+                  customClass="custom-class van-field"
                 >
                   <wx-view
                     class="custom-class van-cell van-cell--borderless"

packages/field/README.md

@@ -186,7 +186,14 @@ Page({
 在微信小程序中，bind:input 事件可以通过返回字符串或者一个对象来替换输入框的值以及调整光标的位置，在 vant-weapp 中，可以通过调用 change 或 input 参数中的 callback 函数，传入参数来实现
 
 ```html
-<van-field value="{{ value }}" placeholder="请输入用户名" border="{{ false }}" clearable extra-event-params bind:change="onChange" />
+<van-field
+  value="{{ value }}"
+  placeholder="请输入用户名"
+  border="{{ false }}"
+  clearable
+  extra-event-params
+  bind:change="onChange"
+/>
 ```
 
 ```js
@@ -199,9 +206,9 @@ Page({
 
     callback({
       value: value + 1,
-      cursor: 0
-    })
-  }
+      cursor: 0,
+    });
+  },
 });
 ```
 
@@ -300,6 +307,7 @@ Page({
 | bind:keyboardheightchange | 键盘高度发生变化的时候触发此事件 | event.detail = { height: height, duration: duration } |
 
 ### InputDetail
+
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
 | value | 当前输入值 | _string_ | - |
@@ -320,7 +328,8 @@ Page({
 ### 外部样式类
 
 | 类名                    | 说明           |
-| ---------------- | -------------- |
+| ----------------------- | -------------- |
+| custom-class `v1.10.21` | 根节点样式类   |
 | label-class             | 左侧文本样式类 |
 | input-class             | 输入框样式类   |
 | right-icon-class        | 右侧图标样式类 |

packages/field/index.wxml

@@ -13,7 +13,7 @@
   title-style="margin-right: 12px;"
   custom-style="{{ customStyle }}"
   arrow-direction="{{ arrowDirection }}"
-  custom-class="van-field"
+  custom-class="custom-class van-field"
 >
   <slot name="left-icon" slot="icon" />
   <view wx:if="{{ label }}" class="label-class {{ utils.bem('field__label', { disabled }) }}" slot="title">

packages/field/test/__snapshots__/demo.spec.ts.snap

@@ -17,7 +17,7 @@ exports[`should render demo and match snapshot 1`] = `
         >
           <van-field>
             <van-cell
-              customClass="van-field"
+              customClass="custom-class van-field"
             >
               <wx-view
                 class="custom-class van-cell van-cell--borderless"
@@ -102,7 +102,7 @@ exports[`should render demo and match snapshot 1`] = `
             bind:click-icon="onClickIcon"
           >
             <van-cell
-              customClass="van-field"
+              customClass="custom-class van-field"
             >
               <wx-view
                 class="custom-class van-cell van-cell--required"
@@ -187,7 +187,7 @@ exports[`should render demo and match snapshot 1`] = `
           </van-field>
           <van-field>
             <van-cell
-              customClass="van-field"
+              customClass="custom-class van-field"
             >
               <wx-view
                 class="custom-class van-cell van-cell--required van-cell--borderless"
@@ -278,7 +278,7 @@ exports[`should render demo and match snapshot 1`] = `
         >
           <van-field>
             <van-cell
-              customClass="van-field"
+              customClass="custom-class van-field"
             >
               <wx-view
                 class="custom-class van-cell van-cell--borderless"
@@ -379,7 +379,7 @@ exports[`should render demo and match snapshot 1`] = `
         >
           <van-field>
             <van-cell
-              customClass="van-field"
+              customClass="custom-class van-field"
             >
               <wx-view
                 class="custom-class van-cell"
@@ -453,7 +453,7 @@ exports[`should render demo and match snapshot 1`] = `
           </van-field>
           <van-field>
             <van-cell
-              customClass="van-field"
+              customClass="custom-class van-field"
             >
               <wx-view
                 class="custom-class van-cell van-cell--borderless"
@@ -551,7 +551,7 @@ exports[`should render demo and match snapshot 1`] = `
         >
           <van-field>
             <van-cell
-              customClass="van-field"
+              customClass="custom-class van-field"
             >
               <wx-view
                 class="custom-class van-cell"
@@ -644,7 +644,7 @@ exports[`should render demo and match snapshot 1`] = `
             rows="1"
           >
             <van-cell
-              customClass="van-field"
+              customClass="custom-class van-field"
             >
               <wx-view
                 class="custom-class van-cell van-cell--borderless"
@@ -738,7 +738,7 @@ exports[`should render demo and match snapshot 1`] = `
             useButtonSlot="{{true}}"
           >
             <van-cell
-              customClass="van-field"
+              customClass="custom-class van-field"
             >
               <wx-view
                 class="custom-class van-cell van-cell--center van-cell--borderless"

packages/search/test/__snapshots__/demo.spec.ts.snap

@@ -32,7 +32,7 @@ exports[`should render demo and match snapshot 1`] = `
               bind:focus="onFocus"
             >
               <van-cell
-                customClass="van-field"
+                customClass="custom-class van-field"
               >
                 <wx-view
                   class="custom-class van-cell van-cell--borderless"
@@ -142,7 +142,7 @@ exports[`should render demo and match snapshot 1`] = `
               bind:focus="onFocus"
             >
               <van-cell
-                customClass="van-field"
+                customClass="custom-class van-field"
               >
                 <wx-view
                   class="custom-class van-cell van-cell--borderless"
@@ -260,7 +260,7 @@ exports[`should render demo and match snapshot 1`] = `
               bind:focus="onFocus"
             >
               <van-cell
-                customClass="van-field"
+                customClass="custom-class van-field"
               >
                 <wx-view
                   class="custom-class van-cell van-cell--borderless"
@@ -366,7 +366,7 @@ exports[`should render demo and match snapshot 1`] = `
               bind:focus="onFocus"
             >
               <van-cell
-                customClass="van-field"
+                customClass="custom-class van-field"
               >
                 <wx-view
                   class="custom-class van-cell van-cell--borderless"
@@ -472,7 +472,7 @@ exports[`should render demo and match snapshot 1`] = `
               bind:focus="onFocus"
             >
               <van-cell
-                customClass="van-field"
+                customClass="custom-class van-field"
               >
                 <wx-view
                   class="custom-class van-cell van-cell--borderless"
@@ -585,7 +585,7 @@ exports[`should render demo and match snapshot 1`] = `
               bind:focus="onFocus"
             >
               <van-cell
-                customClass="van-field"
+                customClass="custom-class van-field"
               >
                 <wx-view
                   class="custom-class van-cell van-cell--borderless"