@dronico/droni-kit 1.8.4 → 1.8.6
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/CHANGELOG.md +14 -0
- package/dist/droni-kit.cjs.js +9 -9
- package/dist/droni-kit.es.js +208 -217
- package/dist/stories/Elements/DuiAction.stories.d.ts +18 -91
- package/dist/stories/Elements/DuiAction.vue.d.ts +15 -61
- package/dist/stories/Forms/DuiButton.stories.d.ts +19 -115
- package/dist/stories/Forms/DuiButton.vue.d.ts +25 -77
- package/dist/stories/Forms/DuiInput.stories.d.ts +2 -2
- package/dist/stories/Forms/DuiInput.vue.d.ts +2 -2
- package/dist/stories/Forms/DuiSelect.stories.d.ts +1 -1
- package/dist/stories/Forms/DuiSelect.vue.d.ts +1 -1
- package/dist/stories/Forms/DuiTextarea.stories.d.ts +1 -1
- package/dist/stories/Forms/DuiTextarea.vue.d.ts +1 -1
- package/package.json +1 -1
|
@@ -2,36 +2,7 @@ import { StoryObj } from '@storybook/vue3';
|
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
4
|
component: {
|
|
5
|
-
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').
|
|
6
|
-
variant: {
|
|
7
|
-
type: () => "solid" | "outline" | "ghost";
|
|
8
|
-
default: string;
|
|
9
|
-
};
|
|
10
|
-
color: {
|
|
11
|
-
type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
12
|
-
default: string;
|
|
13
|
-
};
|
|
14
|
-
size: {
|
|
15
|
-
type: () => "sm" | "md" | "lg";
|
|
16
|
-
default: string;
|
|
17
|
-
};
|
|
18
|
-
loading: {
|
|
19
|
-
type: BooleanConstructor;
|
|
20
|
-
default: boolean;
|
|
21
|
-
};
|
|
22
|
-
block: {
|
|
23
|
-
type: BooleanConstructor;
|
|
24
|
-
default: boolean;
|
|
25
|
-
};
|
|
26
|
-
title: {
|
|
27
|
-
type: StringConstructor;
|
|
28
|
-
default: undefined;
|
|
29
|
-
};
|
|
30
|
-
rounded: {
|
|
31
|
-
type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
32
|
-
default: string;
|
|
33
|
-
};
|
|
34
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
5
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./DuiAction.vue').DuiActionProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
35
6
|
variant: "solid" | "outline" | "ghost";
|
|
36
7
|
color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
37
8
|
size: "sm" | "md" | "lg";
|
|
@@ -39,43 +10,15 @@ declare const meta: {
|
|
|
39
10
|
block: boolean;
|
|
40
11
|
title: string;
|
|
41
12
|
rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
42
|
-
|
|
13
|
+
to: import('../Forms/DuiButton.vue').RouteTo;
|
|
14
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
43
15
|
P: {};
|
|
44
16
|
B: {};
|
|
45
17
|
D: {};
|
|
46
18
|
C: {};
|
|
47
19
|
M: {};
|
|
48
20
|
Defaults: {};
|
|
49
|
-
}, Readonly<import('vue').
|
|
50
|
-
variant: {
|
|
51
|
-
type: () => "solid" | "outline" | "ghost";
|
|
52
|
-
default: string;
|
|
53
|
-
};
|
|
54
|
-
color: {
|
|
55
|
-
type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
56
|
-
default: string;
|
|
57
|
-
};
|
|
58
|
-
size: {
|
|
59
|
-
type: () => "sm" | "md" | "lg";
|
|
60
|
-
default: string;
|
|
61
|
-
};
|
|
62
|
-
loading: {
|
|
63
|
-
type: BooleanConstructor;
|
|
64
|
-
default: boolean;
|
|
65
|
-
};
|
|
66
|
-
block: {
|
|
67
|
-
type: BooleanConstructor;
|
|
68
|
-
default: boolean;
|
|
69
|
-
};
|
|
70
|
-
title: {
|
|
71
|
-
type: StringConstructor;
|
|
72
|
-
default: undefined;
|
|
73
|
-
};
|
|
74
|
-
rounded: {
|
|
75
|
-
type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
76
|
-
default: string;
|
|
77
|
-
};
|
|
78
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, {
|
|
21
|
+
}, Readonly<import('./DuiAction.vue').DuiActionProps> & Readonly<{}>, {}, {}, {}, {}, {
|
|
79
22
|
variant: "solid" | "outline" | "ghost";
|
|
80
23
|
color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
81
24
|
size: "sm" | "md" | "lg";
|
|
@@ -83,40 +26,12 @@ declare const meta: {
|
|
|
83
26
|
block: boolean;
|
|
84
27
|
title: string;
|
|
85
28
|
rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
29
|
+
to: import('../Forms/DuiButton.vue').RouteTo;
|
|
86
30
|
}>;
|
|
87
31
|
__isFragment?: never;
|
|
88
32
|
__isTeleport?: never;
|
|
89
33
|
__isSuspense?: never;
|
|
90
|
-
} & import('vue').ComponentOptionsBase<Readonly<import('vue').
|
|
91
|
-
variant: {
|
|
92
|
-
type: () => "solid" | "outline" | "ghost";
|
|
93
|
-
default: string;
|
|
94
|
-
};
|
|
95
|
-
color: {
|
|
96
|
-
type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
97
|
-
default: string;
|
|
98
|
-
};
|
|
99
|
-
size: {
|
|
100
|
-
type: () => "sm" | "md" | "lg";
|
|
101
|
-
default: string;
|
|
102
|
-
};
|
|
103
|
-
loading: {
|
|
104
|
-
type: BooleanConstructor;
|
|
105
|
-
default: boolean;
|
|
106
|
-
};
|
|
107
|
-
block: {
|
|
108
|
-
type: BooleanConstructor;
|
|
109
|
-
default: boolean;
|
|
110
|
-
};
|
|
111
|
-
title: {
|
|
112
|
-
type: StringConstructor;
|
|
113
|
-
default: undefined;
|
|
114
|
-
};
|
|
115
|
-
rounded: {
|
|
116
|
-
type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
117
|
-
default: string;
|
|
118
|
-
};
|
|
119
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
34
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('./DuiAction.vue').DuiActionProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
120
35
|
variant: "solid" | "outline" | "ghost";
|
|
121
36
|
color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
122
37
|
size: "sm" | "md" | "lg";
|
|
@@ -124,6 +39,7 @@ declare const meta: {
|
|
|
124
39
|
block: boolean;
|
|
125
40
|
title: string;
|
|
126
41
|
rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
42
|
+
to: import('../Forms/DuiButton.vue').RouteTo;
|
|
127
43
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
128
44
|
$slots: {
|
|
129
45
|
default?(_: {}): any;
|
|
@@ -183,8 +99,19 @@ declare const meta: {
|
|
|
183
99
|
options: string[];
|
|
184
100
|
defaultValue: string;
|
|
185
101
|
};
|
|
102
|
+
to: {
|
|
103
|
+
control: {
|
|
104
|
+
type: "text";
|
|
105
|
+
};
|
|
106
|
+
defaultValue: undefined;
|
|
107
|
+
description: string;
|
|
108
|
+
};
|
|
186
109
|
};
|
|
187
110
|
};
|
|
188
111
|
export default meta;
|
|
189
112
|
type Story = StoryObj<typeof meta>;
|
|
190
113
|
export declare const Default: Story;
|
|
114
|
+
export declare const WithRouting: Story;
|
|
115
|
+
export declare const WithComplexRoute: Story;
|
|
116
|
+
export declare const ExternalLink: Story;
|
|
117
|
+
export declare const LoadingWithRoute: Story;
|
|
@@ -1,71 +1,24 @@
|
|
|
1
|
+
import { RouteTo } from '../Forms/DuiButton.vue';
|
|
2
|
+
export interface DuiActionProps {
|
|
3
|
+
variant?: 'solid' | 'outline' | 'ghost';
|
|
4
|
+
color?: 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
|
|
5
|
+
size?: 'sm' | 'md' | 'lg';
|
|
6
|
+
loading?: boolean;
|
|
7
|
+
block?: boolean;
|
|
8
|
+
title?: string;
|
|
9
|
+
rounded?: 'all' | 'top' | 'bottom' | 'left' | 'right' | 'none';
|
|
10
|
+
to?: RouteTo;
|
|
11
|
+
}
|
|
1
12
|
declare function __VLS_template(): {
|
|
2
13
|
attrs: Partial<{}>;
|
|
3
14
|
slots: {
|
|
4
15
|
default?(_: {}): any;
|
|
5
16
|
};
|
|
6
17
|
refs: {};
|
|
7
|
-
rootEl:
|
|
18
|
+
rootEl: any;
|
|
8
19
|
};
|
|
9
20
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
10
|
-
declare const __VLS_component: import('vue').DefineComponent<import('vue').
|
|
11
|
-
variant: {
|
|
12
|
-
type: () => "solid" | "outline" | "ghost";
|
|
13
|
-
default: string;
|
|
14
|
-
};
|
|
15
|
-
color: {
|
|
16
|
-
type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
17
|
-
default: string;
|
|
18
|
-
};
|
|
19
|
-
size: {
|
|
20
|
-
type: () => "sm" | "md" | "lg";
|
|
21
|
-
default: string;
|
|
22
|
-
};
|
|
23
|
-
loading: {
|
|
24
|
-
type: BooleanConstructor;
|
|
25
|
-
default: boolean;
|
|
26
|
-
};
|
|
27
|
-
block: {
|
|
28
|
-
type: BooleanConstructor;
|
|
29
|
-
default: boolean;
|
|
30
|
-
};
|
|
31
|
-
title: {
|
|
32
|
-
type: StringConstructor;
|
|
33
|
-
default: undefined;
|
|
34
|
-
};
|
|
35
|
-
rounded: {
|
|
36
|
-
type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
37
|
-
default: string;
|
|
38
|
-
};
|
|
39
|
-
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
40
|
-
variant: {
|
|
41
|
-
type: () => "solid" | "outline" | "ghost";
|
|
42
|
-
default: string;
|
|
43
|
-
};
|
|
44
|
-
color: {
|
|
45
|
-
type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
46
|
-
default: string;
|
|
47
|
-
};
|
|
48
|
-
size: {
|
|
49
|
-
type: () => "sm" | "md" | "lg";
|
|
50
|
-
default: string;
|
|
51
|
-
};
|
|
52
|
-
loading: {
|
|
53
|
-
type: BooleanConstructor;
|
|
54
|
-
default: boolean;
|
|
55
|
-
};
|
|
56
|
-
block: {
|
|
57
|
-
type: BooleanConstructor;
|
|
58
|
-
default: boolean;
|
|
59
|
-
};
|
|
60
|
-
title: {
|
|
61
|
-
type: StringConstructor;
|
|
62
|
-
default: undefined;
|
|
63
|
-
};
|
|
64
|
-
rounded: {
|
|
65
|
-
type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
66
|
-
default: string;
|
|
67
|
-
};
|
|
68
|
-
}>> & Readonly<{}>, {
|
|
21
|
+
declare const __VLS_component: import('vue').DefineComponent<DuiActionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DuiActionProps> & Readonly<{}>, {
|
|
69
22
|
variant: "solid" | "outline" | "ghost";
|
|
70
23
|
color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
71
24
|
size: "sm" | "md" | "lg";
|
|
@@ -73,7 +26,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
73
26
|
block: boolean;
|
|
74
27
|
title: string;
|
|
75
28
|
rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
76
|
-
|
|
29
|
+
to: RouteTo;
|
|
30
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
77
31
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
78
32
|
export default _default;
|
|
79
33
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -2,44 +2,7 @@ import { StoryObj } from '@storybook/vue3';
|
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
4
|
component: {
|
|
5
|
-
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').
|
|
6
|
-
variant: {
|
|
7
|
-
type: () => "solid" | "outline" | "ghost";
|
|
8
|
-
default: string;
|
|
9
|
-
};
|
|
10
|
-
color: {
|
|
11
|
-
type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
12
|
-
default: string;
|
|
13
|
-
};
|
|
14
|
-
size: {
|
|
15
|
-
type: () => "sm" | "md" | "lg";
|
|
16
|
-
default: string;
|
|
17
|
-
};
|
|
18
|
-
type: {
|
|
19
|
-
type: () => "button" | "submit" | "reset";
|
|
20
|
-
default: string;
|
|
21
|
-
};
|
|
22
|
-
disabled: {
|
|
23
|
-
type: BooleanConstructor;
|
|
24
|
-
default: boolean;
|
|
25
|
-
};
|
|
26
|
-
loading: {
|
|
27
|
-
type: BooleanConstructor;
|
|
28
|
-
default: boolean;
|
|
29
|
-
};
|
|
30
|
-
block: {
|
|
31
|
-
type: BooleanConstructor;
|
|
32
|
-
default: boolean;
|
|
33
|
-
};
|
|
34
|
-
title: {
|
|
35
|
-
type: StringConstructor;
|
|
36
|
-
default: undefined;
|
|
37
|
-
};
|
|
38
|
-
rounded: {
|
|
39
|
-
type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
40
|
-
default: string;
|
|
41
|
-
};
|
|
42
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
5
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./DuiButton.vue').DuiButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
43
6
|
variant: "solid" | "outline" | "ghost";
|
|
44
7
|
color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
45
8
|
size: "sm" | "md" | "lg";
|
|
@@ -49,51 +12,15 @@ declare const meta: {
|
|
|
49
12
|
block: boolean;
|
|
50
13
|
title: string;
|
|
51
14
|
rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
52
|
-
|
|
15
|
+
to: import('./DuiButton.vue').RouteTo;
|
|
16
|
+
}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
|
|
53
17
|
P: {};
|
|
54
18
|
B: {};
|
|
55
19
|
D: {};
|
|
56
20
|
C: {};
|
|
57
21
|
M: {};
|
|
58
22
|
Defaults: {};
|
|
59
|
-
}, Readonly<import('vue').
|
|
60
|
-
variant: {
|
|
61
|
-
type: () => "solid" | "outline" | "ghost";
|
|
62
|
-
default: string;
|
|
63
|
-
};
|
|
64
|
-
color: {
|
|
65
|
-
type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
66
|
-
default: string;
|
|
67
|
-
};
|
|
68
|
-
size: {
|
|
69
|
-
type: () => "sm" | "md" | "lg";
|
|
70
|
-
default: string;
|
|
71
|
-
};
|
|
72
|
-
type: {
|
|
73
|
-
type: () => "button" | "submit" | "reset";
|
|
74
|
-
default: string;
|
|
75
|
-
};
|
|
76
|
-
disabled: {
|
|
77
|
-
type: BooleanConstructor;
|
|
78
|
-
default: boolean;
|
|
79
|
-
};
|
|
80
|
-
loading: {
|
|
81
|
-
type: BooleanConstructor;
|
|
82
|
-
default: boolean;
|
|
83
|
-
};
|
|
84
|
-
block: {
|
|
85
|
-
type: BooleanConstructor;
|
|
86
|
-
default: boolean;
|
|
87
|
-
};
|
|
88
|
-
title: {
|
|
89
|
-
type: StringConstructor;
|
|
90
|
-
default: undefined;
|
|
91
|
-
};
|
|
92
|
-
rounded: {
|
|
93
|
-
type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
94
|
-
default: string;
|
|
95
|
-
};
|
|
96
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, {
|
|
23
|
+
}, Readonly<import('./DuiButton.vue').DuiButtonProps> & Readonly<{}>, {}, {}, {}, {}, {
|
|
97
24
|
variant: "solid" | "outline" | "ghost";
|
|
98
25
|
color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
99
26
|
size: "sm" | "md" | "lg";
|
|
@@ -103,48 +30,12 @@ declare const meta: {
|
|
|
103
30
|
block: boolean;
|
|
104
31
|
title: string;
|
|
105
32
|
rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
33
|
+
to: import('./DuiButton.vue').RouteTo;
|
|
106
34
|
}>;
|
|
107
35
|
__isFragment?: never;
|
|
108
36
|
__isTeleport?: never;
|
|
109
37
|
__isSuspense?: never;
|
|
110
|
-
} & import('vue').ComponentOptionsBase<Readonly<import('vue').
|
|
111
|
-
variant: {
|
|
112
|
-
type: () => "solid" | "outline" | "ghost";
|
|
113
|
-
default: string;
|
|
114
|
-
};
|
|
115
|
-
color: {
|
|
116
|
-
type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
117
|
-
default: string;
|
|
118
|
-
};
|
|
119
|
-
size: {
|
|
120
|
-
type: () => "sm" | "md" | "lg";
|
|
121
|
-
default: string;
|
|
122
|
-
};
|
|
123
|
-
type: {
|
|
124
|
-
type: () => "button" | "submit" | "reset";
|
|
125
|
-
default: string;
|
|
126
|
-
};
|
|
127
|
-
disabled: {
|
|
128
|
-
type: BooleanConstructor;
|
|
129
|
-
default: boolean;
|
|
130
|
-
};
|
|
131
|
-
loading: {
|
|
132
|
-
type: BooleanConstructor;
|
|
133
|
-
default: boolean;
|
|
134
|
-
};
|
|
135
|
-
block: {
|
|
136
|
-
type: BooleanConstructor;
|
|
137
|
-
default: boolean;
|
|
138
|
-
};
|
|
139
|
-
title: {
|
|
140
|
-
type: StringConstructor;
|
|
141
|
-
default: undefined;
|
|
142
|
-
};
|
|
143
|
-
rounded: {
|
|
144
|
-
type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
145
|
-
default: string;
|
|
146
|
-
};
|
|
147
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
38
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('./DuiButton.vue').DuiButtonProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
148
39
|
variant: "solid" | "outline" | "ghost";
|
|
149
40
|
color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
150
41
|
size: "sm" | "md" | "lg";
|
|
@@ -154,6 +45,7 @@ declare const meta: {
|
|
|
154
45
|
block: boolean;
|
|
155
46
|
title: string;
|
|
156
47
|
rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
48
|
+
to: import('./DuiButton.vue').RouteTo;
|
|
157
49
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
158
50
|
$slots: {
|
|
159
51
|
default?(_: {}): any;
|
|
@@ -226,8 +118,20 @@ declare const meta: {
|
|
|
226
118
|
options: string[];
|
|
227
119
|
defaultValue: string;
|
|
228
120
|
};
|
|
121
|
+
to: {
|
|
122
|
+
control: {
|
|
123
|
+
type: "text";
|
|
124
|
+
};
|
|
125
|
+
defaultValue: undefined;
|
|
126
|
+
description: string;
|
|
127
|
+
};
|
|
229
128
|
};
|
|
230
129
|
};
|
|
231
130
|
export default meta;
|
|
232
131
|
type Story = StoryObj<typeof meta>;
|
|
233
132
|
export declare const Default: Story;
|
|
133
|
+
export declare const WithRouting: Story;
|
|
134
|
+
export declare const WithComplexRoute: Story;
|
|
135
|
+
export declare const ExternalLink: Story;
|
|
136
|
+
export declare const LoadingWithRoute: Story;
|
|
137
|
+
export declare const DisabledWithRoute: Story;
|
|
@@ -1,87 +1,34 @@
|
|
|
1
|
+
export interface RouteLocationRaw {
|
|
2
|
+
name?: string;
|
|
3
|
+
path?: string;
|
|
4
|
+
params?: Record<string, any>;
|
|
5
|
+
query?: Record<string, any>;
|
|
6
|
+
hash?: string;
|
|
7
|
+
[key: string]: any;
|
|
8
|
+
}
|
|
9
|
+
export type RouteTo = string | RouteLocationRaw;
|
|
10
|
+
export interface DuiButtonProps {
|
|
11
|
+
variant?: 'solid' | 'outline' | 'ghost';
|
|
12
|
+
color?: 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
|
|
13
|
+
size?: 'sm' | 'md' | 'lg';
|
|
14
|
+
type?: 'button' | 'submit' | 'reset';
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
loading?: boolean;
|
|
17
|
+
block?: boolean;
|
|
18
|
+
title?: string;
|
|
19
|
+
rounded?: 'all' | 'top' | 'bottom' | 'left' | 'right' | 'none';
|
|
20
|
+
to?: RouteTo;
|
|
21
|
+
}
|
|
1
22
|
declare function __VLS_template(): {
|
|
2
23
|
attrs: Partial<{}>;
|
|
3
24
|
slots: {
|
|
4
25
|
default?(_: {}): any;
|
|
5
26
|
};
|
|
6
27
|
refs: {};
|
|
7
|
-
rootEl:
|
|
28
|
+
rootEl: any;
|
|
8
29
|
};
|
|
9
30
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
10
|
-
declare const __VLS_component: import('vue').DefineComponent<import('vue').
|
|
11
|
-
variant: {
|
|
12
|
-
type: () => "solid" | "outline" | "ghost";
|
|
13
|
-
default: string;
|
|
14
|
-
};
|
|
15
|
-
color: {
|
|
16
|
-
type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
17
|
-
default: string;
|
|
18
|
-
};
|
|
19
|
-
size: {
|
|
20
|
-
type: () => "sm" | "md" | "lg";
|
|
21
|
-
default: string;
|
|
22
|
-
};
|
|
23
|
-
type: {
|
|
24
|
-
type: () => "button" | "submit" | "reset";
|
|
25
|
-
default: string;
|
|
26
|
-
};
|
|
27
|
-
disabled: {
|
|
28
|
-
type: BooleanConstructor;
|
|
29
|
-
default: boolean;
|
|
30
|
-
};
|
|
31
|
-
loading: {
|
|
32
|
-
type: BooleanConstructor;
|
|
33
|
-
default: boolean;
|
|
34
|
-
};
|
|
35
|
-
block: {
|
|
36
|
-
type: BooleanConstructor;
|
|
37
|
-
default: boolean;
|
|
38
|
-
};
|
|
39
|
-
title: {
|
|
40
|
-
type: StringConstructor;
|
|
41
|
-
default: undefined;
|
|
42
|
-
};
|
|
43
|
-
rounded: {
|
|
44
|
-
type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
45
|
-
default: string;
|
|
46
|
-
};
|
|
47
|
-
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
48
|
-
variant: {
|
|
49
|
-
type: () => "solid" | "outline" | "ghost";
|
|
50
|
-
default: string;
|
|
51
|
-
};
|
|
52
|
-
color: {
|
|
53
|
-
type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
54
|
-
default: string;
|
|
55
|
-
};
|
|
56
|
-
size: {
|
|
57
|
-
type: () => "sm" | "md" | "lg";
|
|
58
|
-
default: string;
|
|
59
|
-
};
|
|
60
|
-
type: {
|
|
61
|
-
type: () => "button" | "submit" | "reset";
|
|
62
|
-
default: string;
|
|
63
|
-
};
|
|
64
|
-
disabled: {
|
|
65
|
-
type: BooleanConstructor;
|
|
66
|
-
default: boolean;
|
|
67
|
-
};
|
|
68
|
-
loading: {
|
|
69
|
-
type: BooleanConstructor;
|
|
70
|
-
default: boolean;
|
|
71
|
-
};
|
|
72
|
-
block: {
|
|
73
|
-
type: BooleanConstructor;
|
|
74
|
-
default: boolean;
|
|
75
|
-
};
|
|
76
|
-
title: {
|
|
77
|
-
type: StringConstructor;
|
|
78
|
-
default: undefined;
|
|
79
|
-
};
|
|
80
|
-
rounded: {
|
|
81
|
-
type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
82
|
-
default: string;
|
|
83
|
-
};
|
|
84
|
-
}>> & Readonly<{}>, {
|
|
31
|
+
declare const __VLS_component: import('vue').DefineComponent<DuiButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DuiButtonProps> & Readonly<{}>, {
|
|
85
32
|
variant: "solid" | "outline" | "ghost";
|
|
86
33
|
color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
|
|
87
34
|
size: "sm" | "md" | "lg";
|
|
@@ -91,7 +38,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
|
|
|
91
38
|
block: boolean;
|
|
92
39
|
title: string;
|
|
93
40
|
rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
94
|
-
|
|
41
|
+
to: RouteTo;
|
|
42
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
95
43
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
96
44
|
export default _default;
|
|
97
45
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -144,8 +144,9 @@ declare const meta: {
|
|
|
144
144
|
}>> & Readonly<{
|
|
145
145
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
146
146
|
}>, {
|
|
147
|
+
name: string;
|
|
147
148
|
size: "sm" | "md" | "lg";
|
|
148
|
-
type: "number" | "time" | "text" | "email" | "password" | "tel" | "url" | "
|
|
149
|
+
type: "number" | "search" | "time" | "text" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week";
|
|
149
150
|
disabled: boolean;
|
|
150
151
|
block: boolean;
|
|
151
152
|
rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
@@ -153,7 +154,6 @@ declare const meta: {
|
|
|
153
154
|
pattern: string;
|
|
154
155
|
modelValue: string | number;
|
|
155
156
|
placeholder: string;
|
|
156
|
-
name: string;
|
|
157
157
|
id: string;
|
|
158
158
|
required: boolean;
|
|
159
159
|
readonly: boolean;
|
|
@@ -141,8 +141,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
141
141
|
}>> & Readonly<{
|
|
142
142
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
143
143
|
}>, {
|
|
144
|
+
name: string;
|
|
144
145
|
size: "sm" | "md" | "lg";
|
|
145
|
-
type: "number" | "time" | "text" | "email" | "password" | "tel" | "url" | "
|
|
146
|
+
type: "number" | "search" | "time" | "text" | "email" | "password" | "tel" | "url" | "date" | "datetime-local" | "month" | "week";
|
|
146
147
|
disabled: boolean;
|
|
147
148
|
block: boolean;
|
|
148
149
|
rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
@@ -150,7 +151,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
150
151
|
pattern: string;
|
|
151
152
|
modelValue: string | number;
|
|
152
153
|
placeholder: string;
|
|
153
|
-
name: string;
|
|
154
154
|
id: string;
|
|
155
155
|
required: boolean;
|
|
156
156
|
readonly: boolean;
|
|
@@ -120,6 +120,7 @@ declare const meta: {
|
|
|
120
120
|
}>> & Readonly<{
|
|
121
121
|
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
122
122
|
}>, {
|
|
123
|
+
name: string;
|
|
123
124
|
size: "sm" | "md" | "lg";
|
|
124
125
|
disabled: boolean;
|
|
125
126
|
block: boolean;
|
|
@@ -127,7 +128,6 @@ declare const meta: {
|
|
|
127
128
|
label: string;
|
|
128
129
|
modelValue: string | number;
|
|
129
130
|
placeholder: string;
|
|
130
|
-
name: string;
|
|
131
131
|
id: string;
|
|
132
132
|
required: boolean;
|
|
133
133
|
readonly: boolean;
|
|
@@ -117,6 +117,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
117
117
|
}>> & Readonly<{
|
|
118
118
|
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
119
119
|
}>, {
|
|
120
|
+
name: string;
|
|
120
121
|
size: "sm" | "md" | "lg";
|
|
121
122
|
disabled: boolean;
|
|
122
123
|
block: boolean;
|
|
@@ -124,7 +125,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
124
125
|
label: string;
|
|
125
126
|
modelValue: string | number;
|
|
126
127
|
placeholder: string;
|
|
127
|
-
name: string;
|
|
128
128
|
id: string;
|
|
129
129
|
required: boolean;
|
|
130
130
|
readonly: boolean;
|
|
@@ -112,6 +112,7 @@ declare const meta: {
|
|
|
112
112
|
}>> & Readonly<{
|
|
113
113
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
114
114
|
}>, {
|
|
115
|
+
name: string;
|
|
115
116
|
size: "sm" | "md" | "lg";
|
|
116
117
|
disabled: boolean;
|
|
117
118
|
block: boolean;
|
|
@@ -119,7 +120,6 @@ declare const meta: {
|
|
|
119
120
|
label: string;
|
|
120
121
|
modelValue: string;
|
|
121
122
|
placeholder: string;
|
|
122
|
-
name: string;
|
|
123
123
|
id: string;
|
|
124
124
|
required: boolean;
|
|
125
125
|
readonly: boolean;
|
|
@@ -109,6 +109,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
109
109
|
}>> & Readonly<{
|
|
110
110
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
111
111
|
}>, {
|
|
112
|
+
name: string;
|
|
112
113
|
size: "sm" | "md" | "lg";
|
|
113
114
|
disabled: boolean;
|
|
114
115
|
block: boolean;
|
|
@@ -116,7 +117,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
116
117
|
label: string;
|
|
117
118
|
modelValue: string;
|
|
118
119
|
placeholder: string;
|
|
119
|
-
name: string;
|
|
120
120
|
id: string;
|
|
121
121
|
required: boolean;
|
|
122
122
|
readonly: boolean;
|