mirror of
https://gitee.com/ElemeFE/element.git
synced 2024-11-29 18:57:36 +08:00
Docs: Update french doc and changelog (2.8.2) (#15389)
This commit is contained in:
Simon Malesys
iamkun
parent
e5c73e8e1b
commit
ab23a219f2
@ -4,263 +4,263 @@
|
||||
|
||||
*2019-04-25*
|
||||
|
||||
#### Bug fixes
|
||||
#### Corrections de bugs
|
||||
|
||||
- Icon
|
||||
- Update icon (#15272 by @iamkun)
|
||||
- Mise à jour (#15272 par @iamkun)
|
||||
- Docs
|
||||
- Fix Form and Input doc style (#15273 by @ziyoung)
|
||||
- Correction du style de Form et Input (#15273 par @ziyoung)
|
||||
|
||||
### 2.8.1
|
||||
|
||||
*2019-04-25*
|
||||
|
||||
#### Bug fixes
|
||||
#### Corrections de bugs
|
||||
|
||||
- Icon
|
||||
- Update icon of cascader and select (#15264 by @SimonaliaChen)
|
||||
- Update icon (#15258 #15268 by @iamkun)
|
||||
- Mise à jour de l'icône du cascadeur et du select (#15264 par @SimonaliaChen)
|
||||
- Mise à jour (#15258 #15268 par @iamkun)
|
||||
|
||||
#### Optimization
|
||||
#### Optimisation
|
||||
|
||||
- Chore
|
||||
- Update build script (#15267 by @ziyoung)
|
||||
- Mise à jour du script de build (#15267 par @ziyoung)
|
||||
- Docs
|
||||
- Fix link underline color (#15265 by @iamkun)
|
||||
- Other
|
||||
- Fix migrating config not compatible with camel case props and events (#15260 by @SimonaliaChen)
|
||||
- Correction de la couleur de souslignage d'un lien (#15265 par @iamkun)
|
||||
- Autre
|
||||
- Correction d'une configuration de migration non compatible avec les propriétés et évènements en camelCase (#15260 par @SimonaliaChen)
|
||||
|
||||
### 2.8.0
|
||||
|
||||
*2019-04-25*
|
||||
|
||||
#### New features
|
||||
#### Nouvelles fonctionnalités
|
||||
|
||||
- Divider
|
||||
- Add divider component (#15055 by @island205)
|
||||
- Ajout du composant divider (#15055 par @island205)
|
||||
- Rate
|
||||
- Add custom colors and icon-classes by passing a object (#15051 by @SimonaliaChen)
|
||||
- Ajout des couleurs et des classes d'icônes personnalisées en passant un objet (#15051 par @SimonaliaChen)
|
||||
- Link
|
||||
- Add link component (#15052 by @iamkun)
|
||||
- Ajout du composant Link (#15052 par @iamkun)
|
||||
- Calendar
|
||||
- Add calendar component (#14908 by @ziyoung)
|
||||
- Ajout du composant calendar (#14908 by @ziyoung)
|
||||
- Icon
|
||||
- Add icon (#15214 by @iamkun)
|
||||
- Ajout d'une icône (#15214 par @iamkun)
|
||||
- Alert
|
||||
- Add dark theme (#15041 by @island205)
|
||||
- Ajout d'un thème sombre (#15041 par @island205)
|
||||
- Image
|
||||
- Add image component (#15117 by @SimonaliaChen)
|
||||
- Ajout du composant image (#15117 par @SimonaliaChen)
|
||||
- Collapse
|
||||
- CollapseItem can be disabled (#15076 by @ziyoung)
|
||||
- CollapseItem peut être désactivé (#15076 par @ziyoung)
|
||||
- Carousel
|
||||
- Add direction attribute and support vertical direction (#15122 by @ziyoung)
|
||||
- Ajout d'un attribut de direction et support de la direction verticale (#15122 by @ziyoung)
|
||||
- Pagination
|
||||
- Add hide-on-single-page attribute (#15096 by @ziyoung)
|
||||
- Ajout d'un attribut caché sur une seule page (#15096 par @ziyoung)
|
||||
- Slider
|
||||
- Add marks attribute (#15133 by @luckyCao)
|
||||
- Ajout des marqueurs (#15133 par @luckyCao)
|
||||
- Input
|
||||
- Add show-word-count attribute (#15075 by @luckyCao)
|
||||
- Ajout de l'attribut show-word-count (#15075 par @luckyCao)
|
||||
- InputNumber
|
||||
- Add step-strictly attribute (#15050 by @luckyCao)
|
||||
- Ajout de l'attribut step-strictly (#15050 par @luckyCao)
|
||||
- Tooltip, Dropdown, Popover
|
||||
- Support tabindex attribute (#15167 by @ziyoung)
|
||||
- Support de l'attribut tabindex (#15167 by @ziyoung)
|
||||
|
||||
#### Bug fixes
|
||||
#### Corrections de bugs
|
||||
|
||||
- Notification
|
||||
- Fix title word break (#15008 by @iamkun)
|
||||
- Correction du word-break du titre (#15008 par @iamkun)
|
||||
- Form
|
||||
- Fix switching the rules in el-form not work (#14985 by @luckyCao)
|
||||
- Fix label style (#14969 by @ziyoung)
|
||||
- Required FormItem displays asterisk when label is auto (#15144 by @ziyoung)
|
||||
- Correction d'une erreur dans les règles de validation (#14985 par @luckyCao)
|
||||
- Correction du style du label (#14969 par @ziyoung)
|
||||
- Les FormItem requis affiche un astérisque lorsque le label est auto (#15144 by @ziyoung)
|
||||
- Pagination
|
||||
- Fix slot not updated (#14711 by @lucyhao)
|
||||
- Fix du slot non mis à jour (#14711 par @lucyhao)
|
||||
- Table
|
||||
- Fix load bug in lazy mode (#15101 by @ziyoung)
|
||||
- Fix cell width when colspan is grater than 1 (#15196 by @ziyoung)
|
||||
- Improve performance (#14868 by @ziyoung)
|
||||
- Don't emit triggers sort-change during initialization (#14625 by @PeanutWatson)
|
||||
- Equal behaviour for height and max-height (#14660 by @arthurdenner)
|
||||
- Correction d'un bug de chargement en mode lazy (#15101 by @ziyoung)
|
||||
- Correction de la largeur des cellules lorsque colspan est supérieur à 1 (#15196 by @ziyoung)
|
||||
- Amélioration des performances (#14868 by @ziyoung)
|
||||
- Ne pas émettre de déclencheurs de changement de tri pendant l'initialisation (#14625 by @PeanutWatson)
|
||||
- Comportement égal pour height et max-height (#14660 by @arthurdenner)
|
||||
- Dialog
|
||||
- Fix dialog body correctly break long words (#15027 by @iamkun)
|
||||
- Correction de la casse des longs mots (#15027 par @iamkun)
|
||||
- Alert
|
||||
- update type definition (#15186 by @ziyoung)
|
||||
- Mise à jour (#15186 par @ziyoung)
|
||||
- Tabs
|
||||
- Fix issue where Promise rejection was hitting application (#14816 by @ffxsam)
|
||||
- Rerender when slot changes (#15238 by @ziyoung)
|
||||
- Correction d'un problème où le rejet d'une promesse touchait l'application (#14816 par @ffxsam)
|
||||
- Rerendu lors d'un changement de slots (#1523238 by @ziyoung)
|
||||
- Message
|
||||
- Fix type definition (#14968 by @agoni1212)
|
||||
- Mise à jour (#14968 par @agoni121212)
|
||||
- Select
|
||||
- Fix error when value is undefined or null (#15022 by @luckyCao)
|
||||
- Correction d'une erreur lorsque la valeur est indéfinie ou nulle (#15022 par @luckyCao)
|
||||
- Tree
|
||||
- Delete current node after it removed (#14604 by @sinchang)
|
||||
- Improve performance (#14881 by @ChenZhuoSteve)
|
||||
- Détruire le noeud courant après sa suppression (#14604 par @sinchang)
|
||||
- Amélioration des performances (#14881 par @ChenZhuoSteve)
|
||||
- Dropdown
|
||||
- Fix style (#14907 by @doing123)
|
||||
- Correction de style (#14907 par @doing123)
|
||||
- Slider
|
||||
- Fix broken keyboard a11y bug (#14792 by @erezsob)
|
||||
- Correction d'un bug clavier a11y cassé (#14792 by @erezsob)
|
||||
- Menu
|
||||
- ActiveIndex value shall be null if defaultIndex does not exist(#14074 by @hoythan)
|
||||
- La valeur ActiveIndex sera nulle si defaultIndex n'existe pas (#14074 par @hoythan)
|
||||
- Directive
|
||||
- RepeatClick: use Date.now() instead of new Date() (#14776 by @pavelmash)
|
||||
- RepeatClick : utilisation de Date.now() au lieu de Date() (#14776 par @pavelmash)
|
||||
- Upload
|
||||
- Fix Upload transparent picture display style (#15039 by @iamkun)
|
||||
- Theme
|
||||
- Add zero border (#15256 by @iamkun)
|
||||
- Correction du style d'affichage des images transparentes (#15039 par @iamkun)
|
||||
- Thème
|
||||
- Ajout d'une bordure (#1525256 par @iamkun)
|
||||
|
||||
#### Optimization
|
||||
#### Optimisation
|
||||
|
||||
- Chore
|
||||
- Update changelog zh-cn (#14965 by @iamkun)
|
||||
- Hide demo description when it's empty (#15014 by @ziyoung)
|
||||
- Display dev server info by default by @iamkun)
|
||||
- Fix 2.6.0 changelog error (#15026 by @iamkun)
|
||||
- Update build config (#14821 by @abc3660170)
|
||||
- Add hmr (#15221 by @SimonaliaChen)
|
||||
- Use sourcemap in dev environment (#15087 by @ibufu)
|
||||
- Mise à jour du changelog zh-cn (#14965 par @iamkun)
|
||||
- Masquer la description de la démo quand elle est vide (#15014 par @ziyoung)
|
||||
- Afficher les informations du serveur de développement par défaut par @iamkun)
|
||||
- Correction d'une erreur de changelog 2.6.0 (#15026 par @iamkun)
|
||||
- Mise à jour de la configuration de compilation (#14821 par @abc3660170)
|
||||
- Ajout d'hmr (#15221 par @SimonaliaChen)
|
||||
- Utilisation de sourcemap dans l'environnement dev (#15087 par @ibufu)
|
||||
Docs
|
||||
- Rename variable in docs (#14602 #15003 #15094 #15105 by @liupl)
|
||||
- Fix upload doc error (#15023 by @iamkun)
|
||||
- Update Form custom validator doc (#15040 by @iamkun)
|
||||
- Update Tabs docs to display vertical tabs (#15053 by @iamkun)
|
||||
- Use eleme.cn as domain (#15139 by @ziyoung)
|
||||
- Fix Image route name (#15194 by @iamkun)
|
||||
- Remove duplicated fr translation (#15207 by @iamkun)
|
||||
- Renommage de la variable dans docs (#14602 #15003 #15094 #15105 par @liupl)
|
||||
- Correction d'une erreur de téléchargement de doc (#15023 par @iamkun)
|
||||
- Mise à jour du validateur de formulaire personnalisé doc (#15040 par @iamkun)
|
||||
- Mise à jour des onglets docs pour afficher les onglets verticaux (#15053 par @iamkun)
|
||||
- Utiliser eleme.cn comme domaine (#15139 par @ziyoung)
|
||||
- Correction du nom de route Image (#15194 par @iamkun)
|
||||
- Suppression de la traduction en double (#15207 par @iamkun)
|
||||
|
||||
#### Breaking changes
|
||||
|
||||
- Rate
|
||||
- Fix decimal display support in disabled mode (#15089 by @haoranyu)
|
||||
- Correction du support de l'affichage décimal en mode désactivé (#15089 par @haoranyu)
|
||||
- Select
|
||||
- Use placeholder option label to set placeholder in filter mode (#14989 by @ibufu)
|
||||
- Utiliser le label de l'option pour régler le placeholder en mode filtre (#14989 par @ibufu)
|
||||
|
||||
### 2.7.2
|
||||
|
||||
*2019-04-03*
|
||||
|
||||
#### Bug fixes
|
||||
#### Corrections de bugs
|
||||
|
||||
- Form
|
||||
- Fix auto `label-width` style (#14955 by @ziyoung)
|
||||
- Correction du style de `label-width` auto (#14955 par @ziyoung)
|
||||
|
||||
#### Optimization
|
||||
#### Optimisation
|
||||
- Docs
|
||||
- Fix doc img link error (#14957 by @iamkun)
|
||||
- Correction d'une erreur de lien img (#14957 par @iamkun)
|
||||
- Chore
|
||||
- Fix deploy mkdir error (#14952 by @iamkun)
|
||||
- Correction d'une erreur de déploiement mkdir (#14952 par @iamkun)
|
||||
|
||||
### 2.7.1
|
||||
|
||||
*2019-04-03*
|
||||
|
||||
#### Bug fixes
|
||||
#### Corrections de bugs
|
||||
|
||||
- Select
|
||||
- Set value to null when cleared (#14322 by @aaronfulkerson)
|
||||
- Définir la valeur à null lorsqu'elle est effacée (#14322 par @aaronfulkerson)
|
||||
- Input
|
||||
- Update DOM dependent values on type change (#14889 by @wacky6)
|
||||
- Mise à jour des valeurs dépendantes du DOM lors d'un changement de type (#14889 par @wacky6)
|
||||
- Table
|
||||
- Make `defaultExpandAll` works when expanded column exists (#14935 by @ziyoung)
|
||||
- Faire fonctionner `defaultExpandAll' lorsqu'une colonne étendue existe (#14935 par @ziyoung)
|
||||
- Dialog
|
||||
- Background color can be configured (#14939 by @ziyoung)
|
||||
- Couleur d'arrière-plan configurable (#14939 par @ziyoung)
|
||||
- Form
|
||||
- `label-width` supports auto width (#14944 by @ziyoung)
|
||||
- `label-width` supporte la largeur automatique (#14944 by @ziyoung)
|
||||
|
||||
#### Optimization
|
||||
#### Optimisation
|
||||
- Docs
|
||||
- Update Spanish docs (#14913 by @Gonzalo2310)
|
||||
- Add French doc for new component (#14924 by @ziyoung)
|
||||
- Optimize Tabs docs (#14938 by @ziyoung)
|
||||
- Mise à jour de la documentation en espagnol (#14913 par @Gonzalo2310)
|
||||
- Ajout d'un document en français pour le nouveau composant (#14924 by @ziyoung)
|
||||
- Optimiser la documentation des onglets (#14938 by @ziyoung)
|
||||
|
||||
### 2.7.0
|
||||
|
||||
*2019-03-28*
|
||||
|
||||
#### New features
|
||||
#### Nouvelles fonctionnalités
|
||||
|
||||
- Table
|
||||
- Add support tree structure data (#14632 by @ziyoung)
|
||||
- Ajout du support de l'arborescence des données (#14632 by @ziyoung)
|
||||
|
||||
#### Bug fixes
|
||||
#### Corrections de bugs
|
||||
|
||||
- Tabs
|
||||
- Use primary color as boxShadow color (#14558 by @Richard-Choooou)
|
||||
- Rerender when label changes (#14496 by @akki-jat)
|
||||
- Utilise la couleur primaire comme couleur de l'ombre (#14558 par @Richard-Choooou)
|
||||
- Rerendu lorsque label change (#14496 par @akki-jat)
|
||||
- Table
|
||||
- Footer follows body cell align (#14730 by @ziyoung)
|
||||
- Le pied de page suit l'alignement des cellules du corps (#14730 by @ziyoung)
|
||||
- NavMenu
|
||||
- Fix click el-submenu trigger childMenu pop again bug (#14443 by @PanJiaChen)
|
||||
- Correction d'un bug de clic sur el-submenu (#14443 par @PanJiaChen)
|
||||
- Dropdown
|
||||
- Make compatible with 2.6 new v-slot syntax (#14832 by @ziyoung)
|
||||
- Compatible avec la nouvelle syntaxe v-slot 2.6 (#14832 by @ziyoung)
|
||||
- ColorPicker
|
||||
- Fix handle error hex color string (#14793 by @iamkun)
|
||||
- Correction d'une erreur de couleur hexadécimale (#14793 par @iamkun)
|
||||
- Tree
|
||||
- Revert pr #13349 (#14847 by @ziyoung)
|
||||
- Revert pr #13349 (#14847 par @ziyoung)
|
||||
- Tooltip
|
||||
- Display when initial value is true (#14826 by @ziyoung)
|
||||
- Affichage lorsque la valeur initiale est vraie (#14826 by @ziyoung)
|
||||
- Docs
|
||||
- Update cascader docs (#14442 by @panhezeng)
|
||||
- Mise à jour de la documentation du cascader (#14442 par @panhezeng)
|
||||
- Style
|
||||
- Fix media query in sm-only, md-only, lg-only (#14611 by @sinchang)
|
||||
- Correction des media queries dans sm-only, md-only, lg-only (#14611 by @sinchang)
|
||||
|
||||
#### Optimization
|
||||
#### Optimisation
|
||||
|
||||
- Chore
|
||||
- Add webpage description (#14802 by @iamkun)
|
||||
- Ajouter la description de la page web (#14802 par @iamkun)
|
||||
|
||||
### 2.6.3
|
||||
|
||||
*2019-03-21*
|
||||
|
||||
#### Bug fixes
|
||||
#### Corrections de bugs
|
||||
|
||||
- Fix Cascader demo style (#14789 by @ziyoung)
|
||||
- Remove unnecessary DOM operation (#14788 by @ziyoung)
|
||||
- Fix DatePicker default-value DST (#14562 by @wacky6)
|
||||
- Correction du style de la démo de Cascader (#14789 par @ziyoung)
|
||||
- Suppression des opérations DOM inutiles (#14788 by @ziyoung)
|
||||
- Correction DatePicker valeur par défaut DST (#14562 par @wacky6)
|
||||
|
||||
### 2.6.2
|
||||
|
||||
*2019-03-21*
|
||||
|
||||
#### New features
|
||||
##### Nouvelles fonctionnalités
|
||||
|
||||
- DatePicker
|
||||
- Add monthrange for type attribute (#14487 by @zxyRealm)
|
||||
- Ajout d'une plage de mois pour l'attribut type (#14487 par @zxyRealm)
|
||||
- i18n
|
||||
- Add Croatian locale (#14360 by @danijelh)
|
||||
- Ajout de la locale croate (#14360 par @danijelh)
|
||||
|
||||
#### Bug fixes
|
||||
##### Corrections de bugs
|
||||
|
||||
- Input
|
||||
- Fix regression (#14572 by @wacky6)
|
||||
- Correction d'un régression (#14572 par @wacky6)
|
||||
- DatePicker
|
||||
- Fix first-day-of-week computation (#14523 by @sinchang)
|
||||
- Fix week picker's value-format (#13754 by @wacky6)
|
||||
- Correction du calcul du premier jour de la semaine (#14523 par @sinchang)
|
||||
- Correction du format de valeur du sélecteur de semaine (#13754 par @wacky6)
|
||||
- Steps
|
||||
- Fix issue #14502 (#14596 by @sinchang)
|
||||
- Fix style with simple theme (#14610 by @sinchang)
|
||||
- Correction du problème #14502 (#14596 par @sinchang)
|
||||
- Correction du style avec le thème simple (#14610 par @sinchang)
|
||||
- Docs
|
||||
- Update french doc for 2.6.1 and fix typos (#14555 by @smalesys)
|
||||
- Rename variable in Table docs (#14587 by @likwotsing)
|
||||
- Add french search index (#14565 by @iamkun)
|
||||
- Fix TimePicker page style (#14579 by @ziyoung)
|
||||
- Rename variable in Upload docs (#14593 by @liupl)
|
||||
- French translation update (#14643 by @smalesys)
|
||||
- Update Form async validator docs (#14694 by @iamkun)
|
||||
- Fix tooltip doc error (#14748 by @iamkun)
|
||||
- Fix typo (#14751 by @2bj)
|
||||
- Fix highlighting control elements for Webkit touch (#14703 by @VladG0r)
|
||||
- Mise à jour de la doc française pour la 2.6.1 et correction de fautes de frappe (#1455555 par @smalesys)
|
||||
- Renommage d'une variable dans la documentation de la table (#14587 par @likwotsing)
|
||||
- Ajout de l'index de recherche en français (#14565 par @iamkun)
|
||||
- Correction du style de la page TimePicker (#14579 par @ziyoung)
|
||||
- Renommage d'une variable dans la page Upload (#14593 par @liupl)
|
||||
- Mise à jour de la traduction française (#14643 par @smalesys)
|
||||
- Mise à jour de la documentation du validateur de formulaire asynchrone (#14694 par @iamkun)
|
||||
- Correction d'une erreur de doc tooltip (#14748 par @iamkun)
|
||||
- Correction d'une coquille (#14751 par @2bj)
|
||||
- Correction de la surbrillance pour Webkit touch (#14703 by @VladG0r)
|
||||
|
||||
#### Optimization
|
||||
##### Optimisation
|
||||
|
||||
- Chore
|
||||
- Update ci build script (#14600 by @ziyoung)
|
||||
- Update ga tracking (#14560 by @iamkun)
|
||||
- Add more ga event (#14633 by @iamkun)
|
||||
- Update discusion group (#14741 by @iamkun)
|
||||
- Update test deps and conf (#14735 by @wacky6)
|
||||
- Upgrade gulp (#14745 by @ziyoung)
|
||||
- Use codepen to display demo & fix doc error (#14747 by @ziyoung)
|
||||
- Tâche
|
||||
- Mise à jour du script de build dans le ci (#14600 par @ziyoung)
|
||||
- Mise à jour du tracking ga (#14560 par @iamkun)
|
||||
- Ajout d'un événement ga supplémentaire (#14633 par @iamkun)
|
||||
- Mise à jour du groupe de discussion (#14741 par @iamkun)
|
||||
- Mise à jour des deps de test et conf (#14735 par @wacky6)
|
||||
- Mise à jour de Gulp (#14745 by @ziyoung)
|
||||
- Utilisez le codepen pour afficher les démos et correction d'une erreur de doc (#14747 by @ziyoung)
|
||||
|
||||
### 2.6.1
|
||||
|
||||
|
||||
@ -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
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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
|
||||
|
||||
|
||||
@ -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 |
|
||||
|-----------------|-------------- |---------- |---------------------- |--------- |
|
||||
| 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 | — | — |
|
||||
### Attributs
|
||||
|
||||
### 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 | — | — |
|
||||
| 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
|
||||
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
|-----------------|-------------- |---------- |---------------------- |--------- |
|
||||
| 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 | — | — |
|
||||
|
||||
@ -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 |
|
||||
|
||||
@ -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 | — | — |
|
||||
|
||||
@ -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 |
|
||||
@ -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
|
||||
|
||||
|
||||
@ -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 | — | — |
|
||||
|
||||
@ -1,9 +1,10 @@
|
||||
## Image
|
||||
Besides the native features of img, support lazy load, custom placeholder and load failure, etc.
|
||||
|
||||
### Basic Usage
|
||||
En plus des propriétés natives de img, ce composant supporte le lazy loading, les placeholder personnalisés, les échecs de téléchargement, etc.
|
||||
|
||||
:::demo Indicate how the image should be resized to fit its container by `fit`, same as native [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit)。
|
||||
### Usage basique
|
||||
|
||||
:::demo Indique comment l'image devrait être redimmensionnée pour s'adapter à son conteneur grâce à `fit`, identique au [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) natif.
|
||||
```html
|
||||
<div class="demo-image">
|
||||
<div class="block" v-for="fit in fits" :key="fit">
|
||||
@ -30,18 +31,18 @@ Besides the native features of img, support lazy load, custom placeholder and lo
|
||||
|
||||
### Placeholder
|
||||
|
||||
:::demo Custom placeholder content when image hasn't loaded yet by `slot = placeholder`
|
||||
:::demo Placeholder personnalisé qui s'affiche lorsque l'image n'est pas encore chargée, grâce à `slot = placeholder`.
|
||||
```html
|
||||
<div class="demo-image__placeholder">
|
||||
<div class="block">
|
||||
<span class="demonstration">Default</span>
|
||||
<span class="demonstration">Défaut</span>
|
||||
<el-image :src="src"></el-image>
|
||||
</div>
|
||||
<div class="block">
|
||||
<span class="demonstration">Custom</span>
|
||||
<span class="demonstration">Personnalisé</span>
|
||||
<el-image :src="src">
|
||||
<div slot="placeholder" class="image-slot">
|
||||
Loading<span class="dot">...</span>
|
||||
Chargement<span class="dot">...</span>
|
||||
</div>
|
||||
</el-image>
|
||||
</div>
|
||||
@ -59,17 +60,17 @@ Besides the native features of img, support lazy load, custom placeholder and lo
|
||||
```
|
||||
:::
|
||||
|
||||
### Load Failed
|
||||
### Échec du chargement
|
||||
|
||||
:::demo Custom failed content when error occurs to image load by `slot = error`
|
||||
:::demo Contenu personnalisé qui s'affiche lorsque le chargement a échoué, grâce à `slot = error`.
|
||||
```html
|
||||
<div class="demo-image__error">
|
||||
<div class="block">
|
||||
<span class="demonstration">Default</span>
|
||||
<span class="demonstration">Défaut</span>
|
||||
<el-image></el-image>
|
||||
</div>
|
||||
<div class="block">
|
||||
<span class="demonstration">Custom</span>
|
||||
<span class="demonstration">Personnalisé</span>
|
||||
<el-image>
|
||||
<div slot="error" class="image-slot">
|
||||
<i class="el-icon-picture-outline"></i>
|
||||
@ -80,9 +81,9 @@ Besides the native features of img, support lazy load, custom placeholder and lo
|
||||
```
|
||||
:::
|
||||
|
||||
### Lazy Load
|
||||
### Lazy Loading
|
||||
|
||||
:::demo Use lazy load by `lazy = true`. Image will load until scroll into view when set. You can indicate scroll container that adds scroll listener to by `scroll-container`. If undefined, will be the nearest parent container whose overflow property is auto or scroll.
|
||||
:::demo Utilisez le lazy loading avec `lazy = true`. Les images ne se chargeront que lorsque le scrolling les atteindra. Vous pouvez indiquer le conteneur grâce à `scroll-container`. Si undefined, ce sera le conteneur parent le plus proche avec la propriété overflow à auto ou scroll.
|
||||
```html
|
||||
<div class="demo-image__lazy">
|
||||
<el-image v-for="url in urls" :key="url" :src="url" lazy></el-image>
|
||||
@ -108,25 +109,23 @@ Besides the native features of img, support lazy load, custom placeholder and lo
|
||||
```
|
||||
:::
|
||||
|
||||
### Attributes
|
||||
| Attribute | Description | Type | Accepted values | Default |
|
||||
### Attributs
|
||||
| Attribut | Description | Type | Valeurs acceptées | Défaut |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| src | Image source, same as native | string | — | - |
|
||||
| fit | Indicate how the image should be resized to fit its container, same as [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) | fill / contain / cover / none / scale-down | — | - |
|
||||
| alt | Native alt | string | - | - |
|
||||
| lazy | Whether to use lazy load | boolean | — | false |
|
||||
| scroll-container | The container to add scroll listener when using lazy load | string / HTMLElement | — | The nearest parent container whose overflow property is auto or scroll |
|
||||
| src | Source de l'image, identique au natif. | string | — | - |
|
||||
| fit | Indique comment l'image devrait être redimmensionnée pour s'adapter à son conteneur, identique à [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) | fill / contain / cover / none / scale-down | — | - |
|
||||
| alt | Attribut alt natif.| string | - | - |
|
||||
| lazy | Si le lazy loading doit être utilisé. | boolean | — | false |
|
||||
| scroll-container | Le conteneur auquel ajouter le listener du scroll en mode lazy loading. | string / HTMLElement | — | Le conteneur parent le plus proche avec la propriété overflow à auto ou scroll. |
|
||||
|
||||
### Events
|
||||
| Event Name | Description | Parameters |
|
||||
### Évènements
|
||||
| Nom | Description | Paramètres |
|
||||
|---------- |-------- |---------- |
|
||||
| load | Same as native load | (e: Event) |
|
||||
| error | Same as native error | (e: Error) |
|
||||
| load | Identique au load natif. | (e: Event) |
|
||||
| error | Identique au error natif. | (e: Error) |
|
||||
|
||||
### Slots
|
||||
| Slot Name | Description |
|
||||
| Nom | Description |
|
||||
|---------|-------------|
|
||||
| placeholder | Triggers when image load |
|
||||
| error | Triggers when image load failed |
|
||||
|
||||
|
||||
| placeholder | Se déclenche quand l'image charge. |
|
||||
| error | Se déclenche quand le chargement de l'image a échoué. |
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
## InputNumber
|
||||
|
||||
Un champs d'input de valeurs numériques, avec un domaine personnalisable.
|
||||
Un champ d'input de valeurs numériques, avec un domaine personnalisable.
|
||||
|
||||
### Usage
|
||||
|
||||
@ -69,9 +69,9 @@ Vous pouvez déterminer un pas pour le champs.
|
||||
```
|
||||
:::
|
||||
|
||||
### Step strictly
|
||||
### Pas strict
|
||||
|
||||
:::demo The `step-strictly` attribute accepts a `boolean`. if this attribute is `true`, input value can only be multiple of step.
|
||||
:::demo L'attribut `step-strictly` accepte un `boolean`. Si cet attribut est `true`, la valeur de l'input ne peut être qu'un multiple de `step`.
|
||||
|
||||
```html
|
||||
<template>
|
||||
@ -174,7 +174,7 @@ Utilisez l'attribut `size` pour régler la taille avec `medium`, `small` ou `min
|
||||
| min | La valeur minimale autorisée. | number | — | `-Infinity` |
|
||||
| max | La valeur maximale autorisée. | number | — | `Infinity` |
|
||||
| step | Le pas pour l'incrémentation. | number | — | 1 |
|
||||
| step-strictly | whether input value can only be multiple of step | number | — | false |
|
||||
| step-strictly | Si la valeur ne peut être qu'un multiple du pas. | number | — | false |
|
||||
| precision | La précision de la valeur. | number | — | — |
|
||||
| size | La taille du composant. | string | large/small| — |
|
||||
| disabled| Si le composant est désactivé. | boolean | — | false |
|
||||
|
||||
@ -520,9 +520,9 @@ Vous pouvez aller chercher des infos de suggestions sur un serveur distant.
|
||||
```
|
||||
:::
|
||||
|
||||
### Limit length
|
||||
### Taille limite
|
||||
|
||||
:::demo `maxlength` and `minlength` are attributes of native input, they declare a limit on the number of characters a user can input. The "number of characters" is measured using JavaScript string length.Setting the `maxlength` prop for a text or textarea type of Input can limit the length of input value, allows you to show word count by setting `show-word-limit` to `true` at the same time.
|
||||
:::demo `maxlength` et `minlength` sont des attributs natifs, indiquant la taille limite de l'input. Le nombre de caractères est mesuré par la taille de la chaine Javascript. Si vous utilisez `maxlength`, vous pourrez montrer le nombre de caractères en mettant `show-word-limit` à `true`.
|
||||
|
||||
```html
|
||||
<el-input
|
||||
@ -564,7 +564,7 @@ export default {
|
||||
| value / v-model | Variable liée. | string / number | — | — |
|
||||
| maxlength| Identique à `maxlength` dans l'input natif. | number| — | — |
|
||||
| minlength| Identique à `minlength` dans l'input natif. | number | — | — |
|
||||
| show-word-limit | whether show word count，only works when `type` is 'text' or 'textarea' | boolean | — | false |
|
||||
| show-word-limit | Affiche le nombre de caractères restant， ne marche que lorsque `type` est 'text' ou 'textarea'. | boolean | — | false |
|
||||
| placeholder| Placeholder de l' Input. | string | — | — |
|
||||
| clearable | Si le bouton de reset apparaît. | boolean | — | false |
|
||||
| show-password | Si le champ doit un champ de mot de passe avec bouton de visualisation. | boolean | — | false |
|
||||
|
||||
@ -1,18 +1,19 @@
|
||||
## Link
|
||||
|
||||
Text hyperlink
|
||||
Un hyperlien textuel.
|
||||
|
||||
### Basic
|
||||
### Usage basique
|
||||
|
||||
Lien texte basique.
|
||||
|
||||
Basic text link
|
||||
:::demo
|
||||
|
||||
```html
|
||||
<div>
|
||||
<el-link href="https://element.eleme.io" target="_blank">default</el-link>
|
||||
<el-link type="primary">primary</el-link>
|
||||
<el-link type="success">success</el-link>
|
||||
<el-link type="warning">warning</el-link>
|
||||
<el-link href="https://element.eleme.io" target="_blank">défaut</el-link>
|
||||
<el-link type="primary">primaire</el-link>
|
||||
<el-link type="success">succès</el-link>
|
||||
<el-link type="warning">avertissement</el-link>
|
||||
<el-link type="danger">danger</el-link>
|
||||
<el-link type="info">info</el-link>
|
||||
</div>
|
||||
@ -20,17 +21,18 @@ Basic text link
|
||||
|
||||
:::
|
||||
|
||||
### Disabled
|
||||
### Désactivé
|
||||
|
||||
Lien désactivé.
|
||||
|
||||
Disabled state of link
|
||||
:::demo
|
||||
|
||||
```html
|
||||
<div>
|
||||
<el-link disabled>default</el-link>
|
||||
<el-link type="primary" disabled>primary</el-link>
|
||||
<el-link type="success" disabled>success</el-link>
|
||||
<el-link type="warning" disabled>warning</el-link>
|
||||
<el-link disabled>défaut</el-link>
|
||||
<el-link type="primary" disabled>primaire</el-link>
|
||||
<el-link type="success" disabled>succès</el-link>
|
||||
<el-link type="warning" disabled>avertissement</el-link>
|
||||
<el-link type="danger" disabled>danger</el-link>
|
||||
<el-link type="info" disabled>info</el-link>
|
||||
</div>
|
||||
@ -38,40 +40,42 @@ Disabled state of link
|
||||
|
||||
:::
|
||||
|
||||
### Underline
|
||||
### Souligné
|
||||
|
||||
Lien souligné.
|
||||
|
||||
Underline of link
|
||||
:::demo
|
||||
|
||||
```html
|
||||
<div>
|
||||
<el-link :underline="false">Without Underline</el-link>
|
||||
<el-link>With Underline</el-link>
|
||||
<el-link :underline="false">Non-souligné</el-link>
|
||||
<el-link>Souligné</el-link>
|
||||
</div>
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
### Icon
|
||||
### Icône
|
||||
|
||||
Lien avec icône.
|
||||
|
||||
Link with icon
|
||||
:::demo
|
||||
|
||||
```html
|
||||
<div>
|
||||
<el-link icon="el-icon-edit">Edit</el-link>
|
||||
<el-link>Check<i class="el-icon-view el-icon--right"></i> </el-link>
|
||||
<el-link icon="el-icon-edit">Éditer</el-link>
|
||||
<el-link>Vérifier<i class="el-icon-view el-icon--right"></i> </el-link>
|
||||
</div>
|
||||
```
|
||||
|
||||
:::
|
||||
|
||||
### Attributes
|
||||
### Attributs
|
||||
|
||||
| Attribute | Description | Type | Options | Default |
|
||||
| --------- | ----------------------------------- | ------- | ------------------------------------------- | ------- |
|
||||
| type | type | string | primary / success / warning / danger / info | default |
|
||||
| underline | whether the component has underline | boolean | — | true |
|
||||
| disabled | whether the component is disabled | boolean | — | false |
|
||||
| href | same as native hyperlink's `href` | string | — | - |
|
||||
| icon | class name of icon | string | — | - |
|
||||
| Attribut | Description | Type | Options | Défaut |
|
||||
| --------- | ------------------------------- | ------- | ------------------------------------------- | ------- |
|
||||
| type | Type du lien. | string | primary / success / warning / danger / info | défaut |
|
||||
| underline | Si le composant est souligné. | boolean | — | true |
|
||||
| disabled | Si le composant est désactivé. | boolean | — | false |
|
||||
| href | Identique au `href` natif. | string | — | - |
|
||||
| icon | Nom de classe de l'icône. | string | — | - |
|
||||
|
||||
@ -144,9 +144,9 @@ Vous pouvez ajouter plus de modules suivant vos besoins.
|
||||
```
|
||||
:::
|
||||
|
||||
### Hide pagination when there is only one page
|
||||
### Cacher la pagination si il n'y a qu'une seule page
|
||||
|
||||
When there is only one page, hide the pagination by setting the `hide-on-single-page` attribute.
|
||||
Lorsqu'il n'y a qu'une seule page, il est possible de cacher la pagination avec l'attribut `hide-on-single-page`.
|
||||
|
||||
:::demo
|
||||
```html
|
||||
@ -189,7 +189,7 @@ When there is only one page, hide the pagination by setting the `hide-on-single-
|
||||
| prev-text | Texte du bouton prev. | string | — | — |
|
||||
| next-text | Texte du bouton next. | string | — | — |
|
||||
| disabled | Si la pagination est désactivée. | boolean | — | false |
|
||||
| hide-on-single-page | whether to hide when there's only one page | boolean | — | - |
|
||||
| hide-on-single-page | Si la pagination doit être cachée quand il n'y a qu'une seule page. | boolean | — | - |
|
||||
|
||||
### Évènements
|
||||
|
||||
|
||||
@ -153,7 +153,7 @@ Vous pouvez aussi imbriquer des opérations. Procéder ainsi est plus léger que
|
||||
| popper-options | Paramètres pour [popper.js](https://popper.js.org/documentation.html). | object | Référez-vous à [popper.js](https://popper.js.org/documentation.html). | `{ boundariesElement: 'body', gpuAcceleration: false }` |
|
||||
| popper-class | Classe du popover. | string | — | — |
|
||||
| open-delay | Délai d'affichage, lorsque `trigger` est 'hover', en millisecondes. | number | — | — |
|
||||
| tabindex | [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of Popover | number | — | 0 |
|
||||
| tabindex | [tabindex](https://developer.mozilla.org/fr/docs/Web/HTML/Attributs_universels/tabindex) de Popover | number | — | 0 |
|
||||
|
||||
### Slot
|
||||
|
||||
|
||||
@ -4,7 +4,7 @@ Utilisé pour donner une note sur cinq étoiles.
|
||||
|
||||
### Usage
|
||||
|
||||
:::demo Rate divise les scores en trois niveaux et ces niveaux peuvent être distingués en utilisant différentes couleurs de fond. Par défaut ces couleurs sont identiques, mais vous pouvez affecter un tableau des codes couleur à l'attribut `colors`, ainsi que les deux seuils via `low-threshold` et `high-threshold`. Or you can assign them with a object which key is the threshold between two levels and value is the corresponding color.
|
||||
:::demo Rate divise les scores en trois niveaux et ces niveaux peuvent être distingués en utilisant différentes couleurs de fond. Par défaut ces couleurs sont identiques, mais vous pouvez affecter un tableau des codes couleur à l'attribut `colors`, ainsi que les deux seuils via `low-threshold` et `high-threshold`. Vous pouvez aussi les affecter avec un objet dont la clé est le seuil et la valeur est la couleur correspondante.
|
||||
|
||||
```html
|
||||
<div class="block">
|
||||
@ -122,10 +122,10 @@ Le score peut être en lecture seule. Les demi-étoiles sont supportées.
|
||||
| allow-half | Si les demi-étoiles sont autorisées. | boolean | — | false |
|
||||
| low-threshold | Seuil entre les niveaux bas et moyen. La valeur sera incluse dans le niveau bas. | number | — | 2 |
|
||||
| high-threshold | Seuil entre les niveaux moyen et haut. La valeur sera incluse entre dans le niveau haut. | number | — | 4 |
|
||||
| colors | colors for icons. If array, it should have 3 elements, each of which corresponds with a score level, else if object, the key should be threshold value between two levels, and the value should be corresponding color. | array/object | — | ['#F7BA2A', '#F7BA2A', '#F7BA2A'] |
|
||||
| colors | colors for icons. Si c'est un array, il doit avoir 3 élements, chacun correspondant à un niveau. Si c'est un objet, la clé est le seuil entre deux niveaux et la valeur est la couleur correspondante. | array/object | — | ['#F7BA2A', '#F7BA2A', '#F7BA2A'] |
|
||||
| void-color | Couleur des icônes non-sélectionnées. | string | — | #C6D1DE |
|
||||
| disabled-void-color | Couleur des icônes non-sélectionnées en lecture seule. | string | — | #EFF2F7 |
|
||||
| icon-classes | class names of icons. If array, ot should have 3 elements, each of which corresponds with a score level, else if object, the key should be threshold value between two levels, and the value should be corresponding icon class. | array/object | — | ['el-icon-star-on', 'el-icon-star-on','el-icon-star-on'] |
|
||||
| icon-classes | Noms de classe des icônes. Si c'est un array, il doit avoir 3 élements, chacun correspondant à un niveau. Si c'est un objet, la clé est le seuil entre deux niveaux et la valeur est le nom de classe de l'icône. | array/object | — | ['el-icon-star-on', 'el-icon-star-on','el-icon-star-on'] |
|
||||
| void-icon-class | Classe des icônes non-sélectionnées. | string | — | el-icon-star-off |
|
||||
| disabled-void-icon-class | Classe des icônes non-sélectionnées en lecture seule. | string | — | el-icon-star-on |
|
||||
| show-text | Si du texte doit apparaître à droite des étoiles. | boolean | — | false |
|
||||
|
||||
@ -174,7 +174,7 @@ Vous pouvez sélectionner des intervalles de valeurs au lieu d'une valeur unique
|
||||
```
|
||||
:::
|
||||
|
||||
:::demo Setting this `marks` attribute can show mark on slider.
|
||||
:::demo Vous pouvez afficher des marqueurs sur le slider grâce à l'attribut `marks`.
|
||||
```html
|
||||
<template>
|
||||
<div class="block">
|
||||
@ -230,7 +230,7 @@ Vous pouvez sélectionner des intervalles de valeurs au lieu d'une valeur unique
|
||||
| label | Label pour les lecteurs d'écran. | string | — | — |
|
||||
| debounce | Délai après écriture en millisecondes, marche quand `show-input` est `true`. | number | — | 300 |
|
||||
| tooltip-class | Classe du tooltip. | string | — | — |
|
||||
| marks | marks， type of key must be `number` and must in closed interval `[min, max]`, each mark can custom style| object | — | — |
|
||||
| marks | Marqueurs， les clés doivent être des `number` et être comprises dans l'intervalle `[min, max]`. Chaque marqueur peut avoir un style particulier. | object | — | — |
|
||||
|
||||
## Évènements
|
||||
|
||||
|
||||
@ -1333,9 +1333,9 @@ Lorsque le contenu d'une ligne est trop long et que vous ne souhaitez pas affich
|
||||
```
|
||||
:::
|
||||
|
||||
### Tree data and lazy mode
|
||||
### Arborescence et lazy loading
|
||||
|
||||
:::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 Vous pouvez afficher les données en arborescence, la propriété `row-key` devenant dans ce cas obligatoire. Les données enfants peuvent aussi être chargées de manière asynchrone. Mettez la propriété `lazy` à `true` and utilisez la fonction `load`. Spécifiez l'attribut `hasChildren` pour déterminer quelle ligne contient les enfants.
|
||||
|
||||
```html
|
||||
<template>
|
||||
@ -1347,13 +1347,13 @@ Lorsque le contenu d'une ligne est trop long et que vous ne souhaitez pas affich
|
||||
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="Nom"
|
||||
sortable
|
||||
width="180">
|
||||
</el-table-column>
|
||||
@ -1369,12 +1369,12 @@ Lorsque le contenu d'une ligne est trop long et que vous ne souhaitez pas affich
|
||||
>
|
||||
<el-table-column
|
||||
prop="date"
|
||||
label="date"
|
||||
label="Date"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="name"
|
||||
label="Nom"
|
||||
width="180">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@ -1830,7 +1830,7 @@ Vous pouvez personnaliser les indices des colonnes de type `index`.
|
||||
| header-row-style | Fonction qui retourne un style pour chaque ligne de header. Peut aussi être un objet assignant un style à chaque ligne de header. | Function({row, rowIndex})/Object | — | — |
|
||||
| header-cell-class-name | Fonction qui retourne un nom de classe pour chaque cellule de header. Peut aussi être une simple chaîne de caractères assignant une classe à chaque cellule de header. | Function({row, column, rowIndex, columnIndex})/String | — | — |
|
||||
| header-cell-style | Fonction qui retourne un style pour chaque cellule de header. Peut aussi être un objet assignant un style à chaque cellule de header. | Function({row, column, rowIndex, columnIndex})/Object | — | — |
|
||||
| row-key | key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used. | Function(row)/String | — | — |
|
||||
| row-key | Clé de chaque ligne, utilisée pour optimiser le rendu. Requise si `reserve-selection` est activé. Quand c'est un `String`, l'accès multi-niveaux est supporté, e.g. `user.info.id`, mais `user.info[0].id` n'est pas supporté. Dans ce dernier cas une `Function` devrait être utilisée. | Function(row)/String | — | — |
|
||||
| empty-text | Texte à afficher quand il n'y a pas de données. Vous pouvez changer cette zone grâce à `slot="empty"`. | String | — | No Data |
|
||||
| default-expand-all | Si toutes les lignes sont étendues par défaut, ne marche que si des lignes ont type="expand". | Boolean | — | false |
|
||||
| expand-row-keys | Détermine les lignes qui sont étendues, contient les clés des lignes correspondantes. Vous devriez configurer `row-key` avant celle-ci. | Array | — | |
|
||||
@ -1841,9 +1841,9 @@ Vous pouvez personnaliser les indices des colonnes de type `index`.
|
||||
| summary-method | La méthode pour calculer la somme. | Function({ columns, data }) | — | — |
|
||||
| span-method | Méthode qui retourne les valeurs de colspan et rowspan. | Function({ row, column, rowIndex, columnIndex }) | — | — |
|
||||
| select-on-indeterminate | Contrôle le comportement de la checkbox globale dans les tables avec sélection multiple lorsque seulement certaines lignes sont sélectionnées. Si `true`, toutes les lignes sont sélectionnées. | Boolean | — | true |
|
||||
| indent | horizontal indentation of tree data | Number | — | 16 |
|
||||
| lazy | whether to lazy loading data | Boolean | — | — |
|
||||
| load | method for loading child row data, only works when `lazy` is true | Function({ row, treeNode, resolve }) | — | — |
|
||||
| indent | Indentation horizontale de l'arborescence. | Number | — | 16 |
|
||||
| lazy | Si le lazy loading doit être utilisé. | Boolean | — | — |
|
||||
| load | Méthode a utiliser pour le lazy loading, ne fonctionne que lorsque `lazy` est `true`. | Function({ row, treeNode, resolve }) | — | — |
|
||||
|
||||
### Évènements de Table
|
||||
|
||||
|
||||
@ -303,6 +303,6 @@ Seuls les onglets de type carte supportent l'ajout et la suppression.
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| label | Titre de l'onglet. | string | — | — |
|
||||
| disabled | Si l'onglet est désactivé. | boolean | — | false |
|
||||
| name |identifiant correspondant au nom des onglets, utilisé par Tabs pour savoir quel est l'onglet actif. | string | — | Numéro de l'onglet dans l'ordre d'apparition, e.g. le premier est '1'. |
|
||||
| name | Identifiant correspondant au nom des onglets, utilisé par Tabs pour savoir quel est l'onglet actif. | string | — | Numéro de l'onglet dans l'ordre d'apparition, e.g. le premier est '1'. |
|
||||
| closable | Si l'onglet est supprimable. | boolean | — | false |
|
||||
| lazy | Si le contenu de l'onglet bénéficie du lazy-loading. | boolean | — | false |
|
||||
|
||||
@ -194,4 +194,4 @@ Les éléments de formulaire désactivés ne sont pas supportés par Tooltip, pl
|
||||
| popper-class | Classe du popper de Tooltip. | string | — | — |
|
||||
| enterable | Si la souris peut entrer dans la Tooltip. | Boolean | — | true |
|
||||
| hide-after | Délai avant disparition. | number | — | 0 |
|
||||
| tabindex | [tabindex](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of Tooltip | number | — | 0 |
|
||||
| tabindex | [tabindex](https://developer.mozilla.org/fr/docs/Web/HTML/Attributs_universels/tabindex) de Tooltip. | number | — | 0 |
|
||||
|
||||
Loading…
Reference in New Issue
Block a user