@codemonster-ru/vueforge 0.53.0 → 0.54.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 +67 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.ts.mjs +2021 -1909
- package/dist/index.ts.umd.js +3 -3
- package/dist/package/components/__tests__/filter-chips.test.d.ts +1 -0
- package/dist/package/components/filter-chips.vue.d.ts +49 -0
- package/dist/package/config/theme-core.d.ts +34 -0
- package/dist/package/themes/default/components/filter-chips.d.ts +34 -0
- package/dist/package/themes/default/index.d.ts +33 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
type FilterValue = string | number;
|
|
2
|
+
type FilterModel = FilterValue | Array<FilterValue> | null;
|
|
3
|
+
type FilterVariant = 'soft' | 'outline' | 'solid';
|
|
4
|
+
type FilterSize = 'small' | 'normal' | 'large';
|
|
5
|
+
interface FilterChipOption {
|
|
6
|
+
label: string;
|
|
7
|
+
value: FilterValue;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
count?: number;
|
|
10
|
+
}
|
|
11
|
+
interface Props {
|
|
12
|
+
modelValue?: FilterModel;
|
|
13
|
+
options?: Array<FilterChipOption>;
|
|
14
|
+
multiple?: boolean;
|
|
15
|
+
allowEmpty?: boolean;
|
|
16
|
+
clearable?: boolean;
|
|
17
|
+
clearText?: string;
|
|
18
|
+
clearLabel?: string;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
wrap?: boolean;
|
|
21
|
+
size?: FilterSize;
|
|
22
|
+
variant?: FilterVariant;
|
|
23
|
+
ariaLabel?: string;
|
|
24
|
+
ariaLabelledby?: string;
|
|
25
|
+
}
|
|
26
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
27
|
+
change: (...args: any[]) => void;
|
|
28
|
+
"update:modelValue": (...args: any[]) => void;
|
|
29
|
+
clear: (...args: any[]) => void;
|
|
30
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
31
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
32
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
33
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
34
|
+
}>, {
|
|
35
|
+
disabled: boolean;
|
|
36
|
+
size: FilterSize;
|
|
37
|
+
variant: FilterVariant;
|
|
38
|
+
modelValue: FilterModel;
|
|
39
|
+
clearable: boolean;
|
|
40
|
+
ariaLabel: string;
|
|
41
|
+
multiple: boolean;
|
|
42
|
+
options: Array<FilterChipOption>;
|
|
43
|
+
ariaLabelledby: string;
|
|
44
|
+
allowEmpty: boolean;
|
|
45
|
+
clearText: string;
|
|
46
|
+
clearLabel: string;
|
|
47
|
+
wrap: boolean;
|
|
48
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
49
|
+
export default _default;
|
|
@@ -1505,6 +1505,39 @@ export type ChipTokens = {
|
|
|
1505
1505
|
paddingY?: string;
|
|
1506
1506
|
};
|
|
1507
1507
|
};
|
|
1508
|
+
export type FilterChipsTokens = {
|
|
1509
|
+
fontSize?: string;
|
|
1510
|
+
gap?: string;
|
|
1511
|
+
chipGap?: string;
|
|
1512
|
+
chipPadding?: string;
|
|
1513
|
+
chipBorderRadius?: string;
|
|
1514
|
+
chipBorderColor?: string;
|
|
1515
|
+
chipBackgroundColor?: string;
|
|
1516
|
+
chipTextColor?: string;
|
|
1517
|
+
chipHoverBackgroundColor?: string;
|
|
1518
|
+
chipHoverBorderColor?: string;
|
|
1519
|
+
chipActiveBackgroundColor?: string;
|
|
1520
|
+
chipActiveBorderColor?: string;
|
|
1521
|
+
chipActiveTextColor?: string;
|
|
1522
|
+
chipSolidActiveBackgroundColor?: string;
|
|
1523
|
+
chipSolidActiveBorderColor?: string;
|
|
1524
|
+
chipSolidActiveTextColor?: string;
|
|
1525
|
+
countPadding?: string;
|
|
1526
|
+
countFontSize?: string;
|
|
1527
|
+
countBackgroundColor?: string;
|
|
1528
|
+
countTextColor?: string;
|
|
1529
|
+
countActiveBackgroundColor?: string;
|
|
1530
|
+
countActiveTextColor?: string;
|
|
1531
|
+
disabledOpacity?: string;
|
|
1532
|
+
small?: {
|
|
1533
|
+
fontSize?: string;
|
|
1534
|
+
chipPadding?: string;
|
|
1535
|
+
};
|
|
1536
|
+
large?: {
|
|
1537
|
+
fontSize?: string;
|
|
1538
|
+
chipPadding?: string;
|
|
1539
|
+
};
|
|
1540
|
+
};
|
|
1508
1541
|
export type AvatarTokens = {
|
|
1509
1542
|
size?: string;
|
|
1510
1543
|
fontSize?: string;
|
|
@@ -1582,6 +1615,7 @@ export type ThemeComponentTokens = {
|
|
|
1582
1615
|
alert?: AlertTokens;
|
|
1583
1616
|
badge?: BadgeTokens;
|
|
1584
1617
|
chip?: ChipTokens;
|
|
1618
|
+
filterChips?: FilterChipsTokens;
|
|
1585
1619
|
avatar?: AvatarTokens;
|
|
1586
1620
|
rating?: RatingTokens;
|
|
1587
1621
|
tree?: TreeTokens;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
fontSize: string;
|
|
3
|
+
gap: string;
|
|
4
|
+
chipGap: string;
|
|
5
|
+
chipPadding: string;
|
|
6
|
+
chipBorderRadius: string;
|
|
7
|
+
chipBorderColor: string;
|
|
8
|
+
chipBackgroundColor: string;
|
|
9
|
+
chipTextColor: string;
|
|
10
|
+
chipHoverBackgroundColor: string;
|
|
11
|
+
chipHoverBorderColor: string;
|
|
12
|
+
chipActiveBackgroundColor: string;
|
|
13
|
+
chipActiveBorderColor: string;
|
|
14
|
+
chipActiveTextColor: string;
|
|
15
|
+
chipSolidActiveBackgroundColor: string;
|
|
16
|
+
chipSolidActiveBorderColor: string;
|
|
17
|
+
chipSolidActiveTextColor: string;
|
|
18
|
+
countPadding: string;
|
|
19
|
+
countFontSize: string;
|
|
20
|
+
countBackgroundColor: string;
|
|
21
|
+
countTextColor: string;
|
|
22
|
+
countActiveBackgroundColor: string;
|
|
23
|
+
countActiveTextColor: string;
|
|
24
|
+
disabledOpacity: string;
|
|
25
|
+
small: {
|
|
26
|
+
fontSize: string;
|
|
27
|
+
chipPadding: string;
|
|
28
|
+
};
|
|
29
|
+
large: {
|
|
30
|
+
fontSize: string;
|
|
31
|
+
chipPadding: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
export default _default;
|
|
@@ -1559,6 +1559,39 @@ declare const _default: {
|
|
|
1559
1559
|
paddingY: string;
|
|
1560
1560
|
};
|
|
1561
1561
|
};
|
|
1562
|
+
filterChips: {
|
|
1563
|
+
fontSize: string;
|
|
1564
|
+
gap: string;
|
|
1565
|
+
chipGap: string;
|
|
1566
|
+
chipPadding: string;
|
|
1567
|
+
chipBorderRadius: string;
|
|
1568
|
+
chipBorderColor: string;
|
|
1569
|
+
chipBackgroundColor: string;
|
|
1570
|
+
chipTextColor: string;
|
|
1571
|
+
chipHoverBackgroundColor: string;
|
|
1572
|
+
chipHoverBorderColor: string;
|
|
1573
|
+
chipActiveBackgroundColor: string;
|
|
1574
|
+
chipActiveBorderColor: string;
|
|
1575
|
+
chipActiveTextColor: string;
|
|
1576
|
+
chipSolidActiveBackgroundColor: string;
|
|
1577
|
+
chipSolidActiveBorderColor: string;
|
|
1578
|
+
chipSolidActiveTextColor: string;
|
|
1579
|
+
countPadding: string;
|
|
1580
|
+
countFontSize: string;
|
|
1581
|
+
countBackgroundColor: string;
|
|
1582
|
+
countTextColor: string;
|
|
1583
|
+
countActiveBackgroundColor: string;
|
|
1584
|
+
countActiveTextColor: string;
|
|
1585
|
+
disabledOpacity: string;
|
|
1586
|
+
small: {
|
|
1587
|
+
fontSize: string;
|
|
1588
|
+
chipPadding: string;
|
|
1589
|
+
};
|
|
1590
|
+
large: {
|
|
1591
|
+
fontSize: string;
|
|
1592
|
+
chipPadding: string;
|
|
1593
|
+
};
|
|
1594
|
+
};
|
|
1562
1595
|
avatar: {
|
|
1563
1596
|
size: string;
|
|
1564
1597
|
fontSize: string;
|