react-native-system-ui 0.0.4 → 0.0.6
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/cjs/components/action-sheet/ActionSheet.js +28 -22
- package/dist/cjs/components/area/Area.js +72 -6
- package/dist/cjs/components/area/tokens.js +11 -0
- package/dist/cjs/components/avatar/Avatar.js +42 -10
- package/dist/cjs/components/badge/Badge.js +10 -10
- package/dist/cjs/components/badge/tokens.js +4 -0
- package/dist/cjs/components/button/Button.js +16 -65
- package/dist/cjs/components/button/ButtonContext.js +7 -10
- package/dist/cjs/components/button/ButtonGroup.js +13 -15
- package/dist/cjs/components/button/tokens.js +1 -5
- package/dist/cjs/components/calendar/Calendar.js +23 -12
- package/dist/cjs/components/cascader/Cascader.js +18 -13
- package/dist/cjs/components/cell/Cell.js +3 -3
- package/dist/cjs/components/cell/CellGroup.js +26 -21
- package/dist/cjs/components/checkbox/Checkbox.js +5 -4
- package/dist/cjs/components/checkbox/CheckboxContext.js +7 -10
- package/dist/cjs/components/checkbox/CheckboxGroup.js +24 -21
- package/dist/cjs/components/circle/Circle.js +6 -6
- package/dist/cjs/components/collapse/Collapse.js +10 -10
- package/dist/cjs/components/config-provider/locale/en-US.js +66 -4
- package/dist/cjs/components/config-provider/locale/zh-CN.js +74 -2
- package/dist/cjs/components/config-provider/tokens.js +11 -0
- package/dist/cjs/components/count-down/CountDown.js +6 -6
- package/dist/cjs/components/datetime-picker/DatetimePicker.js +6 -6
- package/dist/cjs/components/datetime-picker/tokens.js +11 -0
- package/dist/cjs/components/dialog/Dialog.js +39 -34
- package/dist/cjs/components/dialog/tokens.js +1 -4
- package/dist/cjs/components/divider/Divider.js +36 -1
- package/dist/cjs/components/field/Field.js +303 -201
- package/dist/cjs/components/flex/Flex.js +7 -3
- package/dist/cjs/components/flex/FlexContext.js +7 -14
- package/dist/cjs/components/form/Form.js +112 -122
- package/dist/cjs/components/form/FormContext.js +7 -10
- package/dist/cjs/components/form/FormItem.js +30 -4
- package/dist/cjs/components/form/FormList.js +16 -3
- package/dist/cjs/components/form/tokens.js +11 -0
- package/dist/cjs/components/form/utils.js +2 -1
- package/dist/cjs/components/grid/Grid.js +45 -31
- package/dist/cjs/components/grid/GridContext.js +7 -10
- package/dist/cjs/components/grid/GridItem.js +22 -22
- package/dist/cjs/components/image/Image.js +17 -13
- package/dist/cjs/components/image-preview/ImagePreview.js +43 -41
- package/dist/cjs/components/index.js +43 -141
- package/dist/cjs/components/input/Input.js +19 -5
- package/dist/cjs/components/loading/Loading.js +10 -139
- package/dist/cjs/components/loading/tokens.js +0 -24
- package/dist/cjs/components/notice-bar/NoticeBar.js +45 -41
- package/dist/cjs/components/notify/Notify.js +72 -30
- package/dist/cjs/components/notify/imperative.js +2 -2
- package/dist/cjs/components/notify/tokens.js +11 -1
- package/dist/cjs/components/number-keyboard/NumberKeyboard.js +6 -6
- package/dist/cjs/components/overlay/Overlay.js +70 -77
- package/dist/cjs/components/overlay/index.js +13 -27
- package/dist/cjs/components/overlay/tokens.js +4 -31
- package/dist/cjs/components/password-input/PasswordInput.js +2 -41
- package/dist/cjs/components/password-input/tokens.js +53 -0
- package/dist/cjs/components/picker/Picker.js +618 -38
- package/dist/cjs/components/popup/Popup.js +60 -47
- package/dist/cjs/components/portal/Portal.js +39 -31
- package/dist/cjs/components/portal/PortalHost.js +258 -213
- package/dist/cjs/components/portal/tokens.js +11 -0
- package/dist/cjs/components/progress/Progress.js +77 -36
- package/dist/cjs/components/progress/index.js +6 -0
- package/dist/cjs/components/radio/Radio.js +35 -12
- package/dist/cjs/components/radio/RadioContext.js +7 -10
- package/dist/cjs/components/radio/RadioGroup.js +23 -20
- package/dist/cjs/components/safe-area-view/tokens.js +11 -0
- package/dist/cjs/components/search/Search.js +16 -16
- package/dist/cjs/components/selector/Selector.js +6 -6
- package/dist/cjs/components/share-sheet/ShareSheet.js +50 -46
- package/dist/cjs/components/sidebar/Sidebar.js +27 -22
- package/dist/cjs/components/sidebar/SidebarItem.js +27 -22
- package/dist/cjs/components/skeleton/Skeleton.js +34 -21
- package/dist/cjs/components/slider/Slider.js +135 -78
- package/dist/cjs/components/stepper/Stepper.js +12 -10
- package/dist/cjs/components/swiper/Swiper.js +247 -710
- package/dist/cjs/components/swiper/SwiperItem.js +5 -33
- package/dist/cjs/components/swiper/tokens.js +11 -0
- package/dist/cjs/components/switch/Switch.js +46 -98
- package/dist/cjs/components/switch/tokens.js +1 -55
- package/dist/cjs/components/tabbar/Tabbar.js +26 -22
- package/dist/cjs/components/tabbar/TabbarItem.js +23 -22
- package/dist/cjs/components/tabbar/tokens.js +0 -2
- package/dist/cjs/components/tabs/Tabs.js +268 -94
- package/dist/cjs/components/tabs/index.js +4 -5
- package/dist/cjs/components/toast/Toast.js +72 -27
- package/dist/cjs/components/toast/imperative.js +2 -2
- package/dist/cjs/hooks/gesture/useGestureScroll.js +1 -2
- package/dist/cjs/hooks/index.js +12 -12
- package/dist/cjs/hooks/overlay/index.js +27 -0
- package/dist/cjs/hooks/useHairline.js +0 -4
- package/dist/cjs/platform/scrollLock.js +1 -1
- package/dist/cjs/utils/compare.js +26 -0
- package/dist/cjs/utils/index.js +11 -0
- package/dist/es/components/action-sheet/ActionSheet.js +29 -23
- package/dist/es/components/area/Area.js +73 -7
- package/dist/es/components/area/tokens.js +5 -0
- package/dist/es/components/avatar/Avatar.js +42 -10
- package/dist/es/components/badge/Badge.js +11 -11
- package/dist/es/components/badge/tokens.js +4 -0
- package/dist/es/components/button/Button.js +17 -65
- package/dist/es/components/button/ButtonContext.js +1 -2
- package/dist/es/components/button/ButtonGroup.js +10 -12
- package/dist/es/components/button/tokens.js +1 -5
- package/dist/es/components/calendar/Calendar.js +24 -13
- package/dist/es/components/cascader/Cascader.js +16 -11
- package/dist/es/components/cell/Cell.js +4 -4
- package/dist/es/components/cell/CellGroup.js +25 -20
- package/dist/es/components/checkbox/Checkbox.js +5 -4
- package/dist/es/components/checkbox/CheckboxContext.js +1 -2
- package/dist/es/components/checkbox/CheckboxGroup.js +24 -21
- package/dist/es/components/circle/Circle.js +7 -7
- package/dist/es/components/collapse/Collapse.js +11 -11
- package/dist/es/components/config-provider/locale/en-US.js +66 -4
- package/dist/es/components/config-provider/locale/zh-CN.js +74 -2
- package/dist/es/components/config-provider/tokens.js +5 -0
- package/dist/es/components/count-down/CountDown.js +7 -7
- package/dist/es/components/datetime-picker/DatetimePicker.js +7 -7
- package/dist/es/components/datetime-picker/tokens.js +5 -0
- package/dist/es/components/dialog/Dialog.js +40 -35
- package/dist/es/components/dialog/tokens.js +1 -4
- package/dist/es/components/divider/Divider.js +36 -1
- package/dist/es/components/field/Field.js +304 -202
- package/dist/es/components/flex/Flex.js +5 -1
- package/dist/es/components/flex/FlexContext.js +1 -6
- package/dist/es/components/form/Form.js +89 -99
- package/dist/es/components/form/FormContext.js +1 -2
- package/dist/es/components/form/FormItem.js +32 -6
- package/dist/es/components/form/FormList.js +18 -5
- package/dist/es/components/form/tokens.js +5 -0
- package/dist/es/components/form/utils.js +1 -0
- package/dist/es/components/grid/Grid.js +43 -29
- package/dist/es/components/grid/GridContext.js +1 -2
- package/dist/es/components/grid/GridItem.js +24 -24
- package/dist/es/components/image/Image.js +18 -14
- package/dist/es/components/image-preview/ImagePreview.js +44 -42
- package/dist/es/components/index.js +2 -17
- package/dist/es/components/input/Input.js +20 -6
- package/dist/es/components/loading/Loading.js +10 -139
- package/dist/es/components/loading/tokens.js +0 -24
- package/dist/es/components/notice-bar/NoticeBar.js +46 -42
- package/dist/es/components/notify/Notify.js +72 -30
- package/dist/es/components/notify/imperative.js +2 -2
- package/dist/es/components/notify/tokens.js +5 -1
- package/dist/es/components/number-keyboard/NumberKeyboard.js +7 -7
- package/dist/es/components/overlay/Overlay.js +58 -75
- package/dist/es/components/overlay/index.js +3 -4
- package/dist/es/components/overlay/tokens.js +3 -29
- package/dist/es/components/password-input/PasswordInput.js +1 -40
- package/dist/es/components/password-input/tokens.js +41 -0
- package/dist/es/components/picker/Picker.js +610 -34
- package/dist/es/components/popup/Popup.js +62 -49
- package/dist/es/components/portal/Portal.js +37 -31
- package/dist/es/components/portal/PortalHost.js +257 -211
- package/dist/es/components/portal/tokens.js +5 -0
- package/dist/es/components/progress/Progress.js +76 -36
- package/dist/es/components/progress/index.js +2 -1
- package/dist/es/components/radio/Radio.js +37 -14
- package/dist/es/components/radio/RadioContext.js +1 -2
- package/dist/es/components/radio/RadioGroup.js +23 -20
- package/dist/es/components/safe-area-view/tokens.js +5 -0
- package/dist/es/components/search/Search.js +17 -17
- package/dist/es/components/selector/Selector.js +7 -7
- package/dist/es/components/share-sheet/ShareSheet.js +51 -47
- package/dist/es/components/sidebar/Sidebar.js +26 -21
- package/dist/es/components/sidebar/SidebarItem.js +26 -22
- package/dist/es/components/skeleton/Skeleton.js +35 -22
- package/dist/es/components/slider/Slider.js +132 -75
- package/dist/es/components/stepper/Stepper.js +13 -11
- package/dist/es/components/swiper/Swiper.js +248 -711
- package/dist/es/components/swiper/SwiperItem.js +1 -21
- package/dist/es/components/swiper/tokens.js +5 -0
- package/dist/es/components/switch/Switch.js +49 -101
- package/dist/es/components/switch/tokens.js +1 -49
- package/dist/es/components/tabbar/Tabbar.js +27 -23
- package/dist/es/components/tabbar/TabbarItem.js +22 -22
- package/dist/es/components/tabbar/tokens.js +0 -2
- package/dist/es/components/tabs/Tabs.js +264 -90
- package/dist/es/components/tabs/index.js +1 -2
- package/dist/es/components/toast/Toast.js +72 -28
- package/dist/es/components/toast/imperative.js +2 -2
- package/dist/es/hooks/gesture/useGestureScroll.js +1 -2
- package/dist/es/hooks/index.js +1 -1
- package/dist/es/hooks/overlay/index.js +3 -0
- package/dist/es/hooks/useHairline.js +0 -4
- package/dist/es/platform/scrollLock.js +1 -1
- package/dist/es/utils/compare.js +18 -0
- package/dist/es/utils/index.js +1 -1
- package/dist/types/components/area/tokens.d.ts +3 -0
- package/dist/types/components/avatar/Avatar.d.ts +4 -2
- package/dist/types/components/button/ButtonContext.d.ts +2 -16
- package/dist/types/components/button/ButtonGroup.d.ts +14 -1
- package/dist/types/components/button/index.d.ts +1 -1
- package/dist/types/components/checkbox/CheckboxContext.d.ts +2 -16
- package/dist/types/components/checkbox/CheckboxGroup.d.ts +15 -1
- package/dist/types/components/collapse/Collapse.d.ts +0 -1
- package/dist/types/components/config-provider/LocaleContext.d.ts +2 -74
- package/dist/types/components/config-provider/tokens.d.ts +3 -0
- package/dist/types/components/config-provider/useLocale.d.ts +1 -74
- package/dist/types/components/datetime-picker/tokens.d.ts +3 -0
- package/dist/types/components/flex/Flex.d.ts +6 -0
- package/dist/types/components/flex/FlexContext.d.ts +2 -8
- package/dist/types/components/form/Form.d.ts +15 -1
- package/dist/types/components/form/FormContext.d.ts +2 -17
- package/dist/types/components/form/tokens.d.ts +3 -0
- package/dist/types/components/form/utils.d.ts +1 -0
- package/dist/types/components/grid/Grid.d.ts +16 -1
- package/dist/types/components/grid/GridContext.d.ts +2 -17
- package/dist/types/components/index.d.ts +3 -33
- package/dist/types/components/loading/index.d.ts +1 -1
- package/dist/types/components/notify/Notify.d.ts +1 -0
- package/dist/types/components/overlay/Overlay.d.ts +6 -1
- package/dist/types/components/overlay/index.d.ts +2 -3
- package/dist/types/components/overlay/tokens.d.ts +2 -3
- package/dist/types/components/password-input/PasswordInput.d.ts +0 -39
- package/dist/types/components/password-input/tokens.d.ts +40 -0
- package/dist/types/components/picker/Picker.d.ts +18 -2
- package/dist/types/components/picker/index.d.ts +1 -1
- package/dist/types/components/portal/Portal.d.ts +4 -6
- package/dist/types/components/portal/PortalHost.d.ts +1 -15
- package/dist/types/components/portal/tokens.d.ts +3 -0
- package/dist/types/components/progress/Progress.d.ts +4 -0
- package/dist/types/components/progress/index.d.ts +2 -1
- package/dist/types/components/radio/RadioContext.d.ts +2 -13
- package/dist/types/components/radio/RadioGroup.d.ts +12 -1
- package/dist/types/components/safe-area-view/tokens.d.ts +3 -0
- package/dist/types/components/swiper/Swiper.d.ts +4 -2
- package/dist/types/components/swiper/SwiperItem.d.ts +1 -5
- package/dist/types/components/swiper/tokens.d.ts +3 -0
- package/dist/types/components/tabs/Tabs.d.ts +8 -4
- package/dist/types/components/tabs/index.d.ts +3 -1
- package/dist/types/components/toast/Toast.d.ts +1 -4
- package/dist/types/hooks/aria/useAriaListBox.d.ts +0 -6
- package/dist/types/hooks/aria/useAriaOverlay.d.ts +0 -10
- package/dist/types/hooks/aria/useAriaPress.d.ts +0 -20
- package/dist/types/hooks/aria/useAriaToggle.d.ts +0 -3
- package/dist/types/hooks/index.d.ts +1 -1
- package/dist/types/hooks/overlay/index.d.ts +2 -0
- package/dist/types/hooks/useHairline.d.ts +0 -21
- package/dist/types/utils/compare.d.ts +2 -0
- package/dist/types/utils/index.d.ts +1 -0
- package/package.json +10 -48
- package/dist/cjs/components/area/utils.js +0 -74
- package/dist/cjs/components/cascader/utils.js +0 -20
- package/dist/cjs/components/config-provider/locale/base.js +0 -80
- package/dist/cjs/components/dropdown-menu/DropdownItem.js +0 -288
- package/dist/cjs/components/dropdown-menu/DropdownMenu.js +0 -340
- package/dist/cjs/components/dropdown-menu/DropdownMenuContext.js +0 -21
- package/dist/cjs/components/dropdown-menu/index.js +0 -25
- package/dist/cjs/components/dropdown-menu/tokens.js +0 -67
- package/dist/cjs/components/field/utils.js +0 -24
- package/dist/cjs/components/index-bar/IndexAnchor.js +0 -74
- package/dist/cjs/components/index-bar/IndexBar.js +0 -436
- package/dist/cjs/components/index-bar/index.js +0 -25
- package/dist/cjs/components/index-bar/tokens.js +0 -45
- package/dist/cjs/components/list/List.js +0 -165
- package/dist/cjs/components/list/index.js +0 -9
- package/dist/cjs/components/list/tokens.js +0 -39
- package/dist/cjs/components/notify/defaults.js +0 -15
- package/dist/cjs/components/pagination/Pagination.js +0 -160
- package/dist/cjs/components/pagination/index.js +0 -22
- package/dist/cjs/components/pagination/tokens.js +0 -103
- package/dist/cjs/components/picker/WheelPicker.js +0 -492
- package/dist/cjs/components/picker/utils.js +0 -138
- package/dist/cjs/components/pull-refresh/PullRefresh.js +0 -378
- package/dist/cjs/components/pull-refresh/index.js +0 -16
- package/dist/cjs/components/pull-refresh/tokens.js +0 -22
- package/dist/cjs/components/rate/Rate.js +0 -269
- package/dist/cjs/components/rate/index.js +0 -15
- package/dist/cjs/components/rate/tokens.js +0 -60
- package/dist/cjs/components/slider/utils.js +0 -60
- package/dist/cjs/components/swiper/useSwiperWeb.js +0 -209
- package/dist/cjs/components/swiper/utils.js +0 -49
- package/dist/cjs/components/tabs/TabPane.js +0 -9
- package/dist/cjs/components/tabs/useTabsAnimation.js +0 -74
- package/dist/cjs/components/tabs/useTabsScroll.js +0 -133
- package/dist/cjs/components/tabs/utils.js +0 -34
- package/dist/cjs/components/types.js +0 -1
- package/dist/cjs/components/uploader/Uploader.js +0 -557
- package/dist/cjs/components/uploader/index.js +0 -22
- package/dist/cjs/components/uploader/tokens.js +0 -58
- package/dist/cjs/components/uploader/utils.js +0 -72
- package/dist/cjs/hooks/usePresenceAnimation.js +0 -70
- package/dist/es/components/area/utils.js +0 -67
- package/dist/es/components/cascader/utils.js +0 -13
- package/dist/es/components/config-provider/locale/base.js +0 -74
- package/dist/es/components/dropdown-menu/DropdownItem.js +0 -269
- package/dist/es/components/dropdown-menu/DropdownMenu.js +0 -320
- package/dist/es/components/dropdown-menu/DropdownMenuContext.js +0 -7
- package/dist/es/components/dropdown-menu/index.js +0 -7
- package/dist/es/components/dropdown-menu/tokens.js +0 -61
- package/dist/es/components/field/utils.js +0 -17
- package/dist/es/components/index-bar/IndexAnchor.js +0 -55
- package/dist/es/components/index-bar/IndexBar.js +0 -417
- package/dist/es/components/index-bar/index.js +0 -7
- package/dist/es/components/index-bar/tokens.js +0 -39
- package/dist/es/components/list/List.js +0 -145
- package/dist/es/components/list/index.js +0 -2
- package/dist/es/components/list/tokens.js +0 -32
- package/dist/es/components/notify/defaults.js +0 -9
- package/dist/es/components/pagination/Pagination.js +0 -141
- package/dist/es/components/pagination/index.js +0 -4
- package/dist/es/components/pagination/tokens.js +0 -91
- package/dist/es/components/picker/WheelPicker.js +0 -473
- package/dist/es/components/picker/utils.js +0 -127
- package/dist/es/components/pull-refresh/PullRefresh.js +0 -359
- package/dist/es/components/pull-refresh/index.js +0 -3
- package/dist/es/components/pull-refresh/tokens.js +0 -16
- package/dist/es/components/rate/Rate.js +0 -250
- package/dist/es/components/rate/index.js +0 -3
- package/dist/es/components/rate/tokens.js +0 -53
- package/dist/es/components/slider/utils.js +0 -49
- package/dist/es/components/swiper/useSwiperWeb.js +0 -190
- package/dist/es/components/swiper/utils.js +0 -37
- package/dist/es/components/tabs/TabPane.js +0 -3
- package/dist/es/components/tabs/useTabsAnimation.js +0 -55
- package/dist/es/components/tabs/useTabsScroll.js +0 -114
- package/dist/es/components/tabs/utils.js +0 -19
- package/dist/es/components/types.js +0 -1
- package/dist/es/components/uploader/Uploader.js +0 -537
- package/dist/es/components/uploader/index.js +0 -4
- package/dist/es/components/uploader/tokens.js +0 -52
- package/dist/es/components/uploader/utils.js +0 -60
- package/dist/es/hooks/usePresenceAnimation.js +0 -51
- package/dist/types/components/area/utils.d.ts +0 -2
- package/dist/types/components/cascader/utils.d.ts +0 -6
- package/dist/types/components/config-provider/locale/base.d.ts +0 -74
- package/dist/types/components/dropdown-menu/DropdownItem.d.ts +0 -4
- package/dist/types/components/dropdown-menu/DropdownMenu.d.ts +0 -4
- package/dist/types/components/dropdown-menu/DropdownMenuContext.d.ts +0 -17
- package/dist/types/components/dropdown-menu/index.d.ts +0 -8
- package/dist/types/components/dropdown-menu/tokens.d.ts +0 -52
- package/dist/types/components/field/utils.d.ts +0 -4
- package/dist/types/components/index-bar/IndexAnchor.d.ts +0 -4
- package/dist/types/components/index-bar/IndexBar.d.ts +0 -4
- package/dist/types/components/index-bar/index.d.ts +0 -9
- package/dist/types/components/index-bar/tokens.d.ts +0 -31
- package/dist/types/components/list/List.d.ts +0 -4
- package/dist/types/components/list/index.d.ts +0 -3
- package/dist/types/components/list/tokens.d.ts +0 -4
- package/dist/types/components/notify/defaults.d.ts +0 -10
- package/dist/types/components/pagination/Pagination.d.ts +0 -5
- package/dist/types/components/pagination/index.d.ts +0 -5
- package/dist/types/components/pagination/tokens.d.ts +0 -2
- package/dist/types/components/picker/WheelPicker.d.ts +0 -21
- package/dist/types/components/picker/utils.d.ts +0 -17
- package/dist/types/components/pull-refresh/PullRefresh.d.ts +0 -5
- package/dist/types/components/pull-refresh/index.d.ts +0 -4
- package/dist/types/components/pull-refresh/tokens.d.ts +0 -10
- package/dist/types/components/rate/Rate.d.ts +0 -4
- package/dist/types/components/rate/index.d.ts +0 -4
- package/dist/types/components/rate/tokens.d.ts +0 -4
- package/dist/types/components/slider/utils.d.ts +0 -42
- package/dist/types/components/swiper/useSwiperWeb.d.ts +0 -41
- package/dist/types/components/swiper/utils.d.ts +0 -17
- package/dist/types/components/tabs/TabPane.d.ts +0 -4
- package/dist/types/components/tabs/useTabsAnimation.d.ts +0 -30
- package/dist/types/components/tabs/useTabsScroll.d.ts +0 -23
- package/dist/types/components/tabs/utils.d.ts +0 -5
- package/dist/types/components/types.d.ts +0 -59
- package/dist/types/components/uploader/Uploader.d.ts +0 -4
- package/dist/types/components/uploader/index.d.ts +0 -5
- package/dist/types/components/uploader/tokens.d.ts +0 -42
- package/dist/types/components/uploader/utils.d.ts +0 -11
- package/dist/types/hooks/usePresenceAnimation.d.ts +0 -20
- /package/dist/cjs/{components → hooks}/overlay/OverlayStackStore.js +0 -0
- /package/dist/cjs/{components → hooks}/overlay/useOverlayStack.js +0 -0
- /package/dist/es/{components → hooks}/overlay/OverlayStackStore.js +0 -0
- /package/dist/es/{components → hooks}/overlay/useOverlayStack.js +0 -0
- /package/dist/types/{components → hooks}/overlay/OverlayStackStore.d.ts +0 -0
- /package/dist/types/{components → hooks}/overlay/useOverlayStack.d.ts +0 -0
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "Rate", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _Rate.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
exports.default = void 0;
|
|
13
|
-
var _Rate = _interopRequireDefault(require("./Rate"));
|
|
14
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
-
var _default = exports.default = _Rate.default;
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useRateTokens = exports.createRateTokens = void 0;
|
|
7
|
-
var _designSystem = require("../../design-system");
|
|
8
|
-
const createRateTokens = foundations => {
|
|
9
|
-
const {
|
|
10
|
-
palette,
|
|
11
|
-
spacing,
|
|
12
|
-
fontSize
|
|
13
|
-
} = foundations;
|
|
14
|
-
return {
|
|
15
|
-
defaults: {
|
|
16
|
-
count: 5,
|
|
17
|
-
allowHalf: false,
|
|
18
|
-
size: fontSize.lg,
|
|
19
|
-
gutter: spacing.xs,
|
|
20
|
-
touchable: true,
|
|
21
|
-
disabled: false,
|
|
22
|
-
readOnly: false
|
|
23
|
-
},
|
|
24
|
-
layout: {
|
|
25
|
-
container: {
|
|
26
|
-
flexDirection: 'row',
|
|
27
|
-
alignItems: 'center'
|
|
28
|
-
},
|
|
29
|
-
item: {
|
|
30
|
-
justifyContent: 'center',
|
|
31
|
-
alignItems: 'center'
|
|
32
|
-
},
|
|
33
|
-
iconBox: {
|
|
34
|
-
position: 'relative',
|
|
35
|
-
justifyContent: 'center',
|
|
36
|
-
alignItems: 'center',
|
|
37
|
-
flexShrink: 0
|
|
38
|
-
},
|
|
39
|
-
character: {
|
|
40
|
-
includeFontPadding: false
|
|
41
|
-
},
|
|
42
|
-
fill: {
|
|
43
|
-
position: 'absolute',
|
|
44
|
-
left: 0,
|
|
45
|
-
top: 0,
|
|
46
|
-
overflow: 'hidden'
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
colors: {
|
|
50
|
-
active: palette.warning[500] ?? '#fa8c16',
|
|
51
|
-
inactive: palette.default[200],
|
|
52
|
-
disabled: palette.default[400]
|
|
53
|
-
},
|
|
54
|
-
states: {
|
|
55
|
-
pressedOpacity: 0.75
|
|
56
|
-
}
|
|
57
|
-
};
|
|
58
|
-
};
|
|
59
|
-
exports.createRateTokens = createRateTokens;
|
|
60
|
-
const useRateTokens = exports.useRateTokens = (0, _designSystem.createComponentTokensHook)('rate', createRateTokens);
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.toSliderValue = exports.normalizeValue = exports.isSameLayout = exports.defaultNumberFormatter = exports.createAccessibilityProps = exports.clampValue = void 0;
|
|
7
|
-
var _utils = require("../../utils");
|
|
8
|
-
const clampValue = (value, min, max) => {
|
|
9
|
-
if (!(0, _utils.isFiniteNumber)(value)) {
|
|
10
|
-
return min;
|
|
11
|
-
}
|
|
12
|
-
return (0, _utils.clamp)(value, min, max);
|
|
13
|
-
};
|
|
14
|
-
exports.clampValue = clampValue;
|
|
15
|
-
const isSameLayout = (a, b) => a.width === b.width && a.height === b.height && a.x === b.x && a.y === b.y;
|
|
16
|
-
exports.isSameLayout = isSameLayout;
|
|
17
|
-
const normalizeValue = (value, range, min, max) => {
|
|
18
|
-
if (range) {
|
|
19
|
-
const raw = Array.isArray(value) ? value : (0, _utils.isFiniteNumber)(value) ? [min, value] : [min, min];
|
|
20
|
-
const first = clampValue(raw[0], min, max);
|
|
21
|
-
const second = clampValue(raw[1] ?? raw[0], min, max);
|
|
22
|
-
return first <= second ? [first, second] : [second, first];
|
|
23
|
-
}
|
|
24
|
-
const single = Array.isArray(value) ? value[0] : value;
|
|
25
|
-
return [clampValue(single, min, max)];
|
|
26
|
-
};
|
|
27
|
-
exports.normalizeValue = normalizeValue;
|
|
28
|
-
const toSliderValue = (values, range, fallback) => {
|
|
29
|
-
if (range) {
|
|
30
|
-
const start = values[0] ?? fallback;
|
|
31
|
-
const end = values[1] ?? start;
|
|
32
|
-
return [start, end];
|
|
33
|
-
}
|
|
34
|
-
return values[0] ?? fallback;
|
|
35
|
-
};
|
|
36
|
-
exports.toSliderValue = toSliderValue;
|
|
37
|
-
const createAccessibilityProps = inputProps => {
|
|
38
|
-
if (!inputProps) return {};
|
|
39
|
-
const {
|
|
40
|
-
role,
|
|
41
|
-
['aria-value']: ariaValue,
|
|
42
|
-
accessibilityActions,
|
|
43
|
-
onAccessibilityAction,
|
|
44
|
-
disabled
|
|
45
|
-
} = inputProps;
|
|
46
|
-
return {
|
|
47
|
-
accessible: true,
|
|
48
|
-
accessibilityRole: role ?? 'adjustable',
|
|
49
|
-
accessibilityValue: ariaValue,
|
|
50
|
-
accessibilityActions,
|
|
51
|
-
onAccessibilityAction,
|
|
52
|
-
accessibilityState: {
|
|
53
|
-
disabled
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
};
|
|
57
|
-
exports.createAccessibilityProps = createAccessibilityProps;
|
|
58
|
-
const defaultNumberFormatter = exports.defaultNumberFormatter = typeof Intl !== 'undefined' && (0, _utils.isFunction)(Intl.NumberFormat) ? new Intl.NumberFormat() : {
|
|
59
|
-
format: val => String(val)
|
|
60
|
-
};
|
|
@@ -1,209 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useSwiperWeb = void 0;
|
|
7
|
-
function _react() {
|
|
8
|
-
const data = require("react");
|
|
9
|
-
_react = function () {
|
|
10
|
-
return data;
|
|
11
|
-
};
|
|
12
|
-
return data;
|
|
13
|
-
}
|
|
14
|
-
function _reactNative() {
|
|
15
|
-
const data = require("react-native");
|
|
16
|
-
_reactNative = function () {
|
|
17
|
-
return data;
|
|
18
|
-
};
|
|
19
|
-
return data;
|
|
20
|
-
}
|
|
21
|
-
var _utils = require("../../utils");
|
|
22
|
-
var _utils2 = require("./utils");
|
|
23
|
-
const useSwiperWeb = ({
|
|
24
|
-
isWeb,
|
|
25
|
-
enabledState,
|
|
26
|
-
touchable,
|
|
27
|
-
vertical,
|
|
28
|
-
count,
|
|
29
|
-
shouldLoop,
|
|
30
|
-
displayCount,
|
|
31
|
-
slideSizeValue,
|
|
32
|
-
nonLoopMinOffset,
|
|
33
|
-
nonLoopMaxOffset,
|
|
34
|
-
durationMs,
|
|
35
|
-
preventScroll,
|
|
36
|
-
trackOffsetPx,
|
|
37
|
-
swipeToRef,
|
|
38
|
-
onDragStart,
|
|
39
|
-
onDragEnd
|
|
40
|
-
}) => {
|
|
41
|
-
const canUseRaf = typeof requestAnimationFrame === 'function' && typeof cancelAnimationFrame === 'function';
|
|
42
|
-
const webOffsetRef = (0, _react().useRef)(0);
|
|
43
|
-
const startOffsetRef = (0, _react().useRef)(0);
|
|
44
|
-
const panLockRef = (0, _react().useRef)(false);
|
|
45
|
-
const webTranslateXAnim = (0, _react().useRef)(new (_reactNative().Animated.Value)(0)).current;
|
|
46
|
-
const webTranslateYAnim = (0, _react().useRef)(new (_reactNative().Animated.Value)(0)).current;
|
|
47
|
-
const currentState = {
|
|
48
|
-
enabledState,
|
|
49
|
-
touchable,
|
|
50
|
-
vertical,
|
|
51
|
-
count,
|
|
52
|
-
shouldLoop,
|
|
53
|
-
displayCount,
|
|
54
|
-
slideSizeValue,
|
|
55
|
-
nonLoopMinOffset,
|
|
56
|
-
nonLoopMaxOffset,
|
|
57
|
-
maxOffsetLoop: Math.max(0, displayCount - 1) * slideSizeValue,
|
|
58
|
-
duration: durationMs,
|
|
59
|
-
preventScroll,
|
|
60
|
-
onDragStart,
|
|
61
|
-
onDragEnd
|
|
62
|
-
};
|
|
63
|
-
const panLatestRef = (0, _react().useRef)(currentState);
|
|
64
|
-
panLatestRef.current = currentState;
|
|
65
|
-
const webRafIdRef = (0, _react().useRef)(null);
|
|
66
|
-
const webPendingOffsetRef = (0, _react().useRef)(null);
|
|
67
|
-
const flushWebTranslate = (0, _react().useCallback)(() => {
|
|
68
|
-
const pending = webPendingOffsetRef.current;
|
|
69
|
-
if (pending == null) return;
|
|
70
|
-
webPendingOffsetRef.current = null;
|
|
71
|
-
const latest = panLatestRef.current;
|
|
72
|
-
(latest.vertical ? webTranslateYAnim : webTranslateXAnim).setValue(pending);
|
|
73
|
-
}, []);
|
|
74
|
-
const scheduleWebTranslate = (0, _react().useCallback)(next => {
|
|
75
|
-
webPendingOffsetRef.current = next;
|
|
76
|
-
if (webRafIdRef.current != null) return;
|
|
77
|
-
if (canUseRaf) {
|
|
78
|
-
webRafIdRef.current = requestAnimationFrame(() => {
|
|
79
|
-
webRafIdRef.current = null;
|
|
80
|
-
flushWebTranslate();
|
|
81
|
-
});
|
|
82
|
-
return;
|
|
83
|
-
}
|
|
84
|
-
webRafIdRef.current = setTimeout(() => {
|
|
85
|
-
webRafIdRef.current = null;
|
|
86
|
-
flushWebTranslate();
|
|
87
|
-
}, 16);
|
|
88
|
-
}, [canUseRaf, flushWebTranslate]);
|
|
89
|
-
const cancelWebRaf = (0, _react().useCallback)(() => {
|
|
90
|
-
if (webRafIdRef.current != null) {
|
|
91
|
-
if (canUseRaf) {
|
|
92
|
-
cancelAnimationFrame(webRafIdRef.current);
|
|
93
|
-
} else {
|
|
94
|
-
clearTimeout(webRafIdRef.current);
|
|
95
|
-
}
|
|
96
|
-
webRafIdRef.current = null;
|
|
97
|
-
}
|
|
98
|
-
webPendingOffsetRef.current = null;
|
|
99
|
-
}, [canUseRaf]);
|
|
100
|
-
const webSnapAnimRef = (0, _react().useRef)(null);
|
|
101
|
-
const stopWebSnapAnim = (0, _react().useCallback)(() => {
|
|
102
|
-
const anim = webSnapAnimRef.current;
|
|
103
|
-
if (anim) {
|
|
104
|
-
anim.stop();
|
|
105
|
-
webSnapAnimRef.current = null;
|
|
106
|
-
}
|
|
107
|
-
const latest = panLatestRef.current;
|
|
108
|
-
const activeAnim = latest.vertical ? webTranslateYAnim : webTranslateXAnim;
|
|
109
|
-
let nextOffset = webOffsetRef.current;
|
|
110
|
-
activeAnim.stopAnimation(value => {
|
|
111
|
-
if (typeof value === 'number') {
|
|
112
|
-
nextOffset = value;
|
|
113
|
-
}
|
|
114
|
-
});
|
|
115
|
-
(latest.vertical ? webTranslateXAnim : webTranslateYAnim).stopAnimation();
|
|
116
|
-
webOffsetRef.current = nextOffset;
|
|
117
|
-
}, []);
|
|
118
|
-
const webTrackTransform = vertical ? trackOffsetPx ? [{
|
|
119
|
-
translateY: trackOffsetPx
|
|
120
|
-
}, {
|
|
121
|
-
translateY: webTranslateYAnim
|
|
122
|
-
}] : [{
|
|
123
|
-
translateY: webTranslateYAnim
|
|
124
|
-
}] : trackOffsetPx ? [{
|
|
125
|
-
translateX: trackOffsetPx
|
|
126
|
-
}, {
|
|
127
|
-
translateX: webTranslateXAnim
|
|
128
|
-
}] : [{
|
|
129
|
-
translateX: webTranslateXAnim
|
|
130
|
-
}];
|
|
131
|
-
const panResponder = (() => {
|
|
132
|
-
if (!isWeb) return null;
|
|
133
|
-
return _reactNative().PanResponder.create({
|
|
134
|
-
onStartShouldSetPanResponder: () => false,
|
|
135
|
-
onMoveShouldSetPanResponder: (_, gestureState) => {
|
|
136
|
-
const latest = panLatestRef.current;
|
|
137
|
-
if (!latest.enabledState || !latest.touchable || latest.count <= 1) return false;
|
|
138
|
-
if (latest.vertical) {
|
|
139
|
-
return Math.abs(gestureState.dy) > Math.abs(gestureState.dx);
|
|
140
|
-
}
|
|
141
|
-
return Math.abs(gestureState.dx) > Math.abs(gestureState.dy);
|
|
142
|
-
},
|
|
143
|
-
onPanResponderGrant: () => {
|
|
144
|
-
const latest = panLatestRef.current;
|
|
145
|
-
if (!latest.enabledState || !latest.touchable || latest.count <= 1) return;
|
|
146
|
-
panLockRef.current = true;
|
|
147
|
-
cancelWebRaf();
|
|
148
|
-
stopWebSnapAnim();
|
|
149
|
-
startOffsetRef.current = webOffsetRef.current;
|
|
150
|
-
latest.onDragStart?.();
|
|
151
|
-
},
|
|
152
|
-
onPanResponderMove: (event, gestureState) => {
|
|
153
|
-
if (!panLockRef.current) return;
|
|
154
|
-
const latest = panLatestRef.current;
|
|
155
|
-
if (latest.preventScroll) {
|
|
156
|
-
(0, _utils2.stopWebEvent)(event);
|
|
157
|
-
}
|
|
158
|
-
const delta = latest.vertical ? gestureState.dy : gestureState.dx;
|
|
159
|
-
const nextRaw = startOffsetRef.current + delta;
|
|
160
|
-
const next = latest.shouldLoop ? (0, _utils.clamp)(nextRaw, -latest.maxOffsetLoop, 0) : (0, _utils.clamp)(nextRaw, -latest.nonLoopMaxOffset, -latest.nonLoopMinOffset);
|
|
161
|
-
webOffsetRef.current = next;
|
|
162
|
-
scheduleWebTranslate(next);
|
|
163
|
-
},
|
|
164
|
-
onPanResponderRelease: (_, gestureState) => {
|
|
165
|
-
const latest = panLatestRef.current;
|
|
166
|
-
panLockRef.current = false;
|
|
167
|
-
cancelWebRaf();
|
|
168
|
-
flushWebTranslate();
|
|
169
|
-
const distance = latest.vertical ? gestureState.dy : gestureState.dx;
|
|
170
|
-
const velocity = latest.vertical ? gestureState.vy : gestureState.vx;
|
|
171
|
-
const dir = velocity !== 0 ? velocity > 0 ? 1 : -1 : distance !== 0 ? distance > 0 ? 1 : -1 : 0;
|
|
172
|
-
const velocityOffset = Math.min(Math.abs(velocity) * 2000, latest.slideSizeValue) * dir;
|
|
173
|
-
let targetOffset = startOffsetRef.current + distance + velocityOffset;
|
|
174
|
-
targetOffset = latest.shouldLoop ? (0, _utils.clamp)(targetOffset, -latest.maxOffsetLoop, 0) : (0, _utils.clamp)(targetOffset, -latest.nonLoopMaxOffset, -latest.nonLoopMinOffset);
|
|
175
|
-
const targetIndex = Math.round(-targetOffset / latest.slideSizeValue);
|
|
176
|
-
const displayIndex = latest.shouldLoop ? (0, _utils.clamp)(targetIndex, 0, latest.displayCount - 1) : (0, _utils.clamp)(targetIndex, 0, latest.count - 1);
|
|
177
|
-
const realIndex = latest.shouldLoop ? displayIndex === 0 ? latest.count - 1 : displayIndex === latest.displayCount - 1 ? 0 : displayIndex - 1 : displayIndex;
|
|
178
|
-
swipeToRef.current(realIndex, true);
|
|
179
|
-
latest.onDragEnd?.();
|
|
180
|
-
},
|
|
181
|
-
onPanResponderTerminationRequest: () => false,
|
|
182
|
-
onPanResponderTerminate: () => {
|
|
183
|
-
panLockRef.current = false;
|
|
184
|
-
cancelWebRaf();
|
|
185
|
-
stopWebSnapAnim();
|
|
186
|
-
panLatestRef.current.onDragEnd?.();
|
|
187
|
-
}
|
|
188
|
-
});
|
|
189
|
-
})();
|
|
190
|
-
(0, _react().useEffect)(() => {
|
|
191
|
-
return () => {
|
|
192
|
-
cancelWebRaf();
|
|
193
|
-
stopWebSnapAnim();
|
|
194
|
-
};
|
|
195
|
-
}, [cancelWebRaf, stopWebSnapAnim]);
|
|
196
|
-
return {
|
|
197
|
-
webOffsetRef,
|
|
198
|
-
webTranslateXAnim,
|
|
199
|
-
webTranslateYAnim,
|
|
200
|
-
webTrackTransform,
|
|
201
|
-
panResponder,
|
|
202
|
-
stopWebSnapAnim,
|
|
203
|
-
cancelWebRaf,
|
|
204
|
-
flushWebTranslate,
|
|
205
|
-
scheduleWebTranslate,
|
|
206
|
-
webSnapAnimRef
|
|
207
|
-
};
|
|
208
|
-
};
|
|
209
|
-
exports.useSwiperWeb = useSwiperWeb;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.stopWebEvent = exports.runAfterFrames = exports.getTrackOffsetPct = exports.getSlideSizePct = exports.getInitialSwipeValue = exports.getDurationMs = exports.FALLBACK_WIDTH = exports.FALLBACK_HEIGHT = void 0;
|
|
7
|
-
var _utils = require("../../utils");
|
|
8
|
-
const FALLBACK_WIDTH = exports.FALLBACK_WIDTH = 375;
|
|
9
|
-
const FALLBACK_HEIGHT = exports.FALLBACK_HEIGHT = 667;
|
|
10
|
-
const runAfterFrames = (frames, fn) => {
|
|
11
|
-
const raf = typeof requestAnimationFrame !== 'undefined' ? requestAnimationFrame : cb => {
|
|
12
|
-
setTimeout(() => cb(Date.now()), 16);
|
|
13
|
-
return 0;
|
|
14
|
-
};
|
|
15
|
-
let left = Math.max(1, frames);
|
|
16
|
-
const step = () => {
|
|
17
|
-
left -= 1;
|
|
18
|
-
if (left <= 0) {
|
|
19
|
-
fn();
|
|
20
|
-
return;
|
|
21
|
-
}
|
|
22
|
-
raf(step);
|
|
23
|
-
};
|
|
24
|
-
raf(step);
|
|
25
|
-
};
|
|
26
|
-
exports.runAfterFrames = runAfterFrames;
|
|
27
|
-
const stopWebEvent = event => {
|
|
28
|
-
event.preventDefault?.();
|
|
29
|
-
event.stopPropagation?.();
|
|
30
|
-
event.nativeEvent?.preventDefault?.();
|
|
31
|
-
event.nativeEvent?.stopPropagation?.();
|
|
32
|
-
};
|
|
33
|
-
exports.stopWebEvent = stopWebEvent;
|
|
34
|
-
const getInitialSwipeValue = initialSwipe => {
|
|
35
|
-
return (0, _utils.isFiniteNumber)(initialSwipe) ? initialSwipe : 0;
|
|
36
|
-
};
|
|
37
|
-
exports.getInitialSwipeValue = getInitialSwipeValue;
|
|
38
|
-
const getDurationMs = duration => {
|
|
39
|
-
return (0, _utils.isFiniteNumber)(duration) ? Math.max(0, duration) : 0;
|
|
40
|
-
};
|
|
41
|
-
exports.getDurationMs = getDurationMs;
|
|
42
|
-
const getSlideSizePct = slideSize => {
|
|
43
|
-
return (0, _utils.isFiniteNumber)(slideSize) ? (0, _utils.clamp)(slideSize, 1, 100) : 100;
|
|
44
|
-
};
|
|
45
|
-
exports.getSlideSizePct = getSlideSizePct;
|
|
46
|
-
const getTrackOffsetPct = trackOffset => {
|
|
47
|
-
return (0, _utils.isFiniteNumber)(trackOffset) ? (0, _utils.clamp)(trackOffset, 0, 100) : 0;
|
|
48
|
-
};
|
|
49
|
-
exports.getTrackOffsetPct = getTrackOffsetPct;
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useTabsAnimation = void 0;
|
|
7
|
-
function _react() {
|
|
8
|
-
const data = require("react");
|
|
9
|
-
_react = function () {
|
|
10
|
-
return data;
|
|
11
|
-
};
|
|
12
|
-
return data;
|
|
13
|
-
}
|
|
14
|
-
function _reactNative() {
|
|
15
|
-
const data = require("react-native");
|
|
16
|
-
_reactNative = function () {
|
|
17
|
-
return data;
|
|
18
|
-
};
|
|
19
|
-
return data;
|
|
20
|
-
}
|
|
21
|
-
const useTabsAnimation = ({
|
|
22
|
-
type,
|
|
23
|
-
animated,
|
|
24
|
-
scrollable,
|
|
25
|
-
align,
|
|
26
|
-
panes,
|
|
27
|
-
nameIndexMap,
|
|
28
|
-
resolvedLineWidth,
|
|
29
|
-
resolvedDuration,
|
|
30
|
-
currentName,
|
|
31
|
-
layoutMap,
|
|
32
|
-
navContainerWidthRef
|
|
33
|
-
}) => {
|
|
34
|
-
const indicatorX = (0, _react().useRef)(new (_reactNative().Animated.Value)(0)).current;
|
|
35
|
-
const indicatorWidth = (0, _react().useRef)(new (_reactNative().Animated.Value)(0)).current;
|
|
36
|
-
const indicatorInitializedRef = (0, _react().useRef)(false);
|
|
37
|
-
const animateIndicator = (0, _react().useCallback)((name, immediate) => {
|
|
38
|
-
if (name == null || type !== 'line') return false;
|
|
39
|
-
const shouldUseEqualWidth = !scrollable && align !== 'start' && navContainerWidthRef.current > 0 && panes.length > 0;
|
|
40
|
-
const index = nameIndexMap.get(name) ?? -1;
|
|
41
|
-
const equalTabWidth = shouldUseEqualWidth ? navContainerWidthRef.current / panes.length : 0;
|
|
42
|
-
const layout = shouldUseEqualWidth ? {
|
|
43
|
-
x: Math.max(index, 0) * equalTabWidth,
|
|
44
|
-
width: equalTabWidth
|
|
45
|
-
} : layoutMap.current.get(name);
|
|
46
|
-
if (!layout || index < 0) {
|
|
47
|
-
return false;
|
|
48
|
-
}
|
|
49
|
-
const timing = (value, toValue) => _reactNative().Animated.timing(value, {
|
|
50
|
-
toValue,
|
|
51
|
-
duration: immediate || !animated ? 0 : resolvedDuration,
|
|
52
|
-
useNativeDriver: false
|
|
53
|
-
});
|
|
54
|
-
const targetWidth = resolvedLineWidth ?? layout.width;
|
|
55
|
-
const targetX = resolvedLineWidth ? layout.x + (layout.width - targetWidth) / 2 : layout.x;
|
|
56
|
-
_reactNative().Animated.parallel([timing(indicatorX, targetX), timing(indicatorWidth, targetWidth)]).start();
|
|
57
|
-
return true;
|
|
58
|
-
}, [align, animated, indicatorWidth, indicatorX, nameIndexMap, panes.length, resolvedDuration, resolvedLineWidth, scrollable, type, layoutMap, navContainerWidthRef]);
|
|
59
|
-
(0, _react().useEffect)(() => {
|
|
60
|
-
if (currentName == null) return;
|
|
61
|
-
const shouldAnimate = indicatorInitializedRef.current;
|
|
62
|
-
const didAnimate = animateIndicator(currentName, !shouldAnimate);
|
|
63
|
-
if (didAnimate && !indicatorInitializedRef.current) {
|
|
64
|
-
indicatorInitializedRef.current = true;
|
|
65
|
-
}
|
|
66
|
-
}, [animateIndicator, currentName]);
|
|
67
|
-
return {
|
|
68
|
-
indicatorX,
|
|
69
|
-
indicatorWidth,
|
|
70
|
-
indicatorInitializedRef,
|
|
71
|
-
animateIndicator
|
|
72
|
-
};
|
|
73
|
-
};
|
|
74
|
-
exports.useTabsAnimation = useTabsAnimation;
|
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useTabsScroll = void 0;
|
|
7
|
-
function _react() {
|
|
8
|
-
const data = require("react");
|
|
9
|
-
_react = function () {
|
|
10
|
-
return data;
|
|
11
|
-
};
|
|
12
|
-
return data;
|
|
13
|
-
}
|
|
14
|
-
function _reactNative() {
|
|
15
|
-
const data = require("react-native");
|
|
16
|
-
_reactNative = function () {
|
|
17
|
-
return data;
|
|
18
|
-
};
|
|
19
|
-
return data;
|
|
20
|
-
}
|
|
21
|
-
var _utils = require("./utils");
|
|
22
|
-
const useTabsScroll = ({
|
|
23
|
-
scrollable,
|
|
24
|
-
animated,
|
|
25
|
-
currentName,
|
|
26
|
-
resolvedDuration,
|
|
27
|
-
layoutMap,
|
|
28
|
-
navContainerWidthRef,
|
|
29
|
-
navContentWidthRef
|
|
30
|
-
}) => {
|
|
31
|
-
const navScrollRef = (0, _react().useRef)(null);
|
|
32
|
-
const navScrollX = (0, _react().useRef)(new (_reactNative().Animated.Value)(0)).current;
|
|
33
|
-
const navScrollAnimRef = (0, _react().useRef)(null);
|
|
34
|
-
const navAutoScrollingRef = (0, _react().useRef)(false);
|
|
35
|
-
const navLastScrollXRef = (0, _react().useRef)(0);
|
|
36
|
-
const navAutoScrollFrameRef = (0, _react().useRef)(null);
|
|
37
|
-
const scrollIntoView = (0, _react().useCallback)(immediate => {
|
|
38
|
-
if (!scrollable || currentName == null) return;
|
|
39
|
-
const layout = layoutMap.current.get(currentName);
|
|
40
|
-
const containerWidth = navContainerWidthRef.current;
|
|
41
|
-
if (!layout || !containerWidth) return;
|
|
42
|
-
const contentWidth = navContentWidthRef.current;
|
|
43
|
-
const targetX = layout.x - (containerWidth - layout.width) / 2;
|
|
44
|
-
const maxScroll = Math.max(contentWidth - containerWidth, 0);
|
|
45
|
-
const clampedX = Math.max(0, Math.min(targetX, maxScroll));
|
|
46
|
-
if (maxScroll <= 0) {
|
|
47
|
-
return;
|
|
48
|
-
}
|
|
49
|
-
if (Math.abs(clampedX - navLastScrollXRef.current) < 1) {
|
|
50
|
-
return;
|
|
51
|
-
}
|
|
52
|
-
if (navScrollAnimRef.current) {
|
|
53
|
-
navScrollAnimRef.current.stop();
|
|
54
|
-
navScrollAnimRef.current = null;
|
|
55
|
-
}
|
|
56
|
-
(0, _utils.cancelFrame)(navAutoScrollFrameRef.current);
|
|
57
|
-
navAutoScrollFrameRef.current = null;
|
|
58
|
-
if (immediate || !animated) {
|
|
59
|
-
navAutoScrollingRef.current = true;
|
|
60
|
-
navScrollX.setValue(clampedX);
|
|
61
|
-
navAutoScrollFrameRef.current = (0, _utils.requestFrame)(() => {
|
|
62
|
-
navAutoScrollFrameRef.current = null;
|
|
63
|
-
navAutoScrollingRef.current = false;
|
|
64
|
-
});
|
|
65
|
-
return;
|
|
66
|
-
}
|
|
67
|
-
navScrollX.setValue(navLastScrollXRef.current);
|
|
68
|
-
navAutoScrollingRef.current = true;
|
|
69
|
-
navScrollAnimRef.current = _reactNative().Animated.timing(navScrollX, {
|
|
70
|
-
toValue: clampedX,
|
|
71
|
-
duration: resolvedDuration,
|
|
72
|
-
useNativeDriver: false
|
|
73
|
-
});
|
|
74
|
-
navScrollAnimRef.current.start(({
|
|
75
|
-
finished
|
|
76
|
-
}) => {
|
|
77
|
-
navScrollAnimRef.current = null;
|
|
78
|
-
navAutoScrollingRef.current = false;
|
|
79
|
-
if (!finished) {
|
|
80
|
-
return;
|
|
81
|
-
}
|
|
82
|
-
navLastScrollXRef.current = clampedX;
|
|
83
|
-
});
|
|
84
|
-
}, [animated, currentName, navScrollX, resolvedDuration, scrollable, layoutMap, navContainerWidthRef, navContentWidthRef]);
|
|
85
|
-
(0, _react().useEffect)(() => {
|
|
86
|
-
if (!scrollable) return;
|
|
87
|
-
const listenerId = navScrollX.addListener(({
|
|
88
|
-
value
|
|
89
|
-
}) => {
|
|
90
|
-
const prev = navLastScrollXRef.current;
|
|
91
|
-
navLastScrollXRef.current = value;
|
|
92
|
-
if (Math.abs(value - prev) < 0.5) {
|
|
93
|
-
return;
|
|
94
|
-
}
|
|
95
|
-
navScrollRef.current?.scrollTo({
|
|
96
|
-
x: value,
|
|
97
|
-
y: 0,
|
|
98
|
-
animated: false
|
|
99
|
-
});
|
|
100
|
-
});
|
|
101
|
-
return () => {
|
|
102
|
-
navScrollX.removeListener(listenerId);
|
|
103
|
-
};
|
|
104
|
-
}, [navScrollX, scrollable]);
|
|
105
|
-
(0, _react().useEffect)(() => {
|
|
106
|
-
return () => {
|
|
107
|
-
(0, _utils.cancelFrame)(navAutoScrollFrameRef.current);
|
|
108
|
-
navAutoScrollFrameRef.current = null;
|
|
109
|
-
};
|
|
110
|
-
}, []);
|
|
111
|
-
const handleNavScrollBeginDrag = (0, _react().useCallback)(event => {
|
|
112
|
-
navAutoScrollingRef.current = false;
|
|
113
|
-
if (navScrollAnimRef.current) {
|
|
114
|
-
navScrollAnimRef.current.stop();
|
|
115
|
-
navScrollAnimRef.current = null;
|
|
116
|
-
}
|
|
117
|
-
navLastScrollXRef.current = event.nativeEvent.contentOffset.x;
|
|
118
|
-
}, []);
|
|
119
|
-
const handleNavScroll = (0, _react().useCallback)(event => {
|
|
120
|
-
if (navAutoScrollingRef.current) {
|
|
121
|
-
return;
|
|
122
|
-
}
|
|
123
|
-
navLastScrollXRef.current = event.nativeEvent.contentOffset.x;
|
|
124
|
-
}, []);
|
|
125
|
-
return {
|
|
126
|
-
navScrollRef,
|
|
127
|
-
navScrollX,
|
|
128
|
-
scrollIntoView,
|
|
129
|
-
handleNavScrollBeginDrag,
|
|
130
|
-
handleNavScroll
|
|
131
|
-
};
|
|
132
|
-
};
|
|
133
|
-
exports.useTabsScroll = useTabsScroll;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.requestFrame = exports.isTabPaneElement = exports.cancelFrame = void 0;
|
|
7
|
-
function _react() {
|
|
8
|
-
const data = _interopRequireDefault(require("react"));
|
|
9
|
-
_react = function () {
|
|
10
|
-
return data;
|
|
11
|
-
};
|
|
12
|
-
return data;
|
|
13
|
-
}
|
|
14
|
-
var _utils = require("../../utils");
|
|
15
|
-
var _TabPane = _interopRequireDefault(require("./TabPane"));
|
|
16
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
-
const canUseRaf = typeof requestAnimationFrame !== 'undefined' && (0, _utils.isFunction)(requestAnimationFrame) && typeof cancelAnimationFrame !== 'undefined' && (0, _utils.isFunction)(cancelAnimationFrame);
|
|
18
|
-
const requestFrame = exports.requestFrame = canUseRaf ? cb => requestAnimationFrame(cb) : cb => setTimeout(cb, 16);
|
|
19
|
-
const cancelFrame = id => {
|
|
20
|
-
if (id == null) return;
|
|
21
|
-
if (canUseRaf) {
|
|
22
|
-
cancelAnimationFrame(id);
|
|
23
|
-
} else {
|
|
24
|
-
clearTimeout(id);
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
exports.cancelFrame = cancelFrame;
|
|
28
|
-
const isTabPaneElement = child => {
|
|
29
|
-
if (! /*#__PURE__*/_react().default.isValidElement(child)) return false;
|
|
30
|
-
if (child.type === _TabPane.default) return true;
|
|
31
|
-
const type = child.type;
|
|
32
|
-
return type.displayName === 'Tabs.TabPane';
|
|
33
|
-
};
|
|
34
|
-
exports.isTabPaneElement = isTabPaneElement;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";
|