mirror of
https://gitee.com/ElemeFE/element.git
synced 2024-11-29 18:57:36 +08:00
docs: Update Spanish docs (#14913)
* update spanish docs * Update Doc spanish Timeline * General update of the documentation in Spanish
This commit is contained in:
Gonzalo Nandez
hetech
parent
6a766097e2
commit
9737b648e7
179
CHANGELOG.es.md
179
CHANGELOG.es.md
@ -7,34 +7,34 @@
|
||||
#### New features
|
||||
|
||||
- Table
|
||||
- Add support tree structure data (#14632 by @ziyoung)
|
||||
- Agregado soporte de datos con estructura tree (#14632 by @ziyoung)
|
||||
|
||||
#### Bug fixes
|
||||
|
||||
- Tabs
|
||||
- Use primary color as boxShadow color (#14558 by @Richard-Choooou)
|
||||
- Rerender when label changes (#14496 by @akki-jat)
|
||||
- Uso de color primario como boxShadow color (#14558 by @Richard-Choooou)
|
||||
- Renderización cuando cambia la etiqueta (#14496 by @akki-jat)
|
||||
- Table
|
||||
- Footer follows body cell align (#14730 by @ziyoung)
|
||||
- El pie de página sigue la alineación de las celdas del body (#14730 by @ziyoung)
|
||||
- NavMenu
|
||||
- Fix click el-submenu trigger childMenu pop again bug (#14443 by @PanJiaChen)
|
||||
- Se ha corregido que al hacer click en el el-submenu se disparaba childMenu nuevamente (#14443 by @PanJiaChen)
|
||||
- Dropdown
|
||||
- Make compatible with 2.6 new v-slot syntax (#14832 by @ziyoung)
|
||||
- Compatible con la nueva sintaxis de v-slot en V 2.6 (#14832 by @ziyoung)
|
||||
- ColorPicker
|
||||
- Fix handle error hex color string (#14793 by @iamkun)
|
||||
- Corregido el manejo de error de string en hex color (#14793 by @iamkun)
|
||||
- Tree
|
||||
- Revert pr #13349 (#14847 by @ziyoung)
|
||||
- Revertido pr #13349 (#14847 by @ziyoung)
|
||||
- Tooltip
|
||||
- Display when initial value is true (#14826 by @ziyoung)
|
||||
- Muestra cuando el valor inicial es verdadero (#14826 by @ziyoung)
|
||||
- Docs
|
||||
- Update cascader docs (#14442 by @panhezeng)
|
||||
- Actualización de documentos de cascader (#14442 by @panhezeng)
|
||||
- Style
|
||||
- Fix media query in sm-only, md-only, lg-only (#14611 by @sinchang)
|
||||
- Corrección de la media query en sm-only, md-only, lg-only (#14611 by @sinchang)
|
||||
|
||||
#### Optimization
|
||||
|
||||
- Chore
|
||||
- Add webpage description (#14802 by @iamkun)
|
||||
- Añadido descripción de la página web (#14802 by @iamkun)
|
||||
|
||||
### 2.6.3
|
||||
|
||||
@ -42,9 +42,9 @@
|
||||
|
||||
#### Bug fixes
|
||||
|
||||
- Fix Cascader demo style (#14789 by @ziyoung)
|
||||
- Remove unnecessary DOM operation (#14788 by @ziyoung)
|
||||
- Fix DatePicker default-value DST (#14562 by @wacky6)
|
||||
- Corrección del estilo de demostración de Cascader (#14789 by @ziyoung)
|
||||
- Eliminación de la operación DOM innecesaria (#14788 by @ziyoung)
|
||||
- Corrección del valor predeterminado del DST de DatePicker (#14562 by @wacky6)
|
||||
|
||||
### 2.6.2
|
||||
|
||||
@ -53,42 +53,44 @@
|
||||
#### New features
|
||||
|
||||
- DatePicker
|
||||
- Add monthrange for type attribute (#14487 by @zxyRealm)
|
||||
- Añadido monthrange para el atributo type (#14487 by @zxyRealm)
|
||||
- i18n
|
||||
- Add Croatian locale (#14360 by @danijelh)
|
||||
- Añadido Locale Croata (#14360 by @danijelh)
|
||||
- Docs
|
||||
- Update french doc for 2.6.1 and fix typos (#14555 by @smalesys)
|
||||
- French translation update (#14643 by @smalesys)
|
||||
- Actualización del documento en francés para 2.6.1 y corrección de errores tipográficos (#14555 by @smalesys)
|
||||
- Actualización de la traducción al francés (#14643 by @smalesys)
|
||||
|
||||
#### Bug fixes
|
||||
|
||||
- Input
|
||||
- Fix regression (#14572 by @wacky6)
|
||||
- Corregida regresión (#14572 by @wacky6)
|
||||
- DatePicker
|
||||
- Fix first-day-of-week computation (#14523 by @sinchang)
|
||||
- Fix week picker's value-format (#13754 by @wacky6)
|
||||
- Corrección del cálculo del primer día de la semana (#14523 by @sinchang)
|
||||
- Corregido el formato de valor del selector de semana (#13754 by @wacky6)
|
||||
- Steps
|
||||
- Fix issue #14502 (#14596 by @sinchang)
|
||||
- Fix style with simple theme (#14610 by @sinchang)
|
||||
- Corregida issue #14502 (#14596 by @sinchang)
|
||||
- Arreglado estilo con tema simple (#14610 by @sinchang)
|
||||
- Docs
|
||||
- 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)
|
||||
- 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)
|
||||
- Renombrada variable en documentos de Table (#14587 by @likwotsing)
|
||||
- Añadido índice de búsqueda en francés (#14565 by @iamkun)
|
||||
- Corrección del estilo de página TimePicker (#14579 by @ziyoung)
|
||||
- Renombrada variable en Upload docs (#14593 by @liupl)
|
||||
- Actualización de los documentos del Form async validator (#14694 by @iamkun)
|
||||
- Solucionado el error de tooltip doc (#14748 by @iamkun)
|
||||
- Corregido error tipográfico (#14751 by @2bj)
|
||||
- Corregido los elementos de control de resaltado para Webkit touch (#14703 by @VladG0r)
|
||||
|
||||
|
||||
#### Optimization
|
||||
|
||||
- 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)
|
||||
- Actualización del script de construcción de ci (#14600 by @ziyoung)
|
||||
- Actualización ga tracking (#14560 por @iamkun)
|
||||
- Añadido más evento ga (#14633 by @iamkun)
|
||||
- Actualización del grupo de discusión (#14741 por @iamkun)
|
||||
- Actualización de los deps y conf de las pruebas (#14735 by @wacky6)
|
||||
- Actualización gulp (#14745 by @ziyoung)
|
||||
- Uso de codepen para mostrar la demo y corregir el error doc (#14747 por @ziyoung)
|
||||
|
||||
### 2.6.1
|
||||
|
||||
@ -97,9 +99,9 @@
|
||||
#### Bug fixes
|
||||
|
||||
- **Don't specify node version** (by @iamkun in #14546)
|
||||
- Fix doc directory in `deloy-faas.sh` (by @ziyoung in #14553)
|
||||
- Fix date style issue in changelog for 2.6.0 (by @island205 in #14547)
|
||||
- Fix doc typo (by @wack6 in #14552)
|
||||
- Corrección del directorio doc en `deloy-faas.sh` (by @ziyoung in #14553)
|
||||
- Arreglado el estilo de date en changelog para 2.6.0 (by @island205 in #14547)
|
||||
- Corregido error tipográfico en doc (by @wack6 in #14552)
|
||||
|
||||
### 2.6.0
|
||||
|
||||
@ -107,67 +109,68 @@
|
||||
|
||||
#### New features
|
||||
- Timeline
|
||||
- Add timeline component (by @jikkai in #14248)
|
||||
- Agregado componente timeline (by @jikkai in #14248)
|
||||
- DropdownItem
|
||||
- Add icon prop to `el-dropdown-item` (by @gabrielboliveira in #14088)
|
||||
- Añadida la prop icon a `el-dropdown-item` (by @gabrielboliveira in #14088)
|
||||
- Input
|
||||
- Add show-password props (by @phshy0607 in #13966)
|
||||
- Añadida la prop show-password (by @phshy0607 in #13966)
|
||||
- Select
|
||||
- Add slot `empty` (by @elfman in #13785)
|
||||
- Añadido el slot `empty` (by @elfman in #13785)
|
||||
- Autocomplete
|
||||
- Add highlight-first-item prop (by @YamenSharaf in #14269)
|
||||
- Añadida la prop highlight-first-item (by @YamenSharaf in #14269)
|
||||
- I18n
|
||||
- Created Armenian locale (by @hamletbarsamyan in #14214)
|
||||
- Locale Armenio creado (by @hamletbarsamyan in #14214)
|
||||
- Docs
|
||||
- French translation (by @smalesys in #12153, #14418, #14434)
|
||||
- Traducción al francés (by @smalesys in #12153, #14418, #14434)
|
||||
|
||||
#### Optimization
|
||||
- Alert
|
||||
- Update alert description default slot class (by @iamkun in #14488)
|
||||
- Actualizada la descripción de Alert (by @iamkun in #14488)
|
||||
- Input
|
||||
- Update input password (by @iamkun in #14480)
|
||||
- Actualizado input password (by @iamkun in #14480)
|
||||
- InputNumber
|
||||
- Remove unnecessary parseFloat (by @JuniorTour in #14172)
|
||||
- Removido parseFloat innecesario (by @JuniorTour in #14172)
|
||||
- Menu
|
||||
- Add support for `el-menu-item` without index (by @georgyfarniev in #13298)
|
||||
- Añadido soporte para `el-menu-item` sin índice (by @georgyfarniev in #13298)
|
||||
- Table
|
||||
- Remove some html DOM operations (by @elfman in #13643)
|
||||
- Eliminadas algunas operaciones DOM html (by @elfman in #13643)
|
||||
- Upload
|
||||
- Optimize code (by @elfman in #13973)
|
||||
- Optimizado el código (by @elfman in #13973)
|
||||
- Popup
|
||||
- Optimize code (by @KAionro in #14413)
|
||||
- Optimizado el código (by @KAionro in #14413)
|
||||
- Docs
|
||||
- Add more detail about how to run play mode for contribution (by @island205 in #14355)
|
||||
- Warn input as a controlled component. (by @wacky6 in #14463)
|
||||
- Update Table doc (by @luguokong in #14329)
|
||||
- Update input doc (by @iamkun in #14437)
|
||||
- Update custom-theme docs (by @wangguohao in #14297)
|
||||
- Make the icon style change when hover on it (by @tuxinghuan in #14295)
|
||||
- Se han agregado más detalles sobre cómo ejecutar el modo de play para contribuir (by @island205 in #14355)
|
||||
- Warn input como componente de control. (by @wacky6 in #14463)
|
||||
- Actualizacion de la documentacion de Table (by @luguokong in #14329)
|
||||
- Actualizacion de la documentacion de input (by @iamkun in #14437)
|
||||
- Actualizacion de la documentacion de custom-theme (by @wangguohao in #14297)
|
||||
- Se ha hecho que el icono cambie de estilo en hover (by @tuxinghuan in #14295)
|
||||
- Build
|
||||
- Minimizing css and js for Element doc site (by @iamkun in #14430)
|
||||
- Speeding up webpack (by @hetech in #14484)
|
||||
- Use cli to select release version (by @hetech in #14354)
|
||||
- Install stale for issue handling (by @island205 in #14392)
|
||||
- Minimización de css y js para la doc del sitio de Element (by @iamkun in #14430)
|
||||
- Aceleración de webpack (by @hetech in #14484)
|
||||
- Uso de cli para seleccionar la versión de lanzamiento (by @hetech in #14354)
|
||||
- Instalación de stale para el manejo de issues (by @island205 in #14392)
|
||||
|
||||
#### Bug fixes
|
||||
- Menu
|
||||
- Fix subMenu focus bug when switch browser tab (by @liupl in #13976)
|
||||
- Corregido el error de focus del submenú cuando se cambiaba la pestaña del navegador (by @liupl in #13976)
|
||||
- MessageBox
|
||||
- Fix type definition (by @NateScarlet in #14278)
|
||||
- Corregida la definicion de type (by @NateScarlet in #14278)
|
||||
- ScrollBar
|
||||
- Prevent right button click on thumb (by @xifeiwu in #14196)
|
||||
- Prevenido el clic del botón derecho en la miniatura (by @xifeiwu in #14196)
|
||||
- Switch
|
||||
- Trigger form validation if value changes (by @hetech in #14426)
|
||||
- Activación de la validación de formularios si el valor cambia (by @hetech in #14426)
|
||||
- Table
|
||||
- Make toggleAllSelection method an instance method (by @letanure in #14075)
|
||||
- Se ha convertido el método toggleAllSelection en un método de instancia (by @letanure in #14075)
|
||||
- Tabs & Dropdown
|
||||
- Fix style (by @hetech in #14452)
|
||||
- Estilo arreglado (by @hetech in #14452)
|
||||
- Tree
|
||||
- Empty-text tips are different from tables (by @ColinCll in #14331)
|
||||
- Los tips de texto vacío son diferentes de las tablas (by @ColinCll in #14331)
|
||||
- Docs
|
||||
- Fix DatetimePicker format doc error (by @iamkun in #14290)
|
||||
- Spelling issue in datepicker documentation (by @helmut in #14481)
|
||||
- Fix pagination doc style (by @liuchuzhang in #14451)
|
||||
- Corregido el error de formato de la documentacion de DatetimePicker (by @iamkun in #14290)
|
||||
- Problema de ortografía en la documentación de datepicker (by @helmut in #14481)
|
||||
- Arreglado estilo doc de paginación (by @liuchuzhang in #14451)
|
||||
|
||||
|
||||
### 2.5.4
|
||||
|
||||
@ -175,7 +178,7 @@
|
||||
|
||||
#### Bug fixes
|
||||
|
||||
- Build: Fix babel config issue which lead to collapse transition broken (by @island205 in #14282)
|
||||
- Build: Se ha solucionado el problema de configuración de babel que provocaba que el efecto de transicion de collpase se rompiera (por @island205 en #14282)
|
||||
|
||||
### 2.5.3
|
||||
|
||||
@ -183,15 +186,15 @@
|
||||
|
||||
#### Optimization
|
||||
|
||||
- Optimize code of Message (by @vok123 in #14029)
|
||||
- Retire gh-pages (by @ziyoung in #14266)
|
||||
- Add IssueHunt link (by @island205 in #14261)
|
||||
- Optimización del código de Message (por @vok123 en #14029)
|
||||
- Retirada de gh-pages (por @ziyoung en #14266)
|
||||
- Añadido enlace IssueHunt (por @island205 en #14261)
|
||||
|
||||
#### Bug fixes
|
||||
|
||||
- Fix UMD module error on server side (by @island205 in #14242)
|
||||
- Fix active TabBar style (by @iamkun in #14240)
|
||||
- Fix Table demo code error (by @xunmeng in #14253)
|
||||
- Corregido el error del módulo UMD en el lado del servidor (por @island205 en #14242)
|
||||
- Corregido el estilo activo de TabBar (por @iamkun en #14240)
|
||||
- Corregido el error de código de demo de la tabla (por @xunmeng en #14253)
|
||||
|
||||
#### Bug fixes
|
||||
|
||||
@ -202,13 +205,13 @@
|
||||
|
||||
#### Optimization
|
||||
- Docs:
|
||||
- Update ChangeLog ES 2.5.1 (by @Gonzalo2310 in #14231)
|
||||
- Actualizacion ChangeLog ES 2.5.1 (by @Gonzalo2310 in #14231)
|
||||
|
||||
#### Bug fixes
|
||||
- Build:
|
||||
- Delete unremoved comments in umd module `lib/index.js` (by @island205 in #14233)
|
||||
- Fix export error fired in commonjs module used in nuxt.js (by @island205 in #14232)
|
||||
- Fix 2.5.1 build issues (by @iamkun in #14228)
|
||||
- Eliminar comentarios no borrados en el módulo umd `lib/index.js` (por @island205 en #14233)
|
||||
- Corregido el error de exportación disparado en el módulo commonjs usado en nuxt.js (por @island205 en #14232)
|
||||
- Corrección de problemas de compilación de 2.5.1 (por @iamkun en #14228)
|
||||
|
||||
### 2.5.1
|
||||
|
||||
@ -692,7 +695,7 @@
|
||||
- Switch
|
||||
- Corregido se disparaban los dos eventos nativos de click cuando se hacia click en el Switch, #9760
|
||||
|
||||
|
||||
|
||||
|
||||
### 2.1.0 Charcoal
|
||||
|
||||
|
||||
@ -119,13 +119,13 @@ There are few radius styles to choose.
|
||||
|
||||
### Shadow
|
||||
|
||||
There are few shaodw styles to choose.
|
||||
There are few shadow styles to choose.
|
||||
|
||||
<div
|
||||
class="demo-shadow"
|
||||
:style="{ boxShadow: boxShadowBase }"
|
||||
></div>
|
||||
<span class="demo-shadow-text">Basic Shaodw box-shadow: {{boxShadowBase}}</span>
|
||||
<span class="demo-shadow-text">Basic Shadow box-shadow: {{boxShadowBase}}</span>
|
||||
|
||||
<div
|
||||
class="demo-shadow"
|
||||
|
||||
@ -120,5 +120,5 @@ Puede utilizar un punto rojo para marcar contenido que debe ser notado.
|
||||
| value | valor a mostrar | string, number | — | — |
|
||||
| max | valor máximo, Muestra '{max}+' cuando se excede. Solo funciona si `value` es un `Number` | number | — | — |
|
||||
| is-dot | si se debe mostrar un pequeño punto | boolean | — | false |
|
||||
| hidden | hidden badge | boolean | — | false |
|
||||
| hidden | oculta el badge | boolean | — | false |
|
||||
| type | tipo de botón | string | primary / success / warning / danger / info | — |
|
||||
|
||||
@ -54,11 +54,11 @@
|
||||
|
||||
## Border
|
||||
|
||||
We standardize the borders that can be used in buttons, cards, pop-ups and other components.
|
||||
Estandarizamos los bordes que se pueden utilizar en botones, tarjetas, pop-ups y otros componentes.
|
||||
|
||||
### Border
|
||||
|
||||
There are few border styles to choose.
|
||||
Hay pocos estilos de borde para elegir.
|
||||
|
||||
<table class="demo-border">
|
||||
<tbody>
|
||||
@ -86,7 +86,7 @@ There are few border styles to choose.
|
||||
|
||||
### Radius
|
||||
|
||||
There are few radius styles to choose.
|
||||
Hay pocos estilos de radio para elegir.
|
||||
|
||||
<el-row :gutter="12" class="demo-radius">
|
||||
<el-col :span="6" :xs="{span: 12}">
|
||||
@ -119,13 +119,13 @@ There are few radius styles to choose.
|
||||
|
||||
### Shadow
|
||||
|
||||
There are few shaodw styles to choose.
|
||||
Hay pocos estilos de sombra para elegir.
|
||||
|
||||
<div
|
||||
class="demo-shadow"
|
||||
:style="{ boxShadow: boxShadowBase }"
|
||||
></div>
|
||||
<span class="demo-shadow-text">Basic Shaodw box-shadow: {{boxShadowBase}}</span>
|
||||
<span class="demo-shadow-text">Basic Shadow box-shadow: {{boxShadowBase}}</span>
|
||||
|
||||
<div
|
||||
class="demo-shadow"
|
||||
|
||||
@ -72,7 +72,7 @@ Date Picker básico por "día".
|
||||
|
||||
### Otras mediciones
|
||||
|
||||
You can choose week, month, year or multiple dates by extending the standard date picker component.
|
||||
Puede elegir la semana, el mes, el año o varias fechas ampliando el componente estándar del selector de fechas.
|
||||
|
||||
:::demo
|
||||
|
||||
@ -205,11 +205,11 @@ Se soporta la selección de un rango de fechas.
|
||||
|
||||
:::
|
||||
|
||||
### Month Range
|
||||
### Rango de mes
|
||||
|
||||
Picking a month range is supported.
|
||||
Se admite la selección de un intervalo de un mes.
|
||||
|
||||
:::demo When in range mode, the left and right panels are linked by default. If you want the two panels to switch current years independently, you can use the `unlink-panels` attribute.
|
||||
:::demo Cuando se encuentra en el modo de rango, los paneles izquierdo y derecho están enlazados de forma predeterminada. Si desea que los dos paneles cambien de año en curso de forma independiente, puede utilizar el atributo unlink-panels.
|
||||
```html
|
||||
<template>
|
||||
<div class="block">
|
||||
@ -484,6 +484,6 @@ Al seleccionar un intervalo de fechas, puede asignar la hora para la fecha de in
|
||||
| focus | coloca el foco en el input | — |
|
||||
|
||||
### Slots
|
||||
| Name | Description |
|
||||
|------------------|-------------------------------- |
|
||||
| range-separator | costume range separator content |
|
||||
| Name | Description |
|
||||
| --------------- | ------------------------------------- |
|
||||
| range-separator | Separador de los rangos personalizado |
|
||||
|
||||
@ -147,9 +147,9 @@ DateTimePicker se deriva de DatePicker y TimePicker. Por una explicación más d
|
||||
```
|
||||
:::
|
||||
|
||||
### Default time value for start date and end date
|
||||
### Valor de la hora por defecto para la fecha de inicio y la fecha final
|
||||
|
||||
:::demo When picking date range on the date panel with type `datetimerange`, `00:00:00` will be used as the default time value for start and end date. We can control it with the `default-time` attribute. `default-time` accepts an array of up to two strings. The first item controls time value of the start date and the second item controls time value of the end date.
|
||||
:::demo Cuando se selecciona el rango de fechas en el panel con el tipo datetimerange, 00:00:00:00 se usará como el valor de tiempo predeterminado para la fecha de inicio y fin. Podemos controlarlo con el atributo default-time. default-time acepta una matriz de hasta dos cadenas. La primera posición controla el valor de tiempo de la fecha de inicio y la segunda el valor de tiempo de la fecha de fin.
|
||||
```html
|
||||
<template>
|
||||
<div class="block">
|
||||
@ -214,7 +214,7 @@ DateTimePicker se deriva de DatePicker y TimePicker. Por una explicación más d
|
||||
| unlink-panels | desconectar dos date-panels en range-picker | boolean | — | false |
|
||||
| prefix-icon | Clase personalizada para el icono prefijado | string | — | el-icon-date |
|
||||
| clear-icon | Clase personalizada para el icono `clear` | string | — | el-icon-circle-close |
|
||||
| validate-event | whether to trigger form validation | boolean | - | true |
|
||||
| validate-event | si se debe disparar la validacion | boolean | - | true |
|
||||
|
||||
### Picker Options
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
|
||||
@ -201,7 +201,7 @@ El contenido de Diálogo se puede centrar.
|
||||
:::
|
||||
|
||||
:::tip
|
||||
The content of Dialog is lazily rendered, which means the default slot is not rendered onto the DOM until it is firstly opened. Therefore, if you need to perform a DOM manipulation or access a component using `ref`, do it in the `open` event callback.
|
||||
El contenido de Dialog se renderiza en modo lazy, lo que significa que la ranura por defecto no se renderiza en el DOM hasta que se abre por primera vez. Por lo tanto, si necesita realizar una manipulación DOM o acceder a un componente mediante ref, hágalo en el callback del evento `open`.
|
||||
:::
|
||||
|
||||
:::tip
|
||||
|
||||
@ -389,7 +389,7 @@ Este ejemplo muestra cómo personalizar sus propias reglas de validación para f
|
||||
:::
|
||||
|
||||
:::tip
|
||||
See more advanced usage of validation rules at [async-validator](https://github.com/yiminghe/async-validator)。
|
||||
Ver más sobre el uso avanzado de la validacion de reglas en [async-validator](https://github.com/yiminghe/async-validator).。
|
||||
:::
|
||||
|
||||
### Eliminar o agregar validaciones dinamicamente
|
||||
|
||||
@ -3,11 +3,11 @@
|
||||
Ingresa datos usando el ratón o teclado.
|
||||
|
||||
:::warning
|
||||
Input is a controlled component, it **always shows Vue binding value**.
|
||||
Input es un componente controlado, **siempre muestra el valor de enlace Vue**.
|
||||
|
||||
Under normal circumstances, `input` event should be handled. Its handler should update component's binding value (or use `v-model`). Otherwise, input box's value will not change.
|
||||
Bajo circunstancias normales, el evento "input" debe ser manejado. Su handler debe actualizar el valor de enlace del componente (o usar `v-model`). De lo contrario, el valor del cuadro de entrada no cambiará.
|
||||
|
||||
Do not support `v-model` modifiers.
|
||||
No admite modificadores `v-model`.
|
||||
:::
|
||||
|
||||
### Uso básico
|
||||
@ -79,7 +79,7 @@ export default {
|
||||
|
||||
### Password box
|
||||
|
||||
:::demo Make a toggleable password Input with the `show-password` attribute.
|
||||
:::demo Haga un input de contraseña conmutable con el atributo `show-password`.
|
||||
|
||||
```html
|
||||
<el-input placeholder="Please input password" v-model="input11" show-password></el-input>
|
||||
@ -540,12 +540,12 @@ Búsqueda de datos desde el servidor.
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
| ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------- | --------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
|
||||
| type | tipo de input | string | text, textarea y otros [tipos de entrada nativos](https://developer.mozilla.org/es/docs/Web/HTML/Elemento/input#Form_%3Cinput%3E_types) | text |
|
||||
| value / v-model | valor enlazado | boolean / string / number | — | — | | — |
|
||||
| value / v-model | valor enlazado | boolean / string / number | — | — |
|
||||
| maxlength | igual que `maxlength` en el input nativo | number | — | — |
|
||||
| minlength | igual que `minlength` en el input nativo | number | — | — |
|
||||
| placeholder | placeholder del Input | string | — | — |
|
||||
| clearable | whether to show clear button | boolean | — | false |
|
||||
| show-password | whether to show toggleable password input| boolean | — | false |
|
||||
| clearable | si debe mostrar el boton de limpieza | boolean | — | false |
|
||||
| show-password | si debe mostrar la posibilidad de conmutacion de password input | boolean | — | false |
|
||||
| disabled | si esta deshabilitado | boolean | — | false |
|
||||
| size | tamaño del input, esto no funciona cuando `type` no es textarea | string | medium / small / mini | — |
|
||||
| prefix-icon | clase del icono de prefijo | string | — | — |
|
||||
|
||||
@ -22,9 +22,9 @@ Si tiene que mostrar muchos datos en una página, utilice la paginación.
|
||||
```
|
||||
:::
|
||||
|
||||
### Number of pagers
|
||||
### Numeros de paginas
|
||||
|
||||
:::demo By default, Pagination collapses extra pager buttons when it has more than 7 pages. This can be configured with the `pager-count` attribute.
|
||||
:::demo De forma predeterminada, Pagination colapsa los botones del paginador adicionales cuando tiene más de 7 páginas. Esto se puede configurar con el atributo `pager-count`.
|
||||
```html
|
||||
<el-pagination
|
||||
:page-size="20"
|
||||
|
||||
@ -4,7 +4,7 @@ Esta sección te guía en el proceso de usar Element con webpack en un proyecto.
|
||||
|
||||
### Use vue-cli@3
|
||||
|
||||
We provide an [Element plugin](https://github.com/ElementUI/vue-cli-plugin-element) for vue-cli@3, which you can use to quickly build an Element-based project.
|
||||
Proporcionamos un [plugin de Element](https://github.com/ElementUI/vue-cli-plugin-element) para vue-cli@3, que puede utilizar para construir rápidamente un proyecto basado en Element.
|
||||
|
||||
### Usa la plantilla de Kit de inicio
|
||||
|
||||
|
||||
@ -539,11 +539,11 @@ Si el valor de encuadernación de Select es un objeto, asegúrese de asignar `va
|
||||
| collapse-tags | si se colapsan los tags a un texto cuando `multiple` es `true`. | boolean | — | false |
|
||||
| value-key | nombre de clave de identidad única para el valor, necesario cuando el valor es un objeto. | string | — | value |
|
||||
| size | tamaño del Input | string | large/small/mini | — |
|
||||
| clearable | whether select can be cleared | boolean | — | false |
|
||||
| clearable | si el select puede ser limpiado | boolean | — | false |
|
||||
| multiple-limit | maximo numero de opciones que el usuario puede seleccionar cuando `multiple` es `true`. Sin límite cuando se fija a 0 | number | — | 0 |
|
||||
| name | el atributo `name` del input seleccionado | string | — | — |
|
||||
| autocomplete | el atributo `autocomplete` del input seleccionado | string | — | off |
|
||||
| auto-complete | @DEPRECATED in next major version | string | — | off |
|
||||
| auto-complete | @DEPRECATED en la proxima major version | string | — | off |
|
||||
| placeholder | placeholder | string | — | Select |
|
||||
| filterable | si Select es filtrable | boolean | — | false |
|
||||
| allow-create | si esta permitido crear nuevos items. Para usar esto, `filterable` debe ser `true`. | boolean | — | false |
|
||||
@ -551,8 +551,8 @@ Si el valor de encuadernación de Select es un objeto, asegúrese de asignar `va
|
||||
| remote | si las opciones se traeran desde el servidor | boolean | — | false |
|
||||
| remote-method | metodo de busqueda remota personalizada | function | — | — |
|
||||
| loading | si Select está cargando datos del servidor | boolean | — | false |
|
||||
| loading-text | texto mostrado durante la carga de datos del servidor, 也可以使用`slot="empty"`设置 | string | — | Loading |
|
||||
| no-match-text | texto mostrado cuando ningún dato coincide con la consulta de filtrado. 也可以使用`slot="empty"`设置| string | — | No matching data |
|
||||
| loading-text | texto mostrado durante la carga de datos del servidor, también puedes usar la configuración de slot = "empty" | string | — | Loading |
|
||||
| no-match-text | texto mostrado cuando ningún dato coincide con la consulta de filtrado. También puedes usar la configuración de slot = "empty" | string | — | No matching data |
|
||||
| no-data-text | texto mostrado cuando no hay opciones | string | — | No data |
|
||||
| popper-class | nombre de clase personalizado para el menú desplegable del Select | string | — | — |
|
||||
| reserve-keyword | cuando `multiple` y `filter` es `true`, si se debe reservar la palabra clave actual después de seleccionar una opción. | boolean | — | false |
|
||||
@ -575,7 +575,7 @@ Si el valor de encuadernación de Select es un objeto, asegúrese de asignar `va
|
||||
|---------|-------------|
|
||||
| — | lista de los componentes Option |
|
||||
| prefix | contenido prefix de un Select |
|
||||
| empty | 无选项时的列表 |
|
||||
| empty | Lista sin opciones |
|
||||
|
||||
### Atributos del grupo de opciones
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
|
||||
@ -1332,9 +1332,9 @@ Cuando el contenido de la fila es demasiado largo y busca no mostrar la barra de
|
||||
```
|
||||
:::
|
||||
|
||||
### Tree data and lazy mode
|
||||
### Datos tree y modo lazy
|
||||
|
||||
:::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 Puede mostrar la estructura de datos tipo tree。Cuando se usa, la prop`row-key` es requerida。Entonces, los datos de las filas de los hijos pueden ser cargados asincrónicamente. Poner la propiedad `lazy` de Table a true y la función `load`. Especifique el atributo `hasChildren` en la fila para determinar qué fila contiene hijos.
|
||||
|
||||
```html
|
||||
<template>
|
||||
@ -1828,7 +1828,7 @@ Puede personalizar el índice de la fila con la propiedad `type=index` de las co
|
||||
| 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, column, rowIndex, columnIndex})/String | — | — |
|
||||
| header-cell-style | función que devuelve estilos personalizados para una celda en la cabecera de la tabla, o un objeto asignando estilos personalizados para cada celda en la cabecera de la tabla | 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 | key de los datos de las filas, utilizada para optimizar el renderizado. Requerido si `reserve-selection` está activada o muestra los datos del árbol. Cuando su tipo es String, se admite el acceso multinivel, por ejemplo, `user.info.id`, pero `user.info[0].id` no se admite, en cuyo caso se debe utilizar la función. | Function(row)/String | — | — |
|
||||
| empty-text | Texto mostrado cuando no existen datos. Puede personalizar esta área con `slot="empty"` | String | — | No Data |
|
||||
| default-expand-all | especifica si todas las filas se expanden por defeto, solo funciona cuando la tabla tiene una columna `type="expand"` | Boolean | — | false |
|
||||
| expand-row-keys | establece las filas expandidas a través de esta propiedad, este valor es la clave de filas expandidas, debería establecer `row-key` antes de usar esta propiedad | Array | — | |
|
||||
@ -1839,9 +1839,9 @@ Puede personalizar el índice de la fila con la propiedad `type=index` de las co
|
||||
| summary-method | método personalizado para resumen | Function({ columns, data }) | — | — |
|
||||
| span-method | método que devuelve _rowspan_ y _colspan_ | Function({ row, column, rowIndex, columnIndex }) | — | — |
|
||||
| select-on-indeterminate | controla el comportamiento del checkbox maestro en tablas de selección múltiple cuando sólo se seleccionan algunas filas (pero no todas). Si es true, todas las filas serán seleccionadas, de lo contrario deseleccionadas. | 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 | indentación horizontal de los datos en formato tree | Number | — | 16 |
|
||||
| lazy | si se realiza un lazy loading de los datos | Boolean | — | — |
|
||||
| load | metodo para cargar las filas de los hijos, solamente funciona cuando `lazy`es true | Function({ row, treeNode, resolve }) | — | — |
|
||||
|
||||
### Eventos de la tabla
|
||||
| Nombre del evento | Descripción | Parámetros |
|
||||
@ -1897,7 +1897,7 @@ Puede personalizar el índice de la fila con la propiedad `type=index` de las co
|
||||
| sortable | especifica que columna puede ser ordenado. El ordenamiento remoto puede ser hecho configurando el atributo `custom` y escucha al evento de tabla `sort-change` | boolean, string | true, false, custom | false |
|
||||
| sort-method | método de ordenamiento, funciona cuando `sortable` está en `true`. Debería devolver un número, al igual que Array.sort | Function(a, b) | — | — |
|
||||
| sort-by | especifica por cual propiedad de va a ordenar, funciona cuando `sortable` es `true` y `sort-method` es `undefined`. Si se establece a un arreglo, la columna ordenara secuencialmente por la siguiente propiedad si la anterior es igual | Function(row, index)/String/Array | — | — |
|
||||
| sort-orders | the order of the sorting strategies used when sorting the data, works when `sortable` is `true`. Accepts an array, as the user clicks on the header, the column is sorted in order of the elements in the array | array | the elements in the array need to be one of the following: `ascending`, `descending` and `null` (restores to the original order) | ['ascending', 'descending', null] |
|
||||
| sort-orders | el orden de las estrategias de ordenación utilizadas al ordenar los datos, funciona cuando `sortable` es `true`. Acepta un array, a medida que el usuario hace clic en el encabezado, la columna se ordena en el orden de los elementos del array. | array | los elementos en el arreglo necesitan ser uno de los siguientes: `ascending`, `descending` y `null` (restaura el orden original) | ['ascending', 'descending', null] |
|
||||
| resizable | especifica si el ancho de la columna puede ser redimensionado, funciona cuando `border` de `el-table` está en `true` | boolean | — | false |
|
||||
| formatter | función que formatea el contenido de la celda | Function(row, column, cellValue, index) | — | — |
|
||||
| show-overflow-tooltip | especifica si el _tooltip_ debe ocultarse o mostrarse al hacer _hover_ en la celda | boolean | — | false |
|
||||
@ -1906,7 +1906,7 @@ Puede personalizar el índice de la fila con la propiedad `type=index` de las co
|
||||
| class-name | nombre de clase de la celda en la columna | string | — | — |
|
||||
| label-class-name | nombre de clase de la etiqueta de esta columna | string | — | — |
|
||||
| selectable | función que determina si una cierta fila puede ser seleccionada, funciona cuando `type` esta en `selection` | Function(row, index) | — | — |
|
||||
| reserve-selection | especifica si se reserva la selección después de actualizar los datos, funciona cuando `type` está en `selection`. Note that `row-key` is required for this to work | boolean | — | false |
|
||||
| reserve-selection | especifica si se reserva la selección después de actualizar los datos, funciona cuando `type` está en `selection`. Note que `row-key` es requerido para que esto funcione | boolean | — | false |
|
||||
| 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-multiple | especifica si el filtrado de datos soporta múltiples opciones | Boolean | — | true |
|
||||
|
||||
@ -153,5 +153,5 @@ Además del tamaño predeterminado, el componente Tag proporciona tres tamaños
|
||||
### Eventos
|
||||
| Nombre | Descripción | Parametros |
|
||||
| ------ | ------------------------------------ | ---------- |
|
||||
| click | se disoara cuando el Tag es clic | — |
|
||||
| close | se disoara cuando el Tag es removido | — |
|
||||
| click | se dispara cuando el Tag es clic | — |
|
||||
| close | se dispara cuando el Tag es removido | — |
|
||||
@ -1,10 +1,10 @@
|
||||
## Timeline
|
||||
|
||||
Visually display timeline.
|
||||
Línea de tiempo visual.
|
||||
|
||||
### Basic usage
|
||||
### Uso básico
|
||||
|
||||
Timeline can be split into multiple activities in ascending or descending. Timestamps are important features that distinguish them from other components. Note the difference with Steps.
|
||||
El Timeline puede ser dividido en múltiples actividades en forma ascendente o descendente. Las marcas de tiempo son características importantes que los distinguen de otros componentes. Observe la diferencia con Steps.
|
||||
|
||||
:::demo
|
||||
```html
|
||||
@ -49,9 +49,9 @@ Timeline can be split into multiple activities in ascending or descending. Times
|
||||
```
|
||||
:::
|
||||
|
||||
### Custom node
|
||||
### Nodo personalizado
|
||||
|
||||
Size, color, and icons can be customized in node.
|
||||
El tamaño, el color y los iconos se pueden personalizar en el nodo.
|
||||
|
||||
:::demo
|
||||
```html
|
||||
@ -99,9 +99,9 @@ Size, color, and icons can be customized in node.
|
||||
```
|
||||
:::
|
||||
|
||||
### Custom timestamp
|
||||
### Marcas de tiempo personalizadas
|
||||
|
||||
Timestamp can be placed on top of content when content is too high.
|
||||
Las marcas de tiempo ( timestamp ) puede colocarse encima del contenido cuando éste es demasiado alto.
|
||||
|
||||
:::demo
|
||||
```html
|
||||
@ -130,24 +130,24 @@ Timestamp can be placed on top of content when content is too high.
|
||||
```
|
||||
:::
|
||||
|
||||
### Timeline Attributes
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
### Timeline Atributos
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| reverse | whether the node is ascending or descending, default is ascending | boolean | — | false |
|
||||
| reverse | Si el node es ascendente o descendente. Por defecto es ascendente | boolean | — | false |
|
||||
|
||||
### Timeline-item Attributes
|
||||
| Attribute | Description | Type | Accepted Values | Default |
|
||||
### Timeline-item Atributos
|
||||
| Atributo | Descripción | Tipo | Valores aceptados | Por defecto |
|
||||
|---------- |-------- |---------- |------------- |-------- |
|
||||
| timestamp | timestamp content | string | - | — |
|
||||
| hide-timestamp | whether to show timestamp | boolean | — | false |
|
||||
| placement | position of timestamp | string | top / bottom | bottom |
|
||||
| type | node type | string | primary / success / warning / danger / info | - |
|
||||
| color | background color of node | string | hsl / hsv / hex / rgb | - |
|
||||
| size | node size | string | normal / large | normal |
|
||||
| icon | icon class name | string | — | - |
|
||||
| timestamp | Contenido de las marcas de tiempo | string | - | — |
|
||||
| hide-timestamp | Si se muestra o no timestamp | boolean | — | false |
|
||||
| placement | la posicion de timestamp | string | top / bottom | bottom |
|
||||
| type | tipo de nodo | string | primary / success / warning / danger / info | - |
|
||||
| color | color de fondo del nodo | string | hsl / hsv / hex / rgb | - |
|
||||
| size | tamaño del nodo | string | normal / large | normal |
|
||||
| icon | nombre de la clase del icono | string | — | - |
|
||||
|
||||
### Timeline-Item Slot
|
||||
| name | Description |
|
||||
|------|--------|
|
||||
| — | Custom content for timeline item |
|
||||
| dot | Custom defined node |
|
||||
| — | Contenido personalizado del item del timeline |
|
||||
| dot | Definicion personalizada del nodo |
|
||||
|
||||
@ -238,7 +238,7 @@ Por defecto Transfer busca los atributos `key`, `label`, y `disabled` en cada el
|
||||
### Scoped Slot
|
||||
| Name | Description |
|
||||
|------|--------|
|
||||
| — | Custom content for data items. The scope parameter is { option } |
|
||||
| — | Contenido personalizado para los datos de los items. El parametro del scope es { option } |
|
||||
|
||||
### Methods
|
||||
| Method | Description | Parameters |
|
||||
|
||||
@ -399,7 +399,7 @@ Los nodos pueden estar desplegados o seleccionados por defecto.
|
||||
### Contenido personalizado en los nodos
|
||||
El contenido de los nodos puede ser personalizado, así que puede añadir iconos y botones a su gusto.
|
||||
|
||||
:::demo Hay dos maneras de personalizar la plantilla para los nodos de árbol: `render-content` y scoped slot. Utilice `render-content` para asignar una función de renderizado que devuelve el contenido del árbol de nodos. Mire la documentación de node para una introducción detallada a las funciondes de renderizado. Si prefiere scoped slot, tendrá acceso a los `nodos` y `datos` en el ámbito de aplicación, representando el objeto TreeNode y los datos del nodo actual respectivamente. Tenga en cuenta que este ejemplo no puede ejecutarse en jsfiddle ya que no soporta la sintaxis JSX. En un proyecto real `render-content` funcionará si las dependencias relevantes están configuradas correctamente.
|
||||
:::demo Hay dos maneras de personalizar la plantilla para los nodos de árbol: `render-content` y scoped slot. Utilice `render-content` para asignar una función de renderizado que devuelve el contenido del árbol de nodos. Mire la documentación de node para una introducción detallada a las funciondes de renderizado. Si prefiere scoped slot, tendrá acceso a los `nodos` y `datos` en el ámbito de aplicación, representando el objeto TreeNode y los datos del nodo actual respectivamente. Tenga en cuenta que este ejemplo no puede ejecutarse en codepen.io ya que no soporta la sintaxis JSX. En un proyecto real `render-content` funcionará si las dependencias relevantes están configuradas correctamente.
|
||||
```html
|
||||
<div class="custom-tree-container">
|
||||
<div class="block">
|
||||
@ -802,7 +802,7 @@ Puede arrastrar y soltar nodos de Tree añadiendo un atributo `draggable` .
|
||||
| show-checkbox | Si un nodo es seleccionable | boolean | — | false |
|
||||
| check-strictly | El estado de seleccion de un nodo no afecta a sus padres o hijos, cuando `show-checkbox` es `true` | boolean | — | false |
|
||||
| default-checked-keys | Array con claves de los nodos seleccionados inicialmente | array | — | — |
|
||||
| current-node-key | key of initially selected node | string, number | — | — |
|
||||
| current-node-key | la clave del nodo inicialmente seleccionado | string, number | — | — |
|
||||
| filter-node-method | Esta función se ejecutará en cada nodo cuando se use el método filtrtar, si devuelve `false` el nodo se oculta | Function(value, data, node) | — | — |
|
||||
| accordion | Si solo un nodo de cada nivel puede expandirse a la vez | boolean | — | false |
|
||||
| indent | Indentación horizontal de los nodos en niveles adyacentes, en pixeles | number | — | 16 |
|
||||
@ -834,7 +834,7 @@ Puede arrastrar y soltar nodos de Tree añadiendo un atributo `draggable` .
|
||||
| getHalfCheckedKeys | Si el nodo puede ser seleccionado (`show-checkbox` es `true`), devuelve la mitad del array de claves del nodo actualmente seleccionado. | - |
|
||||
| getCurrentKey | devuelve la clave del nodo resaltado actualmente (null si no hay ninguno) | — |
|
||||
| getCurrentNode | return the highlight node's data (null if no node is highlighted) | — |
|
||||
| setCurrentKey | establece el nodo resaltado por la clave, solo funciona si `node-key` está asignado | (key) la clave del nodo a ser resaltado. If `null`, cancel the currently highlighted node |
|
||||
| setCurrentKey | establece el nodo resaltado por la clave, solo funciona si `node-key` está asignado | (key) la clave del nodo a ser resaltado. Si es `null`, cancela los nodos actualmente resaltados |
|
||||
| setCurrentNode | establece el nodo resaltado, solo funciona si `node-key` está asignado | (node) nodo a ser resaltado |
|
||||
| getNode | devuelve el nodo por el dato o la clave | (data) los datos o clave del nodo |
|
||||
| remove | elimina un nodo, solo funciona si `node-key` está asignado | (data) los datos del nodo o nodo a borrar |
|
||||
|
||||
Loading…
Reference in New Issue
Block a user