react-native-system-ui 1.0.2 → 1.0.4
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 +42 -22
- package/dist/cjs/components/action-sheet/ActionSheet.js +1 -301
- package/dist/cjs/components/action-sheet/index.js +1 -16
- package/dist/cjs/components/action-sheet/tokens.js +1 -133
- package/dist/cjs/components/area/Area.js +1 -127
- package/dist/cjs/components/area/index.js +1 -9
- package/dist/cjs/components/area/tokens.js +1 -14
- package/dist/cjs/components/avatar/Avatar.js +1 -125
- package/dist/cjs/components/avatar/index.js +1 -18
- package/dist/cjs/components/avatar/tokens.js +1 -56
- package/dist/cjs/components/badge/Badge.js +1 -166
- package/dist/cjs/components/badge/index.js +1 -8
- package/dist/cjs/components/badge/tokens.js +1 -81
- package/dist/cjs/components/button/Button.js +1 -203
- package/dist/cjs/components/button/ButtonContext.js +1 -12
- package/dist/cjs/components/button/ButtonGroup.js +1 -65
- package/dist/cjs/components/button/index.js +1 -12
- package/dist/cjs/components/button/tokens.js +1 -176
- package/dist/cjs/components/calendar/Calendar.js +1 -452
- package/dist/cjs/components/calendar/index.js +1 -9
- package/dist/cjs/components/calendar/tokens.js +1 -129
- package/dist/cjs/components/cascader/Cascader.js +1 -482
- package/dist/cjs/components/cascader/index.js +1 -15
- package/dist/cjs/components/cascader/tokens.js +1 -138
- package/dist/cjs/components/cascader/useCascaderExtend.js +1 -39
- package/dist/cjs/components/cell/Cell.js +1 -181
- package/dist/cjs/components/cell/CellContext.js +1 -19
- package/dist/cjs/components/cell/CellGroup.js +1 -100
- package/dist/cjs/components/cell/index.js +1 -19
- package/dist/cjs/components/cell/tokens.js +1 -173
- package/dist/cjs/components/checkbox/Checkbox.js +1 -251
- package/dist/cjs/components/checkbox/CheckboxContext.js +1 -12
- package/dist/cjs/components/checkbox/CheckboxGroup.js +1 -148
- package/dist/cjs/components/checkbox/index.js +1 -16
- package/dist/cjs/components/checkbox/tokens.js +1 -97
- package/dist/cjs/components/circle/Circle.js +1 -212
- package/dist/cjs/components/circle/index.js +1 -9
- package/dist/cjs/components/circle/tokens.js +1 -55
- package/dist/cjs/components/collapse/Collapse.js +1 -311
- package/dist/cjs/components/collapse/index.js +1 -8
- package/dist/cjs/components/collapse/tokens.js +1 -81
- package/dist/cjs/components/config-provider/ConfigProvider.js +1 -44
- package/dist/cjs/components/config-provider/DirectionContext.js +1 -15
- package/dist/cjs/components/config-provider/LocaleContext.js +1 -16
- package/dist/cjs/components/config-provider/index.js +1 -40
- package/dist/cjs/components/config-provider/locale/en-US.js +1 -112
- package/dist/cjs/components/config-provider/locale/zh-CN.js +1 -112
- package/dist/cjs/components/config-provider/tokens.js +1 -11
- package/dist/cjs/components/config-provider/useDirection.js +1 -16
- package/dist/cjs/components/config-provider/useLocale.js +1 -16
- package/dist/cjs/components/count-down/CountDown.js +1 -88
- package/dist/cjs/components/count-down/index.js +1 -15
- package/dist/cjs/components/count-down/tokens.js +1 -34
- package/dist/cjs/components/datetime-picker/DatetimePicker.js +1 -319
- package/dist/cjs/components/datetime-picker/index.js +1 -9
- package/dist/cjs/components/datetime-picker/tokens.js +1 -22
- package/dist/cjs/components/dialog/Dialog.js +1 -433
- package/dist/cjs/components/dialog/imperative.js +1 -199
- package/dist/cjs/components/dialog/index.js +1 -23
- package/dist/cjs/components/dialog/tokens.js +1 -64
- package/dist/cjs/components/divider/Divider.js +1 -126
- package/dist/cjs/components/divider/index.js +1 -8
- package/dist/cjs/components/divider/tokens.js +1 -62
- package/dist/cjs/components/empty/Empty.js +1 -125
- package/dist/cjs/components/empty/index.js +1 -8
- package/dist/cjs/components/empty/tokens.js +1 -55
- package/dist/cjs/components/error-boundary/ErrorBoundary.js +1 -74
- package/dist/cjs/components/error-boundary/index.js +1 -19
- package/dist/cjs/components/field/Field.js +1 -565
- package/dist/cjs/components/field/index.js +1 -29
- package/dist/cjs/components/field/tokens.js +1 -150
- package/dist/cjs/components/flex/Flex.js +1 -85
- package/dist/cjs/components/flex/FlexContext.js +1 -12
- package/dist/cjs/components/flex/FlexItem.js +1 -95
- package/dist/cjs/components/flex/index.js +1 -19
- package/dist/cjs/components/flex/tokens.js +1 -21
- package/dist/cjs/components/form/Form.js +1 -340
- package/dist/cjs/components/form/FormContext.js +1 -12
- package/dist/cjs/components/form/FormItem.js +1 -151
- package/dist/cjs/components/form/FormList.js +1 -95
- package/dist/cjs/components/form/index.js +1 -50
- package/dist/cjs/components/form/tokens.js +1 -14
- package/dist/cjs/components/form/utils.js +1 -56
- package/dist/cjs/components/grid/Grid.js +1 -118
- package/dist/cjs/components/grid/GridContext.js +1 -12
- package/dist/cjs/components/grid/GridItem.js +1 -158
- package/dist/cjs/components/grid/index.js +1 -12
- package/dist/cjs/components/grid/tokens.js +1 -105
- package/dist/cjs/components/image/Image.js +1 -263
- package/dist/cjs/components/image/index.js +1 -16
- package/dist/cjs/components/image/tokens.js +1 -66
- package/dist/cjs/components/image-preview/ImagePreview.js +1 -408
- package/dist/cjs/components/image-preview/imperative.js +1 -72
- package/dist/cjs/components/image-preview/index.js +1 -17
- package/dist/cjs/components/image-preview/tokens.js +1 -43
- package/dist/cjs/components/index.js +1 -769
- package/dist/cjs/components/input/Input.js +1 -122
- package/dist/cjs/components/input/index.js +1 -15
- package/dist/cjs/components/input/tokens.js +1 -22
- package/dist/cjs/components/loading/Loading.js +1 -76
- package/dist/cjs/components/loading/index.js +1 -8
- package/dist/cjs/components/loading/tokens.js +1 -32
- package/dist/cjs/components/nav-bar/NavBar.js +1 -196
- package/dist/cjs/components/nav-bar/index.js +1 -16
- package/dist/cjs/components/nav-bar/tokens.js +1 -90
- package/dist/cjs/components/notice-bar/NoticeBar.js +1 -369
- package/dist/cjs/components/notice-bar/index.js +1 -8
- package/dist/cjs/components/notice-bar/tokens.js +1 -39
- package/dist/cjs/components/notify/Notify.js +1 -262
- package/dist/cjs/components/notify/imperative.js +1 -145
- package/dist/cjs/components/notify/index.js +1 -10
- package/dist/cjs/components/notify/tokens.js +1 -74
- package/dist/cjs/components/number-keyboard/NumberKeyboard.js +1 -487
- package/dist/cjs/components/number-keyboard/index.js +1 -15
- package/dist/cjs/components/number-keyboard/tokens.js +1 -59
- package/dist/cjs/components/overlay/Overlay.js +1 -81
- package/dist/cjs/components/overlay/index.js +1 -28
- package/dist/cjs/components/overlay/tokens.js +1 -13
- package/dist/cjs/components/password-input/PasswordInput.js +1 -346
- package/dist/cjs/components/password-input/index.js +1 -13
- package/dist/cjs/components/password-input/tokens.js +1 -53
- package/dist/cjs/components/picker/Picker.js +1 -1056
- package/dist/cjs/components/picker/index.js +1 -15
- package/dist/cjs/components/picker/tokens.js +1 -53
- package/dist/cjs/components/popup/Popup.js +1 -518
- package/dist/cjs/components/popup/index.js +1 -15
- package/dist/cjs/components/popup/tokens.js +1 -62
- package/dist/cjs/components/portal/Portal.js +1 -50
- package/dist/cjs/components/portal/PortalContext.js +1 -15
- package/dist/cjs/components/portal/PortalHost.js +1 -253
- package/dist/cjs/components/portal/index.js +1 -25
- package/dist/cjs/components/portal/tokens.js +1 -11
- package/dist/cjs/components/progress/Progress.js +1 -216
- package/dist/cjs/components/progress/index.js +1 -14
- package/dist/cjs/components/progress/tokens.js +1 -52
- package/dist/cjs/components/radio/Radio.js +1 -245
- package/dist/cjs/components/radio/RadioContext.js +1 -12
- package/dist/cjs/components/radio/RadioGroup.js +1 -113
- package/dist/cjs/components/radio/index.js +1 -16
- package/dist/cjs/components/radio/tokens.js +1 -92
- package/dist/cjs/components/safe-area-view/SafeAreaView.js +1 -59
- package/dist/cjs/components/safe-area-view/index.js +1 -12
- package/dist/cjs/components/safe-area-view/tokens.js +1 -11
- package/dist/cjs/components/search/Search.js +1 -215
- package/dist/cjs/components/search/index.js +1 -15
- package/dist/cjs/components/search/tokens.js +1 -54
- package/dist/cjs/components/selector/Selector.js +1 -185
- package/dist/cjs/components/selector/index.js +1 -15
- package/dist/cjs/components/selector/tokens.js +1 -100
- package/dist/cjs/components/share-sheet/ShareSheet.js +1 -287
- package/dist/cjs/components/share-sheet/index.js +1 -16
- package/dist/cjs/components/share-sheet/tokens.js +1 -55
- package/dist/cjs/components/sidebar/Sidebar.js +1 -103
- package/dist/cjs/components/sidebar/SidebarContext.js +1 -17
- package/dist/cjs/components/sidebar/SidebarItem.js +1 -103
- package/dist/cjs/components/sidebar/index.js +1 -26
- package/dist/cjs/components/sidebar/tokens.js +1 -93
- package/dist/cjs/components/skeleton/Skeleton.js +1 -162
- package/dist/cjs/components/skeleton/index.js +1 -22
- package/dist/cjs/components/skeleton/tokens.js +1 -39
- package/dist/cjs/components/slider/Slider.js +1 -633
- package/dist/cjs/components/slider/index.js +1 -8
- package/dist/cjs/components/slider/tokens.js +1 -37
- package/dist/cjs/components/space/Space.js +1 -134
- package/dist/cjs/components/space/index.js +1 -18
- package/dist/cjs/components/space/tokens.js +1 -39
- package/dist/cjs/components/stepper/Stepper.js +1 -484
- package/dist/cjs/components/stepper/index.js +1 -15
- package/dist/cjs/components/stepper/tokens.js +1 -60
- package/dist/cjs/components/swiper/Swiper.js +1 -364
- package/dist/cjs/components/swiper/SwiperItem.js +1 -12
- package/dist/cjs/components/swiper/SwiperPagIndicator.js +1 -106
- package/dist/cjs/components/swiper/index.js +1 -40
- package/dist/cjs/components/swiper/tokens.js +1 -18
- package/dist/cjs/components/switch/Switch.js +1 -102
- package/dist/cjs/components/switch/index.js +1 -15
- package/dist/cjs/components/switch/tokens.js +1 -31
- package/dist/cjs/components/tabbar/Tabbar.js +1 -149
- package/dist/cjs/components/tabbar/TabbarContext.js +1 -17
- package/dist/cjs/components/tabbar/TabbarItem.js +1 -159
- package/dist/cjs/components/tabbar/index.js +1 -25
- package/dist/cjs/components/tabbar/tokens.js +1 -41
- package/dist/cjs/components/tabs/Tabs.js +1 -860
- package/dist/cjs/components/tabs/index.js +1 -25
- package/dist/cjs/components/tabs/tokens.js +1 -111
- package/dist/cjs/components/tag/Tag.js +1 -130
- package/dist/cjs/components/tag/index.js +1 -8
- package/dist/cjs/components/tag/tokens.js +1 -104
- package/dist/cjs/components/toast/Toast.js +1 -306
- package/dist/cjs/components/toast/imperative.js +1 -144
- package/dist/cjs/components/toast/index.js +1 -10
- package/dist/cjs/components/toast/tokens.js +1 -43
- package/dist/cjs/components/typography/Typography.js +1 -181
- package/dist/cjs/components/typography/index.js +1 -9
- package/dist/cjs/components/typography/tokens.js +1 -88
- package/dist/cjs/components/water-mark/WaterMark.js +1 -172
- package/dist/cjs/components/water-mark/index.js +1 -22
- package/dist/cjs/components/water-mark/tokens.js +1 -54
- package/dist/cjs/design-system/Text.js +1 -38
- package/dist/cjs/design-system/ThemeContext.js +1 -19
- package/dist/cjs/design-system/ThemeProvider.js +1 -31
- package/dist/cjs/design-system/createComponentTokensHook.js +1 -28
- package/dist/cjs/design-system/index.js +1 -66
- package/dist/cjs/design-system/mergeTokensOverride.js +1 -9
- package/dist/cjs/design-system/presets.js +1 -146
- package/dist/cjs/design-system/tokens.js +1 -135
- package/dist/cjs/design-system/useTheme.js +1 -16
- package/dist/cjs/hooks/animation/index.js +1 -25
- package/dist/cjs/hooks/animation/useAnimatedTransition.js +1 -72
- package/dist/cjs/hooks/animation/useReducedMotion.js +1 -75
- package/dist/cjs/hooks/aria/index.js +1 -49
- package/dist/cjs/hooks/aria/useAriaListBox.js +1 -50
- package/dist/cjs/hooks/aria/useAriaOverlay.js +1 -50
- package/dist/cjs/hooks/aria/useAriaPress.js +1 -94
- package/dist/cjs/hooks/aria/useAriaToggle.js +1 -41
- package/dist/cjs/hooks/gesture/index.js +1 -16
- package/dist/cjs/hooks/gesture/useGestureScroll.js +1 -129
- package/dist/cjs/hooks/index.js +1 -96
- package/dist/cjs/hooks/overlay/OverlayStackStore.js +1 -106
- package/dist/cjs/hooks/overlay/index.js +1 -27
- package/dist/cjs/hooks/overlay/useOverlayStack.js +1 -53
- package/dist/cjs/hooks/useControllableValue.js +1 -41
- package/dist/cjs/hooks/useCountDown.js +1 -99
- package/dist/cjs/hooks/useHairline.js +1 -46
- package/dist/cjs/hooks/useSafeAreaPadding.js +1 -38
- package/dist/cjs/index.js +1 -104
- package/dist/cjs/nativewind.js +1 -0
- package/dist/cjs/platform/animation.js +1 -22
- package/dist/cjs/platform/history.js +1 -14
- package/dist/cjs/platform/index.js +1 -60
- package/dist/cjs/platform/measure.js +1 -39
- package/dist/cjs/platform/runtime.js +1 -19
- package/dist/cjs/platform/scrollLock.js +1 -24
- package/dist/cjs/utils/array.js +1 -12
- package/dist/cjs/utils/color.js +1 -33
- package/dist/cjs/utils/compare.js +1 -21
- package/dist/cjs/utils/createPlatformShadow.js +1 -52
- package/dist/cjs/utils/date.js +1 -45
- package/dist/cjs/utils/deepMerge.js +1 -27
- package/dist/cjs/utils/hairline.js +1 -107
- package/dist/cjs/utils/index.js +1 -148
- package/dist/cjs/utils/number.js +1 -65
- package/dist/cjs/utils/promise.js +1 -9
- package/dist/cjs/utils/render.js +1 -21
- package/dist/cjs/utils/rtl.js +1 -25
- package/dist/cjs/utils/string.js +1 -22
- package/dist/cjs/utils/validate.js +1 -39
- package/dist/es/components/action-sheet/ActionSheet.js +1 -275
- package/dist/es/components/action-sheet/index.js +1 -3
- package/dist/es/components/action-sheet/tokens.js +1 -126
- package/dist/es/components/area/Area.js +1 -113
- package/dist/es/components/area/index.js +1 -2
- package/dist/es/components/area/tokens.js +1 -8
- package/dist/es/components/avatar/Avatar.js +1 -106
- package/dist/es/components/avatar/index.js +1 -1
- package/dist/es/components/avatar/tokens.js +1 -49
- package/dist/es/components/badge/Badge.js +1 -147
- package/dist/es/components/badge/index.js +1 -2
- package/dist/es/components/badge/tokens.js +1 -75
- package/dist/es/components/button/Button.js +1 -184
- package/dist/es/components/button/ButtonContext.js +1 -1
- package/dist/es/components/button/ButtonGroup.js +1 -46
- package/dist/es/components/button/index.js +1 -7
- package/dist/es/components/button/tokens.js +1 -170
- package/dist/es/components/calendar/Calendar.js +1 -432
- package/dist/es/components/calendar/index.js +1 -2
- package/dist/es/components/calendar/tokens.js +1 -122
- package/dist/es/components/cascader/Cascader.js +1 -456
- package/dist/es/components/cascader/index.js +1 -3
- package/dist/es/components/cascader/tokens.js +1 -131
- package/dist/es/components/cascader/useCascaderExtend.js +1 -32
- package/dist/es/components/cell/Cell.js +1 -156
- package/dist/es/components/cell/CellContext.js +1 -6
- package/dist/es/components/cell/CellGroup.js +1 -81
- package/dist/es/components/cell/index.js +1 -8
- package/dist/es/components/cell/tokens.js +1 -160
- package/dist/es/components/checkbox/Checkbox.js +1 -220
- package/dist/es/components/checkbox/CheckboxContext.js +1 -1
- package/dist/es/components/checkbox/CheckboxGroup.js +1 -117
- package/dist/es/components/checkbox/index.js +1 -5
- package/dist/es/components/checkbox/tokens.js +1 -85
- package/dist/es/components/circle/Circle.js +1 -187
- package/dist/es/components/circle/index.js +1 -2
- package/dist/es/components/circle/tokens.js +1 -48
- package/dist/es/components/collapse/Collapse.js +1 -286
- package/dist/es/components/collapse/index.js +1 -2
- package/dist/es/components/collapse/tokens.js +1 -74
- package/dist/es/components/config-provider/ConfigProvider.js +1 -25
- package/dist/es/components/config-provider/DirectionContext.js +1 -2
- package/dist/es/components/config-provider/LocaleContext.js +1 -3
- package/dist/es/components/config-provider/index.js +1 -5
- package/dist/es/components/config-provider/locale/en-US.js +1 -106
- package/dist/es/components/config-provider/locale/zh-CN.js +1 -106
- package/dist/es/components/config-provider/tokens.js +1 -5
- package/dist/es/components/config-provider/useDirection.js +1 -3
- package/dist/es/components/config-provider/useLocale.js +1 -3
- package/dist/es/components/count-down/CountDown.js +1 -69
- package/dist/es/components/count-down/index.js +1 -3
- package/dist/es/components/count-down/tokens.js +1 -27
- package/dist/es/components/datetime-picker/DatetimePicker.js +1 -305
- package/dist/es/components/datetime-picker/index.js +1 -2
- package/dist/es/components/datetime-picker/tokens.js +1 -16
- package/dist/es/components/dialog/Dialog.js +1 -407
- package/dist/es/components/dialog/imperative.js +1 -185
- package/dist/es/components/dialog/index.js +1 -17
- package/dist/es/components/dialog/tokens.js +1 -57
- package/dist/es/components/divider/Divider.js +1 -107
- package/dist/es/components/divider/index.js +1 -2
- package/dist/es/components/divider/tokens.js +1 -55
- package/dist/es/components/empty/Empty.js +1 -100
- package/dist/es/components/empty/index.js +1 -2
- package/dist/es/components/empty/tokens.js +1 -48
- package/dist/es/components/error-boundary/ErrorBoundary.js +1 -62
- package/dist/es/components/error-boundary/index.js +1 -1
- package/dist/es/components/field/Field.js +1 -539
- package/dist/es/components/field/index.js +1 -6
- package/dist/es/components/field/tokens.js +1 -138
- package/dist/es/components/flex/Flex.js +1 -66
- package/dist/es/components/flex/FlexContext.js +1 -1
- package/dist/es/components/flex/FlexItem.js +1 -76
- package/dist/es/components/flex/index.js +1 -8
- package/dist/es/components/flex/tokens.js +1 -15
- package/dist/es/components/form/Form.js +1 -319
- package/dist/es/components/form/FormContext.js +1 -1
- package/dist/es/components/form/FormItem.js +1 -138
- package/dist/es/components/form/FormList.js +1 -81
- package/dist/es/components/form/index.js +1 -13
- package/dist/es/components/form/tokens.js +1 -8
- package/dist/es/components/form/utils.js +1 -45
- package/dist/es/components/grid/Grid.js +1 -99
- package/dist/es/components/grid/GridContext.js +1 -1
- package/dist/es/components/grid/GridItem.js +1 -138
- package/dist/es/components/grid/index.js +1 -6
- package/dist/es/components/grid/tokens.js +1 -98
- package/dist/es/components/image/Image.js +1 -238
- package/dist/es/components/image/index.js +1 -3
- package/dist/es/components/image/tokens.js +1 -60
- package/dist/es/components/image-preview/ImagePreview.js +1 -388
- package/dist/es/components/image-preview/imperative.js +1 -58
- package/dist/es/components/image-preview/index.js +1 -11
- package/dist/es/components/image-preview/tokens.js +1 -37
- package/dist/es/components/index.js +1 -110
- package/dist/es/components/input/Input.js +1 -109
- package/dist/es/components/input/index.js +1 -3
- package/dist/es/components/input/tokens.js +1 -16
- package/dist/es/components/loading/Loading.js +1 -57
- package/dist/es/components/loading/index.js +1 -2
- package/dist/es/components/loading/tokens.js +1 -25
- package/dist/es/components/nav-bar/NavBar.js +1 -171
- package/dist/es/components/nav-bar/index.js +1 -3
- package/dist/es/components/nav-bar/tokens.js +1 -83
- package/dist/es/components/notice-bar/NoticeBar.js +1 -344
- package/dist/es/components/notice-bar/index.js +1 -2
- package/dist/es/components/notice-bar/tokens.js +1 -32
- package/dist/es/components/notify/Notify.js +1 -242
- package/dist/es/components/notify/imperative.js +1 -131
- package/dist/es/components/notify/index.js +1 -5
- package/dist/es/components/notify/tokens.js +1 -67
- package/dist/es/components/number-keyboard/NumberKeyboard.js +1 -467
- package/dist/es/components/number-keyboard/index.js +1 -3
- package/dist/es/components/number-keyboard/tokens.js +1 -53
- package/dist/es/components/overlay/Overlay.js +1 -50
- package/dist/es/components/overlay/index.js +1 -4
- package/dist/es/components/overlay/tokens.js +1 -7
- package/dist/es/components/password-input/PasswordInput.js +1 -327
- package/dist/es/components/password-input/index.js +1 -1
- package/dist/es/components/password-input/tokens.js +1 -41
- package/dist/es/components/picker/Picker.js +1 -1031
- package/dist/es/components/picker/index.js +1 -3
- package/dist/es/components/picker/tokens.js +1 -47
- package/dist/es/components/popup/Popup.js +1 -492
- package/dist/es/components/popup/index.js +1 -3
- package/dist/es/components/popup/tokens.js +1 -55
- package/dist/es/components/portal/Portal.js +1 -37
- package/dist/es/components/portal/PortalContext.js +1 -2
- package/dist/es/components/portal/PortalHost.js +1 -234
- package/dist/es/components/portal/index.js +1 -3
- package/dist/es/components/portal/tokens.js +1 -5
- package/dist/es/components/progress/Progress.js +1 -196
- package/dist/es/components/progress/index.js +1 -3
- package/dist/es/components/progress/tokens.js +1 -45
- package/dist/es/components/radio/Radio.js +1 -214
- package/dist/es/components/radio/RadioContext.js +1 -1
- package/dist/es/components/radio/RadioGroup.js +1 -82
- package/dist/es/components/radio/index.js +1 -5
- package/dist/es/components/radio/tokens.js +1 -80
- package/dist/es/components/safe-area-view/SafeAreaView.js +1 -40
- package/dist/es/components/safe-area-view/index.js +1 -1
- package/dist/es/components/safe-area-view/tokens.js +1 -5
- package/dist/es/components/search/Search.js +1 -189
- package/dist/es/components/search/index.js +1 -3
- package/dist/es/components/search/tokens.js +1 -48
- package/dist/es/components/selector/Selector.js +1 -166
- package/dist/es/components/selector/index.js +1 -3
- package/dist/es/components/selector/tokens.js +1 -88
- package/dist/es/components/share-sheet/ShareSheet.js +1 -267
- package/dist/es/components/share-sheet/index.js +1 -3
- package/dist/es/components/share-sheet/tokens.js +1 -49
- package/dist/es/components/sidebar/Sidebar.js +1 -84
- package/dist/es/components/sidebar/SidebarContext.js +1 -3
- package/dist/es/components/sidebar/SidebarItem.js +1 -84
- package/dist/es/components/sidebar/index.js +1 -8
- package/dist/es/components/sidebar/tokens.js +1 -80
- package/dist/es/components/skeleton/Skeleton.js +1 -143
- package/dist/es/components/skeleton/index.js +1 -4
- package/dist/es/components/skeleton/tokens.js +1 -33
- package/dist/es/components/slider/Slider.js +1 -596
- package/dist/es/components/slider/index.js +1 -2
- package/dist/es/components/slider/tokens.js +1 -31
- package/dist/es/components/space/Space.js +1 -115
- package/dist/es/components/space/index.js +1 -2
- package/dist/es/components/space/tokens.js +1 -32
- package/dist/es/components/stepper/Stepper.js +1 -465
- package/dist/es/components/stepper/index.js +1 -3
- package/dist/es/components/stepper/tokens.js +1 -54
- package/dist/es/components/swiper/Swiper.js +1 -344
- package/dist/es/components/swiper/SwiperItem.js +1 -1
- package/dist/es/components/swiper/SwiperPagIndicator.js +1 -87
- package/dist/es/components/swiper/index.js +1 -10
- package/dist/es/components/swiper/tokens.js +1 -12
- package/dist/es/components/switch/Switch.js +1 -83
- package/dist/es/components/switch/index.js +1 -3
- package/dist/es/components/switch/tokens.js +1 -25
- package/dist/es/components/tabbar/Tabbar.js +1 -130
- package/dist/es/components/tabbar/TabbarContext.js +1 -3
- package/dist/es/components/tabbar/TabbarItem.js +1 -139
- package/dist/es/components/tabbar/index.js +1 -7
- package/dist/es/components/tabbar/tokens.js +1 -35
- package/dist/es/components/tabs/Tabs.js +1 -841
- package/dist/es/components/tabs/index.js +1 -7
- package/dist/es/components/tabs/tokens.js +1 -105
- package/dist/es/components/tag/Tag.js +1 -105
- package/dist/es/components/tag/index.js +1 -2
- package/dist/es/components/tag/tokens.js +1 -97
- package/dist/es/components/toast/Toast.js +1 -280
- package/dist/es/components/toast/imperative.js +1 -130
- package/dist/es/components/toast/index.js +1 -5
- package/dist/es/components/toast/tokens.js +1 -36
- package/dist/es/components/typography/Typography.js +1 -162
- package/dist/es/components/typography/index.js +1 -2
- package/dist/es/components/typography/tokens.js +1 -82
- package/dist/es/components/water-mark/WaterMark.js +1 -153
- package/dist/es/components/water-mark/index.js +1 -4
- package/dist/es/components/water-mark/tokens.js +1 -42
- package/dist/es/design-system/Text.js +1 -19
- package/dist/es/design-system/ThemeContext.js +1 -6
- package/dist/es/design-system/ThemeProvider.js +1 -17
- package/dist/es/design-system/createComponentTokensHook.js +1 -15
- package/dist/es/design-system/index.js +1 -7
- package/dist/es/design-system/mergeTokensOverride.js +1 -2
- package/dist/es/design-system/presets.js +1 -139
- package/dist/es/design-system/tokens.js +1 -128
- package/dist/es/design-system/useTheme.js +1 -3
- package/dist/es/hooks/animation/index.js +1 -2
- package/dist/es/hooks/animation/useAnimatedTransition.js +1 -53
- package/dist/es/hooks/animation/useReducedMotion.js +1 -54
- package/dist/es/hooks/aria/index.js +1 -5
- package/dist/es/hooks/aria/useAriaListBox.js +1 -25
- package/dist/es/hooks/aria/useAriaOverlay.js +1 -25
- package/dist/es/hooks/aria/useAriaPress.js +1 -57
- package/dist/es/hooks/aria/useAriaToggle.js +1 -16
- package/dist/es/hooks/gesture/index.js +1 -2
- package/dist/es/hooks/gesture/useGestureScroll.js +1 -110
- package/dist/es/hooks/index.js +1 -8
- package/dist/es/hooks/overlay/OverlayStackStore.js +1 -93
- package/dist/es/hooks/overlay/index.js +1 -3
- package/dist/es/hooks/overlay/useOverlayStack.js +1 -40
- package/dist/es/hooks/useControllableValue.js +1 -29
- package/dist/es/hooks/useCountDown.js +1 -87
- package/dist/es/hooks/useHairline.js +1 -26
- package/dist/es/hooks/useSafeAreaPadding.js +1 -20
- package/dist/es/index.js +1 -11
- package/dist/es/nativewind.js +1 -0
- package/dist/es/platform/animation.js +1 -10
- package/dist/es/platform/history.js +1 -7
- package/dist/es/platform/index.js +1 -6
- package/dist/es/platform/measure.js +1 -32
- package/dist/es/platform/runtime.js +1 -4
- package/dist/es/platform/scrollLock.js +1 -16
- package/dist/es/types.js +1 -1
- package/dist/es/utils/array.js +1 -5
- package/dist/es/utils/color.js +1 -25
- package/dist/es/utils/compare.js +1 -13
- package/dist/es/utils/createPlatformShadow.js +1 -39
- package/dist/es/utils/date.js +1 -33
- package/dist/es/utils/deepMerge.js +1 -21
- package/dist/es/utils/hairline.js +1 -93
- package/dist/es/utils/index.js +1 -14
- package/dist/es/utils/number.js +1 -48
- package/dist/es/utils/promise.js +1 -2
- package/dist/es/utils/render.js +1 -7
- package/dist/es/utils/rtl.js +1 -17
- package/dist/es/utils/string.js +1 -13
- package/dist/es/utils/validate.js +1 -14
- package/dist/types/components/nav-bar/tokens.d.ts +1 -1
- package/dist/types/design-system/tokens.d.ts +1 -0
- package/dist/types/nativewind.d.ts +4 -0
- package/package.json +15 -3
|
@@ -1,319 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
function _react() {
|
|
8
|
-
const data = _interopRequireWildcard(require("react"));
|
|
9
|
-
_react = function () {
|
|
10
|
-
return data;
|
|
11
|
-
};
|
|
12
|
-
return data;
|
|
13
|
-
}
|
|
14
|
-
var _picker = _interopRequireDefault(require("../picker"));
|
|
15
|
-
var _Popup = require("../popup/Popup");
|
|
16
|
-
var _hooks = require("../../hooks");
|
|
17
|
-
var _utils = require("../../utils");
|
|
18
|
-
var _tokens = require("./tokens");
|
|
19
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
21
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
22
|
-
const currentYear = new Date().getFullYear();
|
|
23
|
-
const DEFAULT_YEAR_RANGE_OFFSET = 10;
|
|
24
|
-
const DEFAULT_MIN_DATE = new Date(currentYear - DEFAULT_YEAR_RANGE_OFFSET, 0, 1);
|
|
25
|
-
const DEFAULT_MAX_DATE = new Date(currentYear + DEFAULT_YEAR_RANGE_OFFSET, 11, 31);
|
|
26
|
-
const DatetimePickerImpl = props => {
|
|
27
|
-
const tokens = (0, _tokens.useDatetimePickerTokens)();
|
|
28
|
-
const [popupVisible, setPopupVisible] = (0, _hooks.useControllableValue)(props, {
|
|
29
|
-
defaultValue: false,
|
|
30
|
-
valuePropName: 'popupVisible',
|
|
31
|
-
defaultValuePropName: 'defaultPopupVisible',
|
|
32
|
-
trigger: 'onPopupVisibleChange'
|
|
33
|
-
});
|
|
34
|
-
const handleClose = (0, _react().useCallback)(() => setPopupVisible(false), [setPopupVisible]);
|
|
35
|
-
const renderPopup = (0, _react().useCallback)((node, popup, popupProps) => !popup ? node : /*#__PURE__*/_react().default.createElement(_Popup.Popup, _extends({
|
|
36
|
-
visible: popupVisible,
|
|
37
|
-
onClose: handleClose,
|
|
38
|
-
placement: tokens.defaults.popupPlacement,
|
|
39
|
-
round: tokens.defaults.popupRound,
|
|
40
|
-
safeAreaInsetBottom: tokens.defaults.popupSafeAreaInsetBottom
|
|
41
|
-
}, popupProps), node), [handleClose, popupVisible, tokens.defaults.popupPlacement, tokens.defaults.popupRound, tokens.defaults.popupSafeAreaInsetBottom]);
|
|
42
|
-
const {
|
|
43
|
-
popup,
|
|
44
|
-
popupVisible: _popupVisible,
|
|
45
|
-
defaultPopupVisible: _defaultPopupVisible,
|
|
46
|
-
popupProps,
|
|
47
|
-
onPopupVisibleChange: _onPopupVisibleChange,
|
|
48
|
-
onConfirm,
|
|
49
|
-
onCancel,
|
|
50
|
-
...pickerProps
|
|
51
|
-
} = props;
|
|
52
|
-
const onConfirmRef = (0, _react().useRef)(onConfirm);
|
|
53
|
-
const onCancelRef = (0, _react().useRef)(onCancel);
|
|
54
|
-
onConfirmRef.current = onConfirm;
|
|
55
|
-
onCancelRef.current = onCancel;
|
|
56
|
-
const handleConfirm = (0, _react().useCallback)(value => {
|
|
57
|
-
onConfirmRef.current?.(value);
|
|
58
|
-
if (popup) handleClose();
|
|
59
|
-
}, [handleClose, popup]);
|
|
60
|
-
const handleCancel = (0, _react().useCallback)(() => {
|
|
61
|
-
onCancelRef.current?.();
|
|
62
|
-
if (popup) handleClose();
|
|
63
|
-
}, [handleClose, popup]);
|
|
64
|
-
const pickerNode = props.type === 'time' ? /*#__PURE__*/_react().default.createElement(TimePicker, _extends({}, pickerProps, {
|
|
65
|
-
onConfirm: handleConfirm,
|
|
66
|
-
onCancel: handleCancel
|
|
67
|
-
})) : /*#__PURE__*/_react().default.createElement(DatePicker, _extends({}, pickerProps, {
|
|
68
|
-
onConfirm: handleConfirm,
|
|
69
|
-
onCancel: handleCancel
|
|
70
|
-
}));
|
|
71
|
-
return renderPopup(pickerNode, popup, popupProps);
|
|
72
|
-
};
|
|
73
|
-
const DatePicker = props => {
|
|
74
|
-
const {
|
|
75
|
-
type = 'datetime',
|
|
76
|
-
minDate = DEFAULT_MIN_DATE,
|
|
77
|
-
maxDate = DEFAULT_MAX_DATE,
|
|
78
|
-
formatter = (_type, value) => value,
|
|
79
|
-
filter,
|
|
80
|
-
columnsOrder,
|
|
81
|
-
interactionMode = 'freeze',
|
|
82
|
-
value,
|
|
83
|
-
defaultValue,
|
|
84
|
-
onChange,
|
|
85
|
-
onConfirm,
|
|
86
|
-
...pickerProps
|
|
87
|
-
} = props;
|
|
88
|
-
const formatValue = (0, _react().useCallback)(dateValue => {
|
|
89
|
-
const fb = (0, _utils.isValidDate)(dateValue) ? dateValue : new Date();
|
|
90
|
-
const date = new Date((0, _utils.clamp)(fb.getTime(), minDate.getTime(), maxDate.getTime()));
|
|
91
|
-
if (type === 'year-month') {
|
|
92
|
-
date.setDate(1);
|
|
93
|
-
date.setHours(0, 0, 0, 0);
|
|
94
|
-
} else if (type === 'date' || type === 'month-day') {
|
|
95
|
-
date.setHours(0, 0, 0, 0);
|
|
96
|
-
} else if (type === 'datehour') {
|
|
97
|
-
date.setMinutes(0, 0, 0);
|
|
98
|
-
}
|
|
99
|
-
;
|
|
100
|
-
return date;
|
|
101
|
-
}, [maxDate, minDate, type]);
|
|
102
|
-
const [currentDate, setCurrentDate] = (0, _react().useState)(() => formatValue(value ?? defaultValue));
|
|
103
|
-
(0, _react().useEffect)(() => {
|
|
104
|
-
setCurrentDate(prev => value && (0, _utils.isValidDate)(value) ? formatValue(value) : formatValue(prev));
|
|
105
|
-
}, [formatValue, value]);
|
|
106
|
-
const {
|
|
107
|
-
originColumns,
|
|
108
|
-
columns,
|
|
109
|
-
pickerValue
|
|
110
|
-
} = (0, _react().useMemo)(() => {
|
|
111
|
-
const getBoundary = (boundaryType, date) => {
|
|
112
|
-
const boundaryDate = boundaryType === 'min' ? minDate : maxDate;
|
|
113
|
-
const boundary = {
|
|
114
|
-
year: boundaryDate.getFullYear(),
|
|
115
|
-
month: boundaryType === 'min' ? 1 : 12,
|
|
116
|
-
day: boundaryType === 'min' ? 1 : (0, _utils.getMonthEndDay)(date.getFullYear(), date.getMonth() + 1),
|
|
117
|
-
hour: boundaryType === 'min' ? 0 : 23,
|
|
118
|
-
minute: boundaryType === 'min' ? 0 : 59
|
|
119
|
-
};
|
|
120
|
-
if (date.getFullYear() === boundary.year) {
|
|
121
|
-
boundary.month = boundaryDate.getMonth() + 1;
|
|
122
|
-
if (date.getMonth() + 1 === boundary.month) {
|
|
123
|
-
boundary.day = boundaryDate.getDate();
|
|
124
|
-
if (date.getDate() === boundary.day) {
|
|
125
|
-
boundary.hour = boundaryDate.getHours();
|
|
126
|
-
if (date.getHours() === boundary.hour) boundary.minute = boundaryDate.getMinutes();
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
return boundary;
|
|
131
|
-
};
|
|
132
|
-
const maxBoundary = getBoundary('max', currentDate),
|
|
133
|
-
minBoundary = getBoundary('min', currentDate);
|
|
134
|
-
const baseColumns = [{
|
|
135
|
-
type: 'year',
|
|
136
|
-
range: [minBoundary.year, maxBoundary.year]
|
|
137
|
-
}, {
|
|
138
|
-
type: 'month',
|
|
139
|
-
range: [minBoundary.month, maxBoundary.month]
|
|
140
|
-
}, {
|
|
141
|
-
type: 'day',
|
|
142
|
-
range: [minBoundary.day, maxBoundary.day]
|
|
143
|
-
}, {
|
|
144
|
-
type: 'hour',
|
|
145
|
-
range: [minBoundary.hour, maxBoundary.hour]
|
|
146
|
-
}, {
|
|
147
|
-
type: 'minute',
|
|
148
|
-
range: [minBoundary.minute, maxBoundary.minute]
|
|
149
|
-
}];
|
|
150
|
-
let result = baseColumns;
|
|
151
|
-
switch (type) {
|
|
152
|
-
case 'date':
|
|
153
|
-
result = baseColumns.slice(0, 3);
|
|
154
|
-
break;
|
|
155
|
-
case 'year-month':
|
|
156
|
-
result = baseColumns.slice(0, 2);
|
|
157
|
-
break;
|
|
158
|
-
case 'month-day':
|
|
159
|
-
result = baseColumns.slice(1, 3);
|
|
160
|
-
break;
|
|
161
|
-
case 'datehour':
|
|
162
|
-
result = baseColumns.slice(0, 4);
|
|
163
|
-
break;
|
|
164
|
-
default:
|
|
165
|
-
break;
|
|
166
|
-
}
|
|
167
|
-
if (columnsOrder?.length) {
|
|
168
|
-
const order = columnsOrder.concat(result.map(col => col.type));
|
|
169
|
-
result = [...result].sort((a, b) => order.indexOf(a.type) - order.indexOf(b.type));
|
|
170
|
-
}
|
|
171
|
-
const originColumns = result.map(column => {
|
|
172
|
-
let values = (0, _utils.times)(column.range[1] - column.range[0] + 1, index => column.type === 'year' ? String(column.range[0] + index) : (0, _utils.padZero)(column.range[0] + index));
|
|
173
|
-
if (filter) values = filter(column.type, values);
|
|
174
|
-
return {
|
|
175
|
-
type: column.type,
|
|
176
|
-
values
|
|
177
|
-
};
|
|
178
|
-
});
|
|
179
|
-
const columns = originColumns.map(column => column.values.map(value => ({
|
|
180
|
-
label: formatter(column.type, value),
|
|
181
|
-
value
|
|
182
|
-
})));
|
|
183
|
-
const pickerValue = originColumns.map(column => {
|
|
184
|
-
switch (column.type) {
|
|
185
|
-
case 'year':
|
|
186
|
-
return String(currentDate.getFullYear());
|
|
187
|
-
case 'month':
|
|
188
|
-
return (0, _utils.padZero)(currentDate.getMonth() + 1);
|
|
189
|
-
case 'day':
|
|
190
|
-
return (0, _utils.padZero)(currentDate.getDate());
|
|
191
|
-
case 'hour':
|
|
192
|
-
return (0, _utils.padZero)(currentDate.getHours());
|
|
193
|
-
case 'minute':
|
|
194
|
-
return (0, _utils.padZero)(currentDate.getMinutes());
|
|
195
|
-
default:
|
|
196
|
-
return column.values[0] ?? '';
|
|
197
|
-
}
|
|
198
|
-
});
|
|
199
|
-
return {
|
|
200
|
-
originColumns,
|
|
201
|
-
columns,
|
|
202
|
-
pickerValue
|
|
203
|
-
};
|
|
204
|
-
}, [columnsOrder, currentDate, filter, formatter, maxDate, minDate, type]);
|
|
205
|
-
const buildDateFromValues = (0, _react().useCallback)(values => {
|
|
206
|
-
const getValue = columnType => {
|
|
207
|
-
const index = originColumns.findIndex(column => column.type === columnType);
|
|
208
|
-
return index === -1 ? undefined : (0, _utils.getTrueValue)(values[index] ?? originColumns[index].values[0]);
|
|
209
|
-
};
|
|
210
|
-
let year = currentDate.getFullYear(),
|
|
211
|
-
month = currentDate.getMonth() + 1,
|
|
212
|
-
day = currentDate.getDate();
|
|
213
|
-
if (type === 'month-day') {
|
|
214
|
-
month = getValue('month') || month;
|
|
215
|
-
day = getValue('day') || day;
|
|
216
|
-
} else {
|
|
217
|
-
year = getValue('year') || year;
|
|
218
|
-
month = getValue('month') || month;
|
|
219
|
-
day = type === 'year-month' ? 1 : getValue('day') || day;
|
|
220
|
-
}
|
|
221
|
-
day = Math.min(day, (0, _utils.getMonthEndDay)(year, month));
|
|
222
|
-
let hour = 0,
|
|
223
|
-
minute = 0;
|
|
224
|
-
if (type === 'datehour' || type === 'datetime') hour = getValue('hour') || 0;
|
|
225
|
-
if (type === 'datetime') minute = getValue('minute') || 0;
|
|
226
|
-
return formatValue(new Date(year, month - 1, day, hour, minute));
|
|
227
|
-
}, [currentDate, formatValue, originColumns, type]);
|
|
228
|
-
const onChangeRef = (0, _react().useRef)(onChange);
|
|
229
|
-
const onConfirmRef = (0, _react().useRef)(onConfirm);
|
|
230
|
-
onChangeRef.current = onChange;
|
|
231
|
-
onConfirmRef.current = onConfirm;
|
|
232
|
-
const handleChange = (0, _react().useCallback)(values => {
|
|
233
|
-
const next = buildDateFromValues(values.map(String));
|
|
234
|
-
setCurrentDate(next);
|
|
235
|
-
onChangeRef.current?.(next);
|
|
236
|
-
}, [buildDateFromValues]);
|
|
237
|
-
const curDateRef = (0, _react().useRef)(currentDate);
|
|
238
|
-
curDateRef.current = currentDate;
|
|
239
|
-
const handleConfirm = (0, _react().useCallback)(() => onConfirmRef.current?.(curDateRef.current), []);
|
|
240
|
-
return /*#__PURE__*/_react().default.createElement(_picker.default, _extends({}, pickerProps, {
|
|
241
|
-
columns: columns,
|
|
242
|
-
interactionMode: interactionMode,
|
|
243
|
-
value: pickerValue,
|
|
244
|
-
onChange: handleChange,
|
|
245
|
-
onConfirm: handleConfirm
|
|
246
|
-
}));
|
|
247
|
-
};
|
|
248
|
-
const TimePicker = props => {
|
|
249
|
-
const {
|
|
250
|
-
type: _type,
|
|
251
|
-
formatter = (_type, value) => value,
|
|
252
|
-
filter,
|
|
253
|
-
columnsOrder: _columnsOrder,
|
|
254
|
-
minHour = 0,
|
|
255
|
-
maxHour = 23,
|
|
256
|
-
minMinute = 0,
|
|
257
|
-
maxMinute = 59,
|
|
258
|
-
interactionMode = 'freeze',
|
|
259
|
-
value,
|
|
260
|
-
defaultValue,
|
|
261
|
-
onChange,
|
|
262
|
-
onConfirm,
|
|
263
|
-
...pickerProps
|
|
264
|
-
} = props;
|
|
265
|
-
const timeRef = (0, _react().useRef)('');
|
|
266
|
-
const formatTime = (0, _react().useCallback)(timeValue => {
|
|
267
|
-
const [hour = 0, minute = 0] = (timeValue ?? '').split(':').map(num => parseInt(num, 10));
|
|
268
|
-
return `${(0, _utils.padZero)((0, _utils.clamp)(Number.isNaN(hour) ? minHour : hour, minHour, maxHour))}:${(0, _utils.padZero)((0, _utils.clamp)(Number.isNaN(minute) ? minMinute : minute, minMinute, maxMinute))}`;
|
|
269
|
-
}, [maxHour, maxMinute, minHour, minMinute]);
|
|
270
|
-
const [currentTime, setCurrentTime] = (0, _react().useState)(() => {
|
|
271
|
-
const init = formatTime(value ?? defaultValue);
|
|
272
|
-
timeRef.current = init;
|
|
273
|
-
return init;
|
|
274
|
-
});
|
|
275
|
-
(0, _react().useEffect)(() => {
|
|
276
|
-
const next = (0, _utils.isString)(value) ? formatTime(value) : formatTime(timeRef.current);
|
|
277
|
-
if (next !== timeRef.current) {
|
|
278
|
-
timeRef.current = next;
|
|
279
|
-
setCurrentTime(next);
|
|
280
|
-
}
|
|
281
|
-
}, [formatTime, value]);
|
|
282
|
-
const [hourValues, minuteValues] = (0, _react().useMemo)(() => {
|
|
283
|
-
let h = (0, _utils.times)(maxHour - minHour + 1, i => (0, _utils.padZero)(minHour + i));
|
|
284
|
-
let m = (0, _utils.times)(maxMinute - minMinute + 1, i => (0, _utils.padZero)(minMinute + i));
|
|
285
|
-
if (filter) {
|
|
286
|
-
h = filter('hour', h);
|
|
287
|
-
m = filter('minute', m);
|
|
288
|
-
}
|
|
289
|
-
;
|
|
290
|
-
return [h, m];
|
|
291
|
-
}, [filter, maxHour, maxMinute, minHour, minMinute]);
|
|
292
|
-
const columns = (0, _react().useMemo)(() => [hourValues.map(v => ({
|
|
293
|
-
label: formatter('hour', v),
|
|
294
|
-
value: v
|
|
295
|
-
})), minuteValues.map(v => ({
|
|
296
|
-
label: formatter('minute', v),
|
|
297
|
-
value: v
|
|
298
|
-
}))], [formatter, hourValues, minuteValues]);
|
|
299
|
-
const onChangeRef = (0, _react().useRef)(onChange);
|
|
300
|
-
const onConfirmRef = (0, _react().useRef)(onConfirm);
|
|
301
|
-
onChangeRef.current = onChange;
|
|
302
|
-
onConfirmRef.current = onConfirm;
|
|
303
|
-
const handleChange = (0, _react().useCallback)(values => {
|
|
304
|
-
const next = `${String(values[0] ?? hourValues[0])}:${String(values[1] ?? minuteValues[0])}`;
|
|
305
|
-
timeRef.current = next;
|
|
306
|
-
setCurrentTime(next);
|
|
307
|
-
onChangeRef.current?.(next);
|
|
308
|
-
}, [hourValues, minuteValues]);
|
|
309
|
-
const handleConfirm = (0, _react().useCallback)(() => onConfirmRef.current?.(timeRef.current), []);
|
|
310
|
-
return /*#__PURE__*/_react().default.createElement(_picker.default, _extends({}, pickerProps, {
|
|
311
|
-
columns: columns,
|
|
312
|
-
interactionMode: interactionMode,
|
|
313
|
-
value: currentTime.split(':'),
|
|
314
|
-
onChange: handleChange,
|
|
315
|
-
onConfirm: handleConfirm
|
|
316
|
-
}));
|
|
317
|
-
};
|
|
318
|
-
const DatetimePicker = /*#__PURE__*/_react().default.memo(DatetimePickerImpl);
|
|
319
|
-
var _default = exports.default = DatetimePicker;
|
|
1
|
+
"use strict";function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _picker=_interopRequireDefault(require("../picker")),_Popup=require("../popup/Popup"),_hooks=require("../../hooks"),_utils=require("../../utils"),_tokens=require("./tokens");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,u,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(n=t?a:r){if(n.has(e))return n.get(e);n.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((u=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(u.get||u.set)?n(o,t,u):o[t]=e[t]);return o})(e,t)}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 a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const currentYear=(new Date).getFullYear(),DEFAULT_YEAR_RANGE_OFFSET=10,DEFAULT_MIN_DATE=new Date(currentYear-10,0,1),DEFAULT_MAX_DATE=new Date(currentYear+10,11,31),DatetimePickerImpl=e=>{const t=(0,_tokens.useDatetimePickerTokens)(),[r,a]=(0,_hooks.useControllableValue)(e,{defaultValue:!1,valuePropName:"popupVisible",defaultValuePropName:"defaultPopupVisible",trigger:"onPopupVisibleChange"}),n=(0,_react().useCallback)(()=>a(!1),[a]),u=(0,_react().useCallback)((e,a,u)=>a?_react().default.createElement(_Popup.Popup,_extends({visible:r,onClose:n,placement:t.defaults.popupPlacement,round:t.defaults.popupRound,safeAreaInsetBottom:t.defaults.popupSafeAreaInsetBottom},u),e):e,[n,r,t.defaults.popupPlacement,t.defaults.popupRound,t.defaults.popupSafeAreaInsetBottom]),{popup:o,popupVisible:i,defaultPopupVisible:l,popupProps:s,onPopupVisibleChange:c,onConfirm:p,onCancel:m,..._}=e,d=(0,_react().useRef)(p),f=(0,_react().useRef)(m);d.current=p,f.current=m;const g=(0,_react().useCallback)(e=>{d.current?.(e),o&&n()},[n,o]),h=(0,_react().useCallback)(()=>{f.current?.(),o&&n()},[n,o]);return u("time"===e.type?_react().default.createElement(TimePicker,_extends({},_,{onConfirm:g,onCancel:h})):_react().default.createElement(DatePicker,_extends({},_,{onConfirm:g,onCancel:h})),o,s)},DatePicker=e=>{const{type:t="datetime",minDate:r=DEFAULT_MIN_DATE,maxDate:a=DEFAULT_MAX_DATE,formatter:n=(e,t)=>t,filter:u,columnsOrder:o,interactionMode:i="freeze",value:l,defaultValue:s,onChange:c,onConfirm:p,...m}=e,_=(0,_react().useCallback)(e=>{const n=(0,_utils.isValidDate)(e)?e:new Date,u=new Date((0,_utils.clamp)(n.getTime(),r.getTime(),a.getTime()));return"year-month"===t?(u.setDate(1),u.setHours(0,0,0,0)):"date"===t||"month-day"===t?u.setHours(0,0,0,0):"datehour"===t&&u.setMinutes(0,0,0),u},[a,r,t]),[d,f]=(0,_react().useState)(()=>_(l??s));(0,_react().useEffect)(()=>{f(e=>l&&(0,_utils.isValidDate)(l)?_(l):_(e))},[_,l]);const{originColumns:g,columns:h,pickerValue:y}=(0,_react().useMemo)(()=>{const e=(e,t)=>{const n="min"===e?r:a,u={year:n.getFullYear(),month:"min"===e?1:12,day:"min"===e?1:(0,_utils.getMonthEndDay)(t.getFullYear(),t.getMonth()+1),hour:"min"===e?0:23,minute:"min"===e?0:59};return t.getFullYear()===u.year&&(u.month=n.getMonth()+1,t.getMonth()+1===u.month&&(u.day=n.getDate(),t.getDate()===u.day&&(u.hour=n.getHours(),t.getHours()===u.hour&&(u.minute=n.getMinutes())))),u},i=e("max",d),l=e("min",d),s=[{type:"year",range:[l.year,i.year]},{type:"month",range:[l.month,i.month]},{type:"day",range:[l.day,i.day]},{type:"hour",range:[l.hour,i.hour]},{type:"minute",range:[l.minute,i.minute]}];let c=s;switch(t){case"date":c=s.slice(0,3);break;case"year-month":c=s.slice(0,2);break;case"month-day":c=s.slice(1,3);break;case"datehour":c=s.slice(0,4)}if(o?.length){const e=o.concat(c.map(e=>e.type));c=[...c].sort((t,r)=>e.indexOf(t.type)-e.indexOf(r.type))}const p=c.map(e=>{let t=(0,_utils.times)(e.range[1]-e.range[0]+1,t=>"year"===e.type?String(e.range[0]+t):(0,_utils.padZero)(e.range[0]+t));return u&&(t=u(e.type,t)),{type:e.type,values:t}}),m=p.map(e=>e.values.map(t=>({label:n(e.type,t),value:t}))),_=p.map(e=>{switch(e.type){case"year":return String(d.getFullYear());case"month":return(0,_utils.padZero)(d.getMonth()+1);case"day":return(0,_utils.padZero)(d.getDate());case"hour":return(0,_utils.padZero)(d.getHours());case"minute":return(0,_utils.padZero)(d.getMinutes());default:return e.values[0]??""}});return{originColumns:p,columns:m,pickerValue:_}},[o,d,u,n,a,r,t]),k=(0,_react().useCallback)(e=>{const r=t=>{const r=g.findIndex(e=>e.type===t);return-1===r?void 0:(0,_utils.getTrueValue)(e[r]??g[r].values[0])};let a=d.getFullYear(),n=d.getMonth()+1,u=d.getDate();"month-day"===t?(n=r("month")||n,u=r("day")||u):(a=r("year")||a,n=r("month")||n,u="year-month"===t?1:r("day")||u),u=Math.min(u,(0,_utils.getMonthEndDay)(a,n));let o=0,i=0;return"datehour"!==t&&"datetime"!==t||(o=r("hour")||0),"datetime"===t&&(i=r("minute")||0),_(new Date(a,n-1,u,o,i))},[d,_,g,t]),D=(0,_react().useRef)(c),b=(0,_react().useRef)(p);D.current=c,b.current=p;const C=(0,_react().useCallback)(e=>{const t=k(e.map(String));f(t),D.current?.(t)},[k]),M=(0,_react().useRef)(d);M.current=d;const P=(0,_react().useCallback)(()=>b.current?.(M.current),[]);return _react().default.createElement(_picker.default,_extends({},m,{columns:h,interactionMode:i,value:y,onChange:C,onConfirm:P}))},TimePicker=e=>{const{type:t,formatter:r=(e,t)=>t,filter:a,columnsOrder:n,minHour:u=0,maxHour:o=23,minMinute:i=0,maxMinute:l=59,interactionMode:s="freeze",value:c,defaultValue:p,onChange:m,onConfirm:_,...d}=e,f=(0,_react().useRef)(""),g=(0,_react().useCallback)(e=>{const[t=0,r=0]=(e??"").split(":").map(e=>parseInt(e,10));return`${(0,_utils.padZero)((0,_utils.clamp)(Number.isNaN(t)?u:t,u,o))}:${(0,_utils.padZero)((0,_utils.clamp)(Number.isNaN(r)?i:r,i,l))}`},[o,l,u,i]),[h,y]=(0,_react().useState)(()=>{const e=g(c??p);return f.current=e,e});(0,_react().useEffect)(()=>{const e=(0,_utils.isString)(c)?g(c):g(f.current);e!==f.current&&(f.current=e,y(e))},[g,c]);const[k,D]=(0,_react().useMemo)(()=>{let e=(0,_utils.times)(o-u+1,e=>(0,_utils.padZero)(u+e)),t=(0,_utils.times)(l-i+1,e=>(0,_utils.padZero)(i+e));return a&&(e=a("hour",e),t=a("minute",t)),[e,t]},[a,o,l,u,i]),b=(0,_react().useMemo)(()=>[k.map(e=>({label:r("hour",e),value:e})),D.map(e=>({label:r("minute",e),value:e}))],[r,k,D]),C=(0,_react().useRef)(m),M=(0,_react().useRef)(_);C.current=m,M.current=_;const P=(0,_react().useCallback)(e=>{const t=`${String(e[0]??k[0])}:${String(e[1]??D[0])}`;f.current=t,y(t),C.current?.(t)},[k,D]),v=(0,_react().useCallback)(()=>M.current?.(f.current),[]);return _react().default.createElement(_picker.default,_extends({},d,{columns:b,interactionMode:s,value:h.split(":"),onChange:P,onConfirm:v}))},DatetimePicker=_react().default.memo(DatetimePickerImpl);var _default=exports.default=DatetimePicker;
|
|
@@ -1,9 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _DatetimePicker = _interopRequireDefault(require("./DatetimePicker"));
|
|
8
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
-
var _default = exports.default = _DatetimePicker.default;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _DatetimePicker=_interopRequireDefault(require("./DatetimePicker"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=_DatetimePicker.default;
|
|
@@ -1,22 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useDatetimePickerTokens = void 0;
|
|
7
|
-
var _designSystem = require("../../design-system");
|
|
8
|
-
const createDatetimePickerTokens = _foundations => ({
|
|
9
|
-
defaults: {
|
|
10
|
-
yearRangeOffset: 10,
|
|
11
|
-
dateInteractionMode: 'freeze',
|
|
12
|
-
timeInteractionMode: 'freeze',
|
|
13
|
-
minHour: 0,
|
|
14
|
-
maxHour: 23,
|
|
15
|
-
minMinute: 0,
|
|
16
|
-
maxMinute: 59,
|
|
17
|
-
popupPlacement: 'bottom',
|
|
18
|
-
popupRound: true,
|
|
19
|
-
popupSafeAreaInsetBottom: true
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
const useDatetimePickerTokens = exports.useDatetimePickerTokens = (0, _designSystem.createComponentTokensHook)('datetimePicker', createDatetimePickerTokens);
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useDatetimePickerTokens=void 0;var _designSystem=require("../../design-system");const createDatetimePickerTokens=e=>({defaults:{yearRangeOffset:10,dateInteractionMode:"freeze",timeInteractionMode:"freeze",minHour:0,maxHour:23,minMinute:0,maxMinute:59,popupPlacement:"bottom",popupRound:!0,popupSafeAreaInsetBottom:!0}}),useDatetimePickerTokens=exports.useDatetimePickerTokens=(0,_designSystem.createComponentTokensHook)("datetimePicker",createDatetimePickerTokens);
|