fix(Textarea): resolved maxlength invalid (#977)

* fix(Textarea): resolved maxlength invalid * test: update snapshots * chore: update _common
Tencent · Jul 22, 2023 · f6fe9c8 · f6fe9c8
1 parent 6c25dc8
commit f6fe9c8
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 15 deletions.
diff --git a/src/_common b/src/_common
diff --git a/src/form/__test__/__snapshots__/demo.test.jsx.snap b/src/form/__test__/__snapshots__/demo.test.jsx.snap
@@ -1362,7 +1362,7 @@ exports[`Form > Form horizontalVue demo works fine 1`] = `
             >
               <textarea
                 class="t-textarea__wrapper-inner"
-                maxlength="-1"
+                maxlength="50"
                 name=""
                 placeholder="请输入个人简介"
               />
@@ -3113,7 +3113,7 @@ exports[`Form > Form mobileVue demo works fine 1`] = `
                   >
                     <textarea
                       class="t-textarea__wrapper-inner"
-                      maxlength="-1"
+                      maxlength="50"
                       name=""
                       placeholder="请输入个人简介"
                     />
@@ -4718,7 +4718,7 @@ exports[`Form > Form verticalVue demo works fine 1`] = `
             >
               <textarea
                 class="t-textarea__wrapper-inner"
-                maxlength="-1"
+                maxlength="50"
                 name=""
                 placeholder="请输入个人简介"
               />

diff --git a/src/textarea/__test__/__snapshots__/demo.test.jsx.snap b/src/textarea/__test__/__snapshots__/demo.test.jsx.snap
@@ -62,7 +62,7 @@ exports[`Textarea > Textarea cardVue demo works fine 1`] = `
       >
         <textarea
           class="t-textarea__wrapper-inner"
-          maxlength="-1"
+          maxlength="500"
           name=""
           placeholder="请输入文字"
         />
@@ -98,7 +98,7 @@ exports[`Textarea > Textarea cardVue demo works fine 1`] = `
       >
         <textarea
           class="t-textarea__wrapper-inner"
-          maxlength="-1"
+          maxlength="500"
           name=""
           placeholder="请输入文字"
         />
@@ -135,7 +135,7 @@ exports[`Textarea > Textarea customVue demo works fine 1`] = `
     >
       <textarea
         class="t-textarea__wrapper-inner"
-        maxlength="-1"
+        maxlength="100"
         name=""
         placeholder="请输入文字"
       />
@@ -239,7 +239,7 @@ exports[`Textarea > Textarea maxlengthVue demo works fine 1`] = `
   >
     <textarea
       class="t-textarea__wrapper-inner"
-      maxlength="-1"
+      maxlength="500"
       name="标签文字"
       placeholder="请输入文字"
     />
@@ -414,7 +414,7 @@ exports[`Textarea > Textarea mobileVue demo works fine 1`] = `
         >
           <textarea
             class="t-textarea__wrapper-inner"
-            maxlength="-1"
+            maxlength="500"
             name="标签文字"
             placeholder="请输入文字"
           />
@@ -549,7 +549,7 @@ exports[`Textarea > Textarea mobileVue demo works fine 1`] = `
           >
             <textarea
               class="t-textarea__wrapper-inner"
-              maxlength="-1"
+              maxlength="500"
               name=""
               placeholder="请输入文字"
             />
@@ -585,7 +585,7 @@ exports[`Textarea > Textarea mobileVue demo works fine 1`] = `
           >
             <textarea
               class="t-textarea__wrapper-inner"
-              maxlength="-1"
+              maxlength="500"
               name=""
               placeholder="请输入文字"
             />
@@ -642,7 +642,7 @@ exports[`Textarea > Textarea mobileVue demo works fine 1`] = `
           >
             <textarea
               class="t-textarea__wrapper-inner"
-              maxlength="-1"
+              maxlength="100"
               name=""
               placeholder="请输入文字"
             />

diff --git a/src/textarea/props.ts b/src/textarea/props.ts
@@ -42,9 +42,10 @@ export default {
   maxcharacter: {
     type: Number,
   },
-  /** 用户最多可以输入的字符个数 */
+  /** 用户最多可以输入的字符个数。默认为 -1，不限制输入长度 */
   maxlength: {
     type: Number,
+    default: -1,
   },
   /** 名称，HTML 元素原生属性 */
   name: {

diff --git a/src/textarea/textarea.vue b/src/textarea/textarea.vue
@@ -10,7 +10,7 @@
         :class="textareaClassNames"
         :style="textareaStyle"
         :name="name"
-        :maxlength="-1"
+        :maxlength="maxlength"
         :disabled="disabled"
         :placeholder="placeholder"
         @focus="handleFocus"

diff --git a/src/textarea/type.ts b/src/textarea/type.ts
@@ -51,7 +51,8 @@ export interface TdTextareaProps {
    */
   maxcharacter?: number;
   /**
-   * 用户最多可以输入的字符个数
+   * 用户最多可以输入的字符个数。默认为 -1，不限制输入长度
+   * @default -1
    */
   maxlength?: number;
   /**