@dronico/droni-kit 1.10.0 → 1.12.0
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 +25 -0
- package/dist/droni-kit.cjs.js +9 -9
- package/dist/droni-kit.css +1 -1
- package/dist/droni-kit.es.js +409 -459
- package/dist/index.d.ts +2 -1
- package/dist/stories/Elements/DuiCard.stories.d.ts +92 -0
- package/dist/stories/Elements/DuiCard.vue.d.ts +31 -0
- package/dist/stories/Forms/DuiInput.stories.d.ts +20 -186
- package/dist/stories/Forms/DuiInput.vue.d.ts +1 -118
- package/dist/stories/Forms/DuiLabel.stories.d.ts +161 -0
- package/dist/stories/Forms/DuiLabel.vue.d.ts +74 -0
- package/dist/stories/Forms/DuiSelect.stories.d.ts +22 -97
- package/dist/stories/Forms/DuiSelect.vue.d.ts +10 -64
- package/dist/stories/Forms/DuiTextarea.stories.d.ts +10 -105
- package/dist/stories/Forms/DuiTextarea.vue.d.ts +1 -64
- package/package.json +1 -1
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
import { 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
|
+
title: {
|
|
7
|
+
type: StringConstructor;
|
|
8
|
+
default: undefined;
|
|
9
|
+
};
|
|
10
|
+
icon: {
|
|
11
|
+
type: StringConstructor;
|
|
12
|
+
default: undefined;
|
|
13
|
+
};
|
|
14
|
+
helpText: {
|
|
15
|
+
type: StringConstructor;
|
|
16
|
+
default: undefined;
|
|
17
|
+
};
|
|
18
|
+
error: {
|
|
19
|
+
type: StringConstructor;
|
|
20
|
+
default: undefined;
|
|
21
|
+
};
|
|
22
|
+
size: {
|
|
23
|
+
type: () => "s" | "m" | "l";
|
|
24
|
+
default: string;
|
|
25
|
+
};
|
|
26
|
+
required: {
|
|
27
|
+
type: BooleanConstructor;
|
|
28
|
+
default: boolean;
|
|
29
|
+
};
|
|
30
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
|
|
31
|
+
size: "s" | "m" | "l";
|
|
32
|
+
title: string;
|
|
33
|
+
required: boolean;
|
|
34
|
+
icon: string;
|
|
35
|
+
helpText: string;
|
|
36
|
+
error: string;
|
|
37
|
+
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLLabelElement, import('vue').ComponentProvideOptions, {
|
|
38
|
+
P: {};
|
|
39
|
+
B: {};
|
|
40
|
+
D: {};
|
|
41
|
+
C: {};
|
|
42
|
+
M: {};
|
|
43
|
+
Defaults: {};
|
|
44
|
+
}, Readonly<import('vue').ExtractPropTypes<{
|
|
45
|
+
title: {
|
|
46
|
+
type: StringConstructor;
|
|
47
|
+
default: undefined;
|
|
48
|
+
};
|
|
49
|
+
icon: {
|
|
50
|
+
type: StringConstructor;
|
|
51
|
+
default: undefined;
|
|
52
|
+
};
|
|
53
|
+
helpText: {
|
|
54
|
+
type: StringConstructor;
|
|
55
|
+
default: undefined;
|
|
56
|
+
};
|
|
57
|
+
error: {
|
|
58
|
+
type: StringConstructor;
|
|
59
|
+
default: undefined;
|
|
60
|
+
};
|
|
61
|
+
size: {
|
|
62
|
+
type: () => "s" | "m" | "l";
|
|
63
|
+
default: string;
|
|
64
|
+
};
|
|
65
|
+
required: {
|
|
66
|
+
type: BooleanConstructor;
|
|
67
|
+
default: boolean;
|
|
68
|
+
};
|
|
69
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, {
|
|
70
|
+
size: "s" | "m" | "l";
|
|
71
|
+
title: string;
|
|
72
|
+
required: boolean;
|
|
73
|
+
icon: string;
|
|
74
|
+
helpText: string;
|
|
75
|
+
error: string;
|
|
76
|
+
}>;
|
|
77
|
+
__isFragment?: never;
|
|
78
|
+
__isTeleport?: never;
|
|
79
|
+
__isSuspense?: never;
|
|
80
|
+
} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
|
|
81
|
+
title: {
|
|
82
|
+
type: StringConstructor;
|
|
83
|
+
default: undefined;
|
|
84
|
+
};
|
|
85
|
+
icon: {
|
|
86
|
+
type: StringConstructor;
|
|
87
|
+
default: undefined;
|
|
88
|
+
};
|
|
89
|
+
helpText: {
|
|
90
|
+
type: StringConstructor;
|
|
91
|
+
default: undefined;
|
|
92
|
+
};
|
|
93
|
+
error: {
|
|
94
|
+
type: StringConstructor;
|
|
95
|
+
default: undefined;
|
|
96
|
+
};
|
|
97
|
+
size: {
|
|
98
|
+
type: () => "s" | "m" | "l";
|
|
99
|
+
default: string;
|
|
100
|
+
};
|
|
101
|
+
required: {
|
|
102
|
+
type: BooleanConstructor;
|
|
103
|
+
default: boolean;
|
|
104
|
+
};
|
|
105
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
106
|
+
size: "s" | "m" | "l";
|
|
107
|
+
title: string;
|
|
108
|
+
required: boolean;
|
|
109
|
+
icon: string;
|
|
110
|
+
helpText: string;
|
|
111
|
+
error: string;
|
|
112
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
|
|
113
|
+
$slots: {
|
|
114
|
+
default?(_: {}): any;
|
|
115
|
+
};
|
|
116
|
+
});
|
|
117
|
+
tags: string[];
|
|
118
|
+
argTypes: {
|
|
119
|
+
title: {
|
|
120
|
+
control: {
|
|
121
|
+
type: "text";
|
|
122
|
+
};
|
|
123
|
+
};
|
|
124
|
+
icon: {
|
|
125
|
+
control: {
|
|
126
|
+
type: "text";
|
|
127
|
+
};
|
|
128
|
+
};
|
|
129
|
+
helpText: {
|
|
130
|
+
control: {
|
|
131
|
+
type: "text";
|
|
132
|
+
};
|
|
133
|
+
};
|
|
134
|
+
error: {
|
|
135
|
+
control: {
|
|
136
|
+
type: "text";
|
|
137
|
+
};
|
|
138
|
+
};
|
|
139
|
+
size: {
|
|
140
|
+
control: {
|
|
141
|
+
type: "select";
|
|
142
|
+
};
|
|
143
|
+
options: string[];
|
|
144
|
+
};
|
|
145
|
+
required: {
|
|
146
|
+
control: {
|
|
147
|
+
type: "boolean";
|
|
148
|
+
};
|
|
149
|
+
};
|
|
150
|
+
};
|
|
151
|
+
};
|
|
152
|
+
export default meta;
|
|
153
|
+
type Story = StoryObj<typeof meta>;
|
|
154
|
+
export declare const Default: Story;
|
|
155
|
+
export declare const WithError: Story;
|
|
156
|
+
export declare const Sizes: Story;
|
|
157
|
+
export declare const WithSelect: Story;
|
|
158
|
+
export declare const WithTextarea: Story;
|
|
159
|
+
export declare const WithoutIcon: Story;
|
|
160
|
+
export declare const MinimalLabel: Story;
|
|
161
|
+
export declare const DarkMode: Story;
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
declare function __VLS_template(): {
|
|
2
|
+
attrs: Partial<{}>;
|
|
3
|
+
slots: {
|
|
4
|
+
default?(_: {}): any;
|
|
5
|
+
};
|
|
6
|
+
refs: {};
|
|
7
|
+
rootEl: HTMLLabelElement;
|
|
8
|
+
};
|
|
9
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
10
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
11
|
+
title: {
|
|
12
|
+
type: StringConstructor;
|
|
13
|
+
default: undefined;
|
|
14
|
+
};
|
|
15
|
+
icon: {
|
|
16
|
+
type: StringConstructor;
|
|
17
|
+
default: undefined;
|
|
18
|
+
};
|
|
19
|
+
helpText: {
|
|
20
|
+
type: StringConstructor;
|
|
21
|
+
default: undefined;
|
|
22
|
+
};
|
|
23
|
+
error: {
|
|
24
|
+
type: StringConstructor;
|
|
25
|
+
default: undefined;
|
|
26
|
+
};
|
|
27
|
+
size: {
|
|
28
|
+
type: () => "s" | "m" | "l";
|
|
29
|
+
default: string;
|
|
30
|
+
};
|
|
31
|
+
required: {
|
|
32
|
+
type: BooleanConstructor;
|
|
33
|
+
default: boolean;
|
|
34
|
+
};
|
|
35
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
36
|
+
title: {
|
|
37
|
+
type: StringConstructor;
|
|
38
|
+
default: undefined;
|
|
39
|
+
};
|
|
40
|
+
icon: {
|
|
41
|
+
type: StringConstructor;
|
|
42
|
+
default: undefined;
|
|
43
|
+
};
|
|
44
|
+
helpText: {
|
|
45
|
+
type: StringConstructor;
|
|
46
|
+
default: undefined;
|
|
47
|
+
};
|
|
48
|
+
error: {
|
|
49
|
+
type: StringConstructor;
|
|
50
|
+
default: undefined;
|
|
51
|
+
};
|
|
52
|
+
size: {
|
|
53
|
+
type: () => "s" | "m" | "l";
|
|
54
|
+
default: string;
|
|
55
|
+
};
|
|
56
|
+
required: {
|
|
57
|
+
type: BooleanConstructor;
|
|
58
|
+
default: boolean;
|
|
59
|
+
};
|
|
60
|
+
}>> & Readonly<{}>, {
|
|
61
|
+
size: "s" | "m" | "l";
|
|
62
|
+
title: string;
|
|
63
|
+
required: boolean;
|
|
64
|
+
icon: string;
|
|
65
|
+
helpText: string;
|
|
66
|
+
error: string;
|
|
67
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLLabelElement>;
|
|
68
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
69
|
+
export default _default;
|
|
70
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
71
|
+
new (): {
|
|
72
|
+
$slots: S;
|
|
73
|
+
};
|
|
74
|
+
};
|
|
@@ -18,34 +18,6 @@ declare const meta: {
|
|
|
18
18
|
type: BooleanConstructor;
|
|
19
19
|
default: boolean;
|
|
20
20
|
};
|
|
21
|
-
disabled: {
|
|
22
|
-
type: BooleanConstructor;
|
|
23
|
-
default: boolean;
|
|
24
|
-
};
|
|
25
|
-
name: {
|
|
26
|
-
type: StringConstructor;
|
|
27
|
-
default: undefined;
|
|
28
|
-
};
|
|
29
|
-
id: {
|
|
30
|
-
type: StringConstructor;
|
|
31
|
-
default: undefined;
|
|
32
|
-
};
|
|
33
|
-
required: {
|
|
34
|
-
type: BooleanConstructor;
|
|
35
|
-
default: boolean;
|
|
36
|
-
};
|
|
37
|
-
label: {
|
|
38
|
-
type: StringConstructor;
|
|
39
|
-
default: undefined;
|
|
40
|
-
};
|
|
41
|
-
placeholder: {
|
|
42
|
-
type: StringConstructor;
|
|
43
|
-
default: undefined;
|
|
44
|
-
};
|
|
45
|
-
readonly: {
|
|
46
|
-
type: BooleanConstructor;
|
|
47
|
-
default: boolean;
|
|
48
|
-
};
|
|
49
21
|
rounded: {
|
|
50
22
|
type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
51
23
|
default: string;
|
|
@@ -58,6 +30,10 @@ declare const meta: {
|
|
|
58
30
|
type: StringConstructor;
|
|
59
31
|
default: string;
|
|
60
32
|
};
|
|
33
|
+
placeholder: {
|
|
34
|
+
type: StringConstructor;
|
|
35
|
+
default: undefined;
|
|
36
|
+
};
|
|
61
37
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
62
38
|
"update:modelValue": (value: string | number) => any;
|
|
63
39
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -77,34 +53,6 @@ declare const meta: {
|
|
|
77
53
|
type: BooleanConstructor;
|
|
78
54
|
default: boolean;
|
|
79
55
|
};
|
|
80
|
-
disabled: {
|
|
81
|
-
type: BooleanConstructor;
|
|
82
|
-
default: boolean;
|
|
83
|
-
};
|
|
84
|
-
name: {
|
|
85
|
-
type: StringConstructor;
|
|
86
|
-
default: undefined;
|
|
87
|
-
};
|
|
88
|
-
id: {
|
|
89
|
-
type: StringConstructor;
|
|
90
|
-
default: undefined;
|
|
91
|
-
};
|
|
92
|
-
required: {
|
|
93
|
-
type: BooleanConstructor;
|
|
94
|
-
default: boolean;
|
|
95
|
-
};
|
|
96
|
-
label: {
|
|
97
|
-
type: StringConstructor;
|
|
98
|
-
default: undefined;
|
|
99
|
-
};
|
|
100
|
-
placeholder: {
|
|
101
|
-
type: StringConstructor;
|
|
102
|
-
default: undefined;
|
|
103
|
-
};
|
|
104
|
-
readonly: {
|
|
105
|
-
type: BooleanConstructor;
|
|
106
|
-
default: boolean;
|
|
107
|
-
};
|
|
108
56
|
rounded: {
|
|
109
57
|
type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
110
58
|
default: string;
|
|
@@ -117,93 +65,70 @@ declare const meta: {
|
|
|
117
65
|
type: StringConstructor;
|
|
118
66
|
default: string;
|
|
119
67
|
};
|
|
68
|
+
placeholder: {
|
|
69
|
+
type: StringConstructor;
|
|
70
|
+
default: undefined;
|
|
71
|
+
};
|
|
120
72
|
}>> & Readonly<{
|
|
121
73
|
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
122
74
|
}>, {
|
|
123
|
-
name: string;
|
|
124
75
|
size: "sm" | "md" | "lg";
|
|
125
|
-
disabled: boolean;
|
|
126
76
|
block: boolean;
|
|
127
77
|
rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
128
|
-
label: string;
|
|
129
78
|
modelValue: string | number;
|
|
130
|
-
placeholder: string;
|
|
131
|
-
id: string;
|
|
132
|
-
required: boolean;
|
|
133
|
-
readonly: boolean;
|
|
134
79
|
options: Record<string, any>[];
|
|
135
80
|
itemLabel: string;
|
|
136
81
|
itemValue: string;
|
|
137
|
-
|
|
82
|
+
placeholder: string;
|
|
83
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
138
84
|
tags: string[];
|
|
139
85
|
argTypes: {
|
|
140
|
-
|
|
86
|
+
modelValue: {
|
|
141
87
|
control: {
|
|
142
|
-
type: "
|
|
88
|
+
type: "text";
|
|
143
89
|
};
|
|
144
|
-
defaultValue: boolean;
|
|
145
90
|
};
|
|
146
91
|
size: {
|
|
147
92
|
control: {
|
|
148
93
|
type: "select";
|
|
149
94
|
};
|
|
150
95
|
options: string[];
|
|
151
|
-
defaultValue: string;
|
|
152
96
|
};
|
|
153
|
-
|
|
97
|
+
block: {
|
|
154
98
|
control: {
|
|
155
99
|
type: "boolean";
|
|
156
100
|
};
|
|
157
|
-
defaultValue: boolean;
|
|
158
101
|
};
|
|
159
|
-
|
|
102
|
+
rounded: {
|
|
160
103
|
control: {
|
|
161
|
-
type: "
|
|
104
|
+
type: "select";
|
|
162
105
|
};
|
|
163
|
-
|
|
106
|
+
options: string[];
|
|
164
107
|
};
|
|
165
|
-
|
|
108
|
+
itemLabel: {
|
|
166
109
|
control: {
|
|
167
110
|
type: "text";
|
|
168
111
|
};
|
|
169
|
-
defaultValue: undefined;
|
|
170
112
|
};
|
|
171
|
-
|
|
113
|
+
itemValue: {
|
|
172
114
|
control: {
|
|
173
|
-
type: "
|
|
115
|
+
type: "text";
|
|
174
116
|
};
|
|
175
|
-
defaultValue: boolean;
|
|
176
117
|
};
|
|
177
|
-
|
|
118
|
+
placeholder: {
|
|
178
119
|
control: {
|
|
179
120
|
type: "text";
|
|
180
121
|
};
|
|
181
|
-
defaultValue: undefined;
|
|
182
|
-
};
|
|
183
|
-
rounded: {
|
|
184
|
-
constrol: {
|
|
185
|
-
type: string;
|
|
186
|
-
};
|
|
187
|
-
options: string[];
|
|
188
|
-
defaultValue: string;
|
|
189
122
|
};
|
|
190
123
|
options: {
|
|
191
124
|
control: {
|
|
192
125
|
type: "object";
|
|
193
126
|
};
|
|
194
|
-
defaultValue: {
|
|
195
|
-
label: string;
|
|
196
|
-
value: string;
|
|
197
|
-
}[];
|
|
198
|
-
};
|
|
199
|
-
readonly: {
|
|
200
|
-
control: {
|
|
201
|
-
type: "boolean";
|
|
202
|
-
};
|
|
203
|
-
defaultValue: boolean;
|
|
204
127
|
};
|
|
205
128
|
};
|
|
206
129
|
};
|
|
207
130
|
export default meta;
|
|
208
131
|
type Story = StoryObj<typeof meta>;
|
|
209
132
|
export declare const Default: Story;
|
|
133
|
+
export declare const Sizes: Story;
|
|
134
|
+
export declare const WithNativeAttributes: Story;
|
|
@@ -15,34 +15,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
15
15
|
type: BooleanConstructor;
|
|
16
16
|
default: boolean;
|
|
17
17
|
};
|
|
18
|
-
disabled: {
|
|
19
|
-
type: BooleanConstructor;
|
|
20
|
-
default: boolean;
|
|
21
|
-
};
|
|
22
|
-
name: {
|
|
23
|
-
type: StringConstructor;
|
|
24
|
-
default: undefined;
|
|
25
|
-
};
|
|
26
|
-
id: {
|
|
27
|
-
type: StringConstructor;
|
|
28
|
-
default: undefined;
|
|
29
|
-
};
|
|
30
|
-
required: {
|
|
31
|
-
type: BooleanConstructor;
|
|
32
|
-
default: boolean;
|
|
33
|
-
};
|
|
34
|
-
label: {
|
|
35
|
-
type: StringConstructor;
|
|
36
|
-
default: undefined;
|
|
37
|
-
};
|
|
38
|
-
placeholder: {
|
|
39
|
-
type: StringConstructor;
|
|
40
|
-
default: undefined;
|
|
41
|
-
};
|
|
42
|
-
readonly: {
|
|
43
|
-
type: BooleanConstructor;
|
|
44
|
-
default: boolean;
|
|
45
|
-
};
|
|
46
18
|
rounded: {
|
|
47
19
|
type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
48
20
|
default: string;
|
|
@@ -55,6 +27,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
55
27
|
type: StringConstructor;
|
|
56
28
|
default: string;
|
|
57
29
|
};
|
|
30
|
+
placeholder: {
|
|
31
|
+
type: StringConstructor;
|
|
32
|
+
default: undefined;
|
|
33
|
+
};
|
|
58
34
|
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
59
35
|
"update:modelValue": (value: string | number) => any;
|
|
60
36
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -74,34 +50,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
74
50
|
type: BooleanConstructor;
|
|
75
51
|
default: boolean;
|
|
76
52
|
};
|
|
77
|
-
disabled: {
|
|
78
|
-
type: BooleanConstructor;
|
|
79
|
-
default: boolean;
|
|
80
|
-
};
|
|
81
|
-
name: {
|
|
82
|
-
type: StringConstructor;
|
|
83
|
-
default: undefined;
|
|
84
|
-
};
|
|
85
|
-
id: {
|
|
86
|
-
type: StringConstructor;
|
|
87
|
-
default: undefined;
|
|
88
|
-
};
|
|
89
|
-
required: {
|
|
90
|
-
type: BooleanConstructor;
|
|
91
|
-
default: boolean;
|
|
92
|
-
};
|
|
93
|
-
label: {
|
|
94
|
-
type: StringConstructor;
|
|
95
|
-
default: undefined;
|
|
96
|
-
};
|
|
97
|
-
placeholder: {
|
|
98
|
-
type: StringConstructor;
|
|
99
|
-
default: undefined;
|
|
100
|
-
};
|
|
101
|
-
readonly: {
|
|
102
|
-
type: BooleanConstructor;
|
|
103
|
-
default: boolean;
|
|
104
|
-
};
|
|
105
53
|
rounded: {
|
|
106
54
|
type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
107
55
|
default: string;
|
|
@@ -114,22 +62,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
114
62
|
type: StringConstructor;
|
|
115
63
|
default: string;
|
|
116
64
|
};
|
|
65
|
+
placeholder: {
|
|
66
|
+
type: StringConstructor;
|
|
67
|
+
default: undefined;
|
|
68
|
+
};
|
|
117
69
|
}>> & Readonly<{
|
|
118
70
|
"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
|
|
119
71
|
}>, {
|
|
120
|
-
name: string;
|
|
121
72
|
size: "sm" | "md" | "lg";
|
|
122
|
-
disabled: boolean;
|
|
123
73
|
block: boolean;
|
|
124
74
|
rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
125
|
-
label: string;
|
|
126
75
|
modelValue: string | number;
|
|
127
|
-
placeholder: string;
|
|
128
|
-
id: string;
|
|
129
|
-
required: boolean;
|
|
130
|
-
readonly: boolean;
|
|
131
76
|
options: Record<string, any>[];
|
|
132
77
|
itemLabel: string;
|
|
133
78
|
itemValue: string;
|
|
134
|
-
|
|
79
|
+
placeholder: string;
|
|
80
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
135
81
|
export default _default;
|
|
@@ -14,34 +14,6 @@ declare const meta: {
|
|
|
14
14
|
type: BooleanConstructor;
|
|
15
15
|
default: boolean;
|
|
16
16
|
};
|
|
17
|
-
disabled: {
|
|
18
|
-
type: BooleanConstructor;
|
|
19
|
-
default: boolean;
|
|
20
|
-
};
|
|
21
|
-
placeholder: {
|
|
22
|
-
type: StringConstructor;
|
|
23
|
-
default: undefined;
|
|
24
|
-
};
|
|
25
|
-
name: {
|
|
26
|
-
type: StringConstructor;
|
|
27
|
-
default: undefined;
|
|
28
|
-
};
|
|
29
|
-
id: {
|
|
30
|
-
type: StringConstructor;
|
|
31
|
-
default: undefined;
|
|
32
|
-
};
|
|
33
|
-
required: {
|
|
34
|
-
type: BooleanConstructor;
|
|
35
|
-
default: boolean;
|
|
36
|
-
};
|
|
37
|
-
label: {
|
|
38
|
-
type: StringConstructor;
|
|
39
|
-
default: undefined;
|
|
40
|
-
};
|
|
41
|
-
readonly: {
|
|
42
|
-
type: BooleanConstructor;
|
|
43
|
-
default: boolean;
|
|
44
|
-
};
|
|
45
17
|
rounded: {
|
|
46
18
|
type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
47
19
|
default: string;
|
|
@@ -69,34 +41,6 @@ declare const meta: {
|
|
|
69
41
|
type: BooleanConstructor;
|
|
70
42
|
default: boolean;
|
|
71
43
|
};
|
|
72
|
-
disabled: {
|
|
73
|
-
type: BooleanConstructor;
|
|
74
|
-
default: boolean;
|
|
75
|
-
};
|
|
76
|
-
placeholder: {
|
|
77
|
-
type: StringConstructor;
|
|
78
|
-
default: undefined;
|
|
79
|
-
};
|
|
80
|
-
name: {
|
|
81
|
-
type: StringConstructor;
|
|
82
|
-
default: undefined;
|
|
83
|
-
};
|
|
84
|
-
id: {
|
|
85
|
-
type: StringConstructor;
|
|
86
|
-
default: undefined;
|
|
87
|
-
};
|
|
88
|
-
required: {
|
|
89
|
-
type: BooleanConstructor;
|
|
90
|
-
default: boolean;
|
|
91
|
-
};
|
|
92
|
-
label: {
|
|
93
|
-
type: StringConstructor;
|
|
94
|
-
default: undefined;
|
|
95
|
-
};
|
|
96
|
-
readonly: {
|
|
97
|
-
type: BooleanConstructor;
|
|
98
|
-
default: boolean;
|
|
99
|
-
};
|
|
100
44
|
rounded: {
|
|
101
45
|
type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
102
46
|
default: string;
|
|
@@ -112,93 +56,54 @@ declare const meta: {
|
|
|
112
56
|
}>> & Readonly<{
|
|
113
57
|
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
114
58
|
}>, {
|
|
115
|
-
name: string;
|
|
116
59
|
size: "sm" | "md" | "lg";
|
|
117
|
-
disabled: boolean;
|
|
118
60
|
block: boolean;
|
|
119
61
|
rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
|
|
120
|
-
label: string;
|
|
121
62
|
modelValue: string;
|
|
122
|
-
placeholder: string;
|
|
123
|
-
id: string;
|
|
124
|
-
required: boolean;
|
|
125
|
-
readonly: boolean;
|
|
126
63
|
autoheight: boolean;
|
|
127
64
|
resize: "none" | "both" | "horizontal" | "vertical";
|
|
128
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {},
|
|
65
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
129
66
|
tags: string[];
|
|
130
67
|
argTypes: {
|
|
131
|
-
|
|
68
|
+
modelValue: {
|
|
132
69
|
control: {
|
|
133
|
-
type: "
|
|
70
|
+
type: "text";
|
|
134
71
|
};
|
|
135
|
-
defaultValue: boolean;
|
|
136
72
|
};
|
|
137
73
|
size: {
|
|
138
74
|
control: {
|
|
139
75
|
type: "select";
|
|
140
76
|
};
|
|
141
77
|
options: string[];
|
|
142
|
-
defaultValue: string;
|
|
143
|
-
};
|
|
144
|
-
disabled: {
|
|
145
|
-
control: {
|
|
146
|
-
type: "boolean";
|
|
147
|
-
};
|
|
148
|
-
defaultValue: boolean;
|
|
149
|
-
};
|
|
150
|
-
placeholder: {
|
|
151
|
-
control: {
|
|
152
|
-
type: "text";
|
|
153
|
-
};
|
|
154
|
-
defaultValue: undefined;
|
|
155
78
|
};
|
|
156
|
-
|
|
157
|
-
control: {
|
|
158
|
-
type: "text";
|
|
159
|
-
};
|
|
160
|
-
defaultValue: undefined;
|
|
161
|
-
};
|
|
162
|
-
required: {
|
|
79
|
+
block: {
|
|
163
80
|
control: {
|
|
164
81
|
type: "boolean";
|
|
165
82
|
};
|
|
166
|
-
defaultValue: boolean;
|
|
167
|
-
};
|
|
168
|
-
label: {
|
|
169
|
-
control: {
|
|
170
|
-
type: "text";
|
|
171
|
-
};
|
|
172
|
-
defaultValue: undefined;
|
|
173
83
|
};
|
|
174
84
|
rounded: {
|
|
175
|
-
|
|
176
|
-
type:
|
|
85
|
+
control: {
|
|
86
|
+
type: "select";
|
|
177
87
|
};
|
|
178
88
|
options: string[];
|
|
179
|
-
defaultValue: string;
|
|
180
89
|
};
|
|
181
90
|
autoheight: {
|
|
182
91
|
control: {
|
|
183
92
|
type: "boolean";
|
|
184
93
|
};
|
|
185
|
-
defaultValue: boolean;
|
|
186
94
|
};
|
|
187
95
|
resize: {
|
|
188
96
|
control: {
|
|
189
97
|
type: "select";
|
|
190
98
|
};
|
|
191
99
|
options: string[];
|
|
192
|
-
defaultValue: string;
|
|
193
|
-
};
|
|
194
|
-
readonly: {
|
|
195
|
-
control: {
|
|
196
|
-
type: "boolean";
|
|
197
|
-
};
|
|
198
|
-
defaultValue: boolean;
|
|
199
100
|
};
|
|
200
101
|
};
|
|
201
102
|
};
|
|
202
103
|
export default meta;
|
|
203
104
|
type Story = StoryObj<typeof meta>;
|
|
204
105
|
export declare const Default: Story;
|
|
106
|
+
export declare const Sizes: Story;
|
|
107
|
+
export declare const ResizeOptions: Story;
|
|
108
|
+
export declare const AutoHeight: Story;
|
|
109
|
+
export declare const WithNativeAttributes: Story;
|