forked from ElemeFE/element
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Docs: Update french documentation, contributing guide and github temp…
…lates (ElemeFE#14418) * Docs: update french translation (fr-FR) * Contributing: add CONTRIBUTING.fr-FR.md * GitHub templates: update PULL_REQUEST_TEMPLATE.md with french contributing guide
- Loading branch information
Showing
10 changed files
with
287 additions
and
16 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,60 @@ | ||
| # Guide de contribution à l'assurance-chômage par élément | ||
|
|
||
| Bonjour! Merci d'avoir choisi Element UI. | ||
|
|
||
| Element UI est une bibliothèque de composants basée sur Vue 2.0 pour les développeurs, les designers et les chefs de produits. | ||
|
|
||
| Nous sommes ravis que vous souhaitiez contribuer à Element. Avant de soumettre votre contribution, veuillez vous assurer de prendre un moment pour lire les indications suivantes. | ||
|
|
||
| ## Concernant les issues | ||
|
|
||
| - Les issues concernent exclusivement les bugs, les demandes de fonctionnalités et les sujets liés à la conception. Les questions concernant d'autres sujets peuvent être fermées directement. Si vous avez des questions à propos de l'utilisation d'Element, veuillez vous rendre sur [Gitter](https://gitter.im/element-en/Lobby) pour obtenir de l'aide. | ||
|
|
||
| - Avant de soumettre une issue, veuillez vérifier si des problèmes similaires n'ont pas déjà été signalés. | ||
|
|
||
| - Veuillez spécifier la version de `Element` et `Vue` que vous utilisez, et fournir des informations sur le système d'exploitation et le navigateur. [JSFiddle](https://jsfiddle.net/) est recommandé afin de construire une démo pour que votre problème puisse être reproduit clairement. | ||
|
|
||
| ## Concernant les pull requests | ||
|
|
||
| - Faites un fork de ce dépôt vers votre compte. Ne créez pas de branches ici. | ||
|
|
||
| - Les informations de validation doivent être formatées en tant que `[Nom du composant] : Info à propos de ce commit` (par exemple `Button : Fix xxx bug`) | ||
|
|
||
| - **NE PAS** inclure de fichiers dans le répertoire `lib`. | ||
|
|
||
| - Assurez-vous que l'exécution de `npm run dist` génère les bons fichiers. | ||
|
|
||
| - Pour des raisons de compatibilité et de taille de fichier, notre configuration babel n'importait que `preset-2015`, donc les API comme `Array.prototype.find` et `Object.assign` dans `ES2015` ne sont pas recommandées. Vous pouvez importer des polyfills si nécessaire. | ||
|
|
||
| - Faites un rebase avant la création d'une PR pour garder l'historique clair. | ||
|
|
||
| - Assurez-vous que les PRs sont créés dans la branche `dev` au lieu de la branche `master`. | ||
|
|
||
| - Si votre PR corrige un bug, veuillez fournir une description du bug en question. | ||
|
|
||
| - La fusion d'un PR nécessite deux responsables: l'un approuve les modifications après révision, puis l'autre les révise et les fusionne. | ||
|
|
||
| ## Pré-requis | ||
| `Node.js 4+`, `yarn` et `npm 3+` sont requis. Note: nous utilisons yarn pour verrouiller les versions des dépendances, donc vous devriez installer les dépendances en utilisant `yarn` au lieu de `npm install`. | ||
| ```shell | ||
| git clone [email protected]:ElemeFE/element.git | ||
| npm run dev | ||
|
|
||
| # open http://localhost:8085 | ||
| ``` | ||
|
|
||
| > **Remarque** : modifiez le fichier `examples/play/index.vue`, utilisez le composant auquel vous contribuez, puis lancez `npm run dev:play`, allez sur http://localhost:8085, regardez le résultat rapidement et facilement. | ||
| Pour le build: | ||
|
|
||
| ```shell | ||
| npm run dist | ||
| ``` | ||
|
|
||
| ## Concernant le développement de composants | ||
| - Exécutez `make new <nom-du-composant>` pour créer un répertoire pour le nouveau composant. Les tests, le fichier d'entrée et la documentation sont inclus. | ||
| - Reportez-vous au `Button` pour les composants imbriqués. | ||
| - Reportez-vous à `Select` pour connaître les composants qui dépendent d'autres composants. | ||
|
|
||
| ## Style du code | ||
| Il suffit de se conformer à la configuration [ESLint](https://github.com/ElemeFE/eslint-config-elemefe) de [ElemeFE](https://github.com/elemefe). |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,5 +1,5 @@ | ||
| Please make sure these boxes are checked before submitting your PR, thank you! | ||
|
|
||
| * [ ] Make sure you follow Element's contributing guide ([中文](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.zh-CN.md) | [English](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.en-US.md) | [Español](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.es.md)). | ||
| * [ ] Make sure you follow Element's contributing guide ([中文](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.zh-CN.md) | [English](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.en-US.md) | [Español](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.es.md) | [Français](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.fr-FR.md)). | ||
| * [ ] Make sure you are merging your commits to `dev` branch. | ||
| * [ ] Add some descriptions and refer relative issues for you PR. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,202 @@ | ||
| <script> | ||
| export default { | ||
| data() { | ||
| return { | ||
| reverse: true, | ||
| activities: [{ | ||
| content: 'Début de l\'évènement', | ||
| timestamp: '2018-04-15' | ||
| }, { | ||
| content: 'Approuvé', | ||
| timestamp: '2018-04-13' | ||
| }, { | ||
| content: 'Succès', | ||
| timestamp: '2018-04-11' | ||
| }], | ||
| activities2: [{ | ||
| content: 'Icône', | ||
| timestamp: '2018-04-12 20:46', | ||
| size: 'large', | ||
| type: 'primary', | ||
| icon: 'el-icon-more' | ||
| }, { | ||
| content: 'Couleur', | ||
| timestamp: '2018-04-03 20:46', | ||
| color: '#0bbd87' | ||
| }, { | ||
| content: 'Taille', | ||
| timestamp: '2018-04-03 20:46', | ||
| size: 'large' | ||
| }, { | ||
| content: 'Défaut', | ||
| timestamp: '2018-04-03 20:46' | ||
| }] | ||
| }; | ||
| } | ||
| }; | ||
| </script> | ||
| <style> | ||
| .demo-timeline .source .radio { | ||
| margin-bottom: 20px; | ||
| } | ||
| .demo-timeline .source .radio .el-radio-group { | ||
| margin-left: 20px; | ||
| } | ||
| </style> | ||
|
|
||
| ## Timeline | ||
|
|
||
| Affiche une suite d'évènements dans un ordre chronologique. | ||
|
|
||
| ### Usage | ||
|
|
||
| La ligne du temps peut être divisée en plusieurs activités en ordre ascendant ou descendant. Les timestamps sont des caractéristiques importantes qui les distinguent des autres composants. Notez la différence avec Steps. | ||
|
|
||
| :::demo | ||
| ```html | ||
| <div class="block"> | ||
| <div class="radio"> | ||
| Order: | ||
| <el-radio-group v-model="reverse"> | ||
| <el-radio :label="true">Descendant</el-radio> | ||
| <el-radio :label="false">Ascendant</el-radio> | ||
| </el-radio-group> | ||
| </div> | ||
|
|
||
| <el-timeline :reverse="reverse"> | ||
| <el-timeline-item | ||
| v-for="(activity, index) in activities" | ||
| :key="index" | ||
| :timestamp="activity.timestamp"> | ||
| {{activity.content}} | ||
| </el-timeline-item> | ||
| </el-timeline> | ||
| </div> | ||
|
|
||
| <script> | ||
| export default { | ||
| data() { | ||
| return { | ||
| reverse: true, | ||
| activities: [{ | ||
| content: 'Début de l\'évènement', | ||
| timestamp: '2018-04-15' | ||
| }, { | ||
| content: 'Approuvé', | ||
| timestamp: '2018-04-13' | ||
| }, { | ||
| content: 'Succès', | ||
| timestamp: '2018-04-11' | ||
| }] | ||
| }; | ||
| } | ||
| }; | ||
| </script> | ||
| ``` | ||
| ::: | ||
|
|
||
| ### Noeud personnalisé | ||
|
|
||
| Vous pouvez personnaliser la taille, la couleur et les icônes de chaque Noeud. | ||
|
|
||
| :::demo | ||
| ```html | ||
| <div class="block"> | ||
| <el-timeline> | ||
| <el-timeline-item | ||
| v-for="(activity, index) in activities2" | ||
| :key="index" | ||
| :icon="activity.icon" | ||
| :type="activity.type" | ||
| :color="activity.color" | ||
| :size="activity.size" | ||
| :timestamp="activity.timestamp"> | ||
| {{activity.content}} | ||
| </el-timeline-item> | ||
| </el-timeline> | ||
| </div> | ||
|
|
||
| <script> | ||
| export default { | ||
| data() { | ||
| return { | ||
| activities2: [{ | ||
| content: 'Icône', | ||
| timestamp: '2018-04-12 20:46', | ||
| size: 'large', | ||
| type: 'primary', | ||
| icon: 'el-icon-more' | ||
| }, { | ||
| content: 'Couleur', | ||
| timestamp: '2018-04-03 20:46', | ||
| color: '#0bbd87' | ||
| }, { | ||
| content: 'Taille', | ||
| timestamp: '2018-04-03 20:46', | ||
| size: 'large' | ||
| }, { | ||
| content: 'Défaut', | ||
| timestamp: '2018-04-03 20:46' | ||
| }] | ||
| }; | ||
| } | ||
| }; | ||
| </script> | ||
| ``` | ||
| ::: | ||
|
|
||
| ### Timestamp personnalisé | ||
|
|
||
| Le timestamp peut être placé au-dessus du contenu lorsque celui-ci est trop haut. | ||
|
|
||
| :::demo | ||
| ```html | ||
| <div class="block"> | ||
| <el-timeline> | ||
| <el-timeline-item timestamp="2018/4/12" placement="top"> | ||
| <el-card> | ||
| <h4>Mise à jour du template GitHub</h4> | ||
| <p>Commit de Tom le 2018/4/12 20:46</p> | ||
| </el-card> | ||
| </el-timeline-item> | ||
| <el-timeline-item timestamp="2018/4/3" placement="top"> | ||
| <el-card> | ||
| <h4>Mise à jour du template GitHub</h4> | ||
| <p>Commit de Tom le 2018/4/3 20:46</p> | ||
| </el-card> | ||
| </el-timeline-item> | ||
| <el-timeline-item timestamp="2018/4/2" placement="top"> | ||
| <el-card> | ||
| <h4>Mise à jour du template GitHub</h4> | ||
| <p>Commit de Tom le 2018/4/2 20:46</p> | ||
| </el-card> | ||
| </el-timeline-item> | ||
| </el-timeline> | ||
| </div> | ||
| ``` | ||
| ::: | ||
|
|
||
| ### Attributs de Timeline | ||
|
|
||
| | Attribut | Description | Type | Valeurs acceptées | Défaut | | ||
| |---------- |-------- |---------- |------------- |-------- | | ||
| | reverse | Si l'ordre chronologique est ascendant ou descendant, le défaut étant ascendant. | boolean | — | false | | ||
|
|
||
| ### Attribut de Timeline-item | ||
|
|
||
| | Attribut | Description | Type | Valeurs acceptées | Défaut | | ||
| |---------- |-------- |---------- |------------- |-------- | | ||
| | timestamp | Le contenu du timestamp. | string | - | — | | ||
| | hide-timestamp | Si le timestamp doit être affiché. | boolean | — | false | | ||
| | placement | La position du timestamp. | string | top / bottom | bottom | | ||
| | type | Le type de noeud. | string | primary / success / warning / danger / info | - | | ||
| | color | La couleur de fond du noeud. | string | hsl / hsv / hex / rgb | - | | ||
| | size | La taille du noeud | string | normal / large | normal | | ||
| | icon | Le nom de classe de l'icône. | string | — | - | | ||
|
|
||
| ### Slots de Timeline-Item | ||
|
|
||
| | Nom | Description | | ||
| |------|--------| | ||
| | — | Contenu personnalisé pour le timeline-item. | | ||
| | dot | Noeud personnalisé. | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -1005,6 +1005,10 @@ | |
| { | ||
| "path": "/collapse", | ||
| "title": "Collapse" | ||
| }, | ||
| { | ||
| "path": "/timeline", | ||
| "title": "Timeline" | ||
| } | ||
| ] | ||
| } | ||
|
|
||