codevdesign 0.0.11 → 0.0.13

package/README.md

@@ -2,7 +2,7 @@
 
 ## À propos
 
-Composants Vuetify 3 pour les projets Codev 
+Composants Vuetify 3 pour les projets Codev
 
 ## Table des matières
 
@@ -20,11 +20,12 @@ Vue 3
 Vuetify 3
 Vue-i18n
 Typescript 5
-
+"@e965/xlsx"
 
 ## Installation
 
 Installez le package via npm en exécutant la commande suivante dans votre projet :
+
 ```
 npm install codevdesign
 ```
@@ -92,7 +93,7 @@ export default createI18n({
   globalInjection: true,
   fallbackLocale: window.langue,
   silentTranslationWarn: true,
-}) 
+})
 ```
 
 Vous pouvez importer les composants directement depuis le package Codev Design comme suit :
@@ -100,19 +101,17 @@ Vous pouvez importer les composants directement depuis le package Codev Design c
 ```
 import { pivFooter, pivEntete, csqcMenu, csqcAlerteErreur, csqcSnackbar } from 'codevdesign'
 ```
-Ces composants sont prêts à être utilisés dans vos pages ou vos composants Vue.js.
 
+Ces composants sont prêts à être utilisés dans vos pages ou vos composants Vue.js.
 
 ## Documentation
 
 Un bac à sable interactif avec la documentation détaillée des props des composants est disponible pour les membres de la CDPVD. Vous pouvez y accéder ici : https://espacedev.csqc.ca/codevdesign
 
-
 ## Gestion des versions
 
 Toutes les versions disponibles ainsi que les journaux des changements apportés sont disponibles sur la page npm du package : https://www.npmjs.com/package/codevdesign?activeTab=versions.
 
-
 ## Licence
 
 Ce package Codev Design est fourni sans licence spécifique. Vous pouvez l'utiliser dans vos projets à votre discrétion, mais il n'y a aucune garantie légale.

package/composants/csqcTable/csqcTable.vue

@@ -142,13 +142,7 @@
   //import ModaleChoix from './csqc-table-modale-choix-colonnes.vue';
   //import axios from 'axios'
   import { useI18n } from 'vue-i18n'
-
-  interface Colonne {
-    title: string
-    key: string // Correspond à la clé des objets dans `liste`
-    align?: 'start' | 'center' | 'end'
-    sortable?: boolean
-  }
+  import Colonne from '../../modeles/composants/datatableColonne'
 
   // Props
   const props = defineProps({

package/composants/csqcTable/csqcTableExportExcel.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script setup lang="ts">
-  import { utils, writeFileXLSX } from 'xlsx'
+  import { utils, writeFileXLSX } from '@e965/xlsx'
   import { defineProps, computed } from 'vue'
 
   const props = defineProps<{

package/index.ts

@@ -15,6 +15,7 @@ import modeleUtilisateur from './modeles/utilisateur'
 import modeleUnite from './modeles/unite'
 import modeleIntervention from './modeles/intervention'
 import modeleSnackbar from './modeles/composants/snackbar'
+import modeleDatatableColonne from './modeles/composants/datatableColonne'
 import csqcEn from './locales/en.json'
 import csqcFr from './locales/fr.json'
 
@@ -37,4 +38,5 @@ export {
   modeleUnite,
   modeleIntervention,
   modeleSnackbar,
+  modeleDatatableColonne,
 }

package/modeles/composants/datatableColonne.ts

@@ -0,0 +1,14 @@
+class datatableColonne {
+  title: string
+  key: string // Correspond à la clé des objets dans `liste`
+  align?: 'start' | 'center' | 'end'
+  sortable?: boolean
+
+  constructor(title: string, key: string, align?: 'start' | 'center' | 'end', sortable?: boolean) {
+    this.title = title
+    this.key = key
+    this.align = align
+    this.sortable = sortable
+  }
+}
+export default datatableColonne

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codevdesign",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "Composants Vuetify 3 pour les projets Codev",
   "files": [
     "./**/*.vue",
@@ -14,7 +14,8 @@
   },
   "dependencies": {
     "vuetify": "^3.7.0",
-    "vue-i18n": "^11.0.0"
+    "vue-i18n": "^11.0.0",
+    "@e965/xlsx": "^0.20.3"
   },
   "devDependencies": {
     "@types/node": "^22.13.5",