feat(input): add min max values on model

jbaubree · Jan 16, 2024 · 5514d5b · 5514d5b
1 parent b58f966
commit 5514d5b
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/src/components/input/UInput.vue b/src/components/input/UInput.vue
@@ -99,7 +99,20 @@ function autoFocus() {
     input.value?.focus()
 }
 function onInput(event: Event) {
-  modelValue.value = (event.target as HTMLInputElement).value
+  if (props.type === 'number') {
+    if (attrs.min && event < attrs.min) {
+      modelValue.value = Number(attrs.min)
+      return
+    }
+    if (attrs.max && event > attrs.max) {
+      modelValue.value = Number(attrs.max)
+      return
+    }
+    modelValue.value = (event.target as HTMLInputElement).value
+  }
+  else {
+    modelValue.value = (event.target as HTMLInputElement).value
+  }
 }
 
 onMounted(() => {