react-native-system-ui 1.0.1 → 1.0.3

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.
Files changed (496) hide show
  1. package/README.md +44 -24
  2. package/dist/cjs/components/action-sheet/ActionSheet.js +1 -297
  3. package/dist/cjs/components/action-sheet/index.js +1 -16
  4. package/dist/cjs/components/action-sheet/tokens.js +1 -133
  5. package/dist/cjs/components/area/Area.js +1 -127
  6. package/dist/cjs/components/area/index.js +1 -9
  7. package/dist/cjs/components/area/tokens.js +1 -14
  8. package/dist/cjs/components/avatar/Avatar.js +1 -125
  9. package/dist/cjs/components/avatar/index.js +1 -18
  10. package/dist/cjs/components/avatar/tokens.js +1 -56
  11. package/dist/cjs/components/badge/Badge.js +1 -166
  12. package/dist/cjs/components/badge/index.js +1 -8
  13. package/dist/cjs/components/badge/tokens.js +1 -81
  14. package/dist/cjs/components/button/Button.js +1 -203
  15. package/dist/cjs/components/button/ButtonContext.js +1 -12
  16. package/dist/cjs/components/button/ButtonGroup.js +1 -65
  17. package/dist/cjs/components/button/index.js +1 -12
  18. package/dist/cjs/components/button/tokens.js +1 -176
  19. package/dist/cjs/components/calendar/Calendar.js +1 -452
  20. package/dist/cjs/components/calendar/index.js +1 -9
  21. package/dist/cjs/components/calendar/tokens.js +1 -129
  22. package/dist/cjs/components/cascader/Cascader.js +1 -481
  23. package/dist/cjs/components/cascader/index.js +1 -15
  24. package/dist/cjs/components/cascader/tokens.js +1 -138
  25. package/dist/cjs/components/cascader/useCascaderExtend.js +1 -39
  26. package/dist/cjs/components/cell/Cell.js +1 -181
  27. package/dist/cjs/components/cell/CellContext.js +1 -19
  28. package/dist/cjs/components/cell/CellGroup.js +1 -100
  29. package/dist/cjs/components/cell/index.js +1 -19
  30. package/dist/cjs/components/cell/tokens.js +1 -173
  31. package/dist/cjs/components/checkbox/Checkbox.js +1 -251
  32. package/dist/cjs/components/checkbox/CheckboxContext.js +1 -12
  33. package/dist/cjs/components/checkbox/CheckboxGroup.js +1 -148
  34. package/dist/cjs/components/checkbox/index.js +1 -16
  35. package/dist/cjs/components/checkbox/tokens.js +1 -97
  36. package/dist/cjs/components/circle/Circle.js +1 -212
  37. package/dist/cjs/components/circle/index.js +1 -9
  38. package/dist/cjs/components/circle/tokens.js +1 -55
  39. package/dist/cjs/components/collapse/Collapse.js +1 -311
  40. package/dist/cjs/components/collapse/index.js +1 -8
  41. package/dist/cjs/components/collapse/tokens.js +1 -81
  42. package/dist/cjs/components/config-provider/ConfigProvider.js +1 -44
  43. package/dist/cjs/components/config-provider/DirectionContext.js +1 -15
  44. package/dist/cjs/components/config-provider/LocaleContext.js +1 -16
  45. package/dist/cjs/components/config-provider/index.js +1 -40
  46. package/dist/cjs/components/config-provider/locale/en-US.js +1 -112
  47. package/dist/cjs/components/config-provider/locale/zh-CN.js +1 -112
  48. package/dist/cjs/components/config-provider/tokens.js +1 -11
  49. package/dist/cjs/components/config-provider/useDirection.js +1 -16
  50. package/dist/cjs/components/config-provider/useLocale.js +1 -16
  51. package/dist/cjs/components/count-down/CountDown.js +1 -88
  52. package/dist/cjs/components/count-down/index.js +1 -15
  53. package/dist/cjs/components/count-down/tokens.js +1 -34
  54. package/dist/cjs/components/datetime-picker/DatetimePicker.js +1 -319
  55. package/dist/cjs/components/datetime-picker/index.js +1 -9
  56. package/dist/cjs/components/datetime-picker/tokens.js +1 -22
  57. package/dist/cjs/components/dialog/Dialog.js +1 -433
  58. package/dist/cjs/components/dialog/imperative.js +1 -199
  59. package/dist/cjs/components/dialog/index.js +1 -23
  60. package/dist/cjs/components/dialog/tokens.js +1 -64
  61. package/dist/cjs/components/divider/Divider.js +1 -126
  62. package/dist/cjs/components/divider/index.js +1 -8
  63. package/dist/cjs/components/divider/tokens.js +1 -62
  64. package/dist/cjs/components/empty/Empty.js +1 -125
  65. package/dist/cjs/components/empty/index.js +1 -8
  66. package/dist/cjs/components/empty/tokens.js +1 -55
  67. package/dist/cjs/components/error-boundary/ErrorBoundary.js +1 -74
  68. package/dist/cjs/components/error-boundary/index.js +1 -19
  69. package/dist/cjs/components/field/Field.js +1 -565
  70. package/dist/cjs/components/field/index.js +1 -29
  71. package/dist/cjs/components/field/tokens.js +1 -150
  72. package/dist/cjs/components/flex/Flex.js +1 -85
  73. package/dist/cjs/components/flex/FlexContext.js +1 -12
  74. package/dist/cjs/components/flex/FlexItem.js +1 -95
  75. package/dist/cjs/components/flex/index.js +1 -19
  76. package/dist/cjs/components/flex/tokens.js +1 -21
  77. package/dist/cjs/components/form/Form.js +1 -340
  78. package/dist/cjs/components/form/FormContext.js +1 -12
  79. package/dist/cjs/components/form/FormItem.js +1 -151
  80. package/dist/cjs/components/form/FormList.js +1 -95
  81. package/dist/cjs/components/form/index.js +1 -50
  82. package/dist/cjs/components/form/tokens.js +1 -14
  83. package/dist/cjs/components/form/utils.js +1 -56
  84. package/dist/cjs/components/grid/Grid.js +1 -118
  85. package/dist/cjs/components/grid/GridContext.js +1 -12
  86. package/dist/cjs/components/grid/GridItem.js +1 -158
  87. package/dist/cjs/components/grid/index.js +1 -12
  88. package/dist/cjs/components/grid/tokens.js +1 -105
  89. package/dist/cjs/components/image/Image.js +1 -263
  90. package/dist/cjs/components/image/index.js +1 -16
  91. package/dist/cjs/components/image/tokens.js +1 -66
  92. package/dist/cjs/components/image-preview/ImagePreview.js +1 -398
  93. package/dist/cjs/components/image-preview/imperative.js +1 -72
  94. package/dist/cjs/components/image-preview/index.js +1 -17
  95. package/dist/cjs/components/image-preview/tokens.js +1 -43
  96. package/dist/cjs/components/index.js +1 -769
  97. package/dist/cjs/components/input/Input.js +1 -122
  98. package/dist/cjs/components/input/index.js +1 -15
  99. package/dist/cjs/components/input/tokens.js +1 -22
  100. package/dist/cjs/components/loading/Loading.js +1 -76
  101. package/dist/cjs/components/loading/index.js +1 -8
  102. package/dist/cjs/components/loading/tokens.js +1 -32
  103. package/dist/cjs/components/nav-bar/NavBar.js +1 -196
  104. package/dist/cjs/components/nav-bar/index.js +1 -16
  105. package/dist/cjs/components/nav-bar/tokens.js +1 -90
  106. package/dist/cjs/components/notice-bar/NoticeBar.js +1 -369
  107. package/dist/cjs/components/notice-bar/index.js +1 -8
  108. package/dist/cjs/components/notice-bar/tokens.js +1 -39
  109. package/dist/cjs/components/notify/Notify.js +1 -262
  110. package/dist/cjs/components/notify/imperative.js +1 -145
  111. package/dist/cjs/components/notify/index.js +1 -10
  112. package/dist/cjs/components/notify/tokens.js +1 -74
  113. package/dist/cjs/components/number-keyboard/NumberKeyboard.js +1 -487
  114. package/dist/cjs/components/number-keyboard/index.js +1 -15
  115. package/dist/cjs/components/number-keyboard/tokens.js +1 -59
  116. package/dist/cjs/components/overlay/Overlay.js +1 -81
  117. package/dist/cjs/components/overlay/index.js +1 -28
  118. package/dist/cjs/components/overlay/tokens.js +1 -13
  119. package/dist/cjs/components/password-input/PasswordInput.js +1 -346
  120. package/dist/cjs/components/password-input/index.js +1 -13
  121. package/dist/cjs/components/password-input/tokens.js +1 -53
  122. package/dist/cjs/components/picker/Picker.js +1 -1056
  123. package/dist/cjs/components/picker/index.js +1 -15
  124. package/dist/cjs/components/picker/tokens.js +1 -53
  125. package/dist/cjs/components/popup/Popup.js +1 -518
  126. package/dist/cjs/components/popup/index.js +1 -15
  127. package/dist/cjs/components/popup/tokens.js +1 -62
  128. package/dist/cjs/components/portal/Portal.js +1 -50
  129. package/dist/cjs/components/portal/PortalContext.js +1 -15
  130. package/dist/cjs/components/portal/PortalHost.js +1 -253
  131. package/dist/cjs/components/portal/index.js +1 -25
  132. package/dist/cjs/components/portal/tokens.js +1 -11
  133. package/dist/cjs/components/progress/Progress.js +1 -216
  134. package/dist/cjs/components/progress/index.js +1 -14
  135. package/dist/cjs/components/progress/tokens.js +1 -52
  136. package/dist/cjs/components/radio/Radio.js +1 -245
  137. package/dist/cjs/components/radio/RadioContext.js +1 -12
  138. package/dist/cjs/components/radio/RadioGroup.js +1 -113
  139. package/dist/cjs/components/radio/index.js +1 -16
  140. package/dist/cjs/components/radio/tokens.js +1 -92
  141. package/dist/cjs/components/safe-area-view/SafeAreaView.js +1 -59
  142. package/dist/cjs/components/safe-area-view/index.js +1 -12
  143. package/dist/cjs/components/safe-area-view/tokens.js +1 -11
  144. package/dist/cjs/components/search/Search.js +1 -215
  145. package/dist/cjs/components/search/index.js +1 -15
  146. package/dist/cjs/components/search/tokens.js +1 -54
  147. package/dist/cjs/components/selector/Selector.js +1 -185
  148. package/dist/cjs/components/selector/index.js +1 -15
  149. package/dist/cjs/components/selector/tokens.js +1 -100
  150. package/dist/cjs/components/share-sheet/ShareSheet.js +1 -286
  151. package/dist/cjs/components/share-sheet/index.js +1 -16
  152. package/dist/cjs/components/share-sheet/tokens.js +1 -55
  153. package/dist/cjs/components/sidebar/Sidebar.js +1 -103
  154. package/dist/cjs/components/sidebar/SidebarContext.js +1 -17
  155. package/dist/cjs/components/sidebar/SidebarItem.js +1 -103
  156. package/dist/cjs/components/sidebar/index.js +1 -26
  157. package/dist/cjs/components/sidebar/tokens.js +1 -93
  158. package/dist/cjs/components/skeleton/Skeleton.js +1 -162
  159. package/dist/cjs/components/skeleton/index.js +1 -22
  160. package/dist/cjs/components/skeleton/tokens.js +1 -39
  161. package/dist/cjs/components/slider/Slider.js +1 -633
  162. package/dist/cjs/components/slider/index.js +1 -8
  163. package/dist/cjs/components/slider/tokens.js +1 -37
  164. package/dist/cjs/components/space/Space.js +1 -134
  165. package/dist/cjs/components/space/index.js +1 -18
  166. package/dist/cjs/components/space/tokens.js +1 -39
  167. package/dist/cjs/components/stepper/Stepper.js +1 -484
  168. package/dist/cjs/components/stepper/index.js +1 -15
  169. package/dist/cjs/components/stepper/tokens.js +1 -60
  170. package/dist/cjs/components/swiper/Swiper.js +1 -364
  171. package/dist/cjs/components/swiper/SwiperItem.js +1 -12
  172. package/dist/cjs/components/swiper/SwiperPagIndicator.js +1 -106
  173. package/dist/cjs/components/swiper/index.js +1 -40
  174. package/dist/cjs/components/swiper/tokens.js +1 -18
  175. package/dist/cjs/components/switch/Switch.js +1 -102
  176. package/dist/cjs/components/switch/index.js +1 -15
  177. package/dist/cjs/components/switch/tokens.js +1 -31
  178. package/dist/cjs/components/tabbar/Tabbar.js +1 -149
  179. package/dist/cjs/components/tabbar/TabbarContext.js +1 -17
  180. package/dist/cjs/components/tabbar/TabbarItem.js +1 -153
  181. package/dist/cjs/components/tabbar/index.js +1 -25
  182. package/dist/cjs/components/tabbar/tokens.js +1 -41
  183. package/dist/cjs/components/tabs/Tabs.js +1 -860
  184. package/dist/cjs/components/tabs/index.js +1 -25
  185. package/dist/cjs/components/tabs/tokens.js +1 -111
  186. package/dist/cjs/components/tag/Tag.js +1 -130
  187. package/dist/cjs/components/tag/index.js +1 -8
  188. package/dist/cjs/components/tag/tokens.js +1 -104
  189. package/dist/cjs/components/toast/Toast.js +1 -303
  190. package/dist/cjs/components/toast/imperative.js +1 -144
  191. package/dist/cjs/components/toast/index.js +1 -10
  192. package/dist/cjs/components/toast/tokens.js +1 -43
  193. package/dist/cjs/components/typography/Typography.js +1 -181
  194. package/dist/cjs/components/typography/index.js +1 -9
  195. package/dist/cjs/components/typography/tokens.js +1 -88
  196. package/dist/cjs/components/water-mark/WaterMark.js +1 -172
  197. package/dist/cjs/components/water-mark/index.js +1 -22
  198. package/dist/cjs/components/water-mark/tokens.js +1 -54
  199. package/dist/cjs/design-system/Text.js +1 -38
  200. package/dist/cjs/design-system/ThemeContext.js +1 -19
  201. package/dist/cjs/design-system/ThemeProvider.js +1 -31
  202. package/dist/cjs/design-system/createComponentTokensHook.js +1 -28
  203. package/dist/cjs/design-system/index.js +1 -66
  204. package/dist/cjs/design-system/mergeTokensOverride.js +1 -9
  205. package/dist/cjs/design-system/presets.js +1 -146
  206. package/dist/cjs/design-system/tokens.js +1 -135
  207. package/dist/cjs/design-system/useTheme.js +1 -16
  208. package/dist/cjs/hooks/animation/index.js +1 -25
  209. package/dist/cjs/hooks/animation/useAnimatedTransition.js +1 -72
  210. package/dist/cjs/hooks/animation/useReducedMotion.js +1 -75
  211. package/dist/cjs/hooks/aria/index.js +1 -49
  212. package/dist/cjs/hooks/aria/useAriaListBox.js +1 -50
  213. package/dist/cjs/hooks/aria/useAriaOverlay.js +1 -50
  214. package/dist/cjs/hooks/aria/useAriaPress.js +1 -94
  215. package/dist/cjs/hooks/aria/useAriaToggle.js +1 -41
  216. package/dist/cjs/hooks/gesture/index.js +1 -16
  217. package/dist/cjs/hooks/gesture/useGestureScroll.js +1 -129
  218. package/dist/cjs/hooks/index.js +1 -96
  219. package/dist/cjs/hooks/overlay/OverlayStackStore.js +1 -106
  220. package/dist/cjs/hooks/overlay/index.js +1 -27
  221. package/dist/cjs/hooks/overlay/useOverlayStack.js +1 -53
  222. package/dist/cjs/hooks/useControllableValue.js +1 -41
  223. package/dist/cjs/hooks/useCountDown.js +1 -99
  224. package/dist/cjs/hooks/useHairline.js +1 -46
  225. package/dist/cjs/hooks/useSafeAreaPadding.js +1 -38
  226. package/dist/cjs/index.js +1 -104
  227. package/dist/cjs/nativewind.js +1 -0
  228. package/dist/cjs/platform/animation.js +1 -22
  229. package/dist/cjs/platform/history.js +1 -14
  230. package/dist/cjs/platform/index.js +1 -60
  231. package/dist/cjs/platform/measure.js +1 -39
  232. package/dist/cjs/platform/runtime.js +1 -19
  233. package/dist/cjs/platform/scrollLock.js +1 -24
  234. package/dist/cjs/utils/array.js +1 -12
  235. package/dist/cjs/utils/color.js +1 -33
  236. package/dist/cjs/utils/compare.js +1 -21
  237. package/dist/cjs/utils/createPlatformShadow.js +1 -52
  238. package/dist/cjs/utils/date.js +1 -45
  239. package/dist/cjs/utils/deepMerge.js +1 -27
  240. package/dist/cjs/utils/hairline.js +1 -107
  241. package/dist/cjs/utils/index.js +1 -148
  242. package/dist/cjs/utils/number.js +1 -65
  243. package/dist/cjs/utils/promise.js +1 -9
  244. package/dist/cjs/utils/render.js +1 -21
  245. package/dist/cjs/utils/rtl.js +1 -25
  246. package/dist/cjs/utils/string.js +1 -22
  247. package/dist/cjs/utils/validate.js +1 -39
  248. package/dist/es/components/action-sheet/ActionSheet.js +1 -271
  249. package/dist/es/components/action-sheet/index.js +1 -3
  250. package/dist/es/components/action-sheet/tokens.js +1 -126
  251. package/dist/es/components/area/Area.js +1 -113
  252. package/dist/es/components/area/index.js +1 -2
  253. package/dist/es/components/area/tokens.js +1 -8
  254. package/dist/es/components/avatar/Avatar.js +1 -106
  255. package/dist/es/components/avatar/index.js +1 -1
  256. package/dist/es/components/avatar/tokens.js +1 -49
  257. package/dist/es/components/badge/Badge.js +1 -147
  258. package/dist/es/components/badge/index.js +1 -2
  259. package/dist/es/components/badge/tokens.js +1 -75
  260. package/dist/es/components/button/Button.js +1 -184
  261. package/dist/es/components/button/ButtonContext.js +1 -1
  262. package/dist/es/components/button/ButtonGroup.js +1 -46
  263. package/dist/es/components/button/index.js +1 -7
  264. package/dist/es/components/button/tokens.js +1 -170
  265. package/dist/es/components/calendar/Calendar.js +1 -432
  266. package/dist/es/components/calendar/index.js +1 -2
  267. package/dist/es/components/calendar/tokens.js +1 -122
  268. package/dist/es/components/cascader/Cascader.js +1 -455
  269. package/dist/es/components/cascader/index.js +1 -3
  270. package/dist/es/components/cascader/tokens.js +1 -131
  271. package/dist/es/components/cascader/useCascaderExtend.js +1 -32
  272. package/dist/es/components/cell/Cell.js +1 -156
  273. package/dist/es/components/cell/CellContext.js +1 -6
  274. package/dist/es/components/cell/CellGroup.js +1 -81
  275. package/dist/es/components/cell/index.js +1 -8
  276. package/dist/es/components/cell/tokens.js +1 -160
  277. package/dist/es/components/checkbox/Checkbox.js +1 -220
  278. package/dist/es/components/checkbox/CheckboxContext.js +1 -1
  279. package/dist/es/components/checkbox/CheckboxGroup.js +1 -117
  280. package/dist/es/components/checkbox/index.js +1 -5
  281. package/dist/es/components/checkbox/tokens.js +1 -85
  282. package/dist/es/components/circle/Circle.js +1 -187
  283. package/dist/es/components/circle/index.js +1 -2
  284. package/dist/es/components/circle/tokens.js +1 -48
  285. package/dist/es/components/collapse/Collapse.js +1 -286
  286. package/dist/es/components/collapse/index.js +1 -2
  287. package/dist/es/components/collapse/tokens.js +1 -74
  288. package/dist/es/components/config-provider/ConfigProvider.js +1 -25
  289. package/dist/es/components/config-provider/DirectionContext.js +1 -2
  290. package/dist/es/components/config-provider/LocaleContext.js +1 -3
  291. package/dist/es/components/config-provider/index.js +1 -5
  292. package/dist/es/components/config-provider/locale/en-US.js +1 -106
  293. package/dist/es/components/config-provider/locale/zh-CN.js +1 -106
  294. package/dist/es/components/config-provider/tokens.js +1 -5
  295. package/dist/es/components/config-provider/useDirection.js +1 -3
  296. package/dist/es/components/config-provider/useLocale.js +1 -3
  297. package/dist/es/components/count-down/CountDown.js +1 -69
  298. package/dist/es/components/count-down/index.js +1 -3
  299. package/dist/es/components/count-down/tokens.js +1 -27
  300. package/dist/es/components/datetime-picker/DatetimePicker.js +1 -305
  301. package/dist/es/components/datetime-picker/index.js +1 -2
  302. package/dist/es/components/datetime-picker/tokens.js +1 -16
  303. package/dist/es/components/dialog/Dialog.js +1 -407
  304. package/dist/es/components/dialog/imperative.js +1 -185
  305. package/dist/es/components/dialog/index.js +1 -17
  306. package/dist/es/components/dialog/tokens.js +1 -57
  307. package/dist/es/components/divider/Divider.js +1 -107
  308. package/dist/es/components/divider/index.js +1 -2
  309. package/dist/es/components/divider/tokens.js +1 -55
  310. package/dist/es/components/empty/Empty.js +1 -100
  311. package/dist/es/components/empty/index.js +1 -2
  312. package/dist/es/components/empty/tokens.js +1 -48
  313. package/dist/es/components/error-boundary/ErrorBoundary.js +1 -62
  314. package/dist/es/components/error-boundary/index.js +1 -1
  315. package/dist/es/components/field/Field.js +1 -539
  316. package/dist/es/components/field/index.js +1 -6
  317. package/dist/es/components/field/tokens.js +1 -138
  318. package/dist/es/components/flex/Flex.js +1 -66
  319. package/dist/es/components/flex/FlexContext.js +1 -1
  320. package/dist/es/components/flex/FlexItem.js +1 -76
  321. package/dist/es/components/flex/index.js +1 -8
  322. package/dist/es/components/flex/tokens.js +1 -15
  323. package/dist/es/components/form/Form.js +1 -319
  324. package/dist/es/components/form/FormContext.js +1 -1
  325. package/dist/es/components/form/FormItem.js +1 -138
  326. package/dist/es/components/form/FormList.js +1 -81
  327. package/dist/es/components/form/index.js +1 -13
  328. package/dist/es/components/form/tokens.js +1 -8
  329. package/dist/es/components/form/utils.js +1 -45
  330. package/dist/es/components/grid/Grid.js +1 -99
  331. package/dist/es/components/grid/GridContext.js +1 -1
  332. package/dist/es/components/grid/GridItem.js +1 -138
  333. package/dist/es/components/grid/index.js +1 -6
  334. package/dist/es/components/grid/tokens.js +1 -98
  335. package/dist/es/components/image/Image.js +1 -238
  336. package/dist/es/components/image/index.js +1 -3
  337. package/dist/es/components/image/tokens.js +1 -60
  338. package/dist/es/components/image-preview/ImagePreview.js +1 -378
  339. package/dist/es/components/image-preview/imperative.js +1 -58
  340. package/dist/es/components/image-preview/index.js +1 -11
  341. package/dist/es/components/image-preview/tokens.js +1 -37
  342. package/dist/es/components/index.js +1 -110
  343. package/dist/es/components/input/Input.js +1 -109
  344. package/dist/es/components/input/index.js +1 -3
  345. package/dist/es/components/input/tokens.js +1 -16
  346. package/dist/es/components/loading/Loading.js +1 -57
  347. package/dist/es/components/loading/index.js +1 -2
  348. package/dist/es/components/loading/tokens.js +1 -25
  349. package/dist/es/components/nav-bar/NavBar.js +1 -171
  350. package/dist/es/components/nav-bar/index.js +1 -3
  351. package/dist/es/components/nav-bar/tokens.js +1 -83
  352. package/dist/es/components/notice-bar/NoticeBar.js +1 -344
  353. package/dist/es/components/notice-bar/index.js +1 -2
  354. package/dist/es/components/notice-bar/tokens.js +1 -32
  355. package/dist/es/components/notify/Notify.js +1 -242
  356. package/dist/es/components/notify/imperative.js +1 -131
  357. package/dist/es/components/notify/index.js +1 -5
  358. package/dist/es/components/notify/tokens.js +1 -67
  359. package/dist/es/components/number-keyboard/NumberKeyboard.js +1 -467
  360. package/dist/es/components/number-keyboard/index.js +1 -3
  361. package/dist/es/components/number-keyboard/tokens.js +1 -53
  362. package/dist/es/components/overlay/Overlay.js +1 -50
  363. package/dist/es/components/overlay/index.js +1 -4
  364. package/dist/es/components/overlay/tokens.js +1 -7
  365. package/dist/es/components/password-input/PasswordInput.js +1 -327
  366. package/dist/es/components/password-input/index.js +1 -1
  367. package/dist/es/components/password-input/tokens.js +1 -41
  368. package/dist/es/components/picker/Picker.js +1 -1031
  369. package/dist/es/components/picker/index.js +1 -3
  370. package/dist/es/components/picker/tokens.js +1 -47
  371. package/dist/es/components/popup/Popup.js +1 -492
  372. package/dist/es/components/popup/index.js +1 -3
  373. package/dist/es/components/popup/tokens.js +1 -55
  374. package/dist/es/components/portal/Portal.js +1 -37
  375. package/dist/es/components/portal/PortalContext.js +1 -2
  376. package/dist/es/components/portal/PortalHost.js +1 -234
  377. package/dist/es/components/portal/index.js +1 -3
  378. package/dist/es/components/portal/tokens.js +1 -5
  379. package/dist/es/components/progress/Progress.js +1 -196
  380. package/dist/es/components/progress/index.js +1 -3
  381. package/dist/es/components/progress/tokens.js +1 -45
  382. package/dist/es/components/radio/Radio.js +1 -214
  383. package/dist/es/components/radio/RadioContext.js +1 -1
  384. package/dist/es/components/radio/RadioGroup.js +1 -82
  385. package/dist/es/components/radio/index.js +1 -5
  386. package/dist/es/components/radio/tokens.js +1 -80
  387. package/dist/es/components/safe-area-view/SafeAreaView.js +1 -40
  388. package/dist/es/components/safe-area-view/index.js +1 -1
  389. package/dist/es/components/safe-area-view/tokens.js +1 -5
  390. package/dist/es/components/search/Search.js +1 -189
  391. package/dist/es/components/search/index.js +1 -3
  392. package/dist/es/components/search/tokens.js +1 -48
  393. package/dist/es/components/selector/Selector.js +1 -166
  394. package/dist/es/components/selector/index.js +1 -3
  395. package/dist/es/components/selector/tokens.js +1 -88
  396. package/dist/es/components/share-sheet/ShareSheet.js +1 -266
  397. package/dist/es/components/share-sheet/index.js +1 -3
  398. package/dist/es/components/share-sheet/tokens.js +1 -49
  399. package/dist/es/components/sidebar/Sidebar.js +1 -84
  400. package/dist/es/components/sidebar/SidebarContext.js +1 -3
  401. package/dist/es/components/sidebar/SidebarItem.js +1 -84
  402. package/dist/es/components/sidebar/index.js +1 -8
  403. package/dist/es/components/sidebar/tokens.js +1 -80
  404. package/dist/es/components/skeleton/Skeleton.js +1 -143
  405. package/dist/es/components/skeleton/index.js +1 -4
  406. package/dist/es/components/skeleton/tokens.js +1 -33
  407. package/dist/es/components/slider/Slider.js +1 -596
  408. package/dist/es/components/slider/index.js +1 -2
  409. package/dist/es/components/slider/tokens.js +1 -31
  410. package/dist/es/components/space/Space.js +1 -115
  411. package/dist/es/components/space/index.js +1 -2
  412. package/dist/es/components/space/tokens.js +1 -32
  413. package/dist/es/components/stepper/Stepper.js +1 -465
  414. package/dist/es/components/stepper/index.js +1 -3
  415. package/dist/es/components/stepper/tokens.js +1 -54
  416. package/dist/es/components/swiper/Swiper.js +1 -344
  417. package/dist/es/components/swiper/SwiperItem.js +1 -1
  418. package/dist/es/components/swiper/SwiperPagIndicator.js +1 -87
  419. package/dist/es/components/swiper/index.js +1 -10
  420. package/dist/es/components/swiper/tokens.js +1 -12
  421. package/dist/es/components/switch/Switch.js +1 -83
  422. package/dist/es/components/switch/index.js +1 -3
  423. package/dist/es/components/switch/tokens.js +1 -25
  424. package/dist/es/components/tabbar/Tabbar.js +1 -130
  425. package/dist/es/components/tabbar/TabbarContext.js +1 -3
  426. package/dist/es/components/tabbar/TabbarItem.js +1 -133
  427. package/dist/es/components/tabbar/index.js +1 -7
  428. package/dist/es/components/tabbar/tokens.js +1 -35
  429. package/dist/es/components/tabs/Tabs.js +1 -841
  430. package/dist/es/components/tabs/index.js +1 -7
  431. package/dist/es/components/tabs/tokens.js +1 -105
  432. package/dist/es/components/tag/Tag.js +1 -105
  433. package/dist/es/components/tag/index.js +1 -2
  434. package/dist/es/components/tag/tokens.js +1 -97
  435. package/dist/es/components/toast/Toast.js +1 -277
  436. package/dist/es/components/toast/imperative.js +1 -130
  437. package/dist/es/components/toast/index.js +1 -5
  438. package/dist/es/components/toast/tokens.js +1 -36
  439. package/dist/es/components/typography/Typography.js +1 -162
  440. package/dist/es/components/typography/index.js +1 -2
  441. package/dist/es/components/typography/tokens.js +1 -82
  442. package/dist/es/components/water-mark/WaterMark.js +1 -153
  443. package/dist/es/components/water-mark/index.js +1 -4
  444. package/dist/es/components/water-mark/tokens.js +1 -42
  445. package/dist/es/design-system/Text.js +1 -19
  446. package/dist/es/design-system/ThemeContext.js +1 -6
  447. package/dist/es/design-system/ThemeProvider.js +1 -17
  448. package/dist/es/design-system/createComponentTokensHook.js +1 -15
  449. package/dist/es/design-system/index.js +1 -7
  450. package/dist/es/design-system/mergeTokensOverride.js +1 -2
  451. package/dist/es/design-system/presets.js +1 -139
  452. package/dist/es/design-system/tokens.js +1 -128
  453. package/dist/es/design-system/useTheme.js +1 -3
  454. package/dist/es/hooks/animation/index.js +1 -2
  455. package/dist/es/hooks/animation/useAnimatedTransition.js +1 -53
  456. package/dist/es/hooks/animation/useReducedMotion.js +1 -54
  457. package/dist/es/hooks/aria/index.js +1 -5
  458. package/dist/es/hooks/aria/useAriaListBox.js +1 -25
  459. package/dist/es/hooks/aria/useAriaOverlay.js +1 -25
  460. package/dist/es/hooks/aria/useAriaPress.js +1 -57
  461. package/dist/es/hooks/aria/useAriaToggle.js +1 -16
  462. package/dist/es/hooks/gesture/index.js +1 -2
  463. package/dist/es/hooks/gesture/useGestureScroll.js +1 -110
  464. package/dist/es/hooks/index.js +1 -8
  465. package/dist/es/hooks/overlay/OverlayStackStore.js +1 -93
  466. package/dist/es/hooks/overlay/index.js +1 -3
  467. package/dist/es/hooks/overlay/useOverlayStack.js +1 -40
  468. package/dist/es/hooks/useControllableValue.js +1 -29
  469. package/dist/es/hooks/useCountDown.js +1 -87
  470. package/dist/es/hooks/useHairline.js +1 -26
  471. package/dist/es/hooks/useSafeAreaPadding.js +1 -20
  472. package/dist/es/index.js +1 -11
  473. package/dist/es/nativewind.js +1 -0
  474. package/dist/es/platform/animation.js +1 -10
  475. package/dist/es/platform/history.js +1 -7
  476. package/dist/es/platform/index.js +1 -6
  477. package/dist/es/platform/measure.js +1 -32
  478. package/dist/es/platform/runtime.js +1 -4
  479. package/dist/es/platform/scrollLock.js +1 -16
  480. package/dist/es/types.js +1 -1
  481. package/dist/es/utils/array.js +1 -5
  482. package/dist/es/utils/color.js +1 -25
  483. package/dist/es/utils/compare.js +1 -13
  484. package/dist/es/utils/createPlatformShadow.js +1 -39
  485. package/dist/es/utils/date.js +1 -33
  486. package/dist/es/utils/deepMerge.js +1 -21
  487. package/dist/es/utils/hairline.js +1 -93
  488. package/dist/es/utils/index.js +1 -14
  489. package/dist/es/utils/number.js +1 -48
  490. package/dist/es/utils/promise.js +1 -2
  491. package/dist/es/utils/render.js +1 -7
  492. package/dist/es/utils/rtl.js +1 -17
  493. package/dist/es/utils/string.js +1 -13
  494. package/dist/es/utils/validate.js +1 -14
  495. package/dist/types/nativewind.d.ts +4 -0
  496. 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);