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

src/field/demo/index.vue

@@ -59,19 +59,6 @@
       </van-cell-group>
     </demo-block>
 
-    <demo-block :title="$t('title5')">
-      <van-cell-group>
-        <van-field
-          v-model="message"
-          :label="$t('message')"
-          type="textarea"
-          :placeholder="$t('messagePlaceholder')"
-          rows="1"
-          autosize
-        />
-      </van-cell-group>
-    </demo-block>
-
     <demo-block :title="$t('title6')">
       <van-cell-group>
         <van-field
@@ -92,6 +79,34 @@
         </van-field>
       </van-cell-group>
     </demo-block>
+
+    <demo-block :title="$t('textareaAutosize')">
+      <van-cell-group>
+        <van-field
+          v-model="message"
+          :label="$t('message')"
+          type="textarea"
+          :placeholder="$t('messagePlaceholder')"
+          rows="1"
+          autosize
+        />
+      </van-cell-group>
+    </demo-block>
+
+    <demo-block v-if="!$attrs.weapp" :title="$t('showWordLimit')">
+      <van-cell-group>
+        <van-field
+          v-model="message2"
+          :label="$t('message')"
+          :placeholder="$t('messagePlaceholder')"
+          rows="2"
+          autosize
+          maxlength="50"
+          type="textarea"
+          show-word-limit
+        />
+      </van-cell-group>
+    </demo-block>
   </demo-section>
 </template>
 
@@ -102,12 +117,13 @@ export default {
       title2: '自定义类型',
       title3: '禁用输入框',
       title4: '错误提示',
-      title5: '高度自适应',
       title6: '插入按钮',
       message: '留言',
       phone: '手机号',
       sms: '短信验证码',
       sendSMS: '发送验证码',
+      showWordLimit: '显示字数统计',
+      textareaAutosize: '高度自适应',
       smsPlaceholder: '请输入短信验证码',
       phonePlaceholder: '请输入手机号',
       messagePlaceholder: '请输入留言',
@@ -115,15 +131,16 @@ export default {
       phoneError: '手机号格式错误'
     },
     'en-US': {
-      title2: 'Custom type',
+      title2: 'Custom Type',
       title3: 'Disabled',
-      title4: 'Error info',
-      title5: 'Auto resize',
-      title6: 'Insert button',
+      title4: 'Error Info',
+      title6: 'Insert Button',
       message: 'Message',
       phone: 'Phone',
       sms: 'SMS',
       sendSMS: 'Send SMS',
+      showWordLimit: 'Show Word Limit',
+      textareaAutosize: 'Auto Resize',
       smsPlaceholder: 'SMS',
       phonePlaceholder: 'Phone',
       messagePlaceholder: 'Message',
@@ -140,6 +157,7 @@ export default {
       username: '',
       username2: '',
       message: '',
+      message2: '',
       phone: '1365577'
     };
   }