mirror of https://github.com/ElemeFE/element
				
				
				
			I18n: Update avatar component fr doc (#17762)
							parent
							
								
									7f4d7b0c8d
								
							
						
					
					
						commit
						ed73a1bef9
					
				| 
						 | 
					@ -1,17 +1,18 @@
 | 
				
			||||||
## Avatar avatar
 | 
					## Avatar avatar
 | 
				
			||||||
 | 
					
 | 
				
			||||||
Avatars can be used to represent people or objects. It supports images, Icons, or characters.
 | 
					Avatars can be used to represent people or objects. It supports images, Icons, or characters.
 | 
				
			||||||
 | 
					Les avatars peuvent être utilisés pour représenter des personnes ou des objets. Les images, icônes et les caractères sont supportés.
 | 
				
			||||||
 | 
					
 | 
				
			||||||
### Basic
 | 
					### Basic
 | 
				
			||||||
 | 
					
 | 
				
			||||||
use `shape` and `size` prop to set avatar's shape and size
 | 
					utilisez les prop `shape` et` size` pour définir la forme et la taille de l'avatar
 | 
				
			||||||
 | 
					
 | 
				
			||||||
:::demo
 | 
					:::demo
 | 
				
			||||||
```html
 | 
					```html
 | 
				
			||||||
<template>
 | 
					<template>
 | 
				
			||||||
  <el-row class="demo-avatar demo-basic">
 | 
					  <el-row class="demo-avatar demo-basic">
 | 
				
			||||||
    <el-col :span="12">
 | 
					    <el-col :span="12">
 | 
				
			||||||
      <div class="sub-title">circle</div>
 | 
					      <div class="sub-title">cercle</div>
 | 
				
			||||||
      <div class="demo-basic--circle">
 | 
					      <div class="demo-basic--circle">
 | 
				
			||||||
        <div class="block"><el-avatar :size="50" :src="circleUrl"></el-avatar></div>
 | 
					        <div class="block"><el-avatar :size="50" :src="circleUrl"></el-avatar></div>
 | 
				
			||||||
        <div class="block" v-for="size in sizeList" :key="size">
 | 
					        <div class="block" v-for="size in sizeList" :key="size">
 | 
				
			||||||
| 
						 | 
					@ -20,14 +21,14 @@ use `shape` and `size` prop to set avatar's shape and size
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
    </el-col>  
 | 
					    </el-col>  
 | 
				
			||||||
    <el-col :span="12">
 | 
					    <el-col :span="12">
 | 
				
			||||||
      <div class="sub-title">square</div>
 | 
					      <div class="sub-title">carré</div>
 | 
				
			||||||
      <div class="demo-basic--circle">
 | 
					      <div class="demo-basic--circle">
 | 
				
			||||||
        <div class="block"><el-avatar shape="square" :size="50" :src="squareUrl"></el-avatar></div>
 | 
					        <div class="block"><el-avatar shape="square" :size="50" :src="squareUrl"></el-avatar></div>
 | 
				
			||||||
        <div class="block" v-for="size in sizeList" :key="size">
 | 
					        <div class="block" v-for="size in sizeList" :key="size">
 | 
				
			||||||
          <el-avatar shape="square" :size="size" :src="squareUrl"></el-avatar>
 | 
					          <el-avatar shape="square" :size="size" :src="squareUrl"></el-avatar>
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
    </el-col> 
 | 
					    </el-col>
 | 
				
			||||||
  </el-row>
 | 
					  </el-row>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
<script>
 | 
					<script>
 | 
				
			||||||
| 
						 | 
					@ -47,7 +48,7 @@ use `shape` and `size` prop to set avatar's shape and size
 | 
				
			||||||
 | 
					
 | 
				
			||||||
### Types
 | 
					### Types
 | 
				
			||||||
 | 
					
 | 
				
			||||||
It supports images, Icons, or characters
 | 
					Les images, icônes et les caractères sont supportés.
 | 
				
			||||||
 | 
					
 | 
				
			||||||
:::demo
 | 
					:::demo
 | 
				
			||||||
```html
 | 
					```html
 | 
				
			||||||
| 
						 | 
					@ -67,9 +68,9 @@ It supports images, Icons, or characters
 | 
				
			||||||
```
 | 
					```
 | 
				
			||||||
:::
 | 
					:::
 | 
				
			||||||
 | 
					
 | 
				
			||||||
### Fallback when image load error
 | 
					### fallback en cas d'erreur de chargement d'image
 | 
				
			||||||
 | 
					
 | 
				
			||||||
fallback when image load error
 | 
					fallback en cas d'erreur de chargement d'image
 | 
				
			||||||
 | 
					
 | 
				
			||||||
:::demo
 | 
					:::demo
 | 
				
			||||||
```html
 | 
					```html
 | 
				
			||||||
| 
						 | 
					@ -93,9 +94,9 @@ fallback when image load error
 | 
				
			||||||
```
 | 
					```
 | 
				
			||||||
:::
 | 
					:::
 | 
				
			||||||
 | 
					
 | 
				
			||||||
### How the image fit its container
 | 
					### Comment l'image s'adapte à son conteneur
 | 
				
			||||||
 | 
					
 | 
				
			||||||
Set how the image fit its container for an image avatar, same as [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).
 | 
					Défini comment l'image s'adapte à son conteneur, pareil que [object-fit](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit).
 | 
				
			||||||
 | 
					
 | 
				
			||||||
:::demo
 | 
					:::demo
 | 
				
			||||||
```html
 | 
					```html
 | 
				
			||||||
| 
						 | 
					@ -123,23 +124,23 @@ Set how the image fit its container for an image avatar, same as [object-fit](ht
 | 
				
			||||||
 | 
					
 | 
				
			||||||
### Attributes
 | 
					### Attributes
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| Attribute      | Description          | Type      | Accepted Values       | Default  |
 | 
					| Attribute      | Description          | Type      | Valeurs acceptées       | Default  |
 | 
				
			||||||
| ----------------- | -------------------------------- | --------------- | ------ | ------ |
 | 
					| ----------------- | -------------------------------- | --------------- | ------ | ------ |
 | 
				
			||||||
| icon              | set representation type to Icon, more info on Icon Component   | string          |        |        |
 | 
					| icon              | Défini le type de représentation sur Icon, plus d’informations sur le composant Icon   | string          |        |        |
 | 
				
			||||||
| size              | set avatar size                     | number/string | number / large / medium / small | large  |
 | 
					| size              | Défini la taille de l'avatar                     | number/string | number / large / medium / small | large  |
 | 
				
			||||||
| shape             | set avatar shape  | string |    circle / square     |   circle  |
 | 
					| shape             | Défini la forme de l'avatar  | string |    circle / square     |   circle  |
 | 
				
			||||||
| src               | the address of the image for an image avatar | string |        |      |
 | 
					| src               | L'adresse de l'image pour un avatar image | string |        |      |
 | 
				
			||||||
| srcSet            | A list of one or more strings separated by commas indicating a set of possible image sources for the user agent to use | string |        |      |
 | 
					| srcSet            | Une liste d'un ou plusieurs string séparés par des virgules indiquant un ensemble de sources d'images possibles que le user agent peut utiliser | string |        |      |
 | 
				
			||||||
| alt               | This attribute defines an alternative text description of the image | string |        |      |
 | 
					| alt               | Cet attribut définit une description textuelle alternative de l'image | string |        |      |
 | 
				
			||||||
| fit               | set how the image fit its container for an image avatar | string |    fill / contain / cover / none / scale-down    |   cover   |
 | 
					| fit               | Défini comment l'image s'adapte à son conteneur | string |    fill / contain / cover / none / scale-down    |   cover   |
 | 
				
			||||||
 | 
					
 | 
				
			||||||
### Events
 | 
					### Évènements
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| Event Name | Description         | Parameters  |
 | 
					| Event Name | Description         | Paramètres  |
 | 
				
			||||||
| ------ | ------------------ | -------- |
 | 
					| ------ | ------------------ | -------- |
 | 
				
			||||||
| error  | handler when img load error, return false to prevent default fallback behavior |(e: Event)  |
 | 
					| error  | handler en cas d'erreur de chargement de l'image, renvoie false pour éviter le fallback par défaut |(e: Event)  |
 | 
				
			||||||
 | 
					
 | 
				
			||||||
### Slot
 | 
					### Slot
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| Slot Name | Description | 
 | 
					| Slot Name | Description |
 | 
				
			||||||
| default  | customize avatar content |
 | 
					| default  | personnalise le contenu de l'avatar |
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -1,4 +1,4 @@
 | 
				
			||||||
| Se## Cascader
 | 
					## Cascader
 | 
				
			||||||
 | 
					
 | 
				
			||||||
Si les options ont une structure hiérarchique claire, Le composant Cascader peut être utilisé pour les afficher et les sélectionner.
 | 
					Si les options ont une structure hiérarchique claire, Le composant Cascader peut être utilisé pour les afficher et les sélectionner.
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -1,4 +1,3 @@
 | 
				
			||||||
 | 
					 | 
				
			||||||
## DatePicker
 | 
					## DatePicker
 | 
				
			||||||
 | 
					
 | 
				
			||||||
Utilisez DatePicker pour les champs de dates.
 | 
					Utilisez DatePicker pour les champs de dates.
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue