fix(input): fix missing dot key on ios

varletjs · Jul 10, 2024 · 2dd86cd · 2dd86cd
1 parent 7bc91a8
commit 2dd86cd
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 18 deletions.
diff --git a/packages/varlet-ui/src/input/Input.vue b/packages/varlet-ui/src/input/Input.vue
@@ -60,7 +60,7 @@
         :maxlength="maxlength"
         :rows="rows"
         :enterkeyhint="enterkeyhint"
-        :inputmode="inputmode"
+        :inputmode="type === 'number' ? 'decimal' : undefined"
         :style="{
           color: !errorMessage ? textColor : undefined,
           caretColor: !errorMessage ? focusColor : undefined,
@@ -94,7 +94,7 @@
         :placeholder="!hint ? placeholder : undefined"
         :maxlength="maxlength"
         :enterkeyhint="enterkeyhint"
-        :inputmode="inputmode"
+        :inputmode="type === 'number' ? 'decimal' : undefined"
         :style="{
           color: !errorMessage ? textColor : undefined,
           caretColor: !errorMessage ? focusColor : undefined,
@@ -160,7 +160,7 @@ export default defineComponent({
     } = useValidation()
     const cursor = computed(() => (props.disabled || props.readonly ? '' : 'text'))
     const normalizedType = computed<InputType>(() => {
-      if (props.type === 'number' || props.type === 'decimal') {
+      if (props.type === 'number') {
         return 'text'
       }
 
@@ -203,17 +203,6 @@ export default defineComponent({
       resetValidation,
     }
 
-    const inputmode = computed(() => {
-      switch (props.type) {
-        case 'number':
-          return 'numeric'
-        case 'decimal':
-          return 'decimal'
-      }
-
-      return undefined
-    })
-
     call(bindForm, inputProvider)
 
     onSmartMounted(() => {
@@ -248,7 +237,7 @@ export default defineComponent({
 
       let { value } = target
 
-      if (props.type === 'number' || props.type === 'decimal') {
+      if (props.type === 'number') {
         value = formatNumber(value)
       }
 
@@ -387,7 +376,6 @@ export default defineComponent({
       maxlengthText,
       formDisabled: form?.disabled,
       formReadonly: form?.readonly,
-      inputmode,
       n,
       classes,
       isEmpty,

diff --git a/packages/varlet-ui/src/input/props.ts b/packages/varlet-ui/src/input/props.ts
@@ -2,7 +2,7 @@ import { type PropType, InputHTMLAttributes } from 'vue'
 import { defineListenerProp, pickProps } from '../utils/components'
 import { fieldDecoratorProps } from '../field-decorator'
 
-export type InputType = 'text' | 'password' | 'number' | 'tel' | 'email' | 'decimal'
+export type InputType = 'text' | 'password' | 'number' | 'tel' | 'email'
 
 export type InputValidateTrigger = 'onFocus' | 'onBlur' | 'onChange' | 'onClick' | 'onClear' | 'onInput'
 

diff --git a/packages/varlet-ui/types/input.d.ts b/packages/varlet-ui/types/input.d.ts
@@ -5,7 +5,7 @@ export declare const inputProps: Record<keyof InputProps, any>
 
 export type InputValidateTrigger = 'onFocus' | 'onBlur' | 'onChange' | 'onClick' | 'onClear' | 'onInput'
 
-export type InputType = 'text' | 'password' | 'number' | 'tel' | 'email' | 'decimal'
+export type InputType = 'text' | 'password' | 'number' | 'tel' | 'email'
 
 export type InputSize = 'small' | 'normal'