codevdesign 1.0.54 → 1.0.55

package/composants/csqcDate.vue

@@ -1,79 +1,79 @@
-<template>
-  <v-date-input
-    v-model="dateInterne"
-    v-bind="$attrs"
-    input-format="yyyy-MM-dd"
-    variant="outlined"
-    prepend-icon=""
-    prepend-inner-icon="$calendar"
-    density="comfortable"
-    @update:model-value="choixUtilisateur"
-  />
-</template>
-
-<script setup lang="ts">
-  import { computed } from 'vue'
-  import { VDateInput } from 'vuetify/labs/VDateInput'
-
-  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 (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 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')
-    return `${yyyy}-${mm}-${dd}`
-  }
-
-  // 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>
+<template>
+  <v-date-input
+    :model-value="dateInterne"
+    v-bind="$attrs"
+    input-format="yyyy-MM-dd"
+    variant="outlined"
+    prepend-icon=""
+    prepend-inner-icon="$calendar"
+    density="comfortable"
+    @update:model-value="choixUtilisateur"
+  />
+</template>
+
+<script setup lang="ts">
+  import { computed, ref } from 'vue'
+  import { VDateInput } from 'vuetify/labs/VDateInput'
+
+  type Model = string | Date | null
+
+  const props = defineProps<{ modelValue: Model }>()
+
+  const emit = defineEmits<{
+    (e: 'update:modelValue', 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
+
+    // Date -> YYYY-MM-DD (local)
+    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}`
+    }
+
+    // String -> accepte seulement YYYY-MM-DD
+    const s = String(v).trim()
+    const m = s.match(/^(\d{4})-(\d{2})-(\d{2})$/)
+    if (!m) return null
+
+    // Optionnel: validation simple (évite 2026-99-99)
+    const y = Number(m[1]),
+      mo = Number(m[2]),
+      d = Number(m[3])
+    if (mo < 1 || mo > 12 || d < 1 || d > 31) return null
+
+    return `${m[1]}-${m[2]}-${m[3]}`
+  }
+
+  // UI: VDateInput stable avec Date|null
+  const dateInterne = computed<Date | null>(() => {
+    const ymd = normalizeToYmd(props.modelValue as any)
+    if (!ymd) return null
+    const [y, m, d] = ymd.split('-').map(Number)
+    return new Date(y, m - 1, d) // local, stable
+  })
+
+  const prevBeforeEmit = ref<string | null>(null)
+
+  const choixUtilisateur = (v: Date | string | null) => {
+    const next = normalizeToYmd(v)
+    const current = normalizeToYmd(props.modelValue as any)
+
+    // rollback: on reçoit l'ancienne valeur (celle qu'on avait avant)
+    if (prevBeforeEmit.value && next === prevBeforeEmit.value && current !== prevBeforeEmit.value) {
+      return
+    }
+
+    if (next === current) return
+
+    prevBeforeEmit.value = current
+    emit('update:modelValue', next)
+    emit('change', next)
+  }
+</script>

package/package.json

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