wave-ui 3.10.0 → 3.11.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 +29 -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 +338 -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 +371 -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 +406 -0
- package/dist/types/components/WTable.js +2 -0
- package/dist/types/components/WTabs.d.ts +301 -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 +243 -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.es.js +405 -382
- package/dist/wave-ui.umd.js +1 -1
- package/package.json +16 -10
- package/src/wave-ui/components/transitions/w-transition-expand.vue +2 -4
- package/src/wave-ui/components/w-parallax.vue +0 -1
- package/src/wave-ui/index.d.ts +21 -0
|
@@ -0,0 +1,194 @@
|
|
|
1
|
+
import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
|
|
2
|
+
import { PublicProps, ResolveProps } from '../extra-vue-types';
|
|
3
|
+
export interface WaveBadgeProps {
|
|
4
|
+
/**
|
|
5
|
+
* ``value` in Vue 2.`
|
|
6
|
+
* This prop controls the visibility of the badge. Any truthy value will show the badge whereas any falsy value will hide it.
|
|
7
|
+
* @property {any} modelValue - Default: true
|
|
8
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
9
|
+
*/
|
|
10
|
+
modelValue?: any;
|
|
11
|
+
/**
|
|
12
|
+
* Sets the size of the badge (font-size).
|
|
13
|
+
* @property {boolean} xs
|
|
14
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
15
|
+
*/
|
|
16
|
+
xs?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Sets the size of the badge (font-size).
|
|
19
|
+
* @property {boolean} sm
|
|
20
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
21
|
+
*/
|
|
22
|
+
sm?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Sets the size of the badge (font-size).
|
|
25
|
+
* @property {boolean} md
|
|
26
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
27
|
+
*/
|
|
28
|
+
md?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Sets the size of the badge (font-size).
|
|
31
|
+
* @property {boolean} lg
|
|
32
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
33
|
+
*/
|
|
34
|
+
lg?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Sets the size of the badge (font-size).
|
|
37
|
+
* @property {boolean} xl
|
|
38
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
39
|
+
*/
|
|
40
|
+
xl?: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* Places the badge at the top of its activator, either on the left or right (right by default).
|
|
43
|
+
* @property {boolean} top
|
|
44
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
45
|
+
*/
|
|
46
|
+
top?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* Places the badge at the left of its activator, either at the top or bottom (top by default).
|
|
49
|
+
* @property {boolean} left
|
|
50
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
51
|
+
*/
|
|
52
|
+
left?: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Places the badge at the right of its activator, either at the top or bottom (top by default).
|
|
55
|
+
* @property {boolean} right
|
|
56
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
57
|
+
*/
|
|
58
|
+
right?: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* Places the badge at the bottom of its activator, either on the left or right (right by default).
|
|
61
|
+
* @property {boolean} bottom
|
|
62
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
63
|
+
*/
|
|
64
|
+
bottom?: boolean;
|
|
65
|
+
/**
|
|
66
|
+
* Overlaps the activator element narrowing the distance between the activator and the badge.
|
|
67
|
+
* @property {boolean} overlap
|
|
68
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
69
|
+
*/
|
|
70
|
+
overlap?: boolean;
|
|
71
|
+
/**
|
|
72
|
+
* Displays the badge inline, in a `static` position instead of `absolute` by default.
|
|
73
|
+
* @property {boolean} inline
|
|
74
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
75
|
+
*/
|
|
76
|
+
inline?: boolean;
|
|
77
|
+
/**
|
|
78
|
+
* Applies a color to the badge'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).
|
|
79
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
80
|
+
* @property {string} color
|
|
81
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
82
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
83
|
+
*/
|
|
84
|
+
color?: string;
|
|
85
|
+
/**
|
|
86
|
+
* Sets the font-size of the badge.
|
|
87
|
+
* Accepts a string made of a value and a unit (e.g. `2.5em`) or a number (e.g. `45`) that will be a pixel value.
|
|
88
|
+
* @property {number|string} size
|
|
89
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
90
|
+
*/
|
|
91
|
+
size?: number | string;
|
|
92
|
+
/**
|
|
93
|
+
* Applies a color to the badge'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).
|
|
94
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
95
|
+
* @property {string} bgColor - Default: 'primary'
|
|
96
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
97
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
98
|
+
*/
|
|
99
|
+
bgColor?: string;
|
|
100
|
+
/**
|
|
101
|
+
* Applies a custom CSS class to the badge element.
|
|
102
|
+
* @property {string} badgeClass
|
|
103
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
104
|
+
*/
|
|
105
|
+
badgeClass?: string;
|
|
106
|
+
/**
|
|
107
|
+
* The outline style applies the provided `color` (by default the color is inherited) to the text and border and no background color is set.
|
|
108
|
+
* @property {boolean} outline
|
|
109
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
110
|
+
*/
|
|
111
|
+
outline?: boolean;
|
|
112
|
+
/**
|
|
113
|
+
* Applies a drop shadow to the badge.
|
|
114
|
+
* @property {boolean} shadow
|
|
115
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
116
|
+
*/
|
|
117
|
+
shadow?: boolean;
|
|
118
|
+
/**
|
|
119
|
+
* Displays a much smaller dot with no content in it.
|
|
120
|
+
* @property {boolean} dot
|
|
121
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
122
|
+
*/
|
|
123
|
+
dot?: boolean;
|
|
124
|
+
/**
|
|
125
|
+
* Forces the badge to be round, when the content is too wide and causes a natural increase of the badge width.
|
|
126
|
+
* @property {boolean} round
|
|
127
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
128
|
+
*/
|
|
129
|
+
round?: boolean;
|
|
130
|
+
/**
|
|
131
|
+
* Applies a particular transition to the badge when showing and hiding.
|
|
132
|
+
* Check all the transitions that apply to the badge component in the `Transitions` example.
|
|
133
|
+
* @property {string} transition - Default: 'fade'
|
|
134
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
135
|
+
* @see https://antoniandre.github.io/wave-ui/#transitions
|
|
136
|
+
*/
|
|
137
|
+
transition?: string;
|
|
138
|
+
/**
|
|
139
|
+
* When set to true, the text color will be set to white.
|
|
140
|
+
* @property {boolean} dark
|
|
141
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
142
|
+
*/
|
|
143
|
+
dark?: boolean;
|
|
144
|
+
/**
|
|
145
|
+
* TODO: Add Description
|
|
146
|
+
* @property {boolean} light
|
|
147
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
148
|
+
*/
|
|
149
|
+
light?: boolean;
|
|
150
|
+
}
|
|
151
|
+
export interface WaveBadgeEmits {
|
|
152
|
+
}
|
|
153
|
+
export interface WaveBadgeComputeds extends ComputedOptions {
|
|
154
|
+
/**
|
|
155
|
+
* TODO: Add Description
|
|
156
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
157
|
+
*/
|
|
158
|
+
forcedSize: ComputedGetter<any>;
|
|
159
|
+
/**
|
|
160
|
+
* TODO: Add Description
|
|
161
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
162
|
+
*/
|
|
163
|
+
presetSize: ComputedGetter<any>;
|
|
164
|
+
/**
|
|
165
|
+
* TODO: Add Description
|
|
166
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
167
|
+
*/
|
|
168
|
+
position: ComputedGetter<any>;
|
|
169
|
+
/**
|
|
170
|
+
* TODO: Add Description
|
|
171
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
172
|
+
*/
|
|
173
|
+
classes: ComputedGetter<any>;
|
|
174
|
+
/**
|
|
175
|
+
* TODO: Add Description
|
|
176
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
177
|
+
*/
|
|
178
|
+
styles: ComputedGetter<any>;
|
|
179
|
+
}
|
|
180
|
+
export interface WaveBadgeMethods extends MethodOptions {
|
|
181
|
+
}
|
|
182
|
+
export type WaveBadgeSlots = SlotsType<{
|
|
183
|
+
/**
|
|
184
|
+
* The element receiving the badge. Can be any visible DOM element or mounted component.
|
|
185
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
186
|
+
*/
|
|
187
|
+
'default': () => any;
|
|
188
|
+
/**
|
|
189
|
+
* The badge content.
|
|
190
|
+
* @see https://antoniandre.github.io/wave-ui/w-badge
|
|
191
|
+
*/
|
|
192
|
+
'badge': () => any;
|
|
193
|
+
}>;
|
|
194
|
+
export type WBadge = DefineComponent<WaveBadgeProps, {}, {}, WaveBadgeComputeds, WaveBadgeMethods, {}, {}, WaveBadgeEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveBadgeProps & WaveBadgeEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveBadgeProps>, WaveBadgeSlots>;
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
|
|
2
|
+
import { PublicProps, ResolveProps } from '../extra-vue-types';
|
|
3
|
+
export interface WaveBreadcrumbsProps {
|
|
4
|
+
/**
|
|
5
|
+
* An array of items to display in the breadcrumbs. Each item must be an object containing a `label` and a `route`.
|
|
6
|
+
* If no route is found the item will be wrapped in a span instead of a link.
|
|
7
|
+
* @property {Array<any>} [items]
|
|
8
|
+
* @see https://antoniandre.github.io/wave-ui/w-breadcrumbs
|
|
9
|
+
*/
|
|
10
|
+
items: Array<any>;
|
|
11
|
+
/**
|
|
12
|
+
* When set to true, and if the last item has a provided route, the last item will be a link.
|
|
13
|
+
* @property {boolean} linkLastItem
|
|
14
|
+
* @see https://antoniandre.github.io/wave-ui/w-breadcrumbs
|
|
15
|
+
*/
|
|
16
|
+
linkLastItem?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Applies a text color to the breadcrumb's links.
|
|
19
|
+
* 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).
|
|
20
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
21
|
+
* @property {string} color
|
|
22
|
+
* @see https://antoniandre.github.io/wave-ui/w-breadcrumbs
|
|
23
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
24
|
+
*/
|
|
25
|
+
color?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Applies a text color (also applies to icons) to the breadcrumb's separators.
|
|
28
|
+
* 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).
|
|
29
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
30
|
+
* @property {string} separatorColor - Default: 'grey-light1'
|
|
31
|
+
* @see https://antoniandre.github.io/wave-ui/w-breadcrumbs
|
|
32
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
33
|
+
*/
|
|
34
|
+
separatorColor?: string;
|
|
35
|
+
/**
|
|
36
|
+
* Provide a custom icon for the separators.
|
|
37
|
+
* @property {string} icon - Default: 'wi-chevron-right'
|
|
38
|
+
* @see https://antoniandre.github.io/wave-ui/w-breadcrumbs
|
|
39
|
+
*/
|
|
40
|
+
icon?: string;
|
|
41
|
+
/**
|
|
42
|
+
* The property name (aka "key") in each item object where to find the link of the item.
|
|
43
|
+
* @property {string} itemRouteKey - Default: 'route'
|
|
44
|
+
* @see https://antoniandre.github.io/wave-ui/w-breadcrumbs
|
|
45
|
+
*/
|
|
46
|
+
itemRouteKey?: string;
|
|
47
|
+
/**
|
|
48
|
+
* The property name (aka "key") in each item object where to find the label of the item.
|
|
49
|
+
* @property {string} itemLabelKey - Default: 'label'
|
|
50
|
+
* @see https://antoniandre.github.io/wave-ui/w-breadcrumbs
|
|
51
|
+
*/
|
|
52
|
+
itemLabelKey?: string;
|
|
53
|
+
/**
|
|
54
|
+
* Sets the font size of the items.
|
|
55
|
+
* @property {boolean} xs
|
|
56
|
+
* @see https://antoniandre.github.io/wave-ui/w-breadcrumbs
|
|
57
|
+
*/
|
|
58
|
+
xs?: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* Sets the font size of the items.
|
|
61
|
+
* @property {boolean} sm
|
|
62
|
+
* @see https://antoniandre.github.io/wave-ui/w-breadcrumbs
|
|
63
|
+
*/
|
|
64
|
+
sm?: boolean;
|
|
65
|
+
/**
|
|
66
|
+
* Sets the font size of the items.
|
|
67
|
+
* @property {boolean} md
|
|
68
|
+
* @see https://antoniandre.github.io/wave-ui/w-breadcrumbs
|
|
69
|
+
*/
|
|
70
|
+
md?: boolean;
|
|
71
|
+
/**
|
|
72
|
+
* Sets the font size of the items.
|
|
73
|
+
* @property {boolean} lg
|
|
74
|
+
* @see https://antoniandre.github.io/wave-ui/w-breadcrumbs
|
|
75
|
+
*/
|
|
76
|
+
lg?: boolean;
|
|
77
|
+
/**
|
|
78
|
+
* Sets the font size of the items.
|
|
79
|
+
* @property {boolean} xl
|
|
80
|
+
* @see https://antoniandre.github.io/wave-ui/w-breadcrumbs
|
|
81
|
+
*/
|
|
82
|
+
xl?: boolean;
|
|
83
|
+
}
|
|
84
|
+
export interface WaveBreadcrumbsEmits {
|
|
85
|
+
}
|
|
86
|
+
export interface WaveBreadcrumbsComputeds extends ComputedOptions {
|
|
87
|
+
/**
|
|
88
|
+
* TODO: Add Description
|
|
89
|
+
* @see https://antoniandre.github.io/wave-ui/w-breadcrumbs
|
|
90
|
+
*/
|
|
91
|
+
hasRouter: ComputedGetter<any>;
|
|
92
|
+
/**
|
|
93
|
+
* TODO: Add Description
|
|
94
|
+
* @see https://antoniandre.github.io/wave-ui/w-breadcrumbs
|
|
95
|
+
*/
|
|
96
|
+
size: ComputedGetter<any>;
|
|
97
|
+
/**
|
|
98
|
+
* TODO: Add Description
|
|
99
|
+
* @see https://antoniandre.github.io/wave-ui/w-breadcrumbs
|
|
100
|
+
*/
|
|
101
|
+
classes: ComputedGetter<any>;
|
|
102
|
+
}
|
|
103
|
+
export interface WaveBreadcrumbsMethods extends MethodOptions {
|
|
104
|
+
}
|
|
105
|
+
export type WaveBreadcrumbsSlots = SlotsType<{
|
|
106
|
+
/**
|
|
107
|
+
* Provide a custom template for the breadcrumbs' separator.
|
|
108
|
+
* @param {any} index The separator index in the array of items. Starts at 1.
|
|
109
|
+
* @see https://antoniandre.github.io/wave-ui/w-breadcrumbs
|
|
110
|
+
*/
|
|
111
|
+
'separator': (_: {
|
|
112
|
+
index: any;
|
|
113
|
+
}) => any;
|
|
114
|
+
/**
|
|
115
|
+
* Provide a custom template for the breadcrumbs' item.
|
|
116
|
+
* @param {any} item The current item object.
|
|
117
|
+
* @param {any} index The item index in the array of items. Starts at 1.
|
|
118
|
+
* @param {any} isLast A boolean indicating if the current item is the last one. May be useful if you want a particular template for the current page.
|
|
119
|
+
* @param {any} key TODO: Describe me!
|
|
120
|
+
* @see https://antoniandre.github.io/wave-ui/w-breadcrumbs
|
|
121
|
+
*/
|
|
122
|
+
'item': (_: {
|
|
123
|
+
item: any;
|
|
124
|
+
index: any;
|
|
125
|
+
isLast: any;
|
|
126
|
+
key: any;
|
|
127
|
+
}) => any;
|
|
128
|
+
}>;
|
|
129
|
+
export type WBreadcrumbs = DefineComponent<WaveBreadcrumbsProps, {}, {}, WaveBreadcrumbsComputeds, WaveBreadcrumbsMethods, {}, {}, WaveBreadcrumbsEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveBreadcrumbsProps & WaveBreadcrumbsEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveBreadcrumbsProps>, WaveBreadcrumbsSlots>;
|
|
@@ -0,0 +1,218 @@
|
|
|
1
|
+
import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
|
|
2
|
+
import { PublicProps, ResolveProps } from '../extra-vue-types';
|
|
3
|
+
export interface WaveButtonProps {
|
|
4
|
+
/**
|
|
5
|
+
* Applies a color to the button's text.
|
|
6
|
+
* If no `color` and no `bg-color` are set, and if either `outline` or `text` is set to true, the `primary` color will be applied.
|
|
7
|
+
* 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).
|
|
8
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
9
|
+
* @property {string} color
|
|
10
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
11
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
12
|
+
*/
|
|
13
|
+
color?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Applies a color to the button's background.
|
|
16
|
+
* If no `color` and no `bg-color` are set, and if neither `outline` nor `text` are set to true, the `primary` color will be applied.
|
|
17
|
+
* 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).
|
|
18
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
19
|
+
* @property {string} bgColor
|
|
20
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
21
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
22
|
+
*/
|
|
23
|
+
bgColor?: string;
|
|
24
|
+
/**
|
|
25
|
+
* When set to true, the text color will be set to white.
|
|
26
|
+
* @property {boolean} dark
|
|
27
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
28
|
+
*/
|
|
29
|
+
dark?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* 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.
|
|
32
|
+
* @property {boolean} outline
|
|
33
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
34
|
+
*/
|
|
35
|
+
outline?: boolean;
|
|
36
|
+
/**
|
|
37
|
+
* Sets the background of the button to transparent. On mouse hover the button background is set to a very light opacity of the given `color` (primary by default).
|
|
38
|
+
* @property {boolean} text
|
|
39
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
40
|
+
*/
|
|
41
|
+
text?: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* Sets a maximum border-radius on the corners of the button, giving it a round look.
|
|
44
|
+
* @property {boolean} round
|
|
45
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
46
|
+
*/
|
|
47
|
+
round?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Applies a drop shadow to the button.
|
|
50
|
+
* @property {boolean} shadow
|
|
51
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
52
|
+
*/
|
|
53
|
+
shadow?: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* Removes the default border-radius and sets sharp edges on the button.
|
|
56
|
+
* @property {boolean} tile
|
|
57
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
58
|
+
*/
|
|
59
|
+
tile?: boolean;
|
|
60
|
+
/**
|
|
61
|
+
* TODO: Add Description
|
|
62
|
+
* @property {string} tooltip
|
|
63
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
64
|
+
*/
|
|
65
|
+
tooltip?: string;
|
|
66
|
+
/**
|
|
67
|
+
* TODO: Add Description
|
|
68
|
+
* @property {{}} tooltipProps - Default: () => ({})
|
|
69
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
70
|
+
*/
|
|
71
|
+
tooltipProps?: {};
|
|
72
|
+
/**
|
|
73
|
+
* When provided, the button becomes a link to this route. A `router-link` will be generated if you use Vue Router, or a normal link otherwise.
|
|
74
|
+
* @property {string|{}} route
|
|
75
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
76
|
+
*/
|
|
77
|
+
route?: string | {};
|
|
78
|
+
/**
|
|
79
|
+
* In some cases, you may want to use a normal link instead of a `router-link`, for instance when using anchor links (starting with `#`), you can use the `force-link` prop to force a normal link.
|
|
80
|
+
* @property {boolean} forceLink
|
|
81
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
82
|
+
*/
|
|
83
|
+
forceLink?: boolean;
|
|
84
|
+
/**
|
|
85
|
+
* Applies a native HTML `type` attribute.
|
|
86
|
+
* @property {} type - Default: 'button'
|
|
87
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
88
|
+
*/
|
|
89
|
+
type?: string;
|
|
90
|
+
/**
|
|
91
|
+
* Disables the button making it unreactive to user interactions.
|
|
92
|
+
* @property {boolean} disabled
|
|
93
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
94
|
+
*/
|
|
95
|
+
disabled?: boolean;
|
|
96
|
+
/**
|
|
97
|
+
* Sets the loading state of the button. While loading, the button is unclickable and a spinner is displayed instead of the button label.
|
|
98
|
+
* @property {boolean} loading
|
|
99
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
100
|
+
*/
|
|
101
|
+
loading?: boolean;
|
|
102
|
+
/**
|
|
103
|
+
* Sets the button to a round icon style, containing only an icon.
|
|
104
|
+
* Accepts a string: e.g. `mdi mdi-home`.
|
|
105
|
+
* @property {string} icon - Default: null
|
|
106
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
107
|
+
*/
|
|
108
|
+
icon?: string;
|
|
109
|
+
/**
|
|
110
|
+
* TODO: Add Description
|
|
111
|
+
* @property {{}} iconProps - Default: () => ({})
|
|
112
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
113
|
+
*/
|
|
114
|
+
iconProps?: {};
|
|
115
|
+
/**
|
|
116
|
+
* TODO: Add Description
|
|
117
|
+
* @property {boolean} absolute
|
|
118
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
119
|
+
*/
|
|
120
|
+
absolute?: boolean;
|
|
121
|
+
/**
|
|
122
|
+
* TODO: Add Description
|
|
123
|
+
* @property {boolean} fixed
|
|
124
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
125
|
+
*/
|
|
126
|
+
fixed?: boolean;
|
|
127
|
+
/**
|
|
128
|
+
* TODO: Add Description
|
|
129
|
+
* @property {boolean} top
|
|
130
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
131
|
+
*/
|
|
132
|
+
top?: boolean;
|
|
133
|
+
/**
|
|
134
|
+
* TODO: Add Description
|
|
135
|
+
* @property {boolean} bottom
|
|
136
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
137
|
+
*/
|
|
138
|
+
bottom?: boolean;
|
|
139
|
+
/**
|
|
140
|
+
* TODO: Add Description
|
|
141
|
+
* @property {boolean} left
|
|
142
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
143
|
+
*/
|
|
144
|
+
left?: boolean;
|
|
145
|
+
/**
|
|
146
|
+
* TODO: Add Description
|
|
147
|
+
* @property {boolean} right
|
|
148
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
149
|
+
*/
|
|
150
|
+
right?: boolean;
|
|
151
|
+
/**
|
|
152
|
+
* TODO: Add Description
|
|
153
|
+
* @property {number|string} zIndex
|
|
154
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
155
|
+
*/
|
|
156
|
+
zIndex?: number | string;
|
|
157
|
+
/**
|
|
158
|
+
* TODO: Add Description
|
|
159
|
+
* @property {number|string} width
|
|
160
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
161
|
+
*/
|
|
162
|
+
width?: number | string;
|
|
163
|
+
/**
|
|
164
|
+
* TODO: Add Description
|
|
165
|
+
* @property {number|string} height
|
|
166
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
167
|
+
*/
|
|
168
|
+
height?: number | string;
|
|
169
|
+
/**
|
|
170
|
+
* TODO: Add Description
|
|
171
|
+
* @property {boolean} xs
|
|
172
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
173
|
+
*/
|
|
174
|
+
xs?: boolean;
|
|
175
|
+
/**
|
|
176
|
+
* TODO: Add Description
|
|
177
|
+
* @property {boolean} sm
|
|
178
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
179
|
+
*/
|
|
180
|
+
sm?: boolean;
|
|
181
|
+
/**
|
|
182
|
+
* TODO: Add Description
|
|
183
|
+
* @property {boolean} md
|
|
184
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
185
|
+
*/
|
|
186
|
+
md?: boolean;
|
|
187
|
+
/**
|
|
188
|
+
* TODO: Add Description
|
|
189
|
+
* @property {boolean} lg
|
|
190
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
191
|
+
*/
|
|
192
|
+
lg?: boolean;
|
|
193
|
+
/**
|
|
194
|
+
* TODO: Add Description
|
|
195
|
+
* @property {boolean} xl
|
|
196
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
197
|
+
*/
|
|
198
|
+
xl?: boolean;
|
|
199
|
+
}
|
|
200
|
+
export interface WaveButtonEmits {
|
|
201
|
+
}
|
|
202
|
+
export interface WaveButtonComputeds extends ComputedOptions {
|
|
203
|
+
/**
|
|
204
|
+
* TODO: Add Description
|
|
205
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
206
|
+
*/
|
|
207
|
+
buttonProps: ComputedGetter<any>;
|
|
208
|
+
}
|
|
209
|
+
export interface WaveButtonMethods extends MethodOptions {
|
|
210
|
+
}
|
|
211
|
+
export type WaveButtonSlots = SlotsType<{
|
|
212
|
+
/**
|
|
213
|
+
* The button content.
|
|
214
|
+
* @see https://antoniandre.github.io/wave-ui/w-button
|
|
215
|
+
*/
|
|
216
|
+
'default': () => any;
|
|
217
|
+
}>;
|
|
218
|
+
export type WButton = DefineComponent<WaveButtonProps, {}, {}, WaveButtonComputeds, WaveButtonMethods, {}, {}, WaveButtonEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveButtonProps & WaveButtonEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveButtonProps>, WaveButtonSlots>;
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
|
|
2
|
+
import { PublicProps, ResolveProps } from '../extra-vue-types';
|
|
3
|
+
export interface WaveCardProps {
|
|
4
|
+
/**
|
|
5
|
+
* Applies a color to the card'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-card
|
|
9
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
10
|
+
*/
|
|
11
|
+
color?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Applies a color to the card'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-card
|
|
17
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
18
|
+
*/
|
|
19
|
+
bgColor?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Applies a drop shadow to the card container.
|
|
22
|
+
* @property {boolean} shadow
|
|
23
|
+
* @see https://antoniandre.github.io/wave-ui/w-card
|
|
24
|
+
*/
|
|
25
|
+
shadow?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Removes the default border from the card container.
|
|
28
|
+
* @property {boolean} noBorder
|
|
29
|
+
* @see https://antoniandre.github.io/wave-ui/w-card
|
|
30
|
+
*/
|
|
31
|
+
noBorder?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Removes the default border-radius and sets sharp edges on the card container.
|
|
34
|
+
* @property {boolean} tile
|
|
35
|
+
* @see https://antoniandre.github.io/wave-ui/w-card
|
|
36
|
+
*/
|
|
37
|
+
tile?: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* Provide a title for the card. Accepts HTML.
|
|
40
|
+
* @property {string} title
|
|
41
|
+
* @see https://antoniandre.github.io/wave-ui/w-card
|
|
42
|
+
*/
|
|
43
|
+
title?: string;
|
|
44
|
+
/**
|
|
45
|
+
* Provide a main image for the card.
|
|
46
|
+
* @property {string} image
|
|
47
|
+
* @see https://antoniandre.github.io/wave-ui/w-card
|
|
48
|
+
*/
|
|
49
|
+
image?: string;
|
|
50
|
+
/**
|
|
51
|
+
* When using `image`, this attribute accepts an object of props to pass down to the `w-image` component if you need to specify particular options.
|
|
52
|
+
* @property {{}} imageProps
|
|
53
|
+
* @see https://antoniandre.github.io/wave-ui/w-card
|
|
54
|
+
*/
|
|
55
|
+
imageProps?: {};
|
|
56
|
+
/**
|
|
57
|
+
* Provide custom CSS classes for the card's title.
|
|
58
|
+
* @property {string|{}|Array<any>} titleClass
|
|
59
|
+
* @see https://antoniandre.github.io/wave-ui/w-card
|
|
60
|
+
*/
|
|
61
|
+
titleClass?: string | {} | Array<any>;
|
|
62
|
+
/**
|
|
63
|
+
* Provide custom CSS classes for the card's content.
|
|
64
|
+
* @property {string|{}|Array<any>} contentClass
|
|
65
|
+
* @see https://antoniandre.github.io/wave-ui/w-card
|
|
66
|
+
*/
|
|
67
|
+
contentClass?: string | {} | Array<any>;
|
|
68
|
+
/**
|
|
69
|
+
* TODO: Add Description
|
|
70
|
+
* @property {boolean} dark
|
|
71
|
+
* @see https://antoniandre.github.io/wave-ui/w-card
|
|
72
|
+
*/
|
|
73
|
+
dark?: boolean;
|
|
74
|
+
/**
|
|
75
|
+
* TODO: Add Description
|
|
76
|
+
* @property {boolean} light
|
|
77
|
+
* @see https://antoniandre.github.io/wave-ui/w-card
|
|
78
|
+
*/
|
|
79
|
+
light?: boolean;
|
|
80
|
+
}
|
|
81
|
+
export interface WaveCardEmits {
|
|
82
|
+
}
|
|
83
|
+
export interface WaveCardComputeds extends ComputedOptions {
|
|
84
|
+
/**
|
|
85
|
+
* TODO: Add Description
|
|
86
|
+
* @see https://antoniandre.github.io/wave-ui/w-card
|
|
87
|
+
*/
|
|
88
|
+
titleClasses: ComputedGetter<any>;
|
|
89
|
+
/**
|
|
90
|
+
* TODO: Add Description
|
|
91
|
+
* @see https://antoniandre.github.io/wave-ui/w-card
|
|
92
|
+
*/
|
|
93
|
+
contentClasses: ComputedGetter<any>;
|
|
94
|
+
/**
|
|
95
|
+
* TODO: Add Description
|
|
96
|
+
* @see https://antoniandre.github.io/wave-ui/w-card
|
|
97
|
+
*/
|
|
98
|
+
titleHasToolbar: ComputedGetter<any>;
|
|
99
|
+
/**
|
|
100
|
+
* TODO: Add Description
|
|
101
|
+
* @see https://antoniandre.github.io/wave-ui/w-card
|
|
102
|
+
*/
|
|
103
|
+
actionsHasToolbar: ComputedGetter<any>;
|
|
104
|
+
/**
|
|
105
|
+
* TODO: Add Description
|
|
106
|
+
* @see https://antoniandre.github.io/wave-ui/w-card
|
|
107
|
+
*/
|
|
108
|
+
imgProps: ComputedGetter<any>;
|
|
109
|
+
/**
|
|
110
|
+
* TODO: Add Description
|
|
111
|
+
* @see https://antoniandre.github.io/wave-ui/w-card
|
|
112
|
+
*/
|
|
113
|
+
classes: ComputedGetter<any>;
|
|
114
|
+
}
|
|
115
|
+
export interface WaveCardMethods extends MethodOptions {
|
|
116
|
+
}
|
|
117
|
+
export type WaveCardSlots = SlotsType<{
|
|
118
|
+
/**
|
|
119
|
+
* The card title, if the `title` prop isn't flexible enough.
|
|
120
|
+
* @see https://antoniandre.github.io/wave-ui/w-card
|
|
121
|
+
*/
|
|
122
|
+
'title': () => any;
|
|
123
|
+
/**
|
|
124
|
+
* Provide some custom HTML to display on top of the card main image, when using `image`.
|
|
125
|
+
* @see https://antoniandre.github.io/wave-ui/w-card
|
|
126
|
+
*/
|
|
127
|
+
'image-content': () => any;
|
|
128
|
+
/**
|
|
129
|
+
* The card content.
|
|
130
|
+
* @see https://antoniandre.github.io/wave-ui/w-card
|
|
131
|
+
*/
|
|
132
|
+
'default': () => any;
|
|
133
|
+
/**
|
|
134
|
+
* Some card actions that will be displayed at the bottom of the card.
|
|
135
|
+
* Has a flex layout.
|
|
136
|
+
* @see https://antoniandre.github.io/wave-ui/w-card
|
|
137
|
+
*/
|
|
138
|
+
'actions': () => any;
|
|
139
|
+
}>;
|
|
140
|
+
export type WCard = DefineComponent<WaveCardProps, {}, {}, WaveCardComputeds, WaveCardMethods, {}, {}, WaveCardEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveCardProps & WaveCardEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveCardProps>, WaveCardSlots>;
|