energy-components 1.19.0 → 1.20.0-beta.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/{floating-ui.vue-DWAG1g94.js → floating-ui.vue-oA1DfKeS.js} +2 -2
- package/dist/components/index.es.js +43 -40
- package/dist/components/popover.es.js +1 -1
- package/dist/components/popoverMenu.es.js +125 -0
- package/dist/components/style/overlay.css +1 -1
- package/dist/components/style/popover.css +1 -1
- package/dist/components/style/popoverMenu.css +1 -0
- package/dist/components/style/sidedrawer.css +1 -1
- package/dist/components/style/textField.css +1 -1
- package/dist/components/style/tooltip.css +1 -1
- package/dist/components/textField.es.js +93 -96
- package/dist/components/tooltip.es.js +113 -111
- package/dist/energy-components.es.js +3143 -3025
- package/dist/energy-components.umd.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/src/components/index.d.ts +1 -0
- package/dist/types/src/components/input/text-field/text-field.vue.d.ts +14 -10
- package/dist/types/src/components/overlay/popover-menu/popover-menu.vue.d.ts +73 -0
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
|
@@ -40,5 +40,6 @@ export { default as RDSModal } from './overlay/modal/modal.vue';
|
|
|
40
40
|
export { default as RDSOverlay } from './overlay/overlay/overlay.vue';
|
|
41
41
|
export { default as RDSTooltip } from './overlay/tooltip/tooltip.vue';
|
|
42
42
|
export { default as RDSPopover } from './overlay/popover/popover.vue';
|
|
43
|
+
export { default as RDSPopoverMenu } from './overlay/popover-menu/popover-menu.vue';
|
|
43
44
|
export { default as RDSSidebar } from './layout/sidebar/sidebar.vue';
|
|
44
45
|
export { default as RDSSidedrawer } from './layout/sidedrawer/sidedrawer.vue';
|
|
@@ -52,19 +52,22 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
52
52
|
};
|
|
53
53
|
/**
|
|
54
54
|
* Número máximo de caracteres permitidos en el campo de entrada.
|
|
55
|
+
* Si no se especifica, el componente no establecerá atributo maxlength (sin límite impuesto por la librería).
|
|
56
|
+
* Recomendación: establecerlo sólo cuando exista una restricción funcional o de negocio.
|
|
55
57
|
*/
|
|
56
58
|
maxLength: {
|
|
57
59
|
type: NumberConstructor;
|
|
58
|
-
|
|
59
|
-
validator: (value
|
|
60
|
+
required: false;
|
|
61
|
+
validator: (value?: number) => boolean;
|
|
60
62
|
};
|
|
61
63
|
/**
|
|
62
64
|
* Número mínimo de caracteres permitidos en el campo de entrada.
|
|
65
|
+
* Si no se especifica, no se añade el atributo `minlength` al `<input>`.
|
|
63
66
|
*/
|
|
64
67
|
minLength: {
|
|
65
68
|
type: NumberConstructor;
|
|
66
|
-
|
|
67
|
-
validator: (value
|
|
69
|
+
required: false;
|
|
70
|
+
validator: (value?: number) => boolean;
|
|
68
71
|
};
|
|
69
72
|
/**
|
|
70
73
|
* Tipo del input HTML. Por defecto 'text'.
|
|
@@ -198,19 +201,22 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
198
201
|
};
|
|
199
202
|
/**
|
|
200
203
|
* Número máximo de caracteres permitidos en el campo de entrada.
|
|
204
|
+
* Si no se especifica, el componente no establecerá atributo maxlength (sin límite impuesto por la librería).
|
|
205
|
+
* Recomendación: establecerlo sólo cuando exista una restricción funcional o de negocio.
|
|
201
206
|
*/
|
|
202
207
|
maxLength: {
|
|
203
208
|
type: NumberConstructor;
|
|
204
|
-
|
|
205
|
-
validator: (value
|
|
209
|
+
required: false;
|
|
210
|
+
validator: (value?: number) => boolean;
|
|
206
211
|
};
|
|
207
212
|
/**
|
|
208
213
|
* Número mínimo de caracteres permitidos en el campo de entrada.
|
|
214
|
+
* Si no se especifica, no se añade el atributo `minlength` al `<input>`.
|
|
209
215
|
*/
|
|
210
216
|
minLength: {
|
|
211
217
|
type: NumberConstructor;
|
|
212
|
-
|
|
213
|
-
validator: (value
|
|
218
|
+
required: false;
|
|
219
|
+
validator: (value?: number) => boolean;
|
|
214
220
|
};
|
|
215
221
|
/**
|
|
216
222
|
* Tipo del input HTML. Por defecto 'text'.
|
|
@@ -304,8 +310,6 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
304
310
|
fullWidth: boolean;
|
|
305
311
|
password: boolean;
|
|
306
312
|
readonly: boolean;
|
|
307
|
-
maxLength: number;
|
|
308
|
-
minLength: number;
|
|
309
313
|
rightIcon: string;
|
|
310
314
|
helper: boolean;
|
|
311
315
|
helperText: string;
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { type Ref } from 'vue';
|
|
2
|
+
import { type Placement } from '@floating-ui/vue';
|
|
3
|
+
export interface RDSPopoverMenuItem {
|
|
4
|
+
label: string;
|
|
5
|
+
icon?: string;
|
|
6
|
+
isDestructive?: boolean;
|
|
7
|
+
[key: string]: any;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Props públicas de RDSPopoverMenu
|
|
11
|
+
*/
|
|
12
|
+
interface RDSPopoverMenuProps {
|
|
13
|
+
/** Lista de elementos a mostrar en el popover */
|
|
14
|
+
items: RDSPopoverMenuItem[];
|
|
15
|
+
/** Posición relativa al trigger */
|
|
16
|
+
placement: Placement | string;
|
|
17
|
+
/** Posiciones alternativas cuando no hay espacio */
|
|
18
|
+
fallbackPlacements: (Placement | string)[];
|
|
19
|
+
/** Espacio (offset) entre trigger y popover en px */
|
|
20
|
+
offsetSpace: number;
|
|
21
|
+
/** Ancho máximo base del popover (se adapta si no cabe) */
|
|
22
|
+
width: number;
|
|
23
|
+
/** Selector CSS destino para teleport; si null render inline */
|
|
24
|
+
teleportTo: string | null;
|
|
25
|
+
/** Si debe intentar voltear (flip) cuando no cabe */
|
|
26
|
+
autoFlip: boolean;
|
|
27
|
+
/** Cerrar si el trigger deja de ser visible en viewport */
|
|
28
|
+
closeOnTriggerHidden: boolean;
|
|
29
|
+
}
|
|
30
|
+
declare var __VLS_1: {}, __VLS_7: {}, __VLS_9: {
|
|
31
|
+
item: RDSPopoverMenuItem;
|
|
32
|
+
index: number;
|
|
33
|
+
onSelect: () => void;
|
|
34
|
+
};
|
|
35
|
+
type __VLS_Slots = {} & {
|
|
36
|
+
trigger?: (props: typeof __VLS_1) => any;
|
|
37
|
+
} & {
|
|
38
|
+
default?: (props: typeof __VLS_7) => any;
|
|
39
|
+
} & {
|
|
40
|
+
item?: (props: typeof __VLS_9) => any;
|
|
41
|
+
};
|
|
42
|
+
declare const __VLS_component: import("vue").DefineComponent<RDSPopoverMenuProps, {
|
|
43
|
+
/** Alterna el estado abierto/cerrado del popover */
|
|
44
|
+
toggle: () => Promise<void>;
|
|
45
|
+
/** Cierra programáticamente el popover */
|
|
46
|
+
close: () => void;
|
|
47
|
+
/** Ref reactiva del estado abierto */
|
|
48
|
+
isOpen: Ref<boolean, boolean>;
|
|
49
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
50
|
+
close: () => any;
|
|
51
|
+
open: () => any;
|
|
52
|
+
select: (item: RDSPopoverMenuItem) => any;
|
|
53
|
+
}, string, import("vue").PublicProps, Readonly<RDSPopoverMenuProps> & Readonly<{
|
|
54
|
+
onClose?: (() => any) | undefined;
|
|
55
|
+
onOpen?: (() => any) | undefined;
|
|
56
|
+
onSelect?: ((item: RDSPopoverMenuItem) => any) | undefined;
|
|
57
|
+
}>, {
|
|
58
|
+
width: number;
|
|
59
|
+
placement: Placement | string;
|
|
60
|
+
offsetSpace: number;
|
|
61
|
+
teleportTo: string | null;
|
|
62
|
+
items: RDSPopoverMenuItem[];
|
|
63
|
+
fallbackPlacements: (Placement | string)[];
|
|
64
|
+
autoFlip: boolean;
|
|
65
|
+
closeOnTriggerHidden: boolean;
|
|
66
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
67
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
68
|
+
export default _default;
|
|
69
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
70
|
+
new (): {
|
|
71
|
+
$slots: S;
|
|
72
|
+
};
|
|
73
|
+
};
|