codevdesign 1.0.52 → 1.0.53

package/composants/csqcDate.vue

@@ -1,58 +1,79 @@
 <template>
   <v-date-input
-    v-model="dateValeur"
+    v-model="dateInterne"
     v-bind="$attrs"
     input-format="yyyy-MM-dd"
     variant="outlined"
     prepend-icon=""
     prepend-inner-icon="$calendar"
     density="comfortable"
-    @update:model-value="formatDate"
-  ></v-date-input>
+    @update:model-value="choixUtilisateur"
+  />
 </template>
 
 <script setup lang="ts">
-  import { ref, watch } from 'vue'
+  import { computed } from 'vue'
   import { VDateInput } from 'vuetify/labs/VDateInput'
 
-  const props = withDefaults(
-    defineProps<{
-      modelValue: string | Date | null
-    }>(),
-    {},
-  )
-
-  const emit = defineEmits(['update:modelValue'])
-  const dateValeur = ref<Date | string | null>(props.modelValue)
-
-  const formatDate = (date: Date | string | null) => {
-    if (date == null) {
-      dateValeur.value = null
-      emit('update:modelValue', null)
-      return
-    }
+  type Model = string | Date | null
+
+  const props = defineProps<{ modelValue: Model }>()
+
+  const emit = defineEmits<{
+    (e: 'update:model-value', v: string | null): void
+    (e: 'change', v: string | null): void
+  }>()
+
+  // Normalisation, TOUJOURS "YYYY-MM-DD" ou null
+  const normalizeToYmd = (v: Date | string | null | undefined): string | null => {
+    if (v == null || v === '') return null
 
-    if (typeof date === 'string') {
-      dateValeur.value = date
-      emit('update:modelValue', date)
-      return
+    if (v instanceof Date) {
+      if (isNaN(v.getTime())) return null
+      const yyyy = v.getFullYear()
+      const mm = String(v.getMonth() + 1).padStart(2, '0')
+      const dd = String(v.getDate()).padStart(2, '0')
+      return `${yyyy}-${mm}-${dd}`
     }
 
-    const d = new Date(date)
+    const s = String(v).trim()
+
+    // si ça commence par YYYY-MM-DD, on prend les 10 premiers chars
+    const m = s.match(/^(\d{4}-\d{2}-\d{2})/)
+    if (m) return m[1]
+
+    // Sinon, on tente un fallback
+    const d = new Date(s)
+    if (isNaN(d.getTime())) return null
     const yyyy = d.getFullYear()
     const mm = String(d.getMonth() + 1).padStart(2, '0')
     const dd = String(d.getDate()).padStart(2, '0')
-    const formatte = `${yyyy}-${mm}-${dd}`
-
-    dateValeur.value = formatte
-    emit('update:modelValue', formatte)
+    return `${yyyy}-${mm}-${dd}`
   }
 
-  // Synchronise les props externes avec l'état interne
-  watch(
-    () => props.modelValue,
-    nouvelle => {
-      dateValeur.value = nouvelle
+  // UI: VDateInput stable avec Date|null
+  const dateInterne = computed<Date | null>({
+    get() {
+      const ymd = normalizeToYmd(props.modelValue as any)
+      if (!ymd) return null
+
+      // Construire une Date locale sans décalage timezone (évite UTC shift)
+      const [y, m, d] = ymd.split('-').map(Number)
+      return new Date(y, m - 1, d)
+    },
+    set() {
+      // rien: on émet seulement dans choixUtilisateur
     },
-  )
+  })
+
+  const choixUtilisateur = (v: Date | string | null) => {
+    const next = normalizeToYmd(v)
+    const current = normalizeToYmd(props.modelValue as any)
+
+    // Bloque la 2e émission au blur (même si type diffère Date/string)
+    if (next === current) return
+
+    emit('update:model-value', next)
+    emit('change', next)
+  }
 </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codevdesign",
-  "version": "1.0.52",
+  "version": "1.0.53",
   "description": "Composants Vuetify 3 pour les projets Codev",
   "files": [
     "./**/*.vue",