@bifrostui/react 1.4.8-beta.0 → 2.0.0-alpha.0

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 (556) hide show
  1. package/dist/ActionSheet/ActionSheet.css +16 -6
  2. package/dist/ActionSheet/ActionSheetItem.css +11 -17
  3. package/dist/ActionSheet/ActionSheetItem.js +3 -8
  4. package/dist/ActionSheet/ActionSheetItem.types.d.ts +2 -2
  5. package/dist/ActionSheet/index.css +89 -0
  6. package/dist/Alert/Alert.types.d.ts +3 -3
  7. package/dist/Alert/index.css +18 -14
  8. package/dist/Avatar/Avatar.css +16 -12
  9. package/dist/Avatar/Avatar.js +3 -8
  10. package/dist/Avatar/AvatarGroup.css +19 -15
  11. package/dist/Avatar/AvatarGroup.js +2 -6
  12. package/dist/Avatar/index.css +93 -0
  13. package/dist/Backdrop/Backdrop.d.ts +1 -1
  14. package/dist/Backdrop/Backdrop.js +1 -1
  15. package/dist/Backdrop/{Backdrop.css → index.css} +6 -2
  16. package/dist/Badge/Badge.d.ts +1 -1
  17. package/dist/Badge/Badge.js +4 -9
  18. package/dist/Badge/Badge.types.d.ts +1 -1
  19. package/dist/Badge/{Badge.css → index.css} +47 -27
  20. package/dist/Breadcrumb/Breadcrumb.d.ts +1 -1
  21. package/dist/Breadcrumb/Breadcrumb.js +1 -1
  22. package/dist/Breadcrumb/index.css +38 -0
  23. package/dist/Button/Button.d.ts +1 -1
  24. package/dist/Button/Button.js +6 -11
  25. package/dist/Button/Button.types.d.ts +8 -7
  26. package/{es/Button/Button.css → dist/Button/index.css} +93 -63
  27. package/dist/Calendar/Calendar.d.ts +1 -1
  28. package/dist/Calendar/Calendar.js +10 -22
  29. package/dist/Calendar/Calendar.types.d.ts +0 -5
  30. package/dist/Calendar/{Calendar.css → index.css} +35 -31
  31. package/dist/Card/Card.css +9 -0
  32. package/dist/Card/CardContent.css +1 -2
  33. package/dist/Card/CardFooter.css +2 -4
  34. package/dist/Card/CardHeader.css +5 -5
  35. package/dist/Card/CardHeader.js +2 -2
  36. package/dist/Card/index.css +77 -0
  37. package/dist/Checkbox/Checkbox.d.ts +1 -1
  38. package/dist/Checkbox/Checkbox.js +4 -8
  39. package/dist/Checkbox/CheckboxGroup.d.ts +1 -1
  40. package/dist/Checkbox/CheckboxGroup.js +5 -8
  41. package/dist/Checkbox/{Checkbox.css → index.css} +14 -10
  42. package/dist/CitySelector/CitySelector.miniapp.d.ts +0 -1
  43. package/dist/CitySelector/CitySelector.miniapp.js +0 -1
  44. package/dist/CitySelector/CitySelectorCore.d.ts +1 -1
  45. package/dist/CitySelector/CitySelectorCore.js +1 -1
  46. package/dist/CitySelector/Selector/index.css +4 -4
  47. package/{es/CitySelector/CitySelector.css → dist/CitySelector/index.css} +31 -27
  48. package/dist/Collapse/Collapse.d.ts +2 -2
  49. package/dist/Collapse/Collapse.js +9 -12
  50. package/{es/Collapse/Collapse.css → dist/Collapse/index.css} +1 -0
  51. package/dist/CollapsePanel/CollapsePanel.d.ts +1 -1
  52. package/dist/CollapsePanel/CollapsePanel.js +1 -1
  53. package/dist/CollapsePanel/CollapsePanelItem.js +45 -46
  54. package/{es/CollapsePanel/CollapsePanel.css → dist/CollapsePanel/index.css} +12 -10
  55. package/dist/Countdown/Countdown.d.ts +1 -1
  56. package/dist/Countdown/Countdown.js +6 -13
  57. package/{es/Countdown/Countdown.css → dist/Countdown/index.css} +12 -8
  58. package/dist/Dialog/FunctionalDialog.js +1 -1
  59. package/dist/Dialog/index.css +26 -23
  60. package/dist/Divider/Divider.d.ts +1 -1
  61. package/dist/Divider/Divider.js +9 -6
  62. package/{es/Divider/Divider.css → dist/Divider/index.css} +14 -10
  63. package/dist/Drawer/Drawer.d.ts +1 -1
  64. package/dist/Drawer/Drawer.js +5 -11
  65. package/dist/Drawer/{Drawer.css → index.css} +2 -0
  66. package/dist/Fade/Fade.js +52 -56
  67. package/dist/IconButton/IconButton.d.ts +1 -1
  68. package/dist/IconButton/IconButton.js +7 -14
  69. package/dist/IconButton/IconButton.types.d.ts +4 -3
  70. package/{es/IconButton/IconButton.css → dist/IconButton/index.css} +79 -29
  71. package/dist/Image/Image.js +112 -119
  72. package/dist/Image/index.css +6 -2
  73. package/dist/Input/Input.d.ts +1 -1
  74. package/dist/Input/Input.js +6 -12
  75. package/{es/Input/Input.css → dist/Input/index.css} +22 -18
  76. package/dist/ItemSelector/ItemSelector.miniapp.d.ts +0 -1
  77. package/dist/ItemSelector/ItemSelector.miniapp.js +0 -1
  78. package/dist/ItemSelector/ItemSelectorCore.d.ts +1 -1
  79. package/dist/ItemSelector/ItemSelectorCore.js +1 -1
  80. package/dist/List/List.css +7 -3
  81. package/dist/List/List.js +3 -8
  82. package/dist/List/ListItem.css +3 -3
  83. package/dist/List/ListItem.js +42 -44
  84. package/dist/List/ListItemContent.js +1 -4
  85. package/dist/List/ListItemExtra.js +9 -4
  86. package/dist/List/ListItemFooter.js +9 -4
  87. package/dist/List/ListItemHeader.js +9 -4
  88. package/dist/List/index.css +80 -0
  89. package/dist/Loading/Loading.d.ts +1 -1
  90. package/dist/Loading/Loading.js +14 -5
  91. package/{es/Loading/Loading.css → dist/Loading/index.css} +10 -6
  92. package/dist/Modal/Modal.d.ts +1 -1
  93. package/dist/Modal/Modal.js +1 -7
  94. package/dist/Modal/Modal.miniapp.d.ts +2 -2
  95. package/dist/Modal/Modal.miniapp.js +5 -11
  96. package/dist/NavBar/NavBar.d.ts +1 -1
  97. package/dist/NavBar/NavBar.js +1 -2
  98. package/dist/NavBar/index.css +65 -0
  99. package/dist/Picker/Picker.css +21 -21
  100. package/dist/Picker/Picker.js +6 -28
  101. package/dist/Picker/Picker.types.d.ts +4 -17
  102. package/dist/Picker/PickerPanel.css +8 -12
  103. package/dist/Picker/PickerPanel.js +39 -29
  104. package/dist/Picker/index.css +116 -0
  105. package/dist/Popover/Popover.d.ts +1 -1
  106. package/dist/Popover/Popover.js +28 -71
  107. package/{es/Popover/Popover.css → dist/Popover/index.css} +32 -28
  108. package/dist/Portal/Portal.miniapp.js +4 -7
  109. package/dist/Progress/Progress.d.ts +1 -1
  110. package/dist/Progress/Progress.js +1 -1
  111. package/dist/Progress/index.css +28 -0
  112. package/dist/Radio/Radio.d.ts +1 -1
  113. package/dist/Radio/Radio.js +3 -7
  114. package/dist/Radio/RadioButtonIcon.js +6 -1
  115. package/dist/Radio/RadioGroup.d.ts +1 -1
  116. package/dist/Radio/RadioGroup.js +1 -4
  117. package/dist/Radio/{Radio.css → index.css} +10 -7
  118. package/dist/Rating/Rating.d.ts +1 -1
  119. package/dist/Rating/Rating.js +9 -19
  120. package/{es/Rating/Rating.css → dist/Rating/index.css} +20 -7
  121. package/dist/ScrollView/ScrollView.d.ts +1 -1
  122. package/dist/ScrollView/ScrollView.js +12 -25
  123. package/dist/ScrollView/ScrollView.types.d.ts +1 -0
  124. package/dist/Select/Select.d.ts +1 -1
  125. package/dist/Select/Select.js +43 -76
  126. package/dist/Select/SelectOption.d.ts +1 -1
  127. package/dist/Select/SelectOption.js +1 -1
  128. package/dist/Select/{Select.css → index.css} +30 -20
  129. package/dist/Skeleton/Skeleton.d.ts +1 -1
  130. package/dist/Skeleton/Skeleton.js +6 -10
  131. package/dist/Skeleton/{Skeleton.css → index.css} +7 -3
  132. package/dist/Slide/Slide.js +69 -74
  133. package/dist/Slider/Slider.d.ts +1 -1
  134. package/dist/Slider/Slider.js +13 -29
  135. package/dist/Slider/index.css +111 -0
  136. package/dist/Stack/Stack.d.ts +1 -1
  137. package/dist/Stack/Stack.js +1 -1
  138. package/dist/Steps/Step.css +14 -14
  139. package/dist/Steps/Step.js +81 -82
  140. package/dist/Steps/Steps.css +18 -14
  141. package/dist/Steps/Steps.d.ts +1 -1
  142. package/dist/Steps/Steps.js +57 -60
  143. package/dist/Steps/index.css +199 -0
  144. package/dist/Swiper/Swiper.d.ts +1 -1
  145. package/dist/Swiper/Swiper.js +1 -1
  146. package/{es/Swiper/Swiper.css → dist/Swiper/index.css} +6 -2
  147. package/dist/Switch/Switch.d.ts +1 -1
  148. package/dist/Switch/Switch.js +76 -79
  149. package/dist/Switch/Switch.types.d.ts +1 -1
  150. package/{es/Switch/Switch.css → dist/Switch/index.css} +46 -35
  151. package/dist/TabBar/TabBar.css +12 -8
  152. package/dist/TabBar/TabBar.js +3 -8
  153. package/dist/TabBar/TabBarContext.d.ts +3 -3
  154. package/dist/TabBar/TabBarItem.css +6 -0
  155. package/dist/TabBar/TabBarItem.js +3 -3
  156. package/dist/TabBar/index.css +59 -0
  157. package/dist/TabBar/index.types.d.ts +3 -3
  158. package/dist/Tabs/Tab.css +10 -16
  159. package/dist/Tabs/Tab.js +2 -3
  160. package/dist/Tabs/Tabs.css +32 -21
  161. package/dist/Tabs/Tabs.js +39 -70
  162. package/dist/Tabs/Tabs.types.d.ts +0 -10
  163. package/dist/Tabs/index.css +135 -0
  164. package/dist/Tabs/utils/bound.d.ts +1 -0
  165. package/dist/{DesktopPicker/utils/calcAfterMounted.js → Tabs/utils/bound.js} +14 -7
  166. package/dist/Tag/Tag.css +49 -23
  167. package/dist/Tag/Tag.js +3 -7
  168. package/dist/Tag/Tag.types.d.ts +4 -4
  169. package/dist/Tag/TagGroup.css +15 -11
  170. package/dist/Tag/TagGroup.d.ts +2 -2
  171. package/dist/Tag/TagGroup.js +16 -14
  172. package/dist/Tag/index.css +182 -0
  173. package/dist/TextArea/TextArea.d.ts +1 -1
  174. package/dist/TextArea/TextArea.js +6 -13
  175. package/dist/TextArea/index.css +57 -0
  176. package/dist/ThemeProvider/ThemeProvider.js +1 -4
  177. package/dist/ThemeProvider/ThemeProvider.types.d.ts +5 -10
  178. package/dist/ThemeProvider/utils/constants.d.ts +1 -1
  179. package/dist/ThemeProvider/utils/constants.js +4 -1
  180. package/dist/ThemeProvider/utils/mountTokens.d.ts +4 -4
  181. package/dist/Toast/FunctionalToast.js +1 -1
  182. package/dist/Toast/Toast.d.ts +1 -1
  183. package/dist/Toast/Toast.js +5 -5
  184. package/dist/Toast/index.css +58 -0
  185. package/dist/Tooltip/Tooltip.d.ts +1 -1
  186. package/dist/Tooltip/Tooltip.js +28 -71
  187. package/dist/Tooltip/index.css +95 -0
  188. package/dist/Transition/TransitionCore.js +3 -8
  189. package/dist/index.d.ts +0 -6
  190. package/dist/index.js +1 -13
  191. package/dist/locales/base.d.ts +0 -11
  192. package/dist/locales/en-US.js +0 -24
  193. package/dist/locales/zh-CN.js +0 -24
  194. package/dist/locales/zh-TW.js +0 -24
  195. package/es/ActionSheet/ActionSheet.css +16 -6
  196. package/es/ActionSheet/ActionSheetItem.css +11 -17
  197. package/es/ActionSheet/ActionSheetItem.js +3 -8
  198. package/es/ActionSheet/ActionSheetItem.types.d.ts +2 -2
  199. package/es/ActionSheet/index.css +89 -0
  200. package/es/Alert/Alert.types.d.ts +3 -3
  201. package/es/Alert/index.css +18 -14
  202. package/es/Avatar/Avatar.css +16 -12
  203. package/es/Avatar/Avatar.js +3 -8
  204. package/es/Avatar/AvatarGroup.css +19 -15
  205. package/es/Avatar/AvatarGroup.js +2 -6
  206. package/es/Avatar/index.css +93 -0
  207. package/es/Backdrop/Backdrop.d.ts +1 -1
  208. package/es/Backdrop/Backdrop.js +1 -1
  209. package/es/Backdrop/{Backdrop.css → index.css} +6 -2
  210. package/es/Badge/Badge.d.ts +1 -1
  211. package/es/Badge/Badge.js +4 -9
  212. package/es/Badge/Badge.types.d.ts +1 -1
  213. package/es/Badge/{Badge.css → index.css} +47 -27
  214. package/es/Breadcrumb/Breadcrumb.d.ts +1 -1
  215. package/es/Breadcrumb/Breadcrumb.js +1 -1
  216. package/es/Breadcrumb/index.css +38 -0
  217. package/es/Button/Button.d.ts +1 -1
  218. package/es/Button/Button.js +6 -11
  219. package/es/Button/Button.types.d.ts +8 -7
  220. package/{dist/Button/Button.css → es/Button/index.css} +93 -63
  221. package/es/Calendar/Calendar.d.ts +1 -1
  222. package/es/Calendar/Calendar.js +10 -22
  223. package/es/Calendar/Calendar.types.d.ts +0 -5
  224. package/es/Calendar/{Calendar.css → index.css} +35 -31
  225. package/es/Card/Card.css +9 -0
  226. package/es/Card/CardContent.css +1 -2
  227. package/es/Card/CardFooter.css +2 -4
  228. package/es/Card/CardHeader.css +5 -5
  229. package/es/Card/CardHeader.js +2 -2
  230. package/es/Card/index.css +77 -0
  231. package/es/Checkbox/Checkbox.d.ts +1 -1
  232. package/es/Checkbox/Checkbox.js +4 -8
  233. package/es/Checkbox/CheckboxGroup.d.ts +1 -1
  234. package/es/Checkbox/CheckboxGroup.js +5 -8
  235. package/es/Checkbox/{Checkbox.css → index.css} +14 -10
  236. package/es/CitySelector/CitySelector.miniapp.d.ts +0 -1
  237. package/es/CitySelector/CitySelector.miniapp.js +0 -1
  238. package/es/CitySelector/CitySelectorCore.d.ts +1 -1
  239. package/es/CitySelector/CitySelectorCore.js +1 -1
  240. package/es/CitySelector/Selector/index.css +4 -4
  241. package/{dist/CitySelector/CitySelector.css → es/CitySelector/index.css} +31 -27
  242. package/es/Collapse/Collapse.d.ts +2 -2
  243. package/es/Collapse/Collapse.js +9 -12
  244. package/{dist/Collapse/Collapse.css → es/Collapse/index.css} +1 -0
  245. package/es/CollapsePanel/CollapsePanel.d.ts +1 -1
  246. package/es/CollapsePanel/CollapsePanel.js +1 -1
  247. package/es/CollapsePanel/CollapsePanelItem.js +45 -46
  248. package/{dist/CollapsePanel/CollapsePanel.css → es/CollapsePanel/index.css} +12 -10
  249. package/es/Countdown/Countdown.d.ts +1 -1
  250. package/es/Countdown/Countdown.js +6 -13
  251. package/{dist/Countdown/Countdown.css → es/Countdown/index.css} +12 -8
  252. package/es/Dialog/FunctionalDialog.js +2 -2
  253. package/es/Dialog/index.css +26 -23
  254. package/es/Divider/Divider.d.ts +1 -1
  255. package/es/Divider/Divider.js +9 -6
  256. package/{dist/Divider/Divider.css → es/Divider/index.css} +14 -10
  257. package/es/Drawer/Drawer.d.ts +1 -1
  258. package/es/Drawer/Drawer.js +5 -11
  259. package/es/Drawer/{Drawer.css → index.css} +2 -0
  260. package/es/Fade/Fade.js +52 -56
  261. package/es/IconButton/IconButton.d.ts +1 -1
  262. package/es/IconButton/IconButton.js +7 -14
  263. package/es/IconButton/IconButton.types.d.ts +4 -3
  264. package/{dist/IconButton/IconButton.css → es/IconButton/index.css} +79 -29
  265. package/es/Image/Image.js +112 -119
  266. package/es/Image/index.css +6 -2
  267. package/es/Input/Input.d.ts +1 -1
  268. package/es/Input/Input.js +6 -12
  269. package/{dist/Input/Input.css → es/Input/index.css} +22 -18
  270. package/es/ItemSelector/ItemSelector.miniapp.d.ts +0 -1
  271. package/es/ItemSelector/ItemSelector.miniapp.js +0 -1
  272. package/es/ItemSelector/ItemSelectorCore.d.ts +1 -1
  273. package/es/ItemSelector/ItemSelectorCore.js +1 -1
  274. package/es/List/List.css +7 -3
  275. package/es/List/List.js +3 -8
  276. package/es/List/ListItem.css +3 -3
  277. package/es/List/ListItem.js +42 -44
  278. package/es/List/ListItemContent.js +1 -4
  279. package/es/List/ListItemExtra.js +9 -4
  280. package/es/List/ListItemFooter.js +9 -4
  281. package/es/List/ListItemHeader.js +9 -4
  282. package/es/List/index.css +80 -0
  283. package/es/Loading/Loading.d.ts +1 -1
  284. package/es/Loading/Loading.js +14 -5
  285. package/{dist/Loading/Loading.css → es/Loading/index.css} +10 -6
  286. package/es/Modal/Modal.d.ts +1 -1
  287. package/es/Modal/Modal.js +1 -7
  288. package/es/Modal/Modal.miniapp.d.ts +2 -2
  289. package/es/Modal/Modal.miniapp.js +5 -11
  290. package/es/NavBar/NavBar.d.ts +1 -1
  291. package/es/NavBar/NavBar.js +1 -2
  292. package/es/NavBar/index.css +65 -0
  293. package/es/Picker/Picker.css +21 -21
  294. package/es/Picker/Picker.js +6 -28
  295. package/es/Picker/Picker.types.d.ts +4 -17
  296. package/es/Picker/PickerPanel.css +8 -12
  297. package/es/Picker/PickerPanel.js +52 -31
  298. package/es/Picker/index.css +116 -0
  299. package/es/Popover/Popover.d.ts +1 -1
  300. package/es/Popover/Popover.js +30 -74
  301. package/{dist/Popover/Popover.css → es/Popover/index.css} +32 -28
  302. package/es/Portal/Portal.miniapp.js +5 -8
  303. package/es/Progress/Progress.d.ts +1 -1
  304. package/es/Progress/Progress.js +1 -1
  305. package/es/Progress/index.css +28 -0
  306. package/es/Radio/Radio.d.ts +1 -1
  307. package/es/Radio/Radio.js +3 -7
  308. package/es/Radio/RadioButtonIcon.js +6 -1
  309. package/es/Radio/RadioGroup.d.ts +1 -1
  310. package/es/Radio/RadioGroup.js +1 -4
  311. package/es/Radio/{Radio.css → index.css} +10 -7
  312. package/es/Rating/Rating.d.ts +1 -1
  313. package/es/Rating/Rating.js +9 -19
  314. package/{dist/Rating/Rating.css → es/Rating/index.css} +20 -7
  315. package/es/ScrollView/ScrollView.d.ts +1 -1
  316. package/es/ScrollView/ScrollView.js +12 -25
  317. package/es/ScrollView/ScrollView.types.d.ts +1 -0
  318. package/es/Select/Select.d.ts +1 -1
  319. package/es/Select/Select.js +44 -76
  320. package/es/Select/SelectOption.d.ts +1 -1
  321. package/es/Select/SelectOption.js +1 -1
  322. package/es/Select/{Select.css → index.css} +30 -20
  323. package/es/Skeleton/Skeleton.d.ts +1 -1
  324. package/es/Skeleton/Skeleton.js +6 -10
  325. package/es/Skeleton/{Skeleton.css → index.css} +7 -3
  326. package/es/Slide/Slide.js +69 -74
  327. package/es/Slider/Slider.d.ts +1 -1
  328. package/es/Slider/Slider.js +14 -32
  329. package/es/Slider/index.css +111 -0
  330. package/es/Stack/Stack.d.ts +1 -1
  331. package/es/Stack/Stack.js +1 -1
  332. package/es/Steps/Step.css +14 -14
  333. package/es/Steps/Step.js +81 -82
  334. package/es/Steps/Steps.css +18 -14
  335. package/es/Steps/Steps.d.ts +1 -1
  336. package/es/Steps/Steps.js +57 -60
  337. package/es/Steps/index.css +199 -0
  338. package/es/Swiper/Swiper.d.ts +1 -1
  339. package/es/Swiper/Swiper.js +1 -1
  340. package/{dist/Swiper/Swiper.css → es/Swiper/index.css} +6 -2
  341. package/es/Switch/Switch.d.ts +1 -1
  342. package/es/Switch/Switch.js +76 -79
  343. package/es/Switch/Switch.types.d.ts +1 -1
  344. package/{dist/Switch/Switch.css → es/Switch/index.css} +46 -35
  345. package/es/TabBar/TabBar.css +12 -8
  346. package/es/TabBar/TabBar.js +3 -8
  347. package/es/TabBar/TabBarContext.d.ts +3 -3
  348. package/es/TabBar/TabBarItem.css +6 -0
  349. package/es/TabBar/TabBarItem.js +2 -2
  350. package/es/TabBar/index.css +59 -0
  351. package/es/TabBar/index.types.d.ts +3 -3
  352. package/es/Tabs/Tab.css +10 -16
  353. package/es/Tabs/Tab.js +2 -3
  354. package/es/Tabs/Tabs.css +32 -21
  355. package/es/Tabs/Tabs.js +41 -83
  356. package/es/Tabs/Tabs.types.d.ts +0 -10
  357. package/es/Tabs/index.css +135 -0
  358. package/es/Tabs/utils/bound.d.ts +1 -0
  359. package/es/Tabs/utils/bound.js +13 -0
  360. package/es/Tag/Tag.css +49 -23
  361. package/es/Tag/Tag.js +3 -7
  362. package/es/Tag/Tag.types.d.ts +4 -4
  363. package/es/Tag/TagGroup.css +15 -11
  364. package/es/Tag/TagGroup.d.ts +2 -2
  365. package/es/Tag/TagGroup.js +16 -14
  366. package/es/Tag/index.css +182 -0
  367. package/es/TextArea/TextArea.d.ts +1 -1
  368. package/es/TextArea/TextArea.js +6 -13
  369. package/es/TextArea/index.css +57 -0
  370. package/es/ThemeProvider/ThemeProvider.js +1 -4
  371. package/es/ThemeProvider/ThemeProvider.types.d.ts +5 -10
  372. package/es/ThemeProvider/utils/constants.d.ts +1 -1
  373. package/es/ThemeProvider/utils/constants.js +4 -1
  374. package/es/ThemeProvider/utils/mountTokens.d.ts +4 -4
  375. package/es/Toast/FunctionalToast.js +2 -2
  376. package/es/Toast/Toast.d.ts +1 -1
  377. package/es/Toast/Toast.js +5 -5
  378. package/es/Toast/index.css +58 -0
  379. package/es/Tooltip/Tooltip.d.ts +1 -1
  380. package/es/Tooltip/Tooltip.js +30 -74
  381. package/es/Tooltip/index.css +95 -0
  382. package/es/Transition/TransitionCore.js +3 -8
  383. package/es/index.d.ts +0 -6
  384. package/es/index.js +0 -6
  385. package/es/locales/base.d.ts +0 -11
  386. package/es/locales/en-US.js +0 -24
  387. package/es/locales/zh-CN.js +0 -24
  388. package/es/locales/zh-TW.js +0 -24
  389. package/package.json +14 -6
  390. package/dist/Breadcrumb/Breadcrumb.css +0 -34
  391. package/dist/CitySelector/miniapp.css +0 -4
  392. package/dist/Collapse/Collapse.miniapp.d.ts +0 -5
  393. package/dist/Collapse/Collapse.miniapp.js +0 -177
  394. package/dist/DatePicker/DatePicker.d.ts +0 -4
  395. package/dist/DatePicker/DatePicker.js +0 -335
  396. package/dist/DatePicker/DatePicker.types.d.ts +0 -36
  397. package/dist/DatePicker/DatePicker.types.js +0 -15
  398. package/dist/DatePicker/constants.d.ts +0 -9
  399. package/dist/DatePicker/constants.js +0 -37
  400. package/dist/DatePicker/index.d.ts +0 -3
  401. package/dist/DatePicker/index.js +0 -44
  402. package/dist/DesktopDatePicker/DesktopDatePicker.d.ts +0 -5
  403. package/dist/DesktopDatePicker/DesktopDatePicker.js +0 -280
  404. package/dist/DesktopDatePicker/DesktopDatePicker.types.d.ts +0 -163
  405. package/dist/DesktopDatePicker/DesktopDatePicker.types.js +0 -15
  406. package/dist/DesktopDatePicker/deskTopPickerContainer.css +0 -100
  407. package/dist/DesktopDatePicker/index.css +0 -61
  408. package/dist/DesktopDatePicker/index.d.ts +0 -2
  409. package/dist/DesktopDatePicker/index.js +0 -41
  410. package/dist/DesktopDatePicker/useGetDatePickerContent.d.ts +0 -6
  411. package/dist/DesktopDatePicker/useGetDatePickerContent.js +0 -343
  412. package/dist/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +0 -5
  413. package/dist/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -322
  414. package/dist/DesktopDateTimePicker/DesktopDateTimePicker.types.d.ts +0 -163
  415. package/dist/DesktopDateTimePicker/DesktopDateTimePicker.types.js +0 -15
  416. package/dist/DesktopDateTimePicker/index.css +0 -66
  417. package/dist/DesktopDateTimePicker/index.d.ts +0 -2
  418. package/dist/DesktopDateTimePicker/index.js +0 -41
  419. package/dist/DesktopPicker/DesktopPicker.d.ts +0 -5
  420. package/dist/DesktopPicker/DesktopPicker.js +0 -238
  421. package/dist/DesktopPicker/DesktopPicker.types.d.ts +0 -57
  422. package/dist/DesktopPicker/DesktopPicker.types.js +0 -15
  423. package/dist/DesktopPicker/index.css +0 -37
  424. package/dist/DesktopPicker/index.d.ts +0 -2
  425. package/dist/DesktopPicker/index.js +0 -41
  426. package/dist/DesktopPicker/utils/calcAfterMounted.d.ts +0 -2
  427. package/dist/DesktopPicker/utils/calcAfterMounted.miniapp.d.ts +0 -2
  428. package/dist/DesktopPicker/utils/calcAfterMounted.miniapp.js +0 -38
  429. package/dist/DesktopTimePicker/DesktopTimePicker.d.ts +0 -5
  430. package/dist/DesktopTimePicker/DesktopTimePicker.js +0 -288
  431. package/dist/DesktopTimePicker/DesktopTimePicker.types.d.ts +0 -182
  432. package/dist/DesktopTimePicker/DesktopTimePicker.types.js +0 -15
  433. package/dist/DesktopTimePicker/DesktopTimePickerList.d.ts +0 -4
  434. package/dist/DesktopTimePicker/DesktopTimePickerList.js +0 -111
  435. package/dist/DesktopTimePicker/index.css +0 -170
  436. package/dist/DesktopTimePicker/index.d.ts +0 -2
  437. package/dist/DesktopTimePicker/index.js +0 -41
  438. package/dist/DesktopTimePicker/useGetTimePickerContent.d.ts +0 -6
  439. package/dist/DesktopTimePicker/useGetTimePickerContent.js +0 -249
  440. package/dist/DesktopTimePicker/utils/scrollUtil.d.ts +0 -2
  441. package/dist/DesktopTimePicker/utils/scrollUtil.js +0 -27
  442. package/dist/DesktopTimePicker/utils/scrollUtil.miniapp.d.ts +0 -2
  443. package/dist/DesktopTimePicker/utils/scrollUtil.miniapp.js +0 -51
  444. package/dist/DesktopTimePicker/utils/utils.d.ts +0 -28
  445. package/dist/DesktopTimePicker/utils/utils.js +0 -408
  446. package/dist/ItemSelector/miniapp.css +0 -4
  447. package/dist/NavBar/NavBar.css +0 -61
  448. package/dist/Progress/Progress.css +0 -24
  449. package/dist/Slider/Slider.css +0 -106
  450. package/dist/SwipeAction/SwipeAction.css +0 -79
  451. package/dist/SwipeAction/SwipeAction.d.ts +0 -5
  452. package/dist/SwipeAction/SwipeAction.js +0 -349
  453. package/dist/SwipeAction/SwipeAction.types.d.ts +0 -75
  454. package/dist/SwipeAction/SwipeAction.types.js +0 -15
  455. package/dist/SwipeAction/SwipeActionContext.d.ts +0 -4
  456. package/dist/SwipeAction/SwipeActionContext.js +0 -30
  457. package/dist/SwipeAction/SwipeActionItem.css +0 -31
  458. package/dist/SwipeAction/SwipeActionItem.d.ts +0 -5
  459. package/dist/SwipeAction/SwipeActionItem.js +0 -105
  460. package/dist/SwipeAction/constants.d.ts +0 -9
  461. package/dist/SwipeAction/constants.js +0 -39
  462. package/dist/SwipeAction/index.d.ts +0 -5
  463. package/dist/SwipeAction/index.js +0 -50
  464. package/dist/Tabs/utils/scroll.d.ts +0 -2
  465. package/dist/Tabs/utils/scroll.js +0 -55
  466. package/dist/TextArea/TextArea.css +0 -53
  467. package/dist/Toast/Toast.css +0 -53
  468. package/dist/Tooltip/Tooltip.css +0 -91
  469. package/es/Breadcrumb/Breadcrumb.css +0 -34
  470. package/es/CitySelector/miniapp.css +0 -4
  471. package/es/Collapse/Collapse.miniapp.d.ts +0 -5
  472. package/es/Collapse/Collapse.miniapp.js +0 -157
  473. package/es/DatePicker/DatePicker.d.ts +0 -4
  474. package/es/DatePicker/DatePicker.js +0 -308
  475. package/es/DatePicker/DatePicker.types.d.ts +0 -36
  476. package/es/DatePicker/DatePicker.types.js +0 -1
  477. package/es/DatePicker/constants.d.ts +0 -9
  478. package/es/DatePicker/constants.js +0 -14
  479. package/es/DatePicker/index.d.ts +0 -3
  480. package/es/DatePicker/index.js +0 -8
  481. package/es/DesktopDatePicker/DesktopDatePicker.d.ts +0 -5
  482. package/es/DesktopDatePicker/DesktopDatePicker.js +0 -253
  483. package/es/DesktopDatePicker/DesktopDatePicker.types.d.ts +0 -163
  484. package/es/DesktopDatePicker/DesktopDatePicker.types.js +0 -1
  485. package/es/DesktopDatePicker/deskTopPickerContainer.css +0 -100
  486. package/es/DesktopDatePicker/index.css +0 -61
  487. package/es/DesktopDatePicker/index.d.ts +0 -2
  488. package/es/DesktopDatePicker/index.js +0 -6
  489. package/es/DesktopDatePicker/useGetDatePickerContent.d.ts +0 -6
  490. package/es/DesktopDatePicker/useGetDatePickerContent.js +0 -316
  491. package/es/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +0 -5
  492. package/es/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -295
  493. package/es/DesktopDateTimePicker/DesktopDateTimePicker.types.d.ts +0 -163
  494. package/es/DesktopDateTimePicker/DesktopDateTimePicker.types.js +0 -1
  495. package/es/DesktopDateTimePicker/index.css +0 -66
  496. package/es/DesktopDateTimePicker/index.d.ts +0 -2
  497. package/es/DesktopDateTimePicker/index.js +0 -9
  498. package/es/DesktopPicker/DesktopPicker.d.ts +0 -5
  499. package/es/DesktopPicker/DesktopPicker.js +0 -221
  500. package/es/DesktopPicker/DesktopPicker.types.d.ts +0 -57
  501. package/es/DesktopPicker/DesktopPicker.types.js +0 -1
  502. package/es/DesktopPicker/index.css +0 -37
  503. package/es/DesktopPicker/index.d.ts +0 -2
  504. package/es/DesktopPicker/index.js +0 -6
  505. package/es/DesktopPicker/utils/calcAfterMounted.d.ts +0 -2
  506. package/es/DesktopPicker/utils/calcAfterMounted.js +0 -6
  507. package/es/DesktopPicker/utils/calcAfterMounted.miniapp.d.ts +0 -2
  508. package/es/DesktopPicker/utils/calcAfterMounted.miniapp.js +0 -9
  509. package/es/DesktopTimePicker/DesktopTimePicker.d.ts +0 -5
  510. package/es/DesktopTimePicker/DesktopTimePicker.js +0 -261
  511. package/es/DesktopTimePicker/DesktopTimePicker.types.d.ts +0 -182
  512. package/es/DesktopTimePicker/DesktopTimePicker.types.js +0 -1
  513. package/es/DesktopTimePicker/DesktopTimePickerList.d.ts +0 -4
  514. package/es/DesktopTimePicker/DesktopTimePickerList.js +0 -84
  515. package/es/DesktopTimePicker/index.css +0 -170
  516. package/es/DesktopTimePicker/index.d.ts +0 -2
  517. package/es/DesktopTimePicker/index.js +0 -6
  518. package/es/DesktopTimePicker/useGetTimePickerContent.d.ts +0 -6
  519. package/es/DesktopTimePicker/useGetTimePickerContent.js +0 -226
  520. package/es/DesktopTimePicker/utils/scrollUtil.d.ts +0 -2
  521. package/es/DesktopTimePicker/utils/scrollUtil.js +0 -8
  522. package/es/DesktopTimePicker/utils/scrollUtil.miniapp.d.ts +0 -2
  523. package/es/DesktopTimePicker/utils/scrollUtil.miniapp.js +0 -22
  524. package/es/DesktopTimePicker/utils/utils.d.ts +0 -28
  525. package/es/DesktopTimePicker/utils/utils.js +0 -365
  526. package/es/ItemSelector/miniapp.css +0 -4
  527. package/es/NavBar/NavBar.css +0 -61
  528. package/es/Progress/Progress.css +0 -24
  529. package/es/Slider/Slider.css +0 -106
  530. package/es/SwipeAction/SwipeAction.css +0 -79
  531. package/es/SwipeAction/SwipeAction.d.ts +0 -5
  532. package/es/SwipeAction/SwipeAction.js +0 -334
  533. package/es/SwipeAction/SwipeAction.types.d.ts +0 -75
  534. package/es/SwipeAction/SwipeAction.types.js +0 -1
  535. package/es/SwipeAction/SwipeActionContext.d.ts +0 -4
  536. package/es/SwipeAction/SwipeActionContext.js +0 -11
  537. package/es/SwipeAction/SwipeActionItem.css +0 -31
  538. package/es/SwipeAction/SwipeActionItem.d.ts +0 -5
  539. package/es/SwipeAction/SwipeActionItem.js +0 -78
  540. package/es/SwipeAction/constants.d.ts +0 -9
  541. package/es/SwipeAction/constants.js +0 -15
  542. package/es/SwipeAction/index.d.ts +0 -5
  543. package/es/SwipeAction/index.js +0 -12
  544. package/es/Tabs/utils/scroll.d.ts +0 -2
  545. package/es/Tabs/utils/scroll.js +0 -36
  546. package/es/TextArea/TextArea.css +0 -53
  547. package/es/Toast/Toast.css +0 -53
  548. package/es/Tooltip/Tooltip.css +0 -91
  549. /package/dist/ItemSelector/{ItemSelector.css → index.css} +0 -0
  550. /package/dist/Modal/{Modal.css → index.css} +0 -0
  551. /package/dist/ScrollView/{ScrollView.css → index.css} +0 -0
  552. /package/dist/Stack/{Stack.css → index.css} +0 -0
  553. /package/es/ItemSelector/{ItemSelector.css → index.css} +0 -0
  554. /package/es/Modal/{Modal.css → index.css} +0 -0
  555. /package/es/ScrollView/{ScrollView.css → index.css} +0 -0
  556. /package/es/Stack/{Stack.css → index.css} +0 -0
@@ -1,182 +0,0 @@
1
- import React, { Ref } from 'react';
2
- import { OverrideProps } from '@bifrostui/types';
3
- import { Dayjs } from 'dayjs';
4
- import { DesktopPickerProps } from '../DesktopPicker';
5
- export type Views = Array<'hour' | 'minute' | 'second'>;
6
- export type ViewType = 'hour' | 'minute' | 'second';
7
- export type ViewTypeWithMeridiem = ViewType | 'meridiem';
8
- export type TimeSteps = {
9
- hour?: number;
10
- minute?: number;
11
- second?: number;
12
- };
13
- export type TimePickerProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
14
- props: P & {
15
- /**
16
- * 默认选中的值,当组件非受控时使用
17
- */
18
- defaultValue?: Date;
19
- /**
20
- * 选中的值,当组件受控时使用
21
- */
22
- value?: Date;
23
- /**
24
- * 输入框占位内容
25
- */
26
- placeholder?: string;
27
- /**
28
- * 面板视图选择
29
- */
30
- views?: Views;
31
- /**
32
- * 时间间隔
33
- */
34
- timeSteps?: TimeSteps;
35
- /**
36
- * 是否使用十二小时制模式
37
- */
38
- ampm?: boolean;
39
- /**
40
- * 时间格式化
41
- */
42
- format?: string;
43
- /**
44
- * 可选择的最小时间
45
- */
46
- minTime?: Date;
47
- /**
48
- * 可选择的最大时间
49
- */
50
- maxTime?: Date;
51
- /**
52
- * 禁止选择的时间
53
- */
54
- disabledTimeView?: DisabledTimeView;
55
- /**
56
- * 禁用弹层选择功能
57
- */
58
- disableOpenPicker?: boolean;
59
- /**
60
- * 是否禁用时间选择器
61
- */
62
- disabled?: boolean;
63
- /**
64
- * 选择时间后是否立刻关闭
65
- */
66
- closeOnSelect?: boolean;
67
- /**
68
- * 弹层是否打开
69
- */
70
- open?: boolean;
71
- /**
72
- * 输入框icon
73
- */
74
- icon?: React.ReactNode;
75
- /**
76
- * 时间发生变化的回调
77
- */
78
- onChange?: (e: React.SyntheticEvent, data: {
79
- value: Date | null;
80
- }) => void;
81
- /**
82
- * 弹层关闭的回调
83
- */
84
- onClose?: () => void;
85
- /**
86
- * 弹层打开的回调
87
- */
88
- onOpen?: () => void;
89
- /**
90
- * inputRef
91
- */
92
- inputRef?: Ref<HTMLInputElement>;
93
- /**
94
- * inputProp
95
- */
96
- inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
97
- /**
98
- * DesktopPickerProps
99
- */
100
- DesktopPickerProps?: Omit<DesktopPickerProps, 'open'>;
101
- /**
102
- * 自定义时间单元格渲染内容
103
- */
104
- timeRender?: (item: ITimeInstance) => React.ReactNode;
105
- };
106
- defaultComponent: D;
107
- }, D>;
108
- export type DisabledTimeView = () => {
109
- hour?: () => number[];
110
- minute?: (selectedHour: number) => number[];
111
- second?: (selectedHour: number, selectedMinute: number) => number[];
112
- };
113
- export interface TimePickerContentProps {
114
- setIsOpen: Function;
115
- triggerChange: Function;
116
- disabledTimeView?: DisabledTimeView;
117
- timeValue: Dayjs;
118
- /**
119
- * 关闭浮层
120
- */
121
- onClose?: (e: React.MouseEvent<any>, data: {
122
- value: boolean;
123
- }) => void;
124
- /**
125
- * 打开浮层
126
- */
127
- onOpen?: (e: React.MouseEvent<any>, data: {
128
- value: boolean;
129
- }) => void;
130
- /**
131
- * 选择时间后是否立刻关闭
132
- */
133
- closeOnSelect?: boolean;
134
- /**
135
- * 打开浮层的视图
136
- */
137
- views?: Views;
138
- /**
139
- * 时间间隔
140
- */
141
- timeSteps?: TimeSteps;
142
- /**
143
- * 是否使用十二小时制模式
144
- */
145
- ampm?: boolean;
146
- /**
147
- * 可选择的最小时间
148
- */
149
- minTime?: Dayjs;
150
- /**
151
- * 可选择的最大时间
152
- */
153
- maxTime?: Dayjs;
154
- /**
155
- * 自定义时间单元格渲染内容
156
- */
157
- timeRender?: (item: ITimeInstance) => React.ReactNode;
158
- /**
159
- * 校验timeValue是否有效
160
- */
161
- setIsInvalid: (a: boolean) => void;
162
- }
163
- /** 时间面板单元格对象 */
164
- export interface ITimeInstance {
165
- value: number | string;
166
- label: string;
167
- disabled: boolean;
168
- }
169
- /** 时分秒面板单元格对象 */
170
- export interface ITimeItemNumberInstance {
171
- value: number;
172
- label: string;
173
- }
174
- export interface DesktopTimePickerListProps {
175
- timeValue: Dayjs;
176
- type: ViewTypeWithMeridiem;
177
- dataList: ITimeInstance[];
178
- selectedValue: string | number;
179
- prefixCls: string;
180
- handleClick: Function;
181
- timeRender: (item: ITimeInstance) => React.ReactNode;
182
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { DesktopTimePickerListProps } from './DesktopTimePicker.types';
3
- declare const DesktopTimePickerList: React.ForwardRefExoticComponent<DesktopTimePickerListProps & React.RefAttributes<HTMLDivElement>>;
4
- export default DesktopTimePickerList;
@@ -1,84 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __defProps = Object.defineProperties;
3
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
- var __spreadValues = (a, b) => {
9
- for (var prop in b || (b = {}))
10
- if (__hasOwnProp.call(b, prop))
11
- __defNormalProp(a, prop, b[prop]);
12
- if (__getOwnPropSymbols)
13
- for (var prop of __getOwnPropSymbols(b)) {
14
- if (__propIsEnum.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- }
17
- return a;
18
- };
19
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
- import React, { useEffect, useRef, useState } from "react";
21
- import { isMini } from "@bifrostui/utils";
22
- import clsx from "clsx";
23
- import { ScrollView } from "../ScrollView";
24
- import handleScroll from "./utils/scrollUtil";
25
- const DesktopTimePickerList = /* @__PURE__ */ React.forwardRef((props, ref) => {
26
- const {
27
- timeValue,
28
- type,
29
- dataList,
30
- selectedValue,
31
- prefixCls,
32
- handleClick,
33
- timeRender
34
- } = props;
35
- const ulRef = useRef(null);
36
- const [scrollTop, setScrollTop] = useState(0);
37
- useEffect(() => {
38
- if (!ulRef.current)
39
- return;
40
- const elementName = `.${prefixCls}-${type}-active`;
41
- if (!isMini) {
42
- handleScroll(elementName, setScrollTop);
43
- } else {
44
- const index = dataList.findIndex((item) => item.value === selectedValue);
45
- if (index === -1)
46
- return;
47
- handleScroll(elementName, setScrollTop, index);
48
- }
49
- }, [timeValue]);
50
- return /* @__PURE__ */ React.createElement(
51
- ScrollView,
52
- {
53
- scrollY: true,
54
- scrollWithAnimation: true,
55
- className: clsx(`${prefixCls}-${type}-ul`),
56
- key: type,
57
- scrollTop,
58
- scrollAnimationDuration: 300,
59
- ref: ulRef
60
- },
61
- dataList.map((item, index) => {
62
- const { value, label, disabled } = item;
63
- return /* @__PURE__ */ React.createElement(
64
- "div",
65
- {
66
- key: index,
67
- className: clsx(`${prefixCls}-${type}-li`, {
68
- [`${prefixCls}-${type}-active`]: value === selectedValue,
69
- [`${prefixCls}-${type}-disabled`]: disabled
70
- }),
71
- onClick: (e) => {
72
- handleClick(e, disabled, item);
73
- }
74
- },
75
- (timeRender == null ? void 0 : timeRender(__spreadProps(__spreadValues({}, item), { disabled }))) || label
76
- );
77
- })
78
- );
79
- });
80
- DesktopTimePickerList.displayName = "BuiDesktopTimePickerList";
81
- var DesktopTimePickerList_default = DesktopTimePickerList;
82
- export {
83
- DesktopTimePickerList_default as default
84
- };
@@ -1,170 +0,0 @@
1
- :root,
2
- page,
3
- xhs-page {
4
- --bui-d-time-picker-height: var(--bui-input-height, 32px);
5
- --bui-d-time-picker-min-width: var(--bui-input-min-width, 100px);
6
- --bui-d-time-picker-font-size: var(--bui-title-size-3, 16px);
7
- --bui-d-time-picker-icon-size: var(--bui-title-size-3, 16px);
8
- --bui-d-time-picker-container-padding: var(--bui-spacing-md, 9px);
9
- --bui-d-time-picker-bg: var(--bui-color-bg-view);
10
- --bui-d-time-picker-font-family: var(--bui-font-family);
11
- --bui-d-time-picker-border: 1px solid var(--bui-color-border-default);
12
- --bui-d-time-picker-border-invalid: 1px solid var(--bui-color-danger);
13
- --bui-d-time-picker-shadow: 0 0 0 2px var(--bui-color-bg-default);
14
- --bui-d-time-picker-disabled-color: var(--bui-color-fg-subtle);
15
- --bui-d-time-picker-container-main-radius: 3px;
16
- --bui-d-time-picker-container-li-padding: 8px;
17
- --bui-d-time-picker-container-li-height: 24px;
18
- --bui-d-time-picker-container-li-line-height: 24px;
19
- --bui-d-time-picker-container-li-width: 24px;
20
- --bui-d-time-picker-container-li-radius: var(--bui-shape-radius-default, 6px);
21
- --bui-d-time-picker-container-li-font-size: var(--bui-title-size-4);
22
- --bui-d-time-picker-container-li-color: var(--bui-color-fg-default);
23
- --bui-d-time-picker-container-li-color-active: var(--bui-color-fg-default);
24
- --bui-d-time-picker-container-li-bg-active: #ffc7da;
25
- }
26
- .bui-d-time-picker {
27
- position: relative;
28
- cursor: pointer;
29
- vertical-align: middle;
30
- height: var(--bui-d-time-picker-height);
31
- min-width: var(--bui-d-time-picker-min-width);
32
- font-size: var(--bui-d-time-picker-font-size);
33
- border-radius: 5px;
34
- background-color: var(--bui-d-time-picker-bg);
35
- font-family: var(--bui-d-time-picker-font-family);
36
- border: var(--bui-d-time-picker-border);
37
- }
38
- .bui-d-time-picker:active,
39
- .bui-d-time-picker-active {
40
- box-shadow: var(--bui-d-time-picker-shadow);
41
- }
42
- .bui-d-time-picker-invalid {
43
- border: var(--bui-d-time-picker-border-invalid);
44
- }
45
- .bui-d-time-picker-icon {
46
- display: flex;
47
- align-items: center;
48
- font-size: var(--bui-d-time-picker-icon-size);
49
- }
50
- .bui-d-time-picker-container {
51
- display: flex;
52
- align-items: center;
53
- padding: 0 var(--bui-d-time-picker-container-padding);
54
- height: 100%;
55
- }
56
- .bui-d-time-picker-placeholder {
57
- color: var(--bui-color-fg-disabled);
58
- }
59
- .bui-d-time-picker-content {
60
- display: flex;
61
- justify-content: space-between;
62
- align-items: center;
63
- flex: 1;
64
- height: 100%;
65
- background-color: transparent;
66
- outline: none;
67
- border: 0;
68
- }
69
- .bui-d-time-picker-container-top {
70
- bottom: 100%;
71
- margin-bottom: 6px;
72
- }
73
- .bui-d-time-picker-container-bottom {
74
- top: 100%;
75
- margin-top: 6px;
76
- }
77
- .bui-d-time-picker-main {
78
- border-radius: var(--bui-d-time-picker-container-main-radius);
79
- padding: 3px 0;
80
- height: 308px;
81
- overflow: hidden;
82
- }
83
- .bui-d-time-picker-table {
84
- height: 100%;
85
- overflow: hidden;
86
- display: flex;
87
- }
88
- .bui-d-time-picker-hour-ul,
89
- .bui-d-time-picker-minute-ul,
90
- .bui-d-time-picker-second-ul,
91
- .bui-d-time-picker-meridiem-ul {
92
- padding: 0;
93
- border-radius: 0;
94
- text-align: center;
95
- border: none;
96
- border-right: 1px solid var(--bui-color-border-default);
97
- overflow-y: auto;
98
- list-style: none;
99
- scrollbar-width: thin;
100
- scrollbar-color: #888 transparent;
101
- }
102
- .bui-d-time-picker-hour-li,
103
- .bui-d-time-picker-minute-li,
104
- .bui-d-time-picker-second-li,
105
- .bui-d-time-picker-meridiem-li {
106
- box-sizing: content-box;
107
- width: var(--bui-d-time-picker-container-li-width);
108
- height: var(--bui-d-time-picker-container-li-height);
109
- line-height: var(--bui-d-time-picker-container-li-line-height);
110
- padding: var(--bui-d-time-picker-container-li-padding);
111
- margin: 0 4px;
112
- border-radius: var(--bui-d-time-picker-container-li-radius);
113
- font-size: var(--bui-d-time-picker-container-li-font-size);
114
- font-family: var(--bui-d-time-picker-lay-font-family);
115
- color: var(--bui-d-time-picker-container-li-color);
116
- font-weight: var(--bui-font-weight-medium);
117
- cursor: pointer;
118
- }
119
- .bui-d-time-picker-hour:last-child,
120
- .bui-d-time-picker-minute:last-child,
121
- .bui-d-time-picker-second:last-child,
122
- .bui-d-time-picker-meridiem:last-child {
123
- border-right: none;
124
- }
125
- .bui-d-time-picker-hour-li:hover,
126
- .bui-d-time-picker-minute-li:hover,
127
- .bui-d-time-picker-second-li:hover,
128
- .bui-d-time-picker-meridiem-li:hover {
129
- background-color: var(--bui-color-bg-default);
130
- }
131
- .bui-d-time-picker-hour-active,
132
- .bui-d-time-picker-minute-active,
133
- .bui-d-time-picker-second-active,
134
- .bui-d-time-picker-meridiem-active {
135
- color: var(--bui-d-time-picker-container-li-color-active);
136
- background-color: var(--bui-d-time-picker-container-li-bg-active);
137
- }
138
- .bui-d-time-picker-hour-disabled,
139
- .bui-d-time-picker-minute-disabled,
140
- .bui-d-time-picker-second-disabled,
141
- .bui-d-time-picker-meridiem-disabled {
142
- opacity: 0.38;
143
- }
144
- .bui-d-time-picker-hour .bui-d-time-picker-hour-disabled:hover,
145
- .bui-d-time-picker-hour .bui-d-time-picker-minute-disabled:hover,
146
- .bui-d-time-picker-hour .bui-d-time-picker-second-disabled:hover,
147
- .bui-d-time-picker-hour .bui-d-time-picker-meridiem-disabled:hover,
148
- .bui-d-time-picker-minute .bui-d-time-picker-hour-disabled:hover,
149
- .bui-d-time-picker-minute .bui-d-time-picker-minute-disabled:hover,
150
- .bui-d-time-picker-minute .bui-d-time-picker-second-disabled:hover,
151
- .bui-d-time-picker-minute .bui-d-time-picker-meridiem-disabled:hover,
152
- .bui-d-time-picker-second .bui-d-time-picker-hour-disabled:hover,
153
- .bui-d-time-picker-second .bui-d-time-picker-minute-disabled:hover,
154
- .bui-d-time-picker-second .bui-d-time-picker-second-disabled:hover,
155
- .bui-d-time-picker-second .bui-d-time-picker-meridiem-disabled:hover,
156
- .bui-d-time-picker-meridiem .bui-d-time-picker-hour-disabled:hover,
157
- .bui-d-time-picker-meridiem .bui-d-time-picker-minute-disabled:hover,
158
- .bui-d-time-picker-meridiem .bui-d-time-picker-second-disabled:hover,
159
- .bui-d-time-picker-meridiem .bui-d-time-picker-meridiem-disabled:hover {
160
- opacity: 0.38;
161
- cursor: default;
162
- }
163
- .bui-d-time-picker.bui-d-time-picker-disabled {
164
- pointer-events: none;
165
- box-shadow: none;
166
- background-color: rgba(188, 188, 188, 0.2);
167
- }
168
- .bui-d-time-picker.bui-d-time-picker-disabled input {
169
- color: var(--bui-d-time-picker-disabled-color);
170
- }
@@ -1,2 +0,0 @@
1
- export { default as DesktopTimePicker, default } from './DesktopTimePicker';
2
- export * from './DesktopTimePicker.types';
@@ -1,6 +0,0 @@
1
- import { default as default2, default as default3 } from "./DesktopTimePicker";
2
- export * from "./DesktopTimePicker.types";
3
- export {
4
- default2 as DesktopTimePicker,
5
- default3 as default
6
- };
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- import { TimePickerContentProps } from './DesktopTimePicker.types';
3
- declare const useGetTimePickerContent: (props: TimePickerContentProps) => {
4
- desktopTimePanel: () => React.JSX.Element;
5
- };
6
- export default useGetTimePickerContent;
@@ -1,226 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __defProps = Object.defineProperties;
3
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
- var __spreadValues = (a, b) => {
9
- for (var prop in b || (b = {}))
10
- if (__hasOwnProp.call(b, prop))
11
- __defNormalProp(a, prop, b[prop]);
12
- if (__getOwnPropSymbols)
13
- for (var prop of __getOwnPropSymbols(b)) {
14
- if (__propIsEnum.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- }
17
- return a;
18
- };
19
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
- import clsx from "clsx";
21
- import React, { useEffect } from "react";
22
- import DesktopTimePickerList from "./DesktopTimePickerList";
23
- import {
24
- getdisabledTime,
25
- calculateValidMinTime,
26
- isDisabledTime
27
- } from "./utils/utils";
28
- const prefixCls = "bui-d-time-picker";
29
- const useGetTimePickerContent = (props) => {
30
- const {
31
- views = ["hour", "minute", "second"],
32
- timeSteps = {
33
- hour: 1,
34
- minute: 1,
35
- second: 1
36
- },
37
- ampm = false,
38
- disabledTimeView = () => ({
39
- hour: () => [],
40
- minute: () => [],
41
- second: () => []
42
- }),
43
- minTime,
44
- maxTime,
45
- timeValue,
46
- closeOnSelect,
47
- setIsOpen,
48
- triggerChange,
49
- timeRender,
50
- setIsInvalid
51
- } = props;
52
- useEffect(() => {
53
- if (isDisabledTime(timeValue, minTime, maxTime, disabledTimeView)) {
54
- setIsInvalid(true);
55
- } else {
56
- setIsInvalid(false);
57
- }
58
- }, [timeValue]);
59
- const getViewListData = (type, timeStep = 1) => {
60
- if (type === "meridiem") {
61
- return [
62
- { label: "AM", value: "AM" },
63
- { label: "PM", value: "PM" }
64
- ];
65
- }
66
- let maxNum;
67
- if (type === "hour") {
68
- maxNum = ampm ? 12 : 24;
69
- } else {
70
- maxNum = 60;
71
- }
72
- const list = [];
73
- if (timeStep <= 0) {
74
- timeStep = 1;
75
- }
76
- for (let i = 0; i < maxNum; i += timeStep) {
77
- const value = i;
78
- let label = value < 10 ? `0${value}` : `${value}`;
79
- if (type === "hour" && ampm && value === 0) {
80
- label = "12";
81
- }
82
- list.push({ label, value });
83
- }
84
- return list;
85
- };
86
- const renderViewsFunc = () => {
87
- const lists = ampm ? [...views, "meridiem"] : views;
88
- return lists.map((type, index) => {
89
- var _a;
90
- const dataList = getViewListData(type, timeSteps[type]);
91
- const disabledTime = getdisabledTime(
92
- type,
93
- timeValue,
94
- minTime,
95
- maxTime,
96
- dataList,
97
- disabledTimeView,
98
- timeSteps,
99
- ampm
100
- );
101
- dataList.forEach((item, idx) => {
102
- const { value } = item;
103
- const disabled = disabledTime == null ? void 0 : disabledTime.includes(value);
104
- dataList[idx] = __spreadProps(__spreadValues({}, item), { disabled });
105
- });
106
- const isLastList = index === lists.length - 1;
107
- let selectedValue;
108
- if (timeValue) {
109
- if (type === "meridiem") {
110
- selectedValue = timeValue.format("A");
111
- } else if (type === "hour" && ampm) {
112
- selectedValue = timeValue.hour() % 12;
113
- } else {
114
- selectedValue = (_a = timeValue[type]) == null ? void 0 : _a.call(timeValue);
115
- }
116
- }
117
- const handleClick = (e, disabled, item) => {
118
- e.stopPropagation();
119
- if (disabled || selectedValue === item.value)
120
- return;
121
- let validTime = timeValue;
122
- if (!timeValue) {
123
- const validMinTime = calculateValidMinTime(disabledTimeView, minTime);
124
- validTime = validMinTime;
125
- }
126
- const updateHour = (hour) => validTime.format("A") === "PM" ? hour + 12 : hour;
127
- const getValidTimeValue = (view, newTimeValue) => {
128
- var _a2, _b;
129
- let viewDisabledTime = getdisabledTime(
130
- view,
131
- newTimeValue,
132
- minTime,
133
- maxTime,
134
- getViewListData(view, timeSteps[view]),
135
- disabledTimeView,
136
- timeSteps,
137
- ampm
138
- );
139
- let viewDataList = getViewListData(view, timeSteps[view]);
140
- if (view === "hour" && ampm && newTimeValue.format("A") === "PM") {
141
- viewDataList = viewDataList.map((el) => __spreadProps(__spreadValues({}, el), {
142
- value: el.value + 12
143
- }));
144
- viewDisabledTime = viewDisabledTime.map(
145
- (el) => el + 12
146
- );
147
- }
148
- const validValues = viewDataList.map((i) => i.value).filter((el) => !viewDisabledTime.includes(el));
149
- const curViewValue = (_b = (_a2 = newTimeValue[view]) == null ? void 0 : _a2.call(newTimeValue)) != null ? _b : 0;
150
- const nearestValue = validValues.reduce(
151
- (prev, curr) => Math.abs(curr - curViewValue) < Math.abs(prev - curViewValue) ? curr : prev,
152
- validValues[0]
153
- );
154
- return nearestValue !== void 0 ? nearestValue : curViewValue;
155
- };
156
- const handleNewTimeValue = (newTimeValue, event) => {
157
- const isDisabledNewTime = isDisabledTime(
158
- newTimeValue,
159
- minTime,
160
- maxTime,
161
- disabledTimeView
162
- );
163
- if (isDisabledNewTime) {
164
- views.forEach((view) => {
165
- if (view !== type) {
166
- const validValue = getValidTimeValue(view, newTimeValue);
167
- newTimeValue = newTimeValue.set(view, validValue);
168
- }
169
- });
170
- }
171
- triggerChange(event, newTimeValue.toDate());
172
- };
173
- const calculateNewValue = (view, el) => {
174
- if (view === "hour" && ampm) {
175
- return updateHour(item.value);
176
- }
177
- return el.value;
178
- };
179
- if (type === "meridiem") {
180
- const newHour = item.value === "PM" ? validTime.hour() + 12 : validTime.hour() - 12;
181
- const newTimeValue = validTime.set("hour", newHour);
182
- handleNewTimeValue(newTimeValue, e);
183
- } else {
184
- const newValue = calculateNewValue(type, item);
185
- const newTimeValue = validTime.set(type, newValue);
186
- handleNewTimeValue(newTimeValue, e);
187
- }
188
- if (isLastList && closeOnSelect) {
189
- setIsOpen(false);
190
- }
191
- };
192
- return /* @__PURE__ */ React.createElement(
193
- DesktopTimePickerList,
194
- {
195
- timeValue,
196
- type,
197
- dataList,
198
- selectedValue,
199
- prefixCls,
200
- handleClick,
201
- key: type,
202
- timeRender
203
- }
204
- );
205
- });
206
- };
207
- const desktopTimePanel = () => {
208
- return /* @__PURE__ */ React.createElement(
209
- "div",
210
- {
211
- className: clsx(`${prefixCls}-main`),
212
- onClick: (e) => {
213
- e.stopPropagation();
214
- }
215
- },
216
- /* @__PURE__ */ React.createElement("div", { className: clsx(`${prefixCls}-table`) }, renderViewsFunc())
217
- );
218
- };
219
- return {
220
- desktopTimePanel
221
- };
222
- };
223
- var useGetTimePickerContent_default = useGetTimePickerContent;
224
- export {
225
- useGetTimePickerContent_default as default
226
- };
@@ -1,2 +0,0 @@
1
- declare const handleScroll: (elementName: string, setScrollTop: (scrollTop: number) => void, index?: number) => void;
2
- export default handleScroll;
@@ -1,8 +0,0 @@
1
- const handleScroll = (elementName, setScrollTop, index) => {
2
- const selectedLi = document.querySelector(elementName);
3
- setScrollTop(selectedLi == null ? void 0 : selectedLi.offsetTop);
4
- };
5
- var scrollUtil_default = handleScroll;
6
- export {
7
- scrollUtil_default as default
8
- };