@vue-interface/btn-dropdown 2.0.0-beta.12 → 2.0.0-beta.14

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.
@@ -1,236 +1,100 @@
1
- declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").DefineComponent<{
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
2
+ active: {
3
+ type: import("vue").PropType<boolean>;
4
+ };
2
5
  align: {
3
- type: StringConstructor;
4
- default: string;
5
- validate(value: any): boolean;
6
+ type: import("vue").PropType<"left" | "right">;
6
7
  };
7
- animated: {
8
- type: BooleanConstructor;
9
- default: boolean;
8
+ buttonClass: {
9
+ type: import("vue").PropType<string | Record<string, boolean>>;
10
10
  };
11
- buttonClass: (StringConstructor | ObjectConstructor)[];
12
- caret: {
13
- type: BooleanConstructor;
14
- default: boolean;
11
+ dropdown: {
12
+ type: import("vue").PropType<boolean>;
15
13
  };
16
14
  dropup: {
17
- type: BooleanConstructor;
18
- default: boolean;
15
+ type: import("vue").PropType<boolean>;
16
+ };
17
+ dropleft: {
18
+ type: import("vue").PropType<boolean>;
19
19
  };
20
20
  dropright: {
21
- type: BooleanConstructor;
22
- default: boolean;
21
+ type: import("vue").PropType<boolean>;
23
22
  };
24
- dropleft: {
25
- type: BooleanConstructor;
26
- default: boolean;
23
+ label: {
24
+ type: import("vue").PropType<string>;
27
25
  };
28
- height: StringConstructor;
29
- href: StringConstructor;
30
- nav: BooleanConstructor;
31
- label: StringConstructor;
32
26
  offset: {
33
- type: NumberConstructor;
34
- default: number;
27
+ type: import("vue").PropType<number>;
35
28
  };
36
- rotate: {
37
- type: BooleanConstructor;
38
- default: boolean;
29
+ size: {
30
+ type: import("vue").PropType<string>;
39
31
  };
40
32
  split: {
41
- type: BooleanConstructor;
42
- default: boolean;
43
- };
44
- to: (StringConstructor | ObjectConstructor)[];
45
- type: {
46
- type: StringConstructor;
47
- default: string;
48
- };
49
- width: StringConstructor;
50
- }, unknown, {
51
- popper: null;
52
- triggerAnimation: boolean;
53
- expanded: boolean;
54
- }, {
55
- scope(): {
56
- placement: any;
57
- variantClassPrefix: any;
58
- sizeableClassPrefix: any;
59
- classes: any;
60
- actionClasses: any;
61
- toggleStyle: any;
62
- toggleClasses: any;
63
- focus: any;
64
- queryFocusable: any;
65
- isFocusable: any;
66
- toggle: any;
67
- show: any;
68
- hide: any;
69
- onBlur: any;
70
- onClickItem: any;
71
- onClickToggle: any;
72
- expanded: any;
73
- };
74
- placement(): "left" | "right" | "top" | "bottom";
75
- variantClassPrefix(): string;
76
- sizeableClassPrefix(): "btn";
77
- classes(): {
78
- dropdown: any;
79
- dropup: any;
80
- dropright: any;
81
- dropleft: any;
82
- 'icon-only': boolean;
83
- 'hide-caret': boolean;
84
- expanded: any;
85
- 'rotate-90': any;
86
- };
87
- actionClasses(): any;
88
- toggleStyle(): {
89
- width: any;
90
- height: any;
91
- };
92
- toggleClasses(): any;
93
- }, {
94
- focus(): void;
95
- queryFocusable(): any;
96
- isFocusable(element: any): boolean;
97
- toggle(): void;
98
- show(): void;
99
- hide(): void;
100
- onBlur(e: any): void;
101
- onClickDocument(e: Event): void;
102
- onClickItem(e: any): void;
103
- onClickToggle(e: any): void;
104
- onKeydown(e: any): void;
105
- }, import("vue").ComponentOptionsMixin, import("vue").DefineComponent<{
106
- active: BooleanConstructor;
107
- block: BooleanConstructor;
108
- componentPrefix: {
109
- type: StringConstructor;
110
- default: string;
111
- };
112
- disabled: BooleanConstructor;
113
- label: StringConstructor;
114
- outline: BooleanConstructor;
115
- tag: StringConstructor;
116
- variant: {
117
- type: StringConstructor;
118
- default: string;
119
- };
120
- }, unknown, unknown, {
121
- classes(): string | undefined[];
122
- component(): string;
123
- variantClassPrefix(): string;
124
- }, {}, import("vue").DefineComponent<{
125
- componentPrefix: StringConstructor;
126
- size: StringConstructor;
127
- sizePrefix: StringConstructor;
128
- }, unknown, unknown, {
129
- sizeableClassPrefix(): string | undefined;
130
- hasSizeablePrefix(): boolean;
131
- sizeableClass(): string;
132
- }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
133
- componentPrefix: StringConstructor;
134
- size: StringConstructor;
135
- sizePrefix: StringConstructor;
136
- }>>, {}> | {
137
- props: {
138
- componentPrefix: StringConstructor;
139
- variant: StringConstructor;
140
- variantPrefix: StringConstructor;
141
- };
142
- computed: {
143
- variantClassPrefix(): string | undefined;
144
- hasVariantPrefix(): boolean;
145
- variantClass(): string;
146
- };
147
- }, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
148
- active: BooleanConstructor;
149
- block: BooleanConstructor;
150
- componentPrefix: {
151
- type: StringConstructor;
152
- default: string;
153
- };
154
- disabled: BooleanConstructor;
155
- label: StringConstructor;
156
- outline: BooleanConstructor;
157
- tag: StringConstructor;
33
+ type: import("vue").PropType<boolean>;
34
+ };
158
35
  variant: {
159
- type: StringConstructor;
160
- default: string;
161
- };
162
- }>>, {
163
- componentPrefix: string;
164
- active: boolean;
165
- block: boolean;
166
- disabled: boolean;
167
- outline: boolean;
168
- variant: string;
169
- }>, ("toggle" | "show" | "click-toggle" | "hide")[], "toggle" | "show" | "click-toggle" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
36
+ type: import("vue").PropType<string>;
37
+ };
38
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
39
+ click: (e: PointerEvent) => void;
40
+ "click-toggle": (e: PointerEvent) => void;
41
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
42
+ active: {
43
+ type: import("vue").PropType<boolean>;
44
+ };
170
45
  align: {
171
- type: StringConstructor;
172
- default: string;
173
- validate(value: any): boolean;
46
+ type: import("vue").PropType<"left" | "right">;
174
47
  };
175
- animated: {
176
- type: BooleanConstructor;
177
- default: boolean;
48
+ buttonClass: {
49
+ type: import("vue").PropType<string | Record<string, boolean>>;
178
50
  };
179
- buttonClass: (StringConstructor | ObjectConstructor)[];
180
- caret: {
181
- type: BooleanConstructor;
182
- default: boolean;
51
+ dropdown: {
52
+ type: import("vue").PropType<boolean>;
183
53
  };
184
54
  dropup: {
185
- type: BooleanConstructor;
186
- default: boolean;
55
+ type: import("vue").PropType<boolean>;
56
+ };
57
+ dropleft: {
58
+ type: import("vue").PropType<boolean>;
187
59
  };
188
60
  dropright: {
189
- type: BooleanConstructor;
190
- default: boolean;
61
+ type: import("vue").PropType<boolean>;
191
62
  };
192
- dropleft: {
193
- type: BooleanConstructor;
194
- default: boolean;
63
+ label: {
64
+ type: import("vue").PropType<string>;
195
65
  };
196
- height: StringConstructor;
197
- href: StringConstructor;
198
- nav: BooleanConstructor;
199
- label: StringConstructor;
200
66
  offset: {
201
- type: NumberConstructor;
202
- default: number;
67
+ type: import("vue").PropType<number>;
203
68
  };
204
- rotate: {
205
- type: BooleanConstructor;
206
- default: boolean;
69
+ size: {
70
+ type: import("vue").PropType<string>;
207
71
  };
208
72
  split: {
209
- type: BooleanConstructor;
210
- default: boolean;
73
+ type: import("vue").PropType<boolean>;
211
74
  };
212
- to: (StringConstructor | ObjectConstructor)[];
213
- type: {
214
- type: StringConstructor;
215
- default: string;
75
+ variant: {
76
+ type: import("vue").PropType<string>;
216
77
  };
217
- width: StringConstructor;
218
78
  }>> & {
219
- onToggle?: ((...args: any[]) => any) | undefined;
220
- onShow?: ((...args: any[]) => any) | undefined;
221
- "onClick-toggle"?: ((...args: any[]) => any) | undefined;
222
- onHide?: ((...args: any[]) => any) | undefined;
223
- }, {
224
- type: string;
225
- split: boolean;
226
- align: string;
227
- animated: boolean;
228
- caret: boolean;
229
- dropup: boolean;
230
- dropright: boolean;
231
- dropleft: boolean;
232
- nav: boolean;
233
- offset: number;
234
- rotate: boolean;
235
- }>, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
236
- export default _sfc_main;
79
+ onClick?: (e: PointerEvent) => any;
80
+ "onClick-toggle"?: (e: PointerEvent) => any;
81
+ }, {}, {}>, {
82
+ button?(_: {
83
+ expanded: boolean;
84
+ target: HTMLElement | import("vue").ComponentPublicInstance;
85
+ toggle: () => void;
86
+ onBlur: (e: any) => void;
87
+ onClickToggle: (e: PointerEvent) => void;
88
+ onClickItem: (e: any) => void;
89
+ onKeydown: (e: KeyboardEvent) => void;
90
+ }): any;
91
+ icon?(_: {}): any;
92
+ label?(_: {}): any;
93
+ default?(_: {}): any;
94
+ }>;
95
+ export default _default;
96
+ type __VLS_WithTemplateSlots<T, S> = T & {
97
+ new (): {
98
+ $slots: S;
99
+ };
100
+ };
@@ -1,238 +1,99 @@
1
- declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").DefineComponent<{
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
2
+ active: {
3
+ type: import("vue").PropType<boolean>;
4
+ };
2
5
  align: {
3
- type: StringConstructor;
4
- default: string;
5
- validate(value: any): boolean;
6
+ type: import("vue").PropType<"left" | "right">;
6
7
  };
7
- animated: {
8
- type: BooleanConstructor;
9
- default: boolean;
8
+ buttonClass: {
9
+ type: import("vue").PropType<string | Record<string, boolean>>;
10
10
  };
11
- buttonClass: (StringConstructor | ObjectConstructor)[];
12
- caret: {
13
- type: BooleanConstructor;
14
- default: boolean;
11
+ dropdown: {
12
+ type: import("vue").PropType<boolean>;
15
13
  };
16
14
  dropup: {
17
- type: BooleanConstructor;
18
- default: boolean;
15
+ type: import("vue").PropType<boolean>;
16
+ };
17
+ dropleft: {
18
+ type: import("vue").PropType<boolean>;
19
19
  };
20
20
  dropright: {
21
- type: BooleanConstructor;
22
- default: boolean;
21
+ type: import("vue").PropType<boolean>;
23
22
  };
24
- dropleft: {
25
- type: BooleanConstructor;
26
- default: boolean;
23
+ label: {
24
+ type: import("vue").PropType<string>;
27
25
  };
28
- height: StringConstructor;
29
- href: StringConstructor;
30
- nav: BooleanConstructor;
31
- label: StringConstructor;
32
26
  offset: {
33
- type: NumberConstructor;
34
- default: number;
27
+ type: import("vue").PropType<number>;
35
28
  };
36
- rotate: {
37
- type: BooleanConstructor;
38
- default: boolean;
29
+ size: {
30
+ type: import("vue").PropType<string>;
39
31
  };
40
32
  split: {
41
- type: BooleanConstructor;
42
- default: boolean;
43
- };
44
- to: (StringConstructor | ObjectConstructor)[];
45
- type: {
46
- type: StringConstructor;
47
- default: string;
48
- };
49
- width: StringConstructor;
50
- }, unknown, {
51
- popper: null;
52
- triggerAnimation: boolean;
53
- expanded: boolean;
54
- }, {
55
- scope(): {
56
- placement: any;
57
- variantClassPrefix: any;
58
- sizeableClassPrefix: any;
59
- classes: any;
60
- actionClasses: any;
61
- toggleStyle: any;
62
- toggleClasses: any;
63
- focus: any;
64
- queryFocusable: any;
65
- isFocusable: any;
66
- toggle: any;
67
- show: any;
68
- hide: any;
69
- onBlur: any;
70
- onClickItem: any;
71
- onClickToggle: any;
72
- expanded: any;
73
- };
74
- placement(): "left" | "right" | "top" | "bottom";
75
- variantClassPrefix(): string;
76
- sizeableClassPrefix(): "btn";
77
- classes(): {
78
- dropdown: any;
79
- dropup: any;
80
- dropright: any;
81
- dropleft: any;
82
- 'icon-only': boolean;
83
- 'hide-caret': boolean;
84
- expanded: any;
85
- 'rotate-90': any;
86
- };
87
- actionClasses(): any;
88
- toggleStyle(): {
89
- width: any;
90
- height: any;
91
- };
92
- toggleClasses(): any;
93
- }, {
94
- focus(): void;
95
- queryFocusable(): any;
96
- isFocusable(element: any): boolean;
97
- toggle(): void;
98
- show(): void;
99
- hide(): void;
100
- onBlur(e: any): void;
101
- onClickDocument(e: Event): void;
102
- onClickItem(e: any): void;
103
- onClickToggle(e: any): void;
104
- onKeydown(e: any): void;
105
- }, import("vue").ComponentOptionsMixin, import("vue").DefineComponent<{
106
- active: BooleanConstructor;
107
- block: BooleanConstructor;
108
- componentPrefix: {
109
- type: StringConstructor;
110
- default: string;
111
- };
112
- disabled: BooleanConstructor;
113
- label: StringConstructor;
114
- outline: BooleanConstructor;
115
- tag: StringConstructor;
116
- variant: {
117
- type: StringConstructor;
118
- default: string;
119
- };
120
- }, unknown, unknown, {
121
- classes(): string | undefined[];
122
- component(): string;
123
- variantClassPrefix(): string;
124
- }, {}, import("vue").DefineComponent<{
125
- componentPrefix: StringConstructor;
126
- size: StringConstructor;
127
- sizePrefix: StringConstructor;
128
- }, unknown, unknown, {
129
- sizeableClassPrefix(): string | undefined;
130
- hasSizeablePrefix(): boolean;
131
- sizeableClass(): string;
132
- }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
133
- componentPrefix: StringConstructor;
134
- size: StringConstructor;
135
- sizePrefix: StringConstructor;
136
- }>>, {}> | {
137
- props: {
138
- componentPrefix: StringConstructor;
139
- variant: StringConstructor;
140
- variantPrefix: StringConstructor;
141
- };
142
- computed: {
143
- variantClassPrefix(): string | undefined;
144
- hasVariantPrefix(): boolean;
145
- variantClass(): string;
146
- };
147
- }, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
148
- active: BooleanConstructor;
149
- block: BooleanConstructor;
150
- componentPrefix: {
151
- type: StringConstructor;
152
- default: string;
153
- };
154
- disabled: BooleanConstructor;
155
- label: StringConstructor;
156
- outline: BooleanConstructor;
157
- tag: StringConstructor;
33
+ type: import("vue").PropType<boolean>;
34
+ };
158
35
  variant: {
159
- type: StringConstructor;
160
- default: string;
161
- };
162
- }>>, {
163
- componentPrefix: string;
164
- active: boolean;
165
- block: boolean;
166
- disabled: boolean;
167
- outline: boolean;
168
- variant: string;
169
- }>, ("toggle" | "show" | "click-toggle" | "hide")[], "toggle" | "show" | "click-toggle" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
36
+ type: import("vue").PropType<string>;
37
+ };
38
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
39
+ click: (e: PointerEvent) => void;
40
+ "click-toggle": (e: PointerEvent) => void;
41
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
42
+ active: {
43
+ type: import("vue").PropType<boolean>;
44
+ };
170
45
  align: {
171
- type: StringConstructor;
172
- default: string;
173
- validate(value: any): boolean;
46
+ type: import("vue").PropType<"left" | "right">;
174
47
  };
175
- animated: {
176
- type: BooleanConstructor;
177
- default: boolean;
48
+ buttonClass: {
49
+ type: import("vue").PropType<string | Record<string, boolean>>;
178
50
  };
179
- buttonClass: (StringConstructor | ObjectConstructor)[];
180
- caret: {
181
- type: BooleanConstructor;
182
- default: boolean;
51
+ dropdown: {
52
+ type: import("vue").PropType<boolean>;
183
53
  };
184
54
  dropup: {
185
- type: BooleanConstructor;
186
- default: boolean;
55
+ type: import("vue").PropType<boolean>;
56
+ };
57
+ dropleft: {
58
+ type: import("vue").PropType<boolean>;
187
59
  };
188
60
  dropright: {
189
- type: BooleanConstructor;
190
- default: boolean;
61
+ type: import("vue").PropType<boolean>;
191
62
  };
192
- dropleft: {
193
- type: BooleanConstructor;
194
- default: boolean;
63
+ label: {
64
+ type: import("vue").PropType<string>;
195
65
  };
196
- height: StringConstructor;
197
- href: StringConstructor;
198
- nav: BooleanConstructor;
199
- label: StringConstructor;
200
66
  offset: {
201
- type: NumberConstructor;
202
- default: number;
67
+ type: import("vue").PropType<number>;
203
68
  };
204
- rotate: {
205
- type: BooleanConstructor;
206
- default: boolean;
69
+ size: {
70
+ type: import("vue").PropType<string>;
207
71
  };
208
72
  split: {
209
- type: BooleanConstructor;
210
- default: boolean;
73
+ type: import("vue").PropType<boolean>;
211
74
  };
212
- to: (StringConstructor | ObjectConstructor)[];
213
- type: {
214
- type: StringConstructor;
215
- default: string;
75
+ variant: {
76
+ type: import("vue").PropType<string>;
216
77
  };
217
- width: StringConstructor;
218
78
  }>> & {
219
- onToggle?: ((...args: any[]) => any) | undefined;
220
- onShow?: ((...args: any[]) => any) | undefined;
221
- "onClick-toggle"?: ((...args: any[]) => any) | undefined;
222
- onHide?: ((...args: any[]) => any) | undefined;
223
- }, {
224
- type: string;
225
- split: boolean;
226
- align: string;
227
- animated: boolean;
228
- caret: boolean;
229
- dropup: boolean;
230
- dropright: boolean;
231
- dropleft: boolean;
232
- nav: boolean;
233
- offset: number;
234
- rotate: boolean;
235
- }>, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
236
- onClick?: ((...args: any[]) => any) | undefined;
237
- }, {}>;
238
- export default _sfc_main;
79
+ onClick?: (e: PointerEvent) => any;
80
+ "onClick-toggle"?: (e: PointerEvent) => any;
81
+ }, {}, {}>, {
82
+ button?(_: {
83
+ expanded: boolean;
84
+ onBlur: (e: any) => void;
85
+ onClickToggle: (e: PointerEvent) => void;
86
+ onClickItem: (e: any) => void;
87
+ onKeydown: (e: KeyboardEvent) => void;
88
+ }): any;
89
+ icon?(_: {}): any;
90
+ label?(_: {}): any;
91
+ split?(_: {}): any;
92
+ default?(_: {}): any;
93
+ }>;
94
+ export default _default;
95
+ type __VLS_WithTemplateSlots<T, S> = T & {
96
+ new (): {
97
+ $slots: S;
98
+ };
99
+ };
@@ -0,0 +1,49 @@
1
+ import { ComponentPublicInstance } from 'vue';
2
+ export type BtnDropdownProps = {
3
+ active?: boolean;
4
+ align?: 'left' | 'right';
5
+ buttonClass?: string | Record<string | undefined, boolean>;
6
+ dropdown?: boolean;
7
+ dropup?: boolean;
8
+ dropleft?: boolean;
9
+ dropright?: boolean;
10
+ label?: string;
11
+ offset?: number;
12
+ size?: string;
13
+ split?: boolean;
14
+ variant?: string;
15
+ };
16
+ export type BtnDropdownEmits = {
17
+ (name: 'click', e: PointerEvent): void;
18
+ (name: 'click-toggle', e: PointerEvent): void;
19
+ };
20
+ export declare function useBtnDropdown<Props extends BtnDropdownProps, Emits extends BtnDropdownEmits>(props: Props, emit: Emits): {
21
+ actionClasses: import("vue").ComputedRef<{
22
+ btn: boolean;
23
+ }>;
24
+ classes: import("vue").ComputedRef<{
25
+ [x: string]: boolean;
26
+ dropdown: boolean;
27
+ dropup: boolean;
28
+ dropright: boolean;
29
+ dropleft: boolean;
30
+ expanded: boolean;
31
+ }>;
32
+ expanded: import("vue").Ref<boolean>;
33
+ menu: import("vue").Ref<HTMLElement | ComponentPublicInstance>;
34
+ target: import("vue").Ref<HTMLElement | ComponentPublicInstance>;
35
+ toggleClasses: import("vue").ComputedRef<{
36
+ btn: boolean;
37
+ active: boolean;
38
+ 'dropdown-toggle': boolean;
39
+ 'dropdown-toggle-split': boolean;
40
+ }>;
41
+ triggerAnimation: import("vue").Ref<boolean>;
42
+ hide: () => void;
43
+ show: () => void;
44
+ toggle: () => void;
45
+ onBlur: (e: any) => void;
46
+ onClickItem: (e: any) => void;
47
+ onClickToggle: (e: PointerEvent) => void;
48
+ onKeydown: (e: KeyboardEvent) => void;
49
+ };