fix(input): taro input type=number 类型问题修复 (#2171)

* fix: input number 类型问题修复 * fix: input taro 问题修复
jdf2e · Mar 9, 2023 · ca51e72 · ca51e72
1 parent 2159298
commit ca51e72
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 15 deletions.
diff --git a/src/packages/__VUE/input/index.taro.vue b/src/packages/__VUE/input/index.taro.vue
@@ -170,7 +170,7 @@ export default create({
     const renderInput = (type: InputType) => {
       return h('input', {
         style: styles,
-        type: type != 'textarea' && inputType(type)
+        ...inputType(type)
       });
     };
 
@@ -199,12 +199,18 @@ export default create({
 
     const inputType = (type: InputType) => {
       if (type === 'number') {
-        return 'text';
-      } else if (type === 'digit') {
-        return 'tel';
-      } else {
-        return type;
+        return {
+          type: 'text'
+        };
+      }
+
+      if (type === 'digit') {
+        return {
+          type: 'tel'
+        };
       }
+
+      return { type };
     };
 
     const onInput = (event: Event) => {
@@ -237,10 +243,9 @@ export default create({
         value = props.formatter(value);
       }
 
-      if (inputRef?.value !== value) {
-        inputRef.value = value;
+      if (inputRef?.value.value !== value) {
+        inputRef.value.value = value;
       }
-
       if (value !== props.modelValue) {
         emit('update:modelValue', value);
         // emit('change', value);

diff --git a/src/packages/__VUE/input/index.vue b/src/packages/__VUE/input/index.vue
@@ -163,7 +163,7 @@ export default create({
     const renderInput = (type: InputType) => {
       return h('input', {
         style: styles,
-        type: type != 'textarea' && inputType(type)
+        ...inputType(type)
       });
     };
 
@@ -192,12 +192,18 @@ export default create({
 
     const inputType = (type: InputType) => {
       if (type === 'number') {
-        return 'text';
-      } else if (type === 'digit') {
-        return 'tel';
-      } else {
-        return type;
+        return {
+          type: 'text'
+        };
       }
+
+      if (type === 'digit') {
+        return {
+          type: 'tel'
+        };
+      }
+
+      return { type };
     };
 
     const onInput = (event: Event) => {