@codemonster-ru/vueforge 0.12.0 → 0.14.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/README.md +84 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +5 -0
- package/dist/index.ts.mjs +1194 -939
- package/dist/index.ts.umd.js +3 -3
- package/dist/package/components/__tests__/tabs.test.d.ts +1 -0
- package/dist/package/components/__tests__/toast.test.d.ts +1 -0
- package/dist/package/components/tab-panel.vue.d.ts +21 -0
- package/dist/package/components/tab.vue.d.ts +30 -0
- package/dist/package/components/tabs-context.d.ts +12 -0
- package/dist/package/components/tabs.vue.d.ts +40 -0
- package/dist/package/components/toast-container.vue.d.ts +23 -0
- package/dist/package/components/toast.vue.d.ts +42 -0
- package/dist/package/config/theme-core.d.ts +64 -0
- package/dist/package/themes/default/components/tabs.d.ts +23 -0
- package/dist/package/themes/default/components/toast.d.ts +41 -0
- package/dist/package/themes/default/index.d.ts +62 -0
- package/package.json +1 -1
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
type ToastSeverity = 'neutral' | 'info' | 'success' | 'warn' | 'danger';
|
|
2
|
+
interface Props {
|
|
3
|
+
modelValue?: boolean;
|
|
4
|
+
title?: string;
|
|
5
|
+
message?: string;
|
|
6
|
+
severity?: ToastSeverity;
|
|
7
|
+
closable?: boolean;
|
|
8
|
+
duration?: number;
|
|
9
|
+
}
|
|
10
|
+
declare function __VLS_template(): {
|
|
11
|
+
attrs: Partial<{}>;
|
|
12
|
+
slots: {
|
|
13
|
+
default?(_: {}): any;
|
|
14
|
+
close?(_: {}): any;
|
|
15
|
+
};
|
|
16
|
+
refs: {};
|
|
17
|
+
rootEl: HTMLDivElement;
|
|
18
|
+
};
|
|
19
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
20
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
21
|
+
close: (...args: any[]) => void;
|
|
22
|
+
"update:modelValue": (...args: any[]) => void;
|
|
23
|
+
open: (...args: any[]) => void;
|
|
24
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
25
|
+
onClose?: ((...args: any[]) => any) | undefined;
|
|
26
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
27
|
+
onOpen?: ((...args: any[]) => any) | undefined;
|
|
28
|
+
}>, {
|
|
29
|
+
title: string;
|
|
30
|
+
severity: ToastSeverity;
|
|
31
|
+
modelValue: boolean;
|
|
32
|
+
message: string;
|
|
33
|
+
closable: boolean;
|
|
34
|
+
duration: number;
|
|
35
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
36
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
37
|
+
export default _default;
|
|
38
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
39
|
+
new (): {
|
|
40
|
+
$slots: S;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
@@ -207,6 +207,28 @@ export type SwitchTokens = {
|
|
|
207
207
|
textColor?: string;
|
|
208
208
|
disabledOpacity?: string;
|
|
209
209
|
};
|
|
210
|
+
export type TabsTokens = {
|
|
211
|
+
gap?: string;
|
|
212
|
+
listGap?: string;
|
|
213
|
+
listBorderWidth?: string;
|
|
214
|
+
listBorderColor?: string;
|
|
215
|
+
listVerticalPadding?: string;
|
|
216
|
+
tabPadding?: string;
|
|
217
|
+
tabFontSize?: string;
|
|
218
|
+
tabBorderRadius?: string;
|
|
219
|
+
tabTextColor?: string;
|
|
220
|
+
tabBackgroundColor?: string;
|
|
221
|
+
tabHoverBackgroundColor?: string;
|
|
222
|
+
tabActiveTextColor?: string;
|
|
223
|
+
tabActiveBackgroundColor?: string;
|
|
224
|
+
tabActiveBorderColor?: string;
|
|
225
|
+
tabActiveBorderWidth?: string;
|
|
226
|
+
panelPadding?: string;
|
|
227
|
+
panelBorderRadius?: string;
|
|
228
|
+
panelBackgroundColor?: string;
|
|
229
|
+
panelTextColor?: string;
|
|
230
|
+
disabledOpacity?: string;
|
|
231
|
+
};
|
|
210
232
|
export type TooltipTokens = {
|
|
211
233
|
padding?: string;
|
|
212
234
|
borderRadius?: string;
|
|
@@ -219,11 +241,52 @@ export type TooltipTokens = {
|
|
|
219
241
|
maxWidth?: string;
|
|
220
242
|
arrowSize?: string;
|
|
221
243
|
};
|
|
244
|
+
export type ToastTokens = {
|
|
245
|
+
gap?: string;
|
|
246
|
+
padding?: string;
|
|
247
|
+
borderRadius?: string;
|
|
248
|
+
borderColor?: string;
|
|
249
|
+
backgroundColor?: string;
|
|
250
|
+
textColor?: string;
|
|
251
|
+
shadow?: string;
|
|
252
|
+
minWidth?: string;
|
|
253
|
+
fontSize?: string;
|
|
254
|
+
lineHeight?: string;
|
|
255
|
+
bodyGap?: string;
|
|
256
|
+
titleFontSize?: string;
|
|
257
|
+
titleFontWeight?: string;
|
|
258
|
+
closeSize?: string;
|
|
259
|
+
containerGap?: string;
|
|
260
|
+
containerPadding?: string;
|
|
261
|
+
containerMaxWidth?: string;
|
|
262
|
+
zIndex?: string;
|
|
263
|
+
info?: {
|
|
264
|
+
backgroundColor?: string;
|
|
265
|
+
borderColor?: string;
|
|
266
|
+
textColor?: string;
|
|
267
|
+
};
|
|
268
|
+
success?: {
|
|
269
|
+
backgroundColor?: string;
|
|
270
|
+
borderColor?: string;
|
|
271
|
+
textColor?: string;
|
|
272
|
+
};
|
|
273
|
+
warn?: {
|
|
274
|
+
backgroundColor?: string;
|
|
275
|
+
borderColor?: string;
|
|
276
|
+
textColor?: string;
|
|
277
|
+
};
|
|
278
|
+
danger?: {
|
|
279
|
+
backgroundColor?: string;
|
|
280
|
+
borderColor?: string;
|
|
281
|
+
textColor?: string;
|
|
282
|
+
};
|
|
283
|
+
};
|
|
222
284
|
export type ThemeComponentTokens = {
|
|
223
285
|
button?: ButtonTokens;
|
|
224
286
|
card?: CardTokens;
|
|
225
287
|
checkbox?: CheckboxTokens;
|
|
226
288
|
radio?: RadioTokens;
|
|
289
|
+
tabs?: TabsTokens;
|
|
227
290
|
input?: InputTokens;
|
|
228
291
|
textarea?: TextareaTokens;
|
|
229
292
|
link?: LinkTokens;
|
|
@@ -233,6 +296,7 @@ export type ThemeComponentTokens = {
|
|
|
233
296
|
select?: SelectTokens;
|
|
234
297
|
switch?: SwitchTokens;
|
|
235
298
|
tooltip?: TooltipTokens;
|
|
299
|
+
toast?: ToastTokens;
|
|
236
300
|
[key: string]: unknown;
|
|
237
301
|
};
|
|
238
302
|
export type ThemeTokens = {
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
gap: string;
|
|
3
|
+
listGap: string;
|
|
4
|
+
listBorderWidth: string;
|
|
5
|
+
listBorderColor: string;
|
|
6
|
+
listVerticalPadding: string;
|
|
7
|
+
tabPadding: string;
|
|
8
|
+
tabFontSize: string;
|
|
9
|
+
tabBorderRadius: string;
|
|
10
|
+
tabTextColor: string;
|
|
11
|
+
tabBackgroundColor: string;
|
|
12
|
+
tabHoverBackgroundColor: string;
|
|
13
|
+
tabActiveTextColor: string;
|
|
14
|
+
tabActiveBackgroundColor: string;
|
|
15
|
+
tabActiveBorderColor: string;
|
|
16
|
+
tabActiveBorderWidth: string;
|
|
17
|
+
panelPadding: string;
|
|
18
|
+
panelBorderRadius: string;
|
|
19
|
+
panelBackgroundColor: string;
|
|
20
|
+
panelTextColor: string;
|
|
21
|
+
disabledOpacity: string;
|
|
22
|
+
};
|
|
23
|
+
export default _default;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
gap: string;
|
|
3
|
+
padding: string;
|
|
4
|
+
borderRadius: string;
|
|
5
|
+
borderColor: string;
|
|
6
|
+
backgroundColor: string;
|
|
7
|
+
textColor: string;
|
|
8
|
+
shadow: string;
|
|
9
|
+
minWidth: string;
|
|
10
|
+
fontSize: string;
|
|
11
|
+
lineHeight: string;
|
|
12
|
+
bodyGap: string;
|
|
13
|
+
titleFontSize: string;
|
|
14
|
+
titleFontWeight: string;
|
|
15
|
+
closeSize: string;
|
|
16
|
+
containerGap: string;
|
|
17
|
+
containerPadding: string;
|
|
18
|
+
containerMaxWidth: string;
|
|
19
|
+
zIndex: string;
|
|
20
|
+
info: {
|
|
21
|
+
backgroundColor: string;
|
|
22
|
+
borderColor: string;
|
|
23
|
+
textColor: string;
|
|
24
|
+
};
|
|
25
|
+
success: {
|
|
26
|
+
backgroundColor: string;
|
|
27
|
+
borderColor: string;
|
|
28
|
+
textColor: string;
|
|
29
|
+
};
|
|
30
|
+
warn: {
|
|
31
|
+
backgroundColor: string;
|
|
32
|
+
borderColor: string;
|
|
33
|
+
textColor: string;
|
|
34
|
+
};
|
|
35
|
+
danger: {
|
|
36
|
+
backgroundColor: string;
|
|
37
|
+
borderColor: string;
|
|
38
|
+
textColor: string;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
export default _default;
|
|
@@ -389,6 +389,28 @@ declare const _default: {
|
|
|
389
389
|
textColor: string;
|
|
390
390
|
disabledOpacity: string;
|
|
391
391
|
};
|
|
392
|
+
tabs: {
|
|
393
|
+
gap: string;
|
|
394
|
+
listGap: string;
|
|
395
|
+
listBorderWidth: string;
|
|
396
|
+
listBorderColor: string;
|
|
397
|
+
listVerticalPadding: string;
|
|
398
|
+
tabPadding: string;
|
|
399
|
+
tabFontSize: string;
|
|
400
|
+
tabBorderRadius: string;
|
|
401
|
+
tabTextColor: string;
|
|
402
|
+
tabBackgroundColor: string;
|
|
403
|
+
tabHoverBackgroundColor: string;
|
|
404
|
+
tabActiveTextColor: string;
|
|
405
|
+
tabActiveBackgroundColor: string;
|
|
406
|
+
tabActiveBorderColor: string;
|
|
407
|
+
tabActiveBorderWidth: string;
|
|
408
|
+
panelPadding: string;
|
|
409
|
+
panelBorderRadius: string;
|
|
410
|
+
panelBackgroundColor: string;
|
|
411
|
+
panelTextColor: string;
|
|
412
|
+
disabledOpacity: string;
|
|
413
|
+
};
|
|
392
414
|
tooltip: {
|
|
393
415
|
padding: string;
|
|
394
416
|
borderRadius: string;
|
|
@@ -401,6 +423,46 @@ declare const _default: {
|
|
|
401
423
|
maxWidth: string;
|
|
402
424
|
arrowSize: string;
|
|
403
425
|
};
|
|
426
|
+
toast: {
|
|
427
|
+
gap: string;
|
|
428
|
+
padding: string;
|
|
429
|
+
borderRadius: string;
|
|
430
|
+
borderColor: string;
|
|
431
|
+
backgroundColor: string;
|
|
432
|
+
textColor: string;
|
|
433
|
+
shadow: string;
|
|
434
|
+
minWidth: string;
|
|
435
|
+
fontSize: string;
|
|
436
|
+
lineHeight: string;
|
|
437
|
+
bodyGap: string;
|
|
438
|
+
titleFontSize: string;
|
|
439
|
+
titleFontWeight: string;
|
|
440
|
+
closeSize: string;
|
|
441
|
+
containerGap: string;
|
|
442
|
+
containerPadding: string;
|
|
443
|
+
containerMaxWidth: string;
|
|
444
|
+
zIndex: string;
|
|
445
|
+
info: {
|
|
446
|
+
backgroundColor: string;
|
|
447
|
+
borderColor: string;
|
|
448
|
+
textColor: string;
|
|
449
|
+
};
|
|
450
|
+
success: {
|
|
451
|
+
backgroundColor: string;
|
|
452
|
+
borderColor: string;
|
|
453
|
+
textColor: string;
|
|
454
|
+
};
|
|
455
|
+
warn: {
|
|
456
|
+
backgroundColor: string;
|
|
457
|
+
borderColor: string;
|
|
458
|
+
textColor: string;
|
|
459
|
+
};
|
|
460
|
+
danger: {
|
|
461
|
+
backgroundColor: string;
|
|
462
|
+
borderColor: string;
|
|
463
|
+
textColor: string;
|
|
464
|
+
};
|
|
465
|
+
};
|
|
404
466
|
};
|
|
405
467
|
colors: {
|
|
406
468
|
white: string;
|