Docs: Update french doc and changelog (2.8.2) (ElemeFE#15389)

README.md

@@ -153,6 +153,9 @@ Spanish documentation is made possible by these community developers:
 - [sigfriedCub1990](https://github.com/sigfriedCub1990)
 - [thechosenjuan](https://github.com/thechosenjuan)
 
+French documentation is made possible by these community developers:
+- [smalesys](https://github.com/smalesys)
+
 ## Donation
 If you find Element useful, you can buy us a cup of coffee
 

examples/docs/en-US/table.md

@@ -1332,7 +1332,7 @@ When the row content is too long and you do not want to display the horizontal s
 
 ### Tree data and lazy mode
 
-:::demo You can display tree structure data。When using it, the prop `row-key` is required。Also, child row data can be loaded asynchronously. Set `lazy` property of Table to true and the function `load`. Specify `hasChildren` attribute in row to determine which row contains children.
+:::demo You can display tree structure data. When using it, the prop `row-key` is required. Also, child row data can be loaded asynchronously. Set `lazy` property of Table to true and the function `load`. Specify `hasChildren` attribute in row to determine which row contains children.
 
 ```html
 <template>
@@ -1344,13 +1344,13 @@ When the row content is too long and you do not want to display the horizontal s
     row-key="id">
     <el-table-column
       prop="date"
-      label="日期"
+      label="Date"
       sortable
       width="180">
     </el-table-column>
     <el-table-column
       prop="name"
-      label="name"
+      label="Name"
       sortable
       width="180">
     </el-table-column>
@@ -1366,12 +1366,12 @@ When the row content is too long and you do not want to display the horizontal s
     >
     <el-table-column
       prop="date"
-      label="date"
+      label="Date"
       width="180">
     </el-table-column>
     <el-table-column
       prop="name"
-      label="name"
+      label="Name"
       width="180">
     </el-table-column>
   </el-table>

examples/docs/fr-FR/alert.md

@@ -30,30 +30,30 @@ Les Alertes sont des composants non-superposés qui ne disparaissent pas automat
 ```
 :::
 
-### Theme
+### Thème
 
-Alert provide two different themes, `light` and `dark`.
+Alert fournit deux thèmes différents, `light` et `dark`.
 
-:::demo Set `effect` to change theme, default is `light`.
+:::demo Réglez `effect` pour changer le thème, le défaut étant `light`.
 ```html
 <template>
   <el-alert
-    title="success alert"
+    title="succès"
     type="success"
     effect="dark">
   </el-alert>
   <el-alert
-    title="info alert"
+    title="info"
     type="info"
     effect="dark">
   </el-alert>
   <el-alert
-    title="warning alert"
+    title="avertissement"
     type="warning"
     effect="dark">
   </el-alert>
   <el-alert
-    title="error alert"
+    title="erreur"
     type="error"
     effect="dark">
   </el-alert>
@@ -175,7 +175,7 @@ Contient un message avec plus d'informations.
 ```html
 <template>
   <el-alert
-    title="avec description"
+    title="Titre"
     type="success"
     description="Ceci est la description.">
   </el-alert>
@@ -227,7 +227,7 @@ Contient un message avec plus d'informations.
 | center | Si le texte doit être centré ou non. | boolean | — | false |
 | close-text | Texte personnalisé pour le bouton de fermeture. | string | — | — |
 | show-icon | Si une icône s'affiche ou non. | boolean | — | false |
-| effect | Choose theme  | string | light/dark | light |
+| effect | Détermine le thème.  | string | light/dark | light |
 
 ### Slot
 

examples/docs/fr-FR/calendar.md

@@ -1,10 +1,10 @@
-## Calendar
+## Calendrier
 
-Display date.
+Affiche un calendrier.
 
-### Basic
+### Usage basique
 
-:::demo Set `value` to specify the currently displayed month. If `value` is not specified, current month is displayed. `value` supports two-way binding.
+:::demo Réglez `value` pour spécifier le mois à afficher. Si `value` n'est pas sépcifié, le mois actuel sera affiché. `value` supporte le two-way binding.
 ```html
 <el-calendar v-model="value">
 </el-calendar>
@@ -21,9 +21,9 @@ Display date.
 ```
 :::
 
-### Custom Content
+### Contenu personnalisé
 
-:::demo Customize what is displayed in the calendar cell by setting `scoped-slot` named `dateCell`. In `scoped-slot` you can get the date (the date of the current cell), data (including the type, isSelected, day attribute). For details, please refer to the API documentation below.
+:::demo Personnalisez le contenu du calendrier en utilisant le `scoped-slot` appelé `dateCell`. Dans ce `scoped-slot` vous aurez accès au paramètres date (date de la cellule courante), data (incluant les attributs type, isSelected et day). pour plus d'informations, référez-vous à la documentation ci-dessous.
 ```html
 <el-calendar>
   <!-- Use 2.5 slot syntax. If you use Vue 2.6, please use new slot syntax-->
@@ -43,23 +43,25 @@ Display date.
 ```
 :::
 
-### Range
+### Intervalle
 
-:::demo Set the `range` attribute to specify the display range of the calendar. Start time must be Monday, end time must be Sunday, and the time span cannot exceed two months.
+:::demo Utilisez l'attribut `range` pour afficher un intervalle particulier. Le début doit être un lundi et la fin un dimanche, l'intervalle ne pouvant excéder deux mois.
 ```html
 <el-calendar :range="['2019-03-04', '2019-03-24']">
 </el-calendar>
 ```
 :::
 
-### Attributes
-| Attribute       | Description   | Type      | Accepted Values       | Default  |
+### Attributs
+
+| Attribut       | Description   | Type      | Valeurs acceptées       | Défaut  |
 |-----------------|-------------- |---------- |---------------------- |--------- |
-| value / v-model | binding value | Date/string/number | —            | —        |
-| range           | time range, including start time and end time. Start time must be Monday, end time must be Sunday, the time span cannot exceed two months | Array     | —           | —      |
+| value / v-model | Valeur liée. | Date/string/number | —            | —        |
+| range           | Intervalle de dates, début et fin inclus. Le début doit être un lundi et la fin un dimanche, l'intervalle ne pouvant excéder deux mois. | Array     | —           | —      |
+
+### Slot dateCell
 
-### dateCell scoped slot 参数
-| Attribute       | Description   | Type      | Accepted Values       | Default  |
+| Attribut       | Description   | Type      | Valeurs acceptées       | Défaut  |
 |-----------------|-------------- |---------- |---------------------- |--------- |
-| date            | date the cell represents  | Date      | —                     | —        |
-| data            | { type, isSelected, day}. `type` indicates which month the date belongs, optional values are prev-month, current-month, next-month; `isSelected` indicates whether the date is selected; `day` is the formatted date in the format yyyy-MM-dd    | Object      | —           | —      |
+| date            | Date de la cellule courante.  | Date      | —                     | —        |
+| data            | { type, isSelected, day }. `type` indique le mois de la date courante, les valeurs prev-month, current-month et next-month pouvant être utilisées; `isSelected` indique si la date est sélectionnée; `day` est la date formattée en yyyy-MM-dd.    | Object      | —           | —      |

examples/docs/fr-FR/carousel.md

@@ -147,7 +147,7 @@ Quand la page est suffisement large mais avec une hauteur limitée, vous pouvez
 ```
 :::
 
-By default, `direction` is `horizontal`. Let carousel be displayed in the vertical direction by setting `direction` to `vertical`.
+Par défaut, `direction` est `horizontal`. Vous pouvez faire en sorte que le défilement soit vertical em mettant `direction` à `vertical`.
 
 :::demo
 ```html
@@ -191,7 +191,7 @@ By default, `direction` is `horizontal`. Let carousel be displayed in the vertic
 | arrow | Détermine quand les flèches sont affichés. | string | always/hover/never | hover |
 | type | Type du carousel. | string | card | — |
 | loop | Affiche les éléments en boucle. | boolean | - | true |
-| direction | display direction | string | horizontal/vertical | horizontal |
+| direction | Détermine la direction du défilement. | string | horizontal/vertical | horizontal |
 
 ### Évènements du Carousel
 | Nom | Description | Paramètres |

examples/docs/fr-FR/collapse.md

@@ -128,4 +128,4 @@ En plus de l'utilisation de l'attribut `title`, vous pouvez configurer les titre
 |---------- |-------------- |---------- |--------------------------------  |-------- |
 | name      | Identifiant unique du panneau. | string/number | — | — |
 | title     | Titre du panneau.              | string        | — | — |
-| disabled  | disable the collapse item      | boolean       | — | — |
+| disabled  | Désactive le panneau.          | boolean       | — | — |

examples/docs/fr-FR/divider.md

@@ -1,10 +1,10 @@
 ## Divider
 
-The dividing line that separates the content.
+Une ligne de séparation entre deux contenus.
 
-### Basic usage
+### Usage basique
 
-Divide the text of different paragraphs.
+Séparer le texte de deux paragraphes.
 
 :::demo
 ```html
@@ -18,10 +18,9 @@ Divide the text of different paragraphs.
 ```
 :::
 
-### Custom content
-
-You can customize the content on the divider line.
+### Contenu personnalisé
 
+Vous ajouter du contenu dans la ligne.
 
 :::demo
 ```html
@@ -38,24 +37,25 @@ You can customize the content on the divider line.
 ```
 :::
 
-### Vertical divider
+### Séparation verticale
 
 :::demo
 ```html
 <template>
   <div>
-    <span>Rain</span>
+    <span>Pluie</span>
     <el-divider direction="vertical"></el-divider>
-    <span>Home</span>
+    <span>Maison</span>
     <el-divider direction="vertical"></el-divider>
-    <span>Grass</span>
+    <span>Herbe</span>
   </div>
 </template>
 ```
 :::
 
-### Divider Attributes
-| Attribute      | Description          | Type      | Accepted Values       | Default  |
+### Attributs
+
+| Attribut      | Description          | Type      | Valeurs acceptées       | Défaut  |
 |-------------  |---------------- |---------------- |---------------------- |-------- |
-| direction      | Set divider's direction  | string  |          horizontal / vertical           |    horizontal     |
-| content-position      | customize the content on the divider line | String  |  left / right / center  |  center |
+| direction      | Régle la direction du séparateur.  | string  |          horizontal / vertical           |    horizontal     |
+| content-position      | Personnalise le contenu du séparateur. | String  |  left / right / center  |  center |

examples/docs/fr-FR/dropdown.md

@@ -280,7 +280,7 @@ En plus de la taille par défaut, le composant Dropdown propose trois autres tai
 | hide-on-click | Si le menu doit disparaître après avoir cliqué sur un élément.     | boolean          | — | true |
 | show-timeout | Délai avant d'afficher le menu (ne marche que si `trigger` est `hover`) | number | — | 250 |
 | hide-timeout | Délai avant de cacher le menu (ne marche que si `trigger` est `hover`) | number | — | 150 |
-| tabindex     | [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of Dropdown | number | — | 0 |
+| tabindex     | [tabindex](https://developer.mozilla.org/fr/docs/Web/HTML/Attributs_universels/tabindex) de Dropdown | number | — | 0 |
 
 ### Dropdown Slots
 

examples/docs/fr-FR/form.md

@@ -382,7 +382,7 @@ Cet exemple montre comment vous pouvez personnaliser vos règles de validation p
 :::
 
 :::tip
-Custom validate callback function must be called. See more advanced usage at [async-validator](https://github.com/yiminghe/async-validator).
+Les callback de validations personnalisées doivent être appelées. Un usage plus avancé se trouve ici: [async-validator](https://github.com/yiminghe/async-validator).
 :::
 
 ### Ajouter ou supprimer des champs dynamiquement
@@ -512,7 +512,7 @@ Custom validate callback function must be called. See more advanced usage at [as
 :::
 
 :::tip
-When an `el-form-item` is nested in another `el-form-item`, its label width will be `0`. You can set `label-width` on that `el-form-item` if needed.
+Lorsqu'un `el-form-item` est imbriqué dans un autre `el-form-item`, la largeur de son label sera `0`. Utilisez `label-width` sur ce `el-form-item` si besoin.
 :::
 
 ### Taille
@@ -592,7 +592,7 @@ Tout les composants d'un formulaire héritent leur attribut `size` de ce formula
 | rules | Règles de validation du formulaire. | object | — | — |
 | inline | Si le formulaire est horizontal. | boolean | — | false |
 | label-position | Position des labels. Si 'left' ou 'right', `label-width` est aussi requis. | string | left / right / top | right |
-| label-width | Largeur des labels, tout les enfants directs hériteront de cette valeur. Width `auto` is supported. | string | — | — |
+| label-width | Largeur des labels, tout les enfants directs hériteront de cette valeur. La largeur `auto` est supportée. | string | — | — |
 | label-suffix | Suffixe de labels. | string | — | — |
 | hide-required-asterisk | Si les champs obligatoires doivent avoir une astérisque rouge (étoile) à coté de leurs labels. | boolean | — | false |
 | show-message  | Si le message d'erreur doit apparaître. | boolean | — | true |
@@ -623,7 +623,7 @@ Tout les composants d'un formulaire héritent leur attribut `size` de ce formula
 | ---- | ----| ---- | ---- | ---- |
 | prop | Une des clés de `model`. Utilisés par les méthodes validate et resetFields. Requis. | string | Clés du model passé à `form`. |
 | label | Le label. | string | — | — |
-| label-width | Largeur du label, e.g. '50px'. Width `auto` is supported. | string | — | — |
+| label-width | Largeur du label, e.g. '50px'. La largeur `auto` est supportée. | string | — | — |
 | required | Si le champ est requis ou non. Si omis, sera déterminé par les règles de validation. | boolean |  — | false |
 | rules | Règles de validation du formulaire. | object | — | — |
 | error | Message d'erreur du champ. Si il est modifié, le champ l'affichera immédiatement. | string | — | — |