wave-ui 3.10.1 → 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/package.json +8 -2
- package/src/wave-ui/components/w-parallax.vue +0 -1
- package/src/wave-ui/index.d.ts +21 -0
|
@@ -0,0 +1,189 @@
|
|
|
1
|
+
import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
|
|
2
|
+
import { PublicProps, ResolveProps } from '../extra-vue-types';
|
|
3
|
+
export interface WaveDialogProps {
|
|
4
|
+
/**
|
|
5
|
+
* ``value` in Vue 2.`
|
|
6
|
+
* This prop controls the visibility of the dialog. Any truthy value will show the dialog whereas any falsy value will hide it.
|
|
7
|
+
* @property {any} modelValue - Default: true
|
|
8
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
9
|
+
*/
|
|
10
|
+
modelValue?: any;
|
|
11
|
+
/**
|
|
12
|
+
* Sets a max-width on the dialog.
|
|
13
|
+
* 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.
|
|
14
|
+
* @property {number|string} width - Default: 0
|
|
15
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
16
|
+
*/
|
|
17
|
+
width?: number | string;
|
|
18
|
+
/**
|
|
19
|
+
* Sets the dialog to full-screen.
|
|
20
|
+
* @property {boolean} fullscreen
|
|
21
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
22
|
+
*/
|
|
23
|
+
fullscreen?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* When set to true, clicking outside of the dialog or pressing the escape key will not close the dialog.
|
|
26
|
+
* A bounce animation will give the user a feedback that the dialog needs attention and cannot be closed.
|
|
27
|
+
* @property {boolean} persistent
|
|
28
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
29
|
+
*/
|
|
30
|
+
persistent?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* When this and the `persistent` props are set to true, clicking outside of the dialog or pressing the escape key will not trigger the default bounce animation (no feedback is given to the user).
|
|
33
|
+
* @property {boolean} persistentNoAnimation
|
|
34
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
35
|
+
*/
|
|
36
|
+
persistentNoAnimation?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Removes the default border-radius and sets sharp edges on the dialog.
|
|
39
|
+
* @property {boolean} tile
|
|
40
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
41
|
+
*/
|
|
42
|
+
tile?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* Provide a dialog title.
|
|
45
|
+
* @property {string} title
|
|
46
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
47
|
+
*/
|
|
48
|
+
title?: string;
|
|
49
|
+
/**
|
|
50
|
+
* Applies a particular transition to this component when showing and hiding.
|
|
51
|
+
* 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.
|
|
52
|
+
* Test all the transitions in the `Transitions` example.
|
|
53
|
+
* @property {string} transition - Default: 'fade'
|
|
54
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
55
|
+
* @see https://antoniandre.github.io/wave-ui/transitions
|
|
56
|
+
* @see https://antoniandre.github.io/wave-ui/#transitions
|
|
57
|
+
*/
|
|
58
|
+
transition?: string;
|
|
59
|
+
/**
|
|
60
|
+
* Applies a custom CSS class to the dialog's title.
|
|
61
|
+
* @property {string} titleClass
|
|
62
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
63
|
+
*/
|
|
64
|
+
titleClass?: string;
|
|
65
|
+
/**
|
|
66
|
+
* Applies a custom CSS class to the dialog's content.
|
|
67
|
+
* @property {string} contentClass
|
|
68
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
69
|
+
*/
|
|
70
|
+
contentClass?: string;
|
|
71
|
+
/**
|
|
72
|
+
* Applies a custom CSS class to the dialog container.
|
|
73
|
+
* @property {string} dialogClass
|
|
74
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
75
|
+
*/
|
|
76
|
+
dialogClass?: string;
|
|
77
|
+
/**
|
|
78
|
+
* Provide a custom background color for the dialog background overlay (`rgba(0, 0, 0, 0.3)` by default).
|
|
79
|
+
* 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).
|
|
80
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
81
|
+
* @property {string} overlayColor
|
|
82
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
83
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
84
|
+
*/
|
|
85
|
+
overlayColor?: string;
|
|
86
|
+
/**
|
|
87
|
+
* Applies a text color on the dialog. 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).
|
|
88
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
89
|
+
* @property {string} color
|
|
90
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
91
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
92
|
+
*/
|
|
93
|
+
color?: string;
|
|
94
|
+
/**
|
|
95
|
+
* Applies a background color on the dialog. 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).
|
|
96
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
97
|
+
* @property {string} bgColor
|
|
98
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
99
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
100
|
+
*/
|
|
101
|
+
bgColor?: string;
|
|
102
|
+
/**
|
|
103
|
+
* Provide a custom opacity for the dialog background overlay.
|
|
104
|
+
* @property {number|string|boolean} overlayOpacity
|
|
105
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
106
|
+
*/
|
|
107
|
+
overlayOpacity?: number | string | boolean;
|
|
108
|
+
/**
|
|
109
|
+
* TODO: Add Description
|
|
110
|
+
* @property {boolean} dark
|
|
111
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
112
|
+
*/
|
|
113
|
+
dark?: boolean;
|
|
114
|
+
/**
|
|
115
|
+
* TODO: Add Description
|
|
116
|
+
* @property {boolean} light
|
|
117
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
118
|
+
*/
|
|
119
|
+
light?: boolean;
|
|
120
|
+
}
|
|
121
|
+
export interface WaveDialogEmits {
|
|
122
|
+
/**
|
|
123
|
+
* TODO: Add Description
|
|
124
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
125
|
+
*/
|
|
126
|
+
'onInput'?: () => void;
|
|
127
|
+
/**
|
|
128
|
+
* TODO: Add Description
|
|
129
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
130
|
+
*/
|
|
131
|
+
'onUpdate:modelValue'?: () => void;
|
|
132
|
+
/**
|
|
133
|
+
* TODO: Add Description
|
|
134
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
135
|
+
*/
|
|
136
|
+
'onBeforeClose'?: () => void;
|
|
137
|
+
/**
|
|
138
|
+
* TODO: Add Description
|
|
139
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
140
|
+
*/
|
|
141
|
+
'onClose'?: () => void;
|
|
142
|
+
}
|
|
143
|
+
export interface WaveDialogComputeds extends ComputedOptions {
|
|
144
|
+
/**
|
|
145
|
+
* TODO: Add Description
|
|
146
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
147
|
+
*/
|
|
148
|
+
maxWidth: ComputedGetter<any>;
|
|
149
|
+
/**
|
|
150
|
+
* TODO: Add Description
|
|
151
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
152
|
+
*/
|
|
153
|
+
classes: ComputedGetter<any>;
|
|
154
|
+
/**
|
|
155
|
+
* TODO: Add Description
|
|
156
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
157
|
+
*/
|
|
158
|
+
contentStyles: ComputedGetter<any>;
|
|
159
|
+
}
|
|
160
|
+
export interface WaveDialogMethods extends MethodOptions {
|
|
161
|
+
/**
|
|
162
|
+
* TODO: Add Description
|
|
163
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
164
|
+
*/
|
|
165
|
+
onOutsideClick(): void;
|
|
166
|
+
/**
|
|
167
|
+
* TODO: Add Description
|
|
168
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
169
|
+
*/
|
|
170
|
+
onBeforeClose(): void;
|
|
171
|
+
/**
|
|
172
|
+
* TODO: Add Description
|
|
173
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
174
|
+
*/
|
|
175
|
+
onClose(): void;
|
|
176
|
+
}
|
|
177
|
+
export type WaveDialogSlots = SlotsType<{
|
|
178
|
+
/**
|
|
179
|
+
* The dialog content.
|
|
180
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
181
|
+
*/
|
|
182
|
+
'default': () => any;
|
|
183
|
+
/**
|
|
184
|
+
* The dialog uses a `w-card`. This slot allows setting the actions slot of the `w-card`.
|
|
185
|
+
* @see https://antoniandre.github.io/wave-ui/w-dialog
|
|
186
|
+
*/
|
|
187
|
+
'actions': () => any;
|
|
188
|
+
}>;
|
|
189
|
+
export type WDialog = DefineComponent<WaveDialogProps, {}, {}, WaveDialogComputeds, WaveDialogMethods, {}, {}, WaveDialogEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveDialogProps & WaveDialogEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveDialogProps>, WaveDialogSlots>;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
|
|
2
|
+
import { PublicProps, ResolveProps } from '../extra-vue-types';
|
|
3
|
+
export interface WaveDividerProps {
|
|
4
|
+
/**
|
|
5
|
+
* When set to true, the divider will display vertically.
|
|
6
|
+
* @property {boolean} vertical
|
|
7
|
+
* @see https://antoniandre.github.io/wave-ui/w-divider
|
|
8
|
+
*/
|
|
9
|
+
vertical?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Provide a color for the divider. Accepts all the color names of the color palette, status colors, or custom colors (learn more about all the colors in the `colors` knowledge base page).
|
|
12
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
13
|
+
* @property {string} color
|
|
14
|
+
* @see https://antoniandre.github.io/wave-ui/w-divider
|
|
15
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
16
|
+
*/
|
|
17
|
+
color?: string;
|
|
18
|
+
/**
|
|
19
|
+
* TODO: Add Description
|
|
20
|
+
* @property {boolean} dark
|
|
21
|
+
* @see https://antoniandre.github.io/wave-ui/w-divider
|
|
22
|
+
*/
|
|
23
|
+
dark?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* TODO: Add Description
|
|
26
|
+
* @property {boolean} light
|
|
27
|
+
* @see https://antoniandre.github.io/wave-ui/w-divider
|
|
28
|
+
*/
|
|
29
|
+
light?: boolean;
|
|
30
|
+
}
|
|
31
|
+
export interface WaveDividerEmits {
|
|
32
|
+
}
|
|
33
|
+
export interface WaveDividerComputeds extends ComputedOptions {
|
|
34
|
+
/**
|
|
35
|
+
* TODO: Add Description
|
|
36
|
+
* @see https://antoniandre.github.io/wave-ui/w-divider
|
|
37
|
+
*/
|
|
38
|
+
classes: ComputedGetter<any>;
|
|
39
|
+
}
|
|
40
|
+
export interface WaveDividerMethods extends MethodOptions {
|
|
41
|
+
}
|
|
42
|
+
export type WaveDividerSlots = SlotsType<{
|
|
43
|
+
/**
|
|
44
|
+
* An optional HTML content to display in the middle of the divider.
|
|
45
|
+
* @see https://antoniandre.github.io/wave-ui/w-divider
|
|
46
|
+
*/
|
|
47
|
+
'default': () => any;
|
|
48
|
+
}>;
|
|
49
|
+
export type WDivider = DefineComponent<WaveDividerProps, {}, {}, WaveDividerComputeds, WaveDividerMethods, {}, {}, WaveDividerEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveDividerProps & WaveDividerEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveDividerProps>, WaveDividerSlots>;
|
|
@@ -0,0 +1,249 @@
|
|
|
1
|
+
import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
|
|
2
|
+
import { PublicProps, ResolveProps } from '../extra-vue-types';
|
|
3
|
+
export interface WaveDrawerProps {
|
|
4
|
+
/**
|
|
5
|
+
* ``value` in Vue 2.`
|
|
6
|
+
* This prop controls the visibility of the drawer. Any truthy value will show the drawer whereas any falsy value will hide it.
|
|
7
|
+
* @property {any} modelValue - Default: true
|
|
8
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
9
|
+
*/
|
|
10
|
+
modelValue?: any;
|
|
11
|
+
/**
|
|
12
|
+
* Places the drawer at the left of the screen, or at the left of its container when the `absolute` prop is set to true.
|
|
13
|
+
* @property {boolean} left
|
|
14
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
15
|
+
*/
|
|
16
|
+
left?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Places the drawer at the right of the screen, or at the right of its container when the `absolute` prop is set to true.
|
|
19
|
+
* @property {boolean} right
|
|
20
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
21
|
+
*/
|
|
22
|
+
right?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Places the drawer at the top of the screen, or at the top of its container when the `absolute` prop is set to true.
|
|
25
|
+
* @property {boolean} top
|
|
26
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
27
|
+
*/
|
|
28
|
+
top?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Places the drawer at the bottom of the screen, or at the bottom of its container when the `absolute` prop is set to true.
|
|
31
|
+
* @property {boolean} bottom
|
|
32
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
33
|
+
*/
|
|
34
|
+
bottom?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* When set to true, clicking outside of the drawer or pressing the escape key will not close the drawer.
|
|
37
|
+
* A bounce animation will give the user a feedback that this drawer needs attention and cannot be closed.
|
|
38
|
+
* @property {boolean} persistent
|
|
39
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
40
|
+
*/
|
|
41
|
+
persistent?: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* When this and the `persistent` props are set to true, clicking outside of the drawer or pressing the escape key will not trigger the default bounce animation (no feedback is given to the user).
|
|
44
|
+
* @property {boolean} persistentNoAnimation
|
|
45
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
46
|
+
*/
|
|
47
|
+
persistentNoAnimation?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Fits the drawer to its content (sets the width and height to auto).
|
|
50
|
+
* @property {boolean} fitContent
|
|
51
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
52
|
+
*/
|
|
53
|
+
fitContent?: boolean;
|
|
54
|
+
/**
|
|
55
|
+
* Sets a width on the drawer when its position is `left` or `right`.
|
|
56
|
+
* 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.
|
|
57
|
+
* @property {number|string|boolean} width
|
|
58
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
59
|
+
*/
|
|
60
|
+
width?: number | string | boolean;
|
|
61
|
+
/**
|
|
62
|
+
* Sets a height on the drawer when its position is `top` or `bottom`.
|
|
63
|
+
* 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.
|
|
64
|
+
* @property {number|string|boolean} height
|
|
65
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
66
|
+
*/
|
|
67
|
+
height?: number | string | boolean;
|
|
68
|
+
/**
|
|
69
|
+
* Applies a z-index (positive or negative integer) to the drawer.
|
|
70
|
+
* @property {number|string|boolean} zIndex
|
|
71
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
72
|
+
*/
|
|
73
|
+
zIndex?: number | string | boolean;
|
|
74
|
+
/**
|
|
75
|
+
* Applies a color to the drawer'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).
|
|
76
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
77
|
+
* @property {string} color
|
|
78
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
79
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
80
|
+
*/
|
|
81
|
+
color?: string;
|
|
82
|
+
/**
|
|
83
|
+
* Applies a color to the drawer'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).
|
|
84
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
85
|
+
* @property {string} bgColor
|
|
86
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
87
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
88
|
+
*/
|
|
89
|
+
bgColor?: string;
|
|
90
|
+
/**
|
|
91
|
+
* Removes the default full screen overlay underneath the open drawer.
|
|
92
|
+
* @property {boolean} noOverlay
|
|
93
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
94
|
+
*/
|
|
95
|
+
noOverlay?: boolean;
|
|
96
|
+
/**
|
|
97
|
+
* The `push-content` prop can be used on `left` and `right` positions.
|
|
98
|
+
* It will allow the drawer to push the content either on the left or right when it's open.
|
|
99
|
+
* To use the push-content layout, an explicit drawer `width` is required (don\'t only set a width via CSS). Any valid CSS width will work.
|
|
100
|
+
* The pushable content should be provided via the `pushable` slot.
|
|
101
|
+
* @property {boolean} pushContent
|
|
102
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
103
|
+
*/
|
|
104
|
+
pushContent?: boolean;
|
|
105
|
+
/**
|
|
106
|
+
* Sets the CSS position of the drawer container to `absolute`.
|
|
107
|
+
* @property {boolean} absolute
|
|
108
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
109
|
+
*/
|
|
110
|
+
absolute?: boolean;
|
|
111
|
+
/**
|
|
112
|
+
* Provide a custom background color for the drawer background overlay (`rgba(0, 0, 0, 0.3)` by default).
|
|
113
|
+
* 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).
|
|
114
|
+
* Providing a color hex, rgb(a) or hsl(a) will not work.
|
|
115
|
+
* @property {string} overlayColor
|
|
116
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
117
|
+
* @see https://antoniandre.github.io/wave-ui/colors
|
|
118
|
+
*/
|
|
119
|
+
overlayColor?: string;
|
|
120
|
+
/**
|
|
121
|
+
* Provide a custom opacity for the drawer background overlay.
|
|
122
|
+
* @property {number|string|boolean} overlayOpacity
|
|
123
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
124
|
+
*/
|
|
125
|
+
overlayOpacity?: number | string | boolean;
|
|
126
|
+
/**
|
|
127
|
+
* Applies a custom CSS class to the drawer container.
|
|
128
|
+
* @property {string} drawerClass
|
|
129
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
130
|
+
*/
|
|
131
|
+
drawerClass?: string;
|
|
132
|
+
/**
|
|
133
|
+
* TODO: Add Description
|
|
134
|
+
* @property {string} tag - Default: 'aside'
|
|
135
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
136
|
+
*/
|
|
137
|
+
tag?: string;
|
|
138
|
+
/**
|
|
139
|
+
* TODO: Add Description
|
|
140
|
+
* @property {boolean} dark
|
|
141
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
142
|
+
*/
|
|
143
|
+
dark?: boolean;
|
|
144
|
+
/**
|
|
145
|
+
* TODO: Add Description
|
|
146
|
+
* @property {boolean} light
|
|
147
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
148
|
+
*/
|
|
149
|
+
light?: boolean;
|
|
150
|
+
}
|
|
151
|
+
export interface WaveDrawerEmits {
|
|
152
|
+
/**
|
|
153
|
+
* TODO: Add Description
|
|
154
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
155
|
+
*/
|
|
156
|
+
'onInput'?: () => void;
|
|
157
|
+
/**
|
|
158
|
+
* TODO: Add Description
|
|
159
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
160
|
+
*/
|
|
161
|
+
'onUpdate:modelValue'?: () => void;
|
|
162
|
+
/**
|
|
163
|
+
* TODO: Add Description
|
|
164
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
165
|
+
*/
|
|
166
|
+
'onBeforeClose'?: () => void;
|
|
167
|
+
/**
|
|
168
|
+
* TODO: Add Description
|
|
169
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
170
|
+
*/
|
|
171
|
+
'onClose'?: () => void;
|
|
172
|
+
}
|
|
173
|
+
export interface WaveDrawerComputeds extends ComputedOptions {
|
|
174
|
+
/**
|
|
175
|
+
* TODO: Add Description
|
|
176
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
177
|
+
*/
|
|
178
|
+
size: ComputedGetter<any>;
|
|
179
|
+
/**
|
|
180
|
+
* TODO: Add Description
|
|
181
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
182
|
+
*/
|
|
183
|
+
sizeProperty: ComputedGetter<any>;
|
|
184
|
+
/**
|
|
185
|
+
* TODO: Add Description
|
|
186
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
187
|
+
*/
|
|
188
|
+
position: ComputedGetter<any>;
|
|
189
|
+
/**
|
|
190
|
+
* TODO: Add Description
|
|
191
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
192
|
+
*/
|
|
193
|
+
wrapperClasses: ComputedGetter<any>;
|
|
194
|
+
/**
|
|
195
|
+
* TODO: Add Description
|
|
196
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
197
|
+
*/
|
|
198
|
+
drawerClasses: ComputedGetter<any>;
|
|
199
|
+
/**
|
|
200
|
+
* TODO: Add Description
|
|
201
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
202
|
+
*/
|
|
203
|
+
trackStyles: ComputedGetter<any>;
|
|
204
|
+
/**
|
|
205
|
+
* TODO: Add Description
|
|
206
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
207
|
+
*/
|
|
208
|
+
styles: ComputedGetter<any>;
|
|
209
|
+
/**
|
|
210
|
+
* TODO: Add Description
|
|
211
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
212
|
+
*/
|
|
213
|
+
unmountDrawer: ComputedGetter<any>;
|
|
214
|
+
/**
|
|
215
|
+
* TODO: Add Description
|
|
216
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
217
|
+
*/
|
|
218
|
+
transitionName: ComputedGetter<any>;
|
|
219
|
+
}
|
|
220
|
+
export interface WaveDrawerMethods extends MethodOptions {
|
|
221
|
+
/**
|
|
222
|
+
* TODO: Add Description
|
|
223
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
224
|
+
*/
|
|
225
|
+
onBeforeClose(): void;
|
|
226
|
+
/**
|
|
227
|
+
* TODO: Add Description
|
|
228
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
229
|
+
*/
|
|
230
|
+
onClose(): void;
|
|
231
|
+
/**
|
|
232
|
+
* TODO: Add Description
|
|
233
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
234
|
+
*/
|
|
235
|
+
onOutsideClick(): void;
|
|
236
|
+
}
|
|
237
|
+
export type WaveDrawerSlots = SlotsType<{
|
|
238
|
+
/**
|
|
239
|
+
* When using the `push-content` prop, defines the outside HTML content to be pushed by the drawer when it opens.
|
|
240
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
241
|
+
*/
|
|
242
|
+
'pushable': () => any;
|
|
243
|
+
/**
|
|
244
|
+
* The drawer content.
|
|
245
|
+
* @see https://antoniandre.github.io/wave-ui/w-drawer
|
|
246
|
+
*/
|
|
247
|
+
'default': () => any;
|
|
248
|
+
}>;
|
|
249
|
+
export type WDrawer = DefineComponent<WaveDrawerProps, {}, {}, WaveDrawerComputeds, WaveDrawerMethods, {}, {}, WaveDrawerEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveDrawerProps & WaveDrawerEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveDrawerProps>, WaveDrawerSlots>;
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import { ComputedGetter, ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
|
|
2
|
+
import { PublicProps, ResolveProps } from '../extra-vue-types';
|
|
3
|
+
export interface WaveFlexProps {
|
|
4
|
+
/**
|
|
5
|
+
* TODO: Add Description
|
|
6
|
+
* @property {string} tag - Default: 'div'
|
|
7
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
8
|
+
*/
|
|
9
|
+
tag?: string;
|
|
10
|
+
/**
|
|
11
|
+
* TODO: Add Description
|
|
12
|
+
* @property {boolean} column
|
|
13
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
14
|
+
*/
|
|
15
|
+
column?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* TODO: Add Description
|
|
18
|
+
* @property {boolean} grow
|
|
19
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
20
|
+
*/
|
|
21
|
+
grow?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* TODO: Add Description
|
|
24
|
+
* @property {boolean} noGrow
|
|
25
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
26
|
+
*/
|
|
27
|
+
noGrow?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* TODO: Add Description
|
|
30
|
+
* @property {boolean} shrink
|
|
31
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
32
|
+
*/
|
|
33
|
+
shrink?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* TODO: Add Description
|
|
36
|
+
* @property {boolean} noShrink
|
|
37
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
38
|
+
*/
|
|
39
|
+
noShrink?: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* TODO: Add Description
|
|
42
|
+
* @property {boolean} fillHeight
|
|
43
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
44
|
+
*/
|
|
45
|
+
fillHeight?: boolean;
|
|
46
|
+
/**
|
|
47
|
+
* TODO: Add Description
|
|
48
|
+
* @property {boolean} wrap
|
|
49
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
50
|
+
*/
|
|
51
|
+
wrap?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* TODO: Add Description
|
|
54
|
+
* @property {boolean} alignStart
|
|
55
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
56
|
+
*/
|
|
57
|
+
alignStart?: boolean;
|
|
58
|
+
/**
|
|
59
|
+
* TODO: Add Description
|
|
60
|
+
* @property {boolean} alignCenter
|
|
61
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
62
|
+
*/
|
|
63
|
+
alignCenter?: boolean;
|
|
64
|
+
/**
|
|
65
|
+
* TODO: Add Description
|
|
66
|
+
* @property {boolean} alignEnd
|
|
67
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
68
|
+
*/
|
|
69
|
+
alignEnd?: boolean;
|
|
70
|
+
/**
|
|
71
|
+
* TODO: Add Description
|
|
72
|
+
* @property {boolean} justifyStart
|
|
73
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
74
|
+
*/
|
|
75
|
+
justifyStart?: boolean;
|
|
76
|
+
/**
|
|
77
|
+
* TODO: Add Description
|
|
78
|
+
* @property {boolean} justifyCenter
|
|
79
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
80
|
+
*/
|
|
81
|
+
justifyCenter?: boolean;
|
|
82
|
+
/**
|
|
83
|
+
* TODO: Add Description
|
|
84
|
+
* @property {boolean} justifyEnd
|
|
85
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
86
|
+
*/
|
|
87
|
+
justifyEnd?: boolean;
|
|
88
|
+
/**
|
|
89
|
+
* TODO: Add Description
|
|
90
|
+
* @property {boolean} justifySpaceBetween
|
|
91
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
92
|
+
*/
|
|
93
|
+
justifySpaceBetween?: boolean;
|
|
94
|
+
/**
|
|
95
|
+
* TODO: Add Description
|
|
96
|
+
* @property {boolean} justifySpaceAround
|
|
97
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
98
|
+
*/
|
|
99
|
+
justifySpaceAround?: boolean;
|
|
100
|
+
/**
|
|
101
|
+
* TODO: Add Description
|
|
102
|
+
* @property {boolean} justifySpaceEvenly
|
|
103
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
104
|
+
*/
|
|
105
|
+
justifySpaceEvenly?: boolean;
|
|
106
|
+
/**
|
|
107
|
+
* TODO: Add Description
|
|
108
|
+
* @property {boolean} basisZero
|
|
109
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
110
|
+
*/
|
|
111
|
+
basisZero?: boolean;
|
|
112
|
+
/**
|
|
113
|
+
* TODO: Add Description
|
|
114
|
+
* @property {number|string} gap - Default: 0
|
|
115
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
116
|
+
*/
|
|
117
|
+
gap?: number | string;
|
|
118
|
+
}
|
|
119
|
+
export interface WaveFlexEmits {
|
|
120
|
+
}
|
|
121
|
+
export interface WaveFlexComputeds extends ComputedOptions {
|
|
122
|
+
/**
|
|
123
|
+
* TODO: Add Description
|
|
124
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
125
|
+
*/
|
|
126
|
+
classes: ComputedGetter<any>;
|
|
127
|
+
}
|
|
128
|
+
export interface WaveFlexMethods extends MethodOptions {
|
|
129
|
+
}
|
|
130
|
+
export type WaveFlexSlots = SlotsType<{
|
|
131
|
+
/**
|
|
132
|
+
* TODO: Add Description
|
|
133
|
+
* @see https://antoniandre.github.io/wave-ui/w-flex
|
|
134
|
+
*/
|
|
135
|
+
'default': () => any;
|
|
136
|
+
}>;
|
|
137
|
+
export type WFlex = DefineComponent<WaveFlexProps, {}, {}, WaveFlexComputeds, WaveFlexMethods, {}, {}, WaveFlexEmits & EmitsOptions, string, PublicProps, ResolveProps<WaveFlexProps & WaveFlexEmits, EmitsOptions>, ExtractDefaultPropTypes<WaveFlexProps>, WaveFlexSlots>;
|