@vanjana/vue-ui 0.1.59
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/theme-light.css +1 -0
- package/dist/theme-light.js +1 -0
- package/dist/types/components/button-bar.vue.d.ts +15 -0
- package/dist/types/components/button.vue.d.ts +11 -0
- package/dist/types/components/card.vue.d.ts +21 -0
- package/dist/types/components/carousel.vue.d.ts +21 -0
- package/dist/types/components/checkbox.vue.d.ts +15 -0
- package/dist/types/components/data/data.vue.d.ts +7 -0
- package/dist/types/components/dialog.vue.d.ts +47 -0
- package/dist/types/components/dot-menu.vue.d.ts +16 -0
- package/dist/types/components/form/form-field.vue.d.ts +33 -0
- package/dist/types/components/form/form-layout.vue.d.ts +34 -0
- package/dist/types/components/form/form-section.vue.d.ts +16 -0
- package/dist/types/components/form/index.d.ts +10 -0
- package/dist/types/components/form/input-select.vue.d.ts +34 -0
- package/dist/types/components/form/input-slider.vue.d.ts +19 -0
- package/dist/types/components/form/input-text-area.vue.d.ts +17 -0
- package/dist/types/components/form/input-text.vue.d.ts +14 -0
- package/dist/types/components/form/input.vue.d.ts +23 -0
- package/dist/types/components/form/select.vue.d.ts +43 -0
- package/dist/types/components/form/textarea.vue.d.ts +23 -0
- package/dist/types/components/icon.vue.d.ts +8 -0
- package/dist/types/components/index.d.ts +20 -0
- package/dist/types/components/link-button.vue.d.ts +13 -0
- package/dist/types/components/menu-action.vue.d.ts +8 -0
- package/dist/types/components/menu.vue.d.ts +13 -0
- package/dist/types/components/nav-bar.vue.d.ts +3 -0
- package/dist/types/components/page.vue.d.ts +28 -0
- package/dist/types/components/paginator.vue.d.ts +36 -0
- package/dist/types/components/search-field.vue.d.ts +17 -0
- package/dist/types/components/separator.vue.d.ts +6 -0
- package/dist/types/components/shell/index.d.ts +4 -0
- package/dist/types/components/shell/shell-navigation-item.vue.d.ts +8 -0
- package/dist/types/components/shell/shell-navigation.vue.d.ts +13 -0
- package/dist/types/components/shell/shell.vue.d.ts +20 -0
- package/dist/types/components/slider.vue.d.ts +22 -0
- package/dist/types/components/tab-view.vue.d.ts +20 -0
- package/dist/types/components/tab.vue.d.ts +17 -0
- package/dist/types/directives/focus.directive.d.ts +28 -0
- package/dist/types/directives/index.d.ts +1 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/model/FormFieldProps.d.ts +11 -0
- package/dist/types/model/IconSize.d.ts +5 -0
- package/dist/types/model/Icons.d.ts +39 -0
- package/dist/types/model/VjRouteRecord.d.ts +12 -0
- package/dist/types/model/index.d.ts +4 -0
- package/dist/types/provider/index.d.ts +2 -0
- package/dist/types/provider/router-navigation-provider.d.ts +19 -0
- package/dist/types/provider/static-navigation-provider.d.ts +26 -0
- package/dist/types/public-api.d.ts +9 -0
- package/dist/types/services/aside.service.d.ts +247 -0
- package/dist/types/services/aside.store.d.ts +257 -0
- package/dist/types/services/debounce.d.ts +1 -0
- package/dist/types/services/dialog.service.d.ts +31 -0
- package/dist/types/services/index.d.ts +3 -0
- package/dist/types/stories/components/AsideDemo.vue.d.ts +8 -0
- package/dist/types/stories/components/button.stories.d.ts +77 -0
- package/dist/types/stories/components/card.stories.d.ts +49 -0
- package/dist/types/stories/components/carousel.stories.d.ts +122 -0
- package/dist/types/stories/components/checkbox.stories.d.ts +68 -0
- package/dist/types/stories/components/data.stories.d.ts +10 -0
- package/dist/types/stories/components/dialog.stories.d.ts +116 -0
- package/dist/types/stories/components/dot-menu.stories.d.ts +67 -0
- package/dist/types/stories/components/form-field.stories.d.ts +28 -0
- package/dist/types/stories/components/form-layout.stories.d.ts +87 -0
- package/dist/types/stories/components/icon.stories.d.ts +42 -0
- package/dist/types/stories/components/input-slider.stories.d.ts +6 -0
- package/dist/types/stories/components/input-text.stories.d.ts +12 -0
- package/dist/types/stories/components/input.stories.d.ts +62 -0
- package/dist/types/stories/components/menu-action.stories.d.ts +60 -0
- package/dist/types/stories/components/page.stories.d.ts +103 -0
- package/dist/types/stories/components/paginator.stories.d.ts +11 -0
- package/dist/types/stories/components/search-field.stories.d.ts +48 -0
- package/dist/types/stories/components/select.stories.d.ts +13 -0
- package/dist/types/stories/components/shell.stories.d.ts +96 -0
- package/dist/types/stories/components/slider.stories.d.ts +10 -0
- package/dist/types/stories/components/tab-view.stories.d.ts +118 -0
- package/dist/types/stories/components/textarea.stories.d.ts +62 -0
- package/dist/types/stories/router.d.ts +2 -0
- package/dist/types/theme-light.d.ts +2 -0
- package/dist/vanjana-vue-ui.es.js +2862 -0
- package/dist/vanjana-vue-ui.umd.js +1 -0
- package/dist/vue-ui.css +1 -0
- package/package.json +79 -0
- package/themes/common/_components.scss +19 -0
- package/themes/common/_mixins.scss +78 -0
- package/themes/common/components/_button-bar.scss +8 -0
- package/themes/common/components/_button.scss +44 -0
- package/themes/common/components/_card.scss +21 -0
- package/themes/common/components/_checkbox.scss +26 -0
- package/themes/common/components/_dialog.scss +15 -0
- package/themes/common/components/_dot-menu.scss +10 -0
- package/themes/common/components/_icon.scss +11 -0
- package/themes/common/components/_menu-action.scss +10 -0
- package/themes/common/components/_menu.scss +6 -0
- package/themes/common/components/_page.scss +21 -0
- package/themes/common/components/_search-field.scss +34 -0
- package/themes/common/components/_shell.scss +101 -0
- package/themes/common/components/_tab-view.scss +40 -0
- package/themes/common/components/_tab.scss +12 -0
- package/themes/common/components/form/_form-field.scss +32 -0
- package/themes/common/components/form/_input.scss +40 -0
- package/themes/common/components/form/_select.scss +60 -0
- package/themes/common/components/form/_textarea.scss +38 -0
- package/themes/default.scss +12 -0
- package/themes/light/_shell.scss +56 -0
- package/themes/light/theme.scss +51 -0
- package/themes/mixins.scss +1 -0
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: {
|
|
5
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
6
|
+
modelValue?: boolean;
|
|
7
|
+
title?: string;
|
|
8
|
+
message?: string;
|
|
9
|
+
component?: import("vue").Component;
|
|
10
|
+
componentProps?: Record<string, unknown>;
|
|
11
|
+
showFooter?: boolean;
|
|
12
|
+
showCancel?: boolean;
|
|
13
|
+
confirmText?: string;
|
|
14
|
+
cancelText?: string;
|
|
15
|
+
closeOnBackdrop?: boolean;
|
|
16
|
+
closeOnEscape?: boolean;
|
|
17
|
+
}> & Readonly<{
|
|
18
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
19
|
+
onCancel?: (() => any) | undefined;
|
|
20
|
+
onClose?: (() => any) | undefined;
|
|
21
|
+
onConfirm?: (() => any) | undefined;
|
|
22
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
23
|
+
"update:modelValue": (value: boolean) => any;
|
|
24
|
+
cancel: () => any;
|
|
25
|
+
close: () => any;
|
|
26
|
+
confirm: () => any;
|
|
27
|
+
}, import("vue").PublicProps, {
|
|
28
|
+
modelValue: boolean;
|
|
29
|
+
showFooter: boolean;
|
|
30
|
+
showCancel: boolean;
|
|
31
|
+
confirmText: string;
|
|
32
|
+
cancelText: string;
|
|
33
|
+
closeOnBackdrop: boolean;
|
|
34
|
+
closeOnEscape: boolean;
|
|
35
|
+
}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
36
|
+
P: {};
|
|
37
|
+
B: {};
|
|
38
|
+
D: {};
|
|
39
|
+
C: {};
|
|
40
|
+
M: {};
|
|
41
|
+
Defaults: {};
|
|
42
|
+
}, Readonly<{
|
|
43
|
+
modelValue?: boolean;
|
|
44
|
+
title?: string;
|
|
45
|
+
message?: string;
|
|
46
|
+
component?: import("vue").Component;
|
|
47
|
+
componentProps?: Record<string, unknown>;
|
|
48
|
+
showFooter?: boolean;
|
|
49
|
+
showCancel?: boolean;
|
|
50
|
+
confirmText?: string;
|
|
51
|
+
cancelText?: string;
|
|
52
|
+
closeOnBackdrop?: boolean;
|
|
53
|
+
closeOnEscape?: boolean;
|
|
54
|
+
}> & Readonly<{
|
|
55
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
56
|
+
onCancel?: (() => any) | undefined;
|
|
57
|
+
onClose?: (() => any) | undefined;
|
|
58
|
+
onConfirm?: (() => any) | undefined;
|
|
59
|
+
}>, {}, {}, {}, {}, {
|
|
60
|
+
modelValue: boolean;
|
|
61
|
+
showFooter: boolean;
|
|
62
|
+
showCancel: boolean;
|
|
63
|
+
confirmText: string;
|
|
64
|
+
cancelText: string;
|
|
65
|
+
closeOnBackdrop: boolean;
|
|
66
|
+
closeOnEscape: boolean;
|
|
67
|
+
}>;
|
|
68
|
+
__isFragment?: never;
|
|
69
|
+
__isTeleport?: never;
|
|
70
|
+
__isSuspense?: never;
|
|
71
|
+
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
72
|
+
modelValue?: boolean;
|
|
73
|
+
title?: string;
|
|
74
|
+
message?: string;
|
|
75
|
+
component?: import("vue").Component;
|
|
76
|
+
componentProps?: Record<string, unknown>;
|
|
77
|
+
showFooter?: boolean;
|
|
78
|
+
showCancel?: boolean;
|
|
79
|
+
confirmText?: string;
|
|
80
|
+
cancelText?: string;
|
|
81
|
+
closeOnBackdrop?: boolean;
|
|
82
|
+
closeOnEscape?: boolean;
|
|
83
|
+
}> & Readonly<{
|
|
84
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
85
|
+
onCancel?: (() => any) | undefined;
|
|
86
|
+
onClose?: (() => any) | undefined;
|
|
87
|
+
onConfirm?: (() => any) | undefined;
|
|
88
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
89
|
+
"update:modelValue": (value: boolean) => any;
|
|
90
|
+
cancel: () => any;
|
|
91
|
+
close: () => any;
|
|
92
|
+
confirm: () => any;
|
|
93
|
+
}, string, {
|
|
94
|
+
modelValue: boolean;
|
|
95
|
+
showFooter: boolean;
|
|
96
|
+
showCancel: boolean;
|
|
97
|
+
confirmText: string;
|
|
98
|
+
cancelText: string;
|
|
99
|
+
closeOnBackdrop: boolean;
|
|
100
|
+
closeOnEscape: boolean;
|
|
101
|
+
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
102
|
+
$slots: {
|
|
103
|
+
default?: (props: {}) => any;
|
|
104
|
+
} & {
|
|
105
|
+
footer?: (props: {}) => any;
|
|
106
|
+
};
|
|
107
|
+
});
|
|
108
|
+
tags: string[];
|
|
109
|
+
};
|
|
110
|
+
export default meta;
|
|
111
|
+
type Story = StoryObj<typeof meta>;
|
|
112
|
+
export declare const BasicDialog: Story;
|
|
113
|
+
export declare const WithCustomContent: Story;
|
|
114
|
+
export declare const UsingDialogService: Story;
|
|
115
|
+
export declare const WithoutCancel: Story;
|
|
116
|
+
export declare const CustomFooter: Story;
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { IconNames } from '../../model';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: {
|
|
6
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
7
|
+
icon?: string;
|
|
8
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
9
|
+
P: {};
|
|
10
|
+
B: {};
|
|
11
|
+
D: {};
|
|
12
|
+
C: {};
|
|
13
|
+
M: {};
|
|
14
|
+
Defaults: {};
|
|
15
|
+
}, Readonly<{
|
|
16
|
+
icon?: string;
|
|
17
|
+
}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
18
|
+
__isFragment?: never;
|
|
19
|
+
__isTeleport?: never;
|
|
20
|
+
__isSuspense?: never;
|
|
21
|
+
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
22
|
+
icon?: string;
|
|
23
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
24
|
+
$slots: {
|
|
25
|
+
default?: (props: {}) => any;
|
|
26
|
+
};
|
|
27
|
+
});
|
|
28
|
+
render: (args: unknown) => {
|
|
29
|
+
components: {
|
|
30
|
+
DotMenu: {
|
|
31
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
32
|
+
icon?: string;
|
|
33
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
34
|
+
P: {};
|
|
35
|
+
B: {};
|
|
36
|
+
D: {};
|
|
37
|
+
C: {};
|
|
38
|
+
M: {};
|
|
39
|
+
Defaults: {};
|
|
40
|
+
}, Readonly<{
|
|
41
|
+
icon?: string;
|
|
42
|
+
}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
43
|
+
__isFragment?: never;
|
|
44
|
+
__isTeleport?: never;
|
|
45
|
+
__isSuspense?: never;
|
|
46
|
+
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
47
|
+
icon?: string;
|
|
48
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
49
|
+
$slots: {
|
|
50
|
+
default?: (props: {}) => any;
|
|
51
|
+
};
|
|
52
|
+
});
|
|
53
|
+
};
|
|
54
|
+
setup(this: void): {
|
|
55
|
+
args: unknown;
|
|
56
|
+
IconNames: typeof IconNames;
|
|
57
|
+
};
|
|
58
|
+
template: string;
|
|
59
|
+
};
|
|
60
|
+
tags: string[];
|
|
61
|
+
argTypes: {};
|
|
62
|
+
args: {};
|
|
63
|
+
};
|
|
64
|
+
export default meta;
|
|
65
|
+
type Story = StoryObj<typeof meta>;
|
|
66
|
+
export declare const Primary: Story;
|
|
67
|
+
export declare const WithCustomItems: Story;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("vue").DefineComponent<import("../..").FormFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
5
|
+
input: (value: string | number) => any;
|
|
6
|
+
"update:modelValue": (value: string | number) => any;
|
|
7
|
+
blur: (value: FocusEvent) => any;
|
|
8
|
+
focus: (value: FocusEvent) => any;
|
|
9
|
+
}, string, import("vue").PublicProps, Readonly<import("../..").FormFieldProps> & Readonly<{
|
|
10
|
+
onInput?: ((value: string | number) => any) | undefined;
|
|
11
|
+
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
12
|
+
onBlur?: ((value: FocusEvent) => any) | undefined;
|
|
13
|
+
onFocus?: ((value: FocusEvent) => any) | undefined;
|
|
14
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
15
|
+
tags: string[];
|
|
16
|
+
};
|
|
17
|
+
export default meta;
|
|
18
|
+
type Story = StoryObj<typeof meta>;
|
|
19
|
+
export declare const TextInput: Story;
|
|
20
|
+
export declare const TextInputWithValue: Story;
|
|
21
|
+
export declare const TextInputDisabled: Story;
|
|
22
|
+
export declare const TextInputWithError: Story;
|
|
23
|
+
export declare const TextArea: Story;
|
|
24
|
+
export declare const TextAreaWithValue: Story;
|
|
25
|
+
export declare const SelectField: Story;
|
|
26
|
+
export declare const SelectFieldWithValue: Story;
|
|
27
|
+
export declare const SelectFieldDisabled: Story;
|
|
28
|
+
export declare const MixedFields: Story;
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { type StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: {
|
|
5
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
6
|
+
columns: {
|
|
7
|
+
type: NumberConstructor;
|
|
8
|
+
default: number;
|
|
9
|
+
};
|
|
10
|
+
gap: {
|
|
11
|
+
type: StringConstructor;
|
|
12
|
+
default: string;
|
|
13
|
+
};
|
|
14
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
15
|
+
columns: number;
|
|
16
|
+
gap: string;
|
|
17
|
+
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
18
|
+
P: {};
|
|
19
|
+
B: {};
|
|
20
|
+
D: {};
|
|
21
|
+
C: {};
|
|
22
|
+
M: {};
|
|
23
|
+
Defaults: {};
|
|
24
|
+
}, Readonly<import("vue").ExtractPropTypes<{
|
|
25
|
+
columns: {
|
|
26
|
+
type: NumberConstructor;
|
|
27
|
+
default: number;
|
|
28
|
+
};
|
|
29
|
+
gap: {
|
|
30
|
+
type: StringConstructor;
|
|
31
|
+
default: string;
|
|
32
|
+
};
|
|
33
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, {
|
|
34
|
+
columns: number;
|
|
35
|
+
gap: string;
|
|
36
|
+
}>;
|
|
37
|
+
__isFragment?: never;
|
|
38
|
+
__isTeleport?: never;
|
|
39
|
+
__isSuspense?: never;
|
|
40
|
+
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
41
|
+
columns: {
|
|
42
|
+
type: NumberConstructor;
|
|
43
|
+
default: number;
|
|
44
|
+
};
|
|
45
|
+
gap: {
|
|
46
|
+
type: StringConstructor;
|
|
47
|
+
default: string;
|
|
48
|
+
};
|
|
49
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
50
|
+
columns: number;
|
|
51
|
+
gap: string;
|
|
52
|
+
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
53
|
+
$slots: {
|
|
54
|
+
default?: (props: {}) => any;
|
|
55
|
+
};
|
|
56
|
+
});
|
|
57
|
+
tags: string[];
|
|
58
|
+
argTypes: {
|
|
59
|
+
columns: {
|
|
60
|
+
control: {
|
|
61
|
+
type: "number";
|
|
62
|
+
};
|
|
63
|
+
description: string;
|
|
64
|
+
defaultValue: number;
|
|
65
|
+
};
|
|
66
|
+
gap: {
|
|
67
|
+
control: {
|
|
68
|
+
type: "text";
|
|
69
|
+
};
|
|
70
|
+
description: string;
|
|
71
|
+
defaultValue: string;
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
parameters: {
|
|
75
|
+
docs: {
|
|
76
|
+
description: {
|
|
77
|
+
component: string;
|
|
78
|
+
};
|
|
79
|
+
};
|
|
80
|
+
};
|
|
81
|
+
};
|
|
82
|
+
export default meta;
|
|
83
|
+
type Story = StoryObj<typeof meta>;
|
|
84
|
+
export declare const Default: Story;
|
|
85
|
+
export declare const WithSpanRow: Story;
|
|
86
|
+
export declare const WithFormSections: Story;
|
|
87
|
+
export declare const ComplexForm: Story;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { IconSize } from '../../model';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("vue").DefineComponent<{
|
|
6
|
+
icon: string;
|
|
7
|
+
size?: IconSize;
|
|
8
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
|
|
9
|
+
icon: string;
|
|
10
|
+
size?: IconSize;
|
|
11
|
+
}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
render: (args: unknown) => {
|
|
13
|
+
components: {
|
|
14
|
+
Icon: import("vue").DefineComponent<{
|
|
15
|
+
icon: string;
|
|
16
|
+
size?: IconSize;
|
|
17
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
|
|
18
|
+
icon: string;
|
|
19
|
+
size?: IconSize;
|
|
20
|
+
}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
21
|
+
};
|
|
22
|
+
setup(this: void): {
|
|
23
|
+
args: unknown;
|
|
24
|
+
};
|
|
25
|
+
template: string;
|
|
26
|
+
};
|
|
27
|
+
tags: string[];
|
|
28
|
+
argTypes: {
|
|
29
|
+
icon: {
|
|
30
|
+
control: "select";
|
|
31
|
+
options: string[];
|
|
32
|
+
};
|
|
33
|
+
size: {
|
|
34
|
+
control: "select";
|
|
35
|
+
options: IconSize[];
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
args: {};
|
|
39
|
+
};
|
|
40
|
+
export default meta;
|
|
41
|
+
type Story = StoryObj<typeof meta>;
|
|
42
|
+
export declare const Primary: Story;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import InputSlider from '../../components/form/input-slider.vue';
|
|
3
|
+
declare const meta: Meta<typeof InputSlider>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof InputSlider>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/vue3';
|
|
2
|
+
import FormField from '../../components/form/form-field.vue';
|
|
3
|
+
declare const meta: Meta<typeof FormField>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof FormField>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithPlaceholder: Story;
|
|
8
|
+
export declare const Prefilled: Story;
|
|
9
|
+
export declare const Textarea: Story;
|
|
10
|
+
export declare const Select: Story;
|
|
11
|
+
export declare const Disabled: Story;
|
|
12
|
+
export declare const WithError: Story;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3';
|
|
2
|
+
import { IconNames } from '../../model';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("vue").DefineComponent<{
|
|
6
|
+
icon?: string;
|
|
7
|
+
type?: string;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
clearable?: boolean;
|
|
11
|
+
} & {
|
|
12
|
+
modelValue?: string | number;
|
|
13
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
14
|
+
"update:modelValue": (value: string | number | undefined) => any;
|
|
15
|
+
} & {
|
|
16
|
+
blur: (event: FocusEvent) => any;
|
|
17
|
+
focus: (event: FocusEvent) => any;
|
|
18
|
+
}, string, import("vue").PublicProps, Readonly<{
|
|
19
|
+
icon?: string;
|
|
20
|
+
type?: string;
|
|
21
|
+
placeholder?: string;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
clearable?: boolean;
|
|
24
|
+
} & {
|
|
25
|
+
modelValue?: string | number;
|
|
26
|
+
}> & Readonly<{
|
|
27
|
+
"onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
|
|
28
|
+
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
29
|
+
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
30
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
31
|
+
tags: string[];
|
|
32
|
+
argTypes: {
|
|
33
|
+
modelValue: {
|
|
34
|
+
control: "text";
|
|
35
|
+
};
|
|
36
|
+
type: {
|
|
37
|
+
control: "select";
|
|
38
|
+
options: string[];
|
|
39
|
+
};
|
|
40
|
+
placeholder: {
|
|
41
|
+
control: "text";
|
|
42
|
+
};
|
|
43
|
+
disabled: {
|
|
44
|
+
control: "boolean";
|
|
45
|
+
};
|
|
46
|
+
clearable: {
|
|
47
|
+
control: "boolean";
|
|
48
|
+
};
|
|
49
|
+
icon: {
|
|
50
|
+
control: "select";
|
|
51
|
+
options: (IconNames | undefined)[];
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
export default meta;
|
|
56
|
+
type Story = StoryObj<typeof meta>;
|
|
57
|
+
export declare const Default: Story;
|
|
58
|
+
export declare const WithIcon: Story;
|
|
59
|
+
export declare const WithClearable: Story;
|
|
60
|
+
export declare const Password: Story;
|
|
61
|
+
export declare const Email: Story;
|
|
62
|
+
export declare const Disabled: Story;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
import { IconNames } from '../../model';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import("vue").DefineComponent<{
|
|
6
|
+
label: string;
|
|
7
|
+
icon?: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
|
|
10
|
+
label: string;
|
|
11
|
+
icon?: string;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
14
|
+
render: (args: unknown) => {
|
|
15
|
+
components: {
|
|
16
|
+
VjMenuAction: import("vue").DefineComponent<{
|
|
17
|
+
label: string;
|
|
18
|
+
icon?: string;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
|
|
21
|
+
label: string;
|
|
22
|
+
icon?: string;
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
25
|
+
};
|
|
26
|
+
setup(this: void): {
|
|
27
|
+
args: unknown;
|
|
28
|
+
};
|
|
29
|
+
template: string;
|
|
30
|
+
};
|
|
31
|
+
tags: string[];
|
|
32
|
+
parameters: {
|
|
33
|
+
docs: {
|
|
34
|
+
description: {
|
|
35
|
+
component: string;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
argTypes: {
|
|
40
|
+
label: {
|
|
41
|
+
control: "text";
|
|
42
|
+
description: string;
|
|
43
|
+
};
|
|
44
|
+
icon: {
|
|
45
|
+
control: "select";
|
|
46
|
+
options: IconNames[];
|
|
47
|
+
description: string;
|
|
48
|
+
};
|
|
49
|
+
disabled: {
|
|
50
|
+
control: "boolean";
|
|
51
|
+
description: string;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
args: {};
|
|
55
|
+
};
|
|
56
|
+
export default meta;
|
|
57
|
+
type Story = StoryObj<typeof meta>;
|
|
58
|
+
export declare const Primary: Story;
|
|
59
|
+
export declare const multiple: Story;
|
|
60
|
+
export declare const Disabled: Story;
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: {
|
|
5
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
6
|
+
title: string;
|
|
7
|
+
scrollable?: boolean;
|
|
8
|
+
errorMessage?: string | null;
|
|
9
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
10
|
+
P: {};
|
|
11
|
+
B: {};
|
|
12
|
+
D: {};
|
|
13
|
+
C: {};
|
|
14
|
+
M: {};
|
|
15
|
+
Defaults: {};
|
|
16
|
+
}, Readonly<{
|
|
17
|
+
title: string;
|
|
18
|
+
scrollable?: boolean;
|
|
19
|
+
errorMessage?: string | null;
|
|
20
|
+
}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
21
|
+
__isFragment?: never;
|
|
22
|
+
__isTeleport?: never;
|
|
23
|
+
__isSuspense?: never;
|
|
24
|
+
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
25
|
+
title: string;
|
|
26
|
+
scrollable?: boolean;
|
|
27
|
+
errorMessage?: string | null;
|
|
28
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
29
|
+
$slots: {
|
|
30
|
+
headerActions?: (props: {}) => any;
|
|
31
|
+
} & {
|
|
32
|
+
error?: (props: {}) => any;
|
|
33
|
+
} & {
|
|
34
|
+
default?: (props: {}) => any;
|
|
35
|
+
} & {
|
|
36
|
+
actions?: (props: {}) => any;
|
|
37
|
+
} & {
|
|
38
|
+
flexFooter?: (props: {}) => any;
|
|
39
|
+
} & {
|
|
40
|
+
footer?: (props: {}) => any;
|
|
41
|
+
};
|
|
42
|
+
});
|
|
43
|
+
render: (args: unknown) => {
|
|
44
|
+
components: {
|
|
45
|
+
Page: {
|
|
46
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
47
|
+
title: string;
|
|
48
|
+
scrollable?: boolean;
|
|
49
|
+
errorMessage?: string | null;
|
|
50
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
51
|
+
P: {};
|
|
52
|
+
B: {};
|
|
53
|
+
D: {};
|
|
54
|
+
C: {};
|
|
55
|
+
M: {};
|
|
56
|
+
Defaults: {};
|
|
57
|
+
}, Readonly<{
|
|
58
|
+
title: string;
|
|
59
|
+
scrollable?: boolean;
|
|
60
|
+
errorMessage?: string | null;
|
|
61
|
+
}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
62
|
+
__isFragment?: never;
|
|
63
|
+
__isTeleport?: never;
|
|
64
|
+
__isSuspense?: never;
|
|
65
|
+
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
66
|
+
title: string;
|
|
67
|
+
scrollable?: boolean;
|
|
68
|
+
errorMessage?: string | null;
|
|
69
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
70
|
+
$slots: {
|
|
71
|
+
headerActions?: (props: {}) => any;
|
|
72
|
+
} & {
|
|
73
|
+
error?: (props: {}) => any;
|
|
74
|
+
} & {
|
|
75
|
+
default?: (props: {}) => any;
|
|
76
|
+
} & {
|
|
77
|
+
actions?: (props: {}) => any;
|
|
78
|
+
} & {
|
|
79
|
+
flexFooter?: (props: {}) => any;
|
|
80
|
+
} & {
|
|
81
|
+
footer?: (props: {}) => any;
|
|
82
|
+
};
|
|
83
|
+
});
|
|
84
|
+
};
|
|
85
|
+
setup(this: void): {
|
|
86
|
+
args: unknown;
|
|
87
|
+
};
|
|
88
|
+
template: string;
|
|
89
|
+
};
|
|
90
|
+
tags: string[];
|
|
91
|
+
argTypes: {
|
|
92
|
+
title: {
|
|
93
|
+
control: "text";
|
|
94
|
+
};
|
|
95
|
+
};
|
|
96
|
+
args: {};
|
|
97
|
+
};
|
|
98
|
+
export default meta;
|
|
99
|
+
type Story = StoryObj<typeof meta>;
|
|
100
|
+
export declare const Primary: Story;
|
|
101
|
+
export declare const WithFooter: Story;
|
|
102
|
+
export declare const WithFlexFooter: Story;
|
|
103
|
+
export declare const WithHeaderActionsAndFlexFooter: Story;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
tags: string[];
|
|
5
|
+
};
|
|
6
|
+
export default meta;
|
|
7
|
+
type Story = StoryObj<typeof meta>;
|
|
8
|
+
export declare const Default: Story;
|
|
9
|
+
export declare const ManyItems: Story;
|
|
10
|
+
export declare const WithSlotProps: Story;
|
|
11
|
+
export declare const WithLabels: Story;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("vue").DefineComponent<{
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
} & {
|
|
7
|
+
modelValue?: string;
|
|
8
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
9
|
+
"update:modelValue": (value: string | undefined) => any;
|
|
10
|
+
}, string, import("vue").PublicProps, Readonly<{
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
} & {
|
|
13
|
+
modelValue?: string;
|
|
14
|
+
}> & Readonly<{
|
|
15
|
+
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
|
|
16
|
+
}>, {
|
|
17
|
+
placeholder: string;
|
|
18
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
render: (args: unknown) => {
|
|
20
|
+
components: {
|
|
21
|
+
SearchField: import("vue").DefineComponent<{
|
|
22
|
+
placeholder?: string;
|
|
23
|
+
} & {
|
|
24
|
+
modelValue?: string;
|
|
25
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
26
|
+
"update:modelValue": (value: string | undefined) => any;
|
|
27
|
+
}, string, import("vue").PublicProps, Readonly<{
|
|
28
|
+
placeholder?: string;
|
|
29
|
+
} & {
|
|
30
|
+
modelValue?: string;
|
|
31
|
+
}> & Readonly<{
|
|
32
|
+
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
|
|
33
|
+
}>, {
|
|
34
|
+
placeholder: string;
|
|
35
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
36
|
+
};
|
|
37
|
+
setup(this: void): {
|
|
38
|
+
args: unknown;
|
|
39
|
+
};
|
|
40
|
+
template: string;
|
|
41
|
+
};
|
|
42
|
+
tags: string[];
|
|
43
|
+
argTypes: {};
|
|
44
|
+
args: {};
|
|
45
|
+
};
|
|
46
|
+
export default meta;
|
|
47
|
+
type Story = StoryObj<typeof meta>;
|
|
48
|
+
export declare const Primary: Story;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/vue3';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
tags: string[];
|
|
5
|
+
};
|
|
6
|
+
export default meta;
|
|
7
|
+
type Story = StoryObj<typeof meta>;
|
|
8
|
+
export declare const Default: Story;
|
|
9
|
+
export declare const WithIcon: Story;
|
|
10
|
+
export declare const WithClearable: Story;
|
|
11
|
+
export declare const WithObjects: Story;
|
|
12
|
+
export declare const CustomSlots: Story;
|
|
13
|
+
export declare const Disabled: Story;
|