use custom number input box to replace the system input box

2026-05-15 23:47:33 +08:00 · 2025-06-02 02:05:18 +08:00
parent baa6850fcb
commit 6222b6edae
8 changed files with 230 additions and 18 deletions
@@ -0,0 +1,26 @@
+<template>
+    <f7-list-input
+        type="text"
+        :readonly="!!readonly"
+        :disabled="!!disabled"
+        :label="label"
+        :placeholder="placeholder"
+        v-model:value="currentValue"
+        @keydown="onKeyUpDown"
+        @keyup="onKeyUpDown"
+        @paste="onPaste"
+    ></f7-list-input>
+</template>
+
+<script setup lang="ts">
+import { type NumberInputProps, type NumberInputEmits, useNumberInputBase } from '@/components/base/NumberInputBase.ts';
+
+const props = defineProps<NumberInputProps>();
+const emit = defineEmits<NumberInputEmits>();
+
+const {
+    currentValue,
+    onKeyUpDown,
+    onPaste
+} = useNumberInputBase(props, emit);
+</script>