codevdesign 1.0.79 → 2.0.0

package/composants/csqcChaise/chaiseConteneur.vue

@@ -17,7 +17,7 @@
             v-else
             class="pt-2"
           >
-            <div class="text-overline text-h6 mb-2">{{ texteTitre }}</div>
+            <div class="text-label-small text-headline-small mb-2">{{ texteTitre }}</div>
 
             <div>
               <v-list-item

package/composants/csqcCodeBudgetaireGenerique.vue

@@ -19,7 +19,6 @@
         :rules="reglesVuetify"
         :hint="afficherHint ? placeholder : ''"
         @blur="sauvegarder"
-        @keydown.enter="sauvegarder"
         @keydown="caractereAutorises"
         @update:model-value="gererChangement"
         @paste="gererPaste"
@@ -27,8 +26,8 @@
         <template #item="{ props, item }">
           <v-list-item
             v-bind="props"
-            :title="item.raw.nom || item.raw.code"
-            :subtitle="item.raw.nom ? item.raw.code : undefined"
+            :title="item.nom || item.code"
+            :subtitle="item.nom ? item.code : undefined"
           />
         </template>
       </v-combobox>
@@ -136,6 +135,11 @@
   })
 
   const caractereAutorises = (e: KeyboardEvent) => {
+    if (e.key === 'Enter') {
+      sauvegarder()
+      return
+    }
+
     if (e.ctrlKey || e.metaKey) return
 
     const touchesSpecifiques = ['Backspace', 'Delete', 'ArrowLeft', 'ArrowRight', 'Tab', 'Home', 'End']

package/composants/csqcDate.vue

@@ -16,7 +16,6 @@
 
 <script setup lang="ts">
   import { computed, ref } from 'vue'
-  import { VDateInput } from 'vuetify/labs/VDateInput'
 
   type Model = string | Date | null
 

package/composants/csqcRecherche.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <v-row
-      dense
+      density="compact"
       class="pt-0 mt-0"
     >
       <v-col
@@ -59,7 +59,7 @@
       </v-col>
     </v-row>
     <v-row
-      dense
+      density="compact"
       class="pt-0 mt-0"
     >
       <v-col

package/composants/csqcSnackbar.vue

@@ -11,7 +11,7 @@
     :style="props.styleCss"
     :color="colorAffiche"
     :location="locationAffiche"
-    multi-line
+    min-height="68"
     v-bind="attrsAffiches"
     @update:model-value="
       v => {

package/composants/csqcSwitch.vue

@@ -1,6 +1,6 @@
 <template>
   <v-row
-    dense
+    density="compact"
     class="align-center"
   >
     <!-- Texte + détails -->

package/composants/csqcTable/csqcTableModaleChoixColonnes.vue

@@ -304,7 +304,7 @@
   // Helpers "unwrap" (évite item.raw dans le template + évite génériques TS dans template)
   // ─────────────────────────────────────────────────────────────────────────────
   function asRaw<T>(item: T | DataTableItemLike<T>): T {
-    return (item as any)?.raw ?? (item as T)
+    return (item as any) ?? (item as T)
   }
 
   const choixOf = (x: any) => asRaw<ChoixVue>(x)

package/composants/csqcTexteBilingue.vue

@@ -1,175 +1,175 @@
-<template>
-  <v-row dense>
-    <v-col
-      v-if="afficherChampFr"
-      cols="12"
-    >
-      <label
-        v-if="!libelleInterieur"
-        :for="`saisieChampFr-${cleTradFr}`"
-        :class="{ libelle: true, required: estRequis }"
-        >{{ $t(cleTradFr) }}
-      </label>
-      <csqcAide
-        v-if="props.aide && !libelleInterieur"
-        :aide="props.aide"
-        hover
-        :style-css="'padding-bottom:6px;padding-left:8px;'"
-      />
-      <v-textarea
-        v-if="textarea"
-        :id="`saisieChampFr-${cleTradFr}`"
-        v-model="model[champs.Francais]"
-        density="comfortable"
-        v-bind="$attrs"
-        rows="1"
-        :label="libelleInterieur ? $t(cleTradFr) : ''"
-        :rules="reglesInterne"
-        :autofocus="autofocus && afficherChampFr"
-      />
-      <v-text-field
-        v-else
-        :id="`saisieChampFr-${cleTradFr}`"
-        v-model="model[champs.Francais]"
-        density="comfortable"
-        v-bind="$attrs"
-        :label="libelleInterieur ? $t(cleTradFr) : ''"
-        :rules="reglesInterne"
-        :autofocus="autofocus && afficherChampFr"
-      />
-    </v-col>
-    <v-col
-      v-if="afficherChampEn"
-      cols="12"
-    >
-      <label
-        v-if="!libelleInterieur"
-        :for="`saisieChampEn-${cleTradEn}`"
-        :class="{ libelle: true, required: estRequis }"
-        >{{ $t(cleTradEn) }}</label
-      ><csqcAide
-        v-if="props.aide && !libelleInterieur"
-        :aide="props.aide"
-        hover
-        :style-css="'padding-bottom:6px;padding-left:8px;'"
-      />
-      <v-textarea
-        v-if="textarea"
-        :id="`saisieChampEn-${cleTradEn}`"
-        v-model="model[champs.Anglais]"
-        rows="1"
-        v-bind="$attrs"
-        density="comfortable"
-        :label="libelleInterieur ? $t(cleTradEn) : ''"
-        :rules="reglesInterne"
-        :autofocus="autofocus && !afficherChampFr"
-      />
-      <v-text-field
-        v-else
-        :id="`saisieChampEn-${cleTradEn}`"
-        v-model="model[champs.Anglais]"
-        density="comfortable"
-        v-bind="$attrs"
-        :label="libelleInterieur ? $t(cleTradEn) : ''"
-        :rules="reglesInterne"
-        :autofocus="autofocus && !afficherChampFr"
-      />
-    </v-col>
-  </v-row>
-</template>
-
-<script setup lang="ts" generic="T extends { id: number }">
-  import { estRequis as estRequisRegle, estUniqueBilingue, estMinimumLongueur, estMaximumLongueur } from './validateurs'
-  import { ChoixLangue } from '@/enums/choixLangue'
-  import csqcAide from './csqcAide.vue'
-  import { computed, type PropType, toRefs } from 'vue'
-  import { useI18n } from 'vue-i18n'
-  const { t } = useI18n({ useScope: 'global' })
-
-  const props = defineProps<{
-    aide?: string
-    textarea?: boolean
-    libelleInterieur?: boolean
-    estRequis?: boolean
-    autofocus?: boolean
-    estUniqueValeurs?: T[]
-    minimumLongueur?: number
-    maximumLongueur?: number
-    regles?: ((v: string) => string | true)[]
-    langue: ChoixLangue
-    i18nLibelleRacine: string
-    champs: { ['Francais']: keyof T; ['Anglais']: keyof T }
-  }>()
-
-  const { textarea, libelleInterieur, autofocus, estUniqueValeurs, regles, langue, i18nLibelleRacine, champs } =
-    toRefs(props)
-
-  const minimumLongueur = computed(() => props.minimumLongueur)
-  const maximumLongueur = computed(() => props.maximumLongueur)
-  const estRequis = computed(() => props.estRequis)
-
-  const model = defineModel({
-    type: Object as PropType<T>,
-    required: true,
-  })
-
-  const reglesInterne = computed(() => {
-    const _regles: ((v: string) => string | true)[] = regles.value ?? []
-
-    if (minimumLongueur.value && maximumLongueur.value && minimumLongueur.value > maximumLongueur.value) {
-      console.error(
-        `CsqcTexteBilingue - Longueur min > max. (Min ${minimumLongueur.value} > Max ${maximumLongueur.value})`,
-      )
-      throw Error(
-        `CsqcTexteBilingue - Longueur min > max. (Min ${minimumLongueur.value} > Max ${maximumLongueur.value})`,
-      )
-    }
-
-    if (estRequis.value) _regles.push(v => estRequisRegle(v, t))
-
-    if (estUniqueValeurs.value) {
-      _regles.push(v =>
-        estUniqueBilingue(
-          v,
-          model.value,
-          {
-            champs: { Anglais: champs.value.Anglais, Francais: champs.value.Francais },
-            valeurs: estUniqueValeurs.value!,
-            langueCss: langue.value,
-          },
-          t,
-        ),
-      )
-    }
-
-    if (minimumLongueur.value !== undefined) _regles.push(v => estMinimumLongueur(v, minimumLongueur.value!, t))
-
-    if (maximumLongueur.value !== undefined) _regles.push(v => estMaximumLongueur(v, maximumLongueur.value!, t))
-
-    return _regles
-  })
-
-  // Clés i18n
-  const cleTradEn = computed(() => {
-    switch (langue.value) {
-      case ChoixLangue.Bilingue:
-      case ChoixLangue.Anglais:
-        return `${i18nLibelleRacine.value}.${String(champs.value.Anglais)}`
-      default:
-        return 'cle_manquante'
-    }
-  })
-
-  const cleTradFr = computed(() => {
-    switch (langue.value) {
-      case ChoixLangue.Bilingue:
-      case ChoixLangue.Francais:
-        return `${i18nLibelleRacine.value}.${String(champs.value.Francais)}`
-      default:
-        return 'cle_manquante'
-    }
-  })
-
-  const afficherChampFr = computed(() => langue.value === ChoixLangue.Francais || langue.value === ChoixLangue.Bilingue)
-  const afficherChampEn = computed(() => langue.value === ChoixLangue.Anglais || langue.value === ChoixLangue.Bilingue)
-</script>
+<template>
+  <v-row density="compact">
+    <v-col
+      v-if="afficherChampFr"
+      cols="12"
+    >
+      <label
+        v-if="!libelleInterieur"
+        :for="`saisieChampFr-${cleTradFr}`"
+        :class="{ libelle: true, required: estRequis }"
+        >{{ $t(cleTradFr) }}
+      </label>
+      <csqcAide
+        v-if="props.aide && !libelleInterieur"
+        :aide="props.aide"
+        hover
+        :style-css="'padding-bottom:6px;padding-left:8px;'"
+      />
+      <v-textarea
+        v-if="textarea"
+        :id="`saisieChampFr-${cleTradFr}`"
+        v-model="model[champs.Francais]"
+        density="comfortable"
+        v-bind="$attrs"
+        rows="1"
+        :label="libelleInterieur ? $t(cleTradFr) : ''"
+        :rules="reglesInterne"
+        :autofocus="autofocus && afficherChampFr"
+      />
+      <v-text-field
+        v-else
+        :id="`saisieChampFr-${cleTradFr}`"
+        v-model="model[champs.Francais]"
+        density="comfortable"
+        v-bind="$attrs"
+        :label="libelleInterieur ? $t(cleTradFr) : ''"
+        :rules="reglesInterne"
+        :autofocus="autofocus && afficherChampFr"
+      />
+    </v-col>
+    <v-col
+      v-if="afficherChampEn"
+      cols="12"
+    >
+      <label
+        v-if="!libelleInterieur"
+        :for="`saisieChampEn-${cleTradEn}`"
+        :class="{ libelle: true, required: estRequis }"
+        >{{ $t(cleTradEn) }}</label
+      ><csqcAide
+        v-if="props.aide && !libelleInterieur"
+        :aide="props.aide"
+        hover
+        :style-css="'padding-bottom:6px;padding-left:8px;'"
+      />
+      <v-textarea
+        v-if="textarea"
+        :id="`saisieChampEn-${cleTradEn}`"
+        v-model="model[champs.Anglais]"
+        rows="1"
+        v-bind="$attrs"
+        density="comfortable"
+        :label="libelleInterieur ? $t(cleTradEn) : ''"
+        :rules="reglesInterne"
+        :autofocus="autofocus && !afficherChampFr"
+      />
+      <v-text-field
+        v-else
+        :id="`saisieChampEn-${cleTradEn}`"
+        v-model="model[champs.Anglais]"
+        density="comfortable"
+        v-bind="$attrs"
+        :label="libelleInterieur ? $t(cleTradEn) : ''"
+        :rules="reglesInterne"
+        :autofocus="autofocus && !afficherChampFr"
+      />
+    </v-col>
+  </v-row>
+</template>
+
+<script setup lang="ts" generic="T extends { id: number }">
+  import { estRequis as estRequisRegle, estUniqueBilingue, estMinimumLongueur, estMaximumLongueur } from './validateurs'
+  import { ChoixLangue } from '@/enums/choixLangue'
+  import csqcAide from './csqcAide.vue'
+  import { computed, type PropType, toRefs } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  const { t } = useI18n({ useScope: 'global' })
+
+  const props = defineProps<{
+    aide?: string
+    textarea?: boolean
+    libelleInterieur?: boolean
+    estRequis?: boolean
+    autofocus?: boolean
+    estUniqueValeurs?: T[]
+    minimumLongueur?: number
+    maximumLongueur?: number
+    regles?: ((v: string) => string | true)[]
+    langue: ChoixLangue
+    i18nLibelleRacine: string
+    champs: { ['Francais']: keyof T; ['Anglais']: keyof T }
+  }>()
+
+  const { textarea, libelleInterieur, autofocus, estUniqueValeurs, regles, langue, i18nLibelleRacine, champs } =
+    toRefs(props)
+
+  const minimumLongueur = computed(() => props.minimumLongueur)
+  const maximumLongueur = computed(() => props.maximumLongueur)
+  const estRequis = computed(() => props.estRequis)
+
+  const model = defineModel({
+    type: Object as PropType<T>,
+    required: true,
+  })
+
+  const reglesInterne = computed(() => {
+    const _regles: ((v: string) => string | true)[] = regles.value ?? []
+
+    if (minimumLongueur.value && maximumLongueur.value && minimumLongueur.value > maximumLongueur.value) {
+      console.error(
+        `CsqcTexteBilingue - Longueur min > max. (Min ${minimumLongueur.value} > Max ${maximumLongueur.value})`,
+      )
+      throw Error(
+        `CsqcTexteBilingue - Longueur min > max. (Min ${minimumLongueur.value} > Max ${maximumLongueur.value})`,
+      )
+    }
+
+    if (estRequis.value) _regles.push(v => estRequisRegle(v, t))
+
+    if (estUniqueValeurs.value) {
+      _regles.push(v =>
+        estUniqueBilingue(
+          v,
+          model.value,
+          {
+            champs: { Anglais: champs.value.Anglais, Francais: champs.value.Francais },
+            valeurs: estUniqueValeurs.value!,
+            langueCss: langue.value,
+          },
+          t,
+        ),
+      )
+    }
+
+    if (minimumLongueur.value !== undefined) _regles.push(v => estMinimumLongueur(v, minimumLongueur.value!, t))
+
+    if (maximumLongueur.value !== undefined) _regles.push(v => estMaximumLongueur(v, maximumLongueur.value!, t))
+
+    return _regles
+  })
+
+  // Clés i18n
+  const cleTradEn = computed(() => {
+    switch (langue.value) {
+      case ChoixLangue.Bilingue:
+      case ChoixLangue.Anglais:
+        return `${i18nLibelleRacine.value}.${String(champs.value.Anglais)}`
+      default:
+        return 'cle_manquante'
+    }
+  })
+
+  const cleTradFr = computed(() => {
+    switch (langue.value) {
+      case ChoixLangue.Bilingue:
+      case ChoixLangue.Francais:
+        return `${i18nLibelleRacine.value}.${String(champs.value.Francais)}`
+      default:
+        return 'cle_manquante'
+    }
+  })
+
+  const afficherChampFr = computed(() => langue.value === ChoixLangue.Francais || langue.value === ChoixLangue.Bilingue)
+  const afficherChampEn = computed(() => langue.value === ChoixLangue.Anglais || langue.value === ChoixLangue.Bilingue)
+</script>

package/composants/gabarit/pivEntete.vue

@@ -5,8 +5,7 @@
     elevation="1"
   >
     <v-row
-      class="pl-6 pr-6"
-      align="center"
+      class="pl-6 pr-6 align-center"
       no-gutters
     >
       <!-- Première colonne : Logo -->

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "codevdesign",
-  "version": "1.0.79",
-  "description": "Composants Vuetify 3 pour les projets Codev",
+  "version": "2.0.0",
+  "description": "Composants Vuetify 4 pour les projets Codev",
   "files": [
     "./**/*.vue",
     "./**/*.ts",
@@ -13,8 +13,8 @@
     "build": "vite build"
   },
   "dependencies": {
-    "tinymce-i18n": "^26.1.12",
-    "sortablejs": "^1.15.6",
+    "tinymce-i18n": "^26.6.0",
+    "sortablejs": "^1.15.7",
     "@e965/xlsx": "^0.20.3"
   },
   "peerDependencies": {
@@ -25,14 +25,14 @@
     "tinymce": "^8.3.2"
   },
   "devDependencies": {
-    "vue": "^3.5.18",
-    "vuetify": "^3.11.2",
-    "vue-i18n": "^11.2.1",
+    "vue": "^3.5.30",
+    "vuetify": "^4.1.1",
+    "vue-i18n": "^11.4.1",
     "@tinymce/tinymce-vue": "^6.3.0",
-    "tinymce": "^8.3.2",
-    "@types/node": "^22.13.5",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.0"
+    "tinymce": "^8.6.0",
+    "@types/node": "^25.9.2",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "typescript": "^6.0.1",
+    "vite": "^8.0.10"
   }
-}
+}