From 5514d5ba526d9362d80e28da8faff813db07b113 Mon Sep 17 00:00:00 2001 From: JB Date: Tue, 16 Jan 2024 17:26:59 +0100 Subject: [PATCH] feat(input): add min max values on model --- src/components/input/UInput.vue | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/src/components/input/UInput.vue b/src/components/input/UInput.vue index 5826529..a5cb523 100644 --- 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(() => {