@dolanske/vui 1.13.2 → 1.13.3
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/src/components/Card/Card.vue.d.ts +2 -0
- package/dist/src/components/Commands/Commands.vue.d.ts +17 -0
- package/dist/src/components/Divider/Divider.vue.d.ts +1 -1
- package/dist/src/components/Dropdown/Dropdown.vue.d.ts +10 -10
- package/dist/src/components/Popout/Popout.vue.d.ts +2 -2
- package/dist/src/components/Popout/PopoutHover.vue.d.ts +10 -10
- package/dist/src/index.d.ts +4 -4
- package/dist/src/shared/breakpoints.d.ts +7 -1
- package/dist/vui.css +1 -1
- package/dist/vui.js +119 -99
- package/package.json +1 -1
|
@@ -4,6 +4,8 @@ export interface Props {
|
|
|
4
4
|
footerSeparator?: boolean;
|
|
5
5
|
padding?: boolean;
|
|
6
6
|
headerAlign?: 'start' | 'center' | 'end' | 'baseline';
|
|
7
|
+
centered?: boolean;
|
|
8
|
+
borderStyle?: 'solid' | 'dashed' | 'dotted' | (string & {});
|
|
7
9
|
}
|
|
8
10
|
declare function __VLS_template(): {
|
|
9
11
|
attrs: Partial<{}>;
|
|
@@ -11,10 +11,27 @@ export interface Command {
|
|
|
11
11
|
handler?: () => void;
|
|
12
12
|
}
|
|
13
13
|
interface Props {
|
|
14
|
+
/**
|
|
15
|
+
* Controls whether the commands modal is visible
|
|
16
|
+
*/
|
|
14
17
|
open: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Placeholder text shown in the search input
|
|
20
|
+
*/
|
|
15
21
|
placeholder?: string;
|
|
22
|
+
/**
|
|
23
|
+
* List of commands to display and search through
|
|
24
|
+
*/
|
|
16
25
|
commands: Command[];
|
|
26
|
+
/**
|
|
27
|
+
* Shows a spinner in place of the search icon while true. Useful if external
|
|
28
|
+
* async data related to commands is loading.
|
|
29
|
+
*/
|
|
17
30
|
loading?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Renders the commands palette in a compact layout
|
|
33
|
+
*/
|
|
34
|
+
compact?: boolean;
|
|
18
35
|
}
|
|
19
36
|
type __VLS_PublicProps = {
|
|
20
37
|
'search'?: string;
|
|
@@ -90,9 +90,9 @@ declare function __VLS_template(): {
|
|
|
90
90
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
91
91
|
clickOutside: () => any;
|
|
92
92
|
}, string, {
|
|
93
|
-
teleport: boolean;
|
|
94
|
-
offset: number;
|
|
95
93
|
placement: Placement;
|
|
94
|
+
offset: number;
|
|
95
|
+
teleport: boolean;
|
|
96
96
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
97
97
|
beforeCreate?: (() => void) | (() => void)[];
|
|
98
98
|
created?: (() => void) | (() => void)[];
|
|
@@ -114,12 +114,12 @@ declare function __VLS_template(): {
|
|
|
114
114
|
$nextTick: typeof nextTick;
|
|
115
115
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
116
116
|
} & Readonly<{
|
|
117
|
-
teleport: boolean;
|
|
118
|
-
offset: number;
|
|
119
117
|
placement: Placement;
|
|
118
|
+
offset: number;
|
|
119
|
+
teleport: boolean;
|
|
120
120
|
}> & Omit<Readonly<import('../Popout/Popout.vue').Props> & Readonly<{
|
|
121
121
|
onClickOutside?: (() => any) | undefined;
|
|
122
|
-
}>, "el" | ("
|
|
122
|
+
}>, "el" | ("placement" | "offset" | "teleport")> & {
|
|
123
123
|
el: HTMLDivElement | null;
|
|
124
124
|
} & {} & import('vue').ComponentCustomProperties & {} & {
|
|
125
125
|
$slots: {
|
|
@@ -176,9 +176,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
|
176
176
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
177
177
|
clickOutside: () => any;
|
|
178
178
|
}, string, {
|
|
179
|
-
teleport: boolean;
|
|
180
|
-
offset: number;
|
|
181
179
|
placement: Placement;
|
|
180
|
+
offset: number;
|
|
181
|
+
teleport: boolean;
|
|
182
182
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
183
183
|
beforeCreate?: (() => void) | (() => void)[];
|
|
184
184
|
created?: (() => void) | (() => void)[];
|
|
@@ -200,12 +200,12 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
|
200
200
|
$nextTick: typeof nextTick;
|
|
201
201
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
202
202
|
} & Readonly<{
|
|
203
|
-
teleport: boolean;
|
|
204
|
-
offset: number;
|
|
205
203
|
placement: Placement;
|
|
204
|
+
offset: number;
|
|
205
|
+
teleport: boolean;
|
|
206
206
|
}> & Omit<Readonly<import('../Popout/Popout.vue').Props> & Readonly<{
|
|
207
207
|
onClickOutside?: (() => any) | undefined;
|
|
208
|
-
}>, "el" | ("
|
|
208
|
+
}>, "el" | ("placement" | "offset" | "teleport")> & {
|
|
209
209
|
el: HTMLDivElement | null;
|
|
210
210
|
} & {} & import('vue').ComponentCustomProperties & {} & {
|
|
211
211
|
$slots: {
|
|
@@ -55,9 +55,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
|
|
|
55
55
|
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
56
56
|
onClickOutside?: (() => any) | undefined;
|
|
57
57
|
}>, {
|
|
58
|
-
teleport: boolean;
|
|
59
|
-
offset: number;
|
|
60
58
|
placement: Placement;
|
|
59
|
+
offset: number;
|
|
60
|
+
teleport: boolean;
|
|
61
61
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
62
62
|
popout: HTMLDivElement;
|
|
63
63
|
}, any>;
|
|
@@ -48,9 +48,9 @@ declare function __VLS_template(): {
|
|
|
48
48
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
49
49
|
clickOutside: () => any;
|
|
50
50
|
}, string, {
|
|
51
|
-
teleport: boolean;
|
|
52
|
-
offset: number;
|
|
53
51
|
placement: import('../../shared/types').Placement;
|
|
52
|
+
offset: number;
|
|
53
|
+
teleport: boolean;
|
|
54
54
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
55
55
|
beforeCreate?: (() => void) | (() => void)[];
|
|
56
56
|
created?: (() => void) | (() => void)[];
|
|
@@ -72,12 +72,12 @@ declare function __VLS_template(): {
|
|
|
72
72
|
$nextTick: typeof import('vue').nextTick;
|
|
73
73
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
74
74
|
} & Readonly<{
|
|
75
|
-
teleport: boolean;
|
|
76
|
-
offset: number;
|
|
77
75
|
placement: import('../../shared/types').Placement;
|
|
76
|
+
offset: number;
|
|
77
|
+
teleport: boolean;
|
|
78
78
|
}> & Omit<Readonly<Props> & Readonly<{
|
|
79
79
|
onClickOutside?: (() => any) | undefined;
|
|
80
|
-
}>, "el" | ("
|
|
80
|
+
}>, "el" | ("placement" | "offset" | "teleport")> & {
|
|
81
81
|
el: HTMLDivElement | null;
|
|
82
82
|
} & {} & import('vue').ComponentCustomProperties & {} & {
|
|
83
83
|
$slots: {
|
|
@@ -125,9 +125,9 @@ declare const __VLS_component: import('vue').DefineComponent<PopoutHoverProps, {
|
|
|
125
125
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
126
126
|
clickOutside: () => any;
|
|
127
127
|
}, string, {
|
|
128
|
-
teleport: boolean;
|
|
129
|
-
offset: number;
|
|
130
128
|
placement: import('../../shared/types').Placement;
|
|
129
|
+
offset: number;
|
|
130
|
+
teleport: boolean;
|
|
131
131
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
132
132
|
beforeCreate?: (() => void) | (() => void)[];
|
|
133
133
|
created?: (() => void) | (() => void)[];
|
|
@@ -149,12 +149,12 @@ declare const __VLS_component: import('vue').DefineComponent<PopoutHoverProps, {
|
|
|
149
149
|
$nextTick: typeof import('vue').nextTick;
|
|
150
150
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
151
151
|
} & Readonly<{
|
|
152
|
-
teleport: boolean;
|
|
153
|
-
offset: number;
|
|
154
152
|
placement: import('../../shared/types').Placement;
|
|
153
|
+
offset: number;
|
|
154
|
+
teleport: boolean;
|
|
155
155
|
}> & Omit<Readonly<Props> & Readonly<{
|
|
156
156
|
onClickOutside?: (() => any) | undefined;
|
|
157
|
-
}>, "el" | ("
|
|
157
|
+
}>, "el" | ("placement" | "offset" | "teleport")> & {
|
|
158
158
|
el: HTMLDivElement | null;
|
|
159
159
|
} & {} & import('vue').ComponentCustomProperties & {} & {
|
|
160
160
|
$slots: {
|
package/dist/src/index.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { Command, default as Commands } from './components/Commands/Commands.vue';
|
|
2
|
-
import {
|
|
2
|
+
import { SelectOption, default as Select } from './components/Select/Select.vue';
|
|
3
|
+
import { Breakpoints, useBreakpoint, vuiBreakpoints } from './shared/breakpoints';
|
|
4
|
+
import { Size, Sizes, Spaces, SpaceSize } from './shared/types';
|
|
3
5
|
import { default as Accordion } from './components/Accordion/Accordion.vue';
|
|
4
6
|
import { default as AccordionGroup } from './components/Accordion/AccordionGroup.vue';
|
|
5
7
|
import { default as Alert } from './components/Alert/Alert.vue';
|
|
@@ -47,7 +49,6 @@ import { default as Progress } from './components/Progress/Progress.vue';
|
|
|
47
49
|
import { default as Radio } from './components/Radio/Radio.vue';
|
|
48
50
|
import { default as RadioGroup } from './components/Radio/RadioGroup.vue';
|
|
49
51
|
import { default as Resizable } from './components/Resizable/Resizable.vue';
|
|
50
|
-
import { default as Select } from './components/Select/Select.vue';
|
|
51
52
|
import { default as Sheet } from './components/Sheet/Sheet.vue';
|
|
52
53
|
import { default as Sidebar } from './components/Sidebar/Sidebar.vue';
|
|
53
54
|
import { default as Skeleton } from './components/Skeleton/Skeleton.vue';
|
|
@@ -60,9 +61,8 @@ import { pushToast, removeToast } from './components/Toast/toast';
|
|
|
60
61
|
import { default as Toasts } from './components/Toast/Toasts.vue';
|
|
61
62
|
import { default as Tooltip } from './components/Tooltip/Tooltip.vue';
|
|
62
63
|
import { default as Backdrop } from './internal/Backdrop/Backdrop.vue';
|
|
63
|
-
import { useBreakpoint, vuiBreakpoints } from './shared/breakpoints';
|
|
64
64
|
import { searchString } from './shared/helpers';
|
|
65
65
|
import { setColorTheme, theme } from './shared/theme';
|
|
66
66
|
import { useViewTransition } from './shared/viewTransition';
|
|
67
67
|
import * as Table from './components/Table';
|
|
68
|
-
export { Accordion, AccordionGroup, Alert, Avatar, AvatarGroup, Backdrop, Badge, BadgeGroup, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Color, type Command, Commands, Confirm, CopyClipboard, Counter, defineTable, Divider, Drawer, Dropdown, DropdownItem, DropdownTitle, Dropzone, File, Flex, Grid, Indicator, Input, Kbd, KbdGroup, Marquee, Modal, OTP, OTPItem, Overflow, paginate, Pagination, Password, Popout, PopoutHover, Progress, pushToast, Radio, RadioGroup, removeToast, Resizable, searchString, Select, setColorTheme, Sheet, Sidebar, type Sizes, Skeleton, type Spaces, type SpaceSize, Spinner, Switch, Tab, Table, Tabs, Textarea, theme, Toasts, Tooltip, useBreakpoint, useViewTransition, vuiBreakpoints, };
|
|
68
|
+
export { Accordion, AccordionGroup, Alert, Avatar, AvatarGroup, Backdrop, Badge, BadgeGroup, BreadcrumbItem, Breadcrumbs, type Breakpoints, Button, ButtonGroup, Calendar, Card, Carousel, Checkbox, Color, type Command, Commands, Confirm, CopyClipboard, Counter, defineTable, Divider, Drawer, Dropdown, DropdownItem, DropdownTitle, Dropzone, File, Flex, Grid, Indicator, Input, Kbd, KbdGroup, Marquee, Modal, OTP, OTPItem, Overflow, paginate, Pagination, Password, Popout, PopoutHover, Progress, pushToast, Radio, RadioGroup, removeToast, Resizable, searchString, Select, type SelectOption, setColorTheme, Sheet, Sidebar, type Size, type Sizes, Skeleton, type Spaces, type SpaceSize, Spinner, Switch, Tab, Table, Tabs, Textarea, theme, Toasts, Tooltip, useBreakpoint, useViewTransition, vuiBreakpoints, };
|
|
@@ -1,14 +1,20 @@
|
|
|
1
1
|
import { Ref } from 'vue';
|
|
2
2
|
export declare enum Breakpoints {
|
|
3
3
|
Mobile = "mobile",
|
|
4
|
-
Tablet = "tablet"
|
|
4
|
+
Tablet = "tablet",
|
|
5
|
+
SmallDesktop = "smallDesktop",
|
|
6
|
+
Desktop = "desktop"
|
|
5
7
|
}
|
|
6
8
|
export declare const vuiBreakpoints: Ref<{
|
|
7
9
|
mobile: number;
|
|
8
10
|
tablet: number;
|
|
11
|
+
smallDesktop: number;
|
|
12
|
+
desktop: number;
|
|
9
13
|
}, Record<Breakpoints, number> | {
|
|
10
14
|
mobile: number;
|
|
11
15
|
tablet: number;
|
|
16
|
+
smallDesktop: number;
|
|
17
|
+
desktop: number;
|
|
12
18
|
}>;
|
|
13
19
|
/**
|
|
14
20
|
* Returns a reactive boolean indicating if the current window width is less than or equal to the specified breakpoint.
|