@bobbykim/mcl-forms 0.9.8 → 0.9.9
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/index.d.ts +140 -135
- package/dist/mcl-forms.js +2486 -1034
- package/dist/mcl-forms.umd.cjs +2 -2
- package/package.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -7,28 +7,16 @@ import { DefineComponent } from 'vue';
|
|
|
7
7
|
import { InputType } from '@bobbykim/manguito-theme';
|
|
8
8
|
import { PublicProps } from 'vue';
|
|
9
9
|
|
|
10
|
-
declare const __VLS_component: DefineComponent<
|
|
11
|
-
labelFor: string;
|
|
12
|
-
textColor?: ColorPalette;
|
|
13
|
-
textSize?: BodyText;
|
|
14
|
-
textBold?: boolean;
|
|
15
|
-
label?: string;
|
|
16
|
-
}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
|
|
17
|
-
labelFor: string;
|
|
18
|
-
textColor?: ColorPalette;
|
|
19
|
-
textSize?: BodyText;
|
|
20
|
-
textBold?: boolean;
|
|
21
|
-
label?: string;
|
|
22
|
-
}> & Readonly<{}>, {
|
|
10
|
+
declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
23
11
|
textColor: ColorPalette;
|
|
24
12
|
textSize: BodyText;
|
|
25
13
|
textBold: boolean;
|
|
26
|
-
}, {}, {}, {}, string, ComponentProvideOptions, false, {},
|
|
14
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
27
15
|
|
|
28
16
|
declare const __VLS_component_2: DefineComponent<__VLS_PublicProps_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
29
|
-
"update:modelValue": (
|
|
17
|
+
"update:modelValue": (value: string) => any;
|
|
30
18
|
}, string, PublicProps, Readonly<__VLS_PublicProps_3> & Readonly<{
|
|
31
|
-
"onUpdate:modelValue"?: ((
|
|
19
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
32
20
|
}>, {
|
|
33
21
|
type: InputType;
|
|
34
22
|
required: boolean;
|
|
@@ -41,10 +29,10 @@ displayHighlight: boolean;
|
|
|
41
29
|
highlightColor: ColorPalette;
|
|
42
30
|
textcolor: ColorPalette;
|
|
43
31
|
placeholder: string;
|
|
44
|
-
}, {}, {}, {}, string, ComponentProvideOptions, false, {},
|
|
32
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
45
33
|
|
|
46
34
|
declare const __VLS_component_3: DefineComponent<__VLS_PublicProps_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
47
|
-
"update:modelValue": (
|
|
35
|
+
"update:modelValue": (value: string | number | null) => any;
|
|
48
36
|
} & {
|
|
49
37
|
select: (value: string | number) => any;
|
|
50
38
|
clear: () => any;
|
|
@@ -53,7 +41,7 @@ close: () => any;
|
|
|
53
41
|
changed: (value: string | number) => any;
|
|
54
42
|
}, string, PublicProps, Readonly<__VLS_PublicProps_4> & Readonly<{
|
|
55
43
|
onSelect?: ((value: string | number) => any) | undefined;
|
|
56
|
-
"onUpdate:modelValue"?: ((
|
|
44
|
+
"onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
|
|
57
45
|
onClear?: (() => any) | undefined;
|
|
58
46
|
onOpen?: (() => any) | undefined;
|
|
59
47
|
onClose?: (() => any) | undefined;
|
|
@@ -72,87 +60,21 @@ placeholder: string;
|
|
|
72
60
|
invalidFeedback: string;
|
|
73
61
|
iconColor: ColorPalette;
|
|
74
62
|
selectColor: ColorPalette;
|
|
75
|
-
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
declare type
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
} & typeof __VLS_typeProps_3;
|
|
88
|
-
|
|
89
|
-
declare type __VLS_PublicProps_4 = {
|
|
90
|
-
modelValue?: string | number | null;
|
|
91
|
-
} & typeof __VLS_typeProps_4;
|
|
92
|
-
|
|
93
|
-
declare type __VLS_PublicProps_5 = {
|
|
94
|
-
modelValue?: string;
|
|
95
|
-
} & typeof __VLS_typeProps_5;
|
|
96
|
-
|
|
97
|
-
declare type __VLS_PublicProps_6 = {
|
|
98
|
-
modelValue?: boolean;
|
|
99
|
-
} & typeof __VLS_typeProps_6;
|
|
100
|
-
|
|
101
|
-
declare function __VLS_template(): {
|
|
102
|
-
slots: Readonly<{
|
|
103
|
-
default: any;
|
|
104
|
-
label: any;
|
|
105
|
-
}> & {
|
|
106
|
-
default: any;
|
|
107
|
-
label: any;
|
|
108
|
-
};
|
|
109
|
-
refs: {};
|
|
110
|
-
attrs: Partial<{}>;
|
|
111
|
-
};
|
|
112
|
-
|
|
113
|
-
declare function __VLS_template_2(): {
|
|
114
|
-
slots: {
|
|
115
|
-
"invalid-feedback"?(_: {}): any;
|
|
116
|
-
};
|
|
117
|
-
refs: {};
|
|
118
|
-
attrs: Partial<{}>;
|
|
119
|
-
};
|
|
120
|
-
|
|
121
|
-
declare function __VLS_template_3(): {
|
|
122
|
-
slots: Readonly<{
|
|
123
|
-
dropdown(props: {
|
|
124
|
-
optionClick: (e: Event, option: string | SelectOptionType) => void;
|
|
125
|
-
options: (string | SelectOptionType)[];
|
|
126
|
-
activeIndex: number;
|
|
127
|
-
setRef: (el: Element | ComponentPublicInstance | null, index: number) => void;
|
|
128
|
-
hover: (index: number) => void;
|
|
129
|
-
}): any;
|
|
130
|
-
'no-match': any;
|
|
131
|
-
}> & {
|
|
132
|
-
dropdown(props: {
|
|
133
|
-
optionClick: (e: Event, option: string | SelectOptionType) => void;
|
|
134
|
-
options: (string | SelectOptionType)[];
|
|
135
|
-
activeIndex: number;
|
|
136
|
-
setRef: (el: Element | ComponentPublicInstance | null, index: number) => void;
|
|
137
|
-
hover: (index: number) => void;
|
|
138
|
-
}): any;
|
|
139
|
-
'no-match': any;
|
|
140
|
-
};
|
|
141
|
-
refs: {
|
|
142
|
-
componentRef: HTMLDivElement;
|
|
143
|
-
inputBox: HTMLInputElement;
|
|
144
|
-
dropdownRef: HTMLUListElement;
|
|
145
|
-
};
|
|
146
|
-
attrs: Partial<{}>;
|
|
63
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
64
|
+
componentRef: HTMLDivElement;
|
|
65
|
+
inputBox: HTMLInputElement;
|
|
66
|
+
dropdownRef: HTMLUListElement;
|
|
67
|
+
}, HTMLDivElement>;
|
|
68
|
+
|
|
69
|
+
declare type __VLS_Props = {
|
|
70
|
+
labelFor: string;
|
|
71
|
+
textColor?: ColorPalette;
|
|
72
|
+
textSize?: BodyText;
|
|
73
|
+
textBold?: boolean;
|
|
74
|
+
label?: string;
|
|
147
75
|
};
|
|
148
76
|
|
|
149
|
-
declare type
|
|
150
|
-
|
|
151
|
-
declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
|
|
152
|
-
|
|
153
|
-
declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
|
|
154
|
-
|
|
155
|
-
declare let __VLS_typeProps: {
|
|
77
|
+
declare type __VLS_Props_2 = {
|
|
156
78
|
id: string;
|
|
157
79
|
displayBorder?: boolean;
|
|
158
80
|
borderColor?: ColorPalette;
|
|
@@ -168,7 +90,17 @@ declare let __VLS_typeProps: {
|
|
|
168
90
|
accept?: string;
|
|
169
91
|
};
|
|
170
92
|
|
|
171
|
-
declare
|
|
93
|
+
declare type __VLS_Props_3 = {
|
|
94
|
+
id: string;
|
|
95
|
+
radioSize?: InputSizeType;
|
|
96
|
+
bgColor?: ColorPalette;
|
|
97
|
+
checkedColor?: ColorPalette;
|
|
98
|
+
displayShadow?: boolean;
|
|
99
|
+
value?: string | number;
|
|
100
|
+
checked?: boolean;
|
|
101
|
+
};
|
|
102
|
+
|
|
103
|
+
declare type __VLS_Props_4 = {
|
|
172
104
|
id: string;
|
|
173
105
|
sliderColor?: ColorPalette;
|
|
174
106
|
onColor?: ColorPalette;
|
|
@@ -177,7 +109,7 @@ declare let __VLS_typeProps_2: {
|
|
|
177
109
|
rounded?: boolean;
|
|
178
110
|
};
|
|
179
111
|
|
|
180
|
-
declare
|
|
112
|
+
declare type __VLS_Props_5 = {
|
|
181
113
|
id: string;
|
|
182
114
|
displayBorder?: boolean;
|
|
183
115
|
borderColor?: ColorPalette;
|
|
@@ -196,7 +128,7 @@ declare let __VLS_typeProps_3: {
|
|
|
196
128
|
pattern?: string;
|
|
197
129
|
};
|
|
198
130
|
|
|
199
|
-
declare
|
|
131
|
+
declare type __VLS_Props_6 = {
|
|
200
132
|
id: string;
|
|
201
133
|
displayBorder?: boolean;
|
|
202
134
|
borderColor?: ColorPalette;
|
|
@@ -214,7 +146,7 @@ declare let __VLS_typeProps_4: {
|
|
|
214
146
|
invalidFeedback?: string;
|
|
215
147
|
};
|
|
216
148
|
|
|
217
|
-
declare
|
|
149
|
+
declare type __VLS_Props_7 = {
|
|
218
150
|
id: string;
|
|
219
151
|
displayBorder?: boolean;
|
|
220
152
|
borderColor?: ColorPalette;
|
|
@@ -229,7 +161,7 @@ declare let __VLS_typeProps_5: {
|
|
|
229
161
|
rows?: number;
|
|
230
162
|
};
|
|
231
163
|
|
|
232
|
-
declare
|
|
164
|
+
declare type __VLS_Props_8 = {
|
|
233
165
|
id: string;
|
|
234
166
|
inputSize?: InputSizeType;
|
|
235
167
|
bgColor?: ColorPalette;
|
|
@@ -242,6 +174,87 @@ declare let __VLS_typeProps_6: {
|
|
|
242
174
|
checked?: boolean;
|
|
243
175
|
};
|
|
244
176
|
|
|
177
|
+
declare type __VLS_PublicProps = {
|
|
178
|
+
modelValue?: File | null;
|
|
179
|
+
} & __VLS_Props_2;
|
|
180
|
+
|
|
181
|
+
declare type __VLS_PublicProps_2 = {
|
|
182
|
+
modelValue?: boolean;
|
|
183
|
+
} & __VLS_Props_4;
|
|
184
|
+
|
|
185
|
+
declare type __VLS_PublicProps_3 = {
|
|
186
|
+
modelValue?: string;
|
|
187
|
+
} & __VLS_Props_5;
|
|
188
|
+
|
|
189
|
+
declare type __VLS_PublicProps_4 = {
|
|
190
|
+
modelValue?: string | number | null;
|
|
191
|
+
} & __VLS_Props_6;
|
|
192
|
+
|
|
193
|
+
declare type __VLS_PublicProps_5 = {
|
|
194
|
+
modelValue?: string;
|
|
195
|
+
} & __VLS_Props_7;
|
|
196
|
+
|
|
197
|
+
declare type __VLS_PublicProps_6 = {
|
|
198
|
+
modelValue?: boolean;
|
|
199
|
+
} & __VLS_Props_8;
|
|
200
|
+
|
|
201
|
+
declare function __VLS_template(): {
|
|
202
|
+
attrs: Partial<{}>;
|
|
203
|
+
slots: Readonly<{
|
|
204
|
+
default: any;
|
|
205
|
+
label: any;
|
|
206
|
+
}> & {
|
|
207
|
+
default: any;
|
|
208
|
+
label: any;
|
|
209
|
+
};
|
|
210
|
+
refs: {};
|
|
211
|
+
rootEl: HTMLDivElement;
|
|
212
|
+
};
|
|
213
|
+
|
|
214
|
+
declare function __VLS_template_2(): {
|
|
215
|
+
attrs: Partial<{}>;
|
|
216
|
+
slots: {
|
|
217
|
+
'invalid-feedback'?(_: {}): any;
|
|
218
|
+
};
|
|
219
|
+
refs: {};
|
|
220
|
+
rootEl: HTMLDivElement;
|
|
221
|
+
};
|
|
222
|
+
|
|
223
|
+
declare function __VLS_template_3(): {
|
|
224
|
+
attrs: Partial<{}>;
|
|
225
|
+
slots: Readonly<{
|
|
226
|
+
dropdown(props: {
|
|
227
|
+
optionClick: (e: Event, option: string | SelectOptionType) => void;
|
|
228
|
+
options: (string | SelectOptionType)[];
|
|
229
|
+
activeIndex: number;
|
|
230
|
+
setRef: (el: Element | ComponentPublicInstance | null, index: number) => void;
|
|
231
|
+
hover: (index: number) => void;
|
|
232
|
+
}): any;
|
|
233
|
+
'no-match': any;
|
|
234
|
+
}> & {
|
|
235
|
+
dropdown(props: {
|
|
236
|
+
optionClick: (e: Event, option: string | SelectOptionType) => void;
|
|
237
|
+
options: (string | SelectOptionType)[];
|
|
238
|
+
activeIndex: number;
|
|
239
|
+
setRef: (el: Element | ComponentPublicInstance | null, index: number) => void;
|
|
240
|
+
hover: (index: number) => void;
|
|
241
|
+
}): any;
|
|
242
|
+
'no-match': any;
|
|
243
|
+
};
|
|
244
|
+
refs: {
|
|
245
|
+
componentRef: HTMLDivElement;
|
|
246
|
+
inputBox: HTMLInputElement;
|
|
247
|
+
dropdownRef: HTMLUListElement;
|
|
248
|
+
};
|
|
249
|
+
rootEl: HTMLDivElement;
|
|
250
|
+
};
|
|
251
|
+
|
|
252
|
+
declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
253
|
+
|
|
254
|
+
declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
|
|
255
|
+
|
|
256
|
+
declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
|
|
257
|
+
|
|
245
258
|
declare type __VLS_WithTemplateSlots<T, S> = T & {
|
|
246
259
|
new (): {
|
|
247
260
|
$slots: S;
|
|
@@ -263,11 +276,11 @@ declare type __VLS_WithTemplateSlots_3<T, S> = T & {
|
|
|
263
276
|
export declare type InputSizeType = 'sm' | 'md' | 'lg';
|
|
264
277
|
|
|
265
278
|
export declare const MclCheckbox: DefineComponent<__VLS_PublicProps_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
266
|
-
"update:modelValue": (
|
|
279
|
+
"update:modelValue": (value: boolean) => any;
|
|
267
280
|
} & {
|
|
268
281
|
"checkbox-click": (event: Event, checked: boolean, value: string | number) => any;
|
|
269
282
|
}, string, PublicProps, Readonly<__VLS_PublicProps_6> & Readonly<{
|
|
270
|
-
"onUpdate:modelValue"?: ((
|
|
283
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
271
284
|
"onCheckbox-click"?: ((event: Event, checked: boolean, value: string | number) => any) | undefined;
|
|
272
285
|
}>, {
|
|
273
286
|
borderColor: ColorPalette;
|
|
@@ -278,14 +291,16 @@ checked: boolean;
|
|
|
278
291
|
inputSize: InputSizeType;
|
|
279
292
|
checkedBgColor: ColorPalette;
|
|
280
293
|
checkColor: ColorPalette;
|
|
281
|
-
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
294
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
295
|
+
checkboxRef: HTMLInputElement;
|
|
296
|
+
}, HTMLDivElement>;
|
|
282
297
|
|
|
283
298
|
export declare const MclFormGroup: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
284
299
|
|
|
285
300
|
export declare const MclInputFile: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
286
|
-
"update:modelValue": (
|
|
301
|
+
"update:modelValue": (value: File | null) => any;
|
|
287
302
|
}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
288
|
-
"onUpdate:modelValue"?: ((
|
|
303
|
+
"onUpdate:modelValue"?: ((value: File | null) => any) | undefined;
|
|
289
304
|
}>, {
|
|
290
305
|
textColor: ColorPalette;
|
|
291
306
|
displayBorder: boolean;
|
|
@@ -299,27 +314,13 @@ displayShadow: boolean;
|
|
|
299
314
|
displayClear: boolean;
|
|
300
315
|
isRequired: boolean;
|
|
301
316
|
accept: string;
|
|
302
|
-
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
bgColor?: ColorPalette;
|
|
308
|
-
checkedColor?: ColorPalette;
|
|
309
|
-
displayShadow?: boolean;
|
|
310
|
-
value?: string | number;
|
|
311
|
-
checked?: boolean;
|
|
312
|
-
}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
317
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
318
|
+
inputRef: HTMLInputElement;
|
|
319
|
+
}, HTMLDivElement>;
|
|
320
|
+
|
|
321
|
+
export declare const MclInputRadio: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
313
322
|
change: (event: Event, value: string | number) => any;
|
|
314
|
-
}, string, PublicProps, Readonly<{
|
|
315
|
-
id: string;
|
|
316
|
-
radioSize?: InputSizeType;
|
|
317
|
-
bgColor?: ColorPalette;
|
|
318
|
-
checkedColor?: ColorPalette;
|
|
319
|
-
displayShadow?: boolean;
|
|
320
|
-
value?: string | number;
|
|
321
|
-
checked?: boolean;
|
|
322
|
-
}> & Readonly<{
|
|
323
|
+
}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{
|
|
323
324
|
onChange?: ((event: Event, value: string | number) => any) | undefined;
|
|
324
325
|
}>, {
|
|
325
326
|
bgColor: ColorPalette;
|
|
@@ -328,28 +329,32 @@ radioSize: InputSizeType;
|
|
|
328
329
|
checkedColor: ColorPalette;
|
|
329
330
|
value: string | number;
|
|
330
331
|
checked: boolean;
|
|
331
|
-
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
332
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
333
|
+
radioRef: HTMLInputElement;
|
|
334
|
+
}, HTMLDivElement>;
|
|
332
335
|
|
|
333
336
|
export declare const MclInputSwitch: DefineComponent<__VLS_PublicProps_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
334
|
-
"update:modelValue": (
|
|
337
|
+
"update:modelValue": (value: boolean) => any;
|
|
335
338
|
}, string, PublicProps, Readonly<__VLS_PublicProps_2> & Readonly<{
|
|
336
|
-
"onUpdate:modelValue"?: ((
|
|
339
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
337
340
|
}>, {
|
|
338
341
|
rounded: boolean;
|
|
339
342
|
sliderColor: ColorPalette;
|
|
340
343
|
onColor: ColorPalette;
|
|
341
344
|
offColor: ColorPalette;
|
|
342
345
|
switchSize: InputSizeType;
|
|
343
|
-
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
346
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
347
|
+
inputRef: HTMLInputElement;
|
|
348
|
+
}, HTMLDivElement>;
|
|
344
349
|
|
|
345
350
|
export declare const MclInputText: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
|
|
346
351
|
|
|
347
352
|
export declare const MclSelect: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
|
|
348
353
|
|
|
349
354
|
export declare const MclTextArea: DefineComponent<__VLS_PublicProps_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
350
|
-
"update:modelValue": (
|
|
355
|
+
"update:modelValue": (value: string) => any;
|
|
351
356
|
}, string, PublicProps, Readonly<__VLS_PublicProps_5> & Readonly<{
|
|
352
|
-
"onUpdate:modelValue"?: ((
|
|
357
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
353
358
|
}>, {
|
|
354
359
|
required: boolean;
|
|
355
360
|
displayBorder: boolean;
|
|
@@ -362,7 +367,7 @@ highlightColor: ColorPalette;
|
|
|
362
367
|
textcolor: ColorPalette;
|
|
363
368
|
placeholder: string;
|
|
364
369
|
rows: number;
|
|
365
|
-
}, {}, {}, {}, string, ComponentProvideOptions, false, {},
|
|
370
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
366
371
|
|
|
367
372
|
export declare type SelectOptions = SelectOptionType[] | string[];
|
|
368
373
|
|