Skip to content

Commit

Permalink
docs: Documentation update to Spanish 2.8.2 (ElemeFE#15351)
Browse files Browse the repository at this point in the history
  • Loading branch information
Gonzalo2310 authored and iamkun committed May 7, 2019
1 parent ab23a21 commit 06dfe16
Show file tree
Hide file tree
Showing 14 changed files with 224 additions and 207 deletions.
222 changes: 117 additions & 105 deletions CHANGELOG.es.md

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions examples/docs/es/alert.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,9 +32,9 @@ Los componentes de alertas no son elementos overlay de la página y no desaparec

### Theme

Alert provide two different themes, `light` and `dark`.
Alert provee dos diferentes temas `light` y `dark`.

:::demo Set `effect` to change theme, default is `light`.
:::demo Use `effect` para cambiar el tema, por defecto es `light`.
```html
<template>
<el-alert
Expand Down
31 changes: 16 additions & 15 deletions examples/docs/es/calendar.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
## Calendar

Display date.
Muestra fechas.

### Basic
### Basico

:::demo Set `value` to specify the currently displayed month. If `value` is not specified, current month is displayed. `value` supports two-way binding.
:::demo Configure el valor para especificar el mes que se muestra actualmente. Si no se especifica el valor, se muestra el mes actual. el valor soporta la vinculación bidireccional.
```html
<el-calendar v-model="value">
</el-calendar>
Expand All @@ -21,9 +21,10 @@ Display date.
```
:::

### Custom Content
### Contenido personalizado

:::demo Personalice lo que se muestra en la celda del calendario configurando el `scoped-slot` llamada `dateCell`. En la ranura de alcance se puede obtener la fecha (la fecha de la celda actual), los datos (incluyendo el tipo, isSelected, el atributo day). Para obtener más información, consulte la documentación de la API a continuación.

:::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.
```html
<el-calendar>
<!-- Use 2.5 slot syntax. If you use Vue 2.6, please use new slot syntax-->
Expand All @@ -43,23 +44,23 @@ Display date.
```
:::

### Range
### Rango

:::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 Defina el atributo `range` para especificar el rango de visualización del calendario. El tiempo de inicio debe ser el lunes, el tiempo de finalización debe ser el domingo y el período no puede exceder los dos meses.
```html
<el-calendar :range="['2019-03-04', '2019-03-24']">
</el-calendar>
```
:::

### Attributes
| Attribute | Description | Type | Accepted Values | Default |
### Atributos
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|-----------------|-------------- |---------- |---------------------- |--------- |
| value / v-model | binding value | Date/string/number |||
| range | time range, including start time and end time. Start time must be Monday, end time must be Sunday, the time span cannot exceed two months | Array |||
| value / v-model | valor vinculante | Date/string/number |||
| range | rango de tiempo, incluyendo el tiempo de inicio y el tiempo final. El tiempo de inicio debe ser el lunes, el tiempo final debe ser el domingo, el período no puede exceder los dos meses. | Array |||

### dateCell scoped slot 参数
| Attribute | Description | Type | Accepted Values | Default |
### dateCell scoped slot
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|-----------------|-------------- |---------- |---------------------- |--------- |
| date | date the cell represents | Date |||
| data | { type, isSelected, day}. `type` indicates which month the date belongs, optional values are prev-month, current-month, next-month; `isSelected` indicates whether the date is selected; `day` is the formatted date in the format yyyy-MM-dd | Object |||
| date | fecha que la celda representa | Date |||
| data | { type, isSelected, day}. `type` indica el mes al que pertenece la fecha, los valores opcionales son mes anterior, mes actual, mes siguiente; `isSelected` indica si la fecha está seleccionada; `day` es la fecha formateada en el formato yyyy-MM-dd | Object |||
26 changes: 13 additions & 13 deletions examples/docs/es/carousel.md
Original file line number Diff line number Diff line change
Expand Up @@ -151,7 +151,7 @@ Cuando una página es suficientemente ancha pero tiene una altura limitada, pued
```
:::

By default, `direction` is `horizontal`. Let carousel be displayed in the vertical direction by setting `direction` to `vertical`.
Por defecto, `direction` es `horizontal`. El carousel puede ser mostrado de forma vertical cambiando `direction` a `vertical`.

:::demo
```html
Expand Down Expand Up @@ -184,18 +184,18 @@ By default, `direction` is `horizontal`. Let carousel be displayed in the vertic
:::

### Atributos de Carousel
| Atributo | Descripcion | Tipo | Valores aceptados | Por defecto |
| ------------------ | ---------------------------------------- | ------- | ------------------ | ----------- |
| height | Alto del carrusel | string |||
| initial-index | Indice del slider inicial activo (empieza desde 0) | number || 0 |
| trigger | Evento que muestra los indicadores | string | hover/click | hover |
| autoplay | Si se enlazan automáticamente las diapositivas | boolean || true |
| interval | Intervalo del auto loop, en milisegundos | number || 3000 |
| indicator-position | Posición del indicador de paginación | string | outside/none ||
| arrow | Cuando se muestran las flechas | string | always/hover/never | hover |
| type | Tipo de carrusel | string | card ||
| loop | Si se muestra cíclicamente | boolean || true |
| direction | display direction | string | horizontal/vertical| horizontal |
| Atributo | Descripcion | Tipo | Valores aceptados | Por defecto |
| ------------------ | -------------------------------------------------- | ------- | ------------------- | ----------- |
| height | Alto del carrusel | string | ||
| initial-index | Indice del slider inicial activo (empieza desde 0) | number | | 0 |
| trigger | Evento que muestra los indicadores | string | hover/click | hover |
| autoplay | Si se enlazan automáticamente las diapositivas | boolean | | true |
| interval | Intervalo del auto loop, en milisegundos | number | | 3000 |
| indicator-position | Posición del indicador de paginación | string | outside/none ||
| arrow | Cuando se muestran las flechas | string | always/hover/never | hover |
| type | Tipo de carrusel | string | card ||
| loop | Si se muestra cíclicamente | boolean | | true |
| direction | direccion en la que se muestra el contenido | string | horizontal/vertical | horizontal |

### Eventos de Carousel
| Nombre evento | Descripción | Parametros |
Expand Down
3 changes: 2 additions & 1 deletion examples/docs/es/collapse.md
Original file line number Diff line number Diff line change
Expand Up @@ -129,4 +129,5 @@ Además de usar el atributo `title`, se puede personalizar el título del panel
| -------- | ----------------------------- | ------------- | ----------------- | ----------- |
| name | identificador único del panel | string/number |||
| title | título del panel | string |||
| disabled | disable the collapse item | boolean |||
| disabled | deshabilita el collapse ítem | boolean |||

20 changes: 10 additions & 10 deletions examples/docs/es/divider.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
## Divider

The dividing line that separates the content.
La línea divisoria que separa el contenido.

### Basic usage
### Uso básico

Divide the text of different paragraphs.
Divide el texto de los diferentes párrafos.

:::demo
```html
Expand All @@ -18,9 +18,9 @@ Divide the text of different paragraphs.
```
:::

### Custom content
### Contenido personalizado

You can customize the content on the divider line.
Puede personalizar el contenido en la línea divisoria.


:::demo
Expand All @@ -38,7 +38,7 @@ You can customize the content on the divider line.
```
:::

### Vertical divider
### División vertical

:::demo
```html
Expand All @@ -54,8 +54,8 @@ You can customize the content on the divider line.
```
:::

### Divider Attributes
| Attribute | Description | Type | Accepted Values | Default |
### Divider Atributos
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|------------- |---------------- |---------------- |---------------------- |-------- |
| direction | Set divider's direction | string | horizontal / vertical | horizontal |
| content-position | customize the content on the divider line | String | left / right / center | center |
| direction | indica la dirección del separador | string | horizontal / vertical | horizontal |
| content-position | personaliza el contenido en la línea divisoria | String | left / right / center | center |
6 changes: 3 additions & 3 deletions examples/docs/es/dropdown.md
Original file line number Diff line number Diff line change
Expand Up @@ -280,14 +280,14 @@ Además del tamaño predeterminado, el componente Dropdown proporciona tres tama
| hide-on-click | si se oculta el menú después de hacer clic en el elemento | boolean || true |
| show-timeout | Tiempo de retardo antes de mostrar un dropdown (solamente trabaja cuando se dispara `hover`) | number || 250 |
| hide-timeout | Tiempo de retardo antes de ocultar un dropdown (solamente trabaja cuando se dispara `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/en-US/docs/Web/HTML/Global_attributes/tabindex) de Dropdown | number || 0 |

### Dropdown Slots

| Nombre | Descripción |
|------|--------|
|| content of Dropdown. Notice: Must be a valid html dom element (ex. `<span>, <button> etc.`) or `el-component`, to attach the trigger listener |
| dropdown | content of the Dropdown Menu, usually a `<el-dropdown-menu>` element |
|| contenido del Dropdown. Aviso: Debe ser un elemento html dom válido (ej. `<span>, <button>` etc.) o `el-component`, para adjuntar el listener trigger |
| dropdown | contenido del menu Dropdown, normalmente es un elemento `<el-dropdown-menu>` |

### Dropdown Eventos
| Nombre | Descripción | Parametros |
Expand Down
46 changes: 24 additions & 22 deletions examples/docs/es/image.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,10 @@
## Image
Besides the native features of img, support lazy load, custom placeholder and load failure, etc.
Además de las características nativas de img, soporte de carga perezosa, marcador de posición personalizado y fallo de carga, etc.

### Basic Usage
### Uso básico

:::demo Indica cómo se debe cambiar el tamaño de la imagen para que se ajuste a su contenedor por ajuste, igual que el ajuste de objeto nativo. [object-fit](https://developer.mozilla.org/es/docs/Web/CSS/object-fit)

:::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)
```html
<div class="demo-image">
<div class="block" v-for="fit in fits" :key="fit">
Expand All @@ -30,7 +31,7 @@ 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 Personalice el placeholder del contenido mientras la imagen aun no ha sido cargada vía `slot = placeholder`
```html
<div class="demo-image__placeholder">
<div class="block">
Expand Down Expand Up @@ -59,9 +60,9 @@ Besides the native features of img, support lazy load, custom placeholder and lo
```
:::

### Load Failed
### Fallo de carga

:::demo Custom failed content when error occurs to image load by `slot = error`
:::demo Personalice el contenido cuando ocurra algun error al cargar la imagen via `slot = error`
```html
<div class="demo-image__error">
<div class="block">
Expand All @@ -82,7 +83,8 @@ Besides the native features of img, support lazy load, custom placeholder and lo

### Lazy Load

:::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 Use lazy load vía `lazy = true`. La imagen se cargará hasta que se desplace a la vista cuando esté configurada. Puede indicar el contenedor de scroll que añade el oyente de scroll vía `scroll-container`. Si no está definido, será el contenedor padre más cercano cuya propiedad overflow es auto o scroll.

```html
<div class="demo-image__lazy">
<el-image v-for="url in urls" :key="url" :src="url" lazy></el-image>
Expand All @@ -108,25 +110,25 @@ Besides the native features of img, support lazy load, custom placeholder and lo
```
:::

### Attributes
| Attribute | Description | Type | Accepted values | Default |
### Atributos
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|---------- |-------- |---------- |------------- |-------- |
| 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 |

### Events
| Event Name | Description | Parameters |
| src | origen de la imagen, igual que en nativo | string || - |
| fit | Indica como la imagen debe adaptarse al contenendor, lo mismo que [object-fit](https://developer.mozilla.org/es/docs/Web/CSS/object-fit) | fill / contain / cover / none / scale-down || - |
| alt | alt nativo | string | - | - |
| lazy | si se usara lazy load | boolean || false |
| scroll-container | El contenedor para añadir el scroll listener cuando se utiliza lazy load | string / HTMLElement || El contenedor padre más cercano cuya propiedad de desbordamiento es auto o scroll |

### Eventos
| Nombre del evento | Descripción | Parámetros |
|---------- |-------- |---------- |
| load | Same as native load | (e: Event) |
| error | Same as native error | (e: Error) |
| load | Igual que el load nativo | (e: Event) |
| error | Igual que el error nativo | (e: Error) |

### Slots
| Slot Name | Description |
| Nombre del slot | Descripción |
|---------|-------------|
| placeholder | Triggers when image load |
| error | Triggers when image load failed |
| placeholder | Se activa cuando la imagen se carga |
| error | Se activa cuando la carga de la imagen falla |


13 changes: 7 additions & 6 deletions examples/docs/es/input-number.md
Original file line number Diff line number Diff line change
Expand Up @@ -69,9 +69,9 @@ Le permite definir el nivel de incremento de los saltos.
```
:::

### Step strictly
### Step estrictamente

:::demo The `step-strictly` attribute accepts a `boolean`. if this attribute is `true`, input value can only be multiple of step.
:::demo El atributo `step-strictly` acepta `boolean`. Si este atributo es `true`, el valor de entrada sólo puede ser múltiplo de step.

```html
<template>
Expand All @@ -89,9 +89,9 @@ Le permite definir el nivel de incremento de los saltos.
```
:::

### Precision
### Precisión

:::demo Add `precision` attribute to set the precision of input value.
:::demo El atributo `precision` aplica presicion al valor del value.

```html
<template>
Expand All @@ -111,7 +111,8 @@ Le permite definir el nivel de incremento de los saltos.
:::

:::tip
The value of `precision` must be a non negative integer and should not be less than the decimal places of `step`.
El valor de `precision` debe ser un numero entero positivo que no debe ser inferior a los decimales del `step`.

:::

### Tamaño
Expand Down Expand Up @@ -175,7 +176,7 @@ Utilice el atributo `size` para establecer tamaños adicionales con `medium`, `s
| min | el valor mínimo permitido | number || `-Infinity` |
| max | el valor maximo permitido | number || `Infinity` |
| step | incremento (salto) | number || 1 |
| step-strictly | whether input value can can only be multiple of step | number || false |
| step-strictly | si el valor del input puede ser solo un multiplo de step | number || false |
| precision | precisión del valor del input | number |||
| size | tamaño del componente | string | large/small ||
| disabled | si el componente esta deshabilitado | boolean || false |
Expand Down
Loading

0 comments on commit 06dfe16

Please sign in to comment.