energy-components 2.3.0 → 2.4.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/style/table.css +1 -1
- package/dist/components/style/tableRenderer.css +1 -1
- package/dist/components/table.es.js +80 -79
- package/dist/components/tableRenderer.es.js +120 -120
- package/dist/energy-components.css +1 -1
- package/dist/energy-components.es.js +9 -8
- package/dist/energy-components.umd.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/src/components/content/table/table.vue.d.ts +6 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/llms/rdsaccordion-group.md +6 -0
- package/llms/rdsaccordion.md +6 -0
- package/llms/rdsbadge.md +5 -0
- package/llms/rdsdate-picker.md +6 -0
- package/llms/rdsdropdown.md +6 -0
- package/llms/rdsmodal.md +9 -0
- package/llms/rdspagination.md +5 -0
- package/llms/rdspopover-menu.md +7 -0
- package/llms/rdspopover.md +7 -0
- package/llms/rdssearch-field.md +6 -0
- package/llms/rdssidebar.md +9 -0
- package/llms/rdssidedrawer.md +8 -0
- package/llms/rdstable.md +7 -1
- package/llms/rdstext-field.md +6 -0
- package/llms/rdstooltip.md +7 -0
- package/package.json +1 -1
|
@@ -5,3 +5,9 @@
|
|
|
5
5
|
| Slot | Descripción | Bindings |
|
|
6
6
|
|---|---|---|
|
|
7
7
|
| default | Aqui se cargan los elementos `RDSAccordion` | |
|
|
8
|
+
|
|
9
|
+
## Métodos expuestos
|
|
10
|
+
| Método | Descripción |
|
|
11
|
+
|---|---|
|
|
12
|
+
| openAll | Abre todos los paneles del acordeón |
|
|
13
|
+
| closeAll | Cierra todos los paneles del acordeón |
|
package/llms/rdsaccordion.md
CHANGED
package/llms/rdsbadge.md
CHANGED
package/llms/rdsdate-picker.md
CHANGED
|
@@ -63,3 +63,9 @@
|
|
|
63
63
|
|---|---|---|
|
|
64
64
|
| day | Modificar como se ve el numero del dia del calendario. | day: any, date: any |
|
|
65
65
|
| slot | `GENERICO`, se puden pasar todos los slots de VueDatePicker | name: any |
|
|
66
|
+
|
|
67
|
+
## Métodos expuestos
|
|
68
|
+
| Método | Descripción |
|
|
69
|
+
|---|---|
|
|
70
|
+
| selectDate | Selecciona la fecha, comunmente usada para el boton de accion |
|
|
71
|
+
| clearValue | Limpia el valor del datepicker |
|
package/llms/rdsdropdown.md
CHANGED
package/llms/rdsmodal.md
CHANGED
|
@@ -30,3 +30,12 @@
|
|
|
30
30
|
| header | | |
|
|
31
31
|
| body | | |
|
|
32
32
|
| footer | | |
|
|
33
|
+
|
|
34
|
+
## Métodos expuestos
|
|
35
|
+
| Método | Descripción |
|
|
36
|
+
|---|---|
|
|
37
|
+
| modalClickOutside | { () => void } Gestiona el clic fuera del modal. |
|
|
38
|
+
| openModal | { () => void } Solicita abrir el modal. |
|
|
39
|
+
| closeModal | { () => void } Solicita cerrar el modal. |
|
|
40
|
+
| changeModalState | { (state: boolean) => void } Cambia el estado del modal. |
|
|
41
|
+
| toggleModal | { () => void } Alterna el estado del modal. |
|
package/llms/rdspagination.md
CHANGED
|
@@ -22,3 +22,8 @@
|
|
|
22
22
|
|---|---|---|
|
|
23
23
|
| pageChanged | PageChangedEventPayload | Se emite cuando el usuario interactúa con la paginación (cambia de página). El payload es un objeto con detalles sobre la nueva página y los límites de items. |
|
|
24
24
|
| ellipsisClicked | { hiddenPages: number[], ellipsisType: string, currentPage: number, totalPages: number } | Se emite cuando el usuario hace click en las elipsis (...). El payload incluye las páginas ocultas y el tipo de elipsis. |
|
|
25
|
+
|
|
26
|
+
## Métodos expuestos
|
|
27
|
+
| Método | Descripción |
|
|
28
|
+
|---|---|
|
|
29
|
+
| resetPagination | Resetea la paginación a la primera página y emite el evento pageChanged. |
|
package/llms/rdspopover-menu.md
CHANGED
|
@@ -27,3 +27,10 @@
|
|
|
27
27
|
| trigger | | |
|
|
28
28
|
| default | | |
|
|
29
29
|
| item | | item: any, index: any, on-select: any |
|
|
30
|
+
|
|
31
|
+
## Métodos expuestos
|
|
32
|
+
| Método | Descripción |
|
|
33
|
+
|---|---|
|
|
34
|
+
| toggle | Alterna el estado abierto/cerrado del popover |
|
|
35
|
+
| close | Cierra programáticamente el popover |
|
|
36
|
+
| isOpen | Ref reactiva del estado abierto |
|
package/llms/rdspopover.md
CHANGED
package/llms/rdssearch-field.md
CHANGED
|
@@ -20,3 +20,9 @@
|
|
|
20
20
|
| clear | | Emitido cuando el usuario limpia el campo |
|
|
21
21
|
| search | string | Emitido cuando el usuario pulsa Enter (sin sugerencia activa) |
|
|
22
22
|
| select | string | Emitido cuando el usuario selecciona una sugerencia |
|
|
23
|
+
|
|
24
|
+
## Métodos expuestos
|
|
25
|
+
| Método | Descripción |
|
|
26
|
+
|---|---|
|
|
27
|
+
| focus | |
|
|
28
|
+
| blur | |
|
package/llms/rdssidebar.md
CHANGED
|
@@ -23,3 +23,12 @@
|
|
|
23
23
|
| content | Si se usa este slot se sustituyen los de por defecto y hay que manejar manualmente el estado de apertura y cierre | |
|
|
24
24
|
| collapsed | | |
|
|
25
25
|
| expanded | | |
|
|
26
|
+
|
|
27
|
+
## Métodos expuestos
|
|
28
|
+
| Método | Descripción |
|
|
29
|
+
|---|---|
|
|
30
|
+
| isCollapsed | { boolean } Muestra el estado actual del sidebar. |
|
|
31
|
+
| openSidebar | { () => void } Abre el sidebar. |
|
|
32
|
+
| closeSidebar | { () => void } Cierra el sidebar. |
|
|
33
|
+
| toogleSidebar | { (state: boolean) => void } Cambia el estado del sidebar. |
|
|
34
|
+
| toggleSidebar | { () => void } Alterna el estado del sidebar. (Nombre correcto) |
|
package/llms/rdssidedrawer.md
CHANGED
|
@@ -21,3 +21,11 @@
|
|
|
21
21
|
| title | | |
|
|
22
22
|
| content | | |
|
|
23
23
|
| footer | | |
|
|
24
|
+
|
|
25
|
+
## Métodos expuestos
|
|
26
|
+
| Método | Descripción |
|
|
27
|
+
|---|---|
|
|
28
|
+
| isHide | { boolean } Muestra el estado actual del sidebar. |
|
|
29
|
+
| openSidedrawer | { () => void } Abre el sidebar. |
|
|
30
|
+
| closeSidedrawer | { () => void } Cierra el sidedrawer. |
|
|
31
|
+
| toogleSidedrawer | { (state: boolean) => void } Cambia el estado del sidedrawer. |
|
package/llms/rdstable.md
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
| items | T | Sí | () => [] | Array de datos a mostrar. En modo 'server', son los datos de la página actual. En modo 'client', es el dataset completo. | T |
|
|
9
9
|
| totalItemsLength | number | Sí | | Número total de registros en la base de datos. Requerido para calcular el número de páginas en la paginación. | |
|
|
10
10
|
| rowKey | TSTypeOperator | No | id' as keyof T | Nombre de la propiedad única de cada fila (ej. 'id', 'uuid'). Fundamental para la selección y el renderizado eficiente (v-for key). | |
|
|
11
|
-
| asynchrone | boolean | No | true | Modo asíncrono. Cuando es `true`, el padre controla los datos (paginación/ordenación) y la tabla solo renderiza los elementos recibidos. Cuando es `false`, la tabla aplica paginación local sobre `items`. | |
|
|
11
|
+
| asynchrone | boolean | No | true | Modo asíncrono. Cuando es `true`, el padre controla los datos (paginación/ordenación) y la tabla solo renderiza los elementos recibidos. **⚠️ IMPORTANTE:** Debes utilizar bindings bidireccionales (`v-model:page`, `v-model:pageSize` y `v-model:sort`) para evitar desincronizaciones del estado visual del componente con tus llamadas API. No uses bindings simples (`:page`, `:sort`). Cuando es `false`, la tabla aplica paginación local sobre `items`. | |
|
|
12
12
|
| page | number | No | 1 | Página actual (v-model). Inicia en 1. | |
|
|
13
13
|
| pageSize | number | No | 15 | Cantidad de elementos por página (v-model). | |
|
|
14
14
|
| sort | SortDescriptor | null | No | | Estado actual de la ordenación { key, order } (v-model). Pasar `null` para sin orden. | SortDescriptor, null |
|
|
@@ -31,6 +31,7 @@
|
|
|
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
33
|
| resizableColumns | boolean | No | | Activa el resize de columnas arrastrando el borde derecho del encabezado. | |
|
|
34
|
+
| resetPageOnSort | boolean | No | false | Si es `true` (por defecto), al cambiar el orden de una columna la página se resetea a 1. Pasa `false` para mantener la página actual al ordenar (útil en modo server-side con lógica propia). | |
|
|
34
35
|
|
|
35
36
|
## Eventos
|
|
36
37
|
| Evento | Payload | Descripción |
|
|
@@ -49,3 +50,8 @@
|
|
|
49
50
|
|---|---|---|
|
|
50
51
|
| mobile | | item: any, index: any |
|
|
51
52
|
| slotName | | name: any |
|
|
53
|
+
|
|
54
|
+
## Métodos expuestos
|
|
55
|
+
| Método | Descripción |
|
|
56
|
+
|---|---|
|
|
57
|
+
| reset | |
|
package/llms/rdstext-field.md
CHANGED
package/llms/rdstooltip.md
CHANGED