fix(input): maxNum 改为 maxLength,文档修改等 (#1188)

src/packages/__VUE/input/demo.vue

@@ -53,7 +53,7 @@
       type="textarea"
       show-word-limit
       rows="2"
-      maxNum="50"
+      maxLength="50"
       placeholder="请输入留言"
     />
 

src/packages/__VUE/input/doc.md

@@ -226,7 +226,7 @@ app.use(Icon);
 | disabled     | 是否禁用                              | Boolean        | `false` |
 | readonly     | 是否只读                              | Boolean        | `false` |
 | autofocus    | 是否自动获得焦点，iOS 系统不支持该属性     | Boolean        | `false` |
-| max-num      | 限制最长输入字符                       | String、Number  | -       |
+| max-length      | 限制最长输入字符                       | String、Number  | -       |
 | clearable    | 展示清除 Icon                         | Boolean        | `false`  |
 | clear-icon   | 清除图标 Icon 名称或图片链接，可参考 Icon 组件的 name 属性           | String        | `mask-close`  |
 | clear-size   | 清除图标的 `font-size` 大小           | String        | `14`  |
@@ -234,7 +234,7 @@ app.use(Icon);
 | right-icon   | 右侧 Icon 名称或图片链接，可参考 Icon 组件的 name 属性 | String        | - |
 | left-size    | 左侧 Icon 的 `font-size` 大小           | String        | `14`  |
 | right-size   | 右侧 Icon 的 `font-size` 大小           | String        | `14`  |
-| show-word-limit | 是否显示限制最长输入字符，需要设置 `max-num` 属性 | Boolean | `false`  |
+| show-word-limit | 是否显示限制最长输入字符，需要设置 `max-length` 属性 | Boolean | `false`  |
 | error         | 是否标红                                | Boolean | `false`  |
 | error-message | 底部错误提示文案，为空时不展示            | String、Number | - |
 | error-message-align | 底部错误提示文案对齐方式，可选值 `left`、`center`、`right`          | String | - |

src/packages/__VUE/input/index.taro.vue

@@ -41,7 +41,7 @@
           ref="inputRef"
           :style="styles"
           :type="inputType(type)"
-          :maxNum="maxNum"
+          :maxLength="maxLength"
           :placeholder="placeholder || translate('placeholder')"
           :disabled="disabled"
           :readonly="readonly"
@@ -66,9 +66,9 @@
         </view>
         <slot v-if="$slots.button" name="button" class="nut-input-button"></slot>
       </view>
-      <view v-if="showWordLimit && maxNum" class="nut-input-word-limit">
+      <view v-if="showWordLimit && maxLength" class="nut-input-word-limit">
         <span class="nut-input-word-num">{{ modelValue ? modelValue.length : 0 }}</span
-        >/{{ maxNum }}
+        >/{{ maxLength }}
       </view>
       <view
         v-if="errorMessage"
@@ -188,7 +188,7 @@ export default create({
       type: Boolean,
       default: false
     },
-    maxNum: {
+    maxLength: {
       type: [String, Number],
       default: ''
     },
@@ -355,8 +355,8 @@ export default create({
         value = props.formatter(value);
       }
 
-      // if (props.maxNum && value.length > Number(props.maxNum)) {
-      //   value = value.slice(0, Number(props.maxNum));
+      // if (props.maxLength && value.length > Number(props.maxLength)) {
+      //   value = value.slice(0, Number(props.maxLength));
       // }
 
       if (inputRef.value && inputRef.value.value !== value) {
@@ -390,8 +390,8 @@ export default create({
 
       const input = event.target as HTMLInputElement;
       let value = input.value;
-      if (props.maxNum && value.length > Number(props.maxNum)) {
-        value = value.slice(0, Number(props.maxNum));
+      if (props.maxLength && value.length > Number(props.maxLength)) {
+        value = value.slice(0, Number(props.maxLength));
       }
       updateValue(getModelValue(), 'onBlur');
       emit('blur', value, event);

src/packages/__VUE/input/index.vue

@@ -41,7 +41,7 @@
           ref="inputRef"
           :style="styles"
           :type="inputType(type)"
-          :maxNum="maxNum"
+          :maxlength="maxLength"
           :placeholder="placeholder || translate('placeholder')"
           :disabled="disabled"
           :readonly="readonly"
@@ -66,9 +66,9 @@
         </view>
         <slot v-if="$slots.button" name="button" class="nut-input-button"></slot>
       </view>
-      <view v-if="showWordLimit && maxNum" class="nut-input-word-limit">
+      <view v-if="showWordLimit && maxLength" class="nut-input-word-limit">
         <span class="nut-input-word-num">{{ modelValue ? modelValue.length : 0 }}</span
-        >/{{ maxNum }}
+        >/{{ maxLength }}
       </view>
       <view
         v-if="errorMessage"
@@ -188,7 +188,7 @@ export default create({
       type: Boolean,
       default: false
     },
-    maxNum: {
+    maxLength: {
       type: [String, Number],
       default: ''
     },
@@ -355,8 +355,8 @@ export default create({
         value = props.formatter(value);
       }
 
-      // if (props.maxNum && value.length > Number(props.maxNum)) {
-      //   value = value.slice(0, Number(props.maxNum));
+      // if (props.maxLength && value.length > Number(props.maxLength)) {
+      //   value = value.slice(0, Number(props.maxLength));
       // }
 
       if (inputRef.value && inputRef.value.value !== value) {
@@ -390,8 +390,8 @@ export default create({
 
       const input = event.target as HTMLInputElement;
       let value = input.value;
-      if (props.maxNum && value.length > Number(props.maxNum)) {
-        value = value.slice(0, Number(props.maxNum));
+      if (props.maxLength && value.length > Number(props.maxLength)) {
+        value = value.slice(0, Number(props.maxLength));
       }
       updateValue(getModelValue(), 'onBlur');
       emit('blur', value, event);