codevdesign 1.0.3 → 1.0.5

package/composants/csqcTable/csqcTable.vue

@@ -6,6 +6,7 @@
       <v-col>
         <slot name="recherche"></slot>
         <Recherche
+          v-bind="$attrs"
           :afficher="rechercheAfficher"
           :recherche-texte="rechercheTexte"
           :chargement="chargementListe"
@@ -62,7 +63,7 @@
       >
         <v-data-table
           ref="datatable"
-          color="green"
+          v-bind="$attrs"
           :headers="colonnes"
           :item-key="itemKey"
           :items="liste"

package/index.ts

@@ -1,72 +1,72 @@
-import csqcAlerteErreur from './composants/csqcAlerteErreur.vue'
-import csqcDialogue from './composants/csqcDialogue.vue'
-import csqcOptionSwitch from './composants/csqcOptionSwitch.vue'
-import csqcRecherche from './composants/csqcRecherche.vue'
-import csqcSnackbar from './composants/csqcSnackbar.vue'
-import csqcTiroir from './composants/csqcTiroir.vue'
-import pivEntete from './composants/gabarit/pivEntete.vue'
-import pivFooter from './composants/gabarit/pivPiedPage.vue'
-import csqcMenu from './composants/gabarit/csqcMenu.vue'
-import csqcConfirmation from './composants/csqcConfirmation.vue'
-import csqcDate from './composants/csqcDate.vue'
-import csqcTable from './composants/csqcTable/csqcTable.vue'
-import csqcCodeBudgetaire from './composants/csqcCodeBudgetaireGenerique.vue'
-import csqcChaise from './composants/csqcChaise/chaiseConteneur.vue'
-import csqcAide from './composants/csqcAide.vue'
-import csqcEntete from './composants/csqcEntete.vue'
-import csqcTexteBilingue from './composants/csqcTexteBilingue.vue'
-// @ts-expect-error TS7016
-import csqcEditeurTexteRiche from './composants/csqcEditeurTexteRiche.vue'
-import csqcImportCSV from './composants/csqcImportCSV.vue'
-import csqcRechercheUtilisateur from './composants/csqcRechercheUtilisateur.vue'
-import validateurs from './composants/validateurs'
-
-// modèles
-import NotificationGabaritDefaut from './modeles/notificationGabaritDefaut'
-import modeleSnackbar from './modeles/composants/snackbar'
-import modeleDatatableColonne from './modeles/composants/datatableColonne'
-import apiReponse from './modeles/apiReponse'
-import data from './modeles/data'
-import response from './modeles/response'
-
-// i18n
-import csqcEn from './locales/en.json'
-import csqcFr from './locales/fr.json'
-
-// outils
-import csqcRafraichisseurToken from './outils/rafraichisseurToken'
-import csqcAppAxios from './outils/appAxios'
-
-export {
-  csqcFr,
-  csqcEn,
-  csqcAlerteErreur,
-  csqcDialogue,
-  csqcConfirmation,
-  csqcDate,
-  csqcOptionSwitch,
-  csqcRecherche,
-  csqcSnackbar,
-  csqcTable,
-  csqcTiroir,
-  csqcMenu,
-  csqcCodeBudgetaire,
-  csqcChaise,
-  pivFooter,
-  pivEntete,
-  csqcAide,
-  csqcEntete,
-  csqcTexteBilingue,
-  csqcEditeurTexteRiche,
-  validateurs,
-  csqcImportCSV,
-  csqcRechercheUtilisateur,
-  modeleSnackbar,
-  modeleDatatableColonne,
-  apiReponse,
-  data,
-  response,
-  NotificationGabaritDefaut,
-  csqcAppAxios,
-  csqcRafraichisseurToken
-}
+import csqcAlerteErreur from './composants/csqcAlerteErreur.vue'
+import csqcDialogue from './composants/csqcDialogue.vue'
+import csqcOptionSwitch from './composants/csqcOptionSwitch.vue'
+import csqcRecherche from './composants/csqcRecherche.vue'
+import csqcSnackbar from './composants/csqcSnackbar.vue'
+import csqcTiroir from './composants/csqcTiroir.vue'
+import pivEntete from './composants/gabarit/pivEntete.vue'
+import pivFooter from './composants/gabarit/pivPiedPage.vue'
+import csqcMenu from './composants/gabarit/csqcMenu.vue'
+import csqcConfirmation from './composants/csqcConfirmation.vue'
+import csqcDate from './composants/csqcDate.vue'
+import csqcTable from './composants/csqcTable/csqcTable.vue'
+import csqcCodeBudgetaire from './composants/csqcCodeBudgetaireGenerique.vue'
+import csqcChaise from './composants/csqcChaise/chaiseConteneur.vue'
+import csqcAide from './composants/csqcAide.vue'
+import csqcEntete from './composants/csqcEntete.vue'
+import csqcTexteBilingue from './composants/csqcTexteBilingue.vue'
+// @ts-expect-error TS7016
+import csqcEditeurTexteRiche from './composants/csqcEditeurTexteRiche.vue'
+import csqcImportCSV from './composants/csqcImportCSV.vue'
+import csqcRechercheUtilisateur from './composants/csqcRechercheUtilisateur.vue'
+import validateurs from './composants/validateurs'
+
+// modèles
+import NotificationGabaritDefaut from './modeles/notificationGabaritDefaut'
+import modeleSnackbar from './modeles/composants/snackbar'
+import modeleDatatableColonne from './modeles/composants/datatableColonne'
+import apiReponse from './modeles/apiReponse'
+import data from './modeles/data'
+import response from './modeles/response'
+
+// i18n
+import csqcEn from './locales/en.json'
+import csqcFr from './locales/fr.json'
+
+// outils
+import csqcRafraichisseurToken from './outils/rafraichisseurToken'
+import csqcAppAxios from './outils/appAxios'
+
+export {
+  csqcFr,
+  csqcEn,
+  csqcAlerteErreur,
+  csqcDialogue,
+  csqcConfirmation,
+  csqcDate,
+  csqcOptionSwitch,
+  csqcRecherche,
+  csqcSnackbar,
+  csqcTable,
+  csqcTiroir,
+  csqcMenu,
+  csqcCodeBudgetaire,
+  csqcChaise,
+  pivFooter,
+  pivEntete,
+  csqcAide,
+  csqcEntete,
+  csqcTexteBilingue,
+  csqcEditeurTexteRiche,
+  validateurs,
+  csqcImportCSV,
+  csqcRechercheUtilisateur,
+  modeleSnackbar,
+  modeleDatatableColonne as colonne,
+  apiReponse,
+  data,
+  response,
+  NotificationGabaritDefaut,
+  csqcAppAxios,
+  csqcRafraichisseurToken
+}

package/modeles/composants/datatableColonne.ts

@@ -1,14 +1,31 @@
-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
+import type { DataTableCompareFunction, DataTableHeader, FilterFunction } from 'vuetify'
+import { HeaderCellProps } from 'vuetify/lib/components/VDataTable/types.mjs';
+import { SelectItemKey } from 'vuetify/lib/util/helpers.mjs';
+
+class datatableColonne<T = any> implements DataTableHeader<T> {
+  key?: 'data-table-group' | 'data-table-select' | 'data-table-expand' | (string & {});
+  value?: SelectItemKey<T>;
+  title?: string;
+  fixed?: boolean | 'start' | 'end';
+  align?: 'start' | 'end' | 'center';
+  width?: number | string;
+  minWidth?: number | string;
+  maxWidth?: number | string;
+  nowrap?: boolean;
+  intent?: number;
+  headerProps?: Record<string, any>;
+  cellProps?: HeaderCellProps;
+  sortable?: boolean;
+  sort?: DataTableCompareFunction;
+  sortRaw?: DataTableCompareFunction;
+  filter?: FilterFunction;
+  children?: DataTableHeader<T>[];
+
+  constructor(title: string, key: string) {
+    this.title = title
+    this.key = key
+    this.align = key === 'action' ? 'end' : key === 'estActif' ? 'center' : 'start'
+    this.sortable = key !== 'action'
+  }
+}
+export default datatableColonne

package/package.json

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