energy-components 2.2.0 → 2.3.1
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/index.es.js +127 -121
- package/dist/components/indicatorDots.es.js +215 -0
- package/dist/components/loader.es.js +9 -9
- package/dist/components/searchField.es.js +188 -0
- package/dist/components/style/indicatorDots.css +1 -0
- package/dist/components/style/searchField.css +1 -0
- package/dist/components/style/table.css +1 -1
- package/dist/components/style/tableRenderer.css +1 -1
- package/dist/components/table.es.js +76 -71
- package/dist/components/tableRenderer.es.js +242 -139
- package/dist/energy-components.css +1 -1
- package/dist/energy-components.es.js +6216 -5717
- 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 +10 -1
- package/dist/types/src/components/content/table/table.vue.d.ts +13 -1
- package/dist/types/src/components/content/table/use-column-resize.d.ts +9 -0
- package/dist/types/src/components/feedback/indicator-dots/indicator-dots.vue.d.ts +181 -0
- package/dist/types/src/components/index.d.ts +2 -0
- package/dist/types/src/components/input/search-field/search-field.vue.d.ts +137 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/llms/index.md +2 -0
- package/llms/rdsindicator-dots.md +23 -0
- package/llms/rdssearch-field.md +22 -0
- package/llms/rdstable.md +2 -0
- package/package.json +1 -1
package/llms/index.md
CHANGED
|
@@ -12,6 +12,7 @@ Generated for intelligent coding assistants.
|
|
|
12
12
|
- [RDSActionButton](./rdsaction-button.md)
|
|
13
13
|
- [RDSCheckbox](./rdscheckbox.md)
|
|
14
14
|
- [RDSTextField](./rdstext-field.md)
|
|
15
|
+
- [RDSSearchField](./rdssearch-field.md)
|
|
15
16
|
- [RDSTextArea](./rdstext-area.md)
|
|
16
17
|
- [RDSSwitch](./rdsswitch.md)
|
|
17
18
|
- [RDSRadioButton](./rdsradio-button.md)
|
|
@@ -39,6 +40,7 @@ Generated for intelligent coding assistants.
|
|
|
39
40
|
- [RDSPagination](./rdspagination.md)
|
|
40
41
|
- [RDSDirectAccess](./rdsdirect-access.md)
|
|
41
42
|
- [RDSIndicator](./rdsindicator.md)
|
|
43
|
+
- [RDSIndicatorDots](./rdsindicator-dots.md)
|
|
42
44
|
- [RDSBadge](./rdsbadge.md)
|
|
43
45
|
- [RDSPersistentToast](./rdspersistent-toast.md)
|
|
44
46
|
- [RDSSnackBar](./rdssnack-bar.md)
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
# RDSIndicatorDots
|
|
2
|
+
> Componente de la librería Energy Components.
|
|
3
|
+
|
|
4
|
+
## Props
|
|
5
|
+
| Prop | Tipo | Requerida | Default | Descripción | Valores |
|
|
6
|
+
|---|---|:--:|---|---|---|
|
|
7
|
+
| items | number | Sí | | Número total de elementos a indicar. | |
|
|
8
|
+
| modelValue | number | Sí | | Índice del elemento activo actual (base 0). | |
|
|
9
|
+
| showArrows | boolean | No | false | Muestra los botones de flecha anterior/siguiente. | |
|
|
10
|
+
| size | String as () => SizeType | No | default | Variante de tamaño del componente. | |
|
|
11
|
+
| inverse | boolean | No | false | Usa los tokens de color inverso (superficie oscura). | |
|
|
12
|
+
| maxVisible | number | No | 7 | Número máximo de puntos visibles a la vez antes de activar la ventana deslizante. | |
|
|
13
|
+
| playInterval | number | No | 3000 | Duración en milisegundos de cada elemento antes de avanzar automáticamente cuando isPlaying es true. | |
|
|
14
|
+
| interactive | boolean | No | false | Si es true, habilita la navegación manual: flechas (si showArrows) y clics en los puntos. Si es false, las flechas se ocultan y los puntos son solo visuales. | |
|
|
15
|
+
| showPlayPause | boolean | No | false | Muestra el botón de acción play/pause al final del componente. | |
|
|
16
|
+
| isPlaying | boolean | No | false | Si es true, el componente avanza automáticamente por los elementos con un temporizador, emitiendo update:modelValue. El botón play/pause (showPlayPause) refleja y controla este estado. | |
|
|
17
|
+
| id | string | No | undefined | Atributo ID opcional para pruebas. | |
|
|
18
|
+
|
|
19
|
+
## Eventos
|
|
20
|
+
| Evento | Payload | Descripción |
|
|
21
|
+
|---|---|---|
|
|
22
|
+
| update:modelValue | number | Emitido al cambiar el índice activo. |
|
|
23
|
+
| playPauseClick | | Emitido al hacer clic en el botón play/pause. |
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
# RDSSearchField
|
|
2
|
+
> Componente de la librería Energy Components.
|
|
3
|
+
|
|
4
|
+
## Props
|
|
5
|
+
| Prop | Tipo | Requerida | Default | Descripción | Valores |
|
|
6
|
+
|---|---|:--:|---|---|---|
|
|
7
|
+
| modelValue | string | Sí | | v-model valor del campo de búsqueda. | |
|
|
8
|
+
| placeholder | string | No | Search... | Texto de ayuda contextual que se muestra cuando el campo está vacío. | |
|
|
9
|
+
| disabled | boolean | No | false | Indica si el campo está deshabilitado. | |
|
|
10
|
+
| small | boolean | No | false | Versión reducida del campo (altura 40px en lugar de 52px). | |
|
|
11
|
+
| suggestions | Array as () => string[] | No | () => [] | Lista de sugerencias a mostrar cuando el campo tiene contenido. El componente padre es responsable de filtrar las sugerencias. | |
|
|
12
|
+
| maxLength | number | No | | Número máximo de caracteres permitidos. | |
|
|
13
|
+
| id | string | No | | Identificador único del campo. Se autogenera si no se proporciona. | |
|
|
14
|
+
| clearButtonAriaLabel | string | No | Limpiar campo | Texto accesible del botón de limpiar. Permite internacionalización. | |
|
|
15
|
+
|
|
16
|
+
## Eventos
|
|
17
|
+
| Evento | Payload | Descripción |
|
|
18
|
+
|---|---|---|
|
|
19
|
+
| update:modelValue | string | Emitido cuando el valor del campo cambia |
|
|
20
|
+
| clear | | Emitido cuando el usuario limpia el campo |
|
|
21
|
+
| search | string | Emitido cuando el usuario pulsa Enter (sin sugerencia activa) |
|
|
22
|
+
| select | string | Emitido cuando el usuario selecciona una sugerencia |
|
package/llms/rdstable.md
CHANGED
|
@@ -30,6 +30,7 @@
|
|
|
30
30
|
| rowClass | TSFunctionType | No | | Función para aplicar clases CSS condicionales a una fila completa (<tr>). | |
|
|
31
31
|
| cellClass | TSFunctionType | No | | Función para aplicar clases CSS condicionales a una celda específica (td). | |
|
|
32
32
|
| isRowDisabled | TSFunctionType | No | | Predicado para deshabilitar la selección (checkbox/radio) de una fila específica. | |
|
|
33
|
+
| resizableColumns | boolean | No | | Activa el resize de columnas arrastrando el borde derecho del encabezado. | |
|
|
33
34
|
|
|
34
35
|
## Eventos
|
|
35
36
|
| Evento | Payload | Descripción |
|
|
@@ -41,6 +42,7 @@
|
|
|
41
42
|
| optionsChange | { page: number, pageSize: number, sort: SortDescriptor | null } | ⚡ Evento Maestro: Cambio de Opciones. Agrupa cambios de paginación (page, pageSize) y ordenación (sort). Ideal para disparar llamadas al API en modo 'server'. |
|
|
42
43
|
| selectionChange | Array | Evento de cambio de selección (duplicado de update:checkedKeys). Útil si prefieres escuchar el evento @selection-change en lugar de usar v-model. |
|
|
43
44
|
| rowExpand | T | Se emite cuando una fila es clickeada para expandirse. Retorna el objeto completo de la fila. |
|
|
45
|
+
| columnResize | { key: string, width: number } | Se emite cuando finaliza el resize de una columna. |
|
|
44
46
|
|
|
45
47
|
## Slots
|
|
46
48
|
| Slot | Descripción | Bindings |
|