wave-ui 3.27.2 → 4.0.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/types/$waveui.d.ts +21 -1
- package/dist/types/types/colors.d.ts +2 -0
- package/dist/types/types/components/WAccordion.d.ts +99 -6
- package/dist/types/types/components/WAutocomplete.d.ts +437 -0
- package/dist/types/types/components/WBreadcrumbs.d.ts +7 -0
- package/dist/types/types/components/WButton.d.ts +7 -0
- package/dist/types/types/components/WCheckbox.d.ts +34 -0
- package/dist/types/types/components/WCheckboxes.d.ts +30 -0
- package/dist/types/types/components/WInput.d.ts +34 -0
- package/dist/types/types/components/WList.d.ts +7 -0
- package/dist/types/types/components/WMenu.d.ts +12 -6
- package/dist/types/types/components/WRadio.d.ts +34 -0
- package/dist/types/types/components/WRadios.d.ts +30 -0
- package/dist/types/types/components/WScrollable.d.ts +143 -0
- package/dist/types/types/components/WScrollable.js +2 -0
- package/dist/types/types/components/WSelect.d.ts +34 -0
- package/dist/types/types/components/WSwitch.d.ts +34 -0
- package/dist/types/types/components/WTable.d.ts +7 -0
- package/dist/types/types/components/WTabs.d.ts +7 -0
- package/dist/types/types/components/WTag.d.ts +7 -0
- package/dist/types/types/components/WTooltip.d.ts +20 -7
- package/dist/types/types/components/WTransitions.d.ts +104 -0
- package/dist/types/types/components/WTransitions.js +2 -0
- package/dist/types/types/components/WTree.d.ts +7 -0
- package/dist/types/types/components/index.d.ts +3 -1
- package/dist/wave-ui.cjs.js +3 -3
- package/dist/wave-ui.css +1 -1
- package/dist/wave-ui.esm.js +2190 -1350
- package/dist/wave-ui.umd.js +3 -3
- package/package.json +6 -6
- package/src/wave-ui/components/index.js +0 -1
- package/src/wave-ui/components/transitions/w-transition-bounce.vue +2 -1
- package/src/wave-ui/components/transitions/w-transition-expand.vue +3 -2
- package/src/wave-ui/components/transitions/w-transition-fade.vue +2 -1
- package/src/wave-ui/components/transitions/w-transition-scale-fade.vue +2 -1
- package/src/wave-ui/components/transitions/w-transition-scale.vue +2 -1
- package/src/wave-ui/components/transitions/w-transition-slide-fade.vue +2 -1
- package/src/wave-ui/components/transitions/w-transition-slide.vue +2 -1
- package/src/wave-ui/components/transitions/w-transition-twist.vue +2 -1
- package/src/wave-ui/components/w-accordion/index.vue +15 -6
- package/src/wave-ui/components/w-accordion/item.vue +71 -26
- package/src/wave-ui/components/w-alert.vue +27 -29
- package/src/wave-ui/components/w-autocomplete.vue +626 -192
- package/src/wave-ui/components/w-badge.vue +54 -53
- package/src/wave-ui/components/w-breadcrumbs.vue +20 -11
- package/src/wave-ui/components/w-button/button.vue +36 -24
- package/src/wave-ui/components/w-button/index.vue +6 -5
- package/src/wave-ui/components/w-card.vue +8 -7
- package/src/wave-ui/components/w-checkbox.vue +31 -11
- package/src/wave-ui/components/w-checkboxes.vue +21 -3
- package/src/wave-ui/components/w-confirm.vue +22 -22
- package/src/wave-ui/components/w-dialog.vue +1 -1
- package/src/wave-ui/components/w-divider.vue +5 -5
- package/src/wave-ui/components/w-drawer.vue +3 -3
- package/src/wave-ui/components/w-form-element.vue +2 -2
- package/src/wave-ui/components/w-icon.vue +12 -14
- package/src/wave-ui/components/w-image.vue +1 -1
- package/src/wave-ui/components/w-input.vue +43 -25
- package/src/wave-ui/components/w-list.vue +23 -12
- package/src/wave-ui/components/w-menu.vue +57 -55
- package/src/wave-ui/components/w-notification.vue +4 -4
- package/src/wave-ui/components/w-progress.vue +6 -7
- package/src/wave-ui/components/w-radio.vue +32 -7
- package/src/wave-ui/components/w-radios.vue +28 -3
- package/src/wave-ui/components/w-rating.vue +7 -9
- package/src/wave-ui/components/w-scrollable.vue +670 -97
- package/src/wave-ui/components/w-select.vue +119 -101
- package/src/wave-ui/components/w-slider.vue +26 -26
- package/src/wave-ui/components/w-spinner.vue +5 -7
- package/src/wave-ui/components/w-switch.vue +71 -47
- package/src/wave-ui/components/w-table.vue +69 -36
- package/src/wave-ui/components/w-tabs/index.vue +31 -24
- package/src/wave-ui/components/w-tag.vue +49 -38
- package/src/wave-ui/components/w-textarea.vue +22 -22
- package/src/wave-ui/components/w-timeline.vue +6 -6
- package/src/wave-ui/components/w-toolbar.vue +8 -8
- package/src/wave-ui/components/w-tooltip.vue +30 -25
- package/src/wave-ui/components/w-tree.vue +35 -16
- package/src/wave-ui/core.js +11 -1
- package/src/wave-ui/mixins/detachable.js +98 -43
- package/src/wave-ui/mixins/ripple.js +39 -0
- package/src/wave-ui/scss/_base.scss +82 -17
- package/src/wave-ui/scss/_colors.scss +6 -75
- package/src/wave-ui/scss/_layout.scss +39 -47
- package/src/wave-ui/scss/_ripple.scss +37 -0
- package/src/wave-ui/scss/_transitions.scss +19 -19
- package/src/wave-ui/scss/_typography.scss +8 -9
- package/src/wave-ui/scss/index.scss +1 -0
- package/src/wave-ui/scss/variables/_mixins.scss +24 -25
- package/src/wave-ui/scss/variables/_variables.scss +4 -151
- package/src/wave-ui/utils/colors.js +7 -4
- package/src/wave-ui/utils/config.js +5 -4
- package/src/wave-ui/utils/dynamic-css.js +42 -20
- package/src/wave-ui/utils/ripple.js +72 -0
- package/src/wave-ui/utils/wave-ripple-directive.js +40 -0
- package/dist/types/types/components/WApp.d.ts +0 -83
- package/src/wave-ui/components/w-app.vue +0 -24
- /package/dist/types/types/components/{WApp.js → WAutocomplete.js} +0 -0
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import type { ComputedOptions, DefineComponent, EmitsOptions, ExtractDefaultPropTypes, MethodOptions, SlotsType } from 'vue';
|
|
2
|
+
import type { PublicProps, ResolveProps } from '../extra-vue-types';
|
|
3
|
+
export interface WaveTransitionBaseProps {
|
|
4
|
+
/**
|
|
5
|
+
* Triggers the transition on the initial render of the element.
|
|
6
|
+
* @property {boolean} appear
|
|
7
|
+
* @see https://antoniandre.github.io/wave-ui/transitions
|
|
8
|
+
*/
|
|
9
|
+
appear?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Overrides the default CSS transition/animation duration (in milliseconds or as a CSS value string).
|
|
12
|
+
* @property {number | string} duration
|
|
13
|
+
* @see https://antoniandre.github.io/wave-ui/transitions
|
|
14
|
+
*/
|
|
15
|
+
duration?: number | string;
|
|
16
|
+
/**
|
|
17
|
+
* Controls the timing of enter/leave transitions when switching between two elements.
|
|
18
|
+
* Use `'out-in'` so the current element transitions out before the new one enters, or
|
|
19
|
+
* `'in-out'` for the reverse order. Leave unset for simultaneous enter + leave.
|
|
20
|
+
* @property {'out-in' | 'in-out'} mode
|
|
21
|
+
* @see https://vuejs.org/guide/built-ins/transition.html#transition-modes
|
|
22
|
+
* @see https://antoniandre.github.io/wave-ui/transitions
|
|
23
|
+
*/
|
|
24
|
+
mode?: 'out-in' | 'in-out';
|
|
25
|
+
}
|
|
26
|
+
export interface WaveTransitionDirectionProps extends WaveTransitionBaseProps {
|
|
27
|
+
/**
|
|
28
|
+
* Slides the element from / towards the left.
|
|
29
|
+
* @property {boolean} left
|
|
30
|
+
* @see https://antoniandre.github.io/wave-ui/transitions
|
|
31
|
+
*/
|
|
32
|
+
left?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Slides the element from / towards the right.
|
|
35
|
+
* @property {boolean} right
|
|
36
|
+
* @see https://antoniandre.github.io/wave-ui/transitions
|
|
37
|
+
*/
|
|
38
|
+
right?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Slides the element from / towards the top.
|
|
41
|
+
* @property {boolean} up
|
|
42
|
+
* @see https://antoniandre.github.io/wave-ui/transitions
|
|
43
|
+
*/
|
|
44
|
+
up?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Slides the element from / towards the bottom (default direction).
|
|
47
|
+
* @property {boolean} down
|
|
48
|
+
* @see https://antoniandre.github.io/wave-ui/transitions
|
|
49
|
+
*/
|
|
50
|
+
down?: boolean;
|
|
51
|
+
}
|
|
52
|
+
type DefaultSlot = SlotsType<{
|
|
53
|
+
/**
|
|
54
|
+
* The element or component to transition.
|
|
55
|
+
* @see https://antoniandre.github.io/wave-ui/transitions
|
|
56
|
+
*/
|
|
57
|
+
'default': () => any;
|
|
58
|
+
}>;
|
|
59
|
+
export type WTransitionFadeProps = WaveTransitionBaseProps;
|
|
60
|
+
export type WTransitionFade = DefineComponent<WTransitionFadeProps, {}, {}, ComputedOptions, MethodOptions, {}, {}, EmitsOptions, string, PublicProps, ResolveProps<WTransitionFadeProps, EmitsOptions>, ExtractDefaultPropTypes<WTransitionFadeProps>, DefaultSlot>;
|
|
61
|
+
export type WTransitionScaleProps = WaveTransitionBaseProps;
|
|
62
|
+
export type WTransitionScale = DefineComponent<WTransitionScaleProps, {}, {}, ComputedOptions, MethodOptions, {}, {}, EmitsOptions, string, PublicProps, ResolveProps<WTransitionScaleProps, EmitsOptions>, ExtractDefaultPropTypes<WTransitionScaleProps>, DefaultSlot>;
|
|
63
|
+
export type WTransitionScaleFadeProps = WaveTransitionBaseProps;
|
|
64
|
+
export type WTransitionScaleFade = DefineComponent<WTransitionScaleFadeProps, {}, {}, ComputedOptions, MethodOptions, {}, {}, EmitsOptions, string, PublicProps, ResolveProps<WTransitionScaleFadeProps, EmitsOptions>, ExtractDefaultPropTypes<WTransitionScaleFadeProps>, DefaultSlot>;
|
|
65
|
+
export type WTransitionBounceProps = WaveTransitionBaseProps;
|
|
66
|
+
export type WTransitionBounce = DefineComponent<WTransitionBounceProps, {}, {}, ComputedOptions, MethodOptions, {}, {}, EmitsOptions, string, PublicProps, ResolveProps<WTransitionBounceProps, EmitsOptions>, ExtractDefaultPropTypes<WTransitionBounceProps>, DefaultSlot>;
|
|
67
|
+
export type WTransitionTwistProps = WaveTransitionBaseProps;
|
|
68
|
+
export type WTransitionTwist = DefineComponent<WTransitionTwistProps, {}, {}, ComputedOptions, MethodOptions, {}, {}, EmitsOptions, string, PublicProps, ResolveProps<WTransitionTwistProps, EmitsOptions>, ExtractDefaultPropTypes<WTransitionTwistProps>, DefaultSlot>;
|
|
69
|
+
export interface WTransitionExpandProps {
|
|
70
|
+
/**
|
|
71
|
+
* Animates the element's width (and its horizontal margins, paddings and borders).
|
|
72
|
+
* Defaults to `true` when neither `x` nor `y` is set.
|
|
73
|
+
* @property {boolean} x
|
|
74
|
+
* @see https://antoniandre.github.io/wave-ui/transitions
|
|
75
|
+
*/
|
|
76
|
+
x?: boolean;
|
|
77
|
+
/**
|
|
78
|
+
* Animates the element's height (and its vertical margins, paddings and borders).
|
|
79
|
+
* Defaults to `true` when neither `x` nor `y` is set.
|
|
80
|
+
* @property {boolean} y
|
|
81
|
+
* @see https://antoniandre.github.io/wave-ui/transitions
|
|
82
|
+
*/
|
|
83
|
+
y?: boolean;
|
|
84
|
+
/**
|
|
85
|
+
* Duration of the JavaScript-driven expand/collapse animation in milliseconds.
|
|
86
|
+
* @property {number} duration - Default: 250
|
|
87
|
+
* @see https://antoniandre.github.io/wave-ui/transitions
|
|
88
|
+
*/
|
|
89
|
+
duration?: number;
|
|
90
|
+
/**
|
|
91
|
+
* Controls the timing of enter/leave transitions when switching between two elements.
|
|
92
|
+
* Defaults to `'out-in'` so the collapsing element finishes before the expanding one starts.
|
|
93
|
+
* @property {'out-in' | 'in-out'} mode - Default: 'out-in'
|
|
94
|
+
* @see https://vuejs.org/guide/built-ins/transition.html#transition-modes
|
|
95
|
+
* @see https://antoniandre.github.io/wave-ui/transitions
|
|
96
|
+
*/
|
|
97
|
+
mode?: 'out-in' | 'in-out';
|
|
98
|
+
}
|
|
99
|
+
export type WTransitionExpand = DefineComponent<WTransitionExpandProps, {}, {}, ComputedOptions, MethodOptions, {}, {}, EmitsOptions, string, PublicProps, ResolveProps<WTransitionExpandProps, EmitsOptions>, ExtractDefaultPropTypes<WTransitionExpandProps>, DefaultSlot>;
|
|
100
|
+
export type WTransitionSlideProps = WaveTransitionDirectionProps;
|
|
101
|
+
export type WTransitionSlide = DefineComponent<WTransitionSlideProps, {}, {}, ComputedOptions, MethodOptions, {}, {}, EmitsOptions, string, PublicProps, ResolveProps<WTransitionSlideProps, EmitsOptions>, ExtractDefaultPropTypes<WTransitionSlideProps>, DefaultSlot>;
|
|
102
|
+
export type WTransitionSlideFadeProps = WaveTransitionDirectionProps;
|
|
103
|
+
export type WTransitionSlideFade = DefineComponent<WTransitionSlideFadeProps, {}, {}, ComputedOptions, MethodOptions, {}, {}, EmitsOptions, string, PublicProps, ResolveProps<WTransitionSlideFadeProps, EmitsOptions>, ExtractDefaultPropTypes<WTransitionSlideFadeProps>, DefaultSlot>;
|
|
104
|
+
export {};
|
|
@@ -98,6 +98,13 @@ export interface WaveTreeProps {
|
|
|
98
98
|
* @see https://antoniandre.github.io/wave-ui/w-tree
|
|
99
99
|
*/
|
|
100
100
|
selectable?: boolean;
|
|
101
|
+
/**
|
|
102
|
+
* When `true`, disables the pointer ripple on selectable nodes for this tree only.
|
|
103
|
+
* Global default still follows `$waveui.config.ripple`.
|
|
104
|
+
* @property {boolean} noRipple
|
|
105
|
+
* @see https://antoniandre.github.io/wave-ui/w-tree
|
|
106
|
+
*/
|
|
107
|
+
noRipple?: boolean;
|
|
101
108
|
/**
|
|
102
109
|
* TODO: Add Description
|
|
103
110
|
* @property {boolean} deepReactivity
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { WAccordion } from './WAccordion';
|
|
2
2
|
export { WAlert } from './WAlert';
|
|
3
|
-
export {
|
|
3
|
+
export { WAutocomplete, WAutocompleteItem } from './WAutocomplete';
|
|
4
4
|
export { WBadge } from './WBadge';
|
|
5
5
|
export { WBreadcrumbs } from './WBreadcrumbs';
|
|
6
6
|
export { WButton } from './WButton';
|
|
@@ -27,6 +27,7 @@ export { WProgress } from './WProgress';
|
|
|
27
27
|
export { WRadio } from './WRadio';
|
|
28
28
|
export { WRadios } from './WRadios';
|
|
29
29
|
export { WRating } from './WRating';
|
|
30
|
+
export { WScrollable, type WaveScrollableScrollbar, type WaveScrollableScrollPayload, type WaveScrollableScrollPosition, type WaveScrollableScrollPositionInput, type WaveScrollableScrollSource } from './WScrollable';
|
|
30
31
|
export { WSelect, WSelectDropdownItem } from './WSelect';
|
|
31
32
|
export { WSlider } from './WSlider';
|
|
32
33
|
export { WSpinner } from './WSpinner';
|
|
@@ -40,3 +41,4 @@ export { WTimeline } from './WTimeline';
|
|
|
40
41
|
export { WToolbar } from './WToolbar';
|
|
41
42
|
export { WTooltip } from './WTooltip';
|
|
42
43
|
export { WTree } from './WTree';
|
|
44
|
+
export { WTransitionFade, WTransitionScale, WTransitionScaleFade, WTransitionBounce, WTransitionTwist, WTransitionExpand, WTransitionSlide, WTransitionSlideFade, type WaveTransitionBaseProps, type WaveTransitionDirectionProps, type WTransitionFadeProps, type WTransitionScaleProps, type WTransitionScaleFadeProps, type WTransitionBounceProps, type WTransitionTwistProps, type WTransitionExpandProps, type WTransitionSlideProps, type WTransitionSlideFadeProps } from './WTransitions';
|