energy-components 2.6.0 → 2.8.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/accordion.es.js +1 -1
- package/dist/components/avatar.es.js +1 -1
- package/dist/components/button.es.js +1 -1
- package/dist/components/checkbox.es.js +1 -1
- package/dist/components/collapsable.es.js +1 -1
- package/dist/components/{collapsable.scss_vue_type_style_index_0_src_true_lang-BfTKaP_f.js → collapsable.scss_vue_type_style_index_0_src_true_lang-CBOSJyvR.js} +1 -1
- package/dist/components/datepicker.es.js +1 -1
- package/dist/components/directAccess.es.js +1 -1
- package/dist/components/dragAndDrop.es.js +93 -75
- package/dist/components/dropdown.es.js +414 -272
- package/dist/components/fileUploadItem.es.js +1 -1
- package/dist/components/filterChip.es.js +1 -1
- package/dist/components/filterTag.es.js +1 -1
- package/dist/components/{icon-svg-CW3eQRcp.js → icon-svg-BWxX0W6p.js} +15 -3
- package/dist/components/iconList.es.js +1 -1
- package/dist/components/iconSvg.es.js +1 -1
- package/dist/components/index.es.js +2 -2
- package/dist/components/indicator.es.js +1 -1
- package/dist/components/indicatorDots.es.js +1 -1
- package/dist/components/infoBox.es.js +1 -1
- package/dist/components/link.es.js +1 -1
- package/dist/components/modal.es.js +1 -1
- package/dist/components/multiselect.es.js +14 -8
- package/dist/components/multiselectcontentwrapper.es.js +42 -36
- package/dist/components/persistentToast.es.js +1 -1
- package/dist/components/popover.es.js +90 -71
- package/dist/components/popoverMenu.es.js +67 -60
- package/dist/components/progressBar.es.js +1 -1
- package/dist/components/quantitySelector.es.js +1 -1
- package/dist/components/radioButton.es.js +1 -1
- package/dist/components/searchField.es.js +1 -1
- package/dist/components/selectionChip.es.js +1 -1
- package/dist/components/sidedrawer.es.js +1 -1
- package/dist/components/style/dragAndDrop.css +1 -1
- package/dist/components/style/dropdown.css +1 -1
- package/dist/components/style/multiselect.css +1 -1
- package/dist/components/style/multiselectcontentwrapper.css +1 -1
- package/dist/components/style/pagination.css +1 -1
- package/dist/components/style/popover.css +1 -1
- package/dist/components/style/popoverMenu.css +1 -1
- package/dist/components/style/table.css +1 -1
- package/dist/components/style/tableRenderer.css +1 -1
- package/dist/components/switch.es.js +1 -1
- package/dist/components/tabBar.es.js +1 -1
- package/dist/components/table.es.js +101 -92
- package/dist/components/tableRenderer.es.js +363 -214
- package/dist/components/tag.es.js +1 -1
- package/dist/components/textArea.es.js +1 -1
- package/dist/components/textField.es.js +1 -1
- package/dist/components/toggle.es.js +1 -1
- package/dist/components/tooltip.es.js +1 -1
- package/dist/energy-components.css +1 -1
- package/dist/energy-components.es.js +6511 -6143
- 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 +7 -2
- package/dist/types/src/components/content/table/table.vue.d.ts +27 -1
- package/dist/types/src/components/content/table/use-column-reorder.d.ts +29 -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/Multiselect/MultiselectContentWrapper.vue.d.ts +9 -0
- package/dist/types/src/components/input/dropdown/dropdown.vue.d.ts +25 -0
- package/dist/types/src/components/overlay/popover/popover.vue.d.ts +4 -0
- package/dist/types/src/components/overlay/popover-menu/popover-menu.vue.d.ts +10 -4
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/llms/rdsdrag-and-drop.md +1 -0
- package/llms/rdsdropdown.md +4 -2
- package/llms/rdspopover-menu.md +2 -0
- package/llms/rdspopover.md +2 -0
- package/llms/rdstable.md +4 -0
- package/package.json +2 -2
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 |
|
|
@@ -43,8 +45,8 @@
|
|
|
43
45
|
| optionAppend | Hueco a la derecha de la etiqueta en la opción desplegable <br> ```{ option: String | DropdownOption, search: string, index: number }` | option: any, search: any, index: any |
|
|
44
46
|
| beforeList | Hueco para acciones al inicio del listado de opciones | |
|
|
45
47
|
| afterList | Hueco para acciones al final del listado de opciones | |
|
|
46
|
-
| noOptions |
|
|
47
|
-
| noResult |
|
|
48
|
+
| noOptions | Mensaje/estado cuando el listado inicial no tiene elementos y no hay búsqueda activa. | |
|
|
49
|
+
| noResult | Mensaje/estado cuando hay una búsqueda activa pero no existen coincidencias. <br> ```{ search: string }``` | search: any |
|
|
48
50
|
| limit | | |
|
|
49
51
|
| maxElements | | |
|
|
50
52
|
|
package/llms/rdspopover-menu.md
CHANGED
|
@@ -13,6 +13,8 @@
|
|
|
13
13
|
| autoFlip | boolean | Sí | false | Si debe intentar voltear (flip) cuando no cabe | |
|
|
14
14
|
| closeOnTriggerHidden | boolean | Sí | false | Cerrar si el trigger deja de ser visible en viewport | |
|
|
15
15
|
| triggerOnHover | boolean | No | false | Si true abre/cierra con hover/focus (desktop). Por defecto sólo click | |
|
|
16
|
+
| triggerTag | string | No | button | Tag HTML para el contenedor del trigger | |
|
|
17
|
+
| triggerAriaLabel | string | No | undefined | Aria-label del contenedor del trigger | |
|
|
16
18
|
|
|
17
19
|
## Eventos
|
|
18
20
|
| Evento | Payload | Descripción |
|
package/llms/rdspopover.md
CHANGED
|
@@ -13,6 +13,8 @@
|
|
|
13
13
|
| autoFlip | boolean | No | false | <span>Si debe cambiar automáticamente de posición cuando no cabe</span> | |
|
|
14
14
|
| closeOnTriggerHidden | boolean | No | false | <span>Si debe cerrarse cuando el trigger no es visible en el viewport</span> | |
|
|
15
15
|
| triggerOnHover | boolean | No | false | <span>Si true, el popover se abre al hacer hover/focus sobre el trigger y se cierra al salir (desktop). Por defecto sólo click.</span> | |
|
|
16
|
+
| triggerTag | string | No | button | <span>Tag HTML para el contenedor del trigger</span> | |
|
|
17
|
+
| triggerAriaLabel | string | No | undefined | <span>Aria-label del contenedor del trigger</span> | |
|
|
16
18
|
|
|
17
19
|
## Eventos
|
|
18
20
|
| 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. | |
|
|
@@ -32,6 +34,7 @@
|
|
|
32
34
|
| cellClass | TSFunctionType | No | | Función para aplicar clases CSS condicionales a una celda específica (td). | |
|
|
33
35
|
| isRowDisabled | TSFunctionType | No | | Predicado para deshabilitar la selección (checkbox/radio) de una fila específica. | |
|
|
34
36
|
| resizableColumns | boolean | No | | Activa el resize de columnas arrastrando el borde derecho del encabezado. | |
|
|
37
|
+
| reorderableColumns | boolean | No | | Activa el reorder de columnas arrastrando el encabezado. Las columnas de selección permanecen ancladas y no participan en el reorder. Columnas individuales pueden excluirse con `reorderable: false` en su definición. El evento `columnReorder` se emite al soltar con `{ keys, fromIndex, toIndex }`. | |
|
|
35
38
|
| 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). | |
|
|
36
39
|
|
|
37
40
|
## Eventos
|
|
@@ -45,6 +48,7 @@
|
|
|
45
48
|
| 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. |
|
|
46
49
|
| rowExpand | T | Se emite cuando una fila es clickeada para expandirse. Retorna el objeto completo de la fila. |
|
|
47
50
|
| columnResize | { key: string, width: number } | Se emite cuando finaliza el resize de una columna. |
|
|
51
|
+
| columnReorder | { keys: string[], fromIndex: number, toIndex: number } | Se emite cuando el usuario reordena una columna mediante drag & drop o teclado. Retorna `{ keys, fromIndex, toIndex }` con el nuevo orden de claves. |
|
|
48
52
|
|
|
49
53
|
## Slots
|
|
50
54
|
| Slot | Descripción | Bindings |
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "energy-components",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.8.0",
|
|
5
5
|
"author": "Repsol",
|
|
6
6
|
"auto-changelog": {
|
|
7
7
|
"commitLimit": false,
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"dependencies": {
|
|
31
31
|
"@floating-ui/vue": "^1.1.5",
|
|
32
32
|
"@vuepic/vue-datepicker": "^10.0.0",
|
|
33
|
-
"energy-foundations": "^2.
|
|
33
|
+
"energy-foundations": "^2.2.0",
|
|
34
34
|
"vue": "^3.4.21"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|