wave-ui 3.10.1 → 3.12.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/types/$waveui.d.ts +221 -0
- package/dist/types/$waveui.js +2 -0
- package/dist/types/colors.d.ts +503 -0
- package/dist/types/colors.js +2 -0
- package/dist/types/components/WAccordion.d.ts +226 -0
- package/dist/types/components/WAccordion.js +2 -0
- package/dist/types/components/WAlert.d.ts +225 -0
- package/dist/types/components/WAlert.js +2 -0
- package/dist/types/components/WApp.d.ts +84 -0
- package/dist/types/components/WApp.js +2 -0
- package/dist/types/components/WBadge.d.ts +194 -0
- package/dist/types/components/WBadge.js +2 -0
- package/dist/types/components/WBreadcrumbs.d.ts +129 -0
- package/dist/types/components/WBreadcrumbs.js +2 -0
- package/dist/types/components/WButton.d.ts +218 -0
- package/dist/types/components/WButton.js +2 -0
- package/dist/types/components/WCard.d.ts +140 -0
- package/dist/types/components/WCard.js +2 -0
- package/dist/types/components/WCheckbox.d.ts +132 -0
- package/dist/types/components/WCheckbox.js +2 -0
- package/dist/types/components/WCheckboxes.d.ts +141 -0
- package/dist/types/components/WCheckboxes.js +2 -0
- package/dist/types/components/WConfirm.d.ts +250 -0
- package/dist/types/components/WConfirm.js +2 -0
- package/dist/types/components/WDialog.d.ts +189 -0
- package/dist/types/components/WDialog.js +2 -0
- package/dist/types/components/WDivider.d.ts +49 -0
- package/dist/types/components/WDivider.js +2 -0
- package/dist/types/components/WDrawer.d.ts +249 -0
- package/dist/types/components/WDrawer.js +2 -0
- package/dist/types/components/WFlex.d.ts +137 -0
- package/dist/types/components/WFlex.js +2 -0
- package/dist/types/components/WForm.d.ts +165 -0
- package/dist/types/components/WForm.js +2 -0
- package/dist/types/components/WFormElement.d.ts +112 -0
- package/dist/types/components/WFormElement.js +2 -0
- package/dist/types/components/WGrid.d.ts +51 -0
- package/dist/types/components/WGrid.js +2 -0
- package/dist/types/components/WIcon.d.ts +167 -0
- package/dist/types/components/WIcon.js +2 -0
- package/dist/types/components/WImage.d.ts +172 -0
- package/dist/types/components/WImage.js +2 -0
- package/dist/types/components/WInput.d.ts +352 -0
- package/dist/types/components/WInput.js +2 -0
- package/dist/types/components/WList.d.ts +336 -0
- package/dist/types/components/WList.js +2 -0
- package/dist/types/components/WMenu.d.ts +250 -0
- package/dist/types/components/WMenu.js +2 -0
- package/dist/types/components/WNotification.d.ts +283 -0
- package/dist/types/components/WNotification.js +2 -0
- package/dist/types/components/WNotificationManager.d.ts +33 -0
- package/dist/types/components/WNotificationManager.js +2 -0
- package/dist/types/components/WOverlay.d.ts +118 -0
- package/dist/types/components/WOverlay.js +2 -0
- package/dist/types/components/WProgress.d.ts +177 -0
- package/dist/types/components/WProgress.js +2 -0
- package/dist/types/components/WRadio.d.ts +121 -0
- package/dist/types/components/WRadio.js +2 -0
- package/dist/types/components/WRadios.d.ts +129 -0
- package/dist/types/components/WRadios.js +2 -0
- package/dist/types/components/WRating.d.ts +176 -0
- package/dist/types/components/WRating.js +2 -0
- package/dist/types/components/WSelect.d.ts +416 -0
- package/dist/types/components/WSelect.js +2 -0
- package/dist/types/components/WSlider.d.ts +263 -0
- package/dist/types/components/WSlider.js +2 -0
- package/dist/types/components/WSpinner.d.ts +101 -0
- package/dist/types/components/WSpinner.js +2 -0
- package/dist/types/components/WSteps.d.ts +29 -0
- package/dist/types/components/WSteps.js +2 -0
- package/dist/types/components/WSwitch.d.ts +132 -0
- package/dist/types/components/WSwitch.js +2 -0
- package/dist/types/components/WTable.d.ts +504 -0
- package/dist/types/components/WTable.js +2 -0
- package/dist/types/components/WTabs.d.ts +343 -0
- package/dist/types/components/WTabs.js +2 -0
- package/dist/types/components/WTag.d.ts +160 -0
- package/dist/types/components/WTag.js +2 -0
- package/dist/types/components/WTextarea.d.ts +257 -0
- package/dist/types/components/WTextarea.js +2 -0
- package/dist/types/components/WTimeline.d.ts +102 -0
- package/dist/types/components/WTimeline.js +2 -0
- package/dist/types/components/WToolbar.d.ts +134 -0
- package/dist/types/components/WToolbar.js +2 -0
- package/dist/types/components/WTooltip.d.ts +170 -0
- package/dist/types/components/WTooltip.js +2 -0
- package/dist/types/components/WTree.d.ts +359 -0
- package/dist/types/components/WTree.js +2 -0
- package/dist/types/components/index.d.ts +42 -0
- package/dist/types/components/index.js +2 -0
- package/dist/types/extra-vue-types.d.ts +8 -0
- package/dist/types/extra-vue-types.js +2 -0
- package/dist/types/index.d.ts +5 -0
- package/dist/types/index.js +4 -0
- package/dist/types/plugin.d.ts +19 -0
- package/dist/types/plugin.js +2 -0
- package/dist/wave-ui.cjs.js +1 -1
- package/dist/wave-ui.css +1 -1
- package/dist/wave-ui.es.js +359 -333
- package/dist/wave-ui.umd.js +1 -1
- package/package.json +8 -2
- package/src/wave-ui/components/w-autocomplete.vue +1 -8
- package/src/wave-ui/components/w-input.vue +1 -0
- package/src/wave-ui/components/w-parallax.vue +0 -1
- package/src/wave-ui/components/w-select.vue +10 -8
- package/src/wave-ui/components/w-switch.vue +1 -1
- package/src/wave-ui/components/w-table.vue +18 -1
- package/src/wave-ui/components/w-textarea.vue +12 -10
- package/src/wave-ui/index.d.ts +21 -0
|
@@ -0,0 +1,257 @@
|
|
|
1
|
+
import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
|
|
2
|
+
import { PublicProps, ResolveProps } from '../extra-vue-types';
|
|
3
|
+
export interface WaveTextareaProps {
|
|
4
|
+
/**
|
|
5
|
+
* ``value` in Vue 2.`
|
|
6
|
+
* The text content of the textarea.
|
|
7
|
+
* Gets updated on textarea input.
|
|
8
|
+
* @property {any} modelValue - Default: ''
|
|
9
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
10
|
+
*/
|
|
11
|
+
modelValue?: any;
|
|
12
|
+
/**
|
|
13
|
+
* Sets a visible label for the textarea.
|
|
14
|
+
* @property {string} label
|
|
15
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
16
|
+
*/
|
|
17
|
+
label?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Sets the position of the label to one of the following positions: 'left\', \'right\', \'inside\'.
|
|
20
|
+
* @property {string} labelPosition - Default: 'inside'
|
|
21
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
22
|
+
*/
|
|
23
|
+
labelPosition?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Adds an icon on the left inside the textarea.
|
|
26
|
+
* Accepts a string: e.g. `mdi mdi-eye`.
|
|
27
|
+
* @property {string} innerIconLeft
|
|
28
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
29
|
+
*/
|
|
30
|
+
innerIconLeft?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Adds an icon on the right inside the textarea.
|
|
33
|
+
* Accepts a string: e.g. `mdi mdi-eye`.
|
|
34
|
+
* @property {string} innerIconRight
|
|
35
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
36
|
+
*/
|
|
37
|
+
innerIconRight?: string;
|
|
38
|
+
/**
|
|
39
|
+
* Prevents moving the label above the textarea when the `labelPosition` is equal to `inside`. If a placeholder is present, it will be hidden and the label will be displayed instead.
|
|
40
|
+
* When a value is set the static label is replaced by the textual value.
|
|
41
|
+
* @property {boolean} staticLabel
|
|
42
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
43
|
+
*/
|
|
44
|
+
staticLabel?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Provide a placeholder for the textarea. If a label is positioned inside, it will be moved above the textarea so it doesn't overlap.
|
|
47
|
+
* @property {string} placeholder
|
|
48
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
49
|
+
*/
|
|
50
|
+
placeholder?: string;
|
|
51
|
+
/**
|
|
52
|
+
* Applies a color to the textarea's text. Accepts all the color names of the color palette, status colors, or custom colors (learn more about the colors in the `colors` knowledge base page).
|
|
53
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
54
|
+
* @property {string} color - Default: 'primary'
|
|
55
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
56
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
57
|
+
*/
|
|
58
|
+
color?: string;
|
|
59
|
+
/**
|
|
60
|
+
* Applies a color to the textarea's background. Accepts all the color names of the color palette, status colors, or custom colors (learn more about the colors in the `colors` knowledge base page).
|
|
61
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
62
|
+
* @property {string} bgColor
|
|
63
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
64
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
65
|
+
*/
|
|
66
|
+
bgColor?: string;
|
|
67
|
+
/**
|
|
68
|
+
* Applies a specific color to the textarea's label. Note that on validation failure, the validation-color takes precedence.
|
|
69
|
+
* Accepts all the color names of the color palette, status colors, or custom colors (learn more about the colors in the `colors` knowledge base page).
|
|
70
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
71
|
+
* @property {string} labelColor - Default: 'primary'
|
|
72
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
73
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
74
|
+
*/
|
|
75
|
+
labelColor?: string;
|
|
76
|
+
/**
|
|
77
|
+
* The outline style applies the provided `color` (by default the `primary` color is used) to the text and border and no background color is set.
|
|
78
|
+
* @property {boolean} outline
|
|
79
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
80
|
+
*/
|
|
81
|
+
outline?: boolean;
|
|
82
|
+
/**
|
|
83
|
+
* Applies a drop shadow to the textarea.
|
|
84
|
+
* @property {boolean} shadow
|
|
85
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
86
|
+
*/
|
|
87
|
+
shadow?: boolean;
|
|
88
|
+
/**
|
|
89
|
+
* Disables the ability to fit the textarea height to the content.
|
|
90
|
+
* The height will not be smaller than the number of rows set via the `rows` prop.
|
|
91
|
+
* @property {boolean} noAutogrow
|
|
92
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
93
|
+
*/
|
|
94
|
+
noAutogrow?: boolean;
|
|
95
|
+
/**
|
|
96
|
+
* Allows native resizing of the textarea's height.
|
|
97
|
+
* @property {boolean} resizable
|
|
98
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
99
|
+
*/
|
|
100
|
+
resizable?: boolean;
|
|
101
|
+
/**
|
|
102
|
+
* Removes the default border-radius and sets sharp edges on the textarea.
|
|
103
|
+
* @property {boolean} tile
|
|
104
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
105
|
+
*/
|
|
106
|
+
tile?: boolean;
|
|
107
|
+
/**
|
|
108
|
+
* The default and minimum number of rows to display in the textarea (native HTML attribute).
|
|
109
|
+
* @property {number|string} rows - Default: 3
|
|
110
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
111
|
+
*/
|
|
112
|
+
rows?: number | string;
|
|
113
|
+
/**
|
|
114
|
+
* Applies the native HTML `cols` attribute to the textarea (native HTML attribute).
|
|
115
|
+
* @property {number|string} cols
|
|
116
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
117
|
+
*/
|
|
118
|
+
cols?: number | string;
|
|
119
|
+
/**
|
|
120
|
+
* TODO: Add Description
|
|
121
|
+
* @property {boolean} dark
|
|
122
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
123
|
+
*/
|
|
124
|
+
dark?: boolean;
|
|
125
|
+
/**
|
|
126
|
+
* TODO: Add Description
|
|
127
|
+
* @property {boolean} light
|
|
128
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
129
|
+
*/
|
|
130
|
+
light?: boolean;
|
|
131
|
+
}
|
|
132
|
+
export interface WaveTextareaEmits {
|
|
133
|
+
/**
|
|
134
|
+
* Emitted each time the textarea text changes.<br>Updates the v-model value in Vue 2.x only.
|
|
135
|
+
* @param {any} renameMe1 - The new textarea value.
|
|
136
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
137
|
+
*/
|
|
138
|
+
'onInput'?: (renameMe1: any) => void;
|
|
139
|
+
/**
|
|
140
|
+
* Emitted each time the textarea text changes.<br>Updates the v-model value in Vue 3 only.
|
|
141
|
+
* @param {any} renameMe1 - The new textarea value.
|
|
142
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
143
|
+
*/
|
|
144
|
+
'onUpdate:modelValue'?: (renameMe1: any) => void;
|
|
145
|
+
/**
|
|
146
|
+
* Emitted on textarea focus.
|
|
147
|
+
* @param {any} renameMe1 - The associated focus DOM event.
|
|
148
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
149
|
+
*/
|
|
150
|
+
'onFocus'?: (renameMe1: any) => void;
|
|
151
|
+
/**
|
|
152
|
+
* Emitted on textarea blur.
|
|
153
|
+
* @param {any} renameMe1 - The associated blur DOM event.
|
|
154
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
155
|
+
*/
|
|
156
|
+
'onBlur'?: (renameMe1: any) => void;
|
|
157
|
+
/**
|
|
158
|
+
* Emitted on click of the left inner icon, if any.
|
|
159
|
+
* @param {any} renameMe1 - The associated click DOM event.
|
|
160
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
161
|
+
*/
|
|
162
|
+
'onClick:innerIconLeft'?: (renameMe1: any) => void;
|
|
163
|
+
/**
|
|
164
|
+
* Emitted on click of the right inner icon, if any.
|
|
165
|
+
* @param {any} renameMe1 - The associated click DOM event.
|
|
166
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
167
|
+
*/
|
|
168
|
+
'onClick:innerIconRight'?: (renameMe1: any) => void;
|
|
169
|
+
}
|
|
170
|
+
export interface WaveTextareaComputeds extends ComputedOptions {
|
|
171
|
+
/**
|
|
172
|
+
* TODO: Add Description
|
|
173
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
174
|
+
*/
|
|
175
|
+
listeners: ComputedGetter<any>;
|
|
176
|
+
/**
|
|
177
|
+
* TODO: Add Description
|
|
178
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
179
|
+
*/
|
|
180
|
+
hasValue: ComputedGetter<any>;
|
|
181
|
+
/**
|
|
182
|
+
* TODO: Add Description
|
|
183
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
184
|
+
*/
|
|
185
|
+
hasLabel: ComputedGetter<any>;
|
|
186
|
+
/**
|
|
187
|
+
* TODO: Add Description
|
|
188
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
189
|
+
*/
|
|
190
|
+
showLabelInside: ComputedGetter<any>;
|
|
191
|
+
/**
|
|
192
|
+
* TODO: Add Description
|
|
193
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
194
|
+
*/
|
|
195
|
+
classes: ComputedGetter<any>;
|
|
196
|
+
/**
|
|
197
|
+
* TODO: Add Description
|
|
198
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
199
|
+
*/
|
|
200
|
+
inputWrapClasses: ComputedGetter<any>;
|
|
201
|
+
/**
|
|
202
|
+
* TODO: Add Description
|
|
203
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
204
|
+
*/
|
|
205
|
+
textareaStyles: ComputedGetter<any>;
|
|
206
|
+
}
|
|
207
|
+
export interface WaveTextareaMethods extends MethodOptions {
|
|
208
|
+
/**
|
|
209
|
+
* TODO: Add Description
|
|
210
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
211
|
+
*/
|
|
212
|
+
onInput(): void;
|
|
213
|
+
/**
|
|
214
|
+
* TODO: Add Description
|
|
215
|
+
* @param {any} e
|
|
216
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
217
|
+
*/
|
|
218
|
+
onFocus(e: any): void;
|
|
219
|
+
/**
|
|
220
|
+
* TODO: Add Description
|
|
221
|
+
* @param {any} e
|
|
222
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
223
|
+
*/
|
|
224
|
+
onBlur(e: any): void;
|
|
225
|
+
/**
|
|
226
|
+
* TODO: Add Description
|
|
227
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
228
|
+
*/
|
|
229
|
+
computeHeight(): void;
|
|
230
|
+
/**
|
|
231
|
+
* TODO: Add Description
|
|
232
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
233
|
+
*/
|
|
234
|
+
getLineHeight(): void;
|
|
235
|
+
}
|
|
236
|
+
export type WaveTextareaSlots = SlotsType<{
|
|
237
|
+
/**
|
|
238
|
+
* The label content, if the `label` prop is not flexible enough.
|
|
239
|
+
* @see https://antoniandre.github.io/wave-ui/w-textarea
|
|
240
|
+
*/
|
|
241
|
+
'default': () => any;
|
|
242
|
+
/**
|
|
243
|
+
* The left icon, if the `innerIconLeft` prop is not flexible enough.
|
|
244
|
+
* @see https://antoniandre.github.io/wave-ui/w-input
|
|
245
|
+
*/
|
|
246
|
+
'icon-left': (_: {
|
|
247
|
+
inputId: string;
|
|
248
|
+
}) => any;
|
|
249
|
+
/**
|
|
250
|
+
* The right icon, if the `innerIconRight` prop is not flexible enough.
|
|
251
|
+
* @see https://antoniandre.github.io/wave-ui/w-input
|
|
252
|
+
*/
|
|
253
|
+
'icon-right': (_: {
|
|
254
|
+
inputId: string;
|
|
255
|
+
}) => any;
|
|
256
|
+
}>;
|
|
257
|
+
export type WTextarea = DefineComponent<WaveTextareaProps, {}, {}, WaveTextareaComputeds, WaveTextareaMethods, {}, {}, WaveTextareaEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveTextareaProps & WaveTextareaEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveTextareaProps>, WaveTextareaSlots>;
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
|
|
2
|
+
import { PublicProps, ResolveProps } from '../extra-vue-types';
|
|
3
|
+
export interface WaveTimelineProps {
|
|
4
|
+
/**
|
|
5
|
+
* The items to display in the timeline. Usually an array of objects containing at least a `title`.
|
|
6
|
+
* In some cases you may also provide an integer (items count) to loop through. Each item can then be defined in the template using the `item.x` slot for each iteration of this integer.
|
|
7
|
+
* @property {Array<any>|number} [items]
|
|
8
|
+
* @see https://antoniandre.github.io/wave-ui/w-timeline
|
|
9
|
+
*/
|
|
10
|
+
items: Array<any> | number;
|
|
11
|
+
/**
|
|
12
|
+
* Applies a color to both the item bullet or icon, and the item title, on each item.
|
|
13
|
+
* Accepts all the color names of the color palette, status colors, or custom colors (learn more about the colors in the `colors` knowledge base page).
|
|
14
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
15
|
+
* @property {string} color
|
|
16
|
+
* @see https://antoniandre.github.io/wave-ui/w-timeline
|
|
17
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
18
|
+
*/
|
|
19
|
+
color?: string;
|
|
20
|
+
/**
|
|
21
|
+
* A global icon string to apply to all the items.
|
|
22
|
+
* @property {string} icon
|
|
23
|
+
* @see https://antoniandre.github.io/wave-ui/w-timeline
|
|
24
|
+
*/
|
|
25
|
+
icon?: string;
|
|
26
|
+
/**
|
|
27
|
+
* The property name (aka "key") in each item object where to find the title of the item.
|
|
28
|
+
* @property {string} itemTitleKey - Default: 'title'
|
|
29
|
+
* @see https://antoniandre.github.io/wave-ui/w-timeline
|
|
30
|
+
*/
|
|
31
|
+
itemTitleKey?: string;
|
|
32
|
+
/**
|
|
33
|
+
* The property name (aka "key") in each item object where to find the content of the item.
|
|
34
|
+
* @property {string} itemContentKey - Default: 'content'
|
|
35
|
+
* @see https://antoniandre.github.io/wave-ui/w-timeline
|
|
36
|
+
*/
|
|
37
|
+
itemContentKey?: string;
|
|
38
|
+
/**
|
|
39
|
+
* The property name (aka "key") in each item object where to find the icon of the item.
|
|
40
|
+
* @property {string} itemIconKey - Default: 'icon'
|
|
41
|
+
* @see https://antoniandre.github.io/wave-ui/w-timeline
|
|
42
|
+
*/
|
|
43
|
+
itemIconKey?: string;
|
|
44
|
+
/**
|
|
45
|
+
* The property name (aka "key") in each item object where to find the color of the item.
|
|
46
|
+
* @property {string} itemColorKey - Default: 'color'
|
|
47
|
+
* @see https://antoniandre.github.io/wave-ui/w-timeline
|
|
48
|
+
*/
|
|
49
|
+
itemColorKey?: string;
|
|
50
|
+
/**
|
|
51
|
+
* TODO: Add Description
|
|
52
|
+
* @property {boolean} dark
|
|
53
|
+
* @see https://antoniandre.github.io/wave-ui/w-timeline
|
|
54
|
+
*/
|
|
55
|
+
dark?: boolean;
|
|
56
|
+
/**
|
|
57
|
+
* TODO: Add Description
|
|
58
|
+
* @property {boolean} light
|
|
59
|
+
* @see https://antoniandre.github.io/wave-ui/w-timeline
|
|
60
|
+
*/
|
|
61
|
+
light?: boolean;
|
|
62
|
+
}
|
|
63
|
+
export interface WaveTimelineEmits {
|
|
64
|
+
}
|
|
65
|
+
export interface WaveTimelineComputeds extends ComputedOptions {
|
|
66
|
+
/**
|
|
67
|
+
* TODO: Add Description
|
|
68
|
+
* @see https://antoniandre.github.io/wave-ui/w-timeline
|
|
69
|
+
*/
|
|
70
|
+
classes: ComputedGetter<any>;
|
|
71
|
+
}
|
|
72
|
+
export interface WaveTimelineMethods extends MethodOptions {
|
|
73
|
+
}
|
|
74
|
+
export type WaveTimelineSlots = SlotsType<{
|
|
75
|
+
/**
|
|
76
|
+
* Provide a custom template for every item. Applies to all the items, but can be overridden by the `item.x` slot.
|
|
77
|
+
* @param {any} item The current item object.
|
|
78
|
+
* @param {any} index The item index in the array of items. Starts at 1 to be consistent with the `item.x` slot.
|
|
79
|
+
* @see https://antoniandre.github.io/wave-ui/w-timeline
|
|
80
|
+
*/
|
|
81
|
+
'item': (_: {
|
|
82
|
+
item: any;
|
|
83
|
+
index: any;
|
|
84
|
+
}) => any;
|
|
85
|
+
/**
|
|
86
|
+
* `x` is an integer starting at `1`.
|
|
87
|
+
* Provide a custom template for a single item: the item at the index `x`.
|
|
88
|
+
* @param {any} item The current item object.
|
|
89
|
+
* @param {any} index The item index in the array of items. Starts at 1 to be consistent with the `item.x` slot.
|
|
90
|
+
* @see https://antoniandre.github.io/wave-ui/w-timeline
|
|
91
|
+
*/
|
|
92
|
+
'item.x': (_: {
|
|
93
|
+
item: any;
|
|
94
|
+
index: any;
|
|
95
|
+
}) => any;
|
|
96
|
+
} & {
|
|
97
|
+
[k in `item${number}`]: (_: {
|
|
98
|
+
item: any;
|
|
99
|
+
index: any;
|
|
100
|
+
}) => any;
|
|
101
|
+
}>;
|
|
102
|
+
export type WTimeline = DefineComponent<WaveTimelineProps, {}, {}, WaveTimelineComputeds, WaveTimelineMethods, {}, {}, WaveTimelineEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveTimelineProps & WaveTimelineEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveTimelineProps>, WaveTimelineSlots>;
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
|
|
2
|
+
import { PublicProps, ResolveProps } from '../extra-vue-types';
|
|
3
|
+
export interface WaveToolbarProps {
|
|
4
|
+
/**
|
|
5
|
+
* Applies a color to the toolbar's text. Accepts all the color names of the color palette, status colors, or custom colors (learn more about the colors in the `colors` knowledge base page).
|
|
6
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
7
|
+
* @property {string} color
|
|
8
|
+
* @see https://antoniandre.github.io/wave-ui/w-toolbar
|
|
9
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
10
|
+
*/
|
|
11
|
+
color?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Applies a color to the toolbar's background. Accepts all the color names of the color palette, status colors, or custom colors (learn more about the colors in the `colors` knowledge base page).
|
|
14
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
15
|
+
* @property {string} bgColor
|
|
16
|
+
* @see https://antoniandre.github.io/wave-ui/w-toolbar
|
|
17
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
18
|
+
*/
|
|
19
|
+
bgColor?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Sets the CSS position of the toolbar to `absolute` and relative to the closest parent with a position (like normal CSS).
|
|
22
|
+
* @property {boolean} absolute
|
|
23
|
+
* @see https://antoniandre.github.io/wave-ui/w-toolbar
|
|
24
|
+
*/
|
|
25
|
+
absolute?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Sets the CSS position of the toolbar to `fixed`.
|
|
28
|
+
* @property {boolean} fixed
|
|
29
|
+
* @see https://antoniandre.github.io/wave-ui/w-toolbar
|
|
30
|
+
*/
|
|
31
|
+
fixed?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Only applies to horizontal toolbars and can't be combined with the `right` option.
|
|
34
|
+
* If applied together with the `absolute` or `fixed` option, positions the horizontal toolbar at the bottom. By default the toolbar will be at the top.
|
|
35
|
+
* This option also applies a border at the top of the toolbar (unless the `no-border` prop is set to true), and removes the default bottom border.
|
|
36
|
+
* @property {boolean} bottom
|
|
37
|
+
* @see https://antoniandre.github.io/wave-ui/w-toolbar
|
|
38
|
+
*/
|
|
39
|
+
bottom?: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* TODO: Add Description
|
|
42
|
+
* @property {boolean} vertical
|
|
43
|
+
* @see https://antoniandre.github.io/wave-ui/w-toolbar
|
|
44
|
+
*/
|
|
45
|
+
vertical?: boolean;
|
|
46
|
+
/**
|
|
47
|
+
* TODO: Add Description
|
|
48
|
+
* @property {boolean} left
|
|
49
|
+
* @see https://antoniandre.github.io/wave-ui/w-toolbar
|
|
50
|
+
*/
|
|
51
|
+
left?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* Only applies to vertical toolbars and can't be combined with the `bottom` option.
|
|
54
|
+
* If applied together with the `absolute` or `fixed` option, positions the vertical toolbar on the right side. By default the toolbar will be on the left.
|
|
55
|
+
* This option also applies a border at the left of the toolbar (unless the `no-border` prop is set to true), and removes the default right border.
|
|
56
|
+
* @property {boolean} right
|
|
57
|
+
* @see https://antoniandre.github.io/wave-ui/w-toolbar
|
|
58
|
+
*/
|
|
59
|
+
right?: boolean;
|
|
60
|
+
/**
|
|
61
|
+
* Only applies to vertical toolbars.
|
|
62
|
+
* Sets a height on the toolbar.
|
|
63
|
+
* Accepts a string made of a value and a unit (e.g. `2.5em`) or a number (e.g. `45`) that will be considered a pixel value.
|
|
64
|
+
* @property {number|string} width - Default: null
|
|
65
|
+
* @see https://antoniandre.github.io/wave-ui/w-toolbar
|
|
66
|
+
*/
|
|
67
|
+
width?: number | string;
|
|
68
|
+
/**
|
|
69
|
+
* Only applies to horizontal toolbars.
|
|
70
|
+
* Sets a height on the toolbar.
|
|
71
|
+
* Accepts a string made of a value and a unit (e.g. `2.5em`) or a number (e.g. `45`) that will be considered a pixel value.
|
|
72
|
+
* @property {number|string} height - Default: null
|
|
73
|
+
* @see https://antoniandre.github.io/wave-ui/w-toolbar
|
|
74
|
+
*/
|
|
75
|
+
height?: number | string;
|
|
76
|
+
/**
|
|
77
|
+
* Removes the default border (top or bottom) from the toolbar.
|
|
78
|
+
* @property {boolean} noBorder
|
|
79
|
+
* @see https://antoniandre.github.io/wave-ui/w-toolbar
|
|
80
|
+
*/
|
|
81
|
+
noBorder?: boolean;
|
|
82
|
+
/**
|
|
83
|
+
* Applies a drop shadow to the toolbar.
|
|
84
|
+
* @property {boolean} shadow
|
|
85
|
+
* @see https://antoniandre.github.io/wave-ui/w-toolbar
|
|
86
|
+
*/
|
|
87
|
+
shadow?: boolean;
|
|
88
|
+
/**
|
|
89
|
+
* TODO: Add Description
|
|
90
|
+
* @property {boolean} dark
|
|
91
|
+
* @see https://antoniandre.github.io/wave-ui/w-toolbar
|
|
92
|
+
*/
|
|
93
|
+
dark?: boolean;
|
|
94
|
+
/**
|
|
95
|
+
* TODO: Add Description
|
|
96
|
+
* @property {boolean} light
|
|
97
|
+
* @see https://antoniandre.github.io/wave-ui/w-toolbar
|
|
98
|
+
*/
|
|
99
|
+
light?: boolean;
|
|
100
|
+
}
|
|
101
|
+
export interface WaveToolbarEmits {
|
|
102
|
+
}
|
|
103
|
+
export interface WaveToolbarComputeds extends ComputedOptions {
|
|
104
|
+
/**
|
|
105
|
+
* TODO: Add Description
|
|
106
|
+
* @see https://antoniandre.github.io/wave-ui/w-toolbar
|
|
107
|
+
*/
|
|
108
|
+
toolbarHeight: ComputedGetter<any>;
|
|
109
|
+
/**
|
|
110
|
+
* TODO: Add Description
|
|
111
|
+
* @see https://antoniandre.github.io/wave-ui/w-toolbar
|
|
112
|
+
*/
|
|
113
|
+
toolbarWidth: ComputedGetter<any>;
|
|
114
|
+
/**
|
|
115
|
+
* TODO: Add Description
|
|
116
|
+
* @see https://antoniandre.github.io/wave-ui/w-toolbar
|
|
117
|
+
*/
|
|
118
|
+
classes: ComputedGetter<any>;
|
|
119
|
+
/**
|
|
120
|
+
* TODO: Add Description
|
|
121
|
+
* @see https://antoniandre.github.io/wave-ui/w-toolbar
|
|
122
|
+
*/
|
|
123
|
+
styles: ComputedGetter<any>;
|
|
124
|
+
}
|
|
125
|
+
export interface WaveToolbarMethods extends MethodOptions {
|
|
126
|
+
}
|
|
127
|
+
export type WaveToolbarSlots = SlotsType<{
|
|
128
|
+
/**
|
|
129
|
+
* The toolbar content.
|
|
130
|
+
* @see https://antoniandre.github.io/wave-ui/w-toolbar
|
|
131
|
+
*/
|
|
132
|
+
'default': () => any;
|
|
133
|
+
}>;
|
|
134
|
+
export type WToolbar = DefineComponent<WaveToolbarProps, {}, {}, WaveToolbarComputeds, WaveToolbarMethods, {}, {}, WaveToolbarEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveToolbarProps & WaveToolbarEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveToolbarProps>, WaveToolbarSlots>;
|
|
@@ -0,0 +1,170 @@
|
|
|
1
|
+
import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
|
|
2
|
+
import { PublicProps, ResolveProps } from '../extra-vue-types';
|
|
3
|
+
export interface WaveTooltipProps {
|
|
4
|
+
/**
|
|
5
|
+
* ``value` in Vue 2.`
|
|
6
|
+
* This prop controls the visibility of the tooltip. Any truthy value will show the tooltip whereas any falsy value will hide it.
|
|
7
|
+
* @property {any} modelValue
|
|
8
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
9
|
+
*/
|
|
10
|
+
modelValue?: any;
|
|
11
|
+
/**
|
|
12
|
+
* Triggers the tooltip apparition on activator click instead of hover by default. Another click on the activator will hide the tooltip.
|
|
13
|
+
* @property {boolean} showOnClick
|
|
14
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
15
|
+
*/
|
|
16
|
+
showOnClick?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Applies a color to the tooltip's text. Accepts all the color names of the color palette, status colors, or custom colors (learn more about the colors in the `colors` knowledge base page).
|
|
19
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
20
|
+
* @property {string} color
|
|
21
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
22
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
23
|
+
*/
|
|
24
|
+
color?: string;
|
|
25
|
+
/**
|
|
26
|
+
* Applies a color to the tooltip's background. Accepts all the color names of the color palette, status colors, or custom colors (learn more about the colors in the `colors` knowledge base page).
|
|
27
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
28
|
+
* @property {string} bgColor
|
|
29
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
30
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
31
|
+
*/
|
|
32
|
+
bgColor?: string;
|
|
33
|
+
/**
|
|
34
|
+
* Removes the default border from the tooltip element.
|
|
35
|
+
* @property {boolean} noBorder
|
|
36
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
37
|
+
*/
|
|
38
|
+
noBorder?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Applies a drop shadow to the tooltip.
|
|
41
|
+
* @property {boolean} shadow
|
|
42
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
43
|
+
*/
|
|
44
|
+
shadow?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Removes the default border-radius and sets sharp edges on the tooltip.
|
|
47
|
+
* @property {boolean} tile
|
|
48
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
49
|
+
*/
|
|
50
|
+
tile?: boolean;
|
|
51
|
+
/**
|
|
52
|
+
* Sets a maximum border-radius on the corners of the tooltip, giving it a round look.
|
|
53
|
+
* @property {boolean} round
|
|
54
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
55
|
+
*/
|
|
56
|
+
round?: boolean;
|
|
57
|
+
/**
|
|
58
|
+
* Applies a particular transition to the tooltip element when showing and hiding.
|
|
59
|
+
* Accepts all the transitions listed in the `transitions` knowledge base page. You can also disable the transition by setting this prop to an empty string.
|
|
60
|
+
* @property {string} transition
|
|
61
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
62
|
+
* @see https://antoniandre.github.io/wave-ui/transitions
|
|
63
|
+
*/
|
|
64
|
+
transition?: string;
|
|
65
|
+
/**
|
|
66
|
+
* Provide custom CSS classes for the tooltip element.
|
|
67
|
+
* @property {string|{}|Array<any>} tooltipClass
|
|
68
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
69
|
+
*/
|
|
70
|
+
tooltipClass?: string | {} | Array<any>;
|
|
71
|
+
/**
|
|
72
|
+
* When set to `true`, clicking outside of the tooltip will not close the tooltip.
|
|
73
|
+
* @property {boolean} persistent
|
|
74
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
75
|
+
*/
|
|
76
|
+
persistent?: boolean;
|
|
77
|
+
/**
|
|
78
|
+
* A delay - in milliseconds - before opening the tooltip.
|
|
79
|
+
* A small delay may help the tooltip position computing if the tooltip content changes at the moment the activator is activated. For instance, when defining multiple activators opening the same tooltip with different content.
|
|
80
|
+
* @property {number} delay
|
|
81
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
82
|
+
*/
|
|
83
|
+
delay?: number;
|
|
84
|
+
/**
|
|
85
|
+
* TODO: Add Description
|
|
86
|
+
* @property {boolean} dark
|
|
87
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
88
|
+
*/
|
|
89
|
+
dark?: boolean;
|
|
90
|
+
/**
|
|
91
|
+
* TODO: Add Description
|
|
92
|
+
* @property {boolean} light
|
|
93
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
94
|
+
*/
|
|
95
|
+
light?: boolean;
|
|
96
|
+
}
|
|
97
|
+
export interface WaveTooltipEmits {
|
|
98
|
+
/**
|
|
99
|
+
* TODO: Add Description
|
|
100
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
101
|
+
*/
|
|
102
|
+
'onInput'?: () => void;
|
|
103
|
+
/**
|
|
104
|
+
* TODO: Add Description
|
|
105
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
106
|
+
*/
|
|
107
|
+
'onUpdate:modelValue'?: () => void;
|
|
108
|
+
/**
|
|
109
|
+
* TODO: Add Description
|
|
110
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
111
|
+
*/
|
|
112
|
+
'onOpen'?: () => void;
|
|
113
|
+
/**
|
|
114
|
+
* TODO: Add Description
|
|
115
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
116
|
+
*/
|
|
117
|
+
'onClose'?: () => void;
|
|
118
|
+
}
|
|
119
|
+
export interface WaveTooltipComputeds extends ComputedOptions {
|
|
120
|
+
/**
|
|
121
|
+
* TODO: Add Description
|
|
122
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
123
|
+
*/
|
|
124
|
+
tooltipClasses: ComputedGetter<any>;
|
|
125
|
+
/**
|
|
126
|
+
* TODO: Add Description
|
|
127
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
128
|
+
*/
|
|
129
|
+
transitionName: ComputedGetter<any>;
|
|
130
|
+
/**
|
|
131
|
+
* TODO: Add Description
|
|
132
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
133
|
+
*/
|
|
134
|
+
classes: ComputedGetter<any>;
|
|
135
|
+
/**
|
|
136
|
+
* TODO: Add Description
|
|
137
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
138
|
+
*/
|
|
139
|
+
styles: ComputedGetter<any>;
|
|
140
|
+
/**
|
|
141
|
+
* TODO: Add Description
|
|
142
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
143
|
+
*/
|
|
144
|
+
activatorEventHandlers: ComputedGetter<any>;
|
|
145
|
+
}
|
|
146
|
+
export interface WaveTooltipMethods extends MethodOptions {
|
|
147
|
+
/**
|
|
148
|
+
* TODO: Add Description
|
|
149
|
+
* @param {any} e
|
|
150
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
151
|
+
*/
|
|
152
|
+
toggle(e: any): void;
|
|
153
|
+
}
|
|
154
|
+
export type WaveTooltipSlots = SlotsType<{
|
|
155
|
+
/**
|
|
156
|
+
* `This slot is required and must have the `v-on="on"` directive set on it for the tooltip to toggle correctly.`
|
|
157
|
+
* The activator can be any visible DOM element or mounted component.
|
|
158
|
+
* @param {any} on TODO: Describe me!
|
|
159
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
160
|
+
*/
|
|
161
|
+
'activator': (_: {
|
|
162
|
+
on: any;
|
|
163
|
+
}) => any;
|
|
164
|
+
/**
|
|
165
|
+
* The tooltip content.
|
|
166
|
+
* @see https://antoniandre.github.io/wave-ui/w-tooltip
|
|
167
|
+
*/
|
|
168
|
+
'default': () => any;
|
|
169
|
+
}>;
|
|
170
|
+
export type WTooltip = DefineComponent<WaveTooltipProps, {}, {}, WaveTooltipComputeds, WaveTooltipMethods, {}, {}, WaveTooltipEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveTooltipProps & WaveTooltipEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveTooltipProps>, WaveTooltipSlots>;
|