@volverjs/ui-vue 0.0.10-beta.5 → 0.0.10-beta.7
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/Volver.d.ts +1 -0
- package/dist/components/VvAccordion/VvAccordion.vue.d.ts +4 -4
- package/dist/components/VvAccordionGroup/VvAccordionGroup.vue.d.ts +4 -4
- package/dist/components/VvAction/VvAction.vue.d.ts +4 -4
- package/dist/components/VvAlert/VvAlert.vue.d.ts +4 -4
- package/dist/components/VvAlertGroup/VvAlertGroup.vue.d.ts +4 -4
- package/dist/components/VvButton/VvButton.vue.d.ts +15 -9
- package/dist/components/VvButton/index.d.ts +2 -2
- package/dist/components/VvButtonGroup/VvButtonGroup.vue.d.ts +4 -4
- package/dist/components/VvCheckbox/VvCheckbox.vue.d.ts +5 -5
- package/dist/components/VvCheckboxGroup/VvCheckboxGroup.vue.d.ts +4 -4
- package/dist/components/VvCheckboxGroup/index.d.ts +1 -1
- package/dist/components/VvCombobox/VvCombobox.es.js +9 -5
- package/dist/components/VvCombobox/VvCombobox.umd.js +1 -1
- package/dist/components/VvCombobox/VvCombobox.vue.d.ts +14 -14
- package/dist/components/VvCombobox/index.d.ts +11 -6
- package/dist/components/VvDialog/VvDialog.vue.d.ts +4 -4
- package/dist/components/VvDropdown/VvDropdown.vue.d.ts +19 -5
- package/dist/components/VvDropdown/index.d.ts +1 -1
- package/dist/components/VvInputText/VvInputText.vue.d.ts +6 -6
- package/dist/components/VvNav/VvNav.vue.d.ts +7 -7
- package/dist/components/VvNav/index.d.ts +1 -1
- package/dist/components/VvRadio/VvRadio.vue.d.ts +5 -5
- package/dist/components/VvRadioGroup/VvRadioGroup.vue.d.ts +4 -4
- package/dist/components/VvRadioGroup/index.d.ts +1 -1
- package/dist/components/VvSelect/VvSelect.vue.d.ts +8 -8
- package/dist/components/VvSelect/index.d.ts +1 -1
- package/dist/components/VvTab/VvTab.vue.d.ts +4 -4
- package/dist/components/VvTextarea/VvTextarea.es.js +1 -1
- package/dist/components/VvTextarea/VvTextarea.umd.js +1 -1
- package/dist/components/VvTextarea/VvTextarea.vue.d.ts +7 -7
- package/dist/components/VvTooltip/VvTooltip.vue.d.ts +3 -3
- package/dist/components/VvTooltip/index.d.ts +1 -1
- package/dist/components/index.es.js +10 -6
- package/dist/components/index.umd.js +1 -1
- package/dist/icons.es.js +3 -3
- package/dist/icons.umd.js +1 -1
- package/dist/props/index.d.ts +1 -1
- package/dist/stories/AccordionGroup/AccordionGroup.stories.d.ts +45 -10
- package/dist/stories/AccordionGroup/AccordionGroupSlots.stories.d.ts +301 -52
- package/dist/stories/Combobox/Combobox.settings.d.ts +8 -0
- package/dist/stories/Tab/Tab.settings.d.ts +2 -15
- package/dist/types/generic.d.ts +1 -2
- package/dist/types/index.d.ts +5 -0
- package/package.json +28 -28
- package/src/Volver.ts +1 -0
- package/src/assets/icons/detailed.json +1 -1
- package/src/assets/icons/normal.json +1 -1
- package/src/assets/icons/simple.json +1 -1
- package/src/components/VvCombobox/VvCombobox.vue +8 -4
- package/src/components/VvCombobox/index.ts +4 -0
- package/src/components/VvTextarea/VvTextarea.vue +1 -1
- package/src/stories/Combobox/Combobox.settings.ts +8 -0
- package/src/stories/Tab/Tab.settings.ts +2 -2
- package/src/types/generic.ts +2 -3
- package/src/types/index.ts +5 -0
|
@@ -80,7 +80,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
80
80
|
};
|
|
81
81
|
label: (StringConstructor | NumberConstructor)[];
|
|
82
82
|
placement: {
|
|
83
|
-
type: globalThis.PropType<"
|
|
83
|
+
type: globalThis.PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
|
|
84
84
|
default: import("../../constants").Side;
|
|
85
85
|
validator: (value: never) => boolean;
|
|
86
86
|
};
|
|
@@ -281,7 +281,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
281
281
|
required: boolean;
|
|
282
282
|
};
|
|
283
283
|
id: (StringConstructor | NumberConstructor)[];
|
|
284
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
284
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
285
|
+
[x: string]: (...args: any[]) => void;
|
|
286
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
285
287
|
transitionName: {
|
|
286
288
|
type: StringConstructor;
|
|
287
289
|
default: string;
|
|
@@ -362,7 +364,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
362
364
|
};
|
|
363
365
|
label: (StringConstructor | NumberConstructor)[];
|
|
364
366
|
placement: {
|
|
365
|
-
type: globalThis.PropType<"
|
|
367
|
+
type: globalThis.PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
|
|
366
368
|
default: import("../../constants").Side;
|
|
367
369
|
validator: (value: never) => boolean;
|
|
368
370
|
};
|
|
@@ -563,9 +565,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
563
565
|
required: boolean;
|
|
564
566
|
};
|
|
565
567
|
id: (StringConstructor | NumberConstructor)[];
|
|
566
|
-
}
|
|
567
|
-
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
568
|
-
}, {
|
|
568
|
+
}>>, {
|
|
569
569
|
readonly: boolean;
|
|
570
570
|
disabled: boolean;
|
|
571
571
|
valid: boolean;
|
|
@@ -573,9 +573,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
573
573
|
modelValue: string | number | boolean | unknown[] | Record<string, any>;
|
|
574
574
|
multiple: boolean;
|
|
575
575
|
unselectable: boolean;
|
|
576
|
-
options: (string | Option)[];
|
|
577
576
|
floating: boolean;
|
|
578
|
-
|
|
577
|
+
options: (string | Option)[];
|
|
578
|
+
placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
|
|
579
579
|
strategy: "absolute" | "fixed";
|
|
580
580
|
shift: boolean | {
|
|
581
581
|
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
@@ -602,7 +602,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
602
602
|
} | undefined;
|
|
603
603
|
boundary?: import("@floating-ui/dom").Boundary | undefined;
|
|
604
604
|
}> | undefined;
|
|
605
|
-
tabindex: string | number;
|
|
606
605
|
flip: boolean | {
|
|
607
606
|
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
608
607
|
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
@@ -633,6 +632,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
633
632
|
loading: boolean;
|
|
634
633
|
loadingLabel: string;
|
|
635
634
|
hintLabel: string;
|
|
635
|
+
tabindex: string | number;
|
|
636
|
+
labelKey: string | Function;
|
|
637
|
+
valueKey: string | Function;
|
|
638
|
+
disabledKey: string | Function;
|
|
639
|
+
transitionName: string;
|
|
640
|
+
offset: string | import("@floating-ui/core").OffsetOptions | undefined;
|
|
636
641
|
size: boolean | {
|
|
637
642
|
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
638
643
|
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
@@ -674,11 +679,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
674
679
|
availableHeight: number;
|
|
675
680
|
}) => void | Promise<void>) | undefined;
|
|
676
681
|
}> | undefined;
|
|
677
|
-
labelKey: string | Function;
|
|
678
|
-
valueKey: string | Function;
|
|
679
|
-
disabledKey: string | Function;
|
|
680
|
-
transitionName: string;
|
|
681
|
-
offset: string | import("@floating-ui/core").OffsetOptions | undefined;
|
|
682
682
|
autoPlacement: boolean | {
|
|
683
683
|
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
684
684
|
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
@@ -152,9 +152,11 @@ export declare const VvComboboxProps: {
|
|
|
152
152
|
type: BooleanConstructor;
|
|
153
153
|
default: boolean;
|
|
154
154
|
};
|
|
155
|
-
label: (StringConstructor | NumberConstructor)[];
|
|
155
|
+
label: (StringConstructor | NumberConstructor)[]; /**
|
|
156
|
+
* Use input text to search on options
|
|
157
|
+
*/
|
|
156
158
|
placement: {
|
|
157
|
-
type: PropType<"
|
|
159
|
+
type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
|
|
158
160
|
default: import("../../constants").Side;
|
|
159
161
|
validator: (value: never) => boolean;
|
|
160
162
|
};
|
|
@@ -315,17 +317,20 @@ export declare const VvComboboxProps: {
|
|
|
315
317
|
validation: (value: import("../../constants").Position) => boolean;
|
|
316
318
|
};
|
|
317
319
|
options: {
|
|
318
|
-
type: PropType<(string | Option)[]>;
|
|
320
|
+
type: PropType<(string | Option)[]>; /**
|
|
321
|
+
* The input search debounce time in ms
|
|
322
|
+
*/
|
|
319
323
|
default: () => never[];
|
|
320
324
|
};
|
|
321
325
|
labelKey: {
|
|
326
|
+
/**
|
|
327
|
+
* Manage modelValue as string[] or object[]
|
|
328
|
+
*/
|
|
322
329
|
type: (StringConstructor | FunctionConstructor)[];
|
|
323
330
|
default: string;
|
|
324
331
|
};
|
|
325
332
|
valueKey: {
|
|
326
|
-
type: (StringConstructor | FunctionConstructor)[];
|
|
327
|
-
* Show native select
|
|
328
|
-
*/
|
|
333
|
+
type: (StringConstructor | FunctionConstructor)[];
|
|
329
334
|
default: string;
|
|
330
335
|
};
|
|
331
336
|
disabledKey: {
|
|
@@ -17,7 +17,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
17
17
|
}, {
|
|
18
18
|
close: () => void;
|
|
19
19
|
open: () => void;
|
|
20
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
20
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
21
|
+
[x: string]: (...args: any[]) => void;
|
|
22
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
21
23
|
title: StringConstructor;
|
|
22
24
|
modelValue: {
|
|
23
25
|
type: BooleanConstructor;
|
|
@@ -33,9 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
33
35
|
default: boolean;
|
|
34
36
|
};
|
|
35
37
|
id: (StringConstructor | NumberConstructor)[];
|
|
36
|
-
}
|
|
37
|
-
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
38
|
-
}, {
|
|
38
|
+
}>>, {
|
|
39
39
|
modelValue: boolean;
|
|
40
40
|
transition: string;
|
|
41
41
|
keepOpen: boolean;
|
|
@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
16
16
|
};
|
|
17
17
|
modifiers: globalThis.PropType<string | string[]>;
|
|
18
18
|
placement: {
|
|
19
|
-
type: globalThis.PropType<"
|
|
19
|
+
type: globalThis.PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
|
|
20
20
|
default: Side;
|
|
21
21
|
validator: (value: never) => boolean;
|
|
22
22
|
};
|
|
@@ -180,7 +180,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
180
180
|
hide: () => void;
|
|
181
181
|
init: (el: HTMLElement) => void;
|
|
182
182
|
customPosition: Ref<boolean>;
|
|
183
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
183
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
184
|
+
"update:modelValue": (...args: any[]) => void;
|
|
185
|
+
"before-enter": (...args: any[]) => void;
|
|
186
|
+
"after-leave": (...args: any[]) => void;
|
|
187
|
+
enter: (...args: any[]) => void;
|
|
188
|
+
"after-enter": (...args: any[]) => void;
|
|
189
|
+
"enter-cancelled": (...args: any[]) => void;
|
|
190
|
+
"before-leave": (...args: any[]) => void;
|
|
191
|
+
leave: (...args: any[]) => void;
|
|
192
|
+
"leave-cancelled": (...args: any[]) => void;
|
|
193
|
+
beforeExpand: (...args: any[]) => void;
|
|
194
|
+
beforeCollapse: (...args: any[]) => void;
|
|
195
|
+
afterExpand: (...args: any[]) => void;
|
|
196
|
+
afterCollapse: (...args: any[]) => void;
|
|
197
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
184
198
|
modelValue: {
|
|
185
199
|
type: BooleanConstructor;
|
|
186
200
|
default: undefined;
|
|
@@ -196,7 +210,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
196
210
|
};
|
|
197
211
|
modifiers: globalThis.PropType<string | string[]>;
|
|
198
212
|
placement: {
|
|
199
|
-
type: globalThis.PropType<"
|
|
213
|
+
type: globalThis.PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
|
|
200
214
|
default: Side;
|
|
201
215
|
validator: (value: never) => boolean;
|
|
202
216
|
};
|
|
@@ -371,7 +385,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
371
385
|
}, {
|
|
372
386
|
modelValue: boolean;
|
|
373
387
|
reference: HTMLElement | null;
|
|
374
|
-
placement: "
|
|
388
|
+
placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
|
|
375
389
|
strategy: "absolute" | "fixed";
|
|
376
390
|
shift: boolean | {
|
|
377
391
|
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
@@ -424,6 +438,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
424
438
|
flipAlignment?: boolean | undefined;
|
|
425
439
|
boundary?: import("@floating-ui/dom").Boundary | undefined;
|
|
426
440
|
}> | undefined;
|
|
441
|
+
offset: string | import("@floating-ui/vue").OffsetOptions | undefined;
|
|
427
442
|
size: boolean | {
|
|
428
443
|
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
429
444
|
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
@@ -465,7 +480,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
465
480
|
availableHeight: number;
|
|
466
481
|
}) => void | Promise<void>) | undefined;
|
|
467
482
|
}> | undefined;
|
|
468
|
-
offset: string | import("@floating-ui/vue").OffsetOptions | undefined;
|
|
469
483
|
autoPlacement: boolean | {
|
|
470
484
|
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
471
485
|
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
@@ -25,7 +25,7 @@ export declare const VvDropdownProps: {
|
|
|
25
25
|
};
|
|
26
26
|
modifiers: PropType<string | string[]>;
|
|
27
27
|
placement: {
|
|
28
|
-
type: PropType<"
|
|
28
|
+
type: PropType<"top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
|
|
29
29
|
default: import("../../constants").Side;
|
|
30
30
|
validator: (value: never) => boolean;
|
|
31
31
|
};
|
|
@@ -120,7 +120,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
120
120
|
id: (StringConstructor | NumberConstructor)[];
|
|
121
121
|
}, {
|
|
122
122
|
$inner: globalThis.Ref<any>;
|
|
123
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
123
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
124
|
+
[x: string]: (...args: any[]) => void;
|
|
125
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
124
126
|
modelValue: (StringConstructor | NumberConstructor)[];
|
|
125
127
|
type: {
|
|
126
128
|
type: globalThis.PropType<import("../VvInputText").InputType>;
|
|
@@ -240,9 +242,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
240
242
|
required: boolean;
|
|
241
243
|
};
|
|
242
244
|
id: (StringConstructor | NumberConstructor)[];
|
|
243
|
-
}
|
|
244
|
-
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
245
|
-
}, {
|
|
245
|
+
}>>, {
|
|
246
246
|
readonly: boolean;
|
|
247
247
|
disabled: boolean;
|
|
248
248
|
valid: boolean;
|
|
@@ -250,14 +250,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
250
250
|
multiple: boolean;
|
|
251
251
|
floating: boolean;
|
|
252
252
|
type: import("../VvInputText").InputType;
|
|
253
|
-
tabindex: string | number;
|
|
254
253
|
required: boolean;
|
|
255
254
|
iconPosition: "before" | "after";
|
|
256
|
-
autofocus: boolean;
|
|
257
255
|
loading: boolean;
|
|
258
256
|
loadingLabel: string;
|
|
259
257
|
hintLabel: string;
|
|
258
|
+
tabindex: string | number;
|
|
260
259
|
autocomplete: string;
|
|
260
|
+
autofocus: boolean;
|
|
261
261
|
step: string | number;
|
|
262
262
|
iconShowPassword: string;
|
|
263
263
|
iconHidePassword: string;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
2
2
|
items: {
|
|
3
|
-
type: globalThis.PropType<import("../../types
|
|
3
|
+
type: globalThis.PropType<import("../../types").NavItem[]>;
|
|
4
4
|
default: () => never[];
|
|
5
5
|
};
|
|
6
6
|
modifiers: globalThis.PropType<string | string[]>;
|
|
7
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
7
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
8
|
+
[x: string]: (...args: any[]) => void;
|
|
9
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
8
10
|
items: {
|
|
9
|
-
type: globalThis.PropType<import("../../types
|
|
11
|
+
type: globalThis.PropType<import("../../types").NavItem[]>;
|
|
10
12
|
default: () => never[];
|
|
11
13
|
};
|
|
12
14
|
modifiers: globalThis.PropType<string | string[]>;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
}, {
|
|
16
|
-
items: import("../../types/nav").NavItem[];
|
|
15
|
+
}>>, {
|
|
16
|
+
items: import("../../types").NavItem[];
|
|
17
17
|
}, {}>, {
|
|
18
18
|
default?(_: {}): any;
|
|
19
19
|
}>;
|
|
@@ -27,7 +27,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
27
27
|
required: boolean;
|
|
28
28
|
};
|
|
29
29
|
id: (StringConstructor | NumberConstructor)[];
|
|
30
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
30
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
31
|
+
[x: string]: (...args: any[]) => void;
|
|
32
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
31
33
|
value: (StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
32
34
|
modelValue: (ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
33
35
|
loading: BooleanConstructor;
|
|
@@ -56,17 +58,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
56
58
|
required: boolean;
|
|
57
59
|
};
|
|
58
60
|
id: (StringConstructor | NumberConstructor)[];
|
|
59
|
-
}
|
|
60
|
-
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
61
|
-
}, {
|
|
61
|
+
}>>, {
|
|
62
62
|
readonly: boolean;
|
|
63
63
|
disabled: boolean;
|
|
64
64
|
valid: boolean;
|
|
65
65
|
invalid: boolean;
|
|
66
|
-
tabindex: string | number;
|
|
67
66
|
loading: boolean;
|
|
68
67
|
loadingLabel: string;
|
|
69
68
|
hintLabel: string;
|
|
69
|
+
tabindex: string | number;
|
|
70
70
|
}, {}>, {
|
|
71
71
|
default?(_: {
|
|
72
72
|
value: any;
|
|
@@ -39,7 +39,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
39
39
|
invalidLabel: (ArrayConstructor | StringConstructor)[];
|
|
40
40
|
valid: BooleanConstructor;
|
|
41
41
|
validLabel: (ArrayConstructor | StringConstructor)[];
|
|
42
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
42
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
43
|
+
[x: string]: (...args: any[]) => void;
|
|
44
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
43
45
|
modelValue: (SymbolConstructor | ArrayConstructor | StringConstructor | BooleanConstructor | NumberConstructor)[];
|
|
44
46
|
name: {
|
|
45
47
|
type: StringConstructor;
|
|
@@ -79,9 +81,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
79
81
|
invalidLabel: (ArrayConstructor | StringConstructor)[];
|
|
80
82
|
valid: BooleanConstructor;
|
|
81
83
|
validLabel: (ArrayConstructor | StringConstructor)[];
|
|
82
|
-
}
|
|
83
|
-
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
84
|
-
}, {
|
|
84
|
+
}>>, {
|
|
85
85
|
readonly: boolean;
|
|
86
86
|
disabled: boolean;
|
|
87
87
|
valid: boolean;
|
|
@@ -19,7 +19,7 @@ export declare const VvRadioGroupProps: {
|
|
|
19
19
|
default: string;
|
|
20
20
|
};
|
|
21
21
|
options: {
|
|
22
|
-
type: globalThis.PropType<(string | import("../../types
|
|
22
|
+
type: globalThis.PropType<(string | import("../../types").Option)[]>;
|
|
23
23
|
default: () => never[];
|
|
24
24
|
};
|
|
25
25
|
labelKey: {
|
|
@@ -68,7 +68,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
68
68
|
required: boolean;
|
|
69
69
|
};
|
|
70
70
|
id: (StringConstructor | NumberConstructor)[];
|
|
71
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
71
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
72
|
+
[x: string]: (...args: any[]) => void;
|
|
73
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
72
74
|
multiple: BooleanConstructor;
|
|
73
75
|
required: BooleanConstructor;
|
|
74
76
|
size: (StringConstructor | NumberConstructor)[];
|
|
@@ -137,9 +139,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
137
139
|
required: boolean;
|
|
138
140
|
};
|
|
139
141
|
id: (StringConstructor | NumberConstructor)[];
|
|
140
|
-
}
|
|
141
|
-
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
142
|
-
}, {
|
|
142
|
+
}>>, {
|
|
143
143
|
readonly: boolean;
|
|
144
144
|
disabled: boolean;
|
|
145
145
|
valid: boolean;
|
|
@@ -147,19 +147,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
147
147
|
modelValue: string | number | boolean | unknown[] | Record<string, any>;
|
|
148
148
|
multiple: boolean;
|
|
149
149
|
unselectable: boolean;
|
|
150
|
-
options: (string | Option)[];
|
|
151
150
|
floating: boolean;
|
|
152
|
-
|
|
151
|
+
options: (string | Option)[];
|
|
153
152
|
required: boolean;
|
|
154
153
|
iconPosition: "before" | "after";
|
|
155
|
-
autofocus: boolean;
|
|
156
154
|
loading: boolean;
|
|
157
155
|
loadingLabel: string;
|
|
158
156
|
hintLabel: string;
|
|
159
|
-
|
|
157
|
+
tabindex: string | number;
|
|
160
158
|
labelKey: string | Function;
|
|
161
159
|
valueKey: string | Function;
|
|
162
160
|
disabledKey: string | Function;
|
|
161
|
+
autocomplete: string;
|
|
162
|
+
autofocus: boolean;
|
|
163
163
|
}, {}>, {
|
|
164
164
|
before?(_: {
|
|
165
165
|
valid: boolean;
|
|
@@ -44,7 +44,7 @@ export declare const VvSelectProps: {
|
|
|
44
44
|
validation: (value: import("../../constants").Position) => boolean;
|
|
45
45
|
};
|
|
46
46
|
options: {
|
|
47
|
-
type: globalThis.PropType<(string | import("../../types
|
|
47
|
+
type: globalThis.PropType<(string | import("../../types").Option)[]>;
|
|
48
48
|
default: () => never[];
|
|
49
49
|
};
|
|
50
50
|
labelKey: {
|
|
@@ -12,7 +12,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
12
12
|
default: () => never[];
|
|
13
13
|
};
|
|
14
14
|
modifiers: globalThis.PropType<string | string[]>;
|
|
15
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
15
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
16
|
+
[x: string]: (...args: any[]) => void;
|
|
17
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
16
18
|
navModifiers: {
|
|
17
19
|
type: globalThis.PropType<string | string[]>;
|
|
18
20
|
};
|
|
@@ -25,9 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
25
27
|
default: () => never[];
|
|
26
28
|
};
|
|
27
29
|
modifiers: globalThis.PropType<string | string[]>;
|
|
28
|
-
}
|
|
29
|
-
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
30
|
-
}, {
|
|
30
|
+
}>>, {
|
|
31
31
|
modelValue: string;
|
|
32
32
|
items: NavItemTab[];
|
|
33
33
|
}, {}>, Partial<Record<string, (_: {}) => any>>>;
|
|
@@ -1020,7 +1020,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1020
1020
|
"icon-after": hasIconAfter.value,
|
|
1021
1021
|
floating: props.floating && !isEmpty(props.label),
|
|
1022
1022
|
dirty: isDirty.value,
|
|
1023
|
-
|
|
1023
|
+
focus: focused.value,
|
|
1024
1024
|
resizable: props.resizable
|
|
1025
1025
|
}))
|
|
1026
1026
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("@iconify/vue"),require("uid"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue","uid","@vueuse/core"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvTextarea=t(e.vue,e.vue$1,e.uid,e.core)}(this,(function(e,t,l,o){"use strict";function a(t){return null==(l=e.unref(t))||""===l||Array.isArray(l)&&0===l.length||!(l instanceof Date)&&"object"==typeof l&&0===Object.keys(l).length;var l}function n(e){return Array.isArray(e)?e.filter((e=>{return"string"==typeof(t=e)||t instanceof String;var t})).join(" "):e}const i={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}};var r=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(r||{}),u=(e=>(e.before="before",e.after="after",e))(u||{}),d=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(d||{});const s=Symbol.for("volver");function v(){return e.inject(s)}function c(t,l,o){return e.computed((()=>{const a={[t]:!0},n="string"==typeof(null==l?void 0:l.value)?l.value.split(" "):null==l?void 0:l.value;return n&&Array.isArray(n)&&n.forEach((e=>{e&&(a[`${t}--${e}`]=!0)})),o&&Object.keys(o.value).forEach((l=>{a[`${t}--${l}`]=e.unref(o.value[l])})),a}))}const f=e.defineComponent({name:"VvIcon",props:i,setup(l){const o=l,a=e.computed((()=>"string"==typeof o.rotate?parseFloat(o.rotate):o.rotate)),n=e.ref(!0),i=v(),{modifiers:r}=e.toRefs(o),u=c("vv-icon",r),d=e.computed((()=>o.provider||(null==i?void 0:i.iconsProvider))),s=e.computed((()=>{const e=o.name??"",l=`@${d.value}:${o.prefix}:${e}`;if(t.iconExists(l))return l;const a=null==i?void 0:i.iconsCollections.find((l=>{const o=`@${d.value}:${l.prefix}:${e}`;return t.iconExists(o)}));return a?`@${d.value}:${a.prefix}:${e}`:e}));function f(e){const l=function(e){let t;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");t=(new e).window}return(t?new t.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),a=(null==l?void 0:l.innerHTML.trim())||"";l&&a&&t.addIcon(`@${d.value}:${o.prefix}:${o.name}`,{body:a,height:l.viewBox.baseVal.height,width:l.viewBox.baseVal.width})}return i&&o.src&&!t.iconExists(`@${d.value}:${o.prefix}:${o.name}`)&&(n.value=!1,i.fetchIcon(o.src).then((e=>{e&&(f(e),n.value=!0)})).catch((e=>{throw new Error(`Error during fetch icon: ${null==e?void 0:e.message}`)}))),o.svg&&f(o.svg),(l,o)=>e.unref(n)?(e.openBlock(),e.createBlock(e.unref(t.Icon),e.mergeProps({key:0,class:e.unref(u)},{inline:l.inline,width:l.width,height:l.height,horizontalFlip:l.horizontalFlip,verticalFlip:l.verticalFlip,flip:l.flip,rotate:e.unref(a),color:l.color,onLoad:l.onLoad,icon:e.unref(s)}),null,16,["class"])):e.createCommentVNode("",!0)}}),p={valid:Boolean,validLabel:[String,Array]},m={invalid:Boolean,invalidLabel:[String,Array]},h={loading:Boolean,loadingLabel:{type:String,default:"Loading..."}},g={disabled:Boolean},b=(Boolean,Boolean,Boolean,{label:[String,Number]}),y={readonly:Boolean},S={modifiers:[String,Array]},B={hintLabel:{type:String,default:""}},L={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},x={debounce:[Number,String]},$={icon:{type:[String,Object]},iconPosition:{type:String,default:u.before,validation:e=>Object.values(u).includes(e)}},w={tabindex:{type:[String,Number],default:0}},k={floating:Boolean},V={id:[String,Number]};r.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean;const N={...{...V,name:{type:String,required:!0}},...{autofocus:Boolean},...{autocomplete:{type:String,default:"off"}},...w,...g,...y,...p,...m,...B,...h,...S,...L,...x,...$,...k,...b,minlength:[String,Number],maxlength:[String,Number],placeholder:String,required:Boolean};d.button;const O={...N,modelValue:String,cols:{type:[String,Number],default:20},rows:{type:[String,Number],default:2},wrap:{type:String,default:"soft"},spellcheck:{type:[Boolean,String],default:"default"},resizable:Boolean};const P=["for"],_={class:"vv-textarea__wrapper"},I={key:0,class:"vv-textarea__input-before"},C={class:"vv-textarea__inner"},E=["id"],z={key:1,class:"vv-textarea__input-after"},A={key:2,class:"vv-textarea__limit"};return e.defineComponent({name:"VvTextarea",props:O,emits:["update:modelValue","focus","blur","keyup"],setup(t,{emit:i}){const d=t,s=e.useSlots(),p=function(t,l,o){const a=v(),n=e.computed((()=>{var e;if(a&&(null==(e=a.defaults.value)?void 0:e[t]))return a.defaults.value[t]}));return e.computed((()=>{if(void 0===n.value)return o;const e=n.value,t=l,a=o;return Object.keys(t).reduce(((l,o)=>{const n=a[o];if(l[o]=n,o in e){if(Array.isArray(t[o])){const a=t[o];a.length&&a[0]===n&&(l[o]=e[o])}if("function"==typeof t[o]&&(0,t[o])()===n&&(l[o]=e[o]),"object"==typeof t[o]){let a=t[o].default;"function"==typeof a&&(a=a()),"object"==typeof a?JSON.stringify(a)===JSON.stringify(n)&&(l[o]=e[o]):a===n&&(l[o]=e[o])}}return l}),{})}))}("VvTextarea",O,d),m=e.ref(),{id:h,icon:g,iconPosition:b,label:y,modelValue:S,count:B,valid:L,invalid:x,loading:$,modifiers:w,debounce:k,minlength:V,maxlength:N}=e.toRefs(d),j=(t=>e.computed((()=>String((null==t?void 0:t.value)||l.uid()))))(h),R=e.computed((()=>`${j.value}-hint`)),q=e.computed((()=>d.floating&&a(d.placeholder)?" ":d.placeholder)),T=function(t,l,o=0,{getter:a=(e=>e),setter:n=(e=>e)}={}){let i;return"string"==typeof o&&(o=parseInt(o)),e.computed({get:()=>a(null==t?void 0:t.value),set:e=>{i&&clearTimeout(i),i=setTimeout((()=>{l("update:modelValue",n(e))}),o)}})}(S,i,null==k?void 0:k.value),{hasIcon:F,hasIconBefore:D,hasIconAfter:H}=function(t,l){const o=e.computed((()=>Boolean((null==t?void 0:t.value)&&l.value===u.before))),a=e.computed((()=>Boolean((null==t?void 0:t.value)&&l.value===u.after))),n=e.computed((()=>Boolean((null==t?void 0:t.value)&&l.value===r.left))),i=e.computed((()=>Boolean((null==t?void 0:t.value)&&l.value===r.right))),d=e.computed((()=>Boolean((null==t?void 0:t.value)&&l.value===r.top))),s=e.computed((()=>Boolean((null==t?void 0:t.value)&&l.value===r.bottom)));return{hasIcon:e.computed((()=>"string"==typeof(null==t?void 0:t.value)?{name:null==t?void 0:t.value}:null==t?void 0:t.value)),hasIconLeft:n,hasIconRight:i,hasIconTop:d,hasIconBottom:s,hasIconBefore:o,hasIconAfter:a}}(g,b),{focused:M}=function(t,l){const{focused:a}=o.useFocus(t);return e.watch(a,(o=>{l(o?"focus":"blur",e.unref(t))})),{focused:a}}(m,i),J=o.useElementVisibility(m);e.watch(J,(e=>{e&&d.autofocus&&(M.value=!0)}));const{formatted:K}=function(t,l){const o=e.computed((()=>(e.unref(t)??"").length)),a=e.computed((()=>void 0!==(null==l?void 0:l.lowerLimit)&&o.value<(null==l?void 0:l.lowerLimit)?o.value-l.lowerLimit:void 0!==(null==l?void 0:l.upperLimit)&&o.value<(null==l?void 0:l.upperLimit)?l.upperLimit-o.value:0)),n=e.computed((()=>{if(!1===(null==l?void 0:l.mode))return"";if("limit"===(null==l?void 0:l.mode)&&(null==l?void 0:l.upperLimit))return`${o.value} / ${l.lowerLimit?`${l.lowerLimit}-`:""}${l.upperLimit}`;if("countdown"===(null==l?void 0:l.mode)){if(0===a.value)return;return a}return o.value}));return{length:o,gap:a,formatted:n}}(T,{mode:null==B?void 0:B.value,upperLimit:Number(null==N?void 0:N.value),lowerLimit:Number(null==V?void 0:V.value)}),U=e.computed((()=>!d.disabled&&!d.readonly)),G=e.computed((()=>U.value?d.tabindex:-1)),Q=e.computed((()=>!a(S))),W=e.computed((()=>!0===d.invalid||!0!==d.valid&&void 0)),{HintSlot:X,hasHintLabelOrSlot:Y,hasInvalidLabelOrSlot:Z,hintSlotScope:ee}=function(t,l){const o=e.computed((()=>e.isRef(t)?t.value:t)),a=e.computed((()=>n(o.value.invalidLabel))),i=e.computed((()=>n(o.value.validLabel))),r=e.computed((()=>o.value.loadingLabel)),u=e.computed((()=>o.value.hintLabel)),d=e.computed((()=>Boolean(o.value.loading&&(l.loading||r.value)))),s=e.computed((()=>!d.value&&Boolean(o.value.invalid&&(l.invalid||a.value)))),v=e.computed((()=>!d.value&&!s.value&&Boolean(o.value.valid&&(l.valid||i.value)))),c=e.computed((()=>!d.value&&!s.value&&!v.value&&Boolean(l.hint||u.value))),f=e.computed((()=>s.value||v.value||d.value||c.value)),p=e.computed((()=>({modelValue:o.value.modelValue,valid:o.value.valid,invalid:o.value.invalid,loading:o.value.loading}))),m=e.defineComponent({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup:()=>({isVisible:f,invalidLabel:a,validLabel:i,loadingLabel:r,hintLabel:u,hasInvalidLabelOrSlot:s,hasValidLabelOrSlot:v,hasLoadingLabelOrSlot:d,hasHintLabelOrSlot:c}),render(){var t,l,o,a,n,i,r,u;if(this.isVisible){let d;return this.hasInvalidLabelOrSlot&&(d="alert"),this.hasValidLabelOrSlot&&(d="status"),this.hasLoadingLabelOrSlot?e.h(this.tag,{role:d},(null==(l=(t=this.$slots).loading)?void 0:l.call(t))??this.loadingLabel):this.hasInvalidLabelOrSlot?e.h(this.tag,{role:d},(null==(a=(o=this.$slots).invalid)?void 0:a.call(o))??this.$slots.invalid??this.invalidLabel):this.hasValidLabelOrSlot?e.h(this.tag,{role:d},(null==(i=(n=this.$slots).valid)?void 0:i.call(n))??this.validLabel):e.h(this.tag,{role:d},(null==(u=(r=this.$slots).hint)?void 0:u.call(r))??this.$slots.hint??this.hintLabel)}return null}});return{hasInvalidLabelOrSlot:s,hasHintLabelOrSlot:c,hasValidLabelOrSlot:v,hasLoadingLabelOrSlot:d,hintSlotScope:p,HintSlot:m}}(p,s),te=c("vv-textarea",w,e.computed((()=>({valid:L.value,invalid:x.value,loading:$.value,disabled:d.disabled,readonly:d.readonly,"icon-before":D.value,"icon-after":H.value,floating:d.floating&&!a(d.label),dirty:Q.value,focused:M.value,resizable:d.resizable})))),le=e.computed((()=>({name:d.name,placeholder:q.value,tabindex:G.value,disabled:d.disabled,readonly:d.readonly,required:d.required,autocomplete:d.autocomplete,minlength:d.minlength,maxlength:d.maxlength,cols:d.cols,rows:d.rows,wrap:d.wrap,spellcheck:d.spellcheck,"aria-invalid":W.value,"aria-describedby":Y.value?R.value:void 0,"aria-errormessage":Z.value?R.value:void 0}))),oe=e.computed((()=>({valid:d.valid,invalid:d.invalid,modelValue:d.modelValue,hintLabel:d.hintLabel,maxlength:d.maxlength,minlength:d.minlength,clear:ae}))),ae=()=>{T.value=void 0};return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(te))},[e.unref(y)?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(j),class:"vv-textarea__label"},e.toDisplayString(e.unref(y)),9,P)):e.createCommentVNode("",!0),e.createElementVNode("div",_,[t.$slots.before?(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(t.$slots,"before",e.normalizeProps(e.guardReactiveProps(e.unref(oe))))])):e.createCommentVNode("",!0),e.createElementVNode("div",C,[e.unref(D)?(e.openBlock(),e.createBlock(f,e.mergeProps({key:0,class:"vv-textarea__icon"},e.unref(F)),null,16)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("textarea",e.mergeProps({id:e.unref(j),ref_key:"textarea",ref:m,"onUpdate:modelValue":l[0]||(l[0]=t=>e.isRef(T)?T.value=t:null)},e.unref(le),{onKeyup:l[1]||(l[1]=e=>i("keyup",e))}),null,16,E),[[e.vModelText,e.unref(T)]]),e.unref(H)?(e.openBlock(),e.createBlock(f,e.mergeProps({key:1,class:"vv-textarea__icon vv-textarea__icon-after"},e.unref(F)),null,16)):e.createCommentVNode("",!0)]),t.$slots.after?(e.openBlock(),e.createElementBlock("div",z,[e.renderSlot(t.$slots,"after",e.normalizeProps(e.guardReactiveProps(e.unref(oe))))])):e.createCommentVNode("",!0),e.unref(B)?(e.openBlock(),e.createElementBlock("span",A,[e.renderSlot(t.$slots,"count",e.normalizeProps(e.guardReactiveProps(e.unref(oe))),(()=>[e.createTextVNode(e.toDisplayString(e.unref(K)),1)]))])):e.createCommentVNode("",!0)]),e.createVNode(e.unref(X),{id:e.unref(R),class:"vv-textarea__hint"},e.createSlots({_:2},[t.$slots.hint?{name:"hint",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps(e.unref(ee))))])),key:"0"}:void 0,t.$slots.loading?{name:"loading",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"loading",e.normalizeProps(e.guardReactiveProps(e.unref(ee))))])),key:"1"}:void 0,t.$slots.valid?{name:"valid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"valid",e.normalizeProps(e.guardReactiveProps(e.unref(ee))))])),key:"2"}:void 0,t.$slots.invalid?{name:"invalid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"invalid",e.normalizeProps(e.guardReactiveProps(e.unref(ee))))])),key:"3"}:void 0]),1032,["id"])],2))}})}));
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue"),require("@iconify/vue"),require("uid"),require("@vueuse/core")):"function"==typeof define&&define.amd?define(["vue","@iconify/vue","uid","@vueuse/core"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VvTextarea=t(e.vue,e.vue$1,e.uid,e.core)}(this,(function(e,t,l,o){"use strict";function a(t){return null==(l=e.unref(t))||""===l||Array.isArray(l)&&0===l.length||!(l instanceof Date)&&"object"==typeof l&&0===Object.keys(l).length;var l}function n(e){return Array.isArray(e)?e.filter((e=>{return"string"==typeof(t=e)||t instanceof String;var t})).join(" "):e}const i={color:String,width:{type:[String,Number]},height:{type:[String,Number]},name:{type:String,required:!0},provider:{type:String},prefix:{type:String,default:"normal"},src:String,horizontalFlip:Boolean,verticalFlip:Boolean,flip:String,mode:String,inline:Boolean,rotate:[Number,String],onLoad:Function,svg:String,modifiers:{type:[String,Array]}};var r=(e=>(e.left="left",e.right="right",e.top="top",e.bottom="bottom",e))(r||{}),u=(e=>(e.before="before",e.after="after",e))(u||{}),d=(e=>(e.button="button",e.submit="submit",e.reset="reset",e))(d||{});const s=Symbol.for("volver");function v(){return e.inject(s)}function c(t,l,o){return e.computed((()=>{const a={[t]:!0},n="string"==typeof(null==l?void 0:l.value)?l.value.split(" "):null==l?void 0:l.value;return n&&Array.isArray(n)&&n.forEach((e=>{e&&(a[`${t}--${e}`]=!0)})),o&&Object.keys(o.value).forEach((l=>{a[`${t}--${l}`]=e.unref(o.value[l])})),a}))}const f=e.defineComponent({name:"VvIcon",props:i,setup(l){const o=l,a=e.computed((()=>"string"==typeof o.rotate?parseFloat(o.rotate):o.rotate)),n=e.ref(!0),i=v(),{modifiers:r}=e.toRefs(o),u=c("vv-icon",r),d=e.computed((()=>o.provider||(null==i?void 0:i.iconsProvider))),s=e.computed((()=>{const e=o.name??"",l=`@${d.value}:${o.prefix}:${e}`;if(t.iconExists(l))return l;const a=null==i?void 0:i.iconsCollections.find((l=>{const o=`@${d.value}:${l.prefix}:${e}`;return t.iconExists(o)}));return a?`@${d.value}:${a.prefix}:${e}`:e}));function f(e){const l=function(e){let t;if("undefined"==typeof window){const{JSDOM:e}=require("jsdom");t=(new e).window}return(t?new t.DOMParser:new window.DOMParser).parseFromString(e,"text/html").querySelector("svg")}(e),a=(null==l?void 0:l.innerHTML.trim())||"";l&&a&&t.addIcon(`@${d.value}:${o.prefix}:${o.name}`,{body:a,height:l.viewBox.baseVal.height,width:l.viewBox.baseVal.width})}return i&&o.src&&!t.iconExists(`@${d.value}:${o.prefix}:${o.name}`)&&(n.value=!1,i.fetchIcon(o.src).then((e=>{e&&(f(e),n.value=!0)})).catch((e=>{throw new Error(`Error during fetch icon: ${null==e?void 0:e.message}`)}))),o.svg&&f(o.svg),(l,o)=>e.unref(n)?(e.openBlock(),e.createBlock(e.unref(t.Icon),e.mergeProps({key:0,class:e.unref(u)},{inline:l.inline,width:l.width,height:l.height,horizontalFlip:l.horizontalFlip,verticalFlip:l.verticalFlip,flip:l.flip,rotate:e.unref(a),color:l.color,onLoad:l.onLoad,icon:e.unref(s)}),null,16,["class"])):e.createCommentVNode("",!0)}}),p={valid:Boolean,validLabel:[String,Array]},m={invalid:Boolean,invalidLabel:[String,Array]},h={loading:Boolean,loadingLabel:{type:String,default:"Loading..."}},g={disabled:Boolean},b=(Boolean,Boolean,Boolean,{label:[String,Number]}),y={readonly:Boolean},S={modifiers:[String,Array]},B={hintLabel:{type:String,default:""}},L={count:{type:[Boolean,String],default:!1,validator:e=>[!0,!1,"limit","countdown"].includes(e)}},x={debounce:[Number,String]},$={icon:{type:[String,Object]},iconPosition:{type:String,default:u.before,validation:e=>Object.values(u).includes(e)}},w={tabindex:{type:[String,Number],default:0}},k={floating:Boolean},V={id:[String,Number]};r.bottom,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean,Boolean;const N={...{...V,name:{type:String,required:!0}},...{autofocus:Boolean},...{autocomplete:{type:String,default:"off"}},...w,...g,...y,...p,...m,...B,...h,...S,...L,...x,...$,...k,...b,minlength:[String,Number],maxlength:[String,Number],placeholder:String,required:Boolean};d.button;const O={...N,modelValue:String,cols:{type:[String,Number],default:20},rows:{type:[String,Number],default:2},wrap:{type:String,default:"soft"},spellcheck:{type:[Boolean,String],default:"default"},resizable:Boolean};const P=["for"],_={class:"vv-textarea__wrapper"},I={key:0,class:"vv-textarea__input-before"},C={class:"vv-textarea__inner"},E=["id"],z={key:1,class:"vv-textarea__input-after"},A={key:2,class:"vv-textarea__limit"};return e.defineComponent({name:"VvTextarea",props:O,emits:["update:modelValue","focus","blur","keyup"],setup(t,{emit:i}){const d=t,s=e.useSlots(),p=function(t,l,o){const a=v(),n=e.computed((()=>{var e;if(a&&(null==(e=a.defaults.value)?void 0:e[t]))return a.defaults.value[t]}));return e.computed((()=>{if(void 0===n.value)return o;const e=n.value,t=l,a=o;return Object.keys(t).reduce(((l,o)=>{const n=a[o];if(l[o]=n,o in e){if(Array.isArray(t[o])){const a=t[o];a.length&&a[0]===n&&(l[o]=e[o])}if("function"==typeof t[o]&&(0,t[o])()===n&&(l[o]=e[o]),"object"==typeof t[o]){let a=t[o].default;"function"==typeof a&&(a=a()),"object"==typeof a?JSON.stringify(a)===JSON.stringify(n)&&(l[o]=e[o]):a===n&&(l[o]=e[o])}}return l}),{})}))}("VvTextarea",O,d),m=e.ref(),{id:h,icon:g,iconPosition:b,label:y,modelValue:S,count:B,valid:L,invalid:x,loading:$,modifiers:w,debounce:k,minlength:V,maxlength:N}=e.toRefs(d),j=(t=>e.computed((()=>String((null==t?void 0:t.value)||l.uid()))))(h),R=e.computed((()=>`${j.value}-hint`)),q=e.computed((()=>d.floating&&a(d.placeholder)?" ":d.placeholder)),T=function(t,l,o=0,{getter:a=(e=>e),setter:n=(e=>e)}={}){let i;return"string"==typeof o&&(o=parseInt(o)),e.computed({get:()=>a(null==t?void 0:t.value),set:e=>{i&&clearTimeout(i),i=setTimeout((()=>{l("update:modelValue",n(e))}),o)}})}(S,i,null==k?void 0:k.value),{hasIcon:F,hasIconBefore:D,hasIconAfter:H}=function(t,l){const o=e.computed((()=>Boolean((null==t?void 0:t.value)&&l.value===u.before))),a=e.computed((()=>Boolean((null==t?void 0:t.value)&&l.value===u.after))),n=e.computed((()=>Boolean((null==t?void 0:t.value)&&l.value===r.left))),i=e.computed((()=>Boolean((null==t?void 0:t.value)&&l.value===r.right))),d=e.computed((()=>Boolean((null==t?void 0:t.value)&&l.value===r.top))),s=e.computed((()=>Boolean((null==t?void 0:t.value)&&l.value===r.bottom)));return{hasIcon:e.computed((()=>"string"==typeof(null==t?void 0:t.value)?{name:null==t?void 0:t.value}:null==t?void 0:t.value)),hasIconLeft:n,hasIconRight:i,hasIconTop:d,hasIconBottom:s,hasIconBefore:o,hasIconAfter:a}}(g,b),{focused:M}=function(t,l){const{focused:a}=o.useFocus(t);return e.watch(a,(o=>{l(o?"focus":"blur",e.unref(t))})),{focused:a}}(m,i),J=o.useElementVisibility(m);e.watch(J,(e=>{e&&d.autofocus&&(M.value=!0)}));const{formatted:K}=function(t,l){const o=e.computed((()=>(e.unref(t)??"").length)),a=e.computed((()=>void 0!==(null==l?void 0:l.lowerLimit)&&o.value<(null==l?void 0:l.lowerLimit)?o.value-l.lowerLimit:void 0!==(null==l?void 0:l.upperLimit)&&o.value<(null==l?void 0:l.upperLimit)?l.upperLimit-o.value:0)),n=e.computed((()=>{if(!1===(null==l?void 0:l.mode))return"";if("limit"===(null==l?void 0:l.mode)&&(null==l?void 0:l.upperLimit))return`${o.value} / ${l.lowerLimit?`${l.lowerLimit}-`:""}${l.upperLimit}`;if("countdown"===(null==l?void 0:l.mode)){if(0===a.value)return;return a}return o.value}));return{length:o,gap:a,formatted:n}}(T,{mode:null==B?void 0:B.value,upperLimit:Number(null==N?void 0:N.value),lowerLimit:Number(null==V?void 0:V.value)}),U=e.computed((()=>!d.disabled&&!d.readonly)),G=e.computed((()=>U.value?d.tabindex:-1)),Q=e.computed((()=>!a(S))),W=e.computed((()=>!0===d.invalid||!0!==d.valid&&void 0)),{HintSlot:X,hasHintLabelOrSlot:Y,hasInvalidLabelOrSlot:Z,hintSlotScope:ee}=function(t,l){const o=e.computed((()=>e.isRef(t)?t.value:t)),a=e.computed((()=>n(o.value.invalidLabel))),i=e.computed((()=>n(o.value.validLabel))),r=e.computed((()=>o.value.loadingLabel)),u=e.computed((()=>o.value.hintLabel)),d=e.computed((()=>Boolean(o.value.loading&&(l.loading||r.value)))),s=e.computed((()=>!d.value&&Boolean(o.value.invalid&&(l.invalid||a.value)))),v=e.computed((()=>!d.value&&!s.value&&Boolean(o.value.valid&&(l.valid||i.value)))),c=e.computed((()=>!d.value&&!s.value&&!v.value&&Boolean(l.hint||u.value))),f=e.computed((()=>s.value||v.value||d.value||c.value)),p=e.computed((()=>({modelValue:o.value.modelValue,valid:o.value.valid,invalid:o.value.invalid,loading:o.value.loading}))),m=e.defineComponent({name:"HintSlot",props:{tag:{type:String,default:"small"}},setup:()=>({isVisible:f,invalidLabel:a,validLabel:i,loadingLabel:r,hintLabel:u,hasInvalidLabelOrSlot:s,hasValidLabelOrSlot:v,hasLoadingLabelOrSlot:d,hasHintLabelOrSlot:c}),render(){var t,l,o,a,n,i,r,u;if(this.isVisible){let d;return this.hasInvalidLabelOrSlot&&(d="alert"),this.hasValidLabelOrSlot&&(d="status"),this.hasLoadingLabelOrSlot?e.h(this.tag,{role:d},(null==(l=(t=this.$slots).loading)?void 0:l.call(t))??this.loadingLabel):this.hasInvalidLabelOrSlot?e.h(this.tag,{role:d},(null==(a=(o=this.$slots).invalid)?void 0:a.call(o))??this.$slots.invalid??this.invalidLabel):this.hasValidLabelOrSlot?e.h(this.tag,{role:d},(null==(i=(n=this.$slots).valid)?void 0:i.call(n))??this.validLabel):e.h(this.tag,{role:d},(null==(u=(r=this.$slots).hint)?void 0:u.call(r))??this.$slots.hint??this.hintLabel)}return null}});return{hasInvalidLabelOrSlot:s,hasHintLabelOrSlot:c,hasValidLabelOrSlot:v,hasLoadingLabelOrSlot:d,hintSlotScope:p,HintSlot:m}}(p,s),te=c("vv-textarea",w,e.computed((()=>({valid:L.value,invalid:x.value,loading:$.value,disabled:d.disabled,readonly:d.readonly,"icon-before":D.value,"icon-after":H.value,floating:d.floating&&!a(d.label),dirty:Q.value,focus:M.value,resizable:d.resizable})))),le=e.computed((()=>({name:d.name,placeholder:q.value,tabindex:G.value,disabled:d.disabled,readonly:d.readonly,required:d.required,autocomplete:d.autocomplete,minlength:d.minlength,maxlength:d.maxlength,cols:d.cols,rows:d.rows,wrap:d.wrap,spellcheck:d.spellcheck,"aria-invalid":W.value,"aria-describedby":Y.value?R.value:void 0,"aria-errormessage":Z.value?R.value:void 0}))),oe=e.computed((()=>({valid:d.valid,invalid:d.invalid,modelValue:d.modelValue,hintLabel:d.hintLabel,maxlength:d.maxlength,minlength:d.minlength,clear:ae}))),ae=()=>{T.value=void 0};return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(te))},[e.unref(y)?(e.openBlock(),e.createElementBlock("label",{key:0,for:e.unref(j),class:"vv-textarea__label"},e.toDisplayString(e.unref(y)),9,P)):e.createCommentVNode("",!0),e.createElementVNode("div",_,[t.$slots.before?(e.openBlock(),e.createElementBlock("div",I,[e.renderSlot(t.$slots,"before",e.normalizeProps(e.guardReactiveProps(e.unref(oe))))])):e.createCommentVNode("",!0),e.createElementVNode("div",C,[e.unref(D)?(e.openBlock(),e.createBlock(f,e.mergeProps({key:0,class:"vv-textarea__icon"},e.unref(F)),null,16)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("textarea",e.mergeProps({id:e.unref(j),ref_key:"textarea",ref:m,"onUpdate:modelValue":l[0]||(l[0]=t=>e.isRef(T)?T.value=t:null)},e.unref(le),{onKeyup:l[1]||(l[1]=e=>i("keyup",e))}),null,16,E),[[e.vModelText,e.unref(T)]]),e.unref(H)?(e.openBlock(),e.createBlock(f,e.mergeProps({key:1,class:"vv-textarea__icon vv-textarea__icon-after"},e.unref(F)),null,16)):e.createCommentVNode("",!0)]),t.$slots.after?(e.openBlock(),e.createElementBlock("div",z,[e.renderSlot(t.$slots,"after",e.normalizeProps(e.guardReactiveProps(e.unref(oe))))])):e.createCommentVNode("",!0),e.unref(B)?(e.openBlock(),e.createElementBlock("span",A,[e.renderSlot(t.$slots,"count",e.normalizeProps(e.guardReactiveProps(e.unref(oe))),(()=>[e.createTextVNode(e.toDisplayString(e.unref(K)),1)]))])):e.createCommentVNode("",!0)]),e.createVNode(e.unref(X),{id:e.unref(R),class:"vv-textarea__hint"},e.createSlots({_:2},[t.$slots.hint?{name:"hint",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"hint",e.normalizeProps(e.guardReactiveProps(e.unref(ee))))])),key:"0"}:void 0,t.$slots.loading?{name:"loading",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"loading",e.normalizeProps(e.guardReactiveProps(e.unref(ee))))])),key:"1"}:void 0,t.$slots.valid?{name:"valid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"valid",e.normalizeProps(e.guardReactiveProps(e.unref(ee))))])),key:"2"}:void 0,t.$slots.invalid?{name:"invalid",fn:e.withCtx((()=>[e.renderSlot(t.$slots,"invalid",e.normalizeProps(e.guardReactiveProps(e.unref(ee))))])),key:"3"}:void 0]),1032,["id"])],2))}})}));
|
|
@@ -67,7 +67,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
67
67
|
required: boolean;
|
|
68
68
|
};
|
|
69
69
|
id: (StringConstructor | NumberConstructor)[];
|
|
70
|
-
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin,
|
|
70
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
71
|
+
[x: string]: (...args: any[]) => void;
|
|
72
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
71
73
|
modelValue: StringConstructor;
|
|
72
74
|
cols: {
|
|
73
75
|
type: (StringConstructor | NumberConstructor)[];
|
|
@@ -136,23 +138,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
136
138
|
required: boolean;
|
|
137
139
|
};
|
|
138
140
|
id: (StringConstructor | NumberConstructor)[];
|
|
139
|
-
}
|
|
140
|
-
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
141
|
-
}, {
|
|
141
|
+
}>>, {
|
|
142
142
|
readonly: boolean;
|
|
143
143
|
disabled: boolean;
|
|
144
144
|
valid: boolean;
|
|
145
145
|
invalid: boolean;
|
|
146
146
|
floating: boolean;
|
|
147
|
-
spellcheck: string | boolean;
|
|
148
|
-
tabindex: string | number;
|
|
149
147
|
required: boolean;
|
|
150
148
|
iconPosition: "before" | "after";
|
|
151
|
-
autofocus: boolean;
|
|
152
149
|
loading: boolean;
|
|
153
150
|
loadingLabel: string;
|
|
154
151
|
hintLabel: string;
|
|
152
|
+
tabindex: string | number;
|
|
155
153
|
autocomplete: string;
|
|
154
|
+
autofocus: boolean;
|
|
155
|
+
spellcheck: string | boolean;
|
|
156
156
|
count: string | boolean;
|
|
157
157
|
cols: string | number;
|
|
158
158
|
rows: string | number;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
2
2
|
position: {
|
|
3
|
-
type: globalThis.PropType<"
|
|
3
|
+
type: globalThis.PropType<"top" | "right" | "bottom" | "left">;
|
|
4
4
|
default: import("../../constants").Side;
|
|
5
5
|
};
|
|
6
6
|
value: {
|
|
@@ -9,7 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
9
9
|
modifiers: globalThis.PropType<string | string[]>;
|
|
10
10
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
11
|
position: {
|
|
12
|
-
type: globalThis.PropType<"
|
|
12
|
+
type: globalThis.PropType<"top" | "right" | "bottom" | "left">;
|
|
13
13
|
default: import("../../constants").Side;
|
|
14
14
|
};
|
|
15
15
|
value: {
|
|
@@ -17,7 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
17
17
|
};
|
|
18
18
|
modifiers: globalThis.PropType<string | string[]>;
|
|
19
19
|
}>>, {
|
|
20
|
-
position: "
|
|
20
|
+
position: "top" | "right" | "bottom" | "left";
|
|
21
21
|
}, {}>, {
|
|
22
22
|
default?(_: {}): any;
|
|
23
23
|
}>;
|