github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Doc: update es docs for 2.1.0 (#9581) (#9591) 

* Changelog: update for 2.1.0 (#9581)

* Changelog: update for 2.1.0

* Changelog: update for 2.1.0

* Update date-picker.md

* Update datetime-picker.md

* Update time-picker.md
pull/9607/head
Gonzalo Nandez 2018-02-01 06:43:45 +01:00 committed by 杨奕
parent 17dadb8093
commit 07ae591be8
9 changed files with 238 additions and 202 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
CHANGELOG.es.md
View File

@ -6,53 +6,53 @@
#### New features #### New features
- Cascader - Cascader
- Added `focus` and `blur` events, #9184 (by @viewweiwu) - Agregados los eventos `focus` y `blur`, #9184 (by @viewweiwu)
- Table - Table
- The `filter-method` now has a third param `column`, #9196 (by @liyanlong) - El `filter-method` ahora tiene un tercer parámetro `column`, #9196 (by @liyanlong)
- DatePicker - DatePicker
- Added `prefix-icon` and `clear-icon` attributes, #9237 (by @AdamSGit) - Agregados los atributos `prefix-icon` y `clear-icon`, #9237 (by @AdamSGit)
- Added `default-time` attribute, #9094 (by @nighca) - Agregado el atributo `default-time`, #9094 (by @nighca)
- `value-format` now supports `timestamp`, #9319 (by @wacky6) - `value-format` ahora soporta `timestamp`, #9319 (by @wacky6)
- InputNumber - InputNumber
- Now the binding value can be `undefined`, #9361 - Ahora el valor vinculado puede ser `undefined`, #9361
- Select - Select
- Added `auto-complete` attribute, #9388 - Agregado el atributo `auto-complete`, #9388
- Form - Form
- Added `disabled` attribute, #9529 - Agregado el atributo `disabled`, #9529
- Added `validateOnRuleChange` attribute, #8141 - Agregado el atributo `validateOnRuleChange`, #8141
- Notificaition - Notification
- Added `closeAll` method, #9514 - Agregado el metodo `closeAll`, #9514
#### Bug fixes #### Bug fixes
- InputNumber - InputNumber
- Fixed value resetting when typing decimal point, #9116 - Arreglado el reseteo del valor cuando tiene punto decimal, #9116
- Dropdown - Dropdown
- Fixed dropdown menu incorrect positioning when the page only has a horizontal scrollbar in some browsers, #9138 (by @banzhuanmei) - Arreglado el dropdown menu que tenia un posicionamiento incorrecto cuando la página sólo tiene una barra de desplazamiento horizontal en algunos navegadores, #9138 (by @banzhuanmei)
- Table - Table
- Fixed an error in calculating number of fixed columns after the column data changes, #9188（by @kolesoffac） - Corregido un error en el cálculo del número de columnas fijas después de que los datos de la columna cambian, #9188（by @kolesoffac）
- Fixed the border of the last column of the grouped header not properly displayed, #9326 - Corregido el borde de la última columna de la cabecera agrupada que no se visualizaba correctamente., #9326
- Fixed incorrect positioning of table header in Safari, #9327 - Corregido el posicionamiento incorrecto del header de la tabla en Safari, #9327
- Fixed expanded row collapsing when the table data changes, #9462 - Corregido fila expandida colapsaba cuando cambiaban los datos de la tabla, #9462
- Fixed unnecessary multiple renders in some conditions, #9426 - Corregido renders múltiples innecesarios en algunas condiciones, #9426
- Fixed column width calculation error when `width` of TableColumn changes, #9426 - Corregido un error de calculo en el ancho de la columna cuando `width` cambiaba en TableColumn, #9426
- Loading - Loading
- Fixed Loading not hiding correctly in some conditions, #9313 - Corregido que en algunas ocasiones el loading no se ocultaba correctamente, #9313
- DatePicker - DatePicker
- Fixed `focus` method not working in range mode, #9437 - Corregido el metodo `focus` que no funcionaba en modo `range`, #9437
- Fixed clicking the "now" button still selecting the current date even if it is disabled, #9470 (by @wacky6) - Corregido si se hacia clic en el botón "now" seguia seleccionando la fecha actual aunque estuviera desactivado, #9470 (by @wacky6)
- Fixed date clamping when navigating, #9577 (by @wacky6) - Corregido fijación de fechas al navegar, #9577 (by @wacky6)
- Steps - Steps
- Fixed style error in IE 11, #9454 - Corregido error de estilos en IE 11, #9454
#### Breaking changes #### Breaking changes
- Menu - Menu
- The popup menu in `collapse` mode now appends directly to `body`, so that it is visible when nested in Aside, #9263 - El menú desplegable en modo `collapse` ahora se agrega directamente al `body`, de modo que es visible cuando está anidado en Aside, #9263
- Table - Table
- Now checking the checkboxes in multi-selection Table doesn't trigger `row-click` event, #9467 - Ahora, al marcar los checkboxes en la Tabla de selección múltiple no se activa el evento `row-click`, #9467
- Loading - Loading
- The `z-index` of non-fullscreen loading mask is changed to 2000. The `z-index` of fullscreen loading mask will update dynamically with the popup components, #9522 - El `z-index` de la máscara de carga non-fullscreen se cambia a 2000. El `z-index` de la máscara de carga fullscreen se actualiza dinámicamente con los componentes emergentes, #9522
- Dropdown - Dropdown
- `show-timeout` and `hide-timeout` attributes now only works when trigger is `hover`, #9573 - Los atributos `show-timeout` y `hide-timeout` ahora solo trabajan si se dispara `hover`, #9573
### 2.0.11 ### 2.0.11

2
examples/docs/es/cascader.md
View File

@ -1700,4 +1700,6 @@ Buscar y seleccionar opciones con una palabra clave.
| ------------------ | ---------------------------------------- | ------------------------- | | ------------------ | ---------------------------------------- | ------------------------- |
| change | se dispara cuando el valor cambia | valor | | change | se dispara cuando el valor cambia | valor |
| active-item-change | se dispara cuando cambia la opción activa, sólo funciona cuando `change-on-select` es `false`. | array de opciones activas | | active-item-change | se dispara cuando cambia la opción activa, sólo funciona cuando `change-on-select` es `false`. | array de opciones activas |
| blur | se dispara cuando Cascader pierde el foco | (event: Event) |
| focus | se dispara cuando Cascader obtiene el foco | (event: Event) |

188
examples/docs/es/date-picker.md
View File

@ -65,7 +65,8 @@
value9: '', value9: '',
value10: '', value10: '',
value11: '', value11: '',
value12: [] value12: '',
value13: []
}; };
} }
}; };
@ -332,11 +333,93 @@ Si el tipo es `daterange`, `default-value` establece el calendario del lado izqu
``` ```
::: :::
### Default time for start date and end date ### Formatos de Date
Utilice `format` para controlar el formato del texto visualizado en el input. Utilice `value-format` para controlar el formato del valor vinculado.
When picking a date range, you can assign the time part for start date and end date. Por defecto, el componente acepta y emite un objeto Date. A continuación se soportan cadenas de formato, usando UTC 2017-01-02 03:04:05 como ejemplo:
:::warning
Preste atención a la capitalización
:::
| formato | significado | nota | ejemplo |
| ----------- | ------------ | ---------------------------------------- | ------------- |
| `yyyy` | año | | 2017 |
| `M` | mes | no acepta 0 | 1 |
| `MM` | mes | | 01 |
| `W` | semana | solamente para semanas en picker's `format`; no acepta 0 | 1 |
| `WW` | semana | solamente para semanas en picker's `format` | 01 |
| `d` | dia | no acepta 0 | 2 |
| `dd` | dia | | 02 |
| `H` | hora | 24-hora reloj; no acepta 0 | 3 |
| `HH` | hora | 24-hora reloj | 03 |
| `h` | hora | 12-hora reloj; debe usarse con `A` o `a`; no acepta 0 | 3 |
| `hh` | hour | 12-hora reloj; debe usarse con `A` o `a` | 03 |
| `m` | minuto | no acepta 0 | 4 |
| `mm` | minuto | | 04 |
| `s` | segundo | no acepta 0 | 5 |
| `ss` | segundo | | 05 |
| `A` | AM/PM | solamente para `format`, mayusculas | AM |
| `a` | am/pm | solamente para `format`, minúsculas | am |
| `timestamp` | JS timestamp | solamente para `value-format`; valor vinculado debe ser un `number` | 1483326245000 |
:::demo
```html
<template>
<div class="block">
<span class="demonstration">Emits Date object</span>
<div class="demonstration">Value: {{ value10 }}</div>
<el-date-picker
v-model="value10"
type="date"
placeholder="Pick a Date"
format="yyyy/MM/dd">
</el-date-picker>
</div>
<div class="block">
<span class="demonstration">Use value-format</span>
<div class="demonstration">Value: {{ value11 }}</div>
<el-date-picker
v-model="value11"
type="date"
placeholder="Pick a Date"
format="yyyy/MM/dd"
value-format="yyyy-MM-dd">
</el-date-picker>
</div>
<div class="block">
<span class="demonstration">Timestamp</span>
<div class="demonstration">Value：{{ value12 }}</div>
<el-date-picker
v-model="value12"
type="date"
placeholder="Pick a Date"
format="yyyy/MM/dd"
value-format="timestamp">
</el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
value10: '',
value11: '',
value12: ''
};
}
};
</script>
```
:::
### Hora por defecto para comienzo y fin de fecha
Al seleccionar un intervalo de fechas, puede asignar la hora para la fecha de inicio y la fecha final.
:::demo Por defecto, la hora de la fecha de inicio y final es `00:00:00`. Configurar `default-time` puede cambiar la hora respectivamente. Acepta un array de hasta dos cadenas con el formato `12:00:00`. La primera cadena fija la hora para la fecha de inicio y la segunda para la fecha final.
:::demo By default, the time part of start date and end date are both `00:00:00`. Setting `default-time` can change their time respectively. It accepts an array of up to two strings with the format of `12:00:00`. The first string sets the time for the start date, and the second for the end date.
```html ```html
<template> <template>
<div class="block"> <div class="block">
@ -363,77 +446,30 @@ When picking a date range, you can assign the time part for start date and end d
``` ```
::: :::
### Formato del valor
De forma predeterminada, DatePicker emite el objet `Date`. Puede utilizar `value-format` para designar el formato del valor emitido, acepta la misma cadena de formato del atributo `format`.
:::warning
Esta característica está en la etapa alfa. Feedback bienvenido.
:::
:::demo
```html
<template>
<div class="block">
<span class="demonstration">Emits Date object</span>
<div class="demonstration">Value: {{ value10 }}</div>
<el-date-picker
v-model="value10"
type="date"
placeholder="Pick a Date"
format="yyyy/MM/dd">
</el-date-picker>
</div>
<div class="block">
<span class="demonstration">Emits formatted date</span>
<div class="demonstration">Value: {{ value11 }}</div>
<el-date-picker
v-model="value11"
type="date"
placeholder="Pick a Date"
format="yyyy/MM/dd"
value-format="yyyy-MM-dd">
</el-date-picker>
</div>
</template>
<script>
export default {
data() {
return {
value10: '',
value11: '',
};
}
};
</script>
```
:::
### Atributos ### Atributos
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto | | Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
| ----------------- | ---------------------------------------- | ----------------- | ---------------------------------------- | ----------- | | ----------------- | ---------------------------------------- | ----------------- | ---------------------------------------- | -------------------- |
| readonly | si DatePicker es solo de lectura | boolean | — | false | | readonly | si DatePicker es solo de lectura | boolean | — | false |
| disabled | si DatePicker esta deshabilitado | boolean | — | false | | disabled | si DatePicker esta deshabilitado | boolean | — | false |
| size | tamaño del input | string | large/small/mini | — | | size | tamaño del input | string | large/small/mini | — |
| editable | si el input es editable | boolean | — | true | | editable | si el input es editable | boolean | — | true |
| clearable | si se muestra el boton de borrado | boolean | — | true | | clearable | si se muestra el boton de borrado | boolean | — | true |
| placeholder | placeholder cuando el modo NO es rango | string | — | — | | placeholder | placeholder cuando el modo NO es rango | string | — | — |
| start-placeholder | placeholder para la fecha de inicio en modo rango | string | — | — | | start-placeholder | placeholder para la fecha de inicio en modo rango | string | — | — |
| end-placeholder | placeholder para la fecha final en modo rango | string | — | — | | end-placeholder | placeholder para la fecha final en modo rango | string | — | — |
| type | tipo de picker | string | year/month/date/datetime/ week/datetimerange/daterange | date | | type | tipo de picker | string | year/month/date/datetime/ week/datetimerange/daterange | date |
| format | formato en que se muestra el valor en el input | string | año `yyyy`, mes `MM`, dia `dd`, hora `HH`, minuto `mm`, segundo `ss` | yyyy-MM-dd | | format | formato en que se muestra el valor en el input | string | ver [date formats](#/es/component/date-picker#date-formats) | yyyy-MM-dd |
| align | alineación | left/center/right | left | | | align | alineación | left/center/right | left | |
| popper-class | nombre de clase personalizada para el dropdown de DatePicker | string | — | — | | popper-class | nombre de clase personalizada para el dropdown de DatePicker | string | — | — |
| picker-options | opciones adicionales, chequee la tabla debajo | object | — | {} | | picker-options | opciones adicionales, chequee la tabla debajo | object | — | {} |
| range-separator | separador de rangos | string | — | '-' | | range-separator | separador de rangos | string | — | '-' |
| default-value | opcional, valor por defecto para el calendario | Date | cualquiera aceptado por `new Date()` | — | | default-value | opcional, valor por defecto para el calendario | Date | cualquiera aceptado por `new Date()` | — |
| default-time | optional, the time value to use when selecting date range | string[] | Array with length 2, each item is a string like `12:00:00`. The first item for the start date and then second item for the end date | — | | default-time | opcional, los valores para las horas que se deben usar en la seleccion de fechas cuando se usa el modo rango | string[] | Array de dos valores, cada uno es un string del estilo `12:00:00`. El primer elemento es para la fecha de inicio y el segundo es para la fecha final. | — |
| value-format | opcional, formato del valor enlazado. Si no esta especificado, el valor enlazado será un objeto Date. | string | año `yyyy`, mes `MM`, dia `dd`, hora `HH`, minuto `mm`, segundo `ss` | — | | value-format | opcional, formato del valor enlazado. Si no esta especificado, el valor enlazado será un objeto Date. | string | ver [date formats](#/es/component/date-picker#date-formats) | — |
| name | igual que `name` en el input nativo | string | — | — | | name | igual que `name` en el input nativo | string | — | — |
| unlink-panels | desvincular los dos paneles de fecha en el range-picker | boolean | — | false | | unlink-panels | desvincular los dos paneles de fecha en el range-picker | boolean | — | false |
| prefix-icon | Custom prefix icon class | string | — | el-icon-date | | prefix-icon | Clase personalizada para el icono prefijado | string | — | el-icon-date |
| clear-icon | Custom clear icon class | string | — | el-icon-circle-close | | clear-icon | Clase personalizada para el icono `clear` | string | — | el-icon-circle-close |
### Opciones del Picker ### Opciones del Picker
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto | | Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
@ -454,8 +490,8 @@ Esta característica está en la etapa alfa. Feedback bienvenido.
| Nombre | Descripción | Parametros | | Nombre | Descripción | Parametros |
| ------ | ---------------------------------------- | ---------------------------- | | ------ | ---------------------------------------- | ---------------------------- |
| change | se dispara cuando el usuario confirma el valor | valor enlazado al componente | | change | se dispara cuando el usuario confirma el valor | valor enlazado al componente |
| blur | se dispara cuando el input pierde el foco | instancia del componente | | blur | se dispara cuando el input pierde el foco | instancia del componente |
| focus | se dispara cuando el input obtiene el foco | instancia del componente | | focus | se dispara cuando el input obtiene el foco | instancia del componente |
### Metodos ### Metodos
| Metodo | Descripción | Parameteros | | Metodo | Descripción | Parameteros |

52
examples/docs/es/datetime-picker.md
View File

@ -267,30 +267,30 @@ DateTimePicker se deriva de DatePicker y TimePicker. Por una explicación más d
::: :::
### Atributos ### Atributos
| Atributos | Descripción | Tipo | Valores aceptados | Por defecto | | Atributos | Descripción | Tipo | Valores aceptados | Por defecto |
| ------------------ | ---------------------------------------- | ----------------- | ---------------------------------------- | ----------- | | ------------------ | ---------------------------------------- | ----------------- | ---------------------------------------- | -------------------- |
| readonly | si DatePicker es solo de lectura | boolean | — | false | | readonly | si DatePicker es solo de lectura | boolean | — | false |
| disabled | si DatePicker esta deshabilitada | boolean | — | false | | disabled | si DatePicker esta deshabilitada | boolean | — | false |
| editable | Si la entrada es editable | boolean | — | true | | editable | Si la entrada es editable | boolean | — | true |
| clearable | Si mostrar el botón de `clear` | boolean | — | true | | clearable | Si mostrar el botón de `clear` | boolean | — | true |
| size | tamaño del input | string | large/small/mini | — | | size | tamaño del input | string | large/small/mini | — |
| placeholder | placeholder cuando el modo NO es Range | string | — | — | | placeholder | placeholder cuando el modo NO es Range | string | — | — |
| start-placeholder | placeholder para el inicio de fecha en el modo Range | string | — | — | | start-placeholder | placeholder para el inicio de fecha en el modo Range | string | — | — |
| end-placeholder | placeholder para el fin de fecha en el modo Range | string | — | — | | end-placeholder | placeholder para el fin de fecha en el modo Range | string | — | — |
| time-arrow-control | si se puede modificar el `time` utilizando botones con flechas | boolean | — | false | | time-arrow-control | si se puede modificar el `time` utilizando botones con flechas | boolean | — | false |
| type | tipo del picker | string | year/month/date/datetime/ week/datetimerange/daterange | date | | type | tipo del picker | string | year/month/date/datetime/ week/datetimerange/daterange | date |
| format | formato de valor mostrado en el input | string | año `yyyy` mes `MM` día `dd`, hora `HH`, minuto `mm`, segundo `ss` | yyyy-MM-dd | | format | formato de valor mostrado en el input | string | ver [date formats](#/es/component/date-picker#date-formats) | yyyy-MM-dd |
| alinear | alineación | left/center/right | left | | | align | alineación | left/center/right | left | |
| popper-class | nombre de clase personalizado para el Dropdown de DatePicker | string | — | — | | popper-class | nombre de clase personalizado para el Dropdown de DatePicker | string | — | — |
| picker-options | opciones adicionales, Comprueba la tabla de mas abajo | object | — | {} | | picker-options | opciones adicionales, Comprueba la tabla de mas abajo | object | — | {} |
| range-separator | separador de rango | string | - | '-' | | range-separator | separador de rango | string | - | '-' |
| default-value | opcional, fecha predeterminada del calendario | Fecha | cualquier cosa aceptada por `new Date()` — | | | default-value | opcional, fecha predeterminada del calendario | Fecha | cualquier cosa aceptada por `new Date()` — | |
| default-time | the time value to use when selecting date range | string[] | Array with length 2, each item is a string like `12:00:00`. The first item for the start date and then second item for the end date | — | | default-time | the time value to use when selecting date range | string[] | Array with length 2, each item is a string like `12:00:00`. The first item for the start date and then second item for the end date | — |
| value-format | opcional, formato de valor de enlazado. Si no se especifica, el valor de enlazado será un objeto Date | cadena | año `yyyy`, mes `MM`, día `dd`, hora `HH`, minuto `mm`, segundo `ss` | — | | value-format | opcional, formato de valor de enlazado. Si no se especifica, el valor de enlazado será un objeto Date | cadena | ver [date formats](#/es/component/date-picker#date-formats) | — |
| name | igual que `name` en la entrada nativa | string | — | — | | name | igual que `name` en la entrada nativa | string | — | — |
| unlink-panels | desconectar dos date-panels en range-picker | boolean | — | false | | unlink-panels | desconectar dos date-panels en range-picker | boolean | — | false |
| prefix-icon | Custom prefix icon class | string | — | el-icon-date | | prefix-icon | Clase personalizada para el icono prefijado | string | — | el-icon-date |
| clear-icon | Custom clear icon class | string | — | el-icon-circle-close | | clear-icon | Clase personalizada para el icono `clear` | string | — | el-icon-circle-close |
### Picker Options ### Picker Options
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto | | Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
@ -309,8 +309,8 @@ DateTimePicker se deriva de DatePicker y TimePicker. Por una explicación más d
| Nombre de evento | Descripción | Parámetros | | Nombre de evento | Descripción | Parámetros |
| ---------------- | ---------------------------------------- | ----------------------------- | | ---------------- | ---------------------------------------- | ----------------------------- |
| change | Se dispara cuando el usuario confirma el valor | valor enlazado del componente | | change | Se dispara cuando el usuario confirma el valor | valor enlazado del componente |
| blur | Se dispara cuando el input pierde el foco | instancia del componente | | blur | Se dispara cuando el input pierde el foco | instancia del componente |
| focus | Se dispara cuando el input obtiene el foco | instancia del componente | | focus | Se dispara cuando el input obtiene el foco | instancia del componente |
### Métodos ### Métodos
| Método | Descripción | Parámetros | | Método | Descripción | Parámetros |

4
examples/docs/es/dropdown.md
View File

@ -330,8 +330,8 @@ Además del tamaño predeterminado, el componente Dropdown proporciona tres tama
| placement | colocación del menú | string | top/top-start/top-end/bottom/bottom-start/bottom-end | bottom-end | | placement | colocación del menú | string | top/top-start/top-end/bottom/bottom-start/bottom-end | bottom-end |
| trigger | cómo detonar | string | hover/click | hover | | trigger | cómo detonar | string | hover/click | hover |
| hide-on-click | si se oculta el menú después de hacer clic en el elemento | boolean | — | true | | 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 (only works when trigger is `hover`) | number | — | 250 | | 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 (only works when trigger is `hover`) | number | — | 150 | | hide-timeout | Tiempo de retardo antes de ocultar un dropdown (solamente trabaja cuando se dispara `hover`) | number | — | 150 |
### Dropdown Eventos ### Dropdown Eventos
| Nombre | Descripción | Parametros | | Nombre | Descripción | Parametros |

30
examples/docs/es/form.md
View File

@ -232,7 +232,7 @@
} }
.demo-dynamic { .demo-dynamic {
width: 500px; width: 500px;
.el-input { .el-input {
margin-right: 10px; margin-right: 10px;
width: 270px; width: 270px;
@ -835,20 +835,20 @@ Todos los componentes de un formulario heredan su atributo `size`. De manera sim
### Form Atributos ### Form Atributos
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto | | Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
| -------------- | ---------------------------------------- | ------- | --------------------- | ----------- | | ----------------------- | ---------------------------------------- | ------- | --------------------- | ----------- |
| model | Datos del componente | object | — | — | | model | Datos del componente | object | — | — |
| rules | Reglas de validación | object | — | — | | rules | Reglas de validación | object | — | — |
| inline | Si el form es inline | boolean | — | false | | inline | Si el form es inline | boolean | — | false |
| label-position | Posicion de la etiqueta | string | left / right / top | right | | label-position | Posicion de la etiqueta | string | left / right / top | right |
| label-width | ancho de la etiqueta, y todos los form items directos descendientes heredarán este valor | string | — | — | | label-width | ancho de la etiqueta, y todos los form items directos descendientes heredarán este valor | string | — | — |
| label-suffix | sufijo de la etiqueta | string | — | — | | label-suffix | sufijo de la etiqueta | string | — | — |
| show-message | si mostrar o no el mensaje de error | boolean | — | true | | show-message | si mostrar o no el mensaje de error | boolean | — | true |
| inline-message | si desea visualizar el mensaje de error inline con la posición del form item | boolean | — | false | | inline-message | si desea visualizar el mensaje de error inline con la posición del form item | boolean | — | false |
| status-icon | si desea visualizar un icono que indique el resultado de la validación | boolean | — | false | | status-icon | si desea visualizar un icono que indique el resultado de la validación | boolean | — | false |
| validate-on-rule-change | whether to trigger validation when the `rules` prop is changed | boolean | — | true | | validate-on-rule-change | si se dispara la validacion cuando el prop `rules` cambia | boolean | — | true |
| size | el tamaño de los componentes en este form | string | medium / small / mini | — | | size | el tamaño de los componentes en este form | string | medium / small / mini | — |
| disabled | whether to disabled all components in this form. If set to true, it cannot be overridden by its inner components' `disabled` prop | boolean | — | false | | disabled | si se desactivan todos los componentes del formulario. Si esta en `true` no puede ser cambiado por el prop `disabled` individual de los componentes. | boolean | — | false |
### Form Metodos ### Form Metodos

2
examples/docs/es/notification.md
View File

@ -425,8 +425,6 @@ En este caso, debe llamar a `Notification(options)`. También se han registrado
### Metodos ### Metodos
`Notification` y `this.$notify` devuelven la instancia de la notificacion actual. Para cerrar manualmente la instancia, se puede llamar `close` para ello. `Notification` y `this.$notify` devuelven la instancia de la notificacion actual. Para cerrar manualmente la instancia, se puede llamar `close` para ello.
`Notification` y `this.$notify` devuelven la instancia de notificación actual. Para cerrar manualmente la instancia, puede llamar al método `close`.
| Metodo | Descripción | | Metodo | Descripción |
| ------ | ---------------------- | | ------ | ---------------------- |
| close | cierra la notificación | | close | cierra la notificación |

52
examples/docs/es/table.md
View File

@ -240,7 +240,7 @@
handleDelete(index, row) { handleDelete(index, row) {
console.log(index, row); console.log(index, row);
}, },
handleSelectionChange(val) { handleSelectionChange(val) {
this.multipleSelection = val; this.multipleSelection = val;
}, },
@ -256,12 +256,12 @@
filterTag(value, row) { filterTag(value, row) {
return row.tag === value; return row.tag === value;
}, },
filterHandler(value, row, column) { filterHandler(value, row, column) {
const property = column['property']; const property = column['property'];
return row[property] === value; return row[property] === value;
}, },
tableRowClassName({row, rowIndex}) { tableRowClassName({row, rowIndex}) {
if (rowIndex === 1) { if (rowIndex === 1) {
return 'warning-row'; return 'warning-row';
@ -1951,7 +1951,7 @@ Puede personalizar el índice de la fila con la propiedad `type=index` de las co
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto | | Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
| ---------------------- | ---------------------------------------- | ---------------------------------------- | ------------------------------ | ---------------------------------------- | | ---------------------- | ---------------------------------------- | ---------------------------------------- | ------------------------------ | ---------------------------------------- |
| data | Datos de la tabla | array | — | — | | data | Datos de la tabla | array | — | — |
| height | Altura de la tabla. Por defecto esta tiene un tamaño `auto`. Si este valor es un número, la altura es medido en pixeles; si este valor es una cadena, la altura es afectada por estilos externos | string/number | — | — | | height | Altura de la tabla. Por defecto esta tiene un tamaño `auto`. Si este valor es un número, la altura es medido en pixeles; si este valor es una cadena, la altura es afectada por estilos externos. | string/number | — | — |
| max-height | Altura máxima de la tabla. La altura de la tabla comienza desde `auto` hasta que alcanza la altura máxima. El `max-height` es medido en pixeles, lo mismo que `height` | string/number | — | — | | max-height | Altura máxima de la tabla. La altura de la tabla comienza desde `auto` hasta que alcanza la altura máxima. El `max-height` es medido en pixeles, lo mismo que `height` | string/number | — | — |
| stripe | especifica si la tabla será en franjas | boolean | — | false | | stripe | especifica si la tabla será en franjas | boolean | — | false |
| border | especifica si la tabla tiene bordes verticales | boolean | — | false | | border | especifica si la tabla tiene bordes verticales | boolean | — | false |
@ -1962,8 +1962,8 @@ Puede personalizar el índice de la fila con la propiedad `type=index` de las co
| current-row-key | clave de la fila actual, un ajuste de propiedad única | string,number | — | — | | current-row-key | clave de la fila actual, un ajuste de propiedad única | string,number | — | — |
| row-class-name | función que devuelve nombres de clases personalizadas para una fila, o una cadena asignando nombres de clases para cada fila | Function({row, rowIndex})/String | — | — | | row-class-name | función que devuelve nombres de clases personalizadas para una fila, o una cadena asignando nombres de clases para cada fila | Function({row, rowIndex})/String | — | — |
| row-style | función que devuelve el estilo personalizado para una fila, o un objeto asignando estilos personalizado para cada fila | Function({row, rowIndex})/Object | — | — | | row-style | función que devuelve el estilo personalizado para una fila, o un objeto asignando estilos personalizado para cada fila | Function({row, rowIndex})/Object | — | — |
| cell-class-name | función que devuelve nombres de clases personalizadas para una celda, o una cadena asignando nombres de clases para cada celda | Function({row, column, rowIndex, columnIndex})/String | — | — | | cell-class-name | función que devuelve nombres de clases personalizadas para una celda, o una cadena asignando nombres de clases para cada celda | Function({row, column, rowIndex, columnIndex})/String | — | — |
| cell-style | función que devuelve estilos personalizados para una celda, o un objeto asignado a estilos personalizados para cada celda | Function({row, column, rowIndex, columnIndex})/Object | — | — | | cell-style | función que devuelve estilos personalizados para una celda, o un objeto asignado a estilos personalizados para cada celda | Function({row, column, rowIndex, columnIndex})/Object | — | — |
| header-row-class-name | función que devuelve nombre de clases personalizadas para una fila en la cabecera de la tabla, o una cadena asignando nombres de clases para cada fila en la cabecera de la tabla | Function({row, rowIndex})/String | — | — | | header-row-class-name | función que devuelve nombre de clases personalizadas para una fila en la cabecera de la tabla, o una cadena asignando nombres de clases para cada fila en la cabecera de la tabla | Function({row, rowIndex})/String | — | — |
| header-row-style | función que devuelve estilos personalizados para una fila en la cabecera de la tabla, o un objeto asignando estilos personalizados para cada fila en la cabecera de la tabla | Function({row, rowIndex})/Object | — | — | | header-row-style | función que devuelve estilos personalizados para una fila en la cabecera de la tabla, o un objeto asignando estilos personalizados para cada fila en la cabecera de la tabla | Function({row, rowIndex})/Object | — | — |
| header-cell-class-name | función que devuelve nombre de clases personalizadas para una celda en la cabecera de la tabla, o una cadena asignando nombres de clases para cada celda en la cabecera de la tabla | Function({row, rowIndex})/String | — | — | | header-cell-class-name | función que devuelve nombre de clases personalizadas para una celda en la cabecera de la tabla, o una cadena asignando nombres de clases para cada celda en la cabecera de la tabla | Function({row, rowIndex})/String | — | — |
@ -1980,25 +1980,25 @@ Puede personalizar el índice de la fila con la propiedad `type=index` de las co
| span-method | método que devuelve _rowspan_ y _colspan_ | Function({ row, column, rowIndex, columnIndex }) | — | — | | span-method | método que devuelve _rowspan_ y _colspan_ | Function({ row, column, rowIndex, columnIndex }) | — | — |
### Eventos de la tabla ### Eventos de la tabla
| Nombre del evento | Descripción | Parámetros | | Nombre del evento | Descripción | Parámetros |
| ----------------- | ---------------------------------------- | --------------------------------- | | ------------------ | ---------------------------------------- | --------------------------------- |
| select | se dispara cuando el usuario hace clic al _checkbox_ (caja de selección) en una fila | selection, row | | select | se dispara cuando el usuario hace clic al _checkbox_ (caja de selección) en una fila | selection, row |
| select-all | se dispara cando el usuario hace clic al _checkbox_ (caja de selección) en una cabecera de la tabla | selection | | select-all | se dispara cando el usuario hace clic al _checkbox_ (caja de selección) en una cabecera de la tabla | selection |
| selection-change | se dispara cuando selección cambia | selection | | selection-change | se dispara cuando selección cambia | selection |
| cell-mouse-enter | se dispara cuando se desplaza dentro de una celda | row, column, cell, event | | cell-mouse-enter | se dispara cuando se desplaza dentro de una celda | row, column, cell, event |
| cell-mouse-leave | se dispara cuando se desplaza fuera de una celda | row, column, cell, event | | cell-mouse-leave | se dispara cuando se desplaza fuera de una celda | row, column, cell, event |
| cell-click | se dispara cuando se hace clic en una celda | row, column, cell, event | | cell-click | se dispara cuando se hace clic en una celda | row, column, cell, event |
| cell-dblclick | se dispara cuando se hace doble clic en una celda | row, column, cell, event | | cell-dblclick | se dispara cuando se hace doble clic en una celda | row, column, cell, event |
| row-click | se dispara cuando se hace clic en una fila | row, event, column | | row-click | se dispara cuando se hace clic en una fila | row, event, column |
| row-contextmenu | se dispara cuando el usuario hace clic derecho en una fila | row, event | | row-contextmenu | se dispara cuando el usuario hace clic derecho en una fila | row, event |
| row-dblclick | se dispara cuando se hace doble clic en una fila | row, event | | row-dblclick | se dispara cuando se hace doble clic en una fila | row, event |
| header-click | se dispara cuando se hace click en una cabecera de columna | column, event | | header-click | se dispara cuando se hace click en una cabecera de columna | column, event |
| header-contextmenu | se dispara cuando el usuario hace clic derecho en una cabecera de columna | column, event | | header-contextmenu | se dispara cuando el usuario hace clic derecho en una cabecera de columna | column, event |
| sort-change | se dispara cuando el ordenamiento de la tabla cambia | { column, prop, order } | | sort-change | se dispara cuando el ordenamiento de la tabla cambia | { column, prop, order } |
| filter-change | clave de la columna. Si necesitas utilizar el evento filter-change, este atributo es obligatorio para identificar cuál columna está siendo filtrada | filters | | filter-change | clave de la columna. Si necesitas utilizar el evento filter-change, este atributo es obligatorio para identificar cuál columna está siendo filtrada | filters |
| current-change | se dispara cuando la fila actual cambia | currentRow, oldCurrentRow | | current-change | se dispara cuando la fila actual cambia | currentRow, oldCurrentRow |
| header-dragend | se dispara cuando se deja de arrastrar la cabecera | newWidth, oldWidth, column, event | | header-dragend | se dispara después de modificar el ancho de una columna arrastrando el borde de la cabecera. | newWidth, oldWidth, column, event |
| expand-change | se dispara cuando el usuario expande o colapsa una fila | row, expandedRows | | expand-change | se dispara cuando el usuario expande o colapsa una fila | row, expandedRows |
### Métodos de la tabla ### Métodos de la tabla
| Metodo | Descripción | Parametros | | Metodo | Descripción | Parametros |
@ -2042,5 +2042,5 @@ Puede personalizar el índice de la fila con la propiedad `type=index` de las co
| filters | un arreglo de opciones para filtrado de datos. Para cada elemento en este arreglo, `text` y `value` son obligatorios | Array[{ text, value }] | — | — | | filters | un arreglo de opciones para filtrado de datos. Para cada elemento en este arreglo, `text` y `value` son obligatorios | Array[{ text, value }] | — | — |
| filter-placement | colocación para el menu desplegable del filtro | String | same as Tooltip's `placement` | — | | filter-placement | colocación para el menu desplegable del filtro | String | same as Tooltip's `placement` | — |
| filter-multiple | especifica si el filtrado de datos soporta múltiples opciones | Boolean | — | true | | filter-multiple | especifica si el filtrado de datos soporta múltiples opciones | Boolean | — | true |
| filter-method | método para filtrado de datos. Si `filter-multiple` está habilitado, este método se invocará varias veces para cada fila, y una fila puede mostrar si una de las llamadas devuelve `true` | Function(value, row, column) | — | — | | filter-method | método para filtrado de datos. Si `filter-multiple` está habilitado, este método se invocará varias veces para cada fila, y una fila puede mostrar si una de las llamadas devuelve `true` | Function(value, row, column) | — | — |
| filtered-value | el valor del filtro para los datos seleccionados, puede ser útil cuando el encabezado de la tabla se representará con `render-header` | Array | — | — | | filtered-value | el valor del filtro para los datos seleccionados, puede ser útil cuando el encabezado de la tabla se representará con `render-header` | Array | — | — |

54
examples/docs/es/time-picker.md
View File

@ -171,28 +171,28 @@ Es posible escoger un rango de tiempo arbitrario.
</script> </script>
### Atributos ### Atributos
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto | | Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
| ----------------- | ---------------------------------------- | ---------------------------------------- | ---------------------------------------- | ----------- | | ----------------- | ---------------------------------------- | ---------------------------------------- | ---------------------------------------- | -------------------- |
| readonly | si el Time Picker está en modo de sólo lectura | boolean | — | false | | readonly | si el Time Picker está en modo de sólo lectura | boolean | — | false |
| disabled | si el Time Picker se encuentra deshabilitado | boolean | — | false | | disabled | si el Time Picker se encuentra deshabilitado | boolean | — | false |
| editable | si el input puede ser editado | boolean | — | true | | editable | si el input puede ser editado | boolean | — | true |
| clearable | si mostrar el botón de borrado | boolean | — | true | | clearable | si mostrar el botón de borrado | boolean | — | true |
| size | tamaño del input | string | medium / small / mini | — | | size | tamaño del input | string | medium / small / mini | — |
| placeholder | placeholder en un modo fuera de rango | string | — | — | | placeholder | placeholder en un modo fuera de rango | string | — | — |
| start-placeholder | placeholder para el tiempo de inicio en modo de rango | string | — | — | | start-placeholder | placeholder para el tiempo de inicio en modo de rango | string | — | — |
| end-placeholder | placeholder para el tiempo de finalización en modo de rango | string | — | — | | end-placeholder | placeholder para el tiempo de finalización en modo de rango | string | — | — |
| is-range | si es posible escoger un rango de tiempo, solo funciona con `<el-time-picker>` | boolean | — | false | | is-range | si es posible escoger un rango de tiempo, solo funciona con `<el-time-picker>` | boolean | — | false |
| arrow-control | si es posible escoger el tiempo usando los botones de flecha, solo funciona con `<el-time-picker>` | boolean | — | false | | arrow-control | si es posible escoger el tiempo usando los botones de flecha, solo funciona con `<el-time-picker>` | boolean | — | false |
| value | valor del selector | Fecha para Selector de Tiempo, string para el Seleccionador de Tiempo | hour `HH`, minute `mm`, second `ss` | HH:mm:ss | | value | valor del selector | Fecha para Selector de Tiempo, string para el Seleccionador de Tiempo | hour `HH`, minute `mm`, second `ss` | HH:mm:ss |
| align | alineación | left / center / right | left | | | align | alineación | left / center / right | left | |
| popper-class | nombre de clase personalizada para el dropdown del Time Picker | string | — | — | | popper-class | nombre de clase personalizada para el dropdown del Time Picker | string | — | — |
| picker-options | opciones adicionales, revisar la tabla posterior | object | — | {} | | picker-options | opciones adicionales, revisar la tabla posterior | object | — | {} |
| range-separator | separador de rango | string | - | '-' | | range-separator | separador de rango | string | - | '-' |
| default-value | opcional, fecha por defecto del calendario | Fecha para Selector de Tiempo, string para el Seleccionador de Tiempo | cualquier cosa aceptada por `new Date()` para el Selector de Tiempo, Selector de Tiempo, valor seleccionable para el Seleccionador de Tiempo | — | | default-value | opcional, fecha por defecto del calendario | Fecha para Selector de Tiempo, string para el Seleccionador de Tiempo | cualquier cosa aceptada por `new Date()` para el Selector de Tiempo, Selector de Tiempo, valor seleccionable para el Seleccionador de Tiempo | — |
| value-format | opcional, solo para Time Picker, formato de valor limitado | string | hour `HH`, minute `mm`, second `ss` | — | | value-format | opcional, solo para Time Picker, formato del valor vinculado. Si no se especifica, el valor vinculado será un objeto Date | string | ver [date formats](#/es/component/date-picker#date-formats) | — |
| name | como `name` en input nativo | string | — | — | | name | como `name` en input nativo | string | — | — |
| prefix-icon | Custom prefix icon class | string | — | el-icon-time | | prefix-icon | Clase personalizada para el icono de prefijado | string | — | el-icon-time |
| clear-icon | Custom clear icon class | string | — | el-icon-circle-close | | clear-icon | Clase personalizada para el icono `clear` | string | — | el-icon-circle-close |
### Opciones para Time Picker ### Opciones para Time Picker
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto | | Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
@ -211,8 +211,8 @@ Es posible escoger un rango de tiempo arbitrario.
### Eventos ### Eventos
| Nombre de Evento | Descripción | Parámetros | | Nombre de Evento | Descripción | Parámetros |
| ---------------- | ---------------------------------------- | ----------------------------- | | ---------------- | ---------------------------------------- | ------------------------------ |
| change | se lanza cuando el usuario confirma el valor | valor limitado del componente | | change | se lanza cuando el usuario confirma el valor | valor vinculado del componente |
| blur | se lanza cuando el input se difumina | instancia del componente | | blur | se lanza cuando el input se difumina | instancia del componente |
| focus | se lanza cuando el input se enfoca | instancia del componente | | focus | se lanza cuando el input se enfoca | instancia del componente |