@v-miniapp/ui-react 1.0.37 → 1.0.38
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/components/alert/alert.d.ts +12 -0
- package/dist/components/alert/index.d.ts +1 -0
- package/dist/components/app/components/app.d.ts +13 -0
- package/dist/components/app/components/bottom-tab-bar.d.ts +2 -0
- package/dist/components/app/components/link.d.ts +8 -0
- package/dist/components/app/components/navigation-analytic.d.ts +2 -0
- package/dist/components/app/components/navigation-bar.d.ts +2 -0
- package/dist/components/app/components/page-layout.d.ts +3 -0
- package/dist/components/app/components/pages-render.d.ts +2 -0
- package/dist/components/app/context/location-key.d.ts +4 -0
- package/dist/components/app/hooks/use-app-pause.d.ts +1 -0
- package/dist/components/app/hooks/use-app-resume.d.ts +1 -0
- package/dist/components/app/hooks/use-app-state.d.ts +7 -0
- package/dist/components/app/hooks/use-bottom-tab-bar.d.ts +13 -0
- package/dist/components/app/hooks/use-custom-icon-event.d.ts +1 -0
- package/dist/components/app/hooks/use-did-hide.d.ts +1 -0
- package/dist/components/app/hooks/use-did-show.d.ts +1 -0
- package/dist/components/app/hooks/use-history.d.ts +2 -0
- package/dist/components/app/hooks/use-location.d.ts +1 -0
- package/dist/components/app/hooks/use-navigate.d.ts +1 -0
- package/dist/components/app/hooks/use-navigation-bar.d.ts +12 -0
- package/dist/components/app/hooks/use-navigation-type.d.ts +1 -0
- package/dist/components/app/hooks/use-page-config.d.ts +1 -0
- package/dist/components/app/hooks/use-page-layout.d.ts +14 -0
- package/dist/components/app/hooks/use-page-scroll.d.ts +5 -0
- package/dist/components/app/hooks/use-page-state.d.ts +6 -0
- package/dist/components/app/hooks/use-settings-changed.d.ts +3 -0
- package/dist/components/app/index.d.ts +18 -0
- package/dist/components/app/stores/app.d.ts +24 -0
- package/dist/components/app/stores/app.selector.d.ts +11 -0
- package/dist/components/app/types/app.d.ts +55 -0
- package/dist/components/app/types/navigation.d.ts +30 -0
- package/dist/components/app/utils/animation.d.ts +2 -0
- package/dist/components/app/utils/data-theme.d.ts +5 -0
- package/dist/components/app/utils/history.d.ts +7 -0
- package/dist/components/avatar/avatar.d.ts +15 -0
- package/dist/components/avatar/index.d.ts +1 -0
- package/dist/components/badge/badge.d.ts +8 -0
- package/dist/components/badge/index.d.ts +1 -0
- package/dist/components/bottom-tab-bar/bottom-tab-bar.d.ts +22 -0
- package/dist/components/bottom-tab-bar/index.d.ts +1 -0
- package/dist/components/button/button.const.d.ts +3 -0
- package/dist/components/button/button.d.ts +20 -0
- package/dist/components/button/index.d.ts +1 -0
- package/dist/components/calendar/calendar-range-sheet.d.ts +14 -0
- package/dist/components/calendar/calendar-single-sheet.d.ts +14 -0
- package/dist/components/calendar/calendar.d.ts +10 -0
- package/dist/components/calendar/default-render.d.ts +3 -0
- package/dist/components/calendar/index.d.ts +1 -0
- package/dist/components/calendar/range-picker.d.ts +11 -0
- package/dist/components/calendar/single-picker.d.ts +9 -0
- package/dist/components/calendar/utils.d.ts +60 -0
- package/dist/components/carousel/carousel.d.ts +15 -0
- package/dist/components/carousel/index.d.ts +1 -0
- package/dist/components/carousel/use-carousel.d.ts +27 -0
- package/dist/components/checkbox/check-icon.d.ts +6 -0
- package/dist/components/checkbox/checkbox.d.ts +24 -0
- package/dist/components/checkbox/indeterminate-icon.d.ts +6 -0
- package/dist/components/checkbox/index.d.ts +1 -0
- package/dist/components/chip/chip.d.ts +16 -0
- package/dist/components/chip/index.d.ts +1 -0
- package/dist/components/date-field/date-field-range.d.ts +76 -0
- package/dist/components/date-field/date-field.d.ts +56 -0
- package/dist/components/date-field/index.d.ts +2 -0
- package/dist/components/date-field/input.d.ts +6 -0
- package/dist/components/date-picker/date-picker-base.d.ts +32 -0
- package/dist/components/date-picker/date-picker-item.d.ts +14 -0
- package/dist/components/date-picker/date-picker-sheet.d.ts +14 -0
- package/dist/components/date-picker/date-picker.constant.d.ts +8 -0
- package/dist/components/date-picker/date-picker.d.ts +17 -0
- package/dist/components/date-picker/date-picker.utils.d.ts +31 -0
- package/dist/components/date-picker/index.d.ts +2 -0
- package/dist/components/dialog/dialog.d.ts +20 -0
- package/dist/components/dialog/index.d.ts +1 -0
- package/dist/components/dropdown/dropdown-base.d.ts +6 -0
- package/dist/components/dropdown/dropdown.d.ts +33 -0
- package/dist/components/dropdown/index.d.ts +2 -0
- package/dist/components/error/error-boundary.d.ts +15 -0
- package/dist/components/error/error.d.ts +10 -0
- package/dist/components/error/index.d.ts +1 -0
- package/dist/components/freeze/index.d.ts +11 -0
- package/dist/components/icon/icon-mapping.d.ts +246 -0
- package/dist/components/icon/icon.d.ts +29 -0
- package/dist/components/icon/index.d.ts +1 -0
- package/dist/components/image/image.d.ts +10 -0
- package/dist/components/image/index.d.ts +1 -0
- package/dist/components/index.d.ts +43 -0
- package/dist/components/input-wrapper/index.d.ts +1 -0
- package/dist/components/input-wrapper/input-wrapper.d.ts +33 -0
- package/dist/components/label/index.d.ts +1 -0
- package/dist/components/label/label.d.ts +11 -0
- package/dist/components/layout/app.d.ts +3 -0
- package/dist/components/layout/index.d.ts +2 -0
- package/dist/components/layout/page-loading.d.ts +6 -0
- package/dist/components/layout/page.d.ts +18 -0
- package/dist/components/list-item/index.d.ts +1 -0
- package/dist/components/list-item/list-item.d.ts +12 -0
- package/dist/components/navigation-bar/index.d.ts +1 -0
- package/dist/components/navigation-bar/navigation-bar.d.ts +26 -0
- package/dist/components/number-field/index.d.ts +1 -0
- package/dist/components/number-field/number-field.d.ts +23 -0
- package/dist/components/old-date-picker/date-picker-base.d.ts +32 -0
- package/dist/components/old-date-picker/date-picker-item.d.ts +11 -0
- package/dist/components/old-date-picker/date-picker-sheet.d.ts +14 -0
- package/dist/components/old-date-picker/date-picker.constant.d.ts +3 -0
- package/dist/components/old-date-picker/date-picker.d.ts +21 -0
- package/dist/components/old-date-picker/index.d.ts +2 -0
- package/dist/components/option-item/index.d.ts +1 -0
- package/dist/components/option-item/option-item.d.ts +10 -0
- package/dist/components/pagination/index.d.ts +1 -0
- package/dist/components/pagination/pagination.d.ts +7 -0
- package/dist/components/pull-to-refresh/index.d.ts +1 -0
- package/dist/components/pull-to-refresh/pull-to-refresh.d.ts +17 -0
- package/dist/components/radio/index.d.ts +1 -0
- package/dist/components/radio/radio.d.ts +19 -0
- package/dist/components/rating/index.d.ts +1 -0
- package/dist/components/rating/rating.d.ts +12 -0
- package/dist/components/rating/star.d.ts +6 -0
- package/dist/components/search-field/index.d.ts +1 -0
- package/dist/components/search-field/search-field.d.ts +4 -0
- package/dist/components/section/index.d.ts +3 -0
- package/dist/components/section/section-content.d.ts +3 -0
- package/dist/components/section/section-title.d.ts +12 -0
- package/dist/components/section/section.d.ts +6 -0
- package/dist/components/seo/index.d.ts +2 -0
- package/dist/components/seo/seo.d.ts +7 -0
- package/dist/components/seo/seo.type.d.ts +85 -0
- package/dist/components/sheet/index.d.ts +4 -0
- package/dist/components/sheet/sheet-body.d.ts +6 -0
- package/dist/components/sheet/sheet-footer.d.ts +5 -0
- package/dist/components/sheet/sheet-header.d.ts +11 -0
- package/dist/components/sheet/sheet.d.ts +11 -0
- package/dist/components/skeleton/index.d.ts +1 -0
- package/dist/components/skeleton/skeleton.d.ts +13 -0
- package/dist/components/switch/index.d.ts +1 -0
- package/dist/components/switch/switch.d.ts +16 -0
- package/dist/components/tab-bar/index.d.ts +1 -0
- package/dist/components/tab-bar/tab-bar.d.ts +26 -0
- package/dist/components/tab-bar/tab.d.ts +6 -0
- package/dist/components/text-area/index.d.ts +1 -0
- package/dist/components/text-area/text-area.d.ts +15 -0
- package/dist/components/text-field/index.d.ts +1 -0
- package/dist/components/text-field/text-field.d.ts +18 -0
- package/dist/components/toast/index.d.ts +1 -0
- package/dist/components/toast/toast-provider.d.ts +2 -0
- package/dist/components/toast/toast.d.ts +20 -0
- package/dist/components/toast/toast.store.d.ts +25 -0
- package/dist/components/tooltip/index.d.ts +1 -0
- package/dist/components/tooltip/tooltip.d.ts +10 -0
- package/dist/components/typography/index.d.ts +1 -0
- package/dist/components/typography/typography.d.ts +13 -0
- package/dist/components/uploader/helper.d.ts +5 -0
- package/dist/components/uploader/index.d.ts +1 -0
- package/dist/components/uploader/type.d.ts +9 -0
- package/dist/components/uploader/uploader.d.ts +18 -0
- package/dist/components/visibility-sensor/index.d.ts +1 -0
- package/dist/components/visibility-sensor/visibility-sensor.d.ts +9 -0
- package/dist/external/index.js +15758 -0
- package/dist/external/styles.css +1 -0
- package/dist/hooks/use-analytic.d.ts +1 -0
- package/dist/hooks/use-is-using-app.d.ts +1 -0
- package/dist/hooks/use-is-using-locales.d.ts +1 -0
- package/dist/hooks/use-swipe-navigation.d.ts +2 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +7677 -0
- package/dist/locales/defaultResources/en.d.ts +27 -0
- package/dist/locales/defaultResources/vi.d.ts +27 -0
- package/dist/locales/fns.d.ts +6 -0
- package/dist/locales/hooks.d.ts +9 -0
- package/dist/locales/index.d.ts +4 -0
- package/dist/locales/provider.d.ts +6 -0
- package/dist/locales/store.d.ts +13 -0
- package/dist/locales/types.d.ts +37 -0
- package/dist/locales/utils.d.ts +2 -0
- package/dist/styles.css +1 -0
- package/dist/styles.d.ts +1 -0
- package/dist/tailwind/colors.css +369 -0
- package/dist/tailwind/styles.css +5 -0
- package/dist/types/colors.d.ts +3 -0
- package/dist/types/util.d.ts +1 -0
- package/dist/utils/analytic.d.ts +17 -0
- package/dist/utils/bound.d.ts +1 -0
- package/dist/utils/can-use-dom.d.ts +1 -0
- package/dist/utils/classname.d.ts +3 -0
- package/dist/utils/colors.d.ts +2 -0
- package/dist/utils/colors.gen.d.ts +368 -0
- package/dist/utils/convert-px.d.ts +1 -0
- package/dist/utils/date.d.ts +2 -0
- package/dist/utils/deep-clone.d.ts +1 -0
- package/dist/utils/dev-log.d.ts +3 -0
- package/dist/utils/event-emitter.d.ts +7 -0
- package/dist/utils/get-scroll-parent.d.ts +3 -0
- package/dist/utils/is-dev.d.ts +1 -0
- package/dist/utils/omit.d.ts +1 -0
- package/dist/utils/render-node.d.ts +2 -0
- package/dist/utils/rubberband.d.ts +2 -0
- package/dist/utils/sleep.d.ts +1 -0
- package/dist/utils/supports-passive.d.ts +1 -0
- package/dist/utils/to-css-length.d.ts +1 -0
- package/dist/utils/url.d.ts +1 -0
- package/dist/vsf/choose-image.d.ts +4 -0
- package/dist/vsf/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,246 @@
|
|
|
1
|
+
import { FunctionComponent } from 'react';
|
|
2
|
+
export declare const iconMapping: {
|
|
3
|
+
'add-magic-fill': string;
|
|
4
|
+
'add-magic-outline': string;
|
|
5
|
+
'arrow-door-out-fill': string;
|
|
6
|
+
'arrow-door-out-outline': string;
|
|
7
|
+
'arrow-left-from-line-fill': string;
|
|
8
|
+
'arrow-left-from-line-outline': string;
|
|
9
|
+
'arrow-right-fill': string;
|
|
10
|
+
'arrow-right-from-line-fill': string;
|
|
11
|
+
'arrow-right-from-line-outline': string;
|
|
12
|
+
'arrow-right-outline': string;
|
|
13
|
+
'arrow-rotate-anticlockwise-fill': string;
|
|
14
|
+
'arrow-rotate-anticlockwise-outline': string;
|
|
15
|
+
'arrow-rotate-clockwise-fill': string;
|
|
16
|
+
'arrow-rotate-clockwise-outline': string;
|
|
17
|
+
'arrow-trend-down-fill': string;
|
|
18
|
+
'arrow-trend-down-outline': string;
|
|
19
|
+
'arrow-trend-up-fill': string;
|
|
20
|
+
'arrow-trend-up-outline': string;
|
|
21
|
+
'arrows-expand-fill': string;
|
|
22
|
+
'arrows-expand-outline': string;
|
|
23
|
+
'atm-machine-fill': string;
|
|
24
|
+
'atm-machine-outline': string;
|
|
25
|
+
'badge-check-fill': string;
|
|
26
|
+
'badge-check-outline': string;
|
|
27
|
+
'ballot-circle-fill': string;
|
|
28
|
+
'ballot-circle-outline': string;
|
|
29
|
+
'battery-alert-fill': string;
|
|
30
|
+
'battery-alert-outline': string;
|
|
31
|
+
'battery-charging-fill': string;
|
|
32
|
+
'battery-charging-outline': string;
|
|
33
|
+
'bell-fill': string;
|
|
34
|
+
'bell-outline': string;
|
|
35
|
+
'bell-slash-fill': string;
|
|
36
|
+
'bell-slash-outline': string;
|
|
37
|
+
'bolt-fill': string;
|
|
38
|
+
'bolt-outline': string;
|
|
39
|
+
'bolt-slash-fill': string;
|
|
40
|
+
'bolt-slash-outline': string;
|
|
41
|
+
'book-open-fill': string;
|
|
42
|
+
'book-open-outline': string;
|
|
43
|
+
'bug-slash-fill': string;
|
|
44
|
+
'bug-slash-outline': string;
|
|
45
|
+
'calendar-fill': string;
|
|
46
|
+
'calendar-outline': string;
|
|
47
|
+
'camera-fill': string;
|
|
48
|
+
'camera-outline': string;
|
|
49
|
+
'car-electric-fill': string;
|
|
50
|
+
'car-electric-outline': string;
|
|
51
|
+
'car-side-fill': string;
|
|
52
|
+
'car-side-outline': string;
|
|
53
|
+
'charging-station-fill': string;
|
|
54
|
+
'charging-station-outline': string;
|
|
55
|
+
'chart-column-trend-up-fill': string;
|
|
56
|
+
'chart-column-trend-up-outline': string;
|
|
57
|
+
'chart-donut-fill': string;
|
|
58
|
+
'chart-donut-outline': string;
|
|
59
|
+
'check-double-fill': string;
|
|
60
|
+
'check-double-outline': string;
|
|
61
|
+
'check-fill': string;
|
|
62
|
+
'check-outline': string;
|
|
63
|
+
'chevron-down-fill': string;
|
|
64
|
+
'chevron-down-outline': string;
|
|
65
|
+
'chevron-left-fill': string;
|
|
66
|
+
'chevron-left-outline': string;
|
|
67
|
+
'chevron-right-fill': string;
|
|
68
|
+
'chevron-right-outline': string;
|
|
69
|
+
'chevron-up-fill': string;
|
|
70
|
+
'chevron-up-outline': string;
|
|
71
|
+
'circle-check-fill': string;
|
|
72
|
+
'circle-check-outline': string;
|
|
73
|
+
'circle-info-fill': string;
|
|
74
|
+
'circle-info-outline': string;
|
|
75
|
+
'circle-question-fill': string;
|
|
76
|
+
'circle-question-outline': string;
|
|
77
|
+
'circle-xmark-fill': string;
|
|
78
|
+
'circle-xmark-outline': string;
|
|
79
|
+
'clipboard-list-fill': string;
|
|
80
|
+
'clipboard-list-outline': string;
|
|
81
|
+
'clock-fill': string;
|
|
82
|
+
'clock-outline': string;
|
|
83
|
+
'clone-fill': string;
|
|
84
|
+
'clone-outline': string;
|
|
85
|
+
'credit-card-fill': string;
|
|
86
|
+
'credit-card-outline': string;
|
|
87
|
+
'credit-card-plus-fill': string;
|
|
88
|
+
'credit-card-plus-outline': string;
|
|
89
|
+
'crown-fill': string;
|
|
90
|
+
'crown-outline': string;
|
|
91
|
+
'discount-code-fill': string;
|
|
92
|
+
'discount-code-outline': string;
|
|
93
|
+
'dots-fill': string;
|
|
94
|
+
'dots-outline': string;
|
|
95
|
+
'double-chevron-left-fill': string;
|
|
96
|
+
'double-chevron-left-outline': string;
|
|
97
|
+
'double-chevron-right-fill': string;
|
|
98
|
+
'double-chevron-right-outline': string;
|
|
99
|
+
'download-fill': string;
|
|
100
|
+
'download-outline': string;
|
|
101
|
+
'envelope-fill': string;
|
|
102
|
+
'envelope-outline': string;
|
|
103
|
+
'eye-fill': string;
|
|
104
|
+
'eye-outline': string;
|
|
105
|
+
'eye-slash-fill': string;
|
|
106
|
+
'eye-slash-outline': string;
|
|
107
|
+
'facial-recognition-fill': string;
|
|
108
|
+
'facial-recognition-outline': string;
|
|
109
|
+
'file-content-fill': string;
|
|
110
|
+
'file-content-outline': string;
|
|
111
|
+
'filter-fill': string;
|
|
112
|
+
'filter-outline': string;
|
|
113
|
+
'fingerprint-fill': string;
|
|
114
|
+
'fingerprint-outline': string;
|
|
115
|
+
'flag-fill': string;
|
|
116
|
+
'flag-outline': string;
|
|
117
|
+
'folder-fill': string;
|
|
118
|
+
'folder-open-fill': string;
|
|
119
|
+
'folder-open-outline': string;
|
|
120
|
+
'folder-outline': string;
|
|
121
|
+
'gear-fill': string;
|
|
122
|
+
'gear-outline': string;
|
|
123
|
+
'gift-fill': string;
|
|
124
|
+
'gift-outline': string;
|
|
125
|
+
'graduation-cap-fill': string;
|
|
126
|
+
'graduation-cap-outline': string;
|
|
127
|
+
'grid-fill': string;
|
|
128
|
+
'grid-outline': string;
|
|
129
|
+
'grid-plus-fill': string;
|
|
130
|
+
'grid-plus-outline': string;
|
|
131
|
+
'headset-fill': string;
|
|
132
|
+
'headset-outline': string;
|
|
133
|
+
'heart-fill': string;
|
|
134
|
+
'heart-outline': string;
|
|
135
|
+
'history-fill': string;
|
|
136
|
+
'history-outline': string;
|
|
137
|
+
'house-fill': string;
|
|
138
|
+
'house-outline': string;
|
|
139
|
+
'image-fill': string;
|
|
140
|
+
'image-outline': string;
|
|
141
|
+
'input-password-fill': string;
|
|
142
|
+
'input-password-outline': string;
|
|
143
|
+
'language-fill': string;
|
|
144
|
+
'language-outline': string;
|
|
145
|
+
'lightbulb-fill': string;
|
|
146
|
+
'lightbulb-outline': string;
|
|
147
|
+
'link-fill': string;
|
|
148
|
+
'link-outline': string;
|
|
149
|
+
'link-slash-fill': string;
|
|
150
|
+
'link-slash-outline': string;
|
|
151
|
+
'loader-fill': string;
|
|
152
|
+
'loader-outline': string;
|
|
153
|
+
'lock-fill': string;
|
|
154
|
+
'lock-outline': string;
|
|
155
|
+
'magnifier-fill': string;
|
|
156
|
+
'magnifier-outline': string;
|
|
157
|
+
'media-next-fill': string;
|
|
158
|
+
'media-next-outline': string;
|
|
159
|
+
'media-pause-fill': string;
|
|
160
|
+
'media-pause-outline': string;
|
|
161
|
+
'media-play-fill': string;
|
|
162
|
+
'media-play-outline': string;
|
|
163
|
+
'media-previous-fill': string;
|
|
164
|
+
'media-previous-outline': string;
|
|
165
|
+
'media-stop-fill': string;
|
|
166
|
+
'media-stop-outline': string;
|
|
167
|
+
'menu-fill': string;
|
|
168
|
+
'menu-outline': string;
|
|
169
|
+
'message-content-fill': string;
|
|
170
|
+
'message-content-outline': string;
|
|
171
|
+
'microphone-fill': string;
|
|
172
|
+
'microphone-outline': string;
|
|
173
|
+
'minus-fill': string;
|
|
174
|
+
'minus-outline': string;
|
|
175
|
+
'money-bill-coin-fill': string;
|
|
176
|
+
'money-bill-coin-outline': string;
|
|
177
|
+
'msg-fill': string;
|
|
178
|
+
'msg-outline': string;
|
|
179
|
+
'newspaper-fill': string;
|
|
180
|
+
'newspaper-outline': string;
|
|
181
|
+
'nodes-fill': string;
|
|
182
|
+
'nodes-outline': string;
|
|
183
|
+
'office-fill': string;
|
|
184
|
+
'office-outline': string;
|
|
185
|
+
'paper-plane-fill': string;
|
|
186
|
+
'paper-plane-outline': string;
|
|
187
|
+
'pen-fill': string;
|
|
188
|
+
'pen-outline': string;
|
|
189
|
+
'phone-fill': string;
|
|
190
|
+
'phone-outline': string;
|
|
191
|
+
'pin-fill': string;
|
|
192
|
+
'pin-outline': string;
|
|
193
|
+
'pin-tack-fill': string;
|
|
194
|
+
'pin-tack-outline': string;
|
|
195
|
+
'plane-fill': string;
|
|
196
|
+
'plane-outline': string;
|
|
197
|
+
'plus-fill': string;
|
|
198
|
+
'plus-outline': string;
|
|
199
|
+
'qrcode-fill': string;
|
|
200
|
+
'qrcode-outline': string;
|
|
201
|
+
'receipt-fill': string;
|
|
202
|
+
'receipt-outline': string;
|
|
203
|
+
'scan-fill': string;
|
|
204
|
+
'scan-outline': string;
|
|
205
|
+
'scooter-front-fill': string;
|
|
206
|
+
'scooter-front-outline': string;
|
|
207
|
+
'share-right-fill': string;
|
|
208
|
+
'share-right-outline': string;
|
|
209
|
+
'shield-check-fill': string;
|
|
210
|
+
'shield-check-outline': string;
|
|
211
|
+
'stack-x-plus-fill': string;
|
|
212
|
+
'stack-x-plus-outline': string;
|
|
213
|
+
'star-fill': string;
|
|
214
|
+
'star-outline': string;
|
|
215
|
+
'text-prompt-fill': string;
|
|
216
|
+
'text-prompt-outline': string;
|
|
217
|
+
'text-size-fill': string;
|
|
218
|
+
'text-size-outline': string;
|
|
219
|
+
'thumbs-down-fill': string;
|
|
220
|
+
'thumbs-down-outline': string;
|
|
221
|
+
'thumbs-up-fill': string;
|
|
222
|
+
'thumbs-up-outline': string;
|
|
223
|
+
'trash-fill': string;
|
|
224
|
+
'trash-outline': string;
|
|
225
|
+
'triangle-warning-fill': string;
|
|
226
|
+
'triangle-warning-outline': string;
|
|
227
|
+
'user-bubble-check-fill': string;
|
|
228
|
+
'user-bubble-check-outline': string;
|
|
229
|
+
'user-fill': string;
|
|
230
|
+
'user-outline': string;
|
|
231
|
+
'user-shield-fill': string;
|
|
232
|
+
'user-shield-outline': string;
|
|
233
|
+
'user-xmark-fill': string;
|
|
234
|
+
'user-xmark-outline': string;
|
|
235
|
+
'users-plus-fill': string;
|
|
236
|
+
'users-plus-outline': string;
|
|
237
|
+
'wallet-fill': string;
|
|
238
|
+
'wallet-outline': string;
|
|
239
|
+
'waveform-lines-fill': string;
|
|
240
|
+
'waveform-lines-outline': string;
|
|
241
|
+
'xmark-fill': string;
|
|
242
|
+
'xmark-outline': string;
|
|
243
|
+
'placeholder-fill': string;
|
|
244
|
+
'placeholder-outline': string;
|
|
245
|
+
};
|
|
246
|
+
export declare const iconSvgMapping: Partial<Record<keyof typeof iconMapping, FunctionComponent>>;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ComponentType, FC, ReactNode } from 'react';
|
|
2
|
+
import { iconMapping } from './icon-mapping';
|
|
3
|
+
import { IColor } from '../../types/colors';
|
|
4
|
+
import { IOverride } from '../../types/util';
|
|
5
|
+
export type IIconFullName = keyof typeof iconMapping;
|
|
6
|
+
type IRemoveIconSuffix<T extends string> = T extends `${infer R}-outline` ? R : T extends `${infer R}-fill` ? R : never;
|
|
7
|
+
export type IIconName = IRemoveIconSuffix<IIconFullName>;
|
|
8
|
+
export declare const iconNames: IIconName[];
|
|
9
|
+
export type IIconAnimation = 'spin' | 'ping' | 'pulse' | 'bounce';
|
|
10
|
+
export type ISVGComponentProps = React.ComponentProps<'svg'> & {
|
|
11
|
+
title?: string;
|
|
12
|
+
titleId?: string;
|
|
13
|
+
desc?: string;
|
|
14
|
+
descId?: string;
|
|
15
|
+
};
|
|
16
|
+
export type IBaseIconProps = {
|
|
17
|
+
size?: number | string;
|
|
18
|
+
color?: IColor;
|
|
19
|
+
animation?: IIconAnimation;
|
|
20
|
+
} & ({
|
|
21
|
+
name: IIconName;
|
|
22
|
+
type?: 'outline' | 'fill';
|
|
23
|
+
} | {
|
|
24
|
+
children: ReactNode;
|
|
25
|
+
});
|
|
26
|
+
export type IIconProps = IOverride<Omit<ISVGComponentProps, 'name' | 'type' | 'children'>, IBaseIconProps>;
|
|
27
|
+
export declare const Icon: FC<IIconProps>;
|
|
28
|
+
export declare const renderIcon: (icon?: IIconProps | ComponentType | ReactNode) => string | number | bigint | true | import("react/jsx-runtime").JSX.Element | null;
|
|
29
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './icon';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ComponentPropsWithRef, FC, ReactNode } from 'react';
|
|
2
|
+
import { IOverride } from '../../types/util';
|
|
3
|
+
export type IImageProps = IOverride<ComponentPropsWithRef<'img'>, {
|
|
4
|
+
ref?: ComponentPropsWithRef<'div'>['ref'];
|
|
5
|
+
fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
|
|
6
|
+
placeholder?: ReactNode;
|
|
7
|
+
fallback?: ReactNode;
|
|
8
|
+
lazy?: boolean;
|
|
9
|
+
}>;
|
|
10
|
+
export declare const Image: FC<IImageProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './image';
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
export * from './app';
|
|
2
|
+
export * from './layout';
|
|
3
|
+
export * from './typography';
|
|
4
|
+
export * from './icon';
|
|
5
|
+
export * from './button';
|
|
6
|
+
export * from './navigation-bar';
|
|
7
|
+
export * from './bottom-tab-bar';
|
|
8
|
+
export * from './carousel';
|
|
9
|
+
export * from './pagination';
|
|
10
|
+
export * from './sheet';
|
|
11
|
+
export * from './dialog';
|
|
12
|
+
export * from './section';
|
|
13
|
+
export * from './list-item';
|
|
14
|
+
export * from './option-item';
|
|
15
|
+
export * from './image';
|
|
16
|
+
export * from './visibility-sensor';
|
|
17
|
+
export * from './pull-to-refresh';
|
|
18
|
+
export * from './alert';
|
|
19
|
+
export * from './skeleton';
|
|
20
|
+
export * from './label';
|
|
21
|
+
export * from './input-wrapper';
|
|
22
|
+
export * from './text-field';
|
|
23
|
+
export * from './number-field';
|
|
24
|
+
export * from './checkbox';
|
|
25
|
+
export * from './chip';
|
|
26
|
+
export * from './radio';
|
|
27
|
+
export * from './date-field';
|
|
28
|
+
export * from './search-field';
|
|
29
|
+
export * from './text-area';
|
|
30
|
+
export * from './dropdown';
|
|
31
|
+
export * from './date-picker';
|
|
32
|
+
export * from './error';
|
|
33
|
+
export * from './avatar';
|
|
34
|
+
export * from './number-field';
|
|
35
|
+
export * from './uploader';
|
|
36
|
+
export * from './badge';
|
|
37
|
+
export * from './switch';
|
|
38
|
+
export * from './tab-bar';
|
|
39
|
+
export * from './seo';
|
|
40
|
+
export * from './rating';
|
|
41
|
+
export * from './tooltip';
|
|
42
|
+
export * from './calendar';
|
|
43
|
+
export * from './toast';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './input-wrapper';
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { ComponentProps, FC, ReactNode } from 'react';
|
|
2
|
+
import { IIconProps } from '../icon';
|
|
3
|
+
import { ILabelProps } from '../label';
|
|
4
|
+
import { IOverride } from '../../types/util';
|
|
5
|
+
export type IInputShape = 'rounded' | 'pill';
|
|
6
|
+
export type IBasicInputProps = {
|
|
7
|
+
shape?: IInputShape;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
success?: boolean;
|
|
10
|
+
successMessage?: ReactNode;
|
|
11
|
+
error?: boolean;
|
|
12
|
+
errorMessage?: ReactNode;
|
|
13
|
+
label?: ILabelProps;
|
|
14
|
+
leadingIcon?: IIconProps | ReactNode;
|
|
15
|
+
onLeadingIconClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
16
|
+
trailingIcon?: IIconProps | ReactNode;
|
|
17
|
+
onTrailingIconClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
18
|
+
prefix?: ReactNode;
|
|
19
|
+
suffix?: ReactNode;
|
|
20
|
+
className?: string;
|
|
21
|
+
};
|
|
22
|
+
export type IInputWrapperProps = IOverride<ComponentProps<'div'>, IBasicInputProps & {
|
|
23
|
+
isFocus?: boolean;
|
|
24
|
+
align?: 'start' | 'center' | 'end';
|
|
25
|
+
bottomInput?: ReactNode;
|
|
26
|
+
onInputClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
27
|
+
loadingNode?: ReactNode;
|
|
28
|
+
}>;
|
|
29
|
+
export declare function getInputProps<T extends IBasicInputProps>(allProps: T): {
|
|
30
|
+
wrapper: Pick<T, "label" | "className" | "disabled" | "prefix" | "error" | "shape" | "leadingIcon" | "trailingIcon" | "suffix" | "success" | "successMessage" | "errorMessage" | "onLeadingIconClick" | "onTrailingIconClick">;
|
|
31
|
+
props: import('lodash').Omit<T, "label" | "className" | "disabled" | "prefix" | "error" | "shape" | "leadingIcon" | "trailingIcon" | "suffix" | "success" | "successMessage" | "errorMessage" | "onLeadingIconClick" | "onTrailingIconClick">;
|
|
32
|
+
};
|
|
33
|
+
export declare const InputWrapper: FC<IInputWrapperProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './label';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ComponentPropsWithRef, FC, ReactNode } from 'react';
|
|
2
|
+
import { IIconProps } from '../icon';
|
|
3
|
+
export type ILabelProps = ComponentPropsWithRef<'label'> & {
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
required?: boolean;
|
|
6
|
+
icon?: IIconProps | ReactNode;
|
|
7
|
+
text?: ReactNode;
|
|
8
|
+
helperText?: ReactNode;
|
|
9
|
+
loading?: boolean;
|
|
10
|
+
};
|
|
11
|
+
export declare const Label: FC<ILabelProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ComponentPropsWithRef, FC } from 'react';
|
|
2
|
+
import { IPullToRefreshBasProps } from '../pull-to-refresh';
|
|
3
|
+
import { IOverride } from '../../types/util';
|
|
4
|
+
export type IPageBaseProps = {
|
|
5
|
+
hasSpacing?: boolean;
|
|
6
|
+
headerOffset?: boolean;
|
|
7
|
+
safeAreaTopOffset?: boolean;
|
|
8
|
+
safeAreaBottomOffset?: boolean;
|
|
9
|
+
contentClassName?: string;
|
|
10
|
+
pullToRefresh?: IPullToRefreshBasProps;
|
|
11
|
+
onEndReached?: () => void;
|
|
12
|
+
onEndReachedThreshold?: number;
|
|
13
|
+
id?: string;
|
|
14
|
+
className?: string;
|
|
15
|
+
style?: React.CSSProperties;
|
|
16
|
+
};
|
|
17
|
+
export type IPageProps = IOverride<ComponentPropsWithRef<'div'>, IPageBaseProps>;
|
|
18
|
+
export declare const Page: FC<IPageProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './list-item';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { IOverride } from '../../types/util';
|
|
2
|
+
import { ComponentPropsWithRef, FC, ReactNode } from 'react';
|
|
3
|
+
export type IListItemProps = IOverride<ComponentPropsWithRef<'div'>, {
|
|
4
|
+
label?: ReactNode;
|
|
5
|
+
description?: ReactNode;
|
|
6
|
+
prefix?: ReactNode;
|
|
7
|
+
suffix?: ReactNode;
|
|
8
|
+
leadContent?: ReactNode;
|
|
9
|
+
trailContent?: ReactNode;
|
|
10
|
+
divider?: boolean;
|
|
11
|
+
}>;
|
|
12
|
+
export declare const ListItem: FC<IListItemProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './navigation-bar';
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { IColor } from '../../types/colors';
|
|
2
|
+
import { FC, PropsWithChildren, ReactNode } from 'react';
|
|
3
|
+
import { IIconProps } from '../icon';
|
|
4
|
+
export type INavigationBarTransparent = 'auto' | 'always' | 'none';
|
|
5
|
+
export type INavigationBarTheme = 'default' | 'inverse';
|
|
6
|
+
export type INavigationBarProps = {
|
|
7
|
+
className?: string;
|
|
8
|
+
scrollElementSelector?: (() => HTMLElement) | HTMLElement | string;
|
|
9
|
+
transparent?: INavigationBarTransparent;
|
|
10
|
+
theme?: INavigationBarTheme;
|
|
11
|
+
color?: IColor;
|
|
12
|
+
title?: string | ReactNode;
|
|
13
|
+
scrollThreshold?: number;
|
|
14
|
+
backIcon?: boolean | IIconProps | ReactNode;
|
|
15
|
+
onBackClick?: () => void;
|
|
16
|
+
leftIcon?: IIconProps | ReactNode;
|
|
17
|
+
onLeftIconClick?: () => void;
|
|
18
|
+
left?: ReactNode;
|
|
19
|
+
rightIcon?: IIconProps | ReactNode;
|
|
20
|
+
onRightIconClick?: () => void;
|
|
21
|
+
right?: ReactNode;
|
|
22
|
+
divider?: boolean;
|
|
23
|
+
locationKey?: string;
|
|
24
|
+
};
|
|
25
|
+
export declare const NavigationBar: FC<INavigationBarProps>;
|
|
26
|
+
export declare const NavigationBarPage: FC<PropsWithChildren<INavigationBarProps>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './number-field';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { default as React, ComponentProps } from 'react';
|
|
2
|
+
import { IOverride } from '../../types/util';
|
|
3
|
+
export type INumberFieldShape = 'rounded' | 'pill';
|
|
4
|
+
export type INumberFieldProps = IOverride<ComponentProps<'div'>, {
|
|
5
|
+
length?: number;
|
|
6
|
+
errorMessage?: string;
|
|
7
|
+
label?: string;
|
|
8
|
+
shape?: INumberFieldShape;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
loading?: boolean;
|
|
11
|
+
masked?: boolean;
|
|
12
|
+
className?: string;
|
|
13
|
+
/** Controlled mode: value controlled by parent */
|
|
14
|
+
value?: string;
|
|
15
|
+
/** Uncontrolled mode: initial value */
|
|
16
|
+
defaultValue?: string;
|
|
17
|
+
onChange?: (value: string) => void;
|
|
18
|
+
}>;
|
|
19
|
+
export type INumberFieldInstance = {
|
|
20
|
+
focus: () => void;
|
|
21
|
+
blur: () => void;
|
|
22
|
+
};
|
|
23
|
+
export declare const NumberField: React.ForwardRefExoticComponent<Omit<INumberFieldProps, "ref"> & React.RefAttributes<INumberFieldInstance>>;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { IOverride } from '../../types/util';
|
|
2
|
+
import { ComponentProps, FC } from 'react';
|
|
3
|
+
export type IDatePickerBaseValue = {
|
|
4
|
+
minutes: number;
|
|
5
|
+
hours: number;
|
|
6
|
+
days: number;
|
|
7
|
+
months: number;
|
|
8
|
+
years: number;
|
|
9
|
+
dayOfWeeks: number;
|
|
10
|
+
};
|
|
11
|
+
type IItemProps = {
|
|
12
|
+
step?: number;
|
|
13
|
+
min?: number;
|
|
14
|
+
max?: number;
|
|
15
|
+
renderLabel?: (item: number) => string;
|
|
16
|
+
};
|
|
17
|
+
export type IDatePickerBaseProps = IOverride<ComponentProps<'div'>, {
|
|
18
|
+
hour?: boolean;
|
|
19
|
+
day?: boolean;
|
|
20
|
+
month?: boolean;
|
|
21
|
+
year?: boolean;
|
|
22
|
+
minutesProps?: IItemProps;
|
|
23
|
+
hoursProps?: IItemProps;
|
|
24
|
+
daysProps?: IItemProps;
|
|
25
|
+
monthsProps?: IItemProps;
|
|
26
|
+
yearsProps?: IItemProps;
|
|
27
|
+
dayOfWeeksProps?: IItemProps;
|
|
28
|
+
value?: IDatePickerBaseValue;
|
|
29
|
+
onChange?: (value: IDatePickerBaseValue) => void;
|
|
30
|
+
}>;
|
|
31
|
+
export declare const DatePickerBase: FC<IDatePickerBaseProps>;
|
|
32
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { IOverride } from '../../types/util';
|
|
2
|
+
import { ComponentProps, FC } from 'react';
|
|
3
|
+
export type IDatePickerItemProps = IOverride<ComponentProps<'div'>, {
|
|
4
|
+
items: number[];
|
|
5
|
+
min?: number;
|
|
6
|
+
max?: number;
|
|
7
|
+
renderLabel?: (item: number) => string;
|
|
8
|
+
activeIndex?: number;
|
|
9
|
+
onChange?: (item: number) => void;
|
|
10
|
+
}>;
|
|
11
|
+
export declare const DatePickerItem: FC<IDatePickerItemProps>;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { IButtonProps } from '../button';
|
|
3
|
+
import { IDatePickerProps } from './date-picker';
|
|
4
|
+
import { IOverride } from '../../types/util';
|
|
5
|
+
export type IDatePickerSheetProps = IOverride<Omit<IDatePickerProps, 'value' | 'onChange'>, {
|
|
6
|
+
title?: ReactNode;
|
|
7
|
+
confirmButton?: IButtonProps;
|
|
8
|
+
open?: boolean;
|
|
9
|
+
onCancel?: () => void;
|
|
10
|
+
value?: Date | null;
|
|
11
|
+
defaultValue?: Date | null;
|
|
12
|
+
onSelect?: (value: Date) => void;
|
|
13
|
+
}>;
|
|
14
|
+
export declare const DatePickerSheet: FC<IDatePickerSheetProps>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { IOverride } from '../../types/util';
|
|
2
|
+
import { ComponentProps, FC } from 'react';
|
|
3
|
+
export type IDatePickerProps = IOverride<ComponentProps<'div'>, {
|
|
4
|
+
hour?: boolean;
|
|
5
|
+
day?: boolean;
|
|
6
|
+
month?: boolean;
|
|
7
|
+
year?: boolean;
|
|
8
|
+
min?: Date | null;
|
|
9
|
+
max?: Date | null;
|
|
10
|
+
renderLabels?: {
|
|
11
|
+
minutes?: (value: number) => string;
|
|
12
|
+
hours?: (value: number) => string;
|
|
13
|
+
days?: (value: number) => string;
|
|
14
|
+
months?: (value: number) => string;
|
|
15
|
+
years?: (value: number) => string;
|
|
16
|
+
dayOfWeeks?: (value: number) => string;
|
|
17
|
+
};
|
|
18
|
+
value?: Date;
|
|
19
|
+
onChange?: (value: Date) => void;
|
|
20
|
+
}>;
|
|
21
|
+
export declare const DatePicker: FC<IDatePickerProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './option-item';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { IOverride } from '../../types/util';
|
|
2
|
+
import { ComponentProps, FC } from 'react';
|
|
3
|
+
export type IOptionItemProps = IOverride<ComponentProps<'div'>, {
|
|
4
|
+
theme?: 'brand' | 'neutral';
|
|
5
|
+
selected?: boolean;
|
|
6
|
+
defaultSelected?: boolean;
|
|
7
|
+
divider?: boolean;
|
|
8
|
+
onChange?: (selected: boolean) => void;
|
|
9
|
+
}>;
|
|
10
|
+
export declare const OptionItem: FC<IOptionItemProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './pagination';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './pull-to-refresh';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { IOverride } from '../../types/util';
|
|
2
|
+
import { ComponentPropsWithRef, FC, ReactNode } from 'react';
|
|
3
|
+
export type IPullToRefreshStatus = 'pulling' | 'canRelease' | 'refreshing' | 'complete';
|
|
4
|
+
export type IPullToRefreshBasProps = {
|
|
5
|
+
onRefresh?: () => Promise<unknown> | unknown;
|
|
6
|
+
pullingText?: ReactNode;
|
|
7
|
+
canReleaseText?: ReactNode;
|
|
8
|
+
refreshingText?: ReactNode;
|
|
9
|
+
completeText?: ReactNode;
|
|
10
|
+
completeDelay?: number;
|
|
11
|
+
headHeight?: number;
|
|
12
|
+
threshold?: number;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
renderText?: (status: IPullToRefreshStatus) => ReactNode;
|
|
15
|
+
};
|
|
16
|
+
export type IPullToRefreshProps = IOverride<ComponentPropsWithRef<'div'>, IPullToRefreshBasProps>;
|
|
17
|
+
export declare const PullToRefresh: FC<IPullToRefreshProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './radio';
|