energy-components 2.5.1 → 2.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/dragAndDrop.es.js +93 -75
- package/dist/components/dropdown.es.js +414 -272
- package/dist/components/radioButton.es.js +51 -37
- package/dist/components/sidebar.es.js +18 -19
- package/dist/components/sidedrawer.es.js +49 -39
- package/dist/components/style/dragAndDrop.css +1 -1
- package/dist/components/style/dropdown.css +1 -1
- package/dist/components/style/pagination.css +1 -1
- package/dist/components/style/radioButton.css +1 -1
- package/dist/components/style/sidebar.css +1 -1
- package/dist/components/style/sidedrawer.css +1 -1
- package/dist/components/style/table.css +1 -1
- package/dist/components/style/tableRenderer.css +1 -1
- package/dist/components/style/textField.css +1 -1
- package/dist/components/table.es.js +59 -55
- package/dist/components/tableRenderer.es.js +131 -126
- package/dist/components/textField.es.js +84 -60
- package/dist/energy-components.css +1 -1
- package/dist/energy-components.es.js +5151 -4936
- package/dist/energy-components.umd.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/src/components/content/table/table-renderer.vue.d.ts +2 -0
- package/dist/types/src/components/content/table/table.vue.d.ts +9 -0
- package/dist/types/src/components/input/drag-and-drop/drag-and-drop.vue.d.ts +15 -0
- package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts +25 -0
- package/dist/types/src/components/input/radio-button/radio-button.vue.d.ts +15 -0
- package/dist/types/src/components/input/text-field/text-field.vue.d.ts +49 -2
- package/dist/types/src/components/layout/sidedrawer/sidedrawer.vue.d.ts +15 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/llms/rdsdrag-and-drop.md +1 -0
- package/llms/rdsdropdown.md +2 -0
- package/llms/rdsradio-button.md +1 -0
- package/llms/rdssidedrawer.md +1 -0
- package/llms/rdstable.md +2 -0
- package/llms/rdstext-field.md +3 -1
- package/package.json +1 -1
package/llms/rdsdrag-and-drop.md
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
|---|---|:--:|---|---|---|
|
|
7
7
|
| accept | string | No | | Tipos de archivo aceptados por el input (ej. '.png,.jpg,.pdf', 'image/*'). | |
|
|
8
8
|
| detailText | string | No | | Texto secundario que se muestra debajo del texto principal (ej. formatos permitidos, tamaño máximo). | |
|
|
9
|
+
| mobileButtonText | string | No | Añade tu archivo | Texto que se muestra en el botón para dispositivos móviles. | |
|
|
9
10
|
| disabled | boolean | No | false | Indica si el componente está deshabilitado. | |
|
|
10
11
|
| error | boolean | No | false | Indica si el componente está en estado de error. | |
|
|
11
12
|
| errorMessage | string | No | | Mensaje de error específico a mostrar en lugar del texto de detalle cuando `error` es `true`. | |
|
package/llms/rdsdropdown.md
CHANGED
|
@@ -26,6 +26,7 @@
|
|
|
26
26
|
| customTriggerClass | string | No | | Clase custom para el trigger del dropdown (solo aplica a text-only trigger) | |
|
|
27
27
|
| inverse | boolean | No | false | Indica si el dropdown es de estilo inverso (solo para text-only) | |
|
|
28
28
|
| loading | boolean | No | false | Indica si el dropdown está en estado de carga. | |
|
|
29
|
+
| lazyLoad | boolean | LazyLoadCallback | No | false | Habilita lazy load por scroll al final de la lista. Puede ser boolean (modo evento) o callback async (modo automático). | |
|
|
29
30
|
|
|
30
31
|
## Eventos
|
|
31
32
|
| Evento | Payload | Descripción |
|
|
@@ -34,6 +35,7 @@
|
|
|
34
35
|
| close | any | Emite cuando se cierra el dropdown |
|
|
35
36
|
| select | any | Emite cuando se selecciona un valor |
|
|
36
37
|
| change | Array | Emite cuando se cambia el valor del dropdown. En selección única, por consistencia, se emite un array con un único elemento. |
|
|
38
|
+
| loadMore | { page: number } | Emite cuando se requiere cargar más opciones (modo evento). |
|
|
37
39
|
|
|
38
40
|
## Slots
|
|
39
41
|
| Slot | Descripción | Bindings |
|
package/llms/rdsradio-button.md
CHANGED
|
@@ -10,3 +10,4 @@
|
|
|
10
10
|
| icon | string | No | | <span>Tooltip text del Icono de información en el label</span> Solo se mostrara si hay `label` activa | |
|
|
11
11
|
| error | boolean | No | false | <span>Indica si el radio button tiene error</span> | |
|
|
12
12
|
| disabled | boolean | No | false | <span>Indica si el radio button está deshabilitado</span> | |
|
|
13
|
+
| hideLabel | boolean | No | false | <span>Oculta visualmente el label manteniendo su accesibilidad para lectores de pantalla</span> | |
|
package/llms/rdssidedrawer.md
CHANGED
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
| containerWidth | string | No | | <span>Define el ancho del componente al abrirse</span> | |
|
|
11
11
|
| persistent | boolean | No | false | <span>Indica si el sidedrawer permanece abierto al hacer click fuera de él</span> | |
|
|
12
12
|
| closeAriaLabel | string | No | Cerrar | <span>Etiqueta accesible del botón de cerrar. Por convención del sistema, el valor por defecto es español ('Cerrar'). En proyectos con i18n, se debe sobrescribir esta prop con el valor traducido.</span> | |
|
|
13
|
+
| ariaLabel | string | No | | <span>Etiqueta accesible del panel lateral para lectores de pantalla.</span> | |
|
|
13
14
|
|
|
14
15
|
## Eventos
|
|
15
16
|
| Evento | Payload | Descripción |
|
package/llms/rdstable.md
CHANGED
|
@@ -15,6 +15,8 @@
|
|
|
15
15
|
| selectionMode | SelectionMode | No | none | Modo de selección de filas: - 'none': Deshabilitado. - 'single': Radio buttons (solo una fila). - 'multiple': Checkboxes (varias filas). | |
|
|
16
16
|
| selectionPosition | "left" | "right" | No | right | Ubicación de la columna de selección (inputs). | "left", "right" |
|
|
17
17
|
| checkedKeys | union | No | () => [] | Array de IDs (rowKey) de las filas seleccionadas (v-model). | union |
|
|
18
|
+
| selectAllAriaLabel | string | No | | Texto accesible para el checkbox de selección global. | |
|
|
19
|
+
| rowAriaLabel | TSFunctionType | No | | Función para construir el texto accesible de cada checkbox de fila. example (row, index) => `Seleccionar ${row.name} (${index + 1})` | |
|
|
18
20
|
| loading | boolean | No | | Muestra un estado de carga (skeleton o spinner) sobre la tabla. | |
|
|
19
21
|
| hideHeaders | boolean | No | | Oculta completamente la fila de cabecera (thead). | |
|
|
20
22
|
| hidePagination | boolean | No | | Oculta el componente de paginación al pie de la tabla. | |
|
package/llms/rdstext-field.md
CHANGED
|
@@ -12,7 +12,8 @@
|
|
|
12
12
|
| prefix | string | No | | Texto a mostrar antes del valor del input. (Reemplaza al icono izquierdo si existe) | |
|
|
13
13
|
| suffix | string | No | | Texto a mostrar después del valor del input, siguiendo dinámicamente al texto. | |
|
|
14
14
|
| disabled | boolean | No | false | Indica si el campo de entrada está deshabilitado o no. | |
|
|
15
|
-
| readonly | boolean | No | false |
|
|
15
|
+
| readonly | boolean | No | false | Estado semántico de solo lectura. Añade el atributo HTML `readonly` al input, lo que impide la edición y lo anuncia a los lectores de pantalla como "solo lectura". **No cambia el aspecto visual del campo.** Si además se necesita el estilo visual (fondo gris, sin iconos, cursor texto), activa también `readonlyStyle`. Ambas props son independientes y pueden usarse juntas o por separado. | |
|
|
16
|
+
| readonlyStyle | boolean | No | false | Estilo visual de solo lectura: fondo gris, borde por defecto, cursor texto y sin iconos ni elementos accionables. El campo parece no editable visualmente. **No añade el atributo HTML `readonly`** ni semántica de accesibilidad. Para bloquear la edición funcionalmente y anunciarlo a lectores de pantalla, activa también `:readonly="true"`. Ambas props son independientes y pueden usarse juntas o por separado. | |
|
|
16
17
|
| maxLength | number | No | | Número máximo de caracteres permitidos en el campo de entrada. Si no se especifica, el componente no establecerá atributo maxlength (sin límite impuesto por la librería). Recomendación: establecerlo sólo cuando exista una restricción funcional o de negocio. | |
|
|
17
18
|
| minLength | number | No | | Número mínimo de caracteres permitidos en el campo de entrada. Si no se especifica, no se añade el atributo `minlength` al `<input>`. | |
|
|
18
19
|
| type | string | No | text | Tipo del input HTML. Por defecto 'text'. Puede ser 'text' o 'number'. La prop 'password' tiene precedencia. | |
|
|
@@ -35,6 +36,7 @@
|
|
|
35
36
|
| step | string|number | No | | Incremento de pasos (principalmente para `type="number"`). | |
|
|
36
37
|
| enterkeyhint | string | No | | Sugerencia de acción para la tecla Enter en teclados virtuales. | enter, done, go, next, previous, search, send |
|
|
37
38
|
| spellcheck | boolean | No | | Activar/desactivar corrección ortográfica del navegador. | |
|
|
39
|
+
| inputTabindex | string|number | No | | Índice de tabulación del input nativo. | |
|
|
38
40
|
| autocapitalize | string | No | | Control de capitalización automática del navegador en inputs text. | |
|
|
39
41
|
|
|
40
42
|
## Eventos
|