@redneckz/wildless-cms-uni-blocks 0.6.50 → 0.7.1
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/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +71 -19
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/CarouselTariffsCard/CarouselTariffsCard.d.ts +1 -1
- package/bundle/components/CarouselTariffsCard/CarouselTariffsCardContent.d.ts +1 -1
- package/bundle/components/LinkDocs/LinkDocsContent.d.ts +4 -0
- package/bundle/components/SwipeListControlBlock/SwipeListControlBlock.d.ts +6 -0
- package/bundle/components/SwipeListControlBlock/SwipeListControlBlockContent.d.ts +5 -0
- package/bundle/ui-kit/SwipeListControl/SwipeListContainer.d.ts +2 -1
- package/bundle/ui-kit/SwipeListControl/SwipeListControlDots.d.ts +2 -0
- package/bundle/ui-kit/SwipeListControl/SwipeListControlProps.d.ts +7 -0
- package/bundle/utils/style.d.ts +1 -0
- package/dist/components/Blocks.js +2 -0
- package/dist/components/Blocks.js.map +1 -1
- package/dist/components/CarouselCard/CarouselCard.js +2 -2
- package/dist/components/CarouselCard/CarouselCard.js.map +1 -1
- package/dist/components/CarouselProgramsCard/CarouselProgramsCard.js +1 -1
- package/dist/components/CarouselProgramsCard/CarouselProgramsCard.js.map +1 -1
- package/dist/components/CarouselTariffsCard/CarouselTariffsCard.d.ts +1 -1
- package/dist/components/CarouselTariffsCard/CarouselTariffsCard.js +12 -9
- package/dist/components/CarouselTariffsCard/CarouselTariffsCard.js.map +1 -1
- package/dist/components/CarouselTariffsCard/CarouselTariffsCardContent.d.ts +1 -1
- package/dist/components/LinkDocs/LinkDocsContent.d.ts +4 -0
- package/dist/components/SwipeListControlBlock/SwipeListControlBlock.d.ts +6 -0
- package/dist/components/SwipeListControlBlock/SwipeListControlBlock.js +14 -0
- package/dist/components/SwipeListControlBlock/SwipeListControlBlock.js.map +1 -0
- package/dist/components/SwipeListControlBlock/SwipeListControlBlockContent.d.ts +5 -0
- package/dist/components/SwipeListControlBlock/SwipeListControlBlockContent.js +2 -0
- package/dist/components/SwipeListControlBlock/SwipeListControlBlockContent.js.map +1 -0
- package/dist/ui-kit/BlockWrapper.js +1 -1
- package/dist/ui-kit/BlockWrapper.js.map +1 -1
- package/dist/ui-kit/SwipeListControl/SwipeListContainer.d.ts +2 -1
- package/dist/ui-kit/SwipeListControl/SwipeListContainer.js +8 -5
- package/dist/ui-kit/SwipeListControl/SwipeListContainer.js.map +1 -1
- package/dist/ui-kit/SwipeListControl/SwipeListControl.js +3 -2
- package/dist/ui-kit/SwipeListControl/SwipeListControl.js.map +1 -1
- package/dist/ui-kit/SwipeListControl/SwipeListControlDots.d.ts +2 -0
- package/dist/ui-kit/SwipeListControl/SwipeListControlDots.js +12 -3
- package/dist/ui-kit/SwipeListControl/SwipeListControlDots.js.map +1 -1
- package/dist/ui-kit/SwipeListControl/SwipeListControlProps.d.ts +7 -0
- package/dist/utils/style.d.ts +1 -0
- package/dist/utils/style.js +5 -0
- package/dist/utils/style.js.map +1 -0
- package/lib/common.css +1 -1
- package/lib/components/Blocks.js +2 -0
- package/lib/components/Blocks.js.map +1 -1
- package/lib/components/CarouselCard/CarouselCard.js +2 -2
- package/lib/components/CarouselCard/CarouselCard.js.map +1 -1
- package/lib/components/CarouselProgramsCard/CarouselProgramsCard.js +1 -1
- package/lib/components/CarouselProgramsCard/CarouselProgramsCard.js.map +1 -1
- package/lib/components/CarouselTariffsCard/CarouselTariffsCard.d.ts +1 -1
- package/lib/components/CarouselTariffsCard/CarouselTariffsCard.js +12 -9
- package/lib/components/CarouselTariffsCard/CarouselTariffsCard.js.map +1 -1
- package/lib/components/CarouselTariffsCard/CarouselTariffsCardContent.d.ts +1 -1
- package/lib/components/LinkDocs/LinkDocsContent.d.ts +4 -0
- package/lib/components/SwipeListControlBlock/SwipeListControlBlock.d.ts +6 -0
- package/lib/components/SwipeListControlBlock/SwipeListControlBlock.fixture.d.ts +5 -0
- package/lib/components/SwipeListControlBlock/SwipeListControlBlock.js +12 -0
- package/lib/components/SwipeListControlBlock/SwipeListControlBlock.js.map +1 -0
- package/lib/components/SwipeListControlBlock/SwipeListControlBlockContent.d.ts +5 -0
- package/lib/components/SwipeListControlBlock/SwipeListControlBlockContent.js +2 -0
- package/lib/components/SwipeListControlBlock/SwipeListControlBlockContent.js.map +1 -0
- package/lib/ui-kit/BlockWrapper.js +1 -1
- package/lib/ui-kit/BlockWrapper.js.map +1 -1
- package/lib/ui-kit/SwipeListControl/SwipeListContainer.d.ts +2 -1
- package/lib/ui-kit/SwipeListControl/SwipeListContainer.js +8 -5
- package/lib/ui-kit/SwipeListControl/SwipeListContainer.js.map +1 -1
- package/lib/ui-kit/SwipeListControl/SwipeListControl.fixture.mobile.d.ts +1 -0
- package/lib/ui-kit/SwipeListControl/SwipeListControl.js +3 -2
- package/lib/ui-kit/SwipeListControl/SwipeListControl.js.map +1 -1
- package/lib/ui-kit/SwipeListControl/SwipeListControlDots.d.ts +2 -0
- package/lib/ui-kit/SwipeListControl/SwipeListControlDots.js +12 -3
- package/lib/ui-kit/SwipeListControl/SwipeListControlDots.js.map +1 -1
- package/lib/ui-kit/SwipeListControl/SwipeListControlProps.d.ts +7 -0
- package/lib/utils/style.d.ts +1 -0
- package/lib/utils/style.js +2 -0
- package/lib/utils/style.js.map +1 -0
- package/mobile/bundle/bundle.umd.js +25 -12
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/CarouselTariffsCard/CarouselTariffsCard.d.ts +1 -1
- package/mobile/bundle/components/CarouselTariffsCard/CarouselTariffsCardContent.d.ts +1 -1
- package/mobile/bundle/components/LinkDocs/LinkDocsContent.d.ts +4 -0
- package/mobile/bundle/components/SwipeListControlBlock/SwipeListControlBlock.d.ts +6 -0
- package/mobile/bundle/components/SwipeListControlBlock/SwipeListControlBlockContent.d.ts +5 -0
- package/mobile/bundle/ui-kit/SwipeListControl/SwipeListContainer.d.ts +2 -1
- package/mobile/bundle/ui-kit/SwipeListControl/SwipeListControlDots.d.ts +2 -0
- package/mobile/bundle/ui-kit/SwipeListControl/SwipeListControlProps.d.ts +7 -0
- package/mobile/bundle/utils/style.d.ts +1 -0
- package/mobile/dist/components/CarouselCard/CarouselCard.js +2 -2
- package/mobile/dist/components/CarouselCard/CarouselCard.js.map +1 -1
- package/mobile/dist/components/CarouselProgramsCard/CarouselProgramsCard.js +1 -1
- package/mobile/dist/components/CarouselProgramsCard/CarouselProgramsCard.js.map +1 -1
- package/mobile/dist/components/CarouselTariffsCard/CarouselTariffsCard.d.ts +1 -1
- package/mobile/dist/components/CarouselTariffsCard/CarouselTariffsCard.js +12 -9
- package/mobile/dist/components/CarouselTariffsCard/CarouselTariffsCard.js.map +1 -1
- package/mobile/dist/components/CarouselTariffsCard/CarouselTariffsCardContent.d.ts +1 -1
- package/mobile/dist/components/LinkDocs/LinkDocsContent.d.ts +4 -0
- package/mobile/dist/components/SwipeListControlBlock/SwipeListControlBlock.d.ts +6 -0
- package/mobile/dist/components/SwipeListControlBlock/SwipeListControlBlock.js +14 -0
- package/mobile/dist/components/SwipeListControlBlock/SwipeListControlBlock.js.map +1 -0
- package/mobile/dist/components/SwipeListControlBlock/SwipeListControlBlockContent.d.ts +5 -0
- package/mobile/dist/components/SwipeListControlBlock/SwipeListControlBlockContent.js +2 -0
- package/mobile/dist/components/SwipeListControlBlock/SwipeListControlBlockContent.js.map +1 -0
- package/mobile/dist/ui-kit/BlockWrapper.js +1 -1
- package/mobile/dist/ui-kit/BlockWrapper.js.map +1 -1
- package/mobile/dist/ui-kit/SwipeListControl/SwipeListContainer.d.ts +2 -1
- package/mobile/dist/ui-kit/SwipeListControl/SwipeListContainer.js +8 -5
- package/mobile/dist/ui-kit/SwipeListControl/SwipeListContainer.js.map +1 -1
- package/mobile/dist/ui-kit/SwipeListControl/SwipeListControl.js +3 -2
- package/mobile/dist/ui-kit/SwipeListControl/SwipeListControl.js.map +1 -1
- package/mobile/dist/ui-kit/SwipeListControl/SwipeListControlDots.d.ts +2 -0
- package/mobile/dist/ui-kit/SwipeListControl/SwipeListControlDots.js +12 -3
- package/mobile/dist/ui-kit/SwipeListControl/SwipeListControlDots.js.map +1 -1
- package/mobile/dist/ui-kit/SwipeListControl/SwipeListControlProps.d.ts +7 -0
- package/mobile/dist/utils/style.d.ts +1 -0
- package/mobile/dist/utils/style.js +5 -0
- package/mobile/dist/utils/style.js.map +1 -0
- package/mobile/lib/components/CarouselCard/CarouselCard.js +2 -2
- package/mobile/lib/components/CarouselCard/CarouselCard.js.map +1 -1
- package/mobile/lib/components/CarouselProgramsCard/CarouselProgramsCard.js +1 -1
- package/mobile/lib/components/CarouselProgramsCard/CarouselProgramsCard.js.map +1 -1
- package/mobile/lib/components/CarouselTariffsCard/CarouselTariffsCard.d.ts +1 -1
- package/mobile/lib/components/CarouselTariffsCard/CarouselTariffsCard.js +12 -9
- package/mobile/lib/components/CarouselTariffsCard/CarouselTariffsCard.js.map +1 -1
- package/mobile/lib/components/CarouselTariffsCard/CarouselTariffsCardContent.d.ts +1 -1
- package/mobile/lib/components/LinkDocs/LinkDocsContent.d.ts +4 -0
- package/mobile/lib/components/SwipeListControlBlock/SwipeListControlBlock.d.ts +6 -0
- package/mobile/lib/components/SwipeListControlBlock/SwipeListControlBlock.js +12 -0
- package/mobile/lib/components/SwipeListControlBlock/SwipeListControlBlock.js.map +1 -0
- package/mobile/lib/components/SwipeListControlBlock/SwipeListControlBlockContent.d.ts +5 -0
- package/mobile/lib/components/SwipeListControlBlock/SwipeListControlBlockContent.js +2 -0
- package/mobile/lib/components/SwipeListControlBlock/SwipeListControlBlockContent.js.map +1 -0
- package/mobile/lib/ui-kit/BlockWrapper.js +1 -1
- package/mobile/lib/ui-kit/BlockWrapper.js.map +1 -1
- package/mobile/lib/ui-kit/SwipeListControl/SwipeListContainer.d.ts +2 -1
- package/mobile/lib/ui-kit/SwipeListControl/SwipeListContainer.js +8 -5
- package/mobile/lib/ui-kit/SwipeListControl/SwipeListContainer.js.map +1 -1
- package/mobile/lib/ui-kit/SwipeListControl/SwipeListControl.js +3 -2
- package/mobile/lib/ui-kit/SwipeListControl/SwipeListControl.js.map +1 -1
- package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlDots.d.ts +2 -0
- package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlDots.js +12 -3
- package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlDots.js.map +1 -1
- package/mobile/lib/ui-kit/SwipeListControl/SwipeListControlProps.d.ts +7 -0
- package/mobile/lib/utils/style.d.ts +1 -0
- package/mobile/lib/utils/style.js +2 -0
- package/mobile/lib/utils/style.js.map +1 -0
- package/mobile/src/common.css +11 -0
- package/mobile/src/components/Carousel/Carousel.ui.json +8 -0
- package/mobile/src/components/CarouselCard/CarouselCard.tsx +11 -5
- package/mobile/src/components/CarouselProgramsCard/CarouselProgramsCard.tsx +1 -1
- package/mobile/src/components/CarouselTariffsCard/CarouselTariffsCard.example.json +11 -3
- package/mobile/src/components/CarouselTariffsCard/CarouselTariffsCard.tsx +29 -17
- package/mobile/src/components/CarouselTariffsCard/CarouselTariffsCardContent.ts +1 -1
- package/mobile/src/components/LinkDocs/LinkDocsContent.ts +4 -0
- package/mobile/src/components/SwipeListControlBlock/SwipeListControlBlock.example.json +18 -0
- package/mobile/src/components/SwipeListControlBlock/SwipeListControlBlock.tsx +23 -0
- package/mobile/src/components/SwipeListControlBlock/SwipeListControlBlock.ui.json +1 -0
- package/mobile/src/components/SwipeListControlBlock/SwipeListControlBlockContent.ts +6 -0
- package/mobile/src/ui-kit/BlockWrapper.tsx +1 -1
- package/mobile/src/ui-kit/SwipeListControl/SwipeListContainer.tsx +19 -10
- package/mobile/src/ui-kit/SwipeListControl/SwipeListControl.tsx +6 -2
- package/mobile/src/ui-kit/SwipeListControl/SwipeListControlDots.tsx +20 -4
- package/mobile/src/ui-kit/SwipeListControl/SwipeListControlProps.ts +8 -0
- package/mobile/src/utils/style.ts +2 -0
- package/package.json +2 -2
- package/src/common.css +11 -0
- package/src/components/Blocks.ts +2 -0
- package/src/components/Carousel/Carousel.ui.json +8 -0
- package/src/components/CarouselCard/CarouselCard.tsx +11 -5
- package/src/components/CarouselProgramsCard/CarouselProgramsCard.tsx +1 -1
- package/src/components/CarouselTariffsCard/CarouselTariffsCard.example.json +11 -3
- package/src/components/CarouselTariffsCard/CarouselTariffsCard.fixture.tsx +3 -3
- package/src/components/CarouselTariffsCard/CarouselTariffsCard.tsx +29 -17
- package/src/components/CarouselTariffsCard/CarouselTariffsCardContent.ts +1 -1
- package/src/components/LinkDocs/LinkDocsContent.ts +4 -0
- package/src/components/SwipeListControlBlock/SwipeListControlBlock.example.json +18 -0
- package/src/components/SwipeListControlBlock/SwipeListControlBlock.fixture.tsx +27 -0
- package/src/components/SwipeListControlBlock/SwipeListControlBlock.tsx +23 -0
- package/src/components/SwipeListControlBlock/SwipeListControlBlock.ui.json +1 -0
- package/src/components/SwipeListControlBlock/SwipeListControlBlockContent.ts +6 -0
- package/src/icons/IconName.ts +333 -6
- package/src/ui-kit/BlockWrapper.tsx +1 -1
- package/src/ui-kit/SwipeListControl/SwipeListContainer.tsx +19 -10
- package/src/ui-kit/SwipeListControl/SwipeListControl.fixture.mobile.tsx +6 -1
- package/src/ui-kit/SwipeListControl/SwipeListControl.tsx +6 -2
- package/src/ui-kit/SwipeListControl/SwipeListControlDots.tsx +20 -4
- package/src/ui-kit/SwipeListControl/SwipeListControlProps.ts +8 -0
- package/src/utils/style.ts +2 -0
package/src/icons/IconName.ts
CHANGED
|
@@ -1,17 +1,245 @@
|
|
|
1
|
-
|
|
2
1
|
// Generated. Do not touch
|
|
3
2
|
/* eslint-disable max-len, max-lines */
|
|
4
3
|
|
|
5
4
|
export const IconsWithoutInversion = new Set([
|
|
6
|
-
'ActualBalanceIcon',
|
|
5
|
+
'ActualBalanceIcon',
|
|
6
|
+
'AirPlaneIcon',
|
|
7
|
+
'CardWithGemIcon',
|
|
8
|
+
'CarIcon',
|
|
9
|
+
'CinemaIcon',
|
|
10
|
+
'ClockIcon',
|
|
11
|
+
'ComfortableCompIcon',
|
|
12
|
+
'CreditCardsIcon',
|
|
13
|
+
'DocsIcon',
|
|
14
|
+
'DollarIcon',
|
|
15
|
+
'DoneIcon',
|
|
16
|
+
'EarthIcon',
|
|
17
|
+
'EuroIcon',
|
|
18
|
+
'FullScreenIcon',
|
|
19
|
+
'GlassIcon',
|
|
20
|
+
'HeartIcon',
|
|
21
|
+
'HuaweiIcon',
|
|
22
|
+
'InterestGrowthIcon',
|
|
23
|
+
'JCBIcon',
|
|
24
|
+
'MapMarkerClusterIcon',
|
|
25
|
+
'MapMarkerSingleIcon',
|
|
26
|
+
'MasterCardIcon',
|
|
27
|
+
'MirIcon',
|
|
28
|
+
'MoneyInsuranceIcon',
|
|
29
|
+
'NewDocIcon',
|
|
30
|
+
'OfficeIcon',
|
|
31
|
+
'PackA4Icon',
|
|
32
|
+
'PassSendIcon',
|
|
33
|
+
'PowerIcon',
|
|
34
|
+
'PumpkinIcon',
|
|
35
|
+
'SignDocsIcon',
|
|
36
|
+
'SoundIcon',
|
|
37
|
+
'UnionPayIcon',
|
|
38
|
+
'UserGeoLocationIcon',
|
|
39
|
+
'VisaIcon',
|
|
40
|
+
'WateringCanIcon',
|
|
7
41
|
]);
|
|
8
42
|
|
|
9
43
|
export enum IconMap {
|
|
10
|
-
ActualBalanceIcon = 'ActualBalanceIcon',
|
|
44
|
+
ActualBalanceIcon = 'ActualBalanceIcon',
|
|
45
|
+
AirPlaneIcon = 'AirPlaneIcon',
|
|
46
|
+
AppleIcon = 'AppleIcon',
|
|
47
|
+
ArrowDownIcon = 'ArrowDownIcon',
|
|
48
|
+
ArrowLeftIcon = 'ArrowLeftIcon',
|
|
49
|
+
ArrowRightIcon = 'ArrowRightIcon',
|
|
50
|
+
ArrowTopRightIcon = 'ArrowTopRightIcon',
|
|
51
|
+
ArrowUpIcon = 'ArrowUpIcon',
|
|
52
|
+
AtmIcon = 'AtmIcon',
|
|
53
|
+
BankIcon = 'BankIcon',
|
|
54
|
+
BuildingIcon = 'BuildingIcon',
|
|
55
|
+
BurgerIcon = 'BurgerIcon',
|
|
56
|
+
Calendar2Icon = 'Calendar2Icon',
|
|
57
|
+
CalendarCircleIcon = 'CalendarCircleIcon',
|
|
58
|
+
CalendarIcon = 'CalendarIcon',
|
|
59
|
+
CalendarTickIcon = 'CalendarTickIcon',
|
|
60
|
+
Car2Icon = 'Car2Icon',
|
|
61
|
+
CardIcon = 'CardIcon',
|
|
62
|
+
CardPosIcon = 'CardPosIcon',
|
|
63
|
+
CardTickIcon = 'CardTickIcon',
|
|
64
|
+
CardWithGemIcon = 'CardWithGemIcon',
|
|
65
|
+
CarIcon = 'CarIcon',
|
|
66
|
+
ChartSquareIcon = 'ChartSquareIcon',
|
|
67
|
+
CinemaIcon = 'CinemaIcon',
|
|
68
|
+
ClockIcon = 'ClockIcon',
|
|
69
|
+
CloseIcon = 'CloseIcon',
|
|
70
|
+
ComfortableCompIcon = 'ComfortableCompIcon',
|
|
71
|
+
CreditCardsIcon = 'CreditCardsIcon',
|
|
72
|
+
DiscountShapeIcon = 'DiscountShapeIcon',
|
|
73
|
+
DocDownloadIcon = 'DocDownloadIcon',
|
|
74
|
+
DocIcon = 'DocIcon',
|
|
75
|
+
DocIconMonoColor = 'DocIconMonoColor',
|
|
76
|
+
DocsIcon = 'DocsIcon',
|
|
77
|
+
DocumentText2Icon = 'DocumentText2Icon',
|
|
78
|
+
DocumentTextIcon = 'DocumentTextIcon',
|
|
79
|
+
DollarIcon = 'DollarIcon',
|
|
80
|
+
DoneIcon = 'DoneIcon',
|
|
81
|
+
DoneSimpleIcon = 'DoneSimpleIcon',
|
|
82
|
+
EarthIcon = 'EarthIcon',
|
|
83
|
+
EmptyWalletChangeIcon = 'EmptyWalletChangeIcon',
|
|
84
|
+
EmptyWalletIcon = 'EmptyWalletIcon',
|
|
85
|
+
EuroIcon = 'EuroIcon',
|
|
86
|
+
FullScreenIcon = 'FullScreenIcon',
|
|
87
|
+
GeolocationIcon = 'GeolocationIcon',
|
|
88
|
+
GlassIcon = 'GlassIcon',
|
|
89
|
+
GlobalIcon = 'GlobalIcon',
|
|
90
|
+
GpsIcon = 'GpsIcon',
|
|
91
|
+
GridIcon = 'GridIcon',
|
|
92
|
+
HeartIcon = 'HeartIcon',
|
|
93
|
+
HuaweiIcon = 'HuaweiIcon',
|
|
94
|
+
InterestGrowthIcon = 'InterestGrowthIcon',
|
|
95
|
+
InterestIcon = 'InterestIcon',
|
|
96
|
+
JCBIcon = 'JCBIcon',
|
|
97
|
+
LogoIcon = 'LogoIcon',
|
|
98
|
+
LoupeIcon = 'LoupeIcon',
|
|
99
|
+
MapMarkerClusterIcon = 'MapMarkerClusterIcon',
|
|
100
|
+
MapMarkerSingleIcon = 'MapMarkerSingleIcon',
|
|
101
|
+
MasterCardIcon = 'MasterCardIcon',
|
|
102
|
+
MetroIcon = 'MetroIcon',
|
|
103
|
+
MinusIcon = 'MinusIcon',
|
|
104
|
+
MirIcon = 'MirIcon',
|
|
105
|
+
MoneyIcon = 'MoneyIcon',
|
|
106
|
+
MoneyInsuranceIcon = 'MoneyInsuranceIcon',
|
|
107
|
+
MoneysIcon = 'MoneysIcon',
|
|
108
|
+
MonitorMobileIcon = 'MonitorMobileIcon',
|
|
109
|
+
NewDocIcon = 'NewDocIcon',
|
|
110
|
+
OfficeIcon = 'OfficeIcon',
|
|
111
|
+
OkIcon = 'OkIcon',
|
|
112
|
+
PackA4Icon = 'PackA4Icon',
|
|
113
|
+
PassSendIcon = 'PassSendIcon',
|
|
114
|
+
PercentageRoundIcon = 'PercentageRoundIcon',
|
|
115
|
+
PercentageSquareIcon = 'PercentageSquareIcon',
|
|
116
|
+
PersonalCardIcon = 'PersonalCardIcon',
|
|
117
|
+
PlayMarketIcon = 'PlayMarketIcon',
|
|
118
|
+
PlusIcon = 'PlusIcon',
|
|
119
|
+
PowerIcon = 'PowerIcon',
|
|
120
|
+
Profile2UserIcon = 'Profile2UserIcon',
|
|
121
|
+
ProfileIcon = 'ProfileIcon',
|
|
122
|
+
PumpkinIcon = 'PumpkinIcon',
|
|
123
|
+
RoundRubleIcon = 'RoundRubleIcon',
|
|
124
|
+
SafeIcon = 'SafeIcon',
|
|
125
|
+
ShieldTickIcon = 'ShieldTickIcon',
|
|
126
|
+
SignDocsIcon = 'SignDocsIcon',
|
|
127
|
+
SmallClockIcon = 'SmallClockIcon',
|
|
128
|
+
SoundIcon = 'SoundIcon',
|
|
129
|
+
StrongBoxIcon = 'StrongBoxIcon',
|
|
130
|
+
TelegramIcon = 'TelegramIcon',
|
|
131
|
+
UnionPayIcon = 'UnionPayIcon',
|
|
132
|
+
UserGeoLocationIcon = 'UserGeoLocationIcon',
|
|
133
|
+
UserSquareIcon = 'UserSquareIcon',
|
|
134
|
+
UserTickIcon = 'UserTickIcon',
|
|
135
|
+
VisaIcon = 'VisaIcon',
|
|
136
|
+
VKIcon = 'VKIcon',
|
|
137
|
+
WalletAdd2Icon = 'WalletAdd2Icon',
|
|
138
|
+
WalletAddIcon = 'WalletAddIcon',
|
|
139
|
+
WalletIcon = 'WalletIcon',
|
|
140
|
+
WalletWithMoneyIcon = 'WalletWithMoneyIcon',
|
|
141
|
+
WateringCanIcon = 'WateringCanIcon',
|
|
11
142
|
}
|
|
12
143
|
|
|
13
144
|
export enum IconTitleMap {
|
|
14
|
-
ActualBalanceIcon = 'Деньги',
|
|
145
|
+
ActualBalanceIcon = 'Деньги',
|
|
146
|
+
AirPlaneIcon = 'Самолёт',
|
|
147
|
+
AppleIcon = 'Лого «Apple»',
|
|
148
|
+
ArrowDownIcon = "Стрелка 'Вниз'",
|
|
149
|
+
ArrowLeftIcon = "Стрелка 'Влево'",
|
|
150
|
+
ArrowRightIcon = "Стрелка 'Вправо'",
|
|
151
|
+
ArrowTopRightIcon = "Стрелка 'Вверх-право'",
|
|
152
|
+
ArrowUpIcon = "Стрелка 'Вверх'",
|
|
153
|
+
AtmIcon = 'Банкомат',
|
|
154
|
+
BankIcon = 'Банк',
|
|
155
|
+
BuildingIcon = 'Здание с деревом',
|
|
156
|
+
BurgerIcon = 'Бургер',
|
|
157
|
+
Calendar2Icon = 'Календарь 2',
|
|
158
|
+
CalendarCircleIcon = 'Скруглённый календарь',
|
|
159
|
+
CalendarIcon = 'Календарь',
|
|
160
|
+
CalendarTickIcon = 'Календарь с галочкой',
|
|
161
|
+
Car2Icon = 'Машина2',
|
|
162
|
+
CardIcon = 'Кред. карта',
|
|
163
|
+
CardPosIcon = 'Кред. карта под наклоном',
|
|
164
|
+
CardTickIcon = 'Кред. карта с галочкой',
|
|
165
|
+
CardWithGemIcon = 'Карта с драгоценностями',
|
|
166
|
+
CarIcon = 'Машина',
|
|
167
|
+
ChartSquareIcon = 'Деньги внутри кошелька',
|
|
168
|
+
CinemaIcon = 'Кинотеатр',
|
|
169
|
+
ClockIcon = 'Часы',
|
|
170
|
+
CloseIcon = 'Крестик',
|
|
171
|
+
ComfortableCompIcon = 'Кресло',
|
|
172
|
+
CreditCardsIcon = 'Кредитные карты',
|
|
173
|
+
DiscountShapeIcon = 'Скидка',
|
|
174
|
+
DocDownloadIcon = 'Скачать документ',
|
|
175
|
+
DocIcon = 'Документ',
|
|
176
|
+
DocIconMonoColor = 'Документ (одноцветный)',
|
|
177
|
+
DocsIcon = 'Документы',
|
|
178
|
+
DocumentText2Icon = 'Документы-2',
|
|
179
|
+
DocumentTextIcon = 'Документ с текстом',
|
|
180
|
+
DollarIcon = 'Доллар',
|
|
181
|
+
DoneIcon = "Зелёная 'галочка' в круге",
|
|
182
|
+
DoneSimpleIcon = "Зелёная 'галочка'",
|
|
183
|
+
EarthIcon = 'Земля',
|
|
184
|
+
EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом',
|
|
185
|
+
EmptyWalletIcon = 'Пустой кошелёк',
|
|
186
|
+
EuroIcon = 'Евро',
|
|
187
|
+
FullScreenIcon = 'FullScreenIcon',
|
|
188
|
+
GeolocationIcon = 'Геолокация',
|
|
189
|
+
GlassIcon = 'Зеркало',
|
|
190
|
+
GlobalIcon = 'Глобус',
|
|
191
|
+
GpsIcon = 'Gps',
|
|
192
|
+
GridIcon = 'Сетка (белая)',
|
|
193
|
+
HeartIcon = 'Сердце',
|
|
194
|
+
HuaweiIcon = 'Лого «Huawei»',
|
|
195
|
+
InterestGrowthIcon = 'Диаграмма роста',
|
|
196
|
+
InterestIcon = 'Скидка',
|
|
197
|
+
JCBIcon = 'JCB',
|
|
198
|
+
LogoIcon = 'Logo',
|
|
199
|
+
LoupeIcon = 'Лупа',
|
|
200
|
+
MapMarkerClusterIcon = 'Маркер карты',
|
|
201
|
+
MapMarkerSingleIcon = 'Маркер карты РСХБ',
|
|
202
|
+
MasterCardIcon = 'MasterCard',
|
|
203
|
+
MetroIcon = 'Лого Метро',
|
|
204
|
+
MinusIcon = 'Минус',
|
|
205
|
+
MirIcon = 'МИР',
|
|
206
|
+
MoneyIcon = 'Деньги',
|
|
207
|
+
MoneyInsuranceIcon = 'Денежное страхование',
|
|
208
|
+
MoneysIcon = 'Купюры',
|
|
209
|
+
MonitorMobileIcon = 'Монитор и мобильный',
|
|
210
|
+
NewDocIcon = 'Новый документ',
|
|
211
|
+
OfficeIcon = 'Офис',
|
|
212
|
+
OkIcon = 'Лого «Одноклассники»',
|
|
213
|
+
PackA4Icon = 'Пачка бумаги А4',
|
|
214
|
+
PassSendIcon = 'Бизнес',
|
|
215
|
+
PercentageRoundIcon = 'Проценты (круг.)',
|
|
216
|
+
PercentageSquareIcon = 'Проценты',
|
|
217
|
+
PersonalCardIcon = 'Персональная карта',
|
|
218
|
+
PlayMarketIcon = 'Лого «PlayMarket»',
|
|
219
|
+
PlusIcon = 'Плюс',
|
|
220
|
+
PowerIcon = 'Щит',
|
|
221
|
+
Profile2UserIcon = 'Профиль, 2 персоны',
|
|
222
|
+
ProfileIcon = 'Профиль',
|
|
223
|
+
PumpkinIcon = 'Тыква',
|
|
224
|
+
RoundRubleIcon = 'Рубль (круг.)',
|
|
225
|
+
SafeIcon = 'Сейф',
|
|
226
|
+
ShieldTickIcon = 'Безопасность',
|
|
227
|
+
SignDocsIcon = 'Подписанные документы',
|
|
228
|
+
SmallClockIcon = 'Маленькие часы',
|
|
229
|
+
SoundIcon = 'Звук',
|
|
230
|
+
StrongBoxIcon = 'Ящик с замочной скважиной',
|
|
231
|
+
TelegramIcon = 'Лого «Telegram»',
|
|
232
|
+
UnionPayIcon = 'UnionPay',
|
|
233
|
+
UserGeoLocationIcon = 'UserGeoLocationIcon',
|
|
234
|
+
UserSquareIcon = 'Пользователь в рамке',
|
|
235
|
+
UserTickIcon = 'Пользователь',
|
|
236
|
+
VisaIcon = 'Visa',
|
|
237
|
+
VKIcon = 'Лого «VK»',
|
|
238
|
+
WalletAdd2Icon = 'Пополнение карты',
|
|
239
|
+
WalletAddIcon = 'Кошелёк с плюсом',
|
|
240
|
+
WalletIcon = 'Кошелёк',
|
|
241
|
+
WalletWithMoneyIcon = 'Кошелёк с деньгами',
|
|
242
|
+
WateringCanIcon = 'Добавить продукт',
|
|
15
243
|
}
|
|
16
244
|
|
|
17
245
|
/**
|
|
@@ -19,7 +247,106 @@ export enum IconTitleMap {
|
|
|
19
247
|
* @title Иконка
|
|
20
248
|
* @enumNames [
|
|
21
249
|
* "",
|
|
22
|
-
* 'Деньги', 'Самолёт', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх\'', 'Банкомат', 'Банк', 'Здание с деревом', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Машина2', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кинотеатр', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документы-2', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'FullScreenIcon', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Сердце', 'Лого «Huawei»', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'Маркер карты', 'Маркер карты РСХБ', 'MasterCard', 'Лого Метро', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Купюры', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Ящик с замочной скважиной', 'Лого «Telegram»', 'UnionPay', 'UserGeoLocationIcon', 'Пользователь в рамке', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт'
|
|
250
|
+
* 'Деньги', 'Самолёт', 'Лого «Apple»', 'Стрелка \'Вниз\'', 'Стрелка \'Влево\'', 'Стрелка \'Вправо\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вверх\'', 'Банкомат', 'Банк', 'Здание с деревом', 'Бургер', 'Календарь 2', 'Скруглённый календарь', 'Календарь', 'Календарь с галочкой', 'Машина2', 'Кред. карта', 'Кред. карта под наклоном', 'Кред. карта с галочкой', 'Карта с драгоценностями', 'Машина', 'Деньги внутри кошелька', 'Кинотеатр', 'Часы', 'Крестик', 'Кресло', 'Кредитные карты', 'Скидка', 'Скачать документ', 'Документ', 'Документ (одноцветный)', 'Документы', 'Документы-2', 'Документ с текстом', 'Доллар', 'Зелёная \'галочка\' в круге', 'Зелёная \'галочка\'', 'Земля', 'Пустой кошелёк с возвратом', 'Пустой кошелёк', 'Евро', 'FullScreenIcon', 'Геолокация', 'Зеркало', 'Глобус', 'Gps', 'Сетка (белая)', 'Сердце', 'Лого «Huawei»', 'Диаграмма роста', 'Скидка', 'JCB', 'Logo', 'Лупа', 'Маркер карты', 'Маркер карты РСХБ', 'MasterCard', 'Лого Метро', 'Минус', 'МИР', 'Деньги', 'Денежное страхование', 'Купюры', 'Монитор и мобильный', 'Новый документ', 'Офис', 'Лого «Одноклассники»', 'Пачка бумаги А4', 'Бизнес', 'Проценты (круг.)', 'Проценты', 'Персональная карта', 'Лого «PlayMarket»', 'Плюс', 'Щит', 'Профиль, 2 персоны', 'Профиль', 'Тыква', 'Рубль (круг.)', 'Сейф', 'Безопасность', 'Подписанные документы', 'Маленькие часы', 'Звук', 'Ящик с замочной скважиной', 'Лого «Telegram»', 'UnionPay', 'UserGeoLocationIcon', 'Пользователь в рамке', 'Пользователь', 'Visa', 'Лого «VK»', 'Пополнение карты', 'Кошелёк с плюсом', 'Кошелёк', 'Кошелёк с деньгами', 'Добавить продукт'
|
|
23
251
|
* ]
|
|
24
252
|
*/
|
|
25
|
-
export type IconName =
|
|
253
|
+
export type IconName =
|
|
254
|
+
| ''
|
|
255
|
+
| 'ActualBalanceIcon'
|
|
256
|
+
| 'AirPlaneIcon'
|
|
257
|
+
| 'AppleIcon'
|
|
258
|
+
| 'ArrowDownIcon'
|
|
259
|
+
| 'ArrowLeftIcon'
|
|
260
|
+
| 'ArrowRightIcon'
|
|
261
|
+
| 'ArrowTopRightIcon'
|
|
262
|
+
| 'ArrowUpIcon'
|
|
263
|
+
| 'AtmIcon'
|
|
264
|
+
| 'BankIcon'
|
|
265
|
+
| 'BuildingIcon'
|
|
266
|
+
| 'BurgerIcon'
|
|
267
|
+
| 'Calendar2Icon'
|
|
268
|
+
| 'CalendarCircleIcon'
|
|
269
|
+
| 'CalendarIcon'
|
|
270
|
+
| 'CalendarTickIcon'
|
|
271
|
+
| 'Car2Icon'
|
|
272
|
+
| 'CardIcon'
|
|
273
|
+
| 'CardPosIcon'
|
|
274
|
+
| 'CardTickIcon'
|
|
275
|
+
| 'CardWithGemIcon'
|
|
276
|
+
| 'CarIcon'
|
|
277
|
+
| 'ChartSquareIcon'
|
|
278
|
+
| 'CinemaIcon'
|
|
279
|
+
| 'ClockIcon'
|
|
280
|
+
| 'CloseIcon'
|
|
281
|
+
| 'ComfortableCompIcon'
|
|
282
|
+
| 'CreditCardsIcon'
|
|
283
|
+
| 'DiscountShapeIcon'
|
|
284
|
+
| 'DocDownloadIcon'
|
|
285
|
+
| 'DocIcon'
|
|
286
|
+
| 'DocIconMonoColor'
|
|
287
|
+
| 'DocsIcon'
|
|
288
|
+
| 'DocumentText2Icon'
|
|
289
|
+
| 'DocumentTextIcon'
|
|
290
|
+
| 'DollarIcon'
|
|
291
|
+
| 'DoneIcon'
|
|
292
|
+
| 'DoneSimpleIcon'
|
|
293
|
+
| 'EarthIcon'
|
|
294
|
+
| 'EmptyWalletChangeIcon'
|
|
295
|
+
| 'EmptyWalletIcon'
|
|
296
|
+
| 'EuroIcon'
|
|
297
|
+
| 'FullScreenIcon'
|
|
298
|
+
| 'GeolocationIcon'
|
|
299
|
+
| 'GlassIcon'
|
|
300
|
+
| 'GlobalIcon'
|
|
301
|
+
| 'GpsIcon'
|
|
302
|
+
| 'GridIcon'
|
|
303
|
+
| 'HeartIcon'
|
|
304
|
+
| 'HuaweiIcon'
|
|
305
|
+
| 'InterestGrowthIcon'
|
|
306
|
+
| 'InterestIcon'
|
|
307
|
+
| 'JCBIcon'
|
|
308
|
+
| 'LogoIcon'
|
|
309
|
+
| 'LoupeIcon'
|
|
310
|
+
| 'MapMarkerClusterIcon'
|
|
311
|
+
| 'MapMarkerSingleIcon'
|
|
312
|
+
| 'MasterCardIcon'
|
|
313
|
+
| 'MetroIcon'
|
|
314
|
+
| 'MinusIcon'
|
|
315
|
+
| 'MirIcon'
|
|
316
|
+
| 'MoneyIcon'
|
|
317
|
+
| 'MoneyInsuranceIcon'
|
|
318
|
+
| 'MoneysIcon'
|
|
319
|
+
| 'MonitorMobileIcon'
|
|
320
|
+
| 'NewDocIcon'
|
|
321
|
+
| 'OfficeIcon'
|
|
322
|
+
| 'OkIcon'
|
|
323
|
+
| 'PackA4Icon'
|
|
324
|
+
| 'PassSendIcon'
|
|
325
|
+
| 'PercentageRoundIcon'
|
|
326
|
+
| 'PercentageSquareIcon'
|
|
327
|
+
| 'PersonalCardIcon'
|
|
328
|
+
| 'PlayMarketIcon'
|
|
329
|
+
| 'PlusIcon'
|
|
330
|
+
| 'PowerIcon'
|
|
331
|
+
| 'Profile2UserIcon'
|
|
332
|
+
| 'ProfileIcon'
|
|
333
|
+
| 'PumpkinIcon'
|
|
334
|
+
| 'RoundRubleIcon'
|
|
335
|
+
| 'SafeIcon'
|
|
336
|
+
| 'ShieldTickIcon'
|
|
337
|
+
| 'SignDocsIcon'
|
|
338
|
+
| 'SmallClockIcon'
|
|
339
|
+
| 'SoundIcon'
|
|
340
|
+
| 'StrongBoxIcon'
|
|
341
|
+
| 'TelegramIcon'
|
|
342
|
+
| 'UnionPayIcon'
|
|
343
|
+
| 'UserGeoLocationIcon'
|
|
344
|
+
| 'UserSquareIcon'
|
|
345
|
+
| 'UserTickIcon'
|
|
346
|
+
| 'VisaIcon'
|
|
347
|
+
| 'VKIcon'
|
|
348
|
+
| 'WalletAdd2Icon'
|
|
349
|
+
| 'WalletAddIcon'
|
|
350
|
+
| 'WalletIcon'
|
|
351
|
+
| 'WalletWithMoneyIcon'
|
|
352
|
+
| 'WateringCanIcon';
|
|
@@ -10,7 +10,7 @@ interface BlockWrapperProps extends UniBlockProps {
|
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
export const BlockWrapper = JSX<BlockWrapperProps>(
|
|
13
|
-
({ className, block, tag = 'section', role, children }) => {
|
|
13
|
+
({ className = '', block, tag = 'section', role, children }) => {
|
|
14
14
|
const Tag: any = tag;
|
|
15
15
|
|
|
16
16
|
const ref = useBlockIntersectionObserver(block);
|
|
@@ -2,7 +2,8 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
2
2
|
import { useCallback, useRef } from '@redneckz/uni-jsx/lib/hooks';
|
|
3
3
|
import type { IntersectionObserverOptions } from '../../hooks/useIntersectionObserver';
|
|
4
4
|
import { mapChildren } from '../../utils/mapChildren';
|
|
5
|
-
import
|
|
5
|
+
import { style } from '../../utils/style';
|
|
6
|
+
import type { SwipeContainerProps, SwipeListControlType } from './SwipeListControlProps';
|
|
6
7
|
import { SwipeListItem } from './SwipeListItem';
|
|
7
8
|
|
|
8
9
|
type ItemsVisibilityList = Array<IntersectionObserverEntry | undefined>;
|
|
@@ -20,6 +21,7 @@ interface SwipeListContainerProps extends SwipeContainerProps {
|
|
|
20
21
|
snapAlign?: 'snap-start' | 'snap-center' | 'snap-end';
|
|
21
22
|
onVisibleItemsChange?: (itemsVisibilityList: ItemsVisibilityList) => void;
|
|
22
23
|
onVisibleIndicesChange?: (indices: number[]) => void;
|
|
24
|
+
listType?: SwipeListControlType;
|
|
23
25
|
}
|
|
24
26
|
|
|
25
27
|
const childStyleMap = ['min-w-[100%]', 'min-w-[50%]', 'min-w-[33.33%]', 'min-w-[25%]'];
|
|
@@ -32,6 +34,7 @@ export const SwipeListContainer = JSX<SwipeListContainerProps>(
|
|
|
32
34
|
visibleItemCount = 0,
|
|
33
35
|
gap = 0,
|
|
34
36
|
padding = 0,
|
|
37
|
+
listType = 'horizontal-list',
|
|
35
38
|
snapAlign = 'snap-center',
|
|
36
39
|
children,
|
|
37
40
|
onVisibleItemsChange,
|
|
@@ -54,25 +57,31 @@ export const SwipeListContainer = JSX<SwipeListContainerProps>(
|
|
|
54
57
|
},
|
|
55
58
|
[onVisibleItemsChange, onVisibleIndicesChange],
|
|
56
59
|
);
|
|
60
|
+
|
|
57
61
|
const additionPadding = visibleItemCount > 0 ? gap * Number(visibleItemCount) - 1 : 0;
|
|
58
62
|
|
|
63
|
+
const isHorizontalList = listType === 'horizontal-list';
|
|
64
|
+
const containerStyle = {
|
|
65
|
+
...(isHorizontalList ? getContainerStyle(padding, additionPadding) : {}),
|
|
66
|
+
gap: `${gap}px`,
|
|
67
|
+
};
|
|
68
|
+
|
|
59
69
|
return (
|
|
60
70
|
<div
|
|
61
|
-
className={
|
|
62
|
-
style={
|
|
63
|
-
...getContainerStyle(padding, additionPadding),
|
|
64
|
-
gap: `${gap}px`,
|
|
65
|
-
}}
|
|
71
|
+
className={style('box-border overflow-auto no-scrollbar', listType, className)}
|
|
72
|
+
style={containerStyle}
|
|
66
73
|
role="list"
|
|
67
74
|
ref={containerRef}
|
|
68
75
|
>
|
|
69
76
|
{mapChildren((child, idx) => (
|
|
70
77
|
<SwipeListItem
|
|
71
78
|
key={String(idx)}
|
|
72
|
-
className={
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
79
|
+
className={style(
|
|
80
|
+
snapAlign,
|
|
81
|
+
visibleItemCount ? childStyleMap[visibleItemCount - 1] : '',
|
|
82
|
+
listType === 'vertical-list' ? 'h-full' : '',
|
|
83
|
+
)}
|
|
84
|
+
style={isHorizontalList ? getContainerStyle(padding / 4) : {}}
|
|
76
85
|
activeIndex={activeIndex}
|
|
77
86
|
idx={idx}
|
|
78
87
|
observerOptions={observerOptions}
|
|
@@ -3,7 +3,7 @@ import '../../setup-fixture';
|
|
|
3
3
|
import { SwipeListControl } from './SwipeListControl';
|
|
4
4
|
|
|
5
5
|
const renderElement = (_: any, i: number): VNode => (
|
|
6
|
-
<div key={String(i)} className="border border-gray rounded-md text-center h-
|
|
6
|
+
<div key={String(i)} className="border border-gray rounded-md text-center h-full">
|
|
7
7
|
{`Element #${i}`}
|
|
8
8
|
</div>
|
|
9
9
|
);
|
|
@@ -45,4 +45,9 @@ export default {
|
|
|
45
45
|
<SwipeListControl>string content</SwipeListControl>
|
|
46
46
|
</div>
|
|
47
47
|
),
|
|
48
|
+
vertical: (
|
|
49
|
+
<div className="px-4 py-5 bg-white h-80">
|
|
50
|
+
<SwipeListControl listType="vertical-list">{generateChildren(3)}</SwipeListControl>
|
|
51
|
+
</div>
|
|
52
|
+
),
|
|
48
53
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
+
import { style } from '../../utils/style';
|
|
2
3
|
import { SwipeListContainer } from './SwipeListContainer';
|
|
3
4
|
import { SwipeListControlDots } from './SwipeListControlDots';
|
|
4
5
|
import type { SwipeListControlProps } from './SwipeListControlProps';
|
|
@@ -15,12 +16,13 @@ const DEFAULT_PADDING = 16;
|
|
|
15
16
|
|
|
16
17
|
export const SwipeListControl = JSX<SwipeListControlProps>(
|
|
17
18
|
({
|
|
18
|
-
className,
|
|
19
|
+
className = '',
|
|
19
20
|
gap = DEFAULT_GAP,
|
|
20
21
|
padding = DEFAULT_PADDING,
|
|
21
22
|
showDots = true,
|
|
22
23
|
children,
|
|
23
24
|
onVisibleIndicesChange,
|
|
25
|
+
listType = 'horizontal-list',
|
|
24
26
|
}) => {
|
|
25
27
|
const itemCount = Array.isArray(children) ? children.length : 0;
|
|
26
28
|
|
|
@@ -31,7 +33,7 @@ export const SwipeListControl = JSX<SwipeListControlProps>(
|
|
|
31
33
|
const [activeIndex] = scroll.visibleIndicesRange;
|
|
32
34
|
|
|
33
35
|
return (
|
|
34
|
-
<div className={className}>
|
|
36
|
+
<div className={style(className, listType === 'vertical-list' ? 'relative h-full' : '')}>
|
|
35
37
|
<SwipeListContainer
|
|
36
38
|
containerRef={containerRef}
|
|
37
39
|
activeIndex={activeIndex}
|
|
@@ -39,6 +41,7 @@ export const SwipeListControl = JSX<SwipeListControlProps>(
|
|
|
39
41
|
gap={gap}
|
|
40
42
|
padding={padding}
|
|
41
43
|
onVisibleIndicesChange={scroll.handleVisibleIndicesChange}
|
|
44
|
+
listType={listType}
|
|
42
45
|
>
|
|
43
46
|
{children}
|
|
44
47
|
</SwipeListContainer>
|
|
@@ -47,6 +50,7 @@ export const SwipeListControl = JSX<SwipeListControlProps>(
|
|
|
47
50
|
containerRef={containerRef}
|
|
48
51
|
activeIndex={activeIndex}
|
|
49
52
|
dotCount={itemCount}
|
|
53
|
+
listType={listType}
|
|
50
54
|
/>
|
|
51
55
|
) : null}
|
|
52
56
|
</div>
|
|
@@ -1,15 +1,29 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
+
import type { SwipeListControlType } from './SwipeListControlProps';
|
|
2
3
|
|
|
3
|
-
const
|
|
4
|
+
const containerStyles: Record<SwipeListControlType, string> = {
|
|
5
|
+
'horizontal-list': 'mx-auto mt-5 w-fit',
|
|
6
|
+
'vertical-list': 'absolute flex-col justify-center h-full top-0 left-4',
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
const activeDotStyles: Record<SwipeListControlType, string> = {
|
|
10
|
+
'horizontal-list': 'w-6',
|
|
11
|
+
'vertical-list': 'h-6',
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
const dotStyle = 'cursor-pointer bg-primary-main rounded-full transition-width duration-300';
|
|
15
|
+
|
|
16
|
+
const inactiveDotStyle = 'w-2 h-2 opacity-30';
|
|
4
17
|
|
|
5
18
|
interface SwipeListControlDotsProps {
|
|
6
19
|
containerRef?: { current: HTMLDivElement | null };
|
|
7
20
|
activeIndex?: number;
|
|
8
21
|
dotCount?: number;
|
|
22
|
+
listType?: SwipeListControlType;
|
|
9
23
|
}
|
|
10
24
|
|
|
11
25
|
export const SwipeListControlDots = JSX<SwipeListControlDotsProps>(
|
|
12
|
-
({ containerRef, activeIndex, dotCount = 0 }) => {
|
|
26
|
+
({ containerRef, activeIndex, dotCount = 0, listType = 'horizontal-list' }) => {
|
|
13
27
|
const handleClick = (idx: number) => {
|
|
14
28
|
if (idx !== activeIndex && containerRef?.current) {
|
|
15
29
|
containerRef.current.children[idx]?.scrollIntoView({
|
|
@@ -20,11 +34,13 @@ export const SwipeListControlDots = JSX<SwipeListControlDotsProps>(
|
|
|
20
34
|
};
|
|
21
35
|
|
|
22
36
|
return dotCount ? (
|
|
23
|
-
<div className=
|
|
37
|
+
<div className={`flex gap-2 ${containerStyles[listType]}`}>
|
|
24
38
|
{new Array(dotCount).fill(null).map((_, idx: number) => (
|
|
25
39
|
<div
|
|
26
40
|
key={String(idx)}
|
|
27
|
-
className={`${dotStyle} ${
|
|
41
|
+
className={`${dotStyle} ${
|
|
42
|
+
idx === activeIndex ? activeDotStyles[listType] : inactiveDotStyle
|
|
43
|
+
}`}
|
|
28
44
|
role="button"
|
|
29
45
|
aria-hidden
|
|
30
46
|
onClick={() => handleClick(idx)}
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @title Вид
|
|
3
|
+
* @enumNames ["Горизонтальный", "Вертикальный"]
|
|
4
|
+
*/
|
|
5
|
+
export type SwipeListControlType = 'horizontal-list' | 'vertical-list';
|
|
6
|
+
|
|
1
7
|
/**
|
|
2
8
|
* @title Контейнер
|
|
3
9
|
*/
|
|
@@ -15,5 +21,7 @@ export interface SwipeListControlProps extends SwipeContainerProps {
|
|
|
15
21
|
className?: string;
|
|
16
22
|
/** @title Точки-индикаторы */
|
|
17
23
|
showDots?: boolean;
|
|
24
|
+
/** @hidden */
|
|
18
25
|
onVisibleIndicesChange?: (indices: number[]) => void;
|
|
26
|
+
listType?: SwipeListControlType;
|
|
19
27
|
}
|