@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,96 @@
|
|
|
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
|
+
icon?: string;
|
|
8
|
+
showNavigation?: boolean;
|
|
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
|
+
icon?: string;
|
|
19
|
+
showNavigation?: boolean;
|
|
20
|
+
}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
21
|
+
__isFragment?: never;
|
|
22
|
+
__isTeleport?: never;
|
|
23
|
+
__isSuspense?: never;
|
|
24
|
+
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
25
|
+
title: string;
|
|
26
|
+
icon?: string;
|
|
27
|
+
showNavigation?: boolean;
|
|
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
|
+
'header-actions'?: (props: {}) => any;
|
|
31
|
+
} & {
|
|
32
|
+
default?: (props: {}) => any;
|
|
33
|
+
};
|
|
34
|
+
});
|
|
35
|
+
decorators: import("@storybook/vue3").Decorator[];
|
|
36
|
+
render: (args: unknown) => {
|
|
37
|
+
components: {
|
|
38
|
+
Shell: {
|
|
39
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
40
|
+
title: string;
|
|
41
|
+
icon?: string;
|
|
42
|
+
showNavigation?: boolean;
|
|
43
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
44
|
+
P: {};
|
|
45
|
+
B: {};
|
|
46
|
+
D: {};
|
|
47
|
+
C: {};
|
|
48
|
+
M: {};
|
|
49
|
+
Defaults: {};
|
|
50
|
+
}, Readonly<{
|
|
51
|
+
title: string;
|
|
52
|
+
icon?: string;
|
|
53
|
+
showNavigation?: boolean;
|
|
54
|
+
}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
55
|
+
__isFragment?: never;
|
|
56
|
+
__isTeleport?: never;
|
|
57
|
+
__isSuspense?: never;
|
|
58
|
+
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
59
|
+
title: string;
|
|
60
|
+
icon?: string;
|
|
61
|
+
showNavigation?: boolean;
|
|
62
|
+
}> & 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 () => {
|
|
63
|
+
$slots: {
|
|
64
|
+
'header-actions'?: (props: {}) => any;
|
|
65
|
+
} & {
|
|
66
|
+
default?: (props: {}) => any;
|
|
67
|
+
};
|
|
68
|
+
});
|
|
69
|
+
};
|
|
70
|
+
setup(this: void): {
|
|
71
|
+
args: unknown;
|
|
72
|
+
};
|
|
73
|
+
template: string;
|
|
74
|
+
};
|
|
75
|
+
tags: string[];
|
|
76
|
+
argTypes: {
|
|
77
|
+
title: {
|
|
78
|
+
control: "text";
|
|
79
|
+
};
|
|
80
|
+
icon: {
|
|
81
|
+
control: "text";
|
|
82
|
+
};
|
|
83
|
+
showNavigation: {
|
|
84
|
+
control: "boolean";
|
|
85
|
+
};
|
|
86
|
+
};
|
|
87
|
+
args: {};
|
|
88
|
+
};
|
|
89
|
+
export default meta;
|
|
90
|
+
type Story = StoryObj<typeof meta>;
|
|
91
|
+
export declare const Primary: Story;
|
|
92
|
+
export declare const WithStaticProvider: Story;
|
|
93
|
+
export declare const WithPage: Story;
|
|
94
|
+
export declare const WithAsideContent: Story;
|
|
95
|
+
export declare const WithoutNavigation: Story;
|
|
96
|
+
export declare const WithIcon: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
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 Single: Story;
|
|
9
|
+
export declare const Range: Story;
|
|
10
|
+
export declare const Steps: Story;
|
|
@@ -0,0 +1,118 @@
|
|
|
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
|
+
modelValue?: string;
|
|
7
|
+
}> & Readonly<{
|
|
8
|
+
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
|
|
9
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
10
|
+
"update:modelValue": (value: string | undefined) => any;
|
|
11
|
+
}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
12
|
+
P: {};
|
|
13
|
+
B: {};
|
|
14
|
+
D: {};
|
|
15
|
+
C: {};
|
|
16
|
+
M: {};
|
|
17
|
+
Defaults: {};
|
|
18
|
+
}, Readonly<{
|
|
19
|
+
modelValue?: string;
|
|
20
|
+
}> & Readonly<{
|
|
21
|
+
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
|
|
22
|
+
}>, {}, {}, {}, {}, {}>;
|
|
23
|
+
__isFragment?: never;
|
|
24
|
+
__isTeleport?: never;
|
|
25
|
+
__isSuspense?: never;
|
|
26
|
+
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
27
|
+
modelValue?: string;
|
|
28
|
+
}> & Readonly<{
|
|
29
|
+
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
|
|
30
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
31
|
+
"update:modelValue": (value: string | undefined) => any;
|
|
32
|
+
}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
33
|
+
$slots: {
|
|
34
|
+
default?: (props: {}) => any;
|
|
35
|
+
};
|
|
36
|
+
});
|
|
37
|
+
render: (args: unknown) => {
|
|
38
|
+
components: {
|
|
39
|
+
TabView: {
|
|
40
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
41
|
+
modelValue?: string;
|
|
42
|
+
}> & Readonly<{
|
|
43
|
+
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
|
|
44
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
45
|
+
"update:modelValue": (value: string | undefined) => any;
|
|
46
|
+
}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
47
|
+
P: {};
|
|
48
|
+
B: {};
|
|
49
|
+
D: {};
|
|
50
|
+
C: {};
|
|
51
|
+
M: {};
|
|
52
|
+
Defaults: {};
|
|
53
|
+
}, Readonly<{
|
|
54
|
+
modelValue?: string;
|
|
55
|
+
}> & Readonly<{
|
|
56
|
+
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
|
|
57
|
+
}>, {}, {}, {}, {}, {}>;
|
|
58
|
+
__isFragment?: never;
|
|
59
|
+
__isTeleport?: never;
|
|
60
|
+
__isSuspense?: never;
|
|
61
|
+
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
62
|
+
modelValue?: string;
|
|
63
|
+
}> & Readonly<{
|
|
64
|
+
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
|
|
65
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
66
|
+
"update:modelValue": (value: string | undefined) => any;
|
|
67
|
+
}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
68
|
+
$slots: {
|
|
69
|
+
default?: (props: {}) => any;
|
|
70
|
+
};
|
|
71
|
+
});
|
|
72
|
+
Tab: {
|
|
73
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
74
|
+
name: string;
|
|
75
|
+
label: string;
|
|
76
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
77
|
+
P: {};
|
|
78
|
+
B: {};
|
|
79
|
+
D: {};
|
|
80
|
+
C: {};
|
|
81
|
+
M: {};
|
|
82
|
+
Defaults: {};
|
|
83
|
+
}, Readonly<{
|
|
84
|
+
name: string;
|
|
85
|
+
label: string;
|
|
86
|
+
}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
87
|
+
__isFragment?: never;
|
|
88
|
+
__isTeleport?: never;
|
|
89
|
+
__isSuspense?: never;
|
|
90
|
+
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
91
|
+
name: string;
|
|
92
|
+
label: string;
|
|
93
|
+
}> & 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 () => {
|
|
94
|
+
$slots: {
|
|
95
|
+
default?: (props: {}) => any;
|
|
96
|
+
};
|
|
97
|
+
});
|
|
98
|
+
};
|
|
99
|
+
setup(this: void): {
|
|
100
|
+
args: unknown;
|
|
101
|
+
activeTab: import("vue").Ref<string, string>;
|
|
102
|
+
};
|
|
103
|
+
template: string;
|
|
104
|
+
};
|
|
105
|
+
tags: string[];
|
|
106
|
+
argTypes: {
|
|
107
|
+
modelValue: {
|
|
108
|
+
control: "text";
|
|
109
|
+
description: string;
|
|
110
|
+
};
|
|
111
|
+
};
|
|
112
|
+
args: {};
|
|
113
|
+
};
|
|
114
|
+
export default meta;
|
|
115
|
+
type Story = StoryObj<typeof meta>;
|
|
116
|
+
export declare const Default: Story;
|
|
117
|
+
export declare const WithManyTabs: Story;
|
|
118
|
+
export declare const WithRichContent: 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
|
+
placeholder?: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
clearable?: boolean;
|
|
10
|
+
rows?: number;
|
|
11
|
+
} & {
|
|
12
|
+
modelValue?: string;
|
|
13
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
14
|
+
"update:modelValue": (value: string | undefined) => any;
|
|
15
|
+
} & {
|
|
16
|
+
blur: (event: FocusEvent) => any;
|
|
17
|
+
focus: (event: FocusEvent) => any;
|
|
18
|
+
}, string, import("vue").PublicProps, Readonly<{
|
|
19
|
+
icon?: string;
|
|
20
|
+
placeholder?: string;
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
clearable?: boolean;
|
|
23
|
+
rows?: number;
|
|
24
|
+
} & {
|
|
25
|
+
modelValue?: string;
|
|
26
|
+
}> & Readonly<{
|
|
27
|
+
"onUpdate:modelValue"?: ((value: string | 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
|
+
placeholder: {
|
|
37
|
+
control: "text";
|
|
38
|
+
};
|
|
39
|
+
disabled: {
|
|
40
|
+
control: "boolean";
|
|
41
|
+
};
|
|
42
|
+
clearable: {
|
|
43
|
+
control: "boolean";
|
|
44
|
+
};
|
|
45
|
+
rows: {
|
|
46
|
+
control: "number";
|
|
47
|
+
};
|
|
48
|
+
icon: {
|
|
49
|
+
control: "select";
|
|
50
|
+
options: (IconNames | undefined)[];
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
export default meta;
|
|
55
|
+
type Story = StoryObj<typeof meta>;
|
|
56
|
+
export declare const Default: Story;
|
|
57
|
+
export declare const WithIcon: Story;
|
|
58
|
+
export declare const WithClearable: Story;
|
|
59
|
+
export declare const TwoRows: Story;
|
|
60
|
+
export declare const LargeArea: Story;
|
|
61
|
+
export declare const Disabled: Story;
|
|
62
|
+
export declare const WithContent: Story;
|