From 121cabdd43c08dc2701462e16651ed119a3f82c7 Mon Sep 17 00:00:00 2001
From: Xinos <userxinos@gmail.com>
Date: Thu, 27 Jun 2024 22:09:43 +0700
Subject: [PATCH] improve NumberPicker (close #115)

---
 src/components/NumberPicker.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/NumberPicker.vue b/src/components/NumberPicker.vue
index b4b32c3f0..d478fadf3 100644
--- a/src/components/NumberPicker.vue
+++ b/src/components/NumberPicker.vue
@@ -6,6 +6,7 @@
     />
     <div class="input-wrap">
       <input
+        ref="inputRef"
         type="text"
         :value="value"
         @change="checkAndSend(parseInt($event.target.value))"
@@ -19,6 +20,8 @@
 </template>
 
 <script setup lang="ts">
+import { onMounted, ref } from 'vue';
+
 export interface Props {
     value: number,
     min: number,
@@ -26,6 +29,12 @@ export interface Props {
 }
 const props = defineProps<Props>();
 const emit = defineEmits(['update:value']);
+const inputRef = ref<HTMLInputElement>();
+
+onMounted(() => {
+    inputRef.value.focus();
+    inputRef.value.select();
+});
 
 function checkAndSend(num: number) {
     if (num < props.min) {