Skip to content

Commit 958efae

Browse files
IvanOddisland205
IvanOdd
authored and
island205
committed
I18n: French translation (ElemeFE#12153)
* Docs: add french translation (fr-FR) in "components.json". * Docs: add french translation (fr-FR) in "page.json" * Docs: add french translation (fr-FR) in "route.json" * Docs: add french translation (fr-FR) in "title.json" * Docs: remove a comma in "title.json" * Docs: translate alert.md into french (fr-FR) * Docs: remove a comma in "component.json" * Docs: translate badge.md into french (fr-FR) * * a77b551 Docs: translate breadcrumb.md into french (fr-FR) * * a77b551 Docs: translate breadcrumb.md into french (fr-FR) * Docs: translate button.md into french (fr-FR) * Docs: translate card.md into french (fr-FR) * Docs: translate carousel.md into french (fr-FR) * Docs: translate cascader.md into french (fr-FR) * Docs: translate checkbox.md into french (fr-FR) * Docs: translate collapse.md into french (fr-FR) * Docs: translate color-picker.md into french (fr-FR) * Docs: translate color.md into french (fr-FR) * Docs: translate container.md into french (fr-FR) * Docs: translate custom-theme.md into french (fr-FR) * Docs: translate date-picker.md into french (fr-FR) * Docs: translate datetime-picker.md into french (fr-FR) * Docs: translate dialog.md into french (fr-FR) * Docs: translate form.md into french (fr-FR) * Docs: translate i18n.md into french (fr-FR) * Docs: translate icon.md into french (fr-FR) * Docs: translate input-number.md into french (fr-FR) * Docs: translate input.md into french (fr-FR) * Docs: translate installation.md into french (fr-FR) * Docs: translate dropdown.md into french (fr-FR) * Docs: translate layout.md into french (fr-FR) * Docs: translate loading.md into french (fr-FR) * Docs: translate menu.md into french (fr-FR) * Docs: translate message-box.md into french (fr-FR) * Docs: translate message.md into french (fr-FR) * Docs: translate notification.md into french (fr-FR) * Docs: translate pagination.md into french (fr-FR) * Docs: translate popover.md into french (fr-FR) * Docs: translate progress.md into french (fr-FR) * Docs: translate quickstart.md into french (fr-FR) * Docs: translate radio.md into french (fr-FR) * Docs: translate rate.md into french (fr-FR) * Docs: translate select.md into french (fr-FR) * Docs: translate slider.md into french (fr-FR) * Docs: translate steps.md into french (fr-FR) * Docs: translate switch.md into french (fr-FR) * Docs: translate table.md into french (fr-FR) * Docs: translate tabs.md into french (fr-FR) * Docs: translate tag.md into french (fr-FR) * Docs: translate time-picker.md into french (fr-FR) * Docs: translate tooltip.md into french (fr-FR) * Docs: translate transfer.md into french (fr-FR) * Docs: translate transition.md into french (fr-FR) * Docs: translate tree.md into french (fr-FR) * Docs: translate typography.md into french (fr-FR) * Docs: translate upload.md into french (fr-FR) * Docs: update the configuration for the french translation * Docs: update the french documentation from 2.4.4 to 2.4.11 * Changelog: translate to line 408 into french (fr-FR) * Changelog: finish the translation into french (fr-FR) * Changelog: update from 2.4.11 to 2.5.4 * Doc: update french translation from 2.4.11 to 2.5.4 * Changelog: fix a display bug with the subtitles * Examples: add french language (fr-FR) in search.vue component * Doc: change some french titles * Doc: add the french locale to app.vue
1 parent f598d9b commit 958efae

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

60 files changed

+19473
-11
lines changed

‎.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,7 @@ examples/element-ui
1515
examples/pages/en-US
1616
examples/pages/zh-CN
1717
examples/pages/es
18+
examples/pages/fr-FR
1819
fe.element/element-ui
1920
.npmrc
2021
coverage

‎CHANGELOG.fr-FR.md

+873
Large diffs are not rendered by default.

‎examples/app.vue

+4
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@
1313
import zhLocale from 'main/locale/lang/zh-CN';
1414
import enLocale from 'main/locale/lang/en';
1515
import esLocale from 'main/locale/lang/es';
16+
import frLocale from 'main/locale/lang/fr';
1617
1718
const lang = location.hash.replace('#', '').split('/')[1] || 'zh-CN';
1819
const localize = lang => {
@@ -23,6 +24,9 @@
2324
case 'es':
2425
use(esLocale);
2526
break;
27+
case 'fr-FR':
28+
use(frLocale);
29+
break;
2630
default:
2731
use(enLocale);
2832
}

‎examples/components/header.vue

+2-1
Original file line numberDiff line numberDiff line change
@@ -381,7 +381,8 @@
381381
langs: {
382382
'zh-CN': '中文',
383383
'en-US': 'English',
384-
'es': 'Español'
384+
'es': 'Español',
385+
'fr-FR': 'Français'
385386
}
386387
};
387388
},

‎examples/components/search.vue

+15-10
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@
3737
<style>
3838
.algolia-search {
3939
width: 450px !important;
40-
40+
4141
&.is-empty {
4242
.el-autocomplete-suggestion__list {
4343
padding-bottom: 0;
@@ -51,27 +51,27 @@
5151
5252
li {
5353
border-bottom: solid 1px #ebebeb;
54-
54+
5555
&:last-child {
5656
border-bottom: none;
5757
}
5858
}
59-
59+
6060
.algolia-highlight {
6161
color: #409EFF;
6262
font-weight: bold;
6363
}
64-
64+
6565
.algolia-search-title {
6666
font-size: 14px;
6767
margin: 6px 0;
6868
line-height: 1.8;
6969
}
70-
70+
7171
.algolia-search-separator {
7272
padding: 0 6px;
7373
}
74-
74+
7575
.algolia-search-content {
7676
font-size: 12px;
7777
margin: 6px 0;
@@ -80,7 +80,7 @@
8080
text-overflow: ellipsis;
8181
white-space: nowrap;
8282
}
83-
83+
8484
.algolia-search-link {
8585
position: absolute;
8686
bottom: 0;
@@ -96,14 +96,14 @@
9696
&:hover {
9797
background-color: #e4e7ed;
9898
}
99-
99+
100100
img {
101101
display: inline-block;
102102
height: 17px;
103103
margin-top: 10px;
104104
}
105105
}
106-
106+
107107
.algolia-search-empty {
108108
margin: 5px 0;
109109
text-align: center;
@@ -136,6 +136,11 @@
136136
search: 'Buscar',
137137
empty: 'No hay datos que coincidan',
138138
index: 'es'
139+
},
140+
'fr-FR': {
141+
search: 'Rechercher',
142+
empty: 'Aucun résultat',
143+
index: 'fr'
139144
}
140145
}
141146
};
@@ -213,4 +218,4 @@
213218
this.initIndex();
214219
}
215220
};
216-
</script>
221+
</script>

‎examples/docs/fr-FR/alert.md

+228
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,228 @@
1+
<script>
2+
export default {
3+
methods: {
4+
hello() {
5+
alert('Hello World!');
6+
}
7+
}
8+
}
9+
</script>
10+
<style>
11+
.demo-box.demo-alert .el-alert {
12+
margin: 20px 0 0;
13+
}
14+
15+
.demo-box.demo-alert .el-alert:first-child {
16+
margin: 0;
17+
}
18+
</style>
19+
20+
## Alerte
21+
22+
Affiche des messages importants.
23+
24+
### Usage
25+
26+
Les Alertes sont des composants non-superposés qui ne disparaissent pas automatiquement.
27+
28+
:::demo Les Alertes peuvent être de 4 types différents, définit par `type`, le type par défaut étant `info`.
29+
30+
```html
31+
<template>
32+
<el-alert
33+
title="succès"
34+
type="success">
35+
</el-alert>
36+
<el-alert
37+
title="information"
38+
type="info">
39+
</el-alert>
40+
<el-alert
41+
title="avertissement"
42+
type="warning">
43+
</el-alert>
44+
<el-alert
45+
title="erreur"
46+
type="error">
47+
</el-alert>
48+
</template>
49+
```
50+
:::
51+
52+
### Bouton personnalisable
53+
54+
Personnalisez le bouton de fermeture avec du texte ou des symboles.
55+
56+
:::demo Les alertes peuvent être configurées pour être fermables ou non. Le bouton de fermeture et les callbacks sont aussi personnalisables. L'attribut `closable` détermine si le composant peut être fermé ou non. Il accepte un `boolean`, la valeur par défaut étant `true`. Vous pouvez configurer l'attribut `close-text`pour remplacer la croix du bouton de fermeture. Assurez-vous que `close-text` soit une chaîne de caractères. L'évènement `close` se déclenche quand le composant est fermé.
57+
58+
```html
59+
<template>
60+
<el-alert
61+
title="alerte non-fermable"
62+
type="success"
63+
:closable="false">
64+
</el-alert>
65+
<el-alert
66+
title="texte de fermeture personnalisé"
67+
type="info"
68+
close-text="Gotcha">
69+
</el-alert>
70+
<el-alert
71+
title="alerte avec callback"
72+
type="warning"
73+
@close="hello">
74+
</el-alert>
75+
</template>
76+
77+
<script>
78+
export default {
79+
methods: {
80+
hello() {
81+
alert('Hello World!');
82+
}
83+
}
84+
}
85+
</script>
86+
```
87+
:::
88+
89+
### Avec icône
90+
91+
Afficher une icône améliore la lisibilité.
92+
93+
:::demo Ajouter l'attribut `show-icon` affiche une icône correspondant au type de l'alerte.
94+
95+
```html
96+
<template>
97+
<el-alert
98+
title="succès"
99+
type="success"
100+
show-icon>
101+
</el-alert>
102+
<el-alert
103+
title="information"
104+
type="info"
105+
show-icon>
106+
</el-alert>
107+
<el-alert
108+
title="avertissement"
109+
type="warning"
110+
show-icon>
111+
</el-alert>
112+
<el-alert
113+
title="erreur"
114+
type="error"
115+
show-icon>
116+
</el-alert>
117+
</template>
118+
```
119+
:::
120+
121+
## Texte centré
122+
123+
Utilisez l'attribut `center` pour centrer le texte.
124+
125+
:::demo
126+
127+
```html
128+
<template>
129+
<el-alert
130+
title="succès"
131+
type="success"
132+
center
133+
show-icon>
134+
</el-alert>
135+
<el-alert
136+
title="information"
137+
type="info"
138+
center
139+
show-icon>
140+
</el-alert>
141+
<el-alert
142+
title="avertissement"
143+
type="warning"
144+
center
145+
show-icon>
146+
</el-alert>
147+
<el-alert
148+
title="erreur"
149+
type="error"
150+
center
151+
show-icon>
152+
</el-alert>
153+
</template>
154+
```
155+
:::
156+
157+
### Description
158+
159+
Contient un message avec plus d'informations.
160+
161+
:::demo A coté de l'attribut `title`, vous pouvez ajouter `description` pour décrire l'alerte avec plus de précisions. Les descriptions ne peuvent contenir que du texte, et les retours à la ligne sont automatiques.
162+
163+
```html
164+
<template>
165+
<el-alert
166+
title="avec description"
167+
type="success"
168+
description="Ceci est la description.">
169+
</el-alert>
170+
</template>
171+
```
172+
:::
173+
174+
### Icône et description
175+
176+
:::demo Pour finir, voici un exemple utilisant à la fois l'icône et la description.
177+
178+
```html
179+
<template>
180+
<el-alert
181+
title="succès"
182+
type="success"
183+
description="Plus de texte pour décrire."
184+
show-icon>
185+
</el-alert>
186+
<el-alert
187+
title="information"
188+
type="info"
189+
description="Plus de texte pour décrire."
190+
show-icon>
191+
</el-alert>
192+
<el-alert
193+
title="avertissement"
194+
type="warning"
195+
description="Plus de texte pour décrire."
196+
show-icon>
197+
</el-alert>
198+
<el-alert
199+
title="erreur"
200+
type="error"
201+
description="Plus de texte pour décrire."
202+
show-icon>
203+
</el-alert>
204+
</template>
205+
```
206+
:::
207+
208+
### Attributs
209+
| Attribut | Description | Type | Valeurs acceptées | Défaut |
210+
|---------- |-------------- |---------- |-------------------------------- |-------- |
211+
| title | Titre. | string | — | — |
212+
| type | Type du composant. | string | success/warning/info/error | info |
213+
| description | Texte de description. Peut aussi être passé via le slot par défaut | string | — | — |
214+
| closable | Si peut être fermé ou non. | boolean | — | true |
215+
| center | Si le texte doit être centré ou non. | boolean | — | false |
216+
| close-text | Texte personnalisé pour le bouton de fermeture. | string | — | — |
217+
| show-icon | Si une icône s'affiche ou non. | boolean | — | false |
218+
219+
### Slot
220+
221+
| Nom | Description |
222+
|------|--------|
223+
| title | Le contenu du titre. |
224+
225+
### Évènements
226+
| Nom | Description | Paramètres |
227+
|---------- |-------- |---------- |
228+
| close | Se déclenche lorsque l'alerte est fermée. | — |

0 commit comments

Comments
 (0)