react-native-system-ui 1.0.6 → 1.0.8
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 +13 -13
- package/dist/cjs/components/calendar/Calendar.js +1 -1
- package/dist/cjs/components/cascader/Cascader.js +1 -1
- package/dist/cjs/components/cascader/useCascaderExtend.js +1 -1
- package/dist/cjs/components/dialog/Dialog.js +1 -1
- package/dist/cjs/components/dialog/imperative.js +1 -1
- package/dist/cjs/components/field/Field.js +1 -1
- package/dist/cjs/components/form/Form.js +1 -1
- package/dist/cjs/components/number-keyboard/NumberKeyboard.js +1 -1
- package/dist/cjs/components/overlay/Overlay.js +1 -1
- package/dist/cjs/components/picker/Picker.js +1 -1
- package/dist/cjs/components/popup/Popup.js +1 -1
- package/dist/cjs/components/portal/PortalHost.js +1 -1
- package/dist/cjs/components/selector/Selector.js +1 -1
- package/dist/cjs/components/slider/Slider.js +1 -1
- package/dist/cjs/components/stepper/Stepper.js +1 -1
- package/dist/cjs/components/swiper/Swiper.js +1 -1
- package/dist/cjs/components/tabs/Tabs.js +1 -1
- package/dist/cjs/components/toast/Toast.js +1 -1
- package/dist/cjs/hooks/calendar/utils.js +1 -0
- package/dist/cjs/hooks/cascader/utils.js +1 -0
- package/dist/cjs/hooks/dialog/ActionButton.js +1 -0
- package/dist/cjs/hooks/field/renderers.js +1 -0
- package/dist/cjs/hooks/form/utils.js +1 -0
- package/dist/cjs/hooks/number-keyboard/utils.js +1 -0
- package/dist/cjs/hooks/picker/normalize.js +1 -0
- package/dist/cjs/hooks/picker/value.js +1 -0
- package/dist/cjs/hooks/popup/utils.js +1 -0
- package/dist/cjs/hooks/slider/utils.js +1 -0
- package/dist/cjs/hooks/swiper/utils.js +1 -0
- package/dist/cjs/hooks/tabs/TabBarItem.js +1 -0
- package/dist/cjs/hooks/tabs/useTabsInternals.js +1 -0
- package/dist/cjs/utils/compare.js +1 -1
- package/dist/es/components/calendar/Calendar.js +1 -1
- package/dist/es/components/cascader/Cascader.js +1 -1
- package/dist/es/components/cascader/useCascaderExtend.js +1 -1
- package/dist/es/components/dialog/Dialog.js +1 -1
- package/dist/es/components/dialog/imperative.js +1 -1
- package/dist/es/components/field/Field.js +1 -1
- package/dist/es/components/form/Form.js +1 -1
- package/dist/es/components/number-keyboard/NumberKeyboard.js +1 -1
- package/dist/es/components/overlay/Overlay.js +1 -1
- package/dist/es/components/picker/Picker.js +1 -1
- package/dist/es/components/popup/Popup.js +1 -1
- package/dist/es/components/portal/PortalHost.js +1 -1
- package/dist/es/components/selector/Selector.js +1 -1
- package/dist/es/components/slider/Slider.js +1 -1
- package/dist/es/components/stepper/Stepper.js +1 -1
- package/dist/es/components/swiper/Swiper.js +1 -1
- package/dist/es/components/tabs/Tabs.js +1 -1
- package/dist/es/components/toast/Toast.js +1 -1
- package/dist/es/hooks/calendar/utils.js +1 -0
- package/dist/es/hooks/cascader/utils.js +1 -0
- package/dist/es/hooks/dialog/ActionButton.js +1 -0
- package/dist/es/hooks/field/renderers.js +1 -0
- package/dist/es/hooks/form/utils.js +1 -0
- package/dist/es/hooks/number-keyboard/utils.js +1 -0
- package/dist/es/hooks/picker/normalize.js +1 -0
- package/dist/es/hooks/picker/value.js +1 -0
- package/dist/es/hooks/popup/utils.js +1 -0
- package/dist/es/hooks/slider/utils.js +1 -0
- package/dist/es/hooks/swiper/utils.js +1 -0
- package/dist/es/hooks/tabs/TabBarItem.js +1 -0
- package/dist/es/hooks/tabs/useTabsInternals.js +1 -0
- package/dist/es/utils/compare.js +1 -1
- package/dist/types/components/action-sheet/ActionSheet.d.ts +1 -4
- package/dist/types/components/action-sheet/index.d.ts +1 -4
- package/dist/types/components/action-sheet/tokens.d.ts +1 -4
- package/dist/types/components/action-sheet/types.d.ts +1 -87
- package/dist/types/components/area/Area.d.ts +1 -4
- package/dist/types/components/area/index.d.ts +1 -3
- package/dist/types/components/area/tokens.d.ts +1 -7
- package/dist/types/components/area/types.d.ts +1 -20
- package/dist/types/components/avatar/Avatar.d.ts +1 -7
- package/dist/types/components/avatar/index.d.ts +1 -2
- package/dist/types/components/avatar/tokens.d.ts +1 -4
- package/dist/types/components/avatar/types.d.ts +1 -62
- package/dist/types/components/badge/Badge.d.ts +1 -4
- package/dist/types/components/badge/index.d.ts +1 -3
- package/dist/types/components/badge/tokens.d.ts +1 -2
- package/dist/types/components/badge/types.d.ts +1 -57
- package/dist/types/components/button/Button.d.ts +1 -5
- package/dist/types/components/button/ButtonContext.d.ts +1 -2
- package/dist/types/components/button/ButtonGroup.d.ts +1 -23
- package/dist/types/components/button/index.d.ts +1 -6
- package/dist/types/components/button/tokens.d.ts +1 -2
- package/dist/types/components/button/types.d.ts +1 -109
- package/dist/types/components/calendar/Calendar.d.ts +1 -4
- package/dist/types/components/calendar/index.d.ts +1 -3
- package/dist/types/components/calendar/tokens.d.ts +1 -4
- package/dist/types/components/calendar/types.d.ts +1 -111
- package/dist/types/components/cascader/Cascader.d.ts +1 -4
- package/dist/types/components/cascader/index.d.ts +1 -4
- package/dist/types/components/cascader/tokens.d.ts +1 -4
- package/dist/types/components/cascader/types.d.ts +1 -142
- package/dist/types/components/cascader/useCascaderExtend.d.ts +1 -12
- package/dist/types/components/cell/Cell.d.ts +1 -4
- package/dist/types/components/cell/CellContext.d.ts +1 -7
- package/dist/types/components/cell/CellGroup.d.ts +1 -3
- package/dist/types/components/cell/index.d.ts +1 -8
- package/dist/types/components/cell/tokens.d.ts +1 -4
- package/dist/types/components/cell/types.d.ts +1 -112
- package/dist/types/components/checkbox/Checkbox.d.ts +1 -5
- package/dist/types/components/checkbox/CheckboxContext.d.ts +1 -2
- package/dist/types/components/checkbox/CheckboxGroup.d.ts +1 -22
- package/dist/types/components/checkbox/index.d.ts +1 -7
- package/dist/types/components/checkbox/tokens.d.ts +1 -2
- package/dist/types/components/checkbox/types.d.ts +1 -99
- package/dist/types/components/circle/Circle.d.ts +1 -5
- package/dist/types/components/circle/index.d.ts +1 -3
- package/dist/types/components/circle/tokens.d.ts +1 -4
- package/dist/types/components/circle/types.d.ts +1 -51
- package/dist/types/components/collapse/Collapse.d.ts +1 -43
- package/dist/types/components/collapse/index.d.ts +1 -3
- package/dist/types/components/collapse/tokens.d.ts +1 -4
- package/dist/types/components/collapse/types.d.ts +1 -45
- package/dist/types/components/config-provider/ConfigProvider.d.ts +1 -3
- package/dist/types/components/config-provider/DirectionContext.d.ts +1 -3
- package/dist/types/components/config-provider/LocaleContext.d.ts +1 -3
- package/dist/types/components/config-provider/index.d.ts +1 -6
- package/dist/types/components/config-provider/locale/en-US.d.ts +1 -106
- package/dist/types/components/config-provider/locale/types.d.ts +1 -130
- package/dist/types/components/config-provider/locale/zh-CN.d.ts +1 -106
- package/dist/types/components/config-provider/tokens.d.ts +1 -3
- package/dist/types/components/config-provider/types.d.ts +1 -10
- package/dist/types/components/config-provider/useDirection.d.ts +1 -1
- package/dist/types/components/config-provider/useLocale.d.ts +1 -1
- package/dist/types/components/count-down/CountDown.d.ts +1 -4
- package/dist/types/components/count-down/index.d.ts +1 -4
- package/dist/types/components/count-down/tokens.d.ts +1 -4
- package/dist/types/components/count-down/types.d.ts +1 -29
- package/dist/types/components/datetime-picker/DatetimePicker.d.ts +1 -4
- package/dist/types/components/datetime-picker/index.d.ts +1 -3
- package/dist/types/components/datetime-picker/tokens.d.ts +1 -15
- package/dist/types/components/datetime-picker/types.d.ts +1 -38
- package/dist/types/components/dialog/Dialog.d.ts +1 -4
- package/dist/types/components/dialog/imperative.d.ts +1 -23
- package/dist/types/components/dialog/index.d.ts +1 -5
- package/dist/types/components/dialog/tokens.d.ts +1 -48
- package/dist/types/components/dialog/types.d.ts +1 -70
- package/dist/types/components/divider/Divider.d.ts +1 -3
- package/dist/types/components/divider/index.d.ts +1 -3
- package/dist/types/components/divider/tokens.d.ts +1 -4
- package/dist/types/components/divider/types.d.ts +1 -48
- package/dist/types/components/empty/Empty.d.ts +1 -3
- package/dist/types/components/empty/index.d.ts +1 -3
- package/dist/types/components/empty/tokens.d.ts +1 -4
- package/dist/types/components/empty/types.d.ts +1 -44
- package/dist/types/components/error-boundary/ErrorBoundary.d.ts +1 -6
- package/dist/types/components/error-boundary/index.d.ts +1 -2
- package/dist/types/components/error-boundary/types.d.ts +1 -18
- package/dist/types/components/field/Field.d.ts +1 -4
- package/dist/types/components/field/index.d.ts +1 -7
- package/dist/types/components/field/tokens.d.ts +1 -131
- package/dist/types/components/field/types.d.ts +1 -86
- package/dist/types/components/flex/Flex.d.ts +1 -9
- package/dist/types/components/flex/FlexContext.d.ts +1 -2
- package/dist/types/components/flex/FlexItem.d.ts +1 -3
- package/dist/types/components/flex/index.d.ts +1 -8
- package/dist/types/components/flex/tokens.d.ts +1 -2
- package/dist/types/components/flex/types.d.ts +1 -37
- package/dist/types/components/form/Form.d.ts +1 -26
- package/dist/types/components/form/FormItem.d.ts +1 -5
- package/dist/types/components/form/FormList.d.ts +1 -18
- package/dist/types/components/form/index.d.ts +1 -17
- package/dist/types/components/form/tokens.d.ts +1 -7
- package/dist/types/components/form/types.d.ts +1 -68
- package/dist/types/components/grid/Grid.d.ts +1 -19
- package/dist/types/components/grid/GridContext.d.ts +1 -2
- package/dist/types/components/grid/GridItem.d.ts +1 -3
- package/dist/types/components/grid/index.d.ts +1 -5
- package/dist/types/components/grid/tokens.d.ts +1 -4
- package/dist/types/components/grid/types.d.ts +1 -77
- package/dist/types/components/image/Image.d.ts +1 -5
- package/dist/types/components/image/index.d.ts +1 -4
- package/dist/types/components/image/tokens.d.ts +1 -2
- package/dist/types/components/image/types.d.ts +1 -53
- package/dist/types/components/image-preview/ImagePreview.d.ts +1 -4
- package/dist/types/components/image-preview/imperative.d.ts +1 -5
- package/dist/types/components/image-preview/index.d.ts +1 -6
- package/dist/types/components/image-preview/tokens.d.ts +1 -27
- package/dist/types/components/image-preview/types.d.ts +1 -55
- package/dist/types/components/index.d.ts +1 -213
- package/dist/types/components/input/Input.d.ts +1 -8
- package/dist/types/components/input/index.d.ts +1 -4
- package/dist/types/components/input/tokens.d.ts +1 -2
- package/dist/types/components/input/types.d.ts +1 -42
- package/dist/types/components/loading/Loading.d.ts +1 -3
- package/dist/types/components/loading/index.d.ts +1 -3
- package/dist/types/components/loading/tokens.d.ts +1 -4
- package/dist/types/components/loading/types.d.ts +1 -32
- package/dist/types/components/nav-bar/NavBar.d.ts +1 -4
- package/dist/types/components/nav-bar/index.d.ts +1 -4
- package/dist/types/components/nav-bar/tokens.d.ts +1 -4
- package/dist/types/components/nav-bar/types.d.ts +1 -67
- package/dist/types/components/notice-bar/NoticeBar.d.ts +1 -3
- package/dist/types/components/notice-bar/index.d.ts +1 -3
- package/dist/types/components/notice-bar/tokens.d.ts +1 -24
- package/dist/types/components/notice-bar/types.d.ts +1 -26
- package/dist/types/components/notify/Notify.d.ts +1 -6
- package/dist/types/components/notify/imperative.d.ts +1 -22
- package/dist/types/components/notify/index.d.ts +1 -15
- package/dist/types/components/notify/tokens.d.ts +1 -4
- package/dist/types/components/notify/types.d.ts +1 -64
- package/dist/types/components/number-keyboard/NumberKeyboard.d.ts +1 -4
- package/dist/types/components/number-keyboard/index.d.ts +1 -4
- package/dist/types/components/number-keyboard/tokens.d.ts +1 -42
- package/dist/types/components/number-keyboard/types.d.ts +1 -35
- package/dist/types/components/overlay/Overlay.d.ts +1 -5
- package/dist/types/components/overlay/index.d.ts +1 -5
- package/dist/types/components/overlay/tokens.d.ts +1 -6
- package/dist/types/components/overlay/types.d.ts +1 -13
- package/dist/types/components/password-input/PasswordInput.d.ts +1 -4
- package/dist/types/components/password-input/index.d.ts +1 -2
- package/dist/types/components/password-input/tokens.d.ts +1 -40
- package/dist/types/components/password-input/types.d.ts +1 -35
- package/dist/types/components/picker/Picker.d.ts +1 -32
- package/dist/types/components/picker/index.d.ts +1 -4
- package/dist/types/components/picker/tokens.d.ts +1 -39
- package/dist/types/components/picker/types.d.ts +1 -73
- package/dist/types/components/popup/Popup.d.ts +1 -5
- package/dist/types/components/popup/index.d.ts +1 -4
- package/dist/types/components/popup/tokens.d.ts +1 -48
- package/dist/types/components/popup/types.d.ts +1 -41
- package/dist/types/components/portal/Portal.d.ts +1 -14
- package/dist/types/components/portal/PortalContext.d.ts +1 -7
- package/dist/types/components/portal/PortalHost.d.ts +1 -11
- package/dist/types/components/portal/index.d.ts +1 -3
- package/dist/types/components/portal/tokens.d.ts +1 -3
- package/dist/types/components/portal/types.d.ts +1 -1
- package/dist/types/components/progress/Progress.d.ts +1 -8
- package/dist/types/components/progress/index.d.ts +1 -4
- package/dist/types/components/progress/tokens.d.ts +1 -4
- package/dist/types/components/progress/types.d.ts +1 -51
- package/dist/types/components/radio/Radio.d.ts +1 -3
- package/dist/types/components/radio/RadioContext.d.ts +1 -2
- package/dist/types/components/radio/RadioGroup.d.ts +1 -14
- package/dist/types/components/radio/index.d.ts +1 -7
- package/dist/types/components/radio/tokens.d.ts +1 -2
- package/dist/types/components/radio/types.d.ts +1 -95
- package/dist/types/components/safe-area-view/SafeAreaView.d.ts +1 -10
- package/dist/types/components/safe-area-view/index.d.ts +1 -2
- package/dist/types/components/safe-area-view/tokens.d.ts +1 -3
- package/dist/types/components/safe-area-view/types.d.ts +1 -1
- package/dist/types/components/search/Search.d.ts +1 -4
- package/dist/types/components/search/index.d.ts +1 -4
- package/dist/types/components/search/tokens.d.ts +1 -41
- package/dist/types/components/search/types.d.ts +1 -28
- package/dist/types/components/selector/Selector.d.ts +1 -7
- package/dist/types/components/selector/index.d.ts +1 -4
- package/dist/types/components/selector/tokens.d.ts +1 -2
- package/dist/types/components/selector/types.d.ts +1 -74
- package/dist/types/components/share-sheet/ShareSheet.d.ts +1 -4
- package/dist/types/components/share-sheet/index.d.ts +1 -4
- package/dist/types/components/share-sheet/tokens.d.ts +1 -40
- package/dist/types/components/share-sheet/types.d.ts +1 -26
- package/dist/types/components/sidebar/Sidebar.d.ts +1 -4
- package/dist/types/components/sidebar/SidebarContext.d.ts +1 -7
- package/dist/types/components/sidebar/SidebarItem.d.ts +1 -4
- package/dist/types/components/sidebar/index.d.ts +1 -8
- package/dist/types/components/sidebar/tokens.d.ts +1 -4
- package/dist/types/components/sidebar/types.d.ts +1 -64
- package/dist/types/components/skeleton/Skeleton.d.ts +1 -5
- package/dist/types/components/skeleton/index.d.ts +1 -5
- package/dist/types/components/skeleton/tokens.d.ts +1 -2
- package/dist/types/components/skeleton/types.d.ts +1 -45
- package/dist/types/components/slider/Slider.d.ts +1 -4
- package/dist/types/components/slider/index.d.ts +1 -3
- package/dist/types/components/slider/tokens.d.ts +1 -28
- package/dist/types/components/slider/types.d.ts +1 -38
- package/dist/types/components/space/Space.d.ts +1 -3
- package/dist/types/components/space/index.d.ts +1 -3
- package/dist/types/components/space/tokens.d.ts +1 -3
- package/dist/types/components/space/types.d.ts +1 -39
- package/dist/types/components/stepper/Stepper.d.ts +1 -4
- package/dist/types/components/stepper/index.d.ts +1 -4
- package/dist/types/components/stepper/tokens.d.ts +1 -46
- package/dist/types/components/stepper/types.d.ts +1 -46
- package/dist/types/components/swiper/Swiper.d.ts +1 -9
- package/dist/types/components/swiper/SwiperItem.d.ts +1 -1
- package/dist/types/components/swiper/SwiperPagIndicator.d.ts +1 -36
- package/dist/types/components/swiper/index.d.ts +1 -14
- package/dist/types/components/swiper/tokens.d.ts +1 -11
- package/dist/types/components/swiper/types.d.ts +1 -29
- package/dist/types/components/switch/Switch.d.ts +1 -7
- package/dist/types/components/switch/index.d.ts +1 -4
- package/dist/types/components/switch/tokens.d.ts +1 -2
- package/dist/types/components/switch/types.d.ts +1 -33
- package/dist/types/components/tabbar/Tabbar.d.ts +1 -4
- package/dist/types/components/tabbar/TabbarContext.d.ts +1 -13
- package/dist/types/components/tabbar/TabbarItem.d.ts +1 -4
- package/dist/types/components/tabbar/index.d.ts +1 -9
- package/dist/types/components/tabbar/tokens.d.ts +1 -28
- package/dist/types/components/tabbar/types.d.ts +1 -39
- package/dist/types/components/tabs/Tabs.d.ts +1 -8
- package/dist/types/components/tabs/index.d.ts +1 -10
- package/dist/types/components/tabs/tokens.d.ts +1 -96
- package/dist/types/components/tabs/types.d.ts +1 -64
- package/dist/types/components/tag/Tag.d.ts +1 -3
- package/dist/types/components/tag/index.d.ts +1 -3
- package/dist/types/components/tag/tokens.d.ts +1 -4
- package/dist/types/components/tag/types.d.ts +1 -69
- package/dist/types/components/theme.d.ts +1 -112
- package/dist/types/components/toast/Toast.d.ts +1 -33
- package/dist/types/components/toast/imperative.d.ts +1 -22
- package/dist/types/components/toast/index.d.ts +1 -15
- package/dist/types/components/toast/tokens.d.ts +1 -29
- package/dist/types/components/toast/types.d.ts +1 -1
- package/dist/types/components/typography/Typography.d.ts +1 -11
- package/dist/types/components/typography/index.d.ts +1 -3
- package/dist/types/components/typography/tokens.d.ts +1 -2
- package/dist/types/components/typography/types.d.ts +1 -66
- package/dist/types/components/water-mark/WaterMark.d.ts +1 -4
- package/dist/types/components/water-mark/index.d.ts +1 -5
- package/dist/types/components/water-mark/tokens.d.ts +1 -2
- package/dist/types/components/water-mark/types.d.ts +1 -58
- package/dist/types/design-system/Text.d.ts +1 -3
- package/dist/types/design-system/ThemeContext.d.ts +1 -14
- package/dist/types/design-system/ThemeProvider.d.ts +1 -14
- package/dist/types/design-system/createComponentTokensHook.d.ts +1 -4
- package/dist/types/design-system/index.d.ts +1 -11
- package/dist/types/design-system/mergeTokensOverride.d.ts +1 -2
- package/dist/types/design-system/presets.d.ts +1 -8
- package/dist/types/design-system/tokens.d.ts +1 -74
- package/dist/types/design-system/useTheme.d.ts +1 -1
- package/dist/types/hooks/animation/index.d.ts +1 -3
- package/dist/types/hooks/animation/useAnimatedTransition.d.ts +1 -13
- package/dist/types/hooks/animation/useReducedMotion.d.ts +1 -3
- package/dist/types/hooks/aria/index.d.ts +1 -4
- package/dist/types/hooks/aria/useAriaListBox.d.ts +1 -14
- package/dist/types/hooks/aria/useAriaOverlay.d.ts +1 -14
- package/dist/types/hooks/aria/useAriaPress.d.ts +1 -19
- package/dist/types/hooks/aria/useAriaToggle.d.ts +1 -12
- package/dist/types/hooks/calendar/utils.d.ts +1 -0
- package/dist/types/hooks/cascader/utils.d.ts +1 -0
- package/dist/types/hooks/dialog/ActionButton.d.ts +1 -0
- package/dist/types/hooks/field/renderers.d.ts +1 -0
- package/dist/types/hooks/form/utils.d.ts +1 -0
- package/dist/types/hooks/gesture/index.d.ts +1 -1
- package/dist/types/hooks/gesture/useGestureScroll.d.ts +1 -33
- package/dist/types/hooks/index.d.ts +1 -9
- package/dist/types/hooks/number-keyboard/utils.d.ts +1 -0
- package/dist/types/hooks/overlay/OverlayStackStore.d.ts +1 -39
- package/dist/types/hooks/overlay/index.d.ts +1 -2
- package/dist/types/hooks/overlay/useOverlayStack.d.ts +1 -10
- package/dist/types/hooks/picker/normalize.d.ts +1 -0
- package/dist/types/hooks/picker/value.d.ts +1 -0
- package/dist/types/hooks/popup/utils.d.ts +1 -0
- package/dist/types/hooks/slider/utils.d.ts +1 -0
- package/dist/types/hooks/swiper/utils.d.ts +1 -0
- package/dist/types/hooks/tabs/TabBarItem.d.ts +1 -0
- package/dist/types/hooks/tabs/useTabsInternals.d.ts +1 -0
- package/dist/types/hooks/useControllableValue.d.ts +1 -9
- package/dist/types/hooks/useCountDown.d.ts +1 -23
- package/dist/types/hooks/useHairline.d.ts +1 -10
- package/dist/types/hooks/useSafeAreaPadding.d.ts +1 -13
- package/dist/types/index.d.ts +1 -9
- package/dist/types/nativewind.d.ts +1 -4
- package/dist/types/platform/animation.d.ts +1 -9
- package/dist/types/platform/history.d.ts +1 -1
- package/dist/types/platform/index.d.ts +1 -5
- package/dist/types/platform/measure.d.ts +1 -7
- package/dist/types/platform/runtime.d.ts +1 -3
- package/dist/types/platform/scrollLock.d.ts +1 -2
- package/dist/types/types.d.ts +1 -4
- package/dist/types/utils/array.d.ts +1 -1
- package/dist/types/utils/color.d.ts +1 -3
- package/dist/types/utils/compare.d.ts +1 -2
- package/dist/types/utils/createPlatformShadow.d.ts +1 -11
- package/dist/types/utils/date.d.ts +1 -13
- package/dist/types/utils/deepMerge.d.ts +1 -3
- package/dist/types/utils/hairline.d.ts +1 -15
- package/dist/types/utils/index.d.ts +1 -13
- package/dist/types/utils/number.d.ts +1 -11
- package/dist/types/utils/promise.d.ts +1 -1
- package/dist/types/utils/render.d.ts +1 -5
- package/dist/types/utils/rtl.d.ts +1 -5
- package/dist/types/utils/string.d.ts +1 -3
- package/dist/types/utils/validate.d.ts +1 -13
- package/package.json +38 -45
|
@@ -1 +1 @@
|
|
|
1
|
-
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}import{useSlider,useSliderThumb}from"@react-native-aria/slider";import{isRTL}from"@react-native-aria/utils";import{useSliderState}from"@react-stately/slider";import React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import{Platform,Pressable,StyleSheet,View}from"react-native";import{useSliderTokens}from"./tokens";import{parseNumber}from"../../utils/number";import{createHairlineView}from"../../utils/hairline";import{clamp,renderTextOrNode}from"../../utils";import{isFunction,isFiniteNumber,isText}from"../../utils/validate";import{useAriaPress}from"../../hooks";const isSameLayout=(e,t)=>e.width===t.width&&e.height===t.height&&e.x===t.x&&e.y===t.y,normalizeValue=(e,t,r,n)=>t?(()=>{const t=Array.isArray(e)?e:isFiniteNumber(e)?[r,e]:[r,r],i=isFiniteNumber(t[0])?clamp(t[0],r,n):r,a=isFiniteNumber(t[1]??t[0])?clamp(t[1]??t[0],r,n):r;return i<=a?[i,a]:[a,i]})():(()=>{const t=Array.isArray(e)?e[0]:e;return[isFiniteNumber(t)?clamp(t,r,n):r]})(),toSliderValue=(e,t,r)=>t?[e[0]??r,e[1]??e[0]??r]:e[0]??r,createAccessibilityProps=e=>e?(()=>{const{role:t,"aria-value":r,accessibilityActions:n,onAccessibilityAction:i,disabled:a}=e;return{accessible:!0,accessibilityRole:t??"adjustable",accessibilityValue:r,accessibilityActions:n,onAccessibilityAction:i,accessibilityState:{disabled:a}}})():{},defaultNumberFormatter="undefined"!=typeof Intl&&isFunction(Intl.NumberFormat)?new Intl.NumberFormat:{format:e=>String(e)},START_KEYS=["onResponderGrant","onPanResponderGrant"],MOVE_KEYS=["onResponderMove","onPanResponderMove"],END_KEYS=["onResponderRelease","onResponderTerminate","onPanResponderRelease","onPanResponderTerminate"],useTrackLayout=()=>{const e=useRef(null),t=useRef(null),[r,n]=useState({width:0,height:0,x:0,y:0}),i=useCallback(r=>{const{layout:i}=r.nativeEvent,a={width:Math.max(i.width,1),height:Math.max(i.height,1),x:i.x??0,y:i.y??0};n(e=>isSameLayout(e,a)?e:a),"web"===Platform.OS&&"undefined"!=typeof requestAnimationFrame&&null==t.current&&(t.current=requestAnimationFrame(()=>{t.current=null;const r=e.current;r?.measureInWindow&&r.measureInWindow((e,t,r,i)=>{const a={width:Math.max(r,1),height:Math.max(i,1),x:e,y:t};n(e=>isSameLayout(e,a)?e:a)})}))},[]);return useEffect(()=>()=>{null!=t.current&&"function"==typeof cancelAnimationFrame&&cancelAnimationFrame(t.current),t.current=null},[]),{trackRef:e,trackLayout:r,handleTrackLayout:i}},ThumbNode=React.memo(({index:e,orientation:t,ariaReverse:r,trackLayout:n,isDisabled:i,state:a,size:o,activeColor:s,content:u,visualPercent:c,thumbBackgroundColor:l,thumbElevation:m,indicatorSize:d,indicatorColor:h,webGestureStyle:b,enhanceHandlers:f})=>{const p=useRef(null),{thumbProps:v,inputProps:y}=useSliderThumb({index:e,trackLayout:n,inputRef:p,isDisabled:i,orientation:t},a,r),g=v,R=f(g,e)??g??{},w=-o/2,x={width:o,height:o,borderRadius:o/2,borderColor:s,transform:[{translateX:w},{translateY:w}],..."vertical"===t?{top:`${c}%`,left:"50%"}:{left:`${c}%`,top:"50%"},...u?{}:{backgroundColor:l,elevation:m}},k={width:d,height:d,borderRadius:d/2,backgroundColor:h},E=createAccessibilityProps(y);return React.createElement(View,_extends({},R,E,{pointerEvents:i?"none":"auto",style:[u?S.thw:S.t,b,x]}),null!=u?isText(u)?renderTextOrNode(u,[]):u:React.createElement(View,{style:k}),!u&&React.createElement(View,{style:createHairlineView({position:"all",color:s,borderRadius:o/2})}))});ThumbNode.displayName="ThumbNode";const SliderImpl=e=>{const{value:t,min:r=0,max:n=100,step:i=1,range:a=!1,vertical:o=!1,reverse:s=!1,disabled:u=!1,readOnly:c=!1,activeColor:l,inactiveColor:m,barHeight:d,trackHeight:h,buttonSize:b,thumbSize:f,tokensOverride:p,button:v,leftButton:y,rightButton:g,thumb:R,leftThumb:w,rightThumb:x,ariaLabel:k,onChange:E,onChangeAfter:F,onDragStart:M,onDragEnd:C,style:T,onLayout:A,...N}=e,V=useSliderTokens(p),P=o?"vertical":"horizontal",{trackRef:z,trackLayout:L,handleTrackLayout:_}=useTrackLayout(),D=parseNumber(r,0),O=parseNumber(n,100),I=parseNumber(i,1),Y=I>0?I:1,K=Math.max(0,parseNumber(d??h,V.track.height)),j=Math.max(0,parseNumber(b??f,V.thumb.size)),H=u||c,$=l??V.colors.active,B=m??V.colors.inactive,q=Math.max(O-D,1e-5),G=normalizeValue(t,a,D,O),W=void 0!==t,X=useRef(E),J=useRef(F),Q=useRef(M),U=useRef(C);X.current=E,J.current=F,Q.current=M,U.current=C;const Z=useCallback(e=>toSliderValue(e,a,D),[a,D]),ee=useCallback(e=>{X.current?.(Z(e))},[Z]),te=useCallback(e=>{J.current?.(Z(e))},[Z]),re=useMemo(()=>({minValue:D,maxValue:O,step:Y,isDisabled:H,numberFormatter:defaultNumberFormatter,orientation:P,value:W?G:void 0,defaultValue:W?void 0:G,onChange:ee,onChangeEnd:te}),[H,ee,te,W,G,P,O,D,Y]),ne=useSliderState(re),ie="horizontal"===P?s||isRTL():s,ae="horizontal"===P?ie:s,{trackProps:oe}=useSlider({orientation:P,isDisabled:H,"aria-label":k??"Slider"},ne,L,ae),se=oe,{style:ue,onLayout:ce,...le}=se,me=useCallback(e=>{_(e),ce?.(e)},[_,ce]),de=useCallback(e=>{if(H)return;if(!ne.values.every((e,t)=>!ne.isThumbDragging(t)))return;const{locationX:t,locationY:r,pageX:n,pageY:i}=e.nativeEvent,a=isFiniteNumber(t)?t:isFiniteNumber(n)?n-(L.x??0):0,o=isFiniteNumber(r)?r:isFiniteNumber(i)?i-(L.y??0):0,u="vertical"===P?L.height:L.width,c=("vertical"===P?o:a)/Math.max(u,1),l="vertical"===P?s?c:1-c:ie?1-c:c,m=ne.getPercentValue(Math.min(1,Math.max(0,l))),d=ne.values.reduce((e,t,r)=>Math.abs(t-m)<Math.abs(ne.values[e]-m)?r:e,0);d>=0&&ne.isThumbEditable(d)&&(e.preventDefault?.(),ne.setFocusedThumb(d),ne.setThumbDragging(d,!0),ne.setThumbValue(d,m),ne.setThumbDragging(d,!1))},[H,P,s,ie,ne,L.height,L.width,L.x,L.y]),{interactionProps:he}=useAriaPress({disabled:H,onPress:de,extraProps:le}),be=Z(ne.values),fe=useRef(be),pe=useRef([]),ve=useRef([]),ye=useRef([]),ge=useRef([]),Se=useRef(new WeakMap);fe.current=be,useEffect(()=>()=>{const e="function"==typeof cancelAnimationFrame?cancelAnimationFrame:void 0;if(e){for(const t of ye.current)null!=t&&e(t);ye.current=[],ge.current=[]}},[]);const Re=useCallback((e,t)=>{if(!e)return e;if(!Q.current&&!U.current)return e;const r=Se.current.get(e),n=r?.get(t);if(n)return n;if(!(START_KEYS.some(t=>isFunction(e[t]))||MOVE_KEYS.some(t=>isFunction(e[t]))||END_KEYS.some(t=>isFunction(e[t]))))return e;const i={...e},a="function"==typeof requestAnimationFrame?requestAnimationFrame:void 0,o="function"==typeof cancelAnimationFrame?cancelAnimationFrame:void 0;for(const e of MOVE_KEYS){const r=i[e];if(!isFunction(r))continue;const n=r;i[e]=(...e)=>{a?(ge.current[t]=e,null==ye.current[t]&&(ye.current[t]=a(()=>{ye.current[t]=null;const e=ge.current[t];e&&(ge.current[t]=null,n(...e))}))):n(...e)}}const s=(e,t)=>{if(!t)return;const r=i[e];i[e]=(...e)=>{isFunction(r)&&r(...e),t(e[0])}},u=(e,t)=>{if(!t)return;const r=i[e];i[e]=(...e)=>{t(e[0]),isFunction(r)&&r(...e)}};for(const e of START_KEYS)s(e,()=>{pe.current[t]=!1,ve.current[t]=fe.current});for(const e of MOVE_KEYS)u(e,e=>{pe.current[t]||(pe.current[t]=!0,Q.current?.(e,ve.current[t]??fe.current))});const c=e=>{pe.current[t]&&(pe.current[t]=!1,ve.current[t]=void 0,U.current?.(e,fe.current));const r=ye.current[t];null!=r&&o&&(o(r),ye.current[t]=null),ge.current[t]=null};for(const e of END_KEYS)s(e,c);const l=r??new Map;return l.set(t,i),r||Se.current.set(e,l),i},[]),we=ne.values,xe=useMemo(()=>we.map(e=>((e??D)-D)/q*100),[D,q,we]),ke=useMemo(()=>xe.map(e=>"vertical"===P?s?e:100-e:ie?100-e:e),[P,s,ie,xe]),Ee=useMemo(()=>{const e=ke[0]??0,t=ke[1]??e;return a&&ke.length>1?{offset:Math.min(e,t),size:Math.max(e,t)-Math.min(e,t)}:("horizontal"===P?!ie:s)?{offset:0,size:e}:{offset:e,size:100-e}},[P,a,s,ie,ke]),{track:{radius:Fe}}=V,Me=useMemo(()=>({backgroundColor:$,borderRadius:Fe,..."vertical"===P?{left:0,width:"100%",height:`${Math.max(Ee.size,0)}%`,top:`${Math.max(Ee.offset,0)}%`}:{top:0,height:"100%",width:`${Math.max(Ee.size,0)}%`,left:`${Math.max(Ee.offset,0)}%`}}),[Ee.offset,Ee.size,P,$,Fe]),Ce=useMemo(()=>"vertical"===P?[S.tv,{width:K,backgroundColor:B,alignSelf:"center"}]:[S.th,{height:K,backgroundColor:B}],[P,B,K]),Te=isFunction(v)?v({value:be}):v??R,Ae=y??w??Te,Ne=g??x??Te,Ve=useCallback((e,t)=>t>1?0===e?Ae:Ne:Te,[Ae,Ne,Te]),Pe="web"===Platform.OS?{touchAction:"horizontal"===P?"pan-y":"pan-x",userSelect:"none"}:void 0,ze=[S.tp,"vertical"===P?S.tpv:null,Pe],Le=useCallback(e=>[ze,ue(e)],[ze,ue]),_e=ue&&isFunction(ue)?Le:[ze,ue],{spacing:{containerPaddingVertical:De},layout:{verticalMinHeight:Oe,verticalWidth:Ie},states:{disabledOpacity:Ye}}=V,Ke=[S.c,{paddingVertical:De},"vertical"===P&&[S.vc,{minHeight:Oe,width:Ie}],u&&{opacity:Ye},T];return React.createElement(View,_extends({style:Ke,onLayout:A},N),React.createElement(View,{style:[S.tw,"vertical"===P&&S.twv]},React.createElement(Pressable,_extends({ref:z},he,{disabled:H,onLayout:me,style:_e}),React.createElement(View,{style:[S.tb,{borderRadius:Fe},...Ce]},React.createElement(View,{style:[S.a,Me]}))),we.map((e,t)=>React.createElement(ThumbNode,{key:`thumb-${t}`,index:t,orientation:P,ariaReverse:ae,trackLayout:L,isDisabled:H,state:ne,size:j,activeColor:$,content:Ve(t,we.length),visualPercent:ke[t]??0,thumbBackgroundColor:V.colors.thumbBackground,thumbElevation:V.thumb.elevation,indicatorSize:V.thumb.indicatorSize,indicatorColor:V.colors.thumbIndicator,webGestureStyle:Pe,enhanceHandlers:Re}))))},S=StyleSheet.create({c:{position:"relative",justifyContent:"center",width:"100%"},vc:{height:"100%",alignItems:"center",paddingVertical:0},tw:{width:"100%",justifyContent:"center",position:"relative"},twv:{flex:1,justifyContent:"center",alignItems:"center",width:"100%"},tp:{width:"100%",justifyContent:"center"},tpv:{flex:1,alignItems:"center"},tb:{overflow:"hidden",position:"relative"},th:{width:"100%"},tv:{height:"100%"},a:{position:"absolute"},t:{position:"absolute",alignItems:"center",justifyContent:"center"},thw:{position:"absolute",alignItems:"center",justifyContent:"center"}});export const Slider=React.memo(SliderImpl);export default Slider;
|
|
1
|
+
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)({}).hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},_extends.apply(null,arguments)}import{useSlider,useSliderThumb}from"@react-native-aria/slider";import{isRTL}from"@react-native-aria/utils";import{useSliderState}from"@react-stately/slider";import React,{useCallback,useEffect,useMemo,useRef}from"react";import{Platform,Pressable,StyleSheet,View}from"react-native";import{useSliderTokens}from"./tokens";import{parseNumber}from"../../utils/number";import{createHairlineView}from"../../utils/hairline";import{renderTextOrNode}from"../../utils";import{isFunction,isFiniteNumber,isText}from"../../utils/validate";import{useAriaPress}from"../../hooks";import{createAccessibilityProps,defaultNumberFormatter,END_KEYS,MOVE_KEYS,normalizeValue,START_KEYS,toSliderValue,useTrackLayout}from"../../hooks/slider/utils";const ThumbNode=React.memo(({index:e,orientation:t,ariaReverse:r,trackLayout:i,isDisabled:n,state:a,size:o,activeColor:s,content:u,visualPercent:l,thumbBackgroundColor:c,thumbElevation:m,indicatorSize:d,indicatorColor:h,webGestureStyle:f,enhanceHandlers:b})=>{const p=useRef(null),{thumbProps:v,inputProps:g}=useSliderThumb({index:e,trackLayout:i,inputRef:p,isDisabled:n,orientation:t},a,r),y=v,R=b(y,e)??y??{},k=-o/2,w={width:o,height:o,borderRadius:o/2,borderColor:s,transform:[{translateX:k},{translateY:k}],..."vertical"===t?{top:`${l}%`,left:"50%"}:{left:`${l}%`,top:"50%"},...u?{}:{backgroundColor:c,elevation:m}},E={width:d,height:d,borderRadius:d/2,backgroundColor:h},x=createAccessibilityProps(g);return React.createElement(View,_extends({},R,x,{pointerEvents:n?"none":"auto",style:[u?S.thw:S.t,f,w]}),null!=u?isText(u)?renderTextOrNode(u,[]):u:React.createElement(View,{style:E}),!u&&React.createElement(View,{style:createHairlineView({position:"all",color:s,borderRadius:o/2})}))});ThumbNode.displayName="ThumbNode";const SliderImpl=e=>{const{value:t,min:r=0,max:i=100,step:n=1,range:a=!1,vertical:o=!1,reverse:s=!1,disabled:u=!1,readOnly:l=!1,activeColor:c,inactiveColor:m,barHeight:d,trackHeight:h,buttonSize:f,thumbSize:b,tokensOverride:p,button:v,leftButton:g,rightButton:y,thumb:R,leftThumb:k,rightThumb:w,ariaLabel:E,onChange:x,onChangeAfter:C,onDragStart:T,onDragEnd:M,style:V,onLayout:F,...N}=e,z=useSliderTokens(p),P=o?"vertical":"horizontal",{trackRef:_,trackLayout:A,handleTrackLayout:D}=useTrackLayout(),L=parseNumber(r,0),O=parseNumber(i,100),Y=parseNumber(n,1),K=Y>0?Y:1,j=Math.max(0,parseNumber(d??h,z.track.height)),H=Math.max(0,parseNumber(f??b,z.thumb.size)),I=u||l,$=c??z.colors.active,B=m??z.colors.inactive,X=Math.max(O-L,1e-5),q=normalizeValue(t,a,L,O),G=void 0!==t,W=useRef(x),J=useRef(C),Q=useRef(T),U=useRef(M);W.current=x,J.current=C,Q.current=T,U.current=M;const Z=useCallback(e=>toSliderValue(e,a,L),[a,L]),ee=useCallback(e=>{W.current?.(Z(e))},[Z]),te=useCallback(e=>{J.current?.(Z(e))},[Z]),re=useMemo(()=>({minValue:L,maxValue:O,step:K,isDisabled:I,numberFormatter:defaultNumberFormatter,orientation:P,value:G?q:void 0,defaultValue:G?void 0:q,onChange:ee,onChangeEnd:te}),[I,ee,te,G,q,P,O,L,K]),ie=useSliderState(re),ne="horizontal"===P?s||isRTL():s,ae="horizontal"===P?ne:s,{trackProps:oe}=useSlider({orientation:P,isDisabled:I,"aria-label":E??"Slider"},ie,A,ae),se=oe,{style:ue,onLayout:le,...ce}=se,me=useCallback(e=>{D(e),le?.(e)},[D,le]),de=useCallback(e=>{if(I)return;if(!ie.values.every((e,t)=>!ie.isThumbDragging(t)))return;const{locationX:t,locationY:r,pageX:i,pageY:n}=e.nativeEvent,a=isFiniteNumber(t)?t:isFiniteNumber(i)?i-(A.x??0):0,o=isFiniteNumber(r)?r:isFiniteNumber(n)?n-(A.y??0):0,u="vertical"===P?A.height:A.width,l=("vertical"===P?o:a)/Math.max(u,1),c="vertical"===P?s?l:1-l:ne?1-l:l,m=ie.getPercentValue(Math.min(1,Math.max(0,c))),d=ie.values.reduce((e,t,r)=>Math.abs(t-m)<Math.abs(ie.values[e]-m)?r:e,0);d>=0&&ie.isThumbEditable(d)&&(e.preventDefault?.(),ie.setFocusedThumb(d),ie.setThumbDragging(d,!0),ie.setThumbValue(d,m),ie.setThumbDragging(d,!1))},[I,P,s,ne,ie,A.height,A.width,A.x,A.y]),{interactionProps:he}=useAriaPress({disabled:I,onPress:de,extraProps:ce}),fe=Z(ie.values),be=useRef(fe),pe=useRef([]),ve=useRef([]),ge=useRef([]),Se=useRef([]),ye=useRef(new WeakMap);be.current=fe,useEffect(()=>()=>{const e="function"==typeof cancelAnimationFrame?cancelAnimationFrame:void 0;if(e){for(const t of ge.current)null!=t&&e(t);ge.current=[],Se.current=[]}},[]);const Re=useCallback((e,t)=>{if(!e)return e;if(!Q.current&&!U.current)return e;const r=ye.current.get(e),i=r?.get(t);if(i)return i;if(!(START_KEYS.some(t=>isFunction(e[t]))||MOVE_KEYS.some(t=>isFunction(e[t]))||END_KEYS.some(t=>isFunction(e[t]))))return e;const n={...e},a="function"==typeof requestAnimationFrame?requestAnimationFrame:void 0,o="function"==typeof cancelAnimationFrame?cancelAnimationFrame:void 0;for(const e of MOVE_KEYS){const r=n[e];if(!isFunction(r))continue;const i=r;n[e]=(...e)=>{a?(Se.current[t]=e,null==ge.current[t]&&(ge.current[t]=a(()=>{ge.current[t]=null;const e=Se.current[t];e&&(Se.current[t]=null,i(...e))}))):i(...e)}}const s=(e,t)=>{if(!t)return;const r=n[e];n[e]=(...e)=>{isFunction(r)&&r(...e),t(e[0])}},u=(e,t)=>{if(!t)return;const r=n[e];n[e]=(...e)=>{t(e[0]),isFunction(r)&&r(...e)}};for(const e of START_KEYS)s(e,()=>{pe.current[t]=!1,ve.current[t]=be.current});for(const e of MOVE_KEYS)u(e,e=>{pe.current[t]||(pe.current[t]=!0,Q.current?.(e,ve.current[t]??be.current))});const l=e=>{pe.current[t]&&(pe.current[t]=!1,ve.current[t]=void 0,U.current?.(e,be.current));const r=ge.current[t];null!=r&&o&&(o(r),ge.current[t]=null),Se.current[t]=null};for(const e of END_KEYS)s(e,l);const c=r??new Map;return c.set(t,n),r||ye.current.set(e,c),n},[]),ke=ie.values,we=useMemo(()=>ke.map(e=>((e??L)-L)/X*100),[L,X,ke]),Ee=useMemo(()=>we.map(e=>"vertical"===P?s?e:100-e:ne?100-e:e),[P,s,ne,we]),xe=useMemo(()=>{const e=Ee[0]??0,t=Ee[1]??e;return a&&Ee.length>1?{offset:Math.min(e,t),size:Math.max(e,t)-Math.min(e,t)}:("horizontal"===P?!ne:s)?{offset:0,size:e}:{offset:e,size:100-e}},[P,a,s,ne,Ee]),{track:{radius:Ce}}=z,Te=useMemo(()=>({backgroundColor:$,borderRadius:Ce,..."vertical"===P?{left:0,width:"100%",height:`${Math.max(xe.size,0)}%`,top:`${Math.max(xe.offset,0)}%`}:{top:0,height:"100%",width:`${Math.max(xe.size,0)}%`,left:`${Math.max(xe.offset,0)}%`}}),[xe.offset,xe.size,P,$,Ce]),Me=useMemo(()=>"vertical"===P?[S.tv,{width:j,backgroundColor:B,alignSelf:"center"}]:[S.th,{height:j,backgroundColor:B}],[P,B,j]),Ve=isFunction(v)?v({value:fe}):v??R,Fe=g??k??Ve,Ne=y??w??Ve,ze=useCallback((e,t)=>t>1?0===e?Fe:Ne:Ve,[Fe,Ne,Ve]),Pe="web"===Platform.OS?{touchAction:"horizontal"===P?"pan-y":"pan-x",userSelect:"none"}:void 0,_e=[S.tp,"vertical"===P?S.tpv:null,Pe],Ae=useCallback(e=>[_e,ue(e)],[_e,ue]),De=ue&&isFunction(ue)?Ae:[_e,ue],{spacing:{containerPaddingVertical:Le},layout:{verticalMinHeight:Oe,verticalWidth:Ye},states:{disabledOpacity:Ke}}=z,je=[S.c,{paddingVertical:Le},"vertical"===P&&[S.vc,{minHeight:Oe,width:Ye}],u&&{opacity:Ke},V];return React.createElement(View,_extends({style:je,onLayout:F},N),React.createElement(View,{style:[S.tw,"vertical"===P&&S.twv]},React.createElement(Pressable,_extends({ref:_},he,{disabled:I,onLayout:me,style:De}),React.createElement(View,{style:[S.tb,{borderRadius:Ce},...Me]},React.createElement(View,{style:[S.a,Te]}))),ke.map((e,t)=>React.createElement(ThumbNode,{key:`thumb-${t}`,index:t,orientation:P,ariaReverse:ae,trackLayout:A,isDisabled:I,state:ie,size:H,activeColor:$,content:ze(t,ke.length),visualPercent:Ee[t]??0,thumbBackgroundColor:z.colors.thumbBackground,thumbElevation:z.thumb.elevation,indicatorSize:z.thumb.indicatorSize,indicatorColor:z.colors.thumbIndicator,webGestureStyle:Pe,enhanceHandlers:Re}))))},S=StyleSheet.create({c:{position:"relative",justifyContent:"center",width:"100%"},vc:{height:"100%",alignItems:"center",paddingVertical:0},tw:{width:"100%",justifyContent:"center",position:"relative"},twv:{flex:1,justifyContent:"center",alignItems:"center",width:"100%"},tp:{width:"100%",justifyContent:"center"},tpv:{flex:1,alignItems:"center"},tb:{overflow:"hidden",position:"relative"},th:{width:"100%"},tv:{height:"100%"},a:{position:"absolute"},t:{position:"absolute",alignItems:"center",justifyContent:"center"},thw:{position:"absolute",alignItems:"center",justifyContent:"center"}});export const Slider=React.memo(SliderImpl);export default Slider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}import React,{useCallback,useEffect,useImperativeHandle,useMemo,useRef,useState}from"react";import{Pressable,StyleSheet,Text,TextInput,View}from"react-native";import{useControllableValue}from"../../hooks";import{parseNumber,addNumber,clampValue,formatNumber,numberToString,parseDecimalLength,isFiniteNumber,isPromiseLike}from"../../utils";import{useDirection}from"../config-provider/useDirection";import{useStepperTokens}from"./tokens";import{createHairlineView}from"../../utils/hairline";const LONG_PRESS_DELAY=600,LONG_PRESS_INTERVAL=100,StepperImpl=(e,t)=>{const r=useStepperTokens(e.tokensOverride),n=useDirection(),{min:o,max:s,step:u=1,autoFixed:l=!0,beforeChange:a,integer:i=!1,decimalLength:c,disabled:d=!1,disablePlus:p=!1,disableMinus:m=!1,disableInput:b=!1,allowEmpty:f=!1,showPlus:g=r.defaults.showPlus,showMinus:h=r.defaults.showMinus,showInput:y=r.defaults.showInput,longPress:k=r.defaults.longPress,theme:C=r.defaults.theme,inputWidth:
|
|
1
|
+
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}import React,{useCallback,useEffect,useImperativeHandle,useMemo,useRef,useState}from"react";import{Pressable,StyleSheet,Text,TextInput,View}from"react-native";import{useControllableValue}from"../../hooks";import{parseNumber,addNumber,clampValue,formatNumber,numberToString,parseDecimalLength,isFiniteNumber,isPromiseLike}from"../../utils";import{useDirection}from"../config-provider/useDirection";import{useStepperTokens}from"./tokens";import{createHairlineView}from"../../utils/hairline";const LONG_PRESS_DELAY=600,LONG_PRESS_INTERVAL=100,StepperImpl=(e,t)=>{const r=useStepperTokens(e.tokensOverride),n=useDirection(),{min:o,max:s,step:u=1,autoFixed:l=!0,beforeChange:a,integer:i=!1,decimalLength:c,disabled:d=!1,disablePlus:p=!1,disableMinus:m=!1,disableInput:b=!1,allowEmpty:f=!1,showPlus:g=r.defaults.showPlus,showMinus:h=r.defaults.showMinus,showInput:y=r.defaults.showInput,longPress:k=r.defaults.longPress,theme:C=r.defaults.theme,inputWidth:T,buttonSize:R,name:v,placeholder:x,onClick:P,onPlus:N,onMinus:F,onOverlimit:I,onFocus:w,onBlur:D,inputProps:L,inputStyle:E,buttonStyle:B,style:V,...O}=e,[M,z]=useState(!1),_=useRef(!1),W=useRef(N),H=useRef(F),j=useRef(I),A=useRef(w),G=useRef(D),Y=useRef(P),q=useRef(null),J=useRef(null),K=useRef(""),Q=useRef(L),U=useRef({hadLongPress:!1});W.current=N,H.current=F,j.current=I,A.current=w,G.current=D,Y.current=P,Q.current=L;const X=parseDecimalLength(c),Z=Number(u??1),$=isFiniteNumber(Z)&&Z>0?Z:1,ee=Math.max(0,parseNumber(R,r.defaults.buttonSize)),te=Math.max(0,parseNumber(T,r.defaults.inputWidth)),re=useMemo(()=>{const t=e.defaultValue;if(null===t)return null;const r=isFiniteNumber(t)?t:0,n=formatNumber(r,i,X);return l?clampValue(n,o,s):n},[l,X,i,s,o,e.defaultValue]),[ne,oe]=useControllableValue({...e,defaultValue:re},{defaultValue:re});useEffect(()=>{q.current=ne??null},[ne]),useImperativeHandle(t,()=>({focus:()=>J.current?.focus(),blur:()=>J.current?.blur()}));const[se,ue]=useState(!1),[le,ae]=useState(()=>numberToString(ne,X)),ie=useCallback(e=>{K.current=e,ae(e)},[]);useEffect(()=>{se||ie(numberToString(ne,X))},[X,se,ie,ne]);const ce=useCallback(()=>{const e=q.current;return isFiniteNumber(e)?e:isFiniteNumber(o)?o:0},[o]),de=useCallback(e=>{if(d)return!0;if("plus"===e&&p)return!0;if("minus"===e&&m)return!0;const t=ce();return!!("plus"===e&&isFiniteNumber(s)&&t>=s)||!!("minus"===e&&isFiniteNumber(o)&&t<=o)},[m,p,d,ce,s,o]),pe=useCallback(e=>{const t=q.current??null;return!Object.is(t,e)&&(q.current=e,oe(e,{name:v}),!0)},[v,oe]),me=useCallback(e=>{const t=formatNumber(e,i,X);return l?clampValue(t,o,s):t},[l,X,i,s,o]),be=useCallback((e,t)=>{if(_.current)return"noop";const r=()=>pe(e)?(ie(numberToString(e,X)),t?.(e),"changed"):"noop";if(!a)return r();try{const t=a(e);return isPromiseLike(t)?(_.current=!0,z(!0),t.then(e=>{!1!==e?r():ie(numberToString(q.current,X))}).catch(()=>{ie(numberToString(q.current,X))}).finally(()=>{_.current=!1,z(!1)}),"pending"):!1===t?(ie(numberToString(q.current,X)),"noop"):r()}catch{return r()}},[a,X,ie,pe]),fe=useCallback((e,t,r)=>{if(_.current)return"noop";const n=r?.emitOverlimit??!0,o=r?.emitButtonCallbacks??Boolean(t);if(de(e))return n&&j.current?.(e),"overlimit";const s=ce(),u=me(addNumber(s,"plus"===e?$:-$));return be(u,r=>{o&&t&&("plus"===e?W.current?.(t,r):H.current?.(t,r))})},[me,ce,de,be,$]),ge=useCallback(()=>{U.current.delay&&(clearTimeout(U.current.delay),U.current.delay=void 0),U.current.interval&&(clearInterval(U.current.interval),U.current.interval=void 0)},[]);useEffect(()=>(ge(),()=>ge()),[ge]),useEffect(()=>{(d||M||!k)&&ge()},[M,ge,d,k]);const he=useCallback(e=>{k&&(_.current||de(e)||(ge(),U.current.hadLongPress=!1,U.current.delay=setTimeout(()=>{U.current.hadLongPress=!0;"changed"===fe(e,void 0,{emitOverlimit:!0,emitButtonCallbacks:!1})?U.current.interval=setInterval(()=>{"changed"!==fe(e,void 0,{emitOverlimit:!0,emitButtonCallbacks:!1})&&ge()},100):ge()},600)))},[ge,de,k,fe]),ye=useCallback(()=>ge(),[ge]),ke=useCallback((e,t)=>{U.current.hadLongPress?U.current.hadLongPress=!1:(U.current.hadLongPress=!1,fe(e,t,{emitOverlimit:!0,emitButtonCallbacks:!0}))},[fe]),Se=isFiniteNumber(ne)?ne:0,Ce=isFiniteNumber(o)?o:void 0,Te=isFiniteNumber(s)?s:void 0,Re=d||M,ve=Re||m||null!=Ce&&Se<=Ce,xe=Re||p||null!=Te&&Se>=Te,Pe=r.radii.default,Ne=useMemo(()=>({width:ee,height:ee}),[ee]),Fe=useMemo(()=>({width:te,height:ee,marginHorizontal:r.spacing.gap}),[ee,te,r.spacing.gap]),Ie=useCallback((e,t)=>{const o="plus"===e,s=o?xe:ve;if("round"===C){const e=[S.btn,Ne,{borderRadius:ee/2,opacity:s?r.opacity.roundDisabled:1}];return o?[...e,{backgroundColor:r.colors.roundTheme,...t.pressed&&!s&&{opacity:r.opacity.pressed}},B]:[...e,{backgroundColor:r.colors.roundThemeBackground,...t.pressed&&!s&&{opacity:r.opacity.pressed}},B]}const u="minus"===e!=("rtl"===n)?{borderTopLeftRadius:Pe,borderBottomLeftRadius:Pe}:{borderTopRightRadius:Pe,borderBottomRightRadius:Pe},l=s?r.colors.buttonDisabledBackground:t.pressed?r.colors.active:r.colors.background;return[S.btn,Ne,u,{backgroundColor:l},B]},[Ne,B,ve,xe,Pe,ee,C,n,r.colors.active,r.colors.background,r.colors.buttonDisabledBackground,r.colors.roundTheme,r.colors.roundThemeBackground,r.opacity.pressed,r.opacity.roundDisabled]),we=useCallback(e=>{const t="plus"===e,n=t?xe:ve;if("round"===C){const e=t?r.colors.roundThemeText:r.colors.roundTheme;return[S.btnTxt,{color:e,fontFamily:r.typography.fontFamily,fontSize:r.typography.fontSize,fontWeight:r.typography.fontWeight}]}return[S.btnTxt,{color:n?r.colors.buttonDisabledIcon:r.colors.buttonIcon,fontFamily:r.typography.fontFamily,fontSize:r.typography.fontSize,fontWeight:r.typography.fontWeight}]},[ve,xe,C,r.colors.buttonDisabledIcon,r.colors.buttonIcon,r.colors.roundTheme,r.colors.roundThemeText,r.typography.fontFamily,r.typography.fontSize,r.typography.fontWeight]),De=useCallback(e=>{if(b||d||_.current)return;ie(e),Q.current?.onChangeText?.(e);const t=e.trim();if(""===t)return void be(f?null:re);const r=Number.parseFloat(t);Number.isFinite(r)&&be(me(r))},[f,me,_,b,d,Q,be,re,ie]),Le=useCallback(e=>{b?J.current?.blur():(ue(!0),A.current?.(e),Q.current?.onFocus?.(e))},[b]),Ee=useCallback(e=>{if(ue(!1),!_.current){const e=K.current.trim();if(""===e)be(f?null:re);else{const t=Number.parseFloat(e);Number.isFinite(t)&&be(me(t))}}G.current?.(e),Q.current?.onBlur?.(e)},[f,me,be,re]),Be=useCallback(e=>{Y.current?.(e),Q.current?.onPressIn?.(e)},[]),Ve=useCallback(e=>ke("minus",e),[ke]),Oe=useCallback(e=>ke("plus",e),[ke]),Me=useCallback(()=>he("minus"),[he]),ze=useCallback(()=>he("plus"),[he]),_e=useCallback(e=>Ie("minus",e),[Ie]),We=useCallback(e=>Ie("plus",e),[Ie]),He=useCallback(()=>h?React.createElement(Pressable,{key:"minus",testID:"stepper-minus",accessibilityRole:"button",accessibilityLabel:"minus",accessibilityState:{disabled:ve},onPress:Ve,onPressIn:Me,onPressOut:ye,style:_e},React.createElement(Text,{style:we("minus")},"-"),"round"===C&&React.createElement(View,{style:createHairlineView({position:"all",color:r.colors.roundTheme,borderRadius:ee/2})})):null,[we,_e,Ve,Me,ye,ve,h,C,r.colors.roundTheme,ee]),je=useCallback(()=>g?React.createElement(Pressable,{key:"plus",testID:"stepper-plus",accessibilityRole:"button",accessibilityLabel:"add",accessibilityState:{disabled:xe},onPress:Oe,onPressIn:ze,onPressOut:ye,style:We},React.createElement(Text,{style:we("plus")},"+")):null,[we,We,Oe,ze,ye,xe,g]),Ae=useMemo(()=>{if(!y)return null;const e=!Re&&!b,t=Re||b,n="round"===C?r.colors.transparent:t?r.colors.inputDisabledBackground:r.colors.background,o=t?r.colors.inputDisabledText:r.colors.inputText,s=i?"number-pad":"decimal-pad";return React.createElement(TextInput,_extends({ref:J},L,{style:[S.inp,Fe,{backgroundColor:n,color:o,paddingHorizontal:r.spacing.none,paddingVertical:r.spacing.none},E],value:le,placeholder:x,editable:e,keyboardType:s,onChangeText:De,onFocus:Le,onBlur:Ee,onPressIn:Be}))},[Re,b,Ee,De,Le,Be,Fe,L,E,le,i,x,y,C,r.colors.background,r.colors.inputDisabledBackground,r.colors.inputDisabledText,r.colors.inputText,r.colors.transparent,r.spacing.none]);return React.createElement(View,_extends({},O,{style:[S.cnt,V]}),He(),Ae,je())},S=StyleSheet.create({cnt:{flexDirection:"row",alignItems:"center"},btn:{justifyContent:"center",alignItems:"center"},btnTxt:{},inp:{textAlign:"center"}}),StepperForwardRef=React.forwardRef(StepperImpl);StepperForwardRef.displayName="Stepper";export const Stepper=React.memo(StepperForwardRef);export default Stepper;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}import React,{useRef,useState,useCallback,useEffect,useImperativeHandle,forwardRef,memo,useMemo,Children,isValidElement}from"react";import{FlatList,View,StyleSheet,Platform}from"react-native";import{clamp}from"../../utils/number";import SwiperPagIndicator from"./SwiperPagIndicator";import{useSwiperTokens}from"./tokens";const SwiperItemImpl=(e,t)=>React.createElement(View,{ref:t,style:[S.item,e.style],testID:e.testID},e.children),SwiperItemFR=forwardRef(SwiperItemImpl);SwiperItemFR.displayName="SwiperItem";export const SwiperItem=memo(SwiperItemFR);const
|
|
1
|
+
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}import React,{useRef,useState,useCallback,useEffect,useImperativeHandle,forwardRef,memo,useMemo,Children,isValidElement}from"react";import{FlatList,View,StyleSheet,Platform}from"react-native";import{clamp}from"../../utils/number";import SwiperPagIndicator from"./SwiperPagIndicator";import{useSwiperTokens}from"./tokens";import{createWebMouseHandlers,LOOP_THRESHOLD}from"../../hooks/swiper/utils";const SwiperItemImpl=(e,t)=>React.createElement(View,{ref:t,style:[S.item,e.style],testID:e.testID},e.children),SwiperItemFR=forwardRef(SwiperItemImpl);SwiperItemFR.displayName="SwiperItem";export const SwiperItem=memo(SwiperItemFR);const SwiperImpl=(e,t)=>{const{data:r,renderItem:n,children:l,initialSwipe:a=0,touchable:c=!0,loop:u=!0,autoplay:i=!1,vertical:o=!1,onChange:s,indicator:m=!0,indicatorProps:d,style:f,testID:p}=e,h=useSwiperTokens(),w=useRef(null),b=useRef(null),R=useRef(!1),I=useRef(!1),v=useRef(null),y=useRef(!1),g=useRef(null),x=useRef(null),E=useRef(0),k="web"===Platform.OS,[C,T]=useState({width:0,height:0}),M=useCallback(e=>{const{width:t,height:r}=e.nativeEvent.layout;T(e=>e.width===t&&e.height===r?e:{width:t,height:r})},[]),O=useMemo(()=>l?Children.toArray(l).filter(e=>isValidElement(e)):[],[l]),P=Array.isArray(r),V=P?r:O,L=V.length,D=u&&L>1,H=useMemo(()=>D?[V[L-1],...V,V[0]]:V,[V,D,L]),F=H.length,z=D&&F<=LOOP_THRESHOLD,_=useCallback(e=>D?0===e?L-1:e===F-1?0:e-1:clamp(e,0,L-1),[D,L,F]),A=useCallback(e=>D?clamp(e,0,L-1)+1:clamp(e,0,L-1),[D,L]),j=clamp(a,0,Math.max(0,L-1)),B=A(j),N=useRef(j),[$,W]=useState(j),q=C.width>0&&C.height>0,G=o?C.height:C.width,J=o?C.width:C.height,K=useMemo(()=>({width:o?J:G,height:o?G:J}),[o,G,J]),Q=useCallback(()=>{b.current&&(clearTimeout(b.current),b.current=null)},[]),U=useRef(s);U.current=s;const X=useCallback(e=>{const t=clamp(e,0,Math.max(0,L-1));N.current!==t&&(N.current=t,W(t),U.current?.(t))},[L]),Y=useCallback((e,t)=>{try{w.current?.scrollToIndex({index:e,animated:t})}catch{}},[]),Z=useCallback((e,t=!0)=>{if(0===L)return;if(t&&I.current)return void(v.current=e);const r=clamp(e,0,L-1);let n=A(r);if(D&&t){const e=A(N.current);e===L&&0===r?n=F-1:1===e&&r===L-1&&(n=0)}const l=N.current,a=A(l);if(r!==l||n!==a){if(t&&(I.current=!0),Y(n,t),!t&&(X(r),null!=v.current)){const e=v.current;v.current=null,Z(e,!0)}}else if(null!=v.current){const e=v.current;v.current=null,Z(e,!0)}},[L,A,Y,D,F,X]),ee=useCallback(()=>{const e="number"==typeof i?Math.max(0,i):i?h.defaults.autoplayInterval:0;!e||L<=1||R.current&&!k||(Q(),b.current=setTimeout(()=>{R.current&&!k||Z(D?(N.current+1)%L:clamp(N.current+1,0,L-1),!0)},e))},[i,L,Q,D,Z,k,h.defaults.autoplayInterval]),te=useCallback(()=>{0!==L&&Z(D?(N.current+1)%L:clamp(N.current+1,0,L-1),!0)},[L,D,Z]),re=useCallback(()=>{0!==L&&Z(D?(N.current-1+L)%L:clamp(N.current-1,0,L-1),!0)},[L,D,Z]);useImperativeHandle(t,()=>({swipeTo:Z,swipeNext:te,swipePrev:re,getCurrentIndex:()=>N.current}),[Z,te,re]),useEffect(()=>{q&&0!==L&&Y(B,!1)},[q,L,B,Y]),useEffect(()=>(ee(),Q),[ee,Q,$]),useEffect(()=>()=>{x.current&&clearTimeout(x.current)},[]);const ne=useCallback(()=>{I.current=!1,R.current=!1,y.current=!1,ee(),(()=>{if(null==v.current)return;const e=v.current;v.current=null,Z(e,!0)})()},[ee]),le=useCallback(e=>{if(L<=1)return;const t=o?e.nativeEvent.contentOffset.y:e.nativeEvent.contentOffset.x,r=Math.round(t/G),n=clamp(r,0,D?F-1:L-1);if(X(_(n)),k){x.current&&(clearTimeout(x.current),x.current=null),E.current=t;const e=r*G;Math.abs(t-e)<.5?(D&&(r<=0||r>=F-1)&&Y(r<=0?L:1,!1),ne()):x.current=setTimeout(()=>{x.current=null;const e=E.current,t=Math.round(e/G);D&&(t<=0||t>=F-1)&&Y(t<=0?L:1,!1),ne()},150)}},[L,o,G,D,F,X,_,Y,ne,k]),ae=useCallback(e=>{if(k||0===L)return;const t=o?e.nativeEvent.contentOffset.y:e.nativeEvent.contentOffset.x,r=Math.round(t/G);let n=r;D&&(0===r&&(n=L),r===F-1&&(n=1)),n!==r&&Y(n,!1),X(_(n)),ne()},[o,L,G,D,F,Y,X,_,ne,k]),ce=useCallback(()=>{R.current=!0,Q(),x.current&&(clearTimeout(x.current),x.current=null)},[Q]),ue=useCallback(e=>{y.current||ae(e)},[ae]),ie=useCallback(()=>{y.current=!0},[]),oe=useCallback(e=>{const t=clamp(e.index,0,D?F-1:L-1);Y(t,!1),X(_(t)),ne()},[L,F,_,ne,Y,D,X]),se=useRef(n);se.current=n;const me=useCallback(e=>{const t=P?se.current?.(e)??null:e.item;return t?React.createElement(View,{style:[S.slide,K]},t):null},[P,K]),de=useCallback((e,t)=>({length:G,offset:G*t,index:t}),[G]),fe=useCallback((e,t)=>`s-${t}`,[]);if(0===L)return null;const pe=!1===m||L<=1?null:"function"==typeof m?m(L,$):React.createElement(SwiperPagIndicator,_extends({},d,{total:L,current:$,vertical:o})),he=useMemo(()=>createWebMouseHandlers({enabled:k&&c&&L>1,vertical:o,mainSize:G,clearAuto:Q,next:te,prev:re,schedule:ee,dragRef:g,interRef:R}),[k,c,L,o,G,Q,te,re,ee]);return q?React.createElement(View,_extends({accessibilityRole:"adjustable",accessibilityLabel:`swiper, ${$+1} of ${L}`,accessibilityValue:{min:0,max:L-1,now:$},style:[S.ctr,he&&S.web,f],onLayout:M,testID:p},he),React.createElement(FlatList,{ref:w,data:H,renderItem:me,keyExtractor:fe,horizontal:!o,getItemLayout:de,initialScrollIndex:B,scrollEnabled:c&&L>1,removeClippedSubviews:!D||!z,disableVirtualization:D&&z,initialNumToRender:D&&z?F:3,maxToRenderPerBatch:D&&z?F:3,windowSize:D?z?F:7:5,pagingEnabled:!0,snapToInterval:G,decelerationRate:"fast",showsHorizontalScrollIndicator:!1,showsVerticalScrollIndicator:!1,onScrollBeginDrag:ce,onScroll:le,scrollEventThrottle:h.defaults.scrollEventThrottle,onScrollEndDrag:ue,onMomentumScrollBegin:ie,onMomentumScrollEnd:ae,onScrollToIndexFailed:oe}),React.createElement(View,{pointerEvents:"none",style:[S.ind,{zIndex:h.layer.zIndex,elevation:h.layer.elevation}]},pe)):React.createElement(View,{style:[S.ctr,f],onLayout:M,testID:p})},SwiperFR=forwardRef(SwiperImpl),Swiper=memo(SwiperFR),S=StyleSheet.create({ctr:{position:"relative",overflow:"hidden"},web:{cursor:"grab",userSelect:"none"},slide:{flex:1},item:{flex:1},ind:{position:"absolute",left:0,right:0,top:0,bottom:0}});export default Swiper;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},_extends.apply(null,arguments)}import React,{memo,useCallback,useEffect,useImperativeHandle,useRef,useState,useMemo,Children,isValidElement}from"react";import{Animated,Pressable,StyleSheet,Text,ScrollView,View,Platform}from"react-native";import{useAriaPress,useControllableValue}from"../../hooks";import{useReducedMotion}from"../../hooks/animation";import{createHairlineView}from"../../utils/hairline";import{parseNumberLike}from"../../utils/number";import{isBoolean,isFunction,isObject,isRenderable,isText}from"../../utils/validate";import{useTabsTokens}from"./tokens";const TabPane=()=>null;TabPane.displayName="Tabs.TabPane";const hasRaf="function"==typeof requestAnimationFrame&&"function"==typeof cancelAnimationFrame,requestFrame=hasRaf?requestAnimationFrame:e=>setTimeout(e,16),cancelFrame=e=>{null!=e&&(hasRaf?cancelAnimationFrame:clearTimeout)(e)},isTabPaneElement=e=>!!React.isValidElement(e)&&(e.type===TabPane||"Tabs.TabPane"===e.type.displayName),useTabsAnimation=({type:e,animated:t,scrollable:n,align:r,panes:a,nameIndexMap:i,resolvedLineWidth:l,resolvedDuration:o,currentName:c,layoutMap:s,navContainerWidthRef:u})=>{const d=useRef(new Animated.Value(0)).current,m=useRef(new Animated.Value(0)).current,f=useRef(!1),p=useRef(null),g=useCallback((c,f)=>{if(null==c||"line"!==e)return!1;const g=!n&&"start"!==r&&u.current>0&&a.length>0,b=i.get(c)??-1,h=g?u.current/a.length:0,y=g?{x:Math.max(b,0)*h,width:h}:s.current.get(c);if(!y||b<0)return!1;p.current?.stop();const v=(e,n)=>Animated.timing(e,{toValue:n,duration:f||!t?0:o,useNativeDriver:!1,isInteraction:!1}),R=l??y.width,S=l?y.x+(y.width-R)/2:y.x,x=Animated.parallel([v(d,S),v(m,R)]);return p.current=x,x.start(({finished:e})=>{e&&(p.current=null)}),!0},[r,t,m,d,i,a.length,o,l,n,e,s,u]);return useEffect(()=>{if(null==c)return;const e=f.current;g(c,!e)&&!f.current&&(f.current=!0)},[g,c]),useEffect(()=>()=>{p.current?.stop(),p.current=null},[]),{indicatorX:d,indicatorWidth:m,indicatorInitializedRef:f,animateIndicator:g}},useTabsScroll=({scrollable:e,animated:t,currentName:n,resolvedDuration:r,layoutMap:a,navContainerWidthRef:i,navContentWidthRef:l})=>{const o=useRef(null),c=useRef(new Animated.Value(0)).current,s=useRef(null),u=useRef(!1),d=useRef(0),m=useRef(null),f=useCallback(o=>{if(!e||null==n)return;const f=a.current.get(n),p=i.current;if(!f||!p)return;const g=l.current,b=f.x-(p-f.width)/2,h=Math.max(g-p,0),y=Math.max(0,Math.min(b,h));if(!(h<=0||Math.abs(y-d.current)<1)){if(s.current?.stop(),s.current=null,cancelFrame(m.current),m.current=null,o||!t)return u.current=!0,c.setValue(y),void(m.current=requestFrame(()=>{m.current=null,u.current=!1}));c.setValue(d.current),u.current=!0,s.current=Animated.timing(c,{toValue:y,duration:r,useNativeDriver:!1,isInteraction:!1}),s.current.start(({finished:e})=>{s.current=null,u.current=!1,e&&(d.current=y)})}},[t,n,c,r,e,a,i,l]);useEffect(()=>{if(!e)return;const t=c.addListener(({value:e})=>{const t=d.current;d.current=e,Math.abs(e-t)>=.5&&o.current?.scrollTo({x:e,y:0,animated:!1})});return()=>c.removeListener(t)},[c,e]),useEffect(()=>()=>{cancelFrame(m.current),m.current=null},[]);const p=useCallback(e=>{u.current=!1,s.current?.stop(),s.current=null,d.current=e.nativeEvent.contentOffset.x},[]),g=useCallback(e=>{u.current||(d.current=e.nativeEvent.contentOffset.x)},[]);return{navScrollRef:o,navScrollX:c,scrollIntoView:f,handleNavScrollBeginDrag:p,handleNavScroll:g}},TabBarItemInner=({pane:e,isActive:t,align:n,scrollable:r,type:a,ellipsis:i,tokens:l,color:o,titleActiveColor:c,titleInactiveColor:s,tabStyle:u,titleStyle:d,descriptionStyle:m,onSelect:f,onLayout:p,isLast:g})=>{const b=!!e.disabled,h=useAriaPress({onPress:t=>f(e,e.index,t),extraProps:{accessibilityRole:"tab",accessibilityState:{selected:t,disabled:b},testID:`rv-tabs-item-${e.name}`}}),y="capsule"===a,v="jumbo"===a,R="card"===a,x=isFunction(e.title)?e.title(t):e.title??e.name,w=isFunction(e.description)?e.description(t):e.description,T=c??(R?l.colors.cardActiveText:y?l.colors.capsuleActiveText:o??l.colors.textActive),E=s??(R?o??l.colors.cardBorder:y?l.colors.capsuleText:l.colors.text),k=e.disabled?l.colors.textDisabled:t?T:E,C=b?l.colors.textDisabled:v?t?l.colors.jumboDescriptionActive:l.colors.jumboDescription:t?l.colors.descriptionActive:l.colors.description,V=!r&&("start"!==n||R),I=R||v||y,H=I?0:l.tabList.paddingHorizontal,P=I?0:l.tabList.paddingVertical,A=[S.lblW,v&&S.lblWJ,R&&S.cardLbl,R&&{paddingHorizontal:l.card.paddingHorizontal,paddingVertical:l.card.paddingVertical},y&&{flex:1,alignSelf:"stretch",paddingHorizontal:l.capsule.paddingHorizontal,paddingVertical:l.capsule.paddingVertical},v&&{paddingHorizontal:l.jumbo.paddingHorizontal,paddingVertical:l.jumbo.paddingVertical,alignItems:"center"}].filter(Boolean),z=y?[{flex:1,alignSelf:"stretch",justifyContent:"center",alignItems:"center",borderRadius:l.capsule.radius,backgroundColor:t?o??l.colors.capsuleActiveBackground:l.colors.capsuleBackground}]:null,M=[S.title,{color:k,fontFamily:l.typography.fontFamily,fontSize:v?l.typography.jumboTitleSize:l.typography.titleSize,fontWeight:t?l.typography.titleActiveWeight:l.typography.titleWeight,lineHeight:v?l.typography.jumboLineHeight:void 0,textAlign:"center"},i&&!v?S.ellipsis:null,d],L=v?l.spacing.jumboDescriptionMarginTop:l.spacing.descriptionMarginTop,B=v?{backgroundColor:t?l.colors.jumboDescriptionActiveBackground:l.colors.jumboDescriptionBackground,paddingHorizontal:l.jumbo.descriptionPaddingHorizontal,paddingVertical:l.jumbo.descriptionPaddingVertical,borderRadius:l.jumbo.descriptionRadius}:null,D=useCallback(t=>p(e.name,t),[p,e.name]);return React.createElement(Pressable,_extends({},h.interactionProps,{onLayout:D,style:[S.tabI,V?S.flexI:null,{paddingHorizontal:H,paddingVertical:P},R?{backgroundColor:t?o??l.colors.cardActiveBackground:l.colors.cardBackground}:null,u]}),React.createElement(View,{style:A},z?React.createElement(View,{style:z},React.createElement(Text,{style:M,numberOfLines:i&&!v?1:void 0},x)):React.createElement(Text,{style:M,numberOfLines:i&&!v?1:void 0},x),isRenderable(w)&&(isText(w)?React.createElement(Text,{style:[S.descTxt,{color:C,fontFamily:l.typography.fontFamily,fontSize:l.typography.descriptionSize,marginTop:L,textAlign:"center"},B,m]},w):React.createElement(View,{style:[{marginTop:L,alignItems:"center"},B]},w)),isRenderable(e.badge)&&React.createElement(View,{style:{marginTop:l.spacing.badgeMarginTop}},isText(e.badge)?React.createElement(Text,{style:{color:l.colors.badgeText,fontFamily:l.typography.fontFamily,fontSize:l.typography.badgeTextSize}},e.badge):e.badge)),R&&!g&&React.createElement(View,{style:createHairlineView({position:"right",color:o??l.colors.cardBorder,top:0,bottom:0})}))},TabBarItem=memo(TabBarItemInner),TabsBaseInner=(e,t)=>{const{tokensOverride:n,children:r,type:a,align:i,ellipsis:l,swipeThreshold:o,animated:c,duration:s,lazyRender:u,lazyRenderPlaceholder:d,scrollable:m,swipeable:f,color:p,background:g,border:b,navLeft:h,navRight:y,navBottom:v,tabBarStyle:R,tabStyle:x,titleStyle:w,descriptionStyle:T,contentStyle:E,lineWidth:k,lineHeight:C,titleActiveColor:V,titleInactiveColor:I,beforeChange:H,onClickTab:P,onChange:A,style:z,...M}=e,L=useTabsTokens(n),B=useReducedMotion(),D=a??L.defaults.type,j=i??L.defaults.align,F=l??L.defaults.ellipsis,W=o??L.defaults.swipeThreshold,N=c??L.defaults.animated,O=s??L.defaults.duration,q=u??L.defaults.lazyRender,_=g??L.tabList.background,X=parseNumberLike(k??L.indicator.width),J=null!=X&&X<0?void 0:X,$=Math.max(0,parseNumberLike(C)??L.indicator.height),G=B?0:Math.max(0,parseNumberLike(O)??L.defaults.duration),K=Math.max(0,parseNumberLike(W)??L.defaults.swipeThreshold),Q=f?isObject(f)?{autoHeight:f.autoHeight??!0,preventScroll:f.preventScroll??!0}:{autoHeight:!0,preventScroll:!0}:void 0,U=!!Q,Y=useMemo(()=>{const e=[];let t=0;const n=r=>{Children.forEach(r,r=>{if(!isValidElement(r))return;const a=r;if(a.type===React.Fragment)return void n(a.props.children);if(!isTabPaneElement(a))return;const i=a.props,l=i.name??t;e.push({...i,key:a.key??l,name:l,index:t}),t+=1})};return n(r),e},[r]),Z=Y[0]?.name,[ee,te]=useControllableValue(e,{defaultValue:Z,valuePropName:"active",defaultValuePropName:"defaultActive",trigger:"onChange"}),ne=null==ee?Z:Y.some(e=>e.name===ee)?ee:Z,re=useRef(ne);useEffect(()=>{re.current=ne},[ne]);const ae=useMemo(()=>{const e=new Map;return Y.forEach(t=>{e.set(t.name,t.index)}),e},[Y]),ie=null==ne?-1:ae.get(ne)??-1,le=useRef(new Set),oe=useRef(new Map),ce=useRef(0),se=useRef(0),ue=useRef(null),de=useRef(new Map),me=useRef(null),fe=useRef(!1),[pe,ge]=useState(0),[be,he]=useState(void 0);useEffect(()=>{null!=ne&&le.current.add(ne)},[ne]),useEffect(()=>{const e=new Set(Y.map(e=>e.name));Array.from(de.current.keys()).forEach(t=>{e.has(t)||de.current.delete(t)}),Array.from(oe.current.keys()).forEach(t=>{e.has(t)||oe.current.delete(t)})},[Y]);const ye=U&&Q?.autoHeight;useEffect(()=>{ye||de.current.clear()},[ye]),useEffect(()=>{if(!U||!Q?.autoHeight)return void he(void 0);const e=null!=ne?de.current.get(ne):void 0;he(e?e.height:void 0)},[ne,U,Q?.autoHeight]),useEffect(()=>()=>{cancelFrame(ue.current),ue.current=null},[]);const ve=isBoolean(m)?m:Y.length>K||!1===F,Re=p??L.colors.indicator,Se=$?$/2:L.indicator.radius,{indicatorX:xe,indicatorWidth:we,indicatorInitializedRef:Te,animateIndicator:Ee}=useTabsAnimation({type:D,animated:N,scrollable:ve,align:j,panes:Y,nameIndexMap:ae,resolvedLineWidth:J,resolvedLineHeight:$,resolvedDuration:G,currentName:ne,layoutMap:oe,navContainerWidthRef:ce}),{navScrollRef:ke,scrollIntoView:Ce,handleNavScrollBeginDrag:Ve,handleNavScroll:Ie}=useTabsScroll({scrollable:ve,animated:N,currentName:ne,resolvedDuration:G,layoutMap:oe,navContainerWidthRef:ce,navContentWidthRef:se}),He=useCallback((e,t)=>{const{x:n,width:r}=t.nativeEvent.layout;if(oe.current.set(e,{x:n,width:r}),e===re.current){const t=Te.current;Ee(e,!t)&&!Te.current&&(Te.current=!0)}},[Ee,Te]),Pe=useCallback(e=>{const{width:t}=e.nativeEvent.layout;if(ce.current=t,!ve&&"start"!==j&&"line"===D&&null!=ne){const e=Te.current;Ee(ne,!e)&&!Te.current&&(Te.current=!0)}},[j,Ee,ne,ve,D,Te]),Ae=useCallback(e=>{const t=e.nativeEvent.layout.width;ge(e=>e===t?e:t)},[]),ze=useRef(H);ze.current=H;const Me=useCallback(e=>{if(!ze.current)return Promise.resolve(!0);try{return Promise.resolve(ze.current(e)).then(e=>!1!==e).catch(()=>!1)}catch{return Promise.resolve(!1)}},[]),Le=useRef(0),Be=useCallback((e,t)=>{Le.current+=1;const n=Le.current;Me(e).then(r=>{r&&Le.current===n&&te(e,t)})},[Me,te]),De=useCallback((e,t)=>{if(U&&Q?.autoHeight){const{height:n}=t.nativeEvent.layout;de.current.set(e,{height:n}),e===ne&&he(n)}},[ne,U,Q?.autoHeight]),je=useRef(null);useEffect(()=>{je.current=null},[ne]);const Fe=useCallback(e=>{if(!U||pe<=0)return;const t=Math.round(e/pe);if(je.current===t)return;je.current=t;const n=Y[t];n&&n.name!==re.current&&(fe.current=!0,Be(n.name,n.index))},[pe,U,Y,Be]),We=useCallback(e=>{Fe(e.nativeEvent.contentOffset.x)},[Fe]),Ne=useCallback(e=>{Fe(e.nativeEvent.contentOffset.x)},[Fe]);useEffect(()=>{if(!U||!me.current||pe<=0)return;if(fe.current)return void(fe.current=!1);if(ie<0)return;const e=me.current?.getNode?.()??me.current;e?.scrollTo&&e.scrollTo({x:pe*ie,y:0,animated:!0})},[ie,pe,U]);const Oe=useRef(P);Oe.current=P;const qe=useCallback((e,t,n)=>{const r={name:e.name,index:t,disabled:!!e.disabled,event:n};Oe.current?.(r),e.disabled||e.name===re.current||Be(e.name,t)},[Be]),_e=useCallback((e,t)=>{const n=Y.find(t=>t.name===e&&!t.disabled);n&&te(n.name,n.index)},[Y,te]);useImperativeHandle(t,()=>({scrollTo:_e}),[_e]);const Xe=useRef(!0);useEffect(()=>{Xe.current&&(Xe.current=!1,Ce(!0))},[Ce]),useEffect(()=>{Xe.current||Ce()},[ne,Ce]);const Je=b??!1,$e="line"===D,Ge="jumbo"===D?L.jumbo.height:"card"===D?L.card.height:L.tabList.height,Ke="web"===Platform.OS&&"line"!==D&&"card"!==D?L.tabList.paddingBottom:0,Qe=$e?"line"===D?0:L.indicator.offset:0;if(0===Y.length)return null;const Ue=$e?React.createElement(Animated.View,{testID:"rv-tabs-indicator",style:[S.ind,{height:$,borderRadius:Se,backgroundColor:Re,width:we,bottom:Qe,transform:[{translateX:xe}]}]}):null,Ye=useMemo(()=>Y.map(e=>React.createElement(TabBarItem,{key:e.key,pane:e,isActive:e.name===ne,align:j,scrollable:ve,type:D,ellipsis:F,tokens:L,color:p,titleActiveColor:V,titleInactiveColor:I,tabStyle:x,titleStyle:w,descriptionStyle:T,onSelect:qe,onLayout:He,isLast:e.index===Y.length-1})),[j,p,ne,T,F,qe,He,Y,ve,x,V,I,w,L,D]),Ze=useCallback(e=>{const t=se.current;se.current=e,0===t||Xe.current?Ce(!0):Math.abs(e-t)>1&&(cancelFrame(ue.current),ue.current=requestFrame(()=>{ue.current=null,Ce()}))},[Ce]),et=ve?React.createElement(ScrollView,{horizontal:!0,ref:ke,accessibilityRole:"tablist",showsHorizontalScrollIndicator:!1,scrollEventThrottle:16,onScrollBeginDrag:Ve,onScroll:Ie,onContentSizeChange:Ze,contentContainerStyle:S.navC},Ye,Ue):React.createElement(View,{accessibilityRole:"tablist",style:[S.navC,S.navCSta]},Ye,Ue),tt=React.createElement(View,{style:[S.wrap,{backgroundColor:_},R]},h&&React.createElement(View,{style:{paddingHorizontal:L.spacing.navSidePaddingHorizontal}},h),React.createElement(View,{style:[S.nav,{minHeight:Ge+Ke,paddingBottom:Ke},"card"===D?{borderRadius:L.card.radius,marginHorizontal:L.card.marginHorizontal,overflow:"hidden"}:null],onLayout:Pe},et,"card"===D&&React.createElement(View,{style:createHairlineView({position:"all",color:p??L.colors.cardBorder,borderRadius:L.card.radius})})),y&&React.createElement(View,{style:{paddingHorizontal:L.spacing.navSidePaddingHorizontal}},y),Je&&"line"===D&&React.createElement(View,{style:createHairlineView({position:"bottom",color:L.colors.border,left:0,right:0})})),nt=useMemo(()=>Y.map(e=>{const t=e.name===ne,n=!q||t||le.current.has(e.name);if(!n&&!U)return null;const r=U&&Q?.autoHeight?t=>De(e.name,t):void 0,a=[S.pane,U?S.swipePane:null,U&&pe>0&&{width:pe},U||t?null:S.hidPane],i=n?e.children:d||null;return React.createElement(View,{key:e.key,testID:`rv-tabs-pane-${e.name}`,onLayout:r,style:a},i)}),[pe,ne,De,U,q,d,Y,Q?.autoHeight]),rt=[S.content,E],at=[S.content,E,Q?.autoHeight&&void 0!==be&&{height:be}],it=U?React.createElement(View,{style:at},React.createElement(Animated.ScrollView,{ref:me,horizontal:!0,pagingEnabled:!0,scrollEventThrottle:16,showsHorizontalScrollIndicator:!1,onMomentumScrollEnd:We,onScrollEndDrag:Ne,nestedScrollEnabled:!1===Q?.preventScroll,directionalLockEnabled:!1!==Q?.preventScroll},nt)):React.createElement(View,{style:rt},nt);return React.createElement(View,_extends({},M,{style:[S.ctr,z],onLayout:Ae}),tt,v&&React.createElement(View,{style:{marginTop:L.spacing.navBottomMarginTop}},v),it)},S=StyleSheet.create({ctr:{width:"100%"},wrap:{flexDirection:"row",alignItems:"center",position:"relative"},nav:{flex:1,position:"relative",alignSelf:"stretch"},navC:{flexDirection:"row",alignItems:"center",height:"100%",position:"relative"},navCSta:{flex:1},lblW:{justifyContent:"center",alignItems:"center",flexDirection:"column"},lblWJ:{alignItems:"center"},cardLbl:{flexDirection:"row",justifyContent:"center",alignItems:"center"},tabI:{flexShrink:0,height:"100%",alignSelf:"stretch",alignItems:"center",justifyContent:"center",flexDirection:"row"},flexI:{flexGrow:1},title:{includeFontPadding:!1},descTxt:{includeFontPadding:!1},ellipsis:{maxWidth:"100%",flexShrink:1},ind:{position:"absolute",bottom:0,left:0},content:{width:"100%"},pane:{width:"100%"},swipePane:{flexShrink:0},hidPane:{display:"none"}}),TabsBaseRef=React.forwardRef(TabsBaseInner),TabsWithPane=Object.assign(React.memo(TabsBaseRef),{TabPane:TabPane});export{TabPane};export default TabsWithPane;
|
|
1
|
+
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},_extends.apply(null,arguments)}import React,{useCallback,useEffect,useImperativeHandle,useRef,useState,useMemo,Children,isValidElement}from"react";import{Animated,StyleSheet,ScrollView,View,Platform}from"react-native";import{useControllableValue}from"../../hooks";import{useReducedMotion}from"../../hooks/animation";import{createHairlineView}from"../../utils/hairline";import{parseNumberLike}from"../../utils/number";import{isBoolean,isObject}from"../../utils/validate";import{useTabsTokens}from"./tokens";import{cancelTabsFrame,requestTabsFrame,useTabsAnimation,useTabsScroll}from"../../hooks/tabs/useTabsInternals";import{isTabPaneElement,TabBarItem}from"../../hooks/tabs/TabBarItem";const TabPane=()=>null;TabPane.displayName="Tabs.TabPane";const TabsBaseInner=(e,t)=>{const{tokensOverride:n,children:a,type:r,align:l,ellipsis:o,swipeThreshold:i,animated:s,duration:c,lazyRender:u,lazyRenderPlaceholder:d,scrollable:m,swipeable:f,color:h,background:b,border:p,navLeft:v,navRight:g,navBottom:y,tabBarStyle:R,tabStyle:w,titleStyle:E,descriptionStyle:T,contentStyle:k,lineWidth:C,lineHeight:V,titleActiveColor:x,titleInactiveColor:H,beforeChange:P,onClickTab:I,onChange:M,style:B,...L}=e,z=useTabsTokens(n),N=useReducedMotion(),A=r??z.defaults.type,O=l??z.defaults.align,D=o??z.defaults.ellipsis,W=i??z.defaults.swipeThreshold,j=s??z.defaults.animated,F=c??z.defaults.duration,_=u??z.defaults.lazyRender,q=b??z.tabList.background,X=parseNumberLike(C??z.indicator.width),$=null!=X&&X<0?void 0:X,G=Math.max(0,parseNumberLike(V)??z.indicator.height),J=N?0:Math.max(0,parseNumberLike(F)??z.defaults.duration),K=Math.max(0,parseNumberLike(W)??z.defaults.swipeThreshold),Q=f?isObject(f)?{autoHeight:f.autoHeight??!0,preventScroll:f.preventScroll??!0}:{autoHeight:!0,preventScroll:!0}:void 0,U=!!Q,Y=useMemo(()=>{const e=[];let t=0;const n=a=>{Children.forEach(a,a=>{if(!isValidElement(a))return;const r=a;if(r.type===React.Fragment)return void n(r.props.children);if(!isTabPaneElement(r,TabPane))return;const l=r.props,o=l.name??t;e.push({...l,key:r.key??o,name:o,index:t}),t+=1})};return n(a),e},[a]),Z=Y[0]?.name,[ee,te]=useControllableValue(e,{defaultValue:Z,valuePropName:"active",defaultValuePropName:"defaultActive",trigger:"onChange"}),ne=null==ee?Z:Y.some(e=>e.name===ee)?ee:Z,ae=useRef(ne);useEffect(()=>{ae.current=ne},[ne]);const re=useMemo(()=>{const e=new Map;return Y.forEach(t=>{e.set(t.name,t.index)}),e},[Y]),le=null==ne?-1:re.get(ne)??-1,oe=useRef(new Set),ie=useRef(new Map),se=useRef(0),ce=useRef(0),ue=useRef(null),de=useRef(new Map),me=useRef(null),fe=useRef(!1),[he,be]=useState(0),[pe,ve]=useState(void 0);useEffect(()=>{null!=ne&&oe.current.add(ne)},[ne]),useEffect(()=>{const e=new Set(Y.map(e=>e.name));Array.from(de.current.keys()).forEach(t=>{e.has(t)||de.current.delete(t)}),Array.from(ie.current.keys()).forEach(t=>{e.has(t)||ie.current.delete(t)})},[Y]);const ge=U&&Q?.autoHeight;useEffect(()=>{ge||de.current.clear()},[ge]),useEffect(()=>{if(!U||!Q?.autoHeight)return void ve(void 0);const e=null!=ne?de.current.get(ne):void 0;ve(e?e.height:void 0)},[ne,U,Q?.autoHeight]),useEffect(()=>()=>{cancelTabsFrame(ue.current),ue.current=null},[]);const ye=isBoolean(m)?m:Y.length>K||!1===D,Se=h??z.colors.indicator,Re=G?G/2:z.indicator.radius,{indicatorX:we,indicatorWidth:Ee,indicatorInitializedRef:Te,animateIndicator:ke}=useTabsAnimation({type:A,animated:j,scrollable:ye,align:O,panes:Y,nameIndexMap:re,resolvedLineWidth:$,resolvedDuration:J,currentName:ne,layoutMap:ie,navContainerWidthRef:se}),{navScrollRef:Ce,scrollIntoView:Ve,handleNavScrollBeginDrag:xe,handleNavScroll:He}=useTabsScroll({scrollable:ye,animated:j,currentName:ne,resolvedDuration:J,layoutMap:ie,navContainerWidthRef:se,navContentWidthRef:ce}),Pe=useCallback((e,t)=>{const{x:n,width:a}=t.nativeEvent.layout;if(ie.current.set(e,{x:n,width:a}),e===ae.current){const t=Te.current;ke(e,!t)&&!Te.current&&(Te.current=!0)}},[ke,Te]),Ie=useCallback(e=>{const{width:t}=e.nativeEvent.layout;if(se.current=t,!ye&&"start"!==O&&"line"===A&&null!=ne){const e=Te.current;ke(ne,!e)&&!Te.current&&(Te.current=!0)}},[O,ke,ne,ye,A,Te]),Me=useCallback(e=>{const t=e.nativeEvent.layout.width;be(e=>e===t?e:t)},[]),Be=useRef(P);Be.current=P;const Le=useCallback(e=>{if(!Be.current)return Promise.resolve(!0);try{return Promise.resolve(Be.current(e)).then(e=>!1!==e).catch(()=>!1)}catch{return Promise.resolve(!1)}},[]),ze=useRef(0),Ne=useCallback((e,t)=>{ze.current+=1;const n=ze.current;Le(e).then(a=>{a&&ze.current===n&&te(e,t)})},[Le,te]),Ae=useCallback((e,t)=>{if(U&&Q?.autoHeight){const{height:n}=t.nativeEvent.layout;de.current.set(e,{height:n}),e===ne&&ve(n)}},[ne,U,Q?.autoHeight]),Oe=useRef(null);useEffect(()=>{Oe.current=null},[ne]);const De=useCallback(e=>{if(!U||he<=0)return;const t=Math.round(e/he);if(Oe.current===t)return;Oe.current=t;const n=Y[t];n&&n.name!==ae.current&&(fe.current=!0,Ne(n.name,n.index))},[he,U,Y,Ne]),We=useCallback(e=>{De(e.nativeEvent.contentOffset.x)},[De]),je=useCallback(e=>{De(e.nativeEvent.contentOffset.x)},[De]);useEffect(()=>{if(!U||!me.current||he<=0)return;if(fe.current)return void(fe.current=!1);if(le<0)return;const e=me.current?.getNode?.()??me.current;e?.scrollTo&&e.scrollTo({x:he*le,y:0,animated:!0})},[le,he,U]);const Fe=useRef(I);Fe.current=I;const _e=useCallback((e,t,n)=>{const a={name:e.name,index:t,disabled:!!e.disabled,event:n};Fe.current?.(a),e.disabled||e.name===ae.current||Ne(e.name,t)},[Ne]),qe=useCallback((e,t)=>{const n=Y.find(t=>t.name===e&&!t.disabled);n&&te(n.name,n.index)},[Y,te]);useImperativeHandle(t,()=>({scrollTo:qe}),[qe]);const Xe=useRef(!0);useEffect(()=>{Xe.current&&(Xe.current=!1,Ve(!0))},[Ve]),useEffect(()=>{Xe.current||Ve()},[ne,Ve]);const $e=p??!1,Ge="line"===A,Je="jumbo"===A?z.jumbo.height:"card"===A?z.card.height:z.tabList.height,Ke="web"===Platform.OS&&"line"!==A&&"card"!==A?z.tabList.paddingBottom:0,Qe=Ge?"line"===A?0:z.indicator.offset:0;if(0===Y.length)return null;const Ue=Ge?React.createElement(Animated.View,{testID:"rv-tabs-indicator",style:[S.ind,{height:G,borderRadius:Re,backgroundColor:Se,width:Ee,bottom:Qe,transform:[{translateX:we}]}]}):null,Ye=useMemo(()=>Y.map(e=>React.createElement(TabBarItem,{key:e.key,pane:e,isActive:e.name===ne,align:O,scrollable:ye,type:A,ellipsis:D,tokens:z,color:h,titleActiveColor:x,titleInactiveColor:H,tabStyle:w,titleStyle:E,descriptionStyle:T,onSelect:_e,onLayout:Pe,isLast:e.index===Y.length-1})),[O,h,ne,T,D,_e,Pe,Y,ye,w,x,H,E,z,A]),Ze=useCallback(e=>{const t=ce.current;ce.current=e,0===t||Xe.current?Ve(!0):Math.abs(e-t)>1&&(cancelTabsFrame(ue.current),ue.current=requestTabsFrame(()=>{ue.current=null,Ve()}))},[Ve]),et=ye?React.createElement(ScrollView,{horizontal:!0,ref:Ce,accessibilityRole:"tablist",showsHorizontalScrollIndicator:!1,scrollEventThrottle:16,onScrollBeginDrag:xe,onScroll:He,onContentSizeChange:Ze,contentContainerStyle:S.navC},Ye,Ue):React.createElement(View,{accessibilityRole:"tablist",style:[S.navC,S.navCSta]},Ye,Ue),tt=React.createElement(View,{style:[S.wrap,{backgroundColor:q},R]},v&&React.createElement(View,{style:{paddingHorizontal:z.spacing.navSidePaddingHorizontal}},v),React.createElement(View,{style:[S.nav,{minHeight:Je+Ke,paddingBottom:Ke},"card"===A?{borderRadius:z.card.radius,marginHorizontal:z.card.marginHorizontal,overflow:"hidden"}:null],onLayout:Ie},et,"card"===A&&React.createElement(View,{style:createHairlineView({position:"all",color:h??z.colors.cardBorder,borderRadius:z.card.radius})})),g&&React.createElement(View,{style:{paddingHorizontal:z.spacing.navSidePaddingHorizontal}},g),$e&&"line"===A&&React.createElement(View,{style:createHairlineView({position:"bottom",color:z.colors.border,left:0,right:0})})),nt=useMemo(()=>Y.map(e=>{const t=e.name===ne,n=!_||t||oe.current.has(e.name);if(!n&&!U)return null;const a=U&&Q?.autoHeight?t=>Ae(e.name,t):void 0,r=[S.pane,U?S.swipePane:null,U&&he>0&&{width:he},U||t?null:S.hidPane],l=n?e.children:d||null;return React.createElement(View,{key:e.key,testID:`rv-tabs-pane-${e.name}`,onLayout:a,style:r},l)}),[he,ne,Ae,U,_,d,Y,Q?.autoHeight]),at=[S.content,k],rt=[S.content,k,Q?.autoHeight&&void 0!==pe&&{height:pe}],lt=U?React.createElement(View,{style:rt},React.createElement(Animated.ScrollView,{ref:me,horizontal:!0,pagingEnabled:!0,scrollEventThrottle:16,showsHorizontalScrollIndicator:!1,onMomentumScrollEnd:We,onScrollEndDrag:je,nestedScrollEnabled:!1===Q?.preventScroll,directionalLockEnabled:!1!==Q?.preventScroll},nt)):React.createElement(View,{style:at},nt);return React.createElement(View,_extends({},L,{style:[S.ctr,B],onLayout:Me}),tt,y&&React.createElement(View,{style:{marginTop:z.spacing.navBottomMarginTop}},y),lt)},S=StyleSheet.create({ctr:{width:"100%"},wrap:{flexDirection:"row",alignItems:"center",position:"relative"},nav:{flex:1,position:"relative",alignSelf:"stretch"},navC:{flexDirection:"row",alignItems:"center",height:"100%",position:"relative"},navCSta:{flex:1},ind:{position:"absolute",bottom:0,left:0},content:{width:"100%"},pane:{width:"100%"},swipePane:{flexShrink:0},hidPane:{display:"none"}}),TabsBaseRef=React.forwardRef(TabsBaseInner),TabsWithPane=Object.assign(React.memo(TabsBaseRef),{TabPane:TabPane});export{TabPane};export default TabsWithPane;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_extends.apply(null,arguments)}import React,{useEffect,useMemo,useRef,useState}from"react";import{AccessibilityInfo,Animated,Easing,Pressable,StyleSheet,View,useWindowDimensions}from"react-native";import Portal from"../portal/Portal";import{SafeAreaView}from"../safe-area-view";import{useAriaPress,useOverlayStack}from"../../hooks";import Loading from"../loading";import{Checked,Close}from"react-native-system-icon";import{isFiniteNumber,isText,isRenderable}from"../../utils/validate";import{renderTextOrNode}from"../../utils";import{nativeDriverEnabled}from"../../platform";import{useReducedMotion}from"../../hooks/animation";import{useLocale}from"../config-provider/useLocale";import{useToastTokens}from"./tokens";const RT=()=>!0,ToastContentImpl=e=>{const{visible:t,message:n,icon:o,type:r="info",iconSize:i,duration:s=2e3,position:a="middle",forbidClick:c=!1,overlay:l=!1,overlayStyle:u,closeOnClickOverlay:d=!1,closeOnClick:m=!1,loadingIndicator:f,safeAreaInsetTop:p,safeAreaInsetBottom:g,tokensOverride:v,style:x,textStyle:b,onClose:R,onOpen:y,onOpened:h,onClosed:E}=e,T=useLocale(),C=useToastTokens(v),O=useReducedMotion(),{colors:
|
|
1
|
+
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},_extends.apply(null,arguments)}import React,{useEffect,useMemo,useRef,useState}from"react";import{AccessibilityInfo,Animated,Easing,Pressable,StyleSheet,View,useWindowDimensions}from"react-native";import Portal from"../portal/Portal";import{SafeAreaView}from"../safe-area-view";import{useAriaPress,useOverlayStack}from"../../hooks";import Loading from"../loading";import{Checked,Close}from"react-native-system-icon";import{isFiniteNumber,isText,isRenderable}from"../../utils/validate";import{renderTextOrNode}from"../../utils";import{nativeDriverEnabled}from"../../platform";import{useReducedMotion}from"../../hooks/animation";import{useLocale}from"../config-provider/useLocale";import{useToastTokens}from"./tokens";const RT=()=>!0,ToastContentImpl=e=>{const{visible:t,message:n,icon:o,type:r="info",iconSize:i,duration:s=2e3,position:a="middle",forbidClick:c=!1,overlay:l=!1,overlayStyle:u,closeOnClickOverlay:d=!1,closeOnClick:m=!1,loadingIndicator:f,safeAreaInsetTop:p,safeAreaInsetBottom:g,tokensOverride:v,style:x,textStyle:b,onClose:R,onOpen:y,onOpened:h,onClosed:E}=e,T=useLocale(),C=useToastTokens(v),O=useReducedMotion(),{colors:w}=C,{height:I}=useWindowDimensions(),P=isFiniteNumber(s)?Math.max(0,s):0,[k,z]=useState(t),A=useRef(new Animated.Value(t?1:0)).current,M=useRef(null),V=useRef(0),H=useRef(R);H.current=R;const D=useRef(y);D.current=y;const W=useRef(h);W.current=h;const j=useRef(E);j.current=E;const{zIndex:F}=useOverlayStack({visible:k,type:"toast"}),N=useRef(t),L=useRef(!1),_=I>0?Math.round(I*C.positionOffsetRatio):C.positionOffsetMin,B=void 0!==p?p:"top"===a,q=void 0!==g?g:"bottom"===a,G=useMemo(()=>"top"===a?{justifyContent:"flex-start",paddingTop:_}:"bottom"===a?{justifyContent:"flex-end",paddingBottom:_}:{justifyContent:"center"},[a,_]);useEffect(()=>{V.current+=1;const e=V.current;M.current?.stop();const n=O?0:C.animationDuration;t?(z(!0),M.current=Animated.timing(A,{toValue:1,duration:n,easing:Easing.out(Easing.cubic),useNativeDriver:nativeDriverEnabled,isInteraction:!1}),M.current.start()):(M.current=Animated.timing(A,{toValue:0,duration:n,easing:Easing.out(Easing.cubic),useNativeDriver:nativeDriverEnabled,isInteraction:!1}),M.current.start(({finished:t})=>{t&&e===V.current&&z(!1)}))},[A,O,C.animationDuration,t]),useEffect(()=>()=>{M.current?.stop()},[]),useEffect(()=>{if(!t||P<=0)return;const e=setTimeout(()=>{H.current?.()},P);return()=>clearTimeout(e)},[P,t]),useEffect(()=>{if(!t||!isText(n))return;const e=String(n);e&&AccessibilityInfo.announceForAccessibility?.(e)},[n,t]);const J=O?0:C.animationDuration;useEffect(()=>{let e=null;return t?(L.current=!1,!N.current&&(D.current?.(),W.current&&(e=setTimeout(W.current,J)))):N.current&&(L.current=!0),N.current=t,()=>{e&&clearTimeout(e)}},[J,t]),useEffect(()=>{!k&&L.current&&(L.current=!1,j.current?.())},[k]);const K=useRef(()=>H.current?.()).current,Q=useAriaPress({disabled:!m,onPress:K,extraProps:{accessibilityRole:m?"button":"alert",accessibilityHint:m?T?.vanToast?.closeHint??"Double-tap to dismiss":void 0,accessibilityLiveRegion:"assertive"}}),U=useMemo(()=>{if(o)return o;const e=i??C.iconSize;switch(r){case"success":return React.createElement(Checked,{size:e,fill:w.text,color:w.text});case"fail":return React.createElement(Close,{size:e,fill:w.text,color:w.text});case"loading":return f??React.createElement(Loading,{color:w.text,size:e});default:return null}},[w.text,o,i,f,C.iconSize,r]),X=useMemo(()=>({marginBottom:C.gap}),[C.gap]),Y=useMemo(()=>({color:w.text,fontSize:C.fontSize,lineHeight:C.lineHeight,fontFamily:C.fontFamily}),[w.text,C.fontSize,C.fontFamily,C.lineHeight]),Z="info"===r&&!U,$=useMemo(()=>Z?{minWidth:C.textMinWidth,minHeight:0,paddingVertical:C.textPaddingVertical,paddingHorizontal:C.textPaddingHorizontal}:{minWidth:C.defaultWidth,minHeight:C.defaultMinHeight,padding:C.defaultPadding},[Z,C.defaultMinHeight,C.defaultPadding,C.defaultWidth,C.textMinWidth,C.textPaddingHorizontal,C.textPaddingVertical]),ee=useMemo(()=>({borderRadius:C.radius,opacity:m&&Q.states.pressed?C.pressedOpacity:A,backgroundColor:C.colors.variants[r],maxWidth:C.maxWidth,...$}),[A,$,m,Q.states.pressed,C.colors.variants,C.maxWidth,C.pressedOpacity,C.radius,r]);if(!k)return null;const te=isRenderable(n)&&("string"!=typeof n||""!==n);return React.createElement(View,{style:[S.b,{backgroundColor:C.colors.transparent},G,F?{zIndex:F}:void 0],pointerEvents:c||l||m?"auto":"none"},(l||c)&&React.createElement(Pressable,{testID:"rv-toast-overlay",style:[S.o,{backgroundColor:C.colors.transparent},l&&{backgroundColor:w.backdrop},u],pointerEvents:"auto",onPress:l&&d?K:void 0,onStartShouldSetResponder:RT,onMoveShouldSetResponder:RT}),B&&React.createElement(SafeAreaView,{edge:"top",pointerEvents:"none"}),React.createElement(Pressable,_extends({disabled:!m},Q.interactionProps,{style:S.pw}),React.createElement(Animated.View,{renderToHardwareTextureAndroid:!0,shouldRasterizeIOS:!0,style:[S.t,ee,x]},U&&React.createElement(View,{style:X},isText(U)?renderTextOrNode(U,[{color:w.text,fontSize:C.iconSize}]):U),te&&(isText(n)?renderTextOrNode(n,[S.m,Y,b]):React.createElement(View,{style:S.mw},n)))),q&&React.createElement(SafeAreaView,{edge:"bottom",pointerEvents:"none"}))};export const ToastContent=React.memo(ToastContentImpl);const ToastImpl=e=>React.createElement(Portal,null,React.createElement(ToastContent,e));export const Toast=React.memo(ToastImpl);const S=StyleSheet.create({b:{flex:1,alignItems:"center"},o:{...StyleSheet.absoluteFillObject},pw:{alignItems:"center"},t:{alignItems:"center",justifyContent:"center"},m:{textAlign:"center"},mw:{alignItems:"center"}});export default Toast;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const DAY_MS=864e5;export const DEFAULT_MIN=new Date((new Date).getFullYear()-10,0,1);export const DEFAULT_MAX=new Date((new Date).getFullYear()+10,11,31);export const isSameDay=(t,e)=>t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate();export const startOfDay=t=>{const e=new Date(t);return e.setHours(0,0,0,0),e};export const daysBetween=(t,e)=>Math.round(Math.abs(startOfDay(t).getTime()-startOfDay(e).getTime())/DAY_MS);export const toArrayValue=t=>t?Array.isArray(t)?t.filter(Boolean).map(t=>new Date(t)):[new Date(t)]:[];export function mapValue(t,e){return"single"===e?t[0]??new Date:("range"===e&&t.length,t)}export function normalizeValue(t,e){return"single"===e?t.slice(0,1):"range"===e?t.slice(0,2).sort((t,e)=>t.getTime()-e.getTime()):t}export function formatMonth(t){return`${t.getFullYear()}/${t.getMonth()+1}`}export function reorderWeekdays(t,e,n){const r=(e%7+7)%7,a=7===t.length?[...t]:n;return[...a.slice(r),...a.slice(0,r)]}export function buildMonth(t,e){const n=(e%7+7)%7,r=(startOfMonth(t).getDay()-n+7)%7,a=new Date(t.getFullYear(),t.getMonth()+1,0).getDate(),o=[];for(let t=0;t<r;t+=1)o.push(null);for(let e=1;e<=a;e+=1)o.push(new Date(t.getFullYear(),t.getMonth(),e));for(;o.length<42;)o.push(null);return o}export function getCalendarDayTestId(t){return`calendar-day-${t.getFullYear()}-${`${t.getMonth()+1}`.padStart(2,"0")}-${`${t.getDate()}`.padStart(2,"0")}`}export function startOfMonth(t){return new Date(t.getFullYear(),t.getMonth(),1)}export function clampMonth(t,e,n){const r=startOfMonth(t),a=startOfMonth(e),o=startOfMonth(n);return r.getTime()<a.getTime()?a:r.getTime()>o.getTime()?n:r}export function isSameMonth(t,e){return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const getFieldKeys=e=>({textKey:e?.text??"text",valueKey:e?.value??"value",childrenKey:e?.children??"children"});export const resolveRows=(e=[],t,l)=>{const n=[];let r=e;return l.forEach(e=>{if(!r?.length)return;const l=r.find(l=>l[t.valueKey]===e);l&&(n.push(l),r=l[t.childrenKey]??[])}),n};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React from"react";import{ActivityIndicator,Pressable,StyleSheet,View}from"react-native";import{createHairlineView}from"../../utils/hairline";import{renderTextOrNode}from"../../utils";export const ActionButton=e=>{const{text:t,color:o,tokens:i,dividerPosition:n="none",loading:r,disabled:a,onPress:s}=e,c=o??i.colors.confirm,l="none"===n?null:[S.btnDiv,{width:0},createHairlineView({position:n,color:i.colors.divider,top:0,bottom:0,[n]:0})];return React.createElement(Pressable,{accessibilityRole:"button",disabled:a||r,style:({pressed:e})=>[S.btn,{height:i.sizes.actionHeight,opacity:!e||a||r?1:.8}],onPress:a||r?void 0:s},l&&React.createElement(View,{style:l,pointerEvents:"none"}),r?React.createElement(ActivityIndicator,{size:"small",color:c}):renderTextOrNode(t??"",{color:c,fontFamily:i.typography.fontFamily,fontSize:i.typography.actionSize,fontWeight:i.typography.actionWeight}))};const S=StyleSheet.create({btn:{flex:1,alignItems:"center",justifyContent:"center"},btnDiv:{position:"absolute",pointerEvents:"none"}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},_extends.apply(null,arguments)}import React from"react";import{Platform,Pressable,TextInput,View}from"react-native";import{Clear}from"react-native-system-icon";import{isText}from"../../utils/validate";export const alignMap={left:"flex-start",center:"center",right:"flex-end"};export const mapKeyboardType=e=>{switch(e){case"number":return"decimal-pad";case"digit":return"number-pad";case"tel":return"phone-pad";default:return}};export const FieldSlot=({onPress:e,style:t,children:o,accessibilityRole:n="button"})=>o?e?React.createElement(Pressable,{onPress:e,accessibilityRole:n,style:t},o):React.createElement(View,{style:t},o):null;export const FieldClearButton=({show:e,tokens:t,clearIcon:o,onPressIn:n,onPressOut:r,onPress:l})=>{if(!e)return null;const i="web"===Platform.OS?{onMouseDown:e=>{e.preventDefault?.(),e.stopPropagation?.()}}:void 0;return React.createElement(Pressable,_extends({style:[t.layout.clearIcon,{paddingHorizontal:t.spacing.rightIconGap}]},i,{onPressIn:n,onPressOut:r,onPress:l,accessibilityRole:"button"}),React.isValidElement(o)?o:React.createElement(Clear,{size:t.sizes.clearIcon,fill:t.colors.clear,color:t.colors.clear}))};export const FieldInput=({inputRef:e,tokens:t,isTextarea:o,disabled:n,error:r,finalTextAlign:l,lineHeight:i,textareaHeight:s,minHeight:a,inputStyle:c,value:u,onChangeText:d,onFocus:p,onBlur:y,onPressIn:g,rows:m,placeholderTextColor:x,keyboardType:f,onContentSizeChange:h,describedBy:b,secureTextEntry:P,editable:T,restInputProps:R})=>{const v=[o?t.layout.textarea:t.layout.input,{color:n?t.colors.disabled:r?t.colors.error:t.colors.input,fontSize:t.typography.inputSize,textAlign:l,...o?{lineHeight:i,height:s,minHeight:a}:{minHeight:t.sizes.controlMinHeight}},c];return React.createElement(TextInput,_extends({ref:e,style:v,value:u,onChangeText:d,onFocus:p,onBlur:y,onPressIn:g,editable:T,secureTextEntry:P,multiline:o,numberOfLines:o?m:void 0,keyboardType:f,placeholderTextColor:x,onContentSizeChange:o?h:void 0},b?{accessibilityDescribedBy:b}:null,{clearButtonMode:"never"},R))};export const FieldControlRow=({tokens:e,prefixNode:t,leftIconNode:o,controlNode:n,clearNode:r,rightIconNode:l,suffixNode:i})=>React.createElement(View,{style:e.layout.body},t,o,React.createElement(View,{style:[e.layout.controlWrapper,{minHeight:e.sizes.controlMinHeight}]},n,r),l,i);export const resolveTooltipDialog=(e,t)=>{if(!React.isValidElement(e)&&!isText(e)){const{icon:o,...n}=e;return{icon:o??t,dialogProps:n}}return{icon:t,dialogProps:{message:e}}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{isPromiseLike}from"../../utils/promise";import{isNumber,isString}from"../../utils/validate";export const normalizeTrigger=r=>r?Array.isArray(r)?r:[r]:[];export const toNamePath=r=>null==r?[]:Array.isArray(r)?r:isNumber(r)?[r]:isString(r)?r.split("."):[String(r)];export const serializeNamePath=r=>toNamePath(r).join(".");export const getValueByName=(r,i)=>toNamePath(i).reduce((r,i)=>{if(null==r)return r;const t=String(i);if(Array.isArray(r)){const i=Number(t);return Number.isFinite(i)?r[i]:r[t]}return"object"==typeof r?r[t]:void 0},r);export const setValueByName=(r,i,t)=>{const e=toNamePath(i);if(!e.length)return r;const n=Array.isArray(r)?[...r]:"object"==typeof r&&null!==r?{...r}:{};let a=n;return e.forEach((r,i)=>{const n=String(r),o=Number(n);if(i===e.length-1)return void(Array.isArray(a)&&Number.isFinite(o)?a[o]=t:a[n]=t);const s=Array.isArray(a)&&Number.isFinite(o)?a[o]:a[n],u=null==s?isNumber(e[i+1])?[]:{}:Array.isArray(s)?[...s]:"object"==typeof s?{...s}:{};Array.isArray(a)&&Number.isFinite(o)?a[o]=u:a[n]=u,a=u}),n};export const runRuleValidation=(r,i,t,e)=>{const n=r.message??e??"Validation failed",a=null==i||""===i||Array.isArray(i)&&0===i.length;if(r.required&&(a||r.whitespace&&isString(i)&&0===i.trim().length))return n;if(a)return null;if(r.pattern&&isString(i)&&!r.pattern.test(i))return n;if(void 0!==r.len||void 0!==r.min||void 0!==r.max){const t=isNumber(i)?i:isString(i)||Array.isArray(i)?i.length:0;if(void 0!==r.len&&t!==r.len)return n;if(void 0!==r.min&&t<r.min)return n;if(void 0!==r.max&&t>r.max)return n}if(!r.validator)return null;const o=r=>isString(r)?r:!1===r?n:null,s=r.validator(i,t);return isPromiseLike(s)?s.then(o):o(s)};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const NUM_KEYS=["1","2","3","4","5","6","7","8","9"];export const ZERO="0";export const RE_NUM_LIKE=/^\d+$|^\.$|^x$/i;export const shuffle=t=>{const e=[...t];for(let t=e.length-1;t>0;t--){const r=Math.floor(Math.random()*(t+1));[e[t],e[r]]=[e[r],e[t]]}return e};export const buildKeyboardKeys=({randomKeyOrder:t,visible:e,isCustom:r,extraKey:o,showDeleteKey:s})=>{const x=(t&&e?shuffle(NUM_KEYS):NUM_KEYS).map(t=>({text:t,type:""}));if(r){const t=Array.isArray(o)?o:o?[o]:[];return 1===t.length?x.push({text:"0",type:"",wider:!0},{text:t[0],type:"extra"}):t.length>=2?x.push({text:t[0],type:"extra"},{text:"0",type:""},{text:t[1],type:"extra"}):x.push({text:"0",type:""}),x}const p=Array.isArray(o)?o[0]??"":o??"";return x.push({text:p,type:"extra"},{text:"0",type:""},{type:s?"delete":"",text:s?void 0:""}),x};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{isObject}from"../../utils";export const toArrayValue=e=>Array.isArray(e)?e.filter(e=>null!=e):null==e?[]:[e];const isColumnWithOptions=e=>!!e&&isObject(e)&&"options"in e&&Array.isArray(e.options),hasChildren=e=>!!e&&isObject(e)&&Array.isArray(e.children)&&e.children.length>0;export const findEnabledIndex=(e,n)=>{if(!e.length)return-1;const t=Math.min(Math.max(n,0),e.length-1);if(!e[t]?.disabled)return t;for(let n=t+1;n<e.length;n+=1)if(!e[n]?.disabled)return n;for(let n=t-1;n>=0;n-=1)if(!e[n]?.disabled)return n;return-1};const normalizeMultiple=(e,n,t)=>{const r=[],s=[];return e.forEach((e,i)=>{const a=t[i],o=void 0!==n[i]?e.findIndex(e=>e.value===n[i]):-1,l=e.findIndex(e=>e.value===a),u=findEnabledIndex(e,l>=0?l:o>=0?o:0),d=u>=0?e[u]:void 0,c=l>=0&&!e[l]?.disabled;r[i]=c?a:d?.value??n[i]??e[0]?.value,s[i]=d}),{columns:e,values:r,options:s}},normalizeCascade=(e,n)=>{const t=[],r=[],s=[];let i=e,a=0;const o=new Set;for(;i&&i.length&&!o.has(i);){o.add(i),t.push(i);const e=n[a],l=i.findIndex(n=>n.value===e||String(n.value)===String(e)),u=findEnabledIndex(i,l>=0?l:0),d=u>=0?i[u]:i[0];if(r[a]=d?.value,s[a]=d,!d||!hasChildren(d))break;i=d.children,a+=1}return{columns:t,values:r,options:s}};export const prepareColumns=(e=[])=>{if(!Array.isArray(e)||0===e.length)return{type:"single",columnsList:[],defaults:[],cascadeRoot:[]};const n=e.every(e=>!Array.isArray(e)&&!isColumnWithOptions(e)),t=n&&e.some(e=>hasChildren(e));if(t)return{type:"cascade",columnsList:[],defaults:[],cascadeRoot:e};const r=e,s=[],i=[];return n&&!t?(s.push(e),i.push(void 0)):r.forEach(e=>{if(Array.isArray(e))s.push(e),i.push(void 0);else if(isColumnWithOptions(e)){const n=e;s.push(n.options??[]),i.push(n.defaultValue)}}),{type:"multiple",columnsList:s,defaults:i}};export const normalizePicker=(e,n=[])=>{const t=Array.isArray(n)?n:[];return"cascade"===e.type&&e.cascadeRoot?.length?normalizeCascade(e.cascadeRoot,t):normalizeMultiple(e.columnsList,e.defaults,t)};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import{Platform,View}from"react-native";import{withAlpha}from"../../utils/color";import{isFiniteNumber}from"../../utils/validate";import{shallowEqualArray}from"../../utils";import{normalizePicker,prepareColumns,toArrayValue}from"./normalize";const GRADIENT_OVERLAY_ALPHA=.25,GRADIENT_STEPS=[.95,.75,.55,.35],GRADIENT_STEPS_REVERSED=[.35,.55,.75,.95];export function usePickerValue({columns:e,valueProp:t,defaultValue:r,emitConfirmOnAutoSelect:o=!0,onChange:a,onConfirm:n}){const l=useMemo(()=>prepareColumns(e),[e]),u=void 0!==t,s=useRef(a),i=useRef(n);s.current=a,i.current=n;const[c,m]=useState(()=>normalizePicker(l,toArrayValue(t??r)).values),p=useRef(c);p.current=c;const E=useCallback(e=>{p.current=e,m(e)},[]);useEffect(()=>{if(!u)return;const e=toArrayValue(t);shallowEqualArray(p.current,e)||E(e)},[E,u,t]);const f=useMemo(()=>normalizePicker(l,c),[l,c]);useEffect(()=>{u||shallowEqualArray(c,f.values)||(E(f.values),s.current?.(f.values,f.options),o&&i.current?.(f.values,f.options))},[E,o,c,u,f]);const h=useCallback((e,t)=>{const r=[...p.current];r[t]=e.value,"cascade"===l.type&&(r.length=t+1);const o=normalizePicker(l,r);shallowEqualArray(p.current,o.values)||(E(o.values),s.current?.(o.values,o.options))},[E,l]),A=useCallback(()=>{i.current?.(f.values,f.options)},[f]);return{preparedColumns:l,normalized:f,handleSelect:h,handleConfirm:A}}export const getVisibleCount=e=>{const t=isFiniteNumber(e)?Math.max(3,Math.floor(e)):5;return t%2==0?t+1:t};export const GradientMask=({height:e,color:t,position:r,maskType:o})=>{const a=[{position:"absolute",left:0,right:0,zIndex:2},{height:e},"top"===r?{top:0}:{bottom:0}],n=withAlpha(t,.25);if("solid"===o)return React.createElement(View,{pointerEvents:"none",style:[...a,{backgroundColor:withAlpha(t,.9)}]});if("web"===Platform.OS){const e="top"===r?"180deg":"0deg";return React.createElement(View,{pointerEvents:"none",style:[...a,{backgroundColor:n,backgroundImage:`linear-gradient(${e}, ${withAlpha(t,.98)}, ${withAlpha(t,.4)})`}]})}return React.createElement(View,{pointerEvents:"none",style:[...a,{backgroundColor:n}]},("top"===r?GRADIENT_STEPS:GRADIENT_STEPS_REVERSED).map((e,r)=>React.createElement(View,{key:r,style:{flex:1,backgroundColor:withAlpha(t,e)}})))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Easing}from"react-native";export const EASE_OUT=Easing.bezier(.075,.82,.165,1);export const EASE_IN=Easing.bezier(.55,.055,.675,.19);export const CAPTURE=()=>!0;export const hiddenStyle={opacity:0,shadowOpacity:0,shadowRadius:0,elevation:0};export const placementConfig={top:{container:{justifyContent:"flex-start",alignItems:"center"},axis:"y"},bottom:{container:{justifyContent:"flex-end",alignItems:"center"},axis:"y"},left:{container:{justifyContent:"center",alignItems:"flex-start"},axis:"x"},right:{container:{justifyContent:"center",alignItems:"flex-end"},axis:"x"},center:{container:{justifyContent:"center",alignItems:"center"},axis:"y"}};export const CONTENT_SELF={top:{alignSelf:"stretch"},bottom:{alignSelf:"stretch"},left:{alignSelf:"flex-start"},right:{alignSelf:"flex-end"},center:{alignSelf:"center"}};export const buildRadius=(t,e,o)=>t?"top"===e?{borderBottomLeftRadius:o,borderBottomRightRadius:o}:"bottom"===e?{borderTopLeftRadius:o,borderTopRightRadius:o}:"left"===e?{borderTopRightRadius:o,borderBottomRightRadius:o}:"right"===e?{borderTopLeftRadius:o,borderBottomLeftRadius:o}:{borderRadius:o}:void 0;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useCallback,useEffect,useRef,useState}from"react";import{Platform}from"react-native";import{clamp}from"../../utils";import{isFiniteNumber,isFunction}from"../../utils/validate";export const START_KEYS=["onResponderGrant","onPanResponderGrant"];export const MOVE_KEYS=["onResponderMove","onPanResponderMove"];export const END_KEYS=["onResponderRelease","onResponderTerminate","onPanResponderRelease","onPanResponderTerminate"];const isSameLayout=(e,t)=>e.width===t.width&&e.height===t.height&&e.x===t.x&&e.y===t.y;export const normalizeValue=(e,t,n,r)=>t?(()=>{const t=Array.isArray(e)?e:isFiniteNumber(e)?[n,e]:[n,n],i=isFiniteNumber(t[0])?clamp(t[0],n,r):n,a=isFiniteNumber(t[1]??t[0])?clamp(t[1]??t[0],n,r):n;return i<=a?[i,a]:[a,i]})():(()=>{const t=Array.isArray(e)?e[0]:e;return[isFiniteNumber(t)?clamp(t,n,r):n]})();export const toSliderValue=(e,t,n)=>t?[e[0]??n,e[1]??e[0]??n]:e[0]??n;export const createAccessibilityProps=e=>e?(()=>{const{role:t,"aria-value":n,accessibilityActions:r,onAccessibilityAction:i,disabled:a}=e;return{accessible:!0,accessibilityRole:t??"adjustable",accessibilityValue:n,accessibilityActions:r,onAccessibilityAction:i,accessibilityState:{disabled:a}}})():{};export const defaultNumberFormatter="undefined"!=typeof Intl&&isFunction(Intl.NumberFormat)?new Intl.NumberFormat:{format:e=>String(e)};export const mapSliderTouchDirection=e=>e.vertical?e.reverse:e.reverse||!1;export const useTrackLayout=()=>{const e=useRef(null),t=useRef(null),[n,r]=useState({width:0,height:0,x:0,y:0}),i=useCallback(n=>{const{layout:i}=n.nativeEvent,a={width:Math.max(i.width,1),height:Math.max(i.height,1),x:i.x??0,y:i.y??0};r(e=>isSameLayout(e,a)?e:a),"web"===Platform.OS&&"undefined"!=typeof requestAnimationFrame&&null==t.current&&(t.current=requestAnimationFrame(()=>{t.current=null;const n=e.current;n?.measureInWindow&&n.measureInWindow((e,t,n,i)=>{const a={width:Math.max(n,1),height:Math.max(i,1),x:e,y:t};r(e=>isSameLayout(e,a)?e:a)})}))},[]);return useEffect(()=>()=>{null!=t.current&&"function"==typeof cancelAnimationFrame&&cancelAnimationFrame(t.current),t.current=null},[]),{trackRef:e,trackLayout:n,handleTrackLayout:i}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const LOOP_THRESHOLD=10;export const createWebMouseHandlers=({enabled:e,vertical:n,mainSize:t,clearAuto:r,next:a,prev:o,schedule:u,dragRef:i,interRef:v})=>{if(e)return{onPointerDown:e=>{"mouse"===e.nativeEvent.pointerType&&0===e.nativeEvent.button&&(i.current=n?e.nativeEvent.pageY:e.nativeEvent.pageX,v.current=!0,r())},onPointerUp:e=>{const r=i.current;if(i.current=null,null==r||"mouse"!==e.nativeEvent.pointerType)return;const c=(n?e.nativeEvent.pageY:e.nativeEvent.pageX)-r;Math.abs(c)>=.15*t&&(c<0?a():o()),v.current=!1,u()},onPointerLeave:()=>{null!=i.current&&(i.current=null,v.current=!1,u())}}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var a in i)({}).hasOwnProperty.call(i,a)&&(e[a]=i[a])}return e},_extends.apply(null,arguments)}import React,{memo,useCallback}from"react";import{Pressable,Text,View}from"react-native";import{useAriaPress}from"../../hooks";import{createHairlineView}from"../../utils/hairline";import{isFunction,isRenderable,isText}from"../../utils/validate";export const isTabPaneElement=(e,t)=>!!React.isValidElement(e)&&(e.type===t||"Tabs.TabPane"===e.type.displayName);const S={lblW:{justifyContent:"center",alignItems:"center",flexDirection:"column"},lblWJ:{alignItems:"center"},cardLbl:{flexDirection:"row",justifyContent:"center",alignItems:"center"},tabI:{flexShrink:0,height:"100%",alignSelf:"stretch",alignItems:"center",justifyContent:"center",flexDirection:"row"},flexI:{flexGrow:1},title:{includeFontPadding:!1},descTxt:{includeFontPadding:!1},ellipsis:{maxWidth:"100%",flexShrink:1}},TabBarItemInner=({pane:e,isActive:t,align:i,scrollable:a,type:o,ellipsis:r,tokens:n,color:l,titleActiveColor:c,titleInactiveColor:s,tabStyle:d,titleStyle:p,descriptionStyle:g,onSelect:m,onLayout:b,isLast:u})=>{const y=!!e.disabled,x=useAriaPress({onPress:t=>m(e,e.index,t),extraProps:{accessibilityRole:"tab",accessibilityState:{selected:t,disabled:y},testID:`rv-tabs-item-${e.name}`}}),f="capsule"===o,h="jumbo"===o,T="card"===o,v=isFunction(e.title)?e.title(t):e.title??e.name,j=isFunction(e.description)?e.description(t):e.description,R=c??(T?n.colors.cardActiveText:f?n.colors.capsuleActiveText:l??n.colors.textActive),V=s??(T?l??n.colors.cardBorder:f?n.colors.capsuleText:n.colors.text),I=e.disabled?n.colors.textDisabled:t?R:V,z=y?n.colors.textDisabled:h?t?n.colors.jumboDescriptionActive:n.colors.jumboDescription:t?n.colors.descriptionActive:n.colors.description,k=!a&&("start"!==i||T),A=T||h||f,H=A?0:n.tabList.paddingHorizontal,P=A?0:n.tabList.paddingVertical,w=[S.lblW,h&&S.lblWJ,T&&S.cardLbl,T&&{paddingHorizontal:n.card.paddingHorizontal,paddingVertical:n.card.paddingVertical},f&&{flex:1,alignSelf:"stretch",paddingHorizontal:n.capsule.paddingHorizontal,paddingVertical:n.capsule.paddingVertical},h&&{paddingHorizontal:n.jumbo.paddingHorizontal,paddingVertical:n.jumbo.paddingVertical,alignItems:"center"}].filter(Boolean),B=f?[{flex:1,alignSelf:"stretch",justifyContent:"center",alignItems:"center",borderRadius:n.capsule.radius,backgroundColor:t?l??n.colors.capsuleActiveBackground:n.colors.capsuleBackground}]:null,E=[S.title,{color:I,fontFamily:n.typography.fontFamily,fontSize:h?n.typography.jumboTitleSize:n.typography.titleSize,fontWeight:t?n.typography.titleActiveWeight:n.typography.titleWeight,lineHeight:h?n.typography.jumboLineHeight:void 0,textAlign:"center"},r&&!h?S.ellipsis:null,p],C=h?n.spacing.jumboDescriptionMarginTop:n.spacing.descriptionMarginTop,D=h?{backgroundColor:t?n.colors.jumboDescriptionActiveBackground:n.colors.jumboDescriptionBackground,paddingHorizontal:n.jumbo.descriptionPaddingHorizontal,paddingVertical:n.jumbo.descriptionPaddingVertical,borderRadius:n.jumbo.descriptionRadius}:null,F=useCallback(t=>b(e.name,t),[b,e.name]);return React.createElement(Pressable,_extends({},x.interactionProps,{onLayout:F,style:[S.tabI,k?S.flexI:null,{paddingHorizontal:H,paddingVertical:P},T?{backgroundColor:t?l??n.colors.cardActiveBackground:n.colors.cardBackground}:null,d]}),React.createElement(View,{style:w},B?React.createElement(View,{style:B},React.createElement(Text,{style:E,numberOfLines:r&&!h?1:void 0},v)):React.createElement(Text,{style:E,numberOfLines:r&&!h?1:void 0},v),isRenderable(j)&&(isText(j)?React.createElement(Text,{style:[S.descTxt,{color:z,fontFamily:n.typography.fontFamily,fontSize:n.typography.descriptionSize,marginTop:C,textAlign:"center"},D,g]},j):React.createElement(View,{style:[{marginTop:C,alignItems:"center"},D]},j)),isRenderable(e.badge)&&React.createElement(View,{style:{marginTop:n.spacing.badgeMarginTop}},isText(e.badge)?React.createElement(Text,{style:{color:n.colors.badgeText,fontFamily:n.typography.fontFamily,fontSize:n.typography.badgeTextSize}},e.badge):e.badge)),T&&!u&&React.createElement(View,{style:createHairlineView({position:"right",color:l??n.colors.cardBorder,top:0,bottom:0})}))};export const TabBarItem=memo(TabBarItemInner);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useCallback,useEffect,useRef}from"react";import{Animated}from"react-native";const hasRaf="function"==typeof requestAnimationFrame&&"function"==typeof cancelAnimationFrame;export const requestTabsFrame=hasRaf?requestAnimationFrame:e=>setTimeout(e,16);export const cancelTabsFrame=e=>{null!=e&&(hasRaf?cancelAnimationFrame:clearTimeout)(e)};export const useTabsAnimation=({type:e,animated:t,scrollable:n,align:r,panes:a,nameIndexMap:u,resolvedLineWidth:c,resolvedDuration:l,currentName:i,layoutMap:s,navContainerWidthRef:o})=>{const f=useRef(new Animated.Value(0)).current,m=useRef(new Animated.Value(0)).current,d=useRef(!1),h=useRef(null),v=useCallback((i,d)=>{if(null==i||"line"!==e)return!1;const v=!n&&"start"!==r&&o.current>0&&a.length>0,R=u.get(i)??-1,p=v?o.current/a.length:0,b=v?{x:Math.max(R,0)*p,width:p}:s.current.get(i);if(!b||R<0)return!1;h.current?.stop();const x=(e,n)=>Animated.timing(e,{toValue:n,duration:d||!t?0:l,useNativeDriver:!1,isInteraction:!1}),A=c??b.width,g=c?b.x+(b.width-A)/2:b.x,T=Animated.parallel([x(f,g),x(m,A)]);return h.current=T,T.start(({finished:e})=>{e&&(h.current=null)}),!0},[r,t,m,f,u,a.length,l,c,n,e,s,o]);return useEffect(()=>{if(null==i)return;const e=d.current;v(i,!e)&&!d.current&&(d.current=!0)},[v,i]),useEffect(()=>()=>{h.current?.stop(),h.current=null},[]),{indicatorX:f,indicatorWidth:m,indicatorInitializedRef:d,animateIndicator:v}};export const useTabsScroll=({scrollable:e,animated:t,currentName:n,resolvedDuration:r,layoutMap:a,navContainerWidthRef:u,navContentWidthRef:c})=>{const l=useRef(null),i=useRef(new Animated.Value(0)).current,s=useRef(null),o=useRef(!1),f=useRef(0),m=useRef(null),d=useCallback(l=>{if(!e||null==n)return;const d=a.current.get(n),h=u.current;if(!d||!h)return;const v=c.current,R=d.x-(h-d.width)/2,p=Math.max(v-h,0),b=Math.max(0,Math.min(R,p));if(!(p<=0||Math.abs(b-f.current)<1)){if(s.current?.stop(),s.current=null,cancelTabsFrame(m.current),m.current=null,l||!t)return o.current=!0,i.setValue(b),void(m.current=requestTabsFrame(()=>{m.current=null,o.current=!1}));i.setValue(f.current),o.current=!0,s.current=Animated.timing(i,{toValue:b,duration:r,useNativeDriver:!1,isInteraction:!1}),s.current.start(({finished:e})=>{s.current=null,o.current=!1,e&&(f.current=b)})}},[t,n,i,r,e,a,u,c]);useEffect(()=>{if(!e)return;const t=i.addListener(({value:e})=>{const t=f.current;f.current=e,Math.abs(e-t)>=.5&&l.current?.scrollTo({x:e,y:0,animated:!1})});return()=>i.removeListener(t)},[i,e]),useEffect(()=>()=>{cancelTabsFrame(m.current),m.current=null},[]);const h=useCallback(e=>{o.current=!1,s.current?.stop(),s.current=null,f.current=e.nativeEvent.contentOffset.x},[]),v=useCallback(e=>{o.current||(f.current=e.nativeEvent.contentOffset.x)},[]);return{navScrollRef:l,scrollIntoView:d,handleNavScrollBeginDrag:h,handleNavScroll:v}};
|
package/dist/es/utils/compare.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const shallowEqualArray=(
|
|
1
|
+
export const shallowEqualArray=(e=[],t=[])=>{if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(e[r]!==t[r])return!1;return!0};export const shallowEqualObject=(e,t)=>{if(e===t)return!0;if(!e||!t)return!1;const r=Object.keys(e);if(r.length!==Object.keys(t).length)return!1;for(const n of r)if(e[n]!==t[n])return!1;return!0};const isPlainObject=e=>"[object Object]"===Object.prototype.toString.call(e);export const deepEqualObject=(e,t)=>{if(e===t)return!0;if(null==e||null==t)return!1;if(Array.isArray(e)&&Array.isArray(t)){if(e.length!==t.length)return!1;for(let r=0;r<e.length;r++)if(!deepEqualObject(e[r],t[r]))return!1;return!0}if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(!isPlainObject(e)||!isPlainObject(t))return!1;const r=Object.keys(e);if(r.length!==Object.keys(t).length)return!1;for(const n of r)if(!deepEqualObject(e[n],t[n]))return!1;return!0};
|
|
@@ -1,4 +1 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import type { ActionSheetProps } from './types';
|
|
3
|
-
declare const ActionSheet: React.NamedExoticComponent<ActionSheetProps>;
|
|
4
|
-
export default ActionSheet;
|
|
1
|
+
import React from'react';import type{ActionSheetProps}from'./types';declare const ActionSheet:React.NamedExoticComponent<ActionSheetProps>;export default ActionSheet;
|
|
@@ -1,4 +1 @@
|
|
|
1
|
-
import ActionSheet from
|
|
2
|
-
export type { ActionSheetProps, ActionSheetAction, ActionSheetCloseAction } from './types';
|
|
3
|
-
export { useActionSheetTokens } from './tokens';
|
|
4
|
-
export default ActionSheet;
|
|
1
|
+
import ActionSheet from'./ActionSheet';export type{ActionSheetProps,ActionSheetAction,ActionSheetCloseAction}from'./types';export{useActionSheetTokens}from'./tokens';export default ActionSheet;
|
|
@@ -1,4 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import type { ActionSheetTokens } from './types';
|
|
3
|
-
export declare const createActionSheetTokens: (foundations: Foundations) => ActionSheetTokens;
|
|
4
|
-
export declare const useActionSheetTokens: (overrides?: import("../..").DeepPartial<ActionSheetTokens> | undefined) => ActionSheetTokens;
|
|
1
|
+
import{type Foundations}from'../../design-system/tokens';import type{ActionSheetTokens}from'./types';export declare const createActionSheetTokens:(foundations:Foundations)=>ActionSheetTokens;export declare const useActionSheetTokens:(overrides?:import("../..").DeepPartial<ActionSheetTokens>|undefined)=>ActionSheetTokens;
|
|
@@ -1,87 +1 @@
|
|
|
1
|
-
import type
|
|
2
|
-
import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
|
|
3
|
-
import type { DeepPartial } from '../../types';
|
|
4
|
-
import type { PopupProps } from '../popup/Popup';
|
|
5
|
-
export type ActionSheetCloseAction = 'action' | 'cancel' | 'close' | 'close-icon' | 'overlay';
|
|
6
|
-
export interface ActionSheetAction {
|
|
7
|
-
key?: React.Key;
|
|
8
|
-
name?: React.ReactNode;
|
|
9
|
-
subname?: React.ReactNode;
|
|
10
|
-
color?: string;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
loading?: boolean;
|
|
13
|
-
icon?: React.ReactNode;
|
|
14
|
-
style?: StyleProp<ViewStyle>;
|
|
15
|
-
onPress?: (action: ActionSheetAction) => void;
|
|
16
|
-
callback?: (action: ActionSheetAction) => void;
|
|
17
|
-
}
|
|
18
|
-
export interface ActionSheetTokens {
|
|
19
|
-
defaults: {
|
|
20
|
-
closeOnClickAction: boolean;
|
|
21
|
-
closeable: boolean;
|
|
22
|
-
round: boolean;
|
|
23
|
-
safeAreaInsetBottom: boolean;
|
|
24
|
-
overlay: boolean;
|
|
25
|
-
lockScroll: boolean;
|
|
26
|
-
};
|
|
27
|
-
layout: {
|
|
28
|
-
popup: ViewStyle;
|
|
29
|
-
panel: ViewStyle;
|
|
30
|
-
header: ViewStyle;
|
|
31
|
-
titleContainer: ViewStyle;
|
|
32
|
-
title: TextStyle;
|
|
33
|
-
titleNode: ViewStyle;
|
|
34
|
-
closeButton: ViewStyle;
|
|
35
|
-
descriptionContainer: ViewStyle;
|
|
36
|
-
description: TextStyle;
|
|
37
|
-
descriptionNode: ViewStyle;
|
|
38
|
-
actions: ViewStyle;
|
|
39
|
-
item: ViewStyle;
|
|
40
|
-
itemWithIcon: ViewStyle;
|
|
41
|
-
itemTextWrapper: ViewStyle;
|
|
42
|
-
itemText: TextStyle;
|
|
43
|
-
subname: TextStyle;
|
|
44
|
-
subnameNode: ViewStyle;
|
|
45
|
-
icon: ViewStyle;
|
|
46
|
-
cancelGap: ViewStyle;
|
|
47
|
-
cancel: ViewStyle;
|
|
48
|
-
cancelText: TextStyle;
|
|
49
|
-
};
|
|
50
|
-
colors: {
|
|
51
|
-
background: string;
|
|
52
|
-
title: string;
|
|
53
|
-
description: string;
|
|
54
|
-
item: string;
|
|
55
|
-
subitem: string;
|
|
56
|
-
cancel: string;
|
|
57
|
-
disabled: string;
|
|
58
|
-
border: string;
|
|
59
|
-
itemBackground: string;
|
|
60
|
-
itemPressedBackground: string;
|
|
61
|
-
cancelBackground: string;
|
|
62
|
-
cancelGapBackground: string;
|
|
63
|
-
};
|
|
64
|
-
typography: {
|
|
65
|
-
title: number;
|
|
66
|
-
item: number;
|
|
67
|
-
description: number;
|
|
68
|
-
};
|
|
69
|
-
spacing: {
|
|
70
|
-
horizontal: number;
|
|
71
|
-
vertical: number;
|
|
72
|
-
cancelGap: number;
|
|
73
|
-
};
|
|
74
|
-
}
|
|
75
|
-
export interface ActionSheetProps extends Omit<PopupProps, 'children' | 'tokensOverride'> {
|
|
76
|
-
title?: React.ReactNode;
|
|
77
|
-
description?: React.ReactNode;
|
|
78
|
-
cancelText?: React.ReactNode;
|
|
79
|
-
actions?: ActionSheetAction[];
|
|
80
|
-
closeOnClickAction?: boolean;
|
|
81
|
-
closeOnSelect?: boolean;
|
|
82
|
-
children?: React.ReactNode;
|
|
83
|
-
onSelect?: (action: ActionSheetAction, index: number) => void;
|
|
84
|
-
onCancel?: () => void;
|
|
85
|
-
beforeClose?: (action: ActionSheetCloseAction) => boolean | Promise<boolean>;
|
|
86
|
-
tokensOverride?: DeepPartial<ActionSheetTokens>;
|
|
87
|
-
}
|
|
1
|
+
import type*as React from'react';import type{StyleProp,TextStyle,ViewStyle}from'react-native';import type{DeepPartial}from'../../types';import type{PopupProps}from'../popup/Popup';export type ActionSheetCloseAction='action'|'cancel'|'close'|'close-icon'|'overlay';export interface ActionSheetAction{key?:React.Key;name?:React.ReactNode;subname?:React.ReactNode;color?:string;disabled?:boolean;loading?:boolean;icon?:React.ReactNode;style?:StyleProp<ViewStyle>;onPress?:(action:ActionSheetAction)=>void;callback?:(action:ActionSheetAction)=>void;}export interface ActionSheetTokens{defaults:{closeOnClickAction:boolean;closeable:boolean;round:boolean;safeAreaInsetBottom:boolean;overlay:boolean;lockScroll:boolean;};layout:{popup:ViewStyle;panel:ViewStyle;header:ViewStyle;titleContainer:ViewStyle;title:TextStyle;titleNode:ViewStyle;closeButton:ViewStyle;descriptionContainer:ViewStyle;description:TextStyle;descriptionNode:ViewStyle;actions:ViewStyle;item:ViewStyle;itemWithIcon:ViewStyle;itemTextWrapper:ViewStyle;itemText:TextStyle;subname:TextStyle;subnameNode:ViewStyle;icon:ViewStyle;cancelGap:ViewStyle;cancel:ViewStyle;cancelText:TextStyle;};colors:{background:string;title:string;description:string;item:string;subitem:string;cancel:string;disabled:string;border:string;itemBackground:string;itemPressedBackground:string;cancelBackground:string;cancelGapBackground:string;};typography:{title:number;item:number;description:number;};spacing:{horizontal:number;vertical:number;cancelGap:number;};}export interface ActionSheetProps extends Omit<PopupProps,'children'|'tokensOverride'>{title?:React.ReactNode;description?:React.ReactNode;cancelText?:React.ReactNode;actions?:ActionSheetAction[];closeOnClickAction?:boolean;closeOnSelect?:boolean;children?:React.ReactNode;onSelect?:(action:ActionSheetAction,index:number)=>void;onCancel?:()=>void;beforeClose?:(action:ActionSheetCloseAction)=>boolean|Promise<boolean>;tokensOverride?:DeepPartial<ActionSheetTokens>;}
|
|
@@ -1,4 +1 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import type { AreaProps } from './types';
|
|
3
|
-
declare const Area: React.NamedExoticComponent<AreaProps>;
|
|
4
|
-
export default Area;
|
|
1
|
+
import React from'react';import type{AreaProps}from'./types';declare const Area:React.NamedExoticComponent<AreaProps>;export default Area;
|
|
@@ -1,7 +1 @@
|
|
|
1
|
-
export interface AreaTokens
|
|
2
|
-
defaults: {
|
|
3
|
-
columnsNum: 1 | 2 | 3;
|
|
4
|
-
interactionMode: 'freeze' | 'sync';
|
|
5
|
-
};
|
|
6
|
-
}
|
|
7
|
-
export declare const useAreaTokens: (overrides?: import("../..").DeepPartial<AreaTokens> | undefined) => AreaTokens;
|
|
1
|
+
export interface AreaTokens{defaults:{columnsNum:1|2|3;interactionMode:'freeze'|'sync';};}export declare const useAreaTokens:(overrides?:import("../..").DeepPartial<AreaTokens>|undefined)=>AreaTokens;
|
|
@@ -1,20 +1 @@
|
|
|
1
|
-
import type
|
|
2
|
-
import type { PickerProps, PickerOption } from '../picker/types';
|
|
3
|
-
export interface AreaList {
|
|
4
|
-
province_list?: Record<string, string>;
|
|
5
|
-
city_list?: Record<string, string>;
|
|
6
|
-
county_list?: Record<string, string>;
|
|
7
|
-
}
|
|
8
|
-
export interface AreaOption extends PickerOption {
|
|
9
|
-
label: React.ReactNode;
|
|
10
|
-
value: string;
|
|
11
|
-
children?: AreaOption[];
|
|
12
|
-
}
|
|
13
|
-
export interface AreaProps extends Omit<PickerProps, 'columns' | 'onChange' | 'value' | 'defaultValue' | 'onConfirm'> {
|
|
14
|
-
areaList: AreaList;
|
|
15
|
-
columnsNum?: 1 | 2 | 3;
|
|
16
|
-
value?: string[];
|
|
17
|
-
defaultValue?: string[];
|
|
18
|
-
onChange?: (values: string[], options: (AreaOption | undefined)[]) => void;
|
|
19
|
-
onConfirm?: (values: string[], options: (AreaOption | undefined)[]) => void;
|
|
20
|
-
}
|
|
1
|
+
import type*as React from'react';import type{PickerProps,PickerOption}from'../picker/types';export interface AreaList{province_list?:Record<string,string>;city_list?:Record<string,string>;county_list?:Record<string,string>;}export interface AreaOption extends PickerOption{label:React.ReactNode;value:string;children?:AreaOption[];}export interface AreaProps extends Omit<PickerProps,'columns'|'onChange'|'value'|'defaultValue'|'onConfirm'>{areaList:AreaList;columnsNum?:1|2|3;value?:string[];defaultValue?:string[];onChange?:(values:string[],options:(AreaOption|undefined)[])=>void;onConfirm?:(values:string[],options:(AreaOption|undefined)[])=>void;}
|
|
@@ -1,7 +1 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { Text, View } from 'react-native';
|
|
3
|
-
import type { AvatarFallbackTextProps, AvatarImageProps, AvatarProps } from './types';
|
|
4
|
-
export declare const AvatarFallbackText: React.ForwardRefExoticComponent<AvatarFallbackTextProps & React.RefAttributes<Text>>;
|
|
5
|
-
export declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<import("react-native").Image>>;
|
|
6
|
-
export declare const Avatar: React.NamedExoticComponent<AvatarProps & React.RefAttributes<View>>;
|
|
7
|
-
export default Avatar;
|
|
1
|
+
import React from'react';import{Text,View}from'react-native';import type{AvatarFallbackTextProps,AvatarImageProps,AvatarProps}from'./types';export declare const AvatarFallbackText:React.ForwardRefExoticComponent<AvatarFallbackTextProps&React.RefAttributes<Text>>;export declare const AvatarImage:React.ForwardRefExoticComponent<AvatarImageProps&React.RefAttributes<import("react-native").Image>>;export declare const Avatar:React.NamedExoticComponent<AvatarProps&React.RefAttributes<View>>;export default Avatar;
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export
|
|
2
|
-
export type { AvatarProps, AvatarShape, AvatarSize } from './types';
|
|
1
|
+
export{Avatar,Avatar as default}from'./Avatar';export type{AvatarProps,AvatarShape,AvatarSize}from'./types';
|
|
@@ -1,4 +1 @@
|
|
|
1
|
-
import type
|
|
2
|
-
import type { AvatarTokens } from "./types";
|
|
3
|
-
export declare const createAvatarTokens: (foundations: Foundations) => AvatarTokens;
|
|
4
|
-
export declare const useAvatarTokens: (overrides?: import("../..").DeepPartial<AvatarTokens> | undefined) => AvatarTokens;
|
|
1
|
+
import type{Foundations}from"../../design-system/tokens";import type{AvatarTokens}from"./types";export declare const createAvatarTokens:(foundations:Foundations)=>AvatarTokens;export declare const useAvatarTokens:(overrides?:import("../..").DeepPartial<AvatarTokens>|undefined)=>AvatarTokens;
|