feat(Field): add show-word-limit prop (#4721)

src/field/README.zh-CN.md

@@ -85,23 +85,6 @@ Vue.use(Field);
 </van-cell-group>
 ```
 
-### 高度自适应
-
-对于 textarea，可以通过`autosize`属性设置高度自适应
-
-```html
-<van-cell-group>
-  <van-field
-    v-model="message"
-    label="留言"
-    type="textarea"
-    placeholder="请输入留言"
-    rows="1"
-    autosize
-  />
-</van-cell-group>
-```
-
 ### 插入按钮
 
 通过 button 插槽可以在输入框尾部插入按钮
@@ -120,6 +103,42 @@ Vue.use(Field);
 </van-cell-group>
 ```
 
+### 高度自适应
+
+对于 textarea，可以通过`autosize`属性设置高度自适应
+
+```html
+<van-cell-group>
+  <van-field
+    v-model="message"
+    rows="1"
+    autosize
+    label="留言"
+    type="textarea"
+    placeholder="请输入留言"
+  />
+</van-cell-group>
+```
+
+### 显示字数统计
+
+设置`maxlength`和`show-word-limit`属性后会在底部显示字数统计
+
+```html
+<van-cell-group>
+  <van-field
+    v-model="message"
+    rows="2"
+    autosize
+    label="留言"
+    type="textarea"
+    maxlength="50"
+    placeholder="请输入留言"
+    show-word-limit
+  />
+</van-cell-group>
+```
+
 ## API
 
 ### Props
@@ -139,6 +158,7 @@ Vue.use(Field);
 | clearable | 是否启用清除控件 | *boolean* | `false` | - |
 | clickable | 是否开启点击反馈 | *boolean* | `false` | - |
 | is-link | 是否展示右侧箭头并开启点击反馈 | *boolean* | `false` | - |
+| show-word-limit | 是否显示字数统计，需要设置`maxlength`属性 | *boolean* | `false` | 2.2.8 |
 | error | 是否将输入内容标红 | *boolean* | `false` | - |
 | arrow-direction | 箭头方向，可选值为 `left` `up` `down` | *string* | - | 2.0.4 |
 | error-message | 底部错误提示文案，为空时不展示 | *string* | `''` | -