fix(Input): resolve maxLength invalid (#1732)

* fix(Input): resolve maxlength invalid

* chore(Input): clear event uses touchstart

* test: update snapshots

Author: anlyyao

src/input/README.md

@@ -88,7 +88,7 @@ external-classes | Array | - | 组件类名，用于设置组件外层元素、
 format | Function | - | 【开发中】指定输入框展示值的格式。TS 类型：`InputFormatType` `type InputFormatType = (value: InputValue) => number | string`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/input/type.ts) | N
 label | String / Slot | - | 左侧文本。 | N
 maxcharacter | Number | - | 用户最多可以输入的字符个数，一个中文汉字表示两个字符长度。`maxcharacter` 和 `maxlength` 二选一使用 | N
-maxlength | Number | - | 用户最多可以输入的文本长度，一个中文等于一个计数长度。值为空，则表示不限制输入长度。`maxcharacter` 和 `maxlength` 二选一使用 | N
+maxlength | Number | -1 | 用户最多可以输入的文本长度，一个中文等于一个计数长度。默认为 -1，不限制输入长度。`maxcharacter` 和 `maxlength` 二选一使用 | N
 placeholder | String | undefined | 占位符 | N
 prefix-icon | String / Object / Slot | - | 组件前置图标。值为字符串表示图标名称，值为 `Object` 类型，表示透传至 `icon`。 | N
 readonly | Boolean | false | 【开发中】只读状态 | N

src/input/__test__/__snapshots__/index.test.js.snap

@@ -47,6 +47,7 @@ exports[`input props : clearable && label && suffix 1`] = `
           disabled="{{false}}"
           focus="{{false}}"
           holdKeyboard="{{false}}"
+          maxlength="{{-1}}"
           password="{{false}}"
           placeholder=""
           placeholderClass="t-input__placeholder input-placeholder"
@@ -69,7 +70,7 @@ exports[`input props : clearable && label && suffix 1`] = `
         />
         <wx-view
           class="t-input__wrap--clearable-icon"
-          bind:tap="clearInput"
+          bind:touchstart="clearInput"
         >
           <t-icon
             class=""
@@ -179,6 +180,7 @@ exports[`input slots : label 1`] = `
           disabled="{{false}}"
           focus="{{false}}"
           holdKeyboard="{{false}}"
+          maxlength="{{-1}}"
           password="{{false}}"
           placeholder=""
           placeholderClass="t-input__placeholder input-placeholder"

src/input/__test__/__virtualHostSnapshot__/index.test.js.snap

@@ -47,6 +47,7 @@ exports[`input props : clearable && label && suffix 1`] = `
           disabled="{{false}}"
           focus="{{false}}"
           holdKeyboard="{{false}}"
+          maxlength="{{-1}}"
           password="{{false}}"
           placeholder=""
           placeholderClass="t-input__placeholder input-placeholder"
@@ -69,7 +70,7 @@ exports[`input props : clearable && label && suffix 1`] = `
         />
         <wx-view
           class="t-input__wrap--clearable-icon"
-          bind:tap="clearInput"
+          bind:touchstart="clearInput"
         >
           <t-icon
             class=""
@@ -179,6 +180,7 @@ exports[`input slots : label 1`] = `
           disabled="{{false}}"
           focus="{{false}}"
           holdKeyboard="{{false}}"
+          maxlength="{{-1}}"
           password="{{false}}"
           placeholder=""
           placeholderClass="t-input__placeholder input-placeholder"

src/input/__test__/index.test.js

@@ -190,7 +190,7 @@ describe('input', () => {
       comp.attach(document.createElement('parent-wrapper'));
 
       const clearable = comp.querySelector('.base >>> .t-input__wrap--clearable-icon');
-      clearable.dispatchEvent('tap');
+      clearable.dispatchEvent('touchstart');
       await simulate.sleep(0);
       expect(handleClear.mock.calls[0][0].detail).toStrictEqual({});
     });

src/input/input.wxml

@@ -26,6 +26,7 @@
   <view class="{{classPrefix}}__wrap">
     <view class="{{classPrefix}}__content {{classPrefix}}--{{status}}">
       <input
+        maxlength="{{maxlength}}"
         disabled="{{disabled}}"
         placeholder="{{placeholder}}"
         placeholder-style="{{placeholderStyle}}"
@@ -68,7 +69,7 @@
       <view
         wx:if="{{_clearIcon && value.length > 0}}"
         class="{{classPrefix}}__wrap--clearable-icon"
-        bind:tap="clearInput"
+        bind:touchstart="clearInput"
       >
         <template
           is="icon"

src/input/props.ts

@@ -52,9 +52,10 @@ const props: TdInputProps = {
   maxcharacter: {
     type: Number,
   },
-  /** 用户最多可以输入的文本长度，一个中文等于一个计数长度。值为空，则表示不限制输入长度。`maxcharacter` 和 `maxlength` 二选一使用 */
+  /** 用户最多可以输入的文本长度，一个中文等于一个计数长度，默认为 -1，不限制输入长度。`maxcharacter` 和 `maxlength` 二选一使用 */
   maxlength: {
     type: Number,
+    value: -1,
   },
   /** 占位符 */
   placeholder: {

src/input/type.ts

@@ -91,7 +91,8 @@ export interface TdInputProps {
     value?: number;
   };
   /**
-   * 用户最多可以输入的文本长度，一个中文等于一个计数长度。值小于等于 0 的时候，则表示不限制输入长度。`maxcharacter` 和 `maxlength` 二选一使用
+   * 用户最多可以输入的文本长度，一个中文等于一个计数长度，默认为 -1，不限制输入长度。`maxcharacter` 和 `maxlength` 二选一使用
+   * @default -1
    */
   maxlength?: {
     type: NumberConstructor;