feat: Added events for keypress up (add) and down (subtract)

joserick · Mar 21, 2023 · 748c167 · 748c167
1 parent 203d13d
commit 748c167
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 8 deletions.
diff --git a/src/money_spinner.vue b/src/money_spinner.vue
@@ -1,12 +1,13 @@
 <template>
   <div :class="style('wrapperClass')">
-    <label v-if="label" :class="style('labelClass')" :for="id.toString()">
+    <label v-if="label" :class="style('labelClass')" :for="money?.id">
       {{ label }}
     </label>
     <div :class="style('wrapperGroupClass')">
       <button v-if="spinner" type="button" @click="minus"
         :class="style('prependClass')">-</button>
-      <Money v-model="amount.model.value" ref="money" :id="id" v-bind="vAttrs"
+      <Money v-model="amount.model.value" v-bind="vAttrs"
+        ref="money" @keydown.up.prevent="plus" @keydown.down.prevent="minus"
         :class="[style('inputClass'), template ? 'text-' + align : '']"/>
       <button v-if="spinner" type="button" @click="plus"
         :class="style('appendClass')">+</button>

diff --git a/src/options.ts b/src/options.ts
@@ -1,7 +1,6 @@
 import { Money, VMoneyOptions } from 'v-money3'
 
 export interface VMoneySpinnerOptions extends VMoneyOptions {
-  id: string
   modelValue: string | number
   template: string | boolean
   spinner: boolean
@@ -23,7 +22,6 @@ const defaultsMoney3 = Object.fromEntries(
 
 const defaultOptions: VMoneySpinnerOptions = {
   ...defaultsMoney3,
-  id: 'v-money-spinner',
   modelValue: 0,
   template: 'bootstrap',
   spinner: true,

diff --git a/src/validations.ts b/src/validations.ts
@@ -1,10 +1,6 @@
 import defaults from './options'
 
 export default {
-  id: {
-    type: [Number, String],
-    default: () => defaults.id
-  },
   modelValue: {
     type: [Number, String],
     default: () => defaults.modelValue