codevdesign 0.0.62 → 0.0.64

package/composants/csqcSnackbar.vue

@@ -1,98 +1,98 @@
-<template>
-  <v-snackbar
-    v-model="snackbar"
-    :timeout="tempsFinal"
-    :style="styleCss"
-    multi-line
-    :location="position"
-    :color="props.couleur"
-    @update:model-value="fermer"
-  >
-    <template v-if="props.titre || props.message">
-      <b style="font-size: 12pt">{{ props.titre }}</b>
-      <br v-if="props.titre" />
-      <b>{{ props.message }}</b>
-    </template>
-
-    <template #actions>
-      <!-- on affiche tjrs si c'est -1 car on ne pourra pas fermer le snack -->
-      <v-icon
-        v-if="props.btnFermer || props.temps === -1"
-        color="white"
-        style="cursor: pointer"
-        @click.stop="fermer"
-      >
-        mdi-close
-      </v-icon>
-    </template>
-  </v-snackbar>
-</template>
-<script lang="ts" setup>
-  import { computed, ref, watch, type PropType } from 'vue'
-
-  // Définir les props avec les types
-  const props = defineProps({
-    styleCss: {
-      type: String,
-      required: false,
-    },
-    temps: {
-      type: Number,
-      required: false,
-      default: 4000,
-      validator(value: number) {
-        // Si la valeur est inférieure à -1, on la remplace par -1
-        if (value < -1) {
-          return false // Laisser échouer la validation pour gérer ça dans une logique personnalisée
-        }
-        // Validation que la valeur soit comprise entre -1 et Number.MAX_VALUE
-        return value <= Number.MAX_VALUE
-      },
-    },
-    message: {
-      type: String,
-      required: true,
-    },
-    titre: {
-      type: String,
-      required: false,
-    },
-    couleur: {
-      type: String,
-      required: false,
-      default: 'success',
-    },
-    position: {
-      type: String as PropType<'top' | 'bottom' | 'left' | 'right' | 'center'>,
-      required: false,
-      default: 'left',
-    },
-    btnFermer: {
-      type: Boolean,
-      required: false,
-      default: true,
-    },
-  })
-  const emit = defineEmits(['fermer:snackbar'])
-  const fermer = (): void => {
-    snackbar.value = false
-    emit('fermer:snackbar')
-  }
-  // Déclarer l'état réactif pour snackbar
-  const snackbar = ref(false)
-  const message = computed(() => props.message)
-  const tempsFinal = computed(() => {
-    if (props.temps < -1) {
-      return -1 // Si la valeur est inférieure à -1, on la met à -1
-    }
-    if (props.temps >= 0 && props.temps < 1000) return 1000 // on met 1 seconde minimum sinon one ne la voit pas
-
-    return props.temps // Sinon, on retourne la valeur de la prop
-  })
-
-  watch(message, nouveau => {
-    if (nouveau != null && nouveau !== '') {
-      snackbar.value = true
-    }
-  })
-</script>
+<template>
+  <v-snackbar
+    v-model="snackbar"
+    :timeout="tempsFinal"
+    :style="styleCss"
+    multi-line
+    :location="position"
+    :color="props.couleur"
+    @update:model-value="fermer"
+  >
+    <template v-if="props.titre || props.message">
+      <b style="font-size: 12pt">{{ props.titre }}</b>
+      <br v-if="props.titre" />
+      <b>{{ props.message }}</b>
+    </template>
+
+    <template #actions>
+      <!-- on affiche tjrs si c'est -1 car on ne pourra pas fermer le snack -->
+      <v-icon
+        v-if="props.btnFermer || props.temps === -1"
+        color="white"
+        style="cursor: pointer"
+        @click.stop="fermer"
+      >
+        mdi-close
+      </v-icon>
+    </template>
+  </v-snackbar>
+</template>
+<script lang="ts" setup>
+  import { computed, ref, watch, type PropType } from 'vue'
+
+  // Définir les props avec les types
+  const props = defineProps({
+    styleCss: {
+      type: String,
+      required: false,
+    },
+    temps: {
+      type: Number,
+      required: false,
+      default: 4000,
+      validator(value: number) {
+        // Si la valeur est inférieure à -1, on la remplace par -1
+        if (value < -1) {
+          return false // Laisser échouer la validation pour gérer ça dans une logique personnalisée
+        }
+        // Validation que la valeur soit comprise entre -1 et Number.MAX_VALUE
+        return value <= Number.MAX_VALUE
+      },
+    },
+    message: {
+      type: String,
+      required: true,
+    },
+    titre: {
+      type: String,
+      required: false,
+    },
+    couleur: {
+      type: String,
+      required: false,
+      default: 'success',
+    },
+    position: {
+      type: String as PropType<'top' | 'bottom' | 'left' | 'right' | 'center'>,
+      required: false,
+      default: 'left',
+    },
+    btnFermer: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
+  })
+  const emit = defineEmits(['fermer:snackbar'])
+  const fermer = (): void => {
+    snackbar.value = false
+    emit('fermer:snackbar')
+  }
+  // Déclarer l'état réactif pour snackbar
+  const snackbar = ref(false)
+  const message = computed(() => props.message)
+  const tempsFinal = computed(() => {
+    if (props.temps < -1) {
+      return -1 // Si la valeur est inférieure à -1, on la met à -1
+    }
+    if (props.temps >= 0 && props.temps < 1000) return 1000 // on met 1 seconde minimum sinon one ne la voit pas
+
+    return props.temps // Sinon, on retourne la valeur de la prop
+  })
+
+  watch(message, nouveau => {
+    if (nouveau != null && nouveau !== '') {
+      snackbar.value = true
+    }
+  })
+</script>

package/composants/csqcTable/csqcTableExportExcel.vue

@@ -1,58 +1,58 @@
-<template>
-  <v-icon
-    end
-    color="grisMoyen"
-    icon="mdi-microsoft-excel"
-    @click="exportToXLSX"
-  >
-  </v-icon>
-</template>
-
-<script setup lang="ts">
-  import { utils, writeFileXLSX } from '@e965/xlsx'
-  import { computed } from 'vue'
-
-  const props = defineProps<{
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    liste: any[]
-    nomFichier: string
-    chargementListe: boolean
-  }>()
-
-  // Extraction des clés uniques de tous les objets
-  const cleDynamique = computed(() => {
-    const keys: Set<string> = new Set()
-
-    // Parcours tous les objets de la liste et ajoute leurs clés
-    props.liste.forEach(item => {
-      if (typeof item === 'object' && item !== null) {
-        Object.keys(item).forEach(key => keys.add(key))
-      }
-    })
-    return Array.from(keys)
-  })
-
-  // Fonction pour exporter les données en Excel
-  const exportToXLSX = () => {
-    if (!props.liste.length) {
-      console.warn('La liste est vide, exportation annulée.')
-      return
-    }
-
-    // Récupération des en-têtes depuis la fonction cleDynamique
-    const headers = cleDynamique.value
-
-    //  Construction des lignes en respectant l'ordre des en-têtes
-    const rows = props.liste.map(item => {
-      return headers.map(key => (key in item ? item[key] : '')) // Valeur ou vide si absente
-    })
-
-    //  Création des données Excel (en-têtes + lignes)
-    const data = [headers, ...rows]
-    //  Génération du fichier Excel
-    const ws = utils.aoa_to_sheet(data)
-    const wb = utils.book_new()
-    utils.book_append_sheet(wb, ws, '1')
-    writeFileXLSX(wb, `${props.nomFichier}.xlsx`)
-  }
-</script>
+<template>
+  <v-icon
+    end
+    color="grisMoyen"
+    icon="mdi-microsoft-excel"
+    @click="exportToXLSX"
+  >
+  </v-icon>
+</template>
+
+<script setup lang="ts">
+  import { utils, writeFileXLSX } from '@e965/xlsx'
+  import { computed } from 'vue'
+
+  const props = defineProps<{
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    liste: any[]
+    nomFichier: string
+    chargementListe: boolean
+  }>()
+
+  // Extraction des clés uniques de tous les objets
+  const cleDynamique = computed(() => {
+    const keys: Set<string> = new Set()
+
+    // Parcours tous les objets de la liste et ajoute leurs clés
+    props.liste.forEach(item => {
+      if (typeof item === 'object' && item !== null) {
+        Object.keys(item).forEach(key => keys.add(key))
+      }
+    })
+    return Array.from(keys)
+  })
+
+  // Fonction pour exporter les données en Excel
+  const exportToXLSX = () => {
+    if (!props.liste.length) {
+      console.warn('La liste est vide, exportation annulée.')
+      return
+    }
+
+    // Récupération des en-têtes depuis la fonction cleDynamique
+    const headers = cleDynamique.value
+
+    //  Construction des lignes en respectant l'ordre des en-têtes
+    const rows = props.liste.map(item => {
+      return headers.map(key => (key in item ? item[key] : '')) // Valeur ou vide si absente
+    })
+
+    //  Création des données Excel (en-têtes + lignes)
+    const data = [headers, ...rows]
+    //  Génération du fichier Excel
+    const ws = utils.aoa_to_sheet(data)
+    const wb = utils.book_new()
+    utils.book_append_sheet(wb, ws, '1')
+    writeFileXLSX(wb, `${props.nomFichier}.xlsx`)
+  }
+</script>