@volverjs/ui-vue 0.0.10-beta.1 → 0.0.10-beta.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/README.md +64 -1
- package/auto-imports.d.ts +1 -1
- package/bin/icons.cjs +1 -1
- package/bin/icons.js +13 -5
- package/dist/components/VvAccordion/VvAccordion.es.js +7 -0
- package/dist/components/VvAccordion/VvAccordion.umd.js +1 -1
- package/dist/components/VvAccordion/index.d.ts +1 -1
- package/dist/components/VvAccordionGroup/VvAccordionGroup.es.js +7 -0
- package/dist/components/VvAccordionGroup/VvAccordionGroup.umd.js +1 -1
- package/dist/components/VvAccordionGroup/VvAccordionGroup.vue.d.ts +1 -1
- package/dist/components/VvAction/VvAction.es.js +9 -1
- package/dist/components/VvAction/VvAction.umd.js +1 -1
- package/dist/components/VvAction/VvAction.vue.d.ts +3 -0
- package/dist/components/VvAction/index.d.ts +1 -0
- package/dist/components/VvAlert/VvAlert.es.js +7 -0
- package/dist/components/VvAlert/VvAlert.umd.js +1 -1
- package/dist/components/VvAlertGroup/VvAlertGroup.es.js +7 -0
- package/dist/components/VvAlertGroup/VvAlertGroup.umd.js +1 -1
- package/dist/components/VvAvatar/VvAvatar.es.js +7 -0
- package/dist/components/VvAvatar/VvAvatar.umd.js +1 -1
- package/dist/components/VvAvatarGroup/VvAvatarGroup.es.js +7 -0
- package/dist/components/VvAvatarGroup/VvAvatarGroup.umd.js +1 -1
- package/dist/components/VvBadge/VvBadge.es.js +7 -0
- package/dist/components/VvBadge/VvBadge.umd.js +1 -1
- package/dist/components/VvBreadcrumb/VvBreadcrumb.es.js +7 -0
- package/dist/components/VvBreadcrumb/VvBreadcrumb.umd.js +1 -1
- package/dist/components/VvButton/VvButton.es.js +9 -1
- package/dist/components/VvButton/VvButton.umd.js +1 -1
- package/dist/components/VvButton/VvButton.vue.d.ts +6 -3
- package/dist/components/VvButton/index.d.ts +1 -0
- package/dist/components/VvButtonGroup/VvButtonGroup.es.js +7 -0
- package/dist/components/VvButtonGroup/VvButtonGroup.umd.js +1 -1
- package/dist/components/VvButtonGroup/VvButtonGroup.vue.d.ts +2 -2
- package/dist/components/VvCard/VvCard.es.js +7 -0
- package/dist/components/VvCard/VvCard.umd.js +1 -1
- package/dist/components/VvCheckbox/VvCheckbox.es.js +7 -0
- package/dist/components/VvCheckbox/VvCheckbox.umd.js +1 -1
- package/dist/components/VvCheckbox/VvCheckbox.vue.d.ts +3 -3
- package/dist/components/VvCheckbox/index.d.ts +1 -1
- package/dist/components/VvCheckboxGroup/VvCheckboxGroup.es.js +7 -0
- package/dist/components/VvCheckboxGroup/VvCheckboxGroup.umd.js +1 -1
- package/dist/components/VvCheckboxGroup/VvCheckboxGroup.vue.d.ts +3 -3
- package/dist/components/VvCombobox/VvCombobox.es.js +16 -2
- package/dist/components/VvCombobox/VvCombobox.umd.js +1 -1
- package/dist/components/VvCombobox/VvCombobox.vue.d.ts +103 -103
- package/dist/components/VvCombobox/index.d.ts +35 -33
- package/dist/components/VvDialog/VvDialog.es.js +7 -0
- package/dist/components/VvDialog/VvDialog.umd.js +1 -1
- package/dist/components/VvDropdown/VvDropdown.es.js +7 -0
- package/dist/components/VvDropdown/VvDropdown.umd.js +1 -1
- package/dist/components/VvDropdown/VvDropdown.vue.d.ts +187 -187
- package/dist/components/VvDropdown/VvDropdownAction.vue.d.ts +3 -0
- package/dist/components/VvDropdown/index.d.ts +32 -32
- package/dist/components/VvDropdownAction/VvDropdownAction.es.js +9 -1
- package/dist/components/VvDropdownAction/VvDropdownAction.umd.js +1 -1
- package/dist/components/VvDropdownOptgroup/VvDropdownOptgroup.es.js +7 -0
- package/dist/components/VvDropdownOptgroup/VvDropdownOptgroup.umd.js +1 -1
- package/dist/components/VvDropdownOption/VvDropdownOption.es.js +7 -0
- package/dist/components/VvDropdownOption/VvDropdownOption.umd.js +1 -1
- package/dist/components/VvInputText/VvInputClearAction.d.ts +1 -1
- package/dist/components/VvInputText/VvInputText.es.js +7 -0
- package/dist/components/VvInputText/VvInputText.umd.js +1 -1
- package/dist/components/VvInputText/VvInputText.vue.d.ts +4 -4
- package/dist/components/VvNav/VvNav.es.js +69 -56
- package/dist/components/VvNav/VvNav.umd.js +1 -1
- package/dist/components/VvNav/VvNav.vue.d.ts +12 -8
- package/dist/components/VvNav/VvNavItem.vue.d.ts +9 -0
- package/dist/components/VvNav/index.d.ts +1 -12
- package/dist/components/VvNavItem/VvNavItem.es.js +392 -0
- package/dist/components/VvNavItem/VvNavItem.umd.js +1 -0
- package/dist/components/VvNavSeparator/VvNavSeparator.es.js +24 -0
- package/dist/components/VvNavSeparator/VvNavSeparator.umd.js +1 -0
- package/dist/components/VvProgress/VvProgress.es.js +7 -0
- package/dist/components/VvProgress/VvProgress.umd.js +1 -1
- package/dist/components/VvRadio/VvRadio.es.js +7 -0
- package/dist/components/VvRadio/VvRadio.umd.js +1 -1
- package/dist/components/VvRadio/VvRadio.vue.d.ts +3 -3
- package/dist/components/VvRadio/index.d.ts +1 -1
- package/dist/components/VvRadioGroup/VvRadioGroup.es.js +7 -0
- package/dist/components/VvRadioGroup/VvRadioGroup.umd.js +1 -1
- package/dist/components/VvRadioGroup/VvRadioGroup.vue.d.ts +3 -3
- package/dist/components/VvSelect/VvSelect.es.js +7 -0
- package/dist/components/VvSelect/VvSelect.umd.js +1 -1
- package/dist/components/VvSelect/VvSelect.vue.d.ts +7 -7
- package/dist/components/VvTab/VvTab.es.js +127 -87
- package/dist/components/VvTab/VvTab.umd.js +1 -1
- package/dist/components/VvTab/VvTab.vue.d.ts +19 -6
- package/dist/components/VvTab/index.d.ts +9 -3
- package/dist/components/VvTextarea/VvTextarea.es.js +7 -0
- package/dist/components/VvTextarea/VvTextarea.umd.js +1 -1
- package/dist/components/VvTextarea/VvTextarea.vue.d.ts +3 -3
- package/dist/components/VvTooltip/VvTooltip.es.js +7 -0
- package/dist/components/VvTooltip/VvTooltip.umd.js +1 -1
- package/dist/components/index.es.js +246 -200
- package/dist/components/index.umd.js +1 -1
- package/dist/composables/group/useInjectedGroupState.d.ts +1 -1
- package/dist/directives/index.es.js +7 -0
- package/dist/directives/index.umd.js +1 -1
- package/dist/directives/v-tooltip.es.js +7 -0
- package/dist/directives/v-tooltip.umd.js +1 -1
- package/dist/icons.es.js +3 -3
- package/dist/icons.umd.js +1 -1
- package/dist/props/index.d.ts +51 -34
- package/dist/stories/AccordionGroup/AccordionGroup.stories.d.ts +5 -5
- package/dist/stories/AccordionGroup/AccordionGroupSlots.stories.d.ts +31 -31
- package/dist/stories/Tab/Tab.settings.d.ts +3 -23
- package/dist/types/alert.d.ts +13 -0
- package/dist/types/floating-ui.d.ts +6 -0
- package/dist/types/generic.d.ts +5 -0
- package/dist/types/group.d.ts +37 -0
- package/dist/types/nav.d.ts +17 -0
- package/package.json +45 -36
- package/src/assets/icons/detailed.json +1 -1
- package/src/assets/icons/normal.json +1 -1
- package/src/assets/icons/simple.json +1 -1
- package/src/components/VvAction/VvAction.vue +1 -0
- package/src/components/VvCombobox/VvCombobox.vue +11 -4
- package/src/components/VvNav/VvNav.vue +29 -51
- package/src/components/VvNav/VvNavItem.vue +18 -0
- package/src/components/VvNav/VvNavSeparator.vue +11 -0
- package/src/components/VvNav/index.ts +2 -15
- package/src/components/VvTab/VvTab.vue +60 -36
- package/src/components/VvTab/index.ts +10 -4
- package/src/props/index.ts +19 -3
- package/src/stories/Button/ButtonModifiers.stories.ts +4 -14
- package/src/stories/Nav/Nav.settings.ts +3 -4
- package/src/stories/Nav/Nav.test.ts +4 -15
- package/src/stories/Tab/Tab.settings.ts +8 -8
- package/src/stories/Tab/Tab.stories.ts +2 -2
- package/src/stories/Tab/Tab.test.ts +6 -14
- package/src/types/nav.ts +19 -0
- package/dist/components/VvNav/VvNavItemTitle.vue.d.ts +0 -6
- package/dist/components/VvNavItemTitle/VvNavItemTitle.es.js +0 -19
- package/dist/components/VvNavItemTitle/VvNavItemTitle.umd.js +0 -1
- package/src/components/VvNav/VvNavItemTitle.vue +0 -11
- package/src/components/VvNav/VvNavSeparator.ts +0 -8
- /package/dist/components/VvNav/{VvNavSeparator.d.ts → VvNavSeparator.vue.d.ts} +0 -0
- /package/src/types/{alert.d.ts → alert.ts} +0 -0
- /package/src/types/{floating-ui.d.ts → floating-ui.ts} +0 -0
- /package/src/types/{generic.d.ts → generic.ts} +0 -0
- /package/src/types/{group.d.ts → group.ts} +0 -0
package/dist/props/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { PropType } from 'vue';
|
|
2
|
-
import type { Option } from '
|
|
3
|
-
import {
|
|
2
|
+
import type { Option } from '@/types/generic';
|
|
3
|
+
import type { NavItem } from '@/types/nav';
|
|
4
|
+
import { Placement, Strategy, Position, Side, AnchorTarget, ButtonType } from '@/constants';
|
|
4
5
|
export declare const LinkProps: {
|
|
5
6
|
/**
|
|
6
7
|
* The router-link/nuxt-link property, if it is defined the button is rendered as a ruouter-link or nuxt-link.
|
|
@@ -79,6 +80,12 @@ export declare const ActiveProps: {
|
|
|
79
80
|
*/
|
|
80
81
|
active: BooleanConstructor;
|
|
81
82
|
};
|
|
83
|
+
export declare const CurrentProps: {
|
|
84
|
+
/**
|
|
85
|
+
* Whether the item is current
|
|
86
|
+
*/
|
|
87
|
+
current: BooleanConstructor;
|
|
88
|
+
};
|
|
82
89
|
export declare const PressedProps: {
|
|
83
90
|
/**
|
|
84
91
|
* Whether the item is pressed
|
|
@@ -241,24 +248,24 @@ export declare const DropdownProps: {
|
|
|
241
248
|
*/
|
|
242
249
|
shift: {
|
|
243
250
|
type: PropType<boolean | {
|
|
244
|
-
mainAxis?: boolean | undefined;
|
|
245
|
-
crossAxis?: boolean | undefined;
|
|
246
251
|
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
247
252
|
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
248
253
|
altBoundary?: boolean | undefined;
|
|
249
|
-
padding?: import("@floating-ui/
|
|
254
|
+
padding?: import("@floating-ui/utils").Padding | undefined;
|
|
255
|
+
crossAxis?: boolean | undefined;
|
|
256
|
+
mainAxis?: boolean | undefined;
|
|
250
257
|
limiter?: {
|
|
251
258
|
fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
|
|
252
259
|
options?: any;
|
|
253
260
|
} | undefined;
|
|
254
261
|
boundary?: import("@floating-ui/dom").Boundary | undefined;
|
|
255
262
|
} | import("@floating-ui/dom").Derivable<{
|
|
256
|
-
mainAxis?: boolean | undefined;
|
|
257
|
-
crossAxis?: boolean | undefined;
|
|
258
263
|
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
259
264
|
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
260
265
|
altBoundary?: boolean | undefined;
|
|
261
|
-
padding?: import("@floating-ui/
|
|
266
|
+
padding?: import("@floating-ui/utils").Padding | undefined;
|
|
267
|
+
crossAxis?: boolean | undefined;
|
|
268
|
+
mainAxis?: boolean | undefined;
|
|
262
269
|
limiter?: {
|
|
263
270
|
fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
|
|
264
271
|
options?: any;
|
|
@@ -273,25 +280,25 @@ export declare const DropdownProps: {
|
|
|
273
280
|
*/
|
|
274
281
|
flip: {
|
|
275
282
|
type: PropType<boolean | {
|
|
276
|
-
mainAxis?: boolean | undefined;
|
|
277
|
-
crossAxis?: boolean | undefined;
|
|
278
283
|
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
279
284
|
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
280
285
|
altBoundary?: boolean | undefined;
|
|
281
|
-
padding?: import("@floating-ui/
|
|
282
|
-
|
|
286
|
+
padding?: import("@floating-ui/utils").Padding | undefined;
|
|
287
|
+
crossAxis?: boolean | undefined;
|
|
288
|
+
mainAxis?: boolean | undefined;
|
|
289
|
+
fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
|
|
283
290
|
fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
|
|
284
291
|
fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
|
|
285
292
|
flipAlignment?: boolean | undefined;
|
|
286
293
|
boundary?: import("@floating-ui/dom").Boundary | undefined;
|
|
287
294
|
} | import("@floating-ui/dom").Derivable<{
|
|
288
|
-
mainAxis?: boolean | undefined;
|
|
289
|
-
crossAxis?: boolean | undefined;
|
|
290
295
|
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
291
296
|
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
292
297
|
altBoundary?: boolean | undefined;
|
|
293
|
-
padding?: import("@floating-ui/
|
|
294
|
-
|
|
298
|
+
padding?: import("@floating-ui/utils").Padding | undefined;
|
|
299
|
+
crossAxis?: boolean | undefined;
|
|
300
|
+
mainAxis?: boolean | undefined;
|
|
301
|
+
fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
|
|
295
302
|
fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
|
|
296
303
|
fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
|
|
297
304
|
flipAlignment?: boolean | undefined;
|
|
@@ -308,16 +315,16 @@ export declare const DropdownProps: {
|
|
|
308
315
|
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
309
316
|
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
310
317
|
altBoundary?: boolean | undefined;
|
|
311
|
-
padding?: import("@floating-ui/
|
|
318
|
+
padding?: import("@floating-ui/utils").Padding | undefined;
|
|
312
319
|
boundary?: import("@floating-ui/dom").Boundary | undefined;
|
|
313
320
|
apply?: ((args: {
|
|
314
321
|
x: number;
|
|
315
322
|
y: number;
|
|
316
|
-
initialPlacement: import("@floating-ui/
|
|
317
|
-
placement: import("@floating-ui/
|
|
318
|
-
strategy: import("@floating-ui/
|
|
323
|
+
initialPlacement: import("@floating-ui/utils").Placement;
|
|
324
|
+
placement: import("@floating-ui/utils").Placement;
|
|
325
|
+
strategy: import("@floating-ui/utils").Strategy;
|
|
319
326
|
middlewareData: import("@floating-ui/core").MiddlewareData;
|
|
320
|
-
rects: import("@floating-ui/
|
|
327
|
+
rects: import("@floating-ui/utils").ElementRects;
|
|
321
328
|
platform: import("@floating-ui/core").Platform;
|
|
322
329
|
elements: import("@floating-ui/dom").Elements;
|
|
323
330
|
} & {
|
|
@@ -328,16 +335,16 @@ export declare const DropdownProps: {
|
|
|
328
335
|
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
329
336
|
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
330
337
|
altBoundary?: boolean | undefined;
|
|
331
|
-
padding?: import("@floating-ui/
|
|
338
|
+
padding?: import("@floating-ui/utils").Padding | undefined;
|
|
332
339
|
boundary?: import("@floating-ui/dom").Boundary | undefined;
|
|
333
340
|
apply?: ((args: {
|
|
334
341
|
x: number;
|
|
335
342
|
y: number;
|
|
336
|
-
initialPlacement: import("@floating-ui/
|
|
337
|
-
placement: import("@floating-ui/
|
|
338
|
-
strategy: import("@floating-ui/
|
|
343
|
+
initialPlacement: import("@floating-ui/utils").Placement;
|
|
344
|
+
placement: import("@floating-ui/utils").Placement;
|
|
345
|
+
strategy: import("@floating-ui/utils").Strategy;
|
|
339
346
|
middlewareData: import("@floating-ui/core").MiddlewareData;
|
|
340
|
-
rects: import("@floating-ui/
|
|
347
|
+
rects: import("@floating-ui/utils").ElementRects;
|
|
341
348
|
platform: import("@floating-ui/core").Platform;
|
|
342
349
|
elements: import("@floating-ui/dom").Elements;
|
|
343
350
|
} & {
|
|
@@ -355,24 +362,24 @@ export declare const DropdownProps: {
|
|
|
355
362
|
*/
|
|
356
363
|
autoPlacement: {
|
|
357
364
|
type: PropType<boolean | {
|
|
358
|
-
crossAxis?: boolean | undefined;
|
|
359
365
|
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
360
366
|
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
361
367
|
altBoundary?: boolean | undefined;
|
|
362
|
-
padding?: import("@floating-ui/
|
|
363
|
-
|
|
368
|
+
padding?: import("@floating-ui/utils").Padding | undefined;
|
|
369
|
+
crossAxis?: boolean | undefined;
|
|
370
|
+
alignment?: import("@floating-ui/utils").Alignment | null | undefined;
|
|
364
371
|
autoAlignment?: boolean | undefined;
|
|
365
|
-
allowedPlacements?: import("@floating-ui/
|
|
372
|
+
allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
|
|
366
373
|
boundary?: import("@floating-ui/dom").Boundary | undefined;
|
|
367
374
|
} | import("@floating-ui/dom").Derivable<{
|
|
368
|
-
crossAxis?: boolean | undefined;
|
|
369
375
|
rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
|
|
370
376
|
elementContext?: import("@floating-ui/core").ElementContext | undefined;
|
|
371
377
|
altBoundary?: boolean | undefined;
|
|
372
|
-
padding?: import("@floating-ui/
|
|
373
|
-
|
|
378
|
+
padding?: import("@floating-ui/utils").Padding | undefined;
|
|
379
|
+
crossAxis?: boolean | undefined;
|
|
380
|
+
alignment?: import("@floating-ui/utils").Alignment | null | undefined;
|
|
374
381
|
autoAlignment?: boolean | undefined;
|
|
375
|
-
allowedPlacements?: import("@floating-ui/
|
|
382
|
+
allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
|
|
376
383
|
boundary?: import("@floating-ui/dom").Boundary | undefined;
|
|
377
384
|
}> | undefined>;
|
|
378
385
|
default: boolean;
|
|
@@ -795,6 +802,10 @@ export declare const ActionProps: {
|
|
|
795
802
|
type: StringConstructor;
|
|
796
803
|
default: string;
|
|
797
804
|
};
|
|
805
|
+
/**
|
|
806
|
+
* Whether the item is current
|
|
807
|
+
*/
|
|
808
|
+
current: BooleanConstructor;
|
|
798
809
|
/**
|
|
799
810
|
* Whether the item is active
|
|
800
811
|
*/
|
|
@@ -812,3 +823,9 @@ export declare const ActionProps: {
|
|
|
812
823
|
*/
|
|
813
824
|
disabled: BooleanConstructor;
|
|
814
825
|
};
|
|
826
|
+
export declare const NavProps: {
|
|
827
|
+
items: {
|
|
828
|
+
type: PropType<NavItem[]>;
|
|
829
|
+
default: () => never[];
|
|
830
|
+
};
|
|
831
|
+
};
|
|
@@ -7,14 +7,14 @@ declare const _default: Meta<{
|
|
|
7
7
|
$props: {
|
|
8
8
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
9
9
|
disabled?: boolean | undefined;
|
|
10
|
-
not?: boolean | undefined;
|
|
11
10
|
collapse?: boolean | undefined;
|
|
11
|
+
not?: boolean | undefined;
|
|
12
12
|
items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
|
|
13
13
|
itemModifiers?: string | string[] | undefined;
|
|
14
|
-
|
|
14
|
+
key?: string | number | symbol | undefined;
|
|
15
15
|
readonly modelValue?: string | unknown[] | undefined;
|
|
16
16
|
readonly modifiers?: string | string[] | undefined;
|
|
17
|
-
|
|
17
|
+
ref?: import("vue").VNodeRef | undefined;
|
|
18
18
|
style?: unknown;
|
|
19
19
|
class?: unknown;
|
|
20
20
|
ref_for?: boolean | undefined;
|
|
@@ -53,8 +53,8 @@ declare const _default: Meta<{
|
|
|
53
53
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
54
54
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
|
|
55
55
|
disabled: boolean;
|
|
56
|
-
not: boolean;
|
|
57
56
|
collapse: boolean;
|
|
57
|
+
not: boolean;
|
|
58
58
|
items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
|
|
59
59
|
itemModifiers: string | string[];
|
|
60
60
|
}, {}, string, {}> & {
|
|
@@ -117,8 +117,8 @@ declare const _default: Meta<{
|
|
|
117
117
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
118
118
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
|
|
119
119
|
disabled: boolean;
|
|
120
|
-
not: boolean;
|
|
121
120
|
collapse: boolean;
|
|
121
|
+
not: boolean;
|
|
122
122
|
items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
|
|
123
123
|
itemModifiers: string | string[];
|
|
124
124
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
@@ -7,14 +7,14 @@ declare const _default: {
|
|
|
7
7
|
component?: Omit<import("vue").ConcreteComponent<{
|
|
8
8
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
9
9
|
disabled?: boolean | undefined;
|
|
10
|
-
not?: boolean | undefined;
|
|
11
10
|
collapse?: boolean | undefined;
|
|
11
|
+
not?: boolean | undefined;
|
|
12
12
|
items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
|
|
13
13
|
itemModifiers?: string | string[] | undefined;
|
|
14
|
-
|
|
14
|
+
key?: string | number | symbol | undefined;
|
|
15
15
|
readonly modelValue?: string | unknown[] | undefined;
|
|
16
16
|
readonly modifiers?: string | string[] | undefined;
|
|
17
|
-
|
|
17
|
+
ref?: import("vue").VNodeRef | undefined;
|
|
18
18
|
style?: unknown;
|
|
19
19
|
class?: unknown;
|
|
20
20
|
ref_for?: boolean | undefined;
|
|
@@ -31,14 +31,14 @@ declare const _default: {
|
|
|
31
31
|
$props: {
|
|
32
32
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
33
33
|
disabled?: boolean | undefined;
|
|
34
|
-
not?: boolean | undefined;
|
|
35
34
|
collapse?: boolean | undefined;
|
|
35
|
+
not?: boolean | undefined;
|
|
36
36
|
items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
|
|
37
37
|
itemModifiers?: string | string[] | undefined;
|
|
38
|
-
|
|
38
|
+
key?: string | number | symbol | undefined;
|
|
39
39
|
readonly modelValue?: string | unknown[] | undefined;
|
|
40
40
|
readonly modifiers?: string | string[] | undefined;
|
|
41
|
-
|
|
41
|
+
ref?: import("vue").VNodeRef | undefined;
|
|
42
42
|
style?: unknown;
|
|
43
43
|
class?: unknown;
|
|
44
44
|
ref_for?: boolean | undefined;
|
|
@@ -77,8 +77,8 @@ declare const _default: {
|
|
|
77
77
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
78
78
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
|
|
79
79
|
disabled: boolean;
|
|
80
|
-
not: boolean;
|
|
81
80
|
collapse: boolean;
|
|
81
|
+
not: boolean;
|
|
82
82
|
items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
|
|
83
83
|
itemModifiers: string | string[];
|
|
84
84
|
}, {}, string, {}> & {
|
|
@@ -141,8 +141,8 @@ declare const _default: {
|
|
|
141
141
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
142
142
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
|
|
143
143
|
disabled: boolean;
|
|
144
|
-
not: boolean;
|
|
145
144
|
collapse: boolean;
|
|
145
|
+
not: boolean;
|
|
146
146
|
items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
|
|
147
147
|
itemModifiers: string | string[];
|
|
148
148
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
@@ -154,14 +154,14 @@ declare const _default: {
|
|
|
154
154
|
decorators?: import("@storybook/types").DecoratorFunction<import("@storybook/vue3/dist/render-ddbe18a8").V, {
|
|
155
155
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
156
156
|
disabled?: boolean | undefined;
|
|
157
|
-
not?: boolean | undefined;
|
|
158
157
|
collapse?: boolean | undefined;
|
|
158
|
+
not?: boolean | undefined;
|
|
159
159
|
items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
|
|
160
160
|
itemModifiers?: string | string[] | undefined;
|
|
161
|
-
|
|
161
|
+
key?: string | number | symbol | undefined;
|
|
162
162
|
readonly modelValue?: string | unknown[] | undefined;
|
|
163
163
|
readonly modifiers?: string | string[] | undefined;
|
|
164
|
-
|
|
164
|
+
ref?: import("vue").VNodeRef | undefined;
|
|
165
165
|
style?: unknown;
|
|
166
166
|
class?: unknown;
|
|
167
167
|
ref_for?: boolean | undefined;
|
|
@@ -177,14 +177,14 @@ declare const _default: {
|
|
|
177
177
|
$props: {
|
|
178
178
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
179
179
|
disabled?: boolean | undefined;
|
|
180
|
-
not?: boolean | undefined;
|
|
181
180
|
collapse?: boolean | undefined;
|
|
181
|
+
not?: boolean | undefined;
|
|
182
182
|
items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
|
|
183
183
|
itemModifiers?: string | string[] | undefined;
|
|
184
|
-
|
|
184
|
+
key?: string | number | symbol | undefined;
|
|
185
185
|
readonly modelValue?: string | unknown[] | undefined;
|
|
186
186
|
readonly modifiers?: string | string[] | undefined;
|
|
187
|
-
|
|
187
|
+
ref?: import("vue").VNodeRef | undefined;
|
|
188
188
|
style?: unknown;
|
|
189
189
|
class?: unknown;
|
|
190
190
|
ref_for?: boolean | undefined;
|
|
@@ -223,8 +223,8 @@ declare const _default: {
|
|
|
223
223
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
224
224
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
|
|
225
225
|
disabled: boolean;
|
|
226
|
-
not: boolean;
|
|
227
226
|
collapse: boolean;
|
|
227
|
+
not: boolean;
|
|
228
228
|
items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
|
|
229
229
|
itemModifiers: string | string[];
|
|
230
230
|
}, {}, string, {}> & {
|
|
@@ -287,8 +287,8 @@ declare const _default: {
|
|
|
287
287
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
288
288
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
|
|
289
289
|
disabled: boolean;
|
|
290
|
-
not: boolean;
|
|
291
290
|
collapse: boolean;
|
|
291
|
+
not: boolean;
|
|
292
292
|
items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
|
|
293
293
|
itemModifiers: string | string[];
|
|
294
294
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
@@ -303,14 +303,14 @@ declare const _default: {
|
|
|
303
303
|
$props: {
|
|
304
304
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
305
305
|
disabled?: boolean | undefined;
|
|
306
|
-
not?: boolean | undefined;
|
|
307
306
|
collapse?: boolean | undefined;
|
|
307
|
+
not?: boolean | undefined;
|
|
308
308
|
items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
|
|
309
309
|
itemModifiers?: string | string[] | undefined;
|
|
310
|
-
|
|
310
|
+
key?: string | number | symbol | undefined;
|
|
311
311
|
readonly modelValue?: string | unknown[] | undefined;
|
|
312
312
|
readonly modifiers?: string | string[] | undefined;
|
|
313
|
-
|
|
313
|
+
ref?: import("vue").VNodeRef | undefined;
|
|
314
314
|
style?: unknown;
|
|
315
315
|
class?: unknown;
|
|
316
316
|
ref_for?: boolean | undefined;
|
|
@@ -349,8 +349,8 @@ declare const _default: {
|
|
|
349
349
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
350
350
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
|
|
351
351
|
disabled: boolean;
|
|
352
|
-
not: boolean;
|
|
353
352
|
collapse: boolean;
|
|
353
|
+
not: boolean;
|
|
354
354
|
items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
|
|
355
355
|
itemModifiers: string | string[];
|
|
356
356
|
}, {}, string, {}> & {
|
|
@@ -413,8 +413,8 @@ declare const _default: {
|
|
|
413
413
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
414
414
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
|
|
415
415
|
disabled: boolean;
|
|
416
|
-
not: boolean;
|
|
417
416
|
collapse: boolean;
|
|
417
|
+
not: boolean;
|
|
418
418
|
items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
|
|
419
419
|
itemModifiers: string | string[];
|
|
420
420
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
@@ -429,14 +429,14 @@ declare const _default: {
|
|
|
429
429
|
$props: {
|
|
430
430
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
431
431
|
disabled?: boolean | undefined;
|
|
432
|
-
not?: boolean | undefined;
|
|
433
432
|
collapse?: boolean | undefined;
|
|
433
|
+
not?: boolean | undefined;
|
|
434
434
|
items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
|
|
435
435
|
itemModifiers?: string | string[] | undefined;
|
|
436
|
-
|
|
436
|
+
key?: string | number | symbol | undefined;
|
|
437
437
|
readonly modelValue?: string | unknown[] | undefined;
|
|
438
438
|
readonly modifiers?: string | string[] | undefined;
|
|
439
|
-
|
|
439
|
+
ref?: import("vue").VNodeRef | undefined;
|
|
440
440
|
style?: unknown;
|
|
441
441
|
class?: unknown;
|
|
442
442
|
ref_for?: boolean | undefined;
|
|
@@ -475,8 +475,8 @@ declare const _default: {
|
|
|
475
475
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
476
476
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
|
|
477
477
|
disabled: boolean;
|
|
478
|
-
not: boolean;
|
|
479
478
|
collapse: boolean;
|
|
479
|
+
not: boolean;
|
|
480
480
|
items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
|
|
481
481
|
itemModifiers: string | string[];
|
|
482
482
|
}, {}, string, {}> & {
|
|
@@ -539,8 +539,8 @@ declare const _default: {
|
|
|
539
539
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
540
540
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
|
|
541
541
|
disabled: boolean;
|
|
542
|
-
not: boolean;
|
|
543
542
|
collapse: boolean;
|
|
543
|
+
not: boolean;
|
|
544
544
|
items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
|
|
545
545
|
itemModifiers: string | string[];
|
|
546
546
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
@@ -555,14 +555,14 @@ declare const _default: {
|
|
|
555
555
|
$props: {
|
|
556
556
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
557
557
|
disabled?: boolean | undefined;
|
|
558
|
-
not?: boolean | undefined;
|
|
559
558
|
collapse?: boolean | undefined;
|
|
559
|
+
not?: boolean | undefined;
|
|
560
560
|
items?: import("../../components/VvAccordionGroup").VvAccordionGroupItem[] | undefined;
|
|
561
561
|
itemModifiers?: string | string[] | undefined;
|
|
562
|
-
|
|
562
|
+
key?: string | number | symbol | undefined;
|
|
563
563
|
readonly modelValue?: string | unknown[] | undefined;
|
|
564
564
|
readonly modifiers?: string | string[] | undefined;
|
|
565
|
-
|
|
565
|
+
ref?: import("vue").VNodeRef | undefined;
|
|
566
566
|
style?: unknown;
|
|
567
567
|
class?: unknown;
|
|
568
568
|
ref_for?: boolean | undefined;
|
|
@@ -601,8 +601,8 @@ declare const _default: {
|
|
|
601
601
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
602
602
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
|
|
603
603
|
disabled: boolean;
|
|
604
|
-
not: boolean;
|
|
605
604
|
collapse: boolean;
|
|
605
|
+
not: boolean;
|
|
606
606
|
items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
|
|
607
607
|
itemModifiers: string | string[];
|
|
608
608
|
}, {}, string, {}> & {
|
|
@@ -665,8 +665,8 @@ declare const _default: {
|
|
|
665
665
|
[x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
|
|
666
666
|
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, {
|
|
667
667
|
disabled: boolean;
|
|
668
|
-
not: boolean;
|
|
669
668
|
collapse: boolean;
|
|
669
|
+
not: boolean;
|
|
670
670
|
items: import("../../components/VvAccordionGroup").VvAccordionGroupItem[];
|
|
671
671
|
itemModifiers: string | string[];
|
|
672
672
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
@@ -1,26 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
href: string;
|
|
5
|
-
to?: undefined;
|
|
6
|
-
id?: undefined;
|
|
7
|
-
on?: undefined;
|
|
8
|
-
} | {
|
|
9
|
-
title: string;
|
|
10
|
-
to: string;
|
|
11
|
-
href?: undefined;
|
|
12
|
-
id?: undefined;
|
|
13
|
-
on?: undefined;
|
|
14
|
-
} | {
|
|
15
|
-
id: string;
|
|
16
|
-
title: string;
|
|
17
|
-
to: string;
|
|
18
|
-
on: {
|
|
19
|
-
click: () => void;
|
|
20
|
-
};
|
|
21
|
-
href?: undefined;
|
|
22
|
-
})[];
|
|
23
|
-
};
|
|
1
|
+
import type { Meta } from '@storybook/vue3';
|
|
2
|
+
import type { VvTab } from '@/components';
|
|
3
|
+
export declare const defaultArgs: Meta<typeof VvTab>['args'];
|
|
24
4
|
export declare const defaultArgTypes: {
|
|
25
5
|
tabId: {
|
|
26
6
|
description: string;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export type AlertModifiers = 'success' | 'info' | 'warning' | 'danger' | 'brand' | 'accent';
|
|
2
|
+
export type Alert = {
|
|
3
|
+
id: string | number;
|
|
4
|
+
group: string;
|
|
5
|
+
title?: string;
|
|
6
|
+
icon: string | Record<string, unknown>;
|
|
7
|
+
content?: string;
|
|
8
|
+
footer?: string;
|
|
9
|
+
modifiers: AlertModifiers;
|
|
10
|
+
dismissable: boolean;
|
|
11
|
+
autoClose: number;
|
|
12
|
+
timestamp: number;
|
|
13
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { flip, autoPlacement, shift, offset, size } from '@floating-ui/vue';
|
|
2
|
+
export type AutoPlacementOptions = Parameters<typeof autoPlacement>[0];
|
|
3
|
+
export type FlipOptions = Parameters<typeof flip>[0];
|
|
4
|
+
export type ShiftOptions = Parameters<typeof shift>[0];
|
|
5
|
+
export type OffsetOptions = Parameters<typeof offset>[0];
|
|
6
|
+
export type SizeOptions = Parameters<typeof size>[0];
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import type { Ref } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* State shared for a group of elements
|
|
4
|
+
*/
|
|
5
|
+
export default interface GroupState {
|
|
6
|
+
[itemKey: string]: Ref<unknown> | unknown | undefined;
|
|
7
|
+
key: string | number | symbol;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* State shared in a group of inputs
|
|
11
|
+
*/
|
|
12
|
+
export interface InputGroupState extends GroupState {
|
|
13
|
+
readonly: Ref<boolean>;
|
|
14
|
+
disabled: Ref<boolean>;
|
|
15
|
+
valid: Ref<boolean>;
|
|
16
|
+
invalid: Ref<boolean>;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* State shared in a group of buttons
|
|
20
|
+
*/
|
|
21
|
+
export interface ButtonGroupState extends GroupState {
|
|
22
|
+
modelValue: Ref<string | number | boolean | (string | number | boolean)[] | undefined>;
|
|
23
|
+
disabled: Ref<boolean>;
|
|
24
|
+
toggle: Ref<boolean>;
|
|
25
|
+
multiple: Ref<boolean>;
|
|
26
|
+
unselectable: Ref<boolean>;
|
|
27
|
+
modifiers: Ref<string | string[] | undefined>;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* State shared in a group of accordions
|
|
31
|
+
*/
|
|
32
|
+
export interface AccordionGroupState extends GroupState {
|
|
33
|
+
collapse: Ref<boolean>;
|
|
34
|
+
disabled: Ref<boolean>;
|
|
35
|
+
modifiers: Ref<string[] | string | undefined>;
|
|
36
|
+
not: Ref<boolean>;
|
|
37
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { AnchorTarget } from '@/constants';
|
|
2
|
+
export type NavItem = {
|
|
3
|
+
label: string;
|
|
4
|
+
ariaLabel?: string;
|
|
5
|
+
title?: string;
|
|
6
|
+
to?: string | Record<string, unknown>;
|
|
7
|
+
href?: string;
|
|
8
|
+
target?: `${AnchorTarget}`;
|
|
9
|
+
rel?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
current?: boolean;
|
|
12
|
+
class?: string | string[];
|
|
13
|
+
on?: Record<'click' | string, () => void>;
|
|
14
|
+
};
|
|
15
|
+
export type NavItemTab = NavItem & {
|
|
16
|
+
tab?: string;
|
|
17
|
+
};
|