@bifrostui/react 1.1.11-beta.0 → 1.1.11-beta.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -0
- package/dist/ActionSheet/ActionSheet.js +107 -62
- package/dist/ActionSheet/ActionSheet.types.js +15 -5
- package/dist/ActionSheet/ActionSheetContext.js +35 -10
- package/dist/ActionSheet/ActionSheetItem.d.ts +1 -1
- package/dist/ActionSheet/ActionSheetItem.js +113 -52
- package/dist/ActionSheet/ActionSheetItem.types.js +15 -5
- package/dist/ActionSheet/index.js +42 -50
- package/dist/Alert/Alert.d.ts +1 -1
- package/dist/Alert/Alert.js +157 -95
- package/dist/Alert/Alert.types.js +15 -5
- package/dist/Alert/index.js +38 -30
- package/dist/Avatar/Avatar.d.ts +1 -1
- package/dist/Avatar/Avatar.js +118 -43
- package/dist/Avatar/Avatar.types.js +15 -5
- package/dist/Avatar/AvatarGroup.d.ts +1 -1
- package/dist/Avatar/AvatarGroup.js +122 -64
- package/dist/Avatar/AvatarGroup.types.js +15 -5
- package/dist/Avatar/index.js +43 -50
- package/dist/Backdrop/Backdrop.d.ts +1 -1
- package/dist/Backdrop/Backdrop.js +95 -33
- package/dist/Backdrop/Backdrop.types.js +15 -5
- package/dist/Backdrop/index.js +37 -30
- package/dist/Badge/Badge.d.ts +1 -1
- package/dist/Badge/Badge.js +102 -31
- package/dist/Badge/Badge.types.js +15 -5
- package/dist/Badge/index.js +37 -30
- package/dist/Button/Button.css +31 -7
- package/dist/Button/Button.d.ts +1 -1
- package/dist/Button/Button.js +111 -48
- package/dist/Button/Button.types.js +15 -5
- package/dist/Button/index.js +37 -30
- package/dist/Calendar/Calendar.d.ts +1 -1
- package/dist/Calendar/Calendar.js +303 -257
- package/dist/Calendar/Calendar.types.js +15 -5
- package/dist/Calendar/index.js +37 -30
- package/dist/Calendar/utils.js +55 -44
- package/dist/Card/Card.d.ts +1 -1
- package/dist/Card/Card.js +74 -25
- package/dist/Card/Card.types.js +15 -5
- package/dist/Card/CardContent.d.ts +1 -1
- package/dist/Card/CardContent.js +69 -24
- package/dist/Card/CardContent.types.js +15 -5
- package/dist/Card/CardFooter.d.ts +1 -1
- package/dist/Card/CardFooter.js +69 -24
- package/dist/Card/CardFooter.types.js +15 -5
- package/dist/Card/CardHeader.d.ts +1 -1
- package/dist/Card/CardHeader.js +91 -56
- package/dist/Card/CardHeader.types.js +15 -5
- package/dist/Card/index.js +54 -91
- package/dist/Checkbox/Checkbox.d.ts +1 -1
- package/dist/Checkbox/Checkbox.js +133 -66
- package/dist/Checkbox/Checkbox.types.js +15 -5
- package/dist/Checkbox/CheckboxContext.js +40 -10
- package/dist/Checkbox/CheckboxGroup.d.ts +1 -1
- package/dist/Checkbox/CheckboxGroup.js +109 -52
- package/dist/Checkbox/index.js +40 -38
- package/dist/CitySelector/CitySelector.d.ts +1 -1
- package/dist/CitySelector/CitySelector.js +83 -35
- package/dist/CitySelector/CitySelector.miniapp.d.ts +1 -1
- package/dist/CitySelector/CitySelector.miniapp.js +123 -77
- package/dist/CitySelector/CitySelector.types.js +15 -5
- package/dist/CitySelector/CitySelectorCore.js +228 -174
- package/dist/CitySelector/Selector/index.js +46 -20
- package/dist/CitySelector/index.js +37 -30
- package/dist/Countdown/Countdown.css +11 -1
- package/dist/Countdown/Countdown.d.ts +1 -1
- package/dist/Countdown/Countdown.js +126 -70
- package/dist/Countdown/Countdown.types.js +15 -5
- package/dist/Countdown/index.js +39 -42
- package/dist/Countdown/useCountdown.js +37 -27
- package/dist/Countdown/utils.js +73 -74
- package/dist/Divider/Divider.d.ts +1 -1
- package/dist/Divider/Divider.js +70 -51
- package/dist/Divider/Divider.types.js +15 -5
- package/dist/Divider/index.js +37 -30
- package/dist/Drawer/Drawer.css +0 -1
- package/dist/Drawer/Drawer.js +124 -46
- package/dist/Drawer/Drawer.types.js +15 -5
- package/dist/Drawer/index.js +37 -30
- package/dist/Fade/Fade.js +111 -52
- package/dist/Fade/Fade.types.js +15 -5
- package/dist/Fade/index.js +38 -30
- package/dist/IconButton/IconButton.css +26 -6
- package/dist/IconButton/IconButton.d.ts +1 -1
- package/dist/IconButton/IconButton.js +114 -46
- package/dist/IconButton/IconButton.types.js +15 -5
- package/dist/IconButton/index.js +37 -30
- package/dist/Image/Image.d.ts +1 -1
- package/dist/Image/Image.js +143 -78
- package/dist/Image/Image.types.js +15 -5
- package/dist/Image/index.js +38 -30
- package/dist/Input/Input.d.ts +1 -1
- package/dist/Input/Input.js +144 -74
- package/dist/Input/Input.types.js +15 -5
- package/dist/Input/index.js +37 -30
- package/dist/List/List.d.ts +1 -1
- package/dist/List/List.js +89 -28
- package/dist/List/List.types.js +15 -5
- package/dist/List/ListContext.js +34 -9
- package/dist/List/ListItem.d.ts +1 -1
- package/dist/List/ListItem.js +97 -42
- package/dist/List/ListItem.types.js +15 -5
- package/dist/List/ListItemContent.d.ts +1 -1
- package/dist/List/ListItemContent.js +82 -34
- package/dist/List/ListItemContent.types.js +15 -5
- package/dist/List/ListItemExtra.d.ts +1 -1
- package/dist/List/ListItemExtra.js +70 -26
- package/dist/List/ListItemExtra.types.js +15 -5
- package/dist/List/ListItemFooter.d.ts +1 -1
- package/dist/List/ListItemFooter.js +70 -26
- package/dist/List/ListItemFooter.types.js +15 -5
- package/dist/List/ListItemHeader.d.ts +1 -1
- package/dist/List/ListItemHeader.js +70 -26
- package/dist/List/ListItemHeader.types.js +15 -5
- package/dist/List/index.js +62 -130
- package/dist/Loading/Loading.d.ts +1 -1
- package/dist/Loading/Loading.js +82 -33
- package/dist/Loading/Loading.types.js +15 -5
- package/dist/Loading/index.js +37 -30
- package/dist/Modal/Modal.d.ts +1 -1
- package/dist/Modal/Modal.js +112 -56
- package/dist/Modal/Modal.miniapp.d.ts +3 -3
- package/dist/Modal/Modal.miniapp.js +132 -63
- package/dist/Modal/Modal.types.js +15 -5
- package/dist/Modal/index.js +38 -30
- package/dist/NavBar/NavBar.d.ts +1 -1
- package/dist/NavBar/NavBar.js +109 -59
- package/dist/NavBar/NavBar.types.js +15 -5
- package/dist/NavBar/index.js +37 -30
- package/dist/Picker/Picker.d.ts +1 -1
- package/dist/Picker/Picker.js +155 -97
- package/dist/Picker/Picker.types.js +15 -5
- package/dist/Picker/PickerPanel.css +9 -1
- package/dist/Picker/PickerPanel.d.ts +1 -1
- package/dist/Picker/PickerPanel.js +255 -202
- package/dist/Picker/index.js +37 -30
- package/dist/Picker/utils.js +42 -37
- package/dist/Portal/Portal.js +61 -16
- package/dist/Portal/Portal.miniapp.js +68 -31
- package/dist/Portal/Portal.types.js +15 -5
- package/dist/Portal/PortalCore.js +70 -52
- package/dist/Portal/index.js +38 -30
- package/dist/Progress/Progress.d.ts +1 -1
- package/dist/Progress/Progress.js +102 -61
- package/dist/Progress/Progress.types.js +15 -5
- package/dist/Progress/index.js +38 -30
- package/dist/Radio/Radio.d.ts +1 -1
- package/dist/Radio/Radio.js +144 -80
- package/dist/Radio/Radio.types.js +15 -5
- package/dist/Radio/RadioButtonIcon.js +63 -32
- package/dist/Radio/RadioContext.js +40 -10
- package/dist/Radio/RadioGroup.d.ts +1 -1
- package/dist/Radio/RadioGroup.js +89 -34
- package/dist/Radio/index.js +40 -38
- package/dist/Rating/Rating.d.ts +1 -1
- package/dist/Rating/Rating.js +139 -62
- package/dist/Rating/Rating.types.js +15 -5
- package/dist/Rating/index.js +37 -30
- package/dist/ScrollView/ScrollView.d.ts +1 -1
- package/dist/ScrollView/ScrollView.js +226 -178
- package/{es/ScrollView/index.miniapp.js → dist/ScrollView/ScrollView.miniapp.d.ts} +0 -1
- package/dist/ScrollView/ScrollView.miniapp.js +24 -0
- package/dist/ScrollView/ScrollView.types.js +15 -5
- package/dist/ScrollView/index.js +38 -30
- package/dist/Select/Select.d.ts +1 -1
- package/dist/Select/Select.js +176 -114
- package/dist/Select/Select.types.js +15 -5
- package/dist/Select/SelectOption.d.ts +1 -1
- package/dist/Select/SelectOption.js +92 -48
- package/dist/Select/index.js +40 -38
- package/dist/Select/selectContext.js +24 -8
- package/dist/Skeleton/Skeleton.css +7 -2
- package/dist/Skeleton/Skeleton.d.ts +1 -1
- package/dist/Skeleton/Skeleton.js +101 -37
- package/dist/Skeleton/Skeleton.types.js +15 -5
- package/dist/Skeleton/index.js +38 -30
- package/dist/Slide/Slide.js +125 -64
- package/dist/Slide/Slide.types.js +15 -5
- package/dist/Slide/index.js +38 -30
- package/dist/Slider/Slider.css +2 -2
- package/dist/Slider/Slider.d.ts +1 -1
- package/dist/Slider/Slider.js +215 -171
- package/dist/Slider/Slider.types.js +15 -5
- package/dist/Slider/index.js +37 -30
- package/dist/Slider/utils.js +35 -24
- package/dist/Stack/Stack.css +0 -1
- package/dist/Stack/Stack.d.ts +1 -1
- package/dist/Stack/Stack.js +96 -41
- package/dist/Stack/Stack.types.js +15 -5
- package/dist/Stack/demo/StackDemo.js +148 -122
- package/dist/Stack/index.js +38 -30
- package/dist/Steps/Step.css +2 -2
- package/dist/Steps/Step.d.ts +1 -1
- package/dist/Steps/Step.js +144 -87
- package/dist/Steps/Step.types.js +15 -5
- package/dist/Steps/Steps.d.ts +1 -1
- package/dist/Steps/Steps.js +107 -46
- package/dist/Steps/Steps.types.js +15 -5
- package/dist/Steps/StepsContext.js +40 -10
- package/dist/Steps/index.js +42 -50
- package/dist/Swiper/Swiper.d.ts +1 -1
- package/dist/Swiper/Swiper.js +149 -82
- package/dist/Swiper/Swiper.miniapp.d.ts +2 -0
- package/dist/Swiper/Swiper.miniapp.js +24 -0
- package/dist/Swiper/Swiper.types.js +15 -5
- package/dist/Swiper/SwiperItem.js +66 -28
- package/dist/Swiper/SwiperItem.miniapp.d.ts +2 -0
- package/dist/Swiper/SwiperItem.miniapp.js +24 -0
- package/dist/Swiper/index.js +40 -38
- package/dist/Switch/Switch.css +1 -1
- package/dist/Switch/Switch.d.ts +1 -1
- package/dist/Switch/Switch.js +121 -48
- package/dist/Switch/Switch.types.js +15 -5
- package/dist/Switch/index.js +38 -30
- package/dist/TabBar/TabBar.d.ts +1 -1
- package/dist/TabBar/TabBar.js +95 -37
- package/dist/TabBar/TabBarContext.js +24 -8
- package/dist/TabBar/TabBarItem.d.ts +1 -1
- package/dist/TabBar/TabBarItem.js +123 -59
- package/dist/TabBar/index.js +39 -32
- package/dist/TabBar/index.types.js +15 -5
- package/dist/Tabs/Tab.d.ts +1 -1
- package/dist/Tabs/Tab.js +104 -52
- package/dist/Tabs/Tab.types.js +15 -5
- package/dist/Tabs/TabPanel.d.ts +1 -1
- package/dist/Tabs/TabPanel.js +76 -31
- package/dist/Tabs/TabPanel.types.js +15 -5
- package/dist/Tabs/Tabs.css +10 -3
- package/dist/Tabs/Tabs.d.ts +1 -1
- package/dist/Tabs/Tabs.js +177 -127
- package/dist/Tabs/Tabs.types.js +15 -5
- package/dist/Tabs/TabsContext.d.ts +2 -2
- package/dist/Tabs/TabsContext.js +42 -12
- package/dist/Tabs/index.js +48 -71
- package/dist/Tabs/utils/bound.js +24 -8
- package/dist/Tag/Tag.d.ts +1 -1
- package/dist/Tag/Tag.js +102 -47
- package/dist/Tag/Tag.types.js +15 -5
- package/dist/Tag/TagGroup.css +1 -1
- package/dist/Tag/TagGroup.d.ts +1 -1
- package/dist/Tag/TagGroup.js +74 -25
- package/dist/Tag/TagGroup.types.js +15 -5
- package/dist/Tag/index.js +41 -44
- package/dist/TextArea/TextArea.d.ts +1 -1
- package/dist/TextArea/TextArea.js +203 -137
- package/dist/TextArea/TextArea.types.js +15 -5
- package/dist/TextArea/index.js +37 -30
- package/dist/Transition/Transition.js +61 -17
- package/dist/Transition/Transition.miniapp.js +62 -17
- package/dist/Transition/Transition.types.js +15 -5
- package/dist/Transition/TransitionCore.js +243 -161
- package/dist/Transition/index.js +38 -30
- package/dist/index.js +98 -444
- package/es/ActionSheet/ActionSheet.js +79 -54
- package/es/ActionSheet/ActionSheet.types.js +0 -1
- package/es/ActionSheet/ActionSheetContext.js +7 -4
- package/es/ActionSheet/ActionSheetItem.d.ts +1 -1
- package/es/ActionSheet/ActionSheetItem.js +86 -45
- package/es/ActionSheet/ActionSheetItem.types.js +0 -1
- package/es/ActionSheet/index.js +8 -3
- package/es/Alert/Alert.d.ts +1 -1
- package/es/Alert/Alert.js +145 -99
- package/es/Alert/Alert.types.js +0 -1
- package/es/Alert/index.js +5 -2
- package/es/Avatar/Avatar.d.ts +1 -1
- package/es/Avatar/Avatar.js +102 -50
- package/es/Avatar/Avatar.types.js +0 -1
- package/es/Avatar/AvatarGroup.d.ts +1 -1
- package/es/Avatar/AvatarGroup.js +96 -61
- package/es/Avatar/AvatarGroup.types.js +0 -1
- package/es/Avatar/index.js +7 -3
- package/es/Backdrop/Backdrop.d.ts +1 -1
- package/es/Backdrop/Backdrop.js +67 -28
- package/es/Backdrop/Backdrop.types.js +0 -1
- package/es/Backdrop/index.js +6 -2
- package/es/Badge/Badge.d.ts +1 -1
- package/es/Badge/Badge.js +82 -34
- package/es/Badge/Badge.types.js +0 -1
- package/es/Badge/index.js +6 -2
- package/es/Button/Button.css +31 -7
- package/es/Button/Button.d.ts +1 -1
- package/es/Button/Button.js +84 -42
- package/es/Button/Button.types.js +0 -1
- package/es/Button/index.js +6 -2
- package/es/Calendar/Calendar.d.ts +1 -1
- package/es/Calendar/Calendar.js +272 -264
- package/es/Calendar/Calendar.types.js +0 -1
- package/es/Calendar/index.js +6 -2
- package/es/Calendar/utils.js +27 -42
- package/es/Card/Card.d.ts +1 -1
- package/es/Card/Card.js +47 -19
- package/es/Card/Card.types.js +0 -1
- package/es/Card/CardContent.d.ts +1 -1
- package/es/Card/CardContent.js +42 -18
- package/es/Card/CardContent.types.js +0 -1
- package/es/Card/CardFooter.d.ts +1 -1
- package/es/Card/CardFooter.js +42 -18
- package/es/Card/CardFooter.types.js +0 -1
- package/es/Card/CardHeader.d.ts +1 -1
- package/es/Card/CardHeader.js +65 -51
- package/es/Card/CardHeader.types.js +0 -1
- package/es/Card/index.js +9 -3
- package/es/Checkbox/Checkbox.d.ts +1 -1
- package/es/Checkbox/Checkbox.js +123 -90
- package/es/Checkbox/Checkbox.types.js +0 -1
- package/es/Checkbox/CheckboxContext.js +8 -4
- package/es/Checkbox/CheckboxGroup.d.ts +1 -1
- package/es/Checkbox/CheckboxGroup.js +81 -58
- package/es/Checkbox/index.js +7 -2
- package/es/CitySelector/CitySelector.d.ts +1 -1
- package/es/CitySelector/CitySelector.js +56 -35
- package/es/CitySelector/CitySelector.miniapp.d.ts +1 -1
- package/es/CitySelector/CitySelector.miniapp.js +95 -74
- package/es/CitySelector/CitySelector.types.js +0 -1
- package/es/CitySelector/CitySelectorCore.js +203 -187
- package/es/CitySelector/Selector/index.js +17 -11
- package/es/CitySelector/index.js +6 -2
- package/es/Countdown/Countdown.css +11 -1
- package/es/Countdown/Countdown.d.ts +1 -1
- package/es/Countdown/Countdown.js +108 -85
- package/es/Countdown/Countdown.types.js +0 -1
- package/es/Countdown/index.js +6 -2
- package/es/Countdown/useCountdown.js +26 -43
- package/es/Countdown/utils.js +78 -105
- package/es/Divider/Divider.d.ts +1 -1
- package/es/Divider/Divider.js +45 -41
- package/es/Divider/Divider.types.js +0 -1
- package/es/Divider/index.js +6 -2
- package/es/Drawer/Drawer.css +0 -1
- package/es/Drawer/Drawer.js +107 -61
- package/es/Drawer/Drawer.types.js +0 -1
- package/es/Drawer/index.js +6 -2
- package/es/Fade/Fade.js +95 -55
- package/es/Fade/Fade.types.js +0 -1
- package/es/Fade/index.js +7 -3
- package/es/IconButton/IconButton.css +26 -6
- package/es/IconButton/IconButton.d.ts +1 -1
- package/es/IconButton/IconButton.js +87 -41
- package/es/IconButton/IconButton.types.js +0 -1
- package/es/IconButton/index.js +6 -2
- package/es/Image/Image.d.ts +1 -1
- package/es/Image/Image.js +136 -106
- package/es/Image/Image.types.js +0 -1
- package/es/Image/index.js +7 -3
- package/es/Input/Input.d.ts +1 -1
- package/es/Input/Input.js +136 -103
- package/es/Input/Input.types.js +0 -1
- package/es/Input/index.js +6 -2
- package/es/List/List.d.ts +1 -1
- package/es/List/List.js +68 -28
- package/es/List/List.types.js +0 -1
- package/es/List/ListContext.js +6 -3
- package/es/List/ListItem.d.ts +1 -1
- package/es/List/ListItem.js +75 -42
- package/es/List/ListItem.types.js +0 -1
- package/es/List/ListItemContent.d.ts +1 -1
- package/es/List/ListItemContent.js +55 -28
- package/es/List/ListItemContent.types.js +0 -1
- package/es/List/ListItemExtra.d.ts +1 -1
- package/es/List/ListItemExtra.js +43 -20
- package/es/List/ListItemExtra.types.js +0 -1
- package/es/List/ListItemFooter.d.ts +1 -1
- package/es/List/ListItemFooter.js +43 -20
- package/es/List/ListItemFooter.types.js +0 -1
- package/es/List/ListItemHeader.d.ts +1 -1
- package/es/List/ListItemHeader.js +43 -20
- package/es/List/ListItemHeader.types.js +0 -1
- package/es/List/index.js +10 -2
- package/es/Loading/Loading.d.ts +1 -1
- package/es/Loading/Loading.js +56 -28
- package/es/Loading/Loading.types.js +0 -1
- package/es/Loading/index.js +6 -2
- package/es/Modal/Modal.d.ts +1 -1
- package/es/Modal/Modal.js +93 -70
- package/es/Modal/Modal.miniapp.d.ts +3 -3
- package/es/Modal/Modal.miniapp.js +104 -67
- package/es/Modal/Modal.types.js +0 -1
- package/es/Modal/index.js +7 -3
- package/es/NavBar/NavBar.d.ts +1 -1
- package/es/NavBar/NavBar.js +95 -67
- package/es/NavBar/NavBar.types.js +0 -1
- package/es/NavBar/index.js +6 -2
- package/es/Picker/Picker.d.ts +1 -1
- package/es/Picker/Picker.js +139 -124
- package/es/Picker/Picker.types.js +0 -1
- package/es/Picker/PickerPanel.css +9 -1
- package/es/Picker/PickerPanel.d.ts +1 -1
- package/es/Picker/PickerPanel.js +228 -226
- package/es/Picker/index.js +6 -2
- package/es/Picker/utils.js +28 -47
- package/es/Portal/Portal.js +31 -10
- package/es/Portal/Portal.miniapp.js +40 -23
- package/es/Portal/Portal.types.js +0 -1
- package/es/Portal/PortalCore.js +42 -53
- package/es/Portal/index.js +7 -3
- package/es/Progress/Progress.d.ts +1 -1
- package/es/Progress/Progress.js +76 -67
- package/es/Progress/Progress.types.js +0 -1
- package/es/Progress/index.js +7 -3
- package/es/Radio/Radio.d.ts +1 -1
- package/es/Radio/Radio.js +133 -102
- package/es/Radio/Radio.types.js +0 -1
- package/es/Radio/RadioButtonIcon.js +38 -28
- package/es/Radio/RadioContext.js +8 -4
- package/es/Radio/RadioGroup.d.ts +1 -1
- package/es/Radio/RadioGroup.js +71 -44
- package/es/Radio/index.js +7 -2
- package/es/Rating/Rating.d.ts +1 -1
- package/es/Rating/Rating.js +132 -89
- package/es/Rating/Rating.types.js +0 -1
- package/es/Rating/index.js +6 -2
- package/es/ScrollView/ScrollView.d.ts +1 -1
- package/es/ScrollView/ScrollView.js +204 -185
- package/{dist/ScrollView/index.miniapp.d.ts → es/ScrollView/ScrollView.miniapp.d.ts} +0 -1
- package/es/ScrollView/ScrollView.miniapp.js +5 -0
- package/es/ScrollView/ScrollView.types.js +0 -1
- package/es/ScrollView/index.js +7 -3
- package/es/Select/Select.d.ts +1 -1
- package/es/Select/Select.js +167 -138
- package/es/Select/Select.types.js +0 -1
- package/es/Select/SelectOption.d.ts +1 -1
- package/es/Select/SelectOption.js +66 -41
- package/es/Select/index.js +6 -2
- package/es/Select/selectContext.js +6 -3
- package/es/Skeleton/Skeleton.css +7 -2
- package/es/Skeleton/Skeleton.d.ts +1 -1
- package/es/Skeleton/Skeleton.js +76 -35
- package/es/Skeleton/Skeleton.types.js +0 -1
- package/es/Skeleton/index.js +7 -3
- package/es/Slide/Slide.js +110 -67
- package/es/Slide/Slide.types.js +0 -1
- package/es/Slide/index.js +7 -3
- package/es/Slider/Slider.css +2 -2
- package/es/Slider/Slider.d.ts +1 -1
- package/es/Slider/Slider.js +236 -244
- package/es/Slider/Slider.types.js +0 -1
- package/es/Slider/index.js +6 -2
- package/es/Slider/utils.js +13 -22
- package/es/Stack/Stack.css +0 -1
- package/es/Stack/Stack.d.ts +1 -1
- package/es/Stack/Stack.js +78 -47
- package/es/Stack/Stack.types.js +0 -1
- package/es/Stack/demo/StackDemo.js +123 -126
- package/es/Stack/index.js +7 -3
- package/es/Steps/Step.css +2 -2
- package/es/Steps/Step.d.ts +1 -1
- package/es/Steps/Step.js +130 -77
- package/es/Steps/Step.types.js +0 -1
- package/es/Steps/Steps.d.ts +1 -1
- package/es/Steps/Steps.js +83 -44
- package/es/Steps/Steps.types.js +0 -1
- package/es/Steps/StepsContext.js +8 -4
- package/es/Steps/index.js +8 -3
- package/es/Swiper/Swiper.d.ts +1 -1
- package/es/Swiper/Swiper.js +136 -99
- package/es/Swiper/Swiper.miniapp.d.ts +2 -0
- package/es/Swiper/Swiper.miniapp.js +5 -0
- package/es/Swiper/Swiper.types.js +0 -1
- package/es/Swiper/SwiperItem.js +40 -23
- package/es/Swiper/SwiperItem.miniapp.d.ts +2 -0
- package/es/Swiper/SwiperItem.miniapp.js +5 -0
- package/es/Swiper/index.js +8 -3
- package/es/Switch/Switch.css +1 -1
- package/es/Switch/Switch.d.ts +1 -1
- package/es/Switch/Switch.js +110 -67
- package/es/Switch/Switch.types.js +0 -1
- package/es/Switch/index.js +7 -3
- package/es/TabBar/TabBar.d.ts +1 -1
- package/es/TabBar/TabBar.js +72 -36
- package/es/TabBar/TabBarContext.js +6 -3
- package/es/TabBar/TabBarItem.d.ts +1 -1
- package/es/TabBar/TabBarItem.js +97 -52
- package/es/TabBar/index.js +5 -2
- package/es/TabBar/index.types.js +0 -1
- package/es/Tabs/Tab.d.ts +1 -1
- package/es/Tabs/Tab.js +77 -44
- package/es/Tabs/Tab.types.js +0 -1
- package/es/Tabs/TabPanel.d.ts +1 -1
- package/es/Tabs/TabPanel.js +50 -25
- package/es/Tabs/TabPanel.types.js +0 -1
- package/es/Tabs/Tabs.css +10 -3
- package/es/Tabs/Tabs.d.ts +1 -1
- package/es/Tabs/Tabs.js +180 -163
- package/es/Tabs/Tabs.types.js +0 -1
- package/es/Tabs/TabsContext.d.ts +2 -2
- package/es/Tabs/TabsContext.js +10 -6
- package/es/Tabs/index.js +10 -4
- package/es/Tabs/utils/bound.js +8 -5
- package/es/Tag/Tag.d.ts +1 -1
- package/es/Tag/Tag.js +85 -53
- package/es/Tag/Tag.types.js +0 -1
- package/es/Tag/TagGroup.css +1 -1
- package/es/Tag/TagGroup.d.ts +1 -1
- package/es/Tag/TagGroup.js +47 -19
- package/es/Tag/TagGroup.types.js +0 -1
- package/es/Tag/index.js +5 -2
- package/es/TextArea/TextArea.d.ts +1 -1
- package/es/TextArea/TextArea.js +177 -139
- package/es/TextArea/TextArea.types.js +0 -1
- package/es/TextArea/index.js +6 -2
- package/es/Transition/Transition.js +31 -11
- package/es/Transition/Transition.miniapp.js +32 -11
- package/es/Transition/Transition.types.js +0 -1
- package/es/Transition/TransitionCore.js +218 -272
- package/es/Transition/index.js +7 -3
- package/es/index.js +1 -1
- package/package.json +15 -14
- package/dist/ScrollView/index.miniapp.js +0 -14
- package/dist/Swiper/index.miniapp.d.ts +0 -8
- package/dist/Swiper/index.miniapp.js +0 -23
- package/es/ScrollView/index.miniapp.d.ts +0 -3
- package/es/Swiper/index.miniapp.d.ts +0 -8
- package/es/Swiper/index.miniapp.js +0 -6
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { CountdownProps } from './Countdown.types';
|
|
3
3
|
import './Countdown.less';
|
|
4
|
-
declare const Countdown: React.ForwardRefExoticComponent<Omit<CountdownProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const Countdown: React.ForwardRefExoticComponent<Omit<CountdownProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
5
|
export default Countdown;
|
|
@@ -1,109 +1,132 @@
|
|
|
1
|
-
var
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
17
|
+
var __objRest = (source, exclude) => {
|
|
18
|
+
var target = {};
|
|
19
|
+
for (var prop in source)
|
|
20
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
21
|
+
target[prop] = source[prop];
|
|
22
|
+
if (source != null && __getOwnPropSymbols)
|
|
23
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
24
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
25
|
+
target[prop] = source[prop];
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
};
|
|
29
|
+
import clsx from "clsx";
|
|
30
|
+
import React, { forwardRef, useEffect, useState } from "react";
|
|
31
|
+
import { useDidMountEffect } from "@bifrostui/utils";
|
|
14
32
|
import useCountdown from "./useCountdown";
|
|
15
33
|
import { formatCountdown } from "./utils";
|
|
16
34
|
import "./Countdown.css";
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
isEnd = _useCountdown.isEnd;
|
|
53
|
-
useEffect(function () {
|
|
35
|
+
const prefixCls = "bui-countdown";
|
|
36
|
+
const Countdown = forwardRef((props, ref) => {
|
|
37
|
+
const _a = props, {
|
|
38
|
+
className,
|
|
39
|
+
serverTimestamp,
|
|
40
|
+
endTimestamp,
|
|
41
|
+
remainingTime,
|
|
42
|
+
format,
|
|
43
|
+
unitStyle,
|
|
44
|
+
valueStyle,
|
|
45
|
+
timeSliceStyle,
|
|
46
|
+
renderContent,
|
|
47
|
+
onChange,
|
|
48
|
+
onFinish
|
|
49
|
+
} = _a, others = __objRest(_a, [
|
|
50
|
+
"className",
|
|
51
|
+
"serverTimestamp",
|
|
52
|
+
"endTimestamp",
|
|
53
|
+
"remainingTime",
|
|
54
|
+
"format",
|
|
55
|
+
"unitStyle",
|
|
56
|
+
"valueStyle",
|
|
57
|
+
"timeSliceStyle",
|
|
58
|
+
"renderContent",
|
|
59
|
+
"onChange",
|
|
60
|
+
"onFinish"
|
|
61
|
+
]);
|
|
62
|
+
const [startTime, setStartTime] = useState(
|
|
63
|
+
() => serverTimestamp != null ? serverTimestamp : Date.now()
|
|
64
|
+
);
|
|
65
|
+
const [endTime, setEndTime] = useState(
|
|
66
|
+
() => endTimestamp != null ? endTimestamp : startTime + +remainingTime
|
|
67
|
+
);
|
|
68
|
+
const { time, isEnd } = useCountdown({ startTime, endTime, onChange });
|
|
69
|
+
useEffect(() => {
|
|
54
70
|
if (isEnd) {
|
|
55
|
-
onFinish
|
|
71
|
+
onFinish == null ? void 0 : onFinish();
|
|
56
72
|
}
|
|
57
73
|
}, [isEnd]);
|
|
58
|
-
useDidMountEffect(
|
|
59
|
-
if (remainingTime !==
|
|
60
|
-
|
|
74
|
+
useDidMountEffect(() => {
|
|
75
|
+
if (remainingTime !== void 0) {
|
|
76
|
+
const start = Date.now();
|
|
61
77
|
setStartTime(start);
|
|
62
78
|
setEndTime(start + +remainingTime);
|
|
63
79
|
}
|
|
64
80
|
}, [remainingTime]);
|
|
65
|
-
useEffect(
|
|
81
|
+
useEffect(() => {
|
|
66
82
|
if (serverTimestamp && endTimestamp) {
|
|
67
83
|
setStartTime(serverTimestamp);
|
|
68
84
|
setEndTime(endTimestamp);
|
|
69
85
|
}
|
|
70
86
|
}, [serverTimestamp, endTimestamp]);
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
className: clsx(
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
87
|
+
const defaultRender = (timeIns) => {
|
|
88
|
+
const { timeList } = formatCountdown(timeIns.total, format);
|
|
89
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, timeList.map((item, index) => {
|
|
90
|
+
const { unitText, valStr } = item;
|
|
91
|
+
const valueList = valStr.split("");
|
|
92
|
+
return /* @__PURE__ */ React.createElement(
|
|
93
|
+
"span",
|
|
94
|
+
{
|
|
95
|
+
key: `slice-${index}`,
|
|
96
|
+
className: clsx(`${prefixCls}-slice`),
|
|
97
|
+
style: timeSliceStyle
|
|
98
|
+
},
|
|
99
|
+
/* @__PURE__ */ React.createElement("span", { className: clsx(`${prefixCls}-slice-item`) }, valueList.map((val, i) => /* @__PURE__ */ React.createElement(
|
|
100
|
+
"span",
|
|
101
|
+
{
|
|
102
|
+
key: `slice-value-${i}`,
|
|
103
|
+
className: clsx(`${prefixCls}-slice-value`),
|
|
104
|
+
style: valueStyle[i]
|
|
105
|
+
},
|
|
106
|
+
val
|
|
107
|
+
))),
|
|
108
|
+
unitText && /* @__PURE__ */ React.createElement(
|
|
109
|
+
"span",
|
|
110
|
+
{
|
|
111
|
+
className: clsx(`${prefixCls}-slice-unit`),
|
|
112
|
+
style: unitStyle
|
|
113
|
+
},
|
|
114
|
+
unitText
|
|
115
|
+
)
|
|
116
|
+
);
|
|
94
117
|
}));
|
|
95
118
|
};
|
|
96
|
-
return
|
|
97
|
-
ref: ref,
|
|
98
|
-
className: clsx(prefixCls, className)
|
|
99
|
-
}, others), renderContent ? renderContent(time) : defaultRender(time));
|
|
119
|
+
return /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: clsx(prefixCls, className) }, others), renderContent ? renderContent(time) : defaultRender(time));
|
|
100
120
|
});
|
|
101
|
-
Countdown.displayName =
|
|
121
|
+
Countdown.displayName = "BuiCountdown";
|
|
102
122
|
Countdown.defaultProps = {
|
|
103
|
-
format:
|
|
123
|
+
format: "HH:mm:ss",
|
|
104
124
|
remainingTime: 0,
|
|
105
125
|
unitStyle: {},
|
|
106
126
|
valueStyle: [{}, {}],
|
|
107
127
|
timeSliceStyle: {}
|
|
108
128
|
};
|
|
109
|
-
|
|
129
|
+
var Countdown_default = Countdown;
|
|
130
|
+
export {
|
|
131
|
+
Countdown_default as default
|
|
132
|
+
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
package/es/Countdown/index.js
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
import { default as default2, default as default3 } from "./Countdown";
|
|
2
2
|
export * from "./Countdown.types";
|
|
3
|
-
export * from "./utils";
|
|
3
|
+
export * from "./utils";
|
|
4
|
+
export {
|
|
5
|
+
default2 as Countdown,
|
|
6
|
+
default3 as default
|
|
7
|
+
};
|
|
@@ -1,55 +1,38 @@
|
|
|
1
|
-
|
|
2
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
4
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
5
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
6
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
-
import { useEffect, useMemo, useState } from 'react';
|
|
1
|
+
import { useEffect, useMemo, useState } from "react";
|
|
8
2
|
import { parseTime } from "./utils";
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
isEnd = _useState4[0],
|
|
25
|
-
setIsEnd = _useState4[1];
|
|
26
|
-
useEffect(function () {
|
|
3
|
+
const REFRESH_INTERVAL = 50;
|
|
4
|
+
var useCountdown_default = ({
|
|
5
|
+
startTime: startTimestamp,
|
|
6
|
+
endTime: endTimestamp,
|
|
7
|
+
onChange
|
|
8
|
+
}) => {
|
|
9
|
+
const initOffsetTime = useMemo(
|
|
10
|
+
() => startTimestamp - (/* @__PURE__ */ new Date()).getTime(),
|
|
11
|
+
[startTimestamp, endTimestamp]
|
|
12
|
+
);
|
|
13
|
+
const [time, setTime] = useState(
|
|
14
|
+
parseTime(endTimestamp, initOffsetTime)
|
|
15
|
+
);
|
|
16
|
+
const [isEnd, setIsEnd] = useState(false);
|
|
17
|
+
useEffect(() => {
|
|
27
18
|
setIsEnd(false);
|
|
28
19
|
if (startTimestamp === 0 || endTimestamp === 0 || endTimestamp <= startTimestamp) {
|
|
29
20
|
return;
|
|
30
21
|
}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
var timer = setInterval(function () {
|
|
35
|
-
var currentTime = parseTime(endTimestamp, offsetTime);
|
|
22
|
+
const offsetTime = startTimestamp - (/* @__PURE__ */ new Date()).getTime();
|
|
23
|
+
const timer = setInterval(() => {
|
|
24
|
+
const currentTime = parseTime(endTimestamp, offsetTime);
|
|
36
25
|
setTime(currentTime);
|
|
37
|
-
onChange
|
|
38
|
-
value: currentTime
|
|
39
|
-
});
|
|
26
|
+
onChange == null ? void 0 : onChange({ value: currentTime });
|
|
40
27
|
if (currentTime.total <= 0 || !endTimestamp) {
|
|
41
28
|
setIsEnd(true);
|
|
42
29
|
clearInterval(timer);
|
|
43
30
|
}
|
|
44
31
|
}, REFRESH_INTERVAL);
|
|
45
|
-
|
|
46
|
-
// eslint-disable-next-line consistent-return
|
|
47
|
-
return function () {
|
|
48
|
-
return clearInterval(timer);
|
|
49
|
-
};
|
|
32
|
+
return () => clearInterval(timer);
|
|
50
33
|
}, [startTimestamp, endTimestamp]);
|
|
51
|
-
return {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
}
|
|
34
|
+
return { time, isEnd };
|
|
35
|
+
};
|
|
36
|
+
export {
|
|
37
|
+
useCountdown_default as default
|
|
38
|
+
};
|
package/es/Countdown/utils.js
CHANGED
|
@@ -1,50 +1,43 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
// minutes
|
|
23
|
-
['s', SECOND],
|
|
24
|
-
// seconds
|
|
25
|
-
['S', 1] // million seconds
|
|
1
|
+
const SECOND = 1e3;
|
|
2
|
+
const MINUTE = 60 * SECOND;
|
|
3
|
+
const HOUR = 60 * MINUTE;
|
|
4
|
+
const DAY = 24 * HOUR;
|
|
5
|
+
const MONTH = 30 * DAY;
|
|
6
|
+
const YEAR = 365 * DAY;
|
|
7
|
+
const timeUnits = [
|
|
8
|
+
["Y", YEAR],
|
|
9
|
+
// years
|
|
10
|
+
["M", MONTH],
|
|
11
|
+
// months
|
|
12
|
+
["D", DAY],
|
|
13
|
+
// days
|
|
14
|
+
["H", HOUR],
|
|
15
|
+
// hours
|
|
16
|
+
["m", MINUTE],
|
|
17
|
+
// minutes
|
|
18
|
+
["s", SECOND],
|
|
19
|
+
// seconds
|
|
20
|
+
["S", 1]
|
|
21
|
+
// million seconds
|
|
26
22
|
];
|
|
27
|
-
|
|
28
|
-
if (num < 0)
|
|
29
|
-
|
|
23
|
+
const preAppend = (num) => {
|
|
24
|
+
if (num < 0)
|
|
25
|
+
return "00";
|
|
26
|
+
return num < 10 ? `0${num}` : `${num}`;
|
|
30
27
|
};
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
*/
|
|
35
|
-
export var parseTime = function parseTime(endTime, offsetTime) {
|
|
36
|
-
var now = new Date().getTime();
|
|
37
|
-
var total = endTime - now - offsetTime || 0;
|
|
28
|
+
const parseTime = (endTime, offsetTime) => {
|
|
29
|
+
const now = (/* @__PURE__ */ new Date()).getTime();
|
|
30
|
+
let total = endTime - now - offsetTime || 0;
|
|
38
31
|
total = total < 0 ? 0 : total;
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
32
|
+
const years = Math.floor(total / YEAR);
|
|
33
|
+
const months = Math.floor(total / MONTH);
|
|
34
|
+
const days = Math.floor(total / DAY);
|
|
35
|
+
const hours = Math.floor(total % DAY / HOUR);
|
|
36
|
+
const minutes = Math.floor(total % HOUR / MINUTE);
|
|
37
|
+
const seconds = Math.floor(total % MINUTE / SECOND);
|
|
38
|
+
const hoursWithDays = Math.floor(total / HOUR) % 24;
|
|
46
39
|
return {
|
|
47
|
-
total
|
|
40
|
+
total,
|
|
48
41
|
years: preAppend(years),
|
|
49
42
|
months: preAppend(months),
|
|
50
43
|
days: preAppend(days),
|
|
@@ -54,73 +47,53 @@ export var parseTime = function parseTime(endTime, offsetTime) {
|
|
|
54
47
|
hoursWithDays: preAppend(hoursWithDays)
|
|
55
48
|
};
|
|
56
49
|
};
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
isZero: isZero
|
|
91
|
-
});
|
|
92
|
-
return {
|
|
93
|
-
currentTemplate: currentTemplate,
|
|
94
|
-
valStr: vStr,
|
|
95
|
-
value: val,
|
|
96
|
-
isZero: isZero
|
|
97
|
-
};
|
|
98
|
-
}
|
|
99
|
-
return {
|
|
100
|
-
currentTemplate: currentTemplate,
|
|
101
|
-
valStr: valStr,
|
|
102
|
-
isZero: isZero,
|
|
103
|
-
value: value
|
|
104
|
-
};
|
|
105
|
-
}, {
|
|
106
|
-
currentTemplate: templateText,
|
|
107
|
-
valStr: '',
|
|
108
|
-
value: 0,
|
|
109
|
-
isZero: false
|
|
110
|
-
});
|
|
111
|
-
var index = 0;
|
|
112
|
-
var timeStr = replacedText.currentTemplate.replace(escapeRegex, function () {
|
|
113
|
-
var match = keepList[index];
|
|
50
|
+
const formatCountdown = (duration, format) => {
|
|
51
|
+
let timeList = [];
|
|
52
|
+
let leftDuration = duration;
|
|
53
|
+
const escapeRegex = /\[[^\]]*]/g;
|
|
54
|
+
const keepList = (format.match(escapeRegex) || []).map(
|
|
55
|
+
(str) => str.slice(1, -1)
|
|
56
|
+
);
|
|
57
|
+
const templateText = format.replace(escapeRegex, "[]");
|
|
58
|
+
const replacedText = timeUnits.reduce(
|
|
59
|
+
({ currentTemplate, valStr, value, isZero }, [name, unit]) => {
|
|
60
|
+
if (currentTemplate.includes(name)) {
|
|
61
|
+
const val = Math.floor(leftDuration / unit);
|
|
62
|
+
isZero = val <= 0;
|
|
63
|
+
leftDuration -= val * unit;
|
|
64
|
+
let vStr = "";
|
|
65
|
+
currentTemplate = currentTemplate.replace(
|
|
66
|
+
new RegExp(`${name}+`, "g"),
|
|
67
|
+
(match) => {
|
|
68
|
+
const len = match.length;
|
|
69
|
+
vStr = val.toString().padStart(len, "0").slice(0, len);
|
|
70
|
+
return vStr;
|
|
71
|
+
}
|
|
72
|
+
);
|
|
73
|
+
timeList.push({ valStr: vStr, value: val, isZero });
|
|
74
|
+
return { currentTemplate, valStr: vStr, value: val, isZero };
|
|
75
|
+
}
|
|
76
|
+
return { currentTemplate, valStr, isZero, value };
|
|
77
|
+
},
|
|
78
|
+
{ currentTemplate: templateText, valStr: "", value: 0, isZero: false }
|
|
79
|
+
);
|
|
80
|
+
let index = 0;
|
|
81
|
+
const timeStr = replacedText.currentTemplate.replace(escapeRegex, () => {
|
|
82
|
+
const match = keepList[index];
|
|
114
83
|
index += 1;
|
|
115
84
|
return match;
|
|
116
85
|
});
|
|
117
|
-
|
|
118
|
-
timeList = timeList.map(
|
|
86
|
+
const unitList = timeStr.match(/\D+/g);
|
|
87
|
+
timeList = timeList.map((item, i) => {
|
|
119
88
|
item.unitText = unitList[i];
|
|
120
89
|
return item;
|
|
121
90
|
});
|
|
122
91
|
return {
|
|
123
|
-
timeStr
|
|
124
|
-
timeList
|
|
92
|
+
timeStr,
|
|
93
|
+
timeList
|
|
125
94
|
};
|
|
126
|
-
};
|
|
95
|
+
};
|
|
96
|
+
export {
|
|
97
|
+
formatCountdown,
|
|
98
|
+
parseTime
|
|
99
|
+
};
|
package/es/Divider/Divider.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DividerProps } from './Divider.types';
|
|
3
3
|
import './Divider.less';
|
|
4
|
-
declare const Divider: React.ForwardRefExoticComponent<Omit<DividerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const Divider: React.ForwardRefExoticComponent<Omit<DividerProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
5
|
export default Divider;
|