@vonage/vivid-vue 3.16.0 → 3.17.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/generated/components/VButton.vue2.d.ts +9 -0
- package/dist/generated/components/VButton.vue3.d.ts +9 -0
- package/dist/generated/components/VDatePicker.d.ts +10 -0
- package/dist/generated/components/VDatePicker.vue2.d.ts +118 -0
- package/dist/generated/components/VDatePicker.vue3.d.ts +125 -0
- package/dist/generated/components/VSelect.vue2.d.ts +33 -0
- package/dist/generated/components/VSelect.vue3.d.ts +33 -0
- package/dist/generated/components/index.d.ts +1 -0
- package/dist/index.es.js +293 -148
- package/dist/index.umd.js +1 -1
- package/dist/web-types.json +101 -1
- package/package.json +2 -2
|
@@ -122,6 +122,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
|
|
|
122
122
|
type: PropType<"submit" | "reset" | "button">;
|
|
123
123
|
default: undefined;
|
|
124
124
|
};
|
|
125
|
+
title: {
|
|
126
|
+
type: PropType<string>;
|
|
127
|
+
default: undefined;
|
|
128
|
+
};
|
|
125
129
|
/**
|
|
126
130
|
* The connotation the button should have.
|
|
127
131
|
*/
|
|
@@ -293,6 +297,10 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
|
|
|
293
297
|
type: PropType<"submit" | "reset" | "button">;
|
|
294
298
|
default: undefined;
|
|
295
299
|
};
|
|
300
|
+
title: {
|
|
301
|
+
type: PropType<string>;
|
|
302
|
+
default: undefined;
|
|
303
|
+
};
|
|
296
304
|
/**
|
|
297
305
|
* The connotation the button should have.
|
|
298
306
|
*/
|
|
@@ -363,6 +371,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
|
|
|
363
371
|
formmethod: string;
|
|
364
372
|
formnovalidate: boolean;
|
|
365
373
|
formtarget: "_self" | "_blank" | "_parent" | "_top";
|
|
374
|
+
title: string;
|
|
366
375
|
stacked: boolean;
|
|
367
376
|
pending: boolean;
|
|
368
377
|
label: string;
|
|
@@ -122,6 +122,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
122
122
|
type: PropType<"submit" | "reset" | "button">;
|
|
123
123
|
default: undefined;
|
|
124
124
|
};
|
|
125
|
+
title: {
|
|
126
|
+
type: PropType<string>;
|
|
127
|
+
default: undefined;
|
|
128
|
+
};
|
|
125
129
|
/**
|
|
126
130
|
* The connotation the button should have.
|
|
127
131
|
*/
|
|
@@ -293,6 +297,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
293
297
|
type: PropType<"submit" | "reset" | "button">;
|
|
294
298
|
default: undefined;
|
|
295
299
|
};
|
|
300
|
+
title: {
|
|
301
|
+
type: PropType<string>;
|
|
302
|
+
default: undefined;
|
|
303
|
+
};
|
|
296
304
|
/**
|
|
297
305
|
* The connotation the button should have.
|
|
298
306
|
*/
|
|
@@ -370,6 +378,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
370
378
|
formmethod: string;
|
|
371
379
|
formnovalidate: boolean;
|
|
372
380
|
formtarget: "_self" | "_blank" | "_parent" | "_top";
|
|
381
|
+
title: string;
|
|
373
382
|
stacked: boolean;
|
|
374
383
|
pending: boolean;
|
|
375
384
|
label: string;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { VNode } from 'vue';
|
|
2
|
+
import VDatePickerVue2 from './VDatePicker.vue2';
|
|
3
|
+
import VDatePickerVue3 from './VDatePicker.vue3';
|
|
4
|
+
|
|
5
|
+
// @ts-ignore
|
|
6
|
+
type VNodeData = VNode["data"];
|
|
7
|
+
type IsAny<T> = 0 extends (1 & T) ? true : false;
|
|
8
|
+
type VueVersion = IsAny<VNodeData> extends true ? 'v3' : 'v2';
|
|
9
|
+
declare const _default: VueVersion extends 'v2' ? typeof VDatePickerVue2 : typeof VDatePickerVue3;
|
|
10
|
+
export default _default;
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import type { DatePicker } from '@vonage/vivid/lib/date-picker/date-picker';
|
|
3
|
+
/**
|
|
4
|
+
* Base class for date-picker
|
|
5
|
+
*/
|
|
6
|
+
declare const _default: import("vue/types/v3-define-component").DefineComponent<{
|
|
7
|
+
/**
|
|
8
|
+
* Indicates the element that represents the current item within a container or set of related elements.
|
|
9
|
+
*/
|
|
10
|
+
ariaCurrent: {
|
|
11
|
+
type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
|
|
12
|
+
default: undefined;
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* The label text of the date-picker.
|
|
16
|
+
*/
|
|
17
|
+
label: {
|
|
18
|
+
type: PropType<string>;
|
|
19
|
+
default: undefined;
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* The helper-text text of the date-picker.
|
|
23
|
+
*/
|
|
24
|
+
helperText: {
|
|
25
|
+
type: PropType<string>;
|
|
26
|
+
default: undefined;
|
|
27
|
+
};
|
|
28
|
+
/**
|
|
29
|
+
* The error-text text of the date-picker.
|
|
30
|
+
*/
|
|
31
|
+
errorText: {
|
|
32
|
+
type: PropType<string>;
|
|
33
|
+
default: undefined;
|
|
34
|
+
};
|
|
35
|
+
/**
|
|
36
|
+
* The currently selected date of the date-picker.
|
|
37
|
+
*/
|
|
38
|
+
modelValue: {
|
|
39
|
+
type: PropType<string>;
|
|
40
|
+
default: undefined;
|
|
41
|
+
};
|
|
42
|
+
/**
|
|
43
|
+
* Whether the date-picker is disabled.
|
|
44
|
+
*/
|
|
45
|
+
disabled: {
|
|
46
|
+
type: PropType<boolean>;
|
|
47
|
+
default: undefined;
|
|
48
|
+
};
|
|
49
|
+
/**
|
|
50
|
+
* Whether the date-picker is readonly.
|
|
51
|
+
*/
|
|
52
|
+
readonly: {
|
|
53
|
+
type: PropType<boolean>;
|
|
54
|
+
default: undefined;
|
|
55
|
+
};
|
|
56
|
+
}, {
|
|
57
|
+
componentName: import("vue").Ref<string>;
|
|
58
|
+
element: import("vue").Ref<DatePicker | null>;
|
|
59
|
+
}, import("vue").Data, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "update:modelValue")[], string, Readonly<import("vue").ExtractPropTypes<{
|
|
60
|
+
/**
|
|
61
|
+
* Indicates the element that represents the current item within a container or set of related elements.
|
|
62
|
+
*/
|
|
63
|
+
ariaCurrent: {
|
|
64
|
+
type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
|
|
65
|
+
default: undefined;
|
|
66
|
+
};
|
|
67
|
+
/**
|
|
68
|
+
* The label text of the date-picker.
|
|
69
|
+
*/
|
|
70
|
+
label: {
|
|
71
|
+
type: PropType<string>;
|
|
72
|
+
default: undefined;
|
|
73
|
+
};
|
|
74
|
+
/**
|
|
75
|
+
* The helper-text text of the date-picker.
|
|
76
|
+
*/
|
|
77
|
+
helperText: {
|
|
78
|
+
type: PropType<string>;
|
|
79
|
+
default: undefined;
|
|
80
|
+
};
|
|
81
|
+
/**
|
|
82
|
+
* The error-text text of the date-picker.
|
|
83
|
+
*/
|
|
84
|
+
errorText: {
|
|
85
|
+
type: PropType<string>;
|
|
86
|
+
default: undefined;
|
|
87
|
+
};
|
|
88
|
+
/**
|
|
89
|
+
* The currently selected date of the date-picker.
|
|
90
|
+
*/
|
|
91
|
+
modelValue: {
|
|
92
|
+
type: PropType<string>;
|
|
93
|
+
default: undefined;
|
|
94
|
+
};
|
|
95
|
+
/**
|
|
96
|
+
* Whether the date-picker is disabled.
|
|
97
|
+
*/
|
|
98
|
+
disabled: {
|
|
99
|
+
type: PropType<boolean>;
|
|
100
|
+
default: undefined;
|
|
101
|
+
};
|
|
102
|
+
/**
|
|
103
|
+
* Whether the date-picker is readonly.
|
|
104
|
+
*/
|
|
105
|
+
readonly: {
|
|
106
|
+
type: PropType<boolean>;
|
|
107
|
+
default: undefined;
|
|
108
|
+
};
|
|
109
|
+
}>>, {
|
|
110
|
+
ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
|
|
111
|
+
disabled: boolean;
|
|
112
|
+
label: string;
|
|
113
|
+
modelValue: string;
|
|
114
|
+
errorText: string;
|
|
115
|
+
helperText: string;
|
|
116
|
+
readonly: boolean;
|
|
117
|
+
}>;
|
|
118
|
+
export default _default;
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
import type { DatePicker } from '@vonage/vivid/lib/date-picker/date-picker';
|
|
3
|
+
/**
|
|
4
|
+
* Base class for date-picker
|
|
5
|
+
*/
|
|
6
|
+
declare const _default: import("vue").DefineComponent<{
|
|
7
|
+
/**
|
|
8
|
+
* Indicates the element that represents the current item within a container or set of related elements.
|
|
9
|
+
*/
|
|
10
|
+
ariaCurrent: {
|
|
11
|
+
type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
|
|
12
|
+
default: undefined;
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* The label text of the date-picker.
|
|
16
|
+
*/
|
|
17
|
+
label: {
|
|
18
|
+
type: PropType<string>;
|
|
19
|
+
default: undefined;
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* The helper-text text of the date-picker.
|
|
23
|
+
*/
|
|
24
|
+
helperText: {
|
|
25
|
+
type: PropType<string>;
|
|
26
|
+
default: undefined;
|
|
27
|
+
};
|
|
28
|
+
/**
|
|
29
|
+
* The error-text text of the date-picker.
|
|
30
|
+
*/
|
|
31
|
+
errorText: {
|
|
32
|
+
type: PropType<string>;
|
|
33
|
+
default: undefined;
|
|
34
|
+
};
|
|
35
|
+
/**
|
|
36
|
+
* The currently selected date of the date-picker.
|
|
37
|
+
*/
|
|
38
|
+
modelValue: {
|
|
39
|
+
type: PropType<string>;
|
|
40
|
+
default: undefined;
|
|
41
|
+
};
|
|
42
|
+
/**
|
|
43
|
+
* Whether the date-picker is disabled.
|
|
44
|
+
*/
|
|
45
|
+
disabled: {
|
|
46
|
+
type: PropType<boolean>;
|
|
47
|
+
default: undefined;
|
|
48
|
+
};
|
|
49
|
+
/**
|
|
50
|
+
* Whether the date-picker is readonly.
|
|
51
|
+
*/
|
|
52
|
+
readonly: {
|
|
53
|
+
type: PropType<boolean>;
|
|
54
|
+
default: undefined;
|
|
55
|
+
};
|
|
56
|
+
}, {
|
|
57
|
+
componentName: import("vue").Ref<string>;
|
|
58
|
+
element: import("vue").Ref<DatePicker | null>;
|
|
59
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "focus" | "blur" | "keydown" | "keyup" | "update:modelValue")[], "click" | "focus" | "blur" | "keydown" | "keyup" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
60
|
+
/**
|
|
61
|
+
* Indicates the element that represents the current item within a container or set of related elements.
|
|
62
|
+
*/
|
|
63
|
+
ariaCurrent: {
|
|
64
|
+
type: PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
|
|
65
|
+
default: undefined;
|
|
66
|
+
};
|
|
67
|
+
/**
|
|
68
|
+
* The label text of the date-picker.
|
|
69
|
+
*/
|
|
70
|
+
label: {
|
|
71
|
+
type: PropType<string>;
|
|
72
|
+
default: undefined;
|
|
73
|
+
};
|
|
74
|
+
/**
|
|
75
|
+
* The helper-text text of the date-picker.
|
|
76
|
+
*/
|
|
77
|
+
helperText: {
|
|
78
|
+
type: PropType<string>;
|
|
79
|
+
default: undefined;
|
|
80
|
+
};
|
|
81
|
+
/**
|
|
82
|
+
* The error-text text of the date-picker.
|
|
83
|
+
*/
|
|
84
|
+
errorText: {
|
|
85
|
+
type: PropType<string>;
|
|
86
|
+
default: undefined;
|
|
87
|
+
};
|
|
88
|
+
/**
|
|
89
|
+
* The currently selected date of the date-picker.
|
|
90
|
+
*/
|
|
91
|
+
modelValue: {
|
|
92
|
+
type: PropType<string>;
|
|
93
|
+
default: undefined;
|
|
94
|
+
};
|
|
95
|
+
/**
|
|
96
|
+
* Whether the date-picker is disabled.
|
|
97
|
+
*/
|
|
98
|
+
disabled: {
|
|
99
|
+
type: PropType<boolean>;
|
|
100
|
+
default: undefined;
|
|
101
|
+
};
|
|
102
|
+
/**
|
|
103
|
+
* Whether the date-picker is readonly.
|
|
104
|
+
*/
|
|
105
|
+
readonly: {
|
|
106
|
+
type: PropType<boolean>;
|
|
107
|
+
default: undefined;
|
|
108
|
+
};
|
|
109
|
+
}>> & {
|
|
110
|
+
onKeydown?: ((...args: any[]) => any) | undefined;
|
|
111
|
+
onClick?: ((...args: any[]) => any) | undefined;
|
|
112
|
+
onFocus?: ((...args: any[]) => any) | undefined;
|
|
113
|
+
onBlur?: ((...args: any[]) => any) | undefined;
|
|
114
|
+
onKeyup?: ((...args: any[]) => any) | undefined;
|
|
115
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
116
|
+
}, {
|
|
117
|
+
ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
|
|
118
|
+
disabled: boolean;
|
|
119
|
+
label: string;
|
|
120
|
+
modelValue: string;
|
|
121
|
+
errorText: string;
|
|
122
|
+
helperText: string;
|
|
123
|
+
readonly: boolean;
|
|
124
|
+
}>;
|
|
125
|
+
export default _default;
|
|
@@ -115,18 +115,34 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
|
|
|
115
115
|
type: PropType<boolean>;
|
|
116
116
|
default: undefined;
|
|
117
117
|
};
|
|
118
|
+
/**
|
|
119
|
+
* The appearance attribute.
|
|
120
|
+
*/
|
|
118
121
|
appearance: {
|
|
119
122
|
type: PropType<"fieldset" | "ghost">;
|
|
120
123
|
default: undefined;
|
|
121
124
|
};
|
|
125
|
+
/**
|
|
126
|
+
* The shape attribute.
|
|
127
|
+
*/
|
|
122
128
|
shape: {
|
|
123
129
|
type: PropType<"rounded" | "pill">;
|
|
124
130
|
default: undefined;
|
|
125
131
|
};
|
|
132
|
+
/**
|
|
133
|
+
* The fixed-dropdown attribute.
|
|
134
|
+
*/
|
|
126
135
|
fixedDropdown: {
|
|
127
136
|
type: PropType<boolean>;
|
|
128
137
|
default: undefined;
|
|
129
138
|
};
|
|
139
|
+
/**
|
|
140
|
+
* The placeholder attribute.
|
|
141
|
+
*/
|
|
142
|
+
placeholder: {
|
|
143
|
+
type: PropType<string>;
|
|
144
|
+
default: undefined;
|
|
145
|
+
};
|
|
130
146
|
}, {
|
|
131
147
|
componentName: import("vue").Ref<string>;
|
|
132
148
|
element: import("vue").Ref<Select | null>;
|
|
@@ -242,18 +258,34 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
|
|
|
242
258
|
type: PropType<boolean>;
|
|
243
259
|
default: undefined;
|
|
244
260
|
};
|
|
261
|
+
/**
|
|
262
|
+
* The appearance attribute.
|
|
263
|
+
*/
|
|
245
264
|
appearance: {
|
|
246
265
|
type: PropType<"fieldset" | "ghost">;
|
|
247
266
|
default: undefined;
|
|
248
267
|
};
|
|
268
|
+
/**
|
|
269
|
+
* The shape attribute.
|
|
270
|
+
*/
|
|
249
271
|
shape: {
|
|
250
272
|
type: PropType<"rounded" | "pill">;
|
|
251
273
|
default: undefined;
|
|
252
274
|
};
|
|
275
|
+
/**
|
|
276
|
+
* The fixed-dropdown attribute.
|
|
277
|
+
*/
|
|
253
278
|
fixedDropdown: {
|
|
254
279
|
type: PropType<boolean>;
|
|
255
280
|
default: undefined;
|
|
256
281
|
};
|
|
282
|
+
/**
|
|
283
|
+
* The placeholder attribute.
|
|
284
|
+
*/
|
|
285
|
+
placeholder: {
|
|
286
|
+
type: PropType<string>;
|
|
287
|
+
default: undefined;
|
|
288
|
+
};
|
|
257
289
|
}>>, {
|
|
258
290
|
name: string;
|
|
259
291
|
ariaCurrent: "page" | "step" | "location" | "date" | "time" | "true" | "false";
|
|
@@ -270,6 +302,7 @@ declare const _default: import("vue/types/v3-define-component").DefineComponent<
|
|
|
270
302
|
successText: string;
|
|
271
303
|
errorText: string;
|
|
272
304
|
helperText: string;
|
|
305
|
+
placeholder: string;
|
|
273
306
|
position: "above" | "below";
|
|
274
307
|
multiple: boolean;
|
|
275
308
|
fixedDropdown: boolean;
|
|
@@ -115,18 +115,34 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
115
115
|
type: PropType<boolean>;
|
|
116
116
|
default: undefined;
|
|
117
117
|
};
|
|
118
|
+
/**
|
|
119
|
+
* The appearance attribute.
|
|
120
|
+
*/
|
|
118
121
|
appearance: {
|
|
119
122
|
type: PropType<"fieldset" | "ghost">;
|
|
120
123
|
default: undefined;
|
|
121
124
|
};
|
|
125
|
+
/**
|
|
126
|
+
* The shape attribute.
|
|
127
|
+
*/
|
|
122
128
|
shape: {
|
|
123
129
|
type: PropType<"rounded" | "pill">;
|
|
124
130
|
default: undefined;
|
|
125
131
|
};
|
|
132
|
+
/**
|
|
133
|
+
* The fixed-dropdown attribute.
|
|
134
|
+
*/
|
|
126
135
|
fixedDropdown: {
|
|
127
136
|
type: PropType<boolean>;
|
|
128
137
|
default: undefined;
|
|
129
138
|
};
|
|
139
|
+
/**
|
|
140
|
+
* The placeholder attribute.
|
|
141
|
+
*/
|
|
142
|
+
placeholder: {
|
|
143
|
+
type: PropType<string>;
|
|
144
|
+
default: undefined;
|
|
145
|
+
};
|
|
130
146
|
}, {
|
|
131
147
|
componentName: import("vue").Ref<string>;
|
|
132
148
|
element: import("vue").Ref<Select | null>;
|
|
@@ -242,18 +258,34 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
242
258
|
type: PropType<boolean>;
|
|
243
259
|
default: undefined;
|
|
244
260
|
};
|
|
261
|
+
/**
|
|
262
|
+
* The appearance attribute.
|
|
263
|
+
*/
|
|
245
264
|
appearance: {
|
|
246
265
|
type: PropType<"fieldset" | "ghost">;
|
|
247
266
|
default: undefined;
|
|
248
267
|
};
|
|
268
|
+
/**
|
|
269
|
+
* The shape attribute.
|
|
270
|
+
*/
|
|
249
271
|
shape: {
|
|
250
272
|
type: PropType<"rounded" | "pill">;
|
|
251
273
|
default: undefined;
|
|
252
274
|
};
|
|
275
|
+
/**
|
|
276
|
+
* The fixed-dropdown attribute.
|
|
277
|
+
*/
|
|
253
278
|
fixedDropdown: {
|
|
254
279
|
type: PropType<boolean>;
|
|
255
280
|
default: undefined;
|
|
256
281
|
};
|
|
282
|
+
/**
|
|
283
|
+
* The placeholder attribute.
|
|
284
|
+
*/
|
|
285
|
+
placeholder: {
|
|
286
|
+
type: PropType<string>;
|
|
287
|
+
default: undefined;
|
|
288
|
+
};
|
|
257
289
|
}>> & {
|
|
258
290
|
onKeydown?: ((...args: any[]) => any) | undefined;
|
|
259
291
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
@@ -278,6 +310,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
278
310
|
successText: string;
|
|
279
311
|
errorText: string;
|
|
280
312
|
helperText: string;
|
|
313
|
+
placeholder: string;
|
|
281
314
|
position: "above" | "below";
|
|
282
315
|
multiple: boolean;
|
|
283
316
|
fixedDropdown: boolean;
|
|
@@ -16,6 +16,7 @@ export { default as VCombobox } from './VCombobox';
|
|
|
16
16
|
export { default as VDataGrid } from './VDataGrid';
|
|
17
17
|
export { default as VDataGridRow } from './VDataGridRow';
|
|
18
18
|
export { default as VDataGridCell } from './VDataGridCell';
|
|
19
|
+
export { default as VDatePicker } from './VDatePicker';
|
|
19
20
|
export { default as VDialog } from './VDialog';
|
|
20
21
|
export { default as VDivider } from './VDivider';
|
|
21
22
|
export { default as VEmptyState } from './VEmptyState';
|