feat : ajouts du composant input amount

app/components/malio/InputAmount.vue

@@ -176,15 +176,11 @@ const emit = defineEmits<{
   (event: 'update:modelValue', value: string): void
 }>()
 
-// Normalize user input into a decimal amount string using "." as separator.
 const normalizeAmount = (value: string) => {
   const sanitizedValue = value
     .replace(/\s+/g, '')
     .replace(/,/g, '.')
     .replace(/[^\d.]/g, '')
-
-  // Keep the first decimal separator and collapse the remaining parts into
-  // the decimal portion, limited to two digits.
   const [integerPartRaw = '', ...decimalParts] = sanitizedValue.split('.')
   const integerPart = integerPartRaw.replace(/^0+(?=\d)/, '')
   const decimalPart = decimalParts.join('').slice(0, 2)
@@ -196,20 +192,6 @@ const normalizeAmount = (value: string) => {
   return integerPart
 }
 
-// Apply the final display format when the field loses focus.
-// Examples:
-// "12" -> "12.00"
-// "12.5" -> "12.50"
-const formatAmountForBlur = (value: string) => {
-  const normalizedValue = normalizeAmount(value)
-
-  if (!normalizedValue) return ''
-
-  const [integerPart = '0', decimalPart = ''] = normalizedValue.split('.')
-
-  return `${integerPart}.${decimalPart.padEnd(2, '0').slice(0, 2)}`
-}
-
 // Keep the DOM input value, local state, and v-model emission in sync.
 const updateValue = (target: HTMLInputElement, value: string) => {
   target.value = value
@@ -225,16 +207,9 @@ const onInput = (event: Event) => {
   updateValue(target, normalizeAmount(target.value))
 }
 
-// Finalize the amount format with exactly two decimals on blur.
-const onBlur = (event: Event) => {
+// Keep the blur handler only for focus-driven UI state.
+const onBlur = () => {
   isFocused.value = false
-
-  const target = event.target as HTMLInputElement
-  const formattedValue = formatAmountForBlur(target.value)
-
-  if (formattedValue !== target.value) {
-    updateValue(target, formattedValue)
-  }
 }
 
 const iconInputPaddingClass = computed(() => {