feat(input & textarea): add maxlength string prop type

src/input/input.en-US.md

@@ -16,7 +16,7 @@ format | Function | - | Typescript：`InputFormatType` `type InputFormatType = (
 inputClass | String / Object / Array | - | Typescript：`ClassName`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 label | String / Slot / Function | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 maxcharacter | Number | - | \- | N
-maxlength | Number | - | \- | N
+maxlength | Number / String | - | \- | N
 name | String | - | \- | N
 placeholder | String | undefined | \- | N
 prefixIcon | Slot / Function | - | Typescript：`TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N

src/input/input.md

@@ -16,7 +16,7 @@ format | Function | - | 指定输入框展示值的格式。TS 类型：`InputFo
 inputClass | String / Object / Array | - | t-input 同级类名，示例：'name1 name2 name3' 或 `['name1', 'name2']` 或 `[{ 'name1': true }]`。TS 类型：`ClassName`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 label | String / Slot / Function | - | 左侧文本。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 maxcharacter | Number | - | 用户最多可以输入的字符个数，一个中文汉字表示两个字符长度。`maxcharacter` 和 `maxlength` 二选一使用 | N
-maxlength | Number | - | 用户最多可以输入的文本长度，一个中文等于一个计数长度。值为空，则表示不限制输入长度。`maxcharacter` 和 `maxlength` 二选一使用 | N
+maxlength | Number / String | - | 用户最多可以输入的文本长度，一个中文等于一个计数长度。值为空，则表示不限制输入长度。`maxcharacter` 和 `maxlength` 二选一使用 | N
 name | String | - | 名称 | N
 placeholder | String | undefined | 占位符 | N
 prefixIcon | Slot / Function | - | 组件前置图标。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N

src/input/input.tsx

@@ -414,7 +414,7 @@ export default mixins(
       if (!(maxlength || maxcharacter) || allowInputOverMax || !inputValue) return inputValue;
       if (maxlength) {
         // input value could be unicode 😊
-        return limitUnicodeMaxLength(inputValue, maxlength);
+        return limitUnicodeMaxLength(inputValue, Number(maxlength));
       }
       if (maxcharacter) {
         const r = getCharacterLength(inputValue, maxcharacter);

src/input/props.ts

@@ -50,7 +50,7 @@ export default {
   },
   /** 用户最多可以输入的文本长度，一个中文等于一个计数长度。值为空，则表示不限制输入长度。`maxcharacter` 和 `maxlength` 二选一使用 */
   maxlength: {
-    type: Number,
+    type: [Number, String] as PropType<TdInputProps['maxlength']>,
   },
   /** 名称 */
   name: {

src/input/type.ts

@@ -59,7 +59,7 @@ export interface TdInputProps {
   /**
    * 用户最多可以输入的文本长度，一个中文等于一个计数长度。值为空，则表示不限制输入长度。`maxcharacter` 和 `maxlength` 二选一使用
    */
-  maxlength?: number;
+  maxlength?: number | string;
   /**
    * 名称
    * @default ''

src/textarea/props.ts

@@ -23,7 +23,7 @@ export default {
   },
   /** 用户最多可以输入的字符个数 */
   maxlength: {
-    type: Number,
+    type: [Number, String] as PropType<TdTextareaProps['maxlength']>,
   },
   /** 名称，HTML 元素原生属性 */
   name: {

src/textarea/textarea.en-US.md

@@ -11,7 +11,7 @@ autosize | Boolean / Object | false | Typescript：`boolean \| { minRows?: numbe
 disabled | Boolean | false | \- | N
 label | String / Slot / Function | - | Typescript：`string \| TNode`。[see more ts definition](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 maxcharacter | Number | - | \- | N
-maxlength | Number | - | \- | N
+maxlength | Number / String | - | \- | N
 name | String | - | \- | N
 placeholder | String | undefined | \- | N
 readonly | Boolean | false | \- | N

src/textarea/textarea.md

@@ -11,7 +11,7 @@ autosize | Boolean / Object | false | 高度自动撑开。 autosize = true 表
 disabled | Boolean | false | 是否禁用文本框 | N
 label | String / Slot / Function | - | 左侧文本。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-vue/blob/develop/src/common.ts) | N
 maxcharacter | Number | - | 用户最多可以输入的字符个数，一个中文汉字表示两个字符长度 | N
-maxlength | Number | - | 用户最多可以输入的字符个数 | N
+maxlength | Number / String | - | 用户最多可以输入的字符个数 | N
 name | String | - | 名称，HTML 元素原生属性 | N
 placeholder | String | undefined | 占位符 | N
 readonly | Boolean | false | 只读状态 | N

src/textarea/textarea.tsx

@@ -149,7 +149,9 @@ export default mixins(Vue as VueConstructor<Textarea>, classPrefixMixins).extend
     inputValueChangeHandle(e: InputEvent) {
       const { target } = e;
       let val = (target as HTMLInputElement).value;
-      val = limitUnicodeMaxLength(val, this.maxlength);
+      if (this.maxlength) {
+        val = limitUnicodeMaxLength(val, Number(this.maxlength));
+      }
       if (this.maxcharacter && this.maxcharacter >= 0) {
         const stringInfo = getCharacterLength(val, this.maxcharacter);
         val = typeof stringInfo === 'object' && stringInfo.characters;

src/textarea/type.ts

@@ -29,7 +29,7 @@ export interface TdTextareaProps {
   /**
    * 用户最多可以输入的字符个数
    */
-  maxlength?: number;
+  maxlength?: number | string;
   /**
    * 名称，HTML 元素原生属性
    * @default ''