@bifrostui/react 1.5.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 (560) 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/dist/CollapsePanel/{CollapsePanel.css → 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/Dialog.types.d.ts +0 -5
  59. package/dist/Dialog/FunctionalDialog.js +2 -13
  60. package/dist/Dialog/index.css +26 -23
  61. package/dist/Divider/Divider.d.ts +1 -1
  62. package/dist/Divider/Divider.js +9 -6
  63. package/dist/Divider/{Divider.css → index.css} +14 -10
  64. package/dist/Drawer/Drawer.d.ts +1 -1
  65. package/dist/Drawer/Drawer.js +5 -11
  66. package/{es/Drawer/Drawer.css → dist/Drawer/index.css} +2 -0
  67. package/dist/Fade/Fade.js +52 -56
  68. package/dist/IconButton/IconButton.d.ts +1 -1
  69. package/dist/IconButton/IconButton.js +7 -14
  70. package/dist/IconButton/IconButton.types.d.ts +4 -3
  71. package/{es/IconButton/IconButton.css → dist/IconButton/index.css} +79 -29
  72. package/dist/Image/Image.js +112 -119
  73. package/dist/Image/index.css +6 -2
  74. package/dist/Input/Input.d.ts +1 -1
  75. package/dist/Input/Input.js +6 -12
  76. package/{es/Input/Input.css → dist/Input/index.css} +22 -16
  77. package/dist/ItemSelector/ItemSelector.miniapp.d.ts +0 -1
  78. package/dist/ItemSelector/ItemSelector.miniapp.js +0 -1
  79. package/dist/ItemSelector/ItemSelectorCore.d.ts +1 -1
  80. package/dist/ItemSelector/ItemSelectorCore.js +1 -1
  81. package/dist/List/List.css +7 -3
  82. package/dist/List/List.js +3 -8
  83. package/dist/List/ListItem.css +3 -3
  84. package/dist/List/ListItem.js +42 -44
  85. package/dist/List/ListItemContent.js +1 -4
  86. package/dist/List/ListItemExtra.js +9 -4
  87. package/dist/List/ListItemFooter.js +9 -4
  88. package/dist/List/ListItemHeader.js +9 -4
  89. package/dist/List/index.css +80 -0
  90. package/dist/Loading/Loading.d.ts +1 -1
  91. package/dist/Loading/Loading.js +14 -5
  92. package/{es/Loading/Loading.css → dist/Loading/index.css} +10 -6
  93. package/dist/Modal/Modal.d.ts +1 -1
  94. package/dist/Modal/Modal.js +1 -7
  95. package/dist/Modal/Modal.miniapp.d.ts +2 -2
  96. package/dist/Modal/Modal.miniapp.js +5 -11
  97. package/dist/NavBar/NavBar.d.ts +1 -1
  98. package/dist/NavBar/NavBar.js +1 -2
  99. package/dist/NavBar/index.css +65 -0
  100. package/dist/Picker/Picker.css +21 -21
  101. package/dist/Picker/Picker.js +6 -28
  102. package/dist/Picker/Picker.types.d.ts +4 -17
  103. package/dist/Picker/PickerPanel.css +8 -12
  104. package/dist/Picker/PickerPanel.js +39 -29
  105. package/dist/Picker/index.css +116 -0
  106. package/dist/Popover/Popover.d.ts +1 -1
  107. package/dist/Popover/Popover.js +28 -71
  108. package/{es/Popover/Popover.css → dist/Popover/index.css} +32 -28
  109. package/dist/Portal/Portal.miniapp.js +4 -7
  110. package/dist/Progress/Progress.d.ts +1 -1
  111. package/dist/Progress/Progress.js +1 -1
  112. package/dist/Progress/index.css +28 -0
  113. package/dist/Radio/Radio.d.ts +1 -1
  114. package/dist/Radio/Radio.js +3 -7
  115. package/dist/Radio/RadioButtonIcon.js +6 -1
  116. package/dist/Radio/RadioGroup.d.ts +1 -1
  117. package/dist/Radio/RadioGroup.js +1 -4
  118. package/dist/Radio/{Radio.css → index.css} +10 -7
  119. package/dist/Rating/Rating.d.ts +1 -1
  120. package/dist/Rating/Rating.js +9 -19
  121. package/{es/Rating/Rating.css → dist/Rating/index.css} +20 -7
  122. package/dist/ScrollView/ScrollView.d.ts +1 -1
  123. package/dist/ScrollView/ScrollView.js +12 -25
  124. package/dist/ScrollView/ScrollView.types.d.ts +1 -0
  125. package/dist/Select/Select.d.ts +1 -1
  126. package/dist/Select/Select.js +43 -76
  127. package/dist/Select/SelectOption.d.ts +1 -1
  128. package/dist/Select/SelectOption.js +1 -1
  129. package/dist/Select/{Select.css → index.css} +30 -20
  130. package/dist/Skeleton/Skeleton.d.ts +1 -1
  131. package/dist/Skeleton/Skeleton.js +6 -10
  132. package/dist/Skeleton/{Skeleton.css → index.css} +7 -3
  133. package/dist/Slide/Slide.js +69 -74
  134. package/dist/Slider/Slider.d.ts +1 -1
  135. package/dist/Slider/Slider.js +13 -29
  136. package/dist/Slider/index.css +111 -0
  137. package/dist/Stack/Stack.d.ts +1 -1
  138. package/dist/Stack/Stack.js +1 -1
  139. package/dist/Steps/Step.css +14 -14
  140. package/dist/Steps/Step.js +81 -82
  141. package/dist/Steps/Steps.css +18 -14
  142. package/dist/Steps/Steps.d.ts +1 -1
  143. package/dist/Steps/Steps.js +57 -60
  144. package/dist/Steps/index.css +199 -0
  145. package/dist/Swiper/Swiper.d.ts +1 -1
  146. package/dist/Swiper/Swiper.js +1 -1
  147. package/{es/Swiper/Swiper.css → dist/Swiper/index.css} +6 -2
  148. package/dist/Switch/Switch.d.ts +1 -1
  149. package/dist/Switch/Switch.js +76 -79
  150. package/dist/Switch/Switch.types.d.ts +1 -1
  151. package/{es/Switch/Switch.css → dist/Switch/index.css} +46 -35
  152. package/dist/TabBar/TabBar.css +12 -8
  153. package/dist/TabBar/TabBar.js +3 -8
  154. package/dist/TabBar/TabBarContext.d.ts +3 -3
  155. package/dist/TabBar/TabBarItem.css +6 -0
  156. package/dist/TabBar/TabBarItem.js +3 -3
  157. package/dist/TabBar/index.css +59 -0
  158. package/dist/TabBar/index.types.d.ts +3 -3
  159. package/dist/Tabs/Tab.css +10 -16
  160. package/dist/Tabs/Tab.js +2 -3
  161. package/dist/Tabs/Tabs.css +32 -21
  162. package/dist/Tabs/Tabs.js +39 -70
  163. package/dist/Tabs/Tabs.types.d.ts +0 -10
  164. package/dist/Tabs/index.css +135 -0
  165. package/dist/Tabs/utils/bound.d.ts +1 -0
  166. package/dist/{DesktopPicker/utils/calcAfterMounted.js → Tabs/utils/bound.js} +14 -7
  167. package/dist/Tag/Tag.css +49 -23
  168. package/dist/Tag/Tag.js +3 -7
  169. package/dist/Tag/Tag.types.d.ts +4 -4
  170. package/dist/Tag/TagGroup.css +15 -11
  171. package/dist/Tag/TagGroup.d.ts +2 -2
  172. package/dist/Tag/TagGroup.js +16 -14
  173. package/dist/Tag/index.css +182 -0
  174. package/dist/TextArea/TextArea.d.ts +1 -1
  175. package/dist/TextArea/TextArea.js +6 -13
  176. package/dist/TextArea/index.css +57 -0
  177. package/dist/ThemeProvider/ThemeProvider.js +1 -4
  178. package/dist/ThemeProvider/ThemeProvider.types.d.ts +5 -10
  179. package/dist/ThemeProvider/utils/constants.d.ts +1 -1
  180. package/dist/ThemeProvider/utils/constants.js +4 -1
  181. package/dist/ThemeProvider/utils/mountTokens.d.ts +4 -4
  182. package/dist/Toast/FunctionalToast.js +2 -13
  183. package/dist/Toast/Toast.d.ts +1 -1
  184. package/dist/Toast/Toast.js +5 -5
  185. package/dist/Toast/Toast.types.d.ts +0 -5
  186. package/dist/Toast/index.css +58 -0
  187. package/dist/Tooltip/Tooltip.d.ts +1 -1
  188. package/dist/Tooltip/Tooltip.js +28 -71
  189. package/dist/Tooltip/index.css +95 -0
  190. package/dist/Transition/TransitionCore.js +3 -8
  191. package/dist/index.d.ts +0 -6
  192. package/dist/index.js +1 -13
  193. package/dist/locales/base.d.ts +0 -11
  194. package/dist/locales/en-US.js +0 -24
  195. package/dist/locales/zh-CN.js +0 -24
  196. package/dist/locales/zh-TW.js +0 -24
  197. package/es/ActionSheet/ActionSheet.css +16 -6
  198. package/es/ActionSheet/ActionSheetItem.css +11 -17
  199. package/es/ActionSheet/ActionSheetItem.js +3 -8
  200. package/es/ActionSheet/ActionSheetItem.types.d.ts +2 -2
  201. package/es/ActionSheet/index.css +89 -0
  202. package/es/Alert/Alert.types.d.ts +3 -3
  203. package/es/Alert/index.css +18 -14
  204. package/es/Avatar/Avatar.css +16 -12
  205. package/es/Avatar/Avatar.js +3 -8
  206. package/es/Avatar/AvatarGroup.css +19 -15
  207. package/es/Avatar/AvatarGroup.js +2 -6
  208. package/es/Avatar/index.css +93 -0
  209. package/es/Backdrop/Backdrop.d.ts +1 -1
  210. package/es/Backdrop/Backdrop.js +1 -1
  211. package/es/Backdrop/{Backdrop.css → index.css} +6 -2
  212. package/es/Badge/Badge.d.ts +1 -1
  213. package/es/Badge/Badge.js +4 -9
  214. package/es/Badge/Badge.types.d.ts +1 -1
  215. package/es/Badge/{Badge.css → index.css} +47 -27
  216. package/es/Breadcrumb/Breadcrumb.d.ts +1 -1
  217. package/es/Breadcrumb/Breadcrumb.js +1 -1
  218. package/es/Breadcrumb/index.css +38 -0
  219. package/es/Button/Button.d.ts +1 -1
  220. package/es/Button/Button.js +6 -11
  221. package/es/Button/Button.types.d.ts +8 -7
  222. package/{dist/Button/Button.css → es/Button/index.css} +93 -63
  223. package/es/Calendar/Calendar.d.ts +1 -1
  224. package/es/Calendar/Calendar.js +10 -22
  225. package/es/Calendar/Calendar.types.d.ts +0 -5
  226. package/es/Calendar/{Calendar.css → index.css} +35 -31
  227. package/es/Card/Card.css +9 -0
  228. package/es/Card/CardContent.css +1 -2
  229. package/es/Card/CardFooter.css +2 -4
  230. package/es/Card/CardHeader.css +5 -5
  231. package/es/Card/CardHeader.js +2 -2
  232. package/es/Card/index.css +77 -0
  233. package/es/Checkbox/Checkbox.d.ts +1 -1
  234. package/es/Checkbox/Checkbox.js +4 -8
  235. package/es/Checkbox/CheckboxGroup.d.ts +1 -1
  236. package/es/Checkbox/CheckboxGroup.js +5 -8
  237. package/es/Checkbox/{Checkbox.css → index.css} +14 -10
  238. package/es/CitySelector/CitySelector.miniapp.d.ts +0 -1
  239. package/es/CitySelector/CitySelector.miniapp.js +0 -1
  240. package/es/CitySelector/CitySelectorCore.d.ts +1 -1
  241. package/es/CitySelector/CitySelectorCore.js +1 -1
  242. package/es/CitySelector/Selector/index.css +4 -4
  243. package/{dist/CitySelector/CitySelector.css → es/CitySelector/index.css} +31 -27
  244. package/es/Collapse/Collapse.d.ts +2 -2
  245. package/es/Collapse/Collapse.js +9 -12
  246. package/{dist/Collapse/Collapse.css → es/Collapse/index.css} +1 -0
  247. package/es/CollapsePanel/CollapsePanel.d.ts +1 -1
  248. package/es/CollapsePanel/CollapsePanel.js +1 -1
  249. package/es/CollapsePanel/CollapsePanelItem.js +45 -46
  250. package/es/CollapsePanel/{CollapsePanel.css → index.css} +12 -10
  251. package/es/Countdown/Countdown.d.ts +1 -1
  252. package/es/Countdown/Countdown.js +6 -13
  253. package/{dist/Countdown/Countdown.css → es/Countdown/index.css} +12 -8
  254. package/es/Dialog/Dialog.types.d.ts +0 -5
  255. package/es/Dialog/FunctionalDialog.js +3 -14
  256. package/es/Dialog/index.css +26 -23
  257. package/es/Divider/Divider.d.ts +1 -1
  258. package/es/Divider/Divider.js +9 -6
  259. package/es/Divider/{Divider.css → index.css} +14 -10
  260. package/es/Drawer/Drawer.d.ts +1 -1
  261. package/es/Drawer/Drawer.js +5 -11
  262. package/{dist/Drawer/Drawer.css → es/Drawer/index.css} +2 -0
  263. package/es/Fade/Fade.js +52 -56
  264. package/es/IconButton/IconButton.d.ts +1 -1
  265. package/es/IconButton/IconButton.js +7 -14
  266. package/es/IconButton/IconButton.types.d.ts +4 -3
  267. package/{dist/IconButton/IconButton.css → es/IconButton/index.css} +79 -29
  268. package/es/Image/Image.js +112 -119
  269. package/es/Image/index.css +6 -2
  270. package/es/Input/Input.d.ts +1 -1
  271. package/es/Input/Input.js +6 -12
  272. package/{dist/Input/Input.css → es/Input/index.css} +22 -16
  273. package/es/ItemSelector/ItemSelector.miniapp.d.ts +0 -1
  274. package/es/ItemSelector/ItemSelector.miniapp.js +0 -1
  275. package/es/ItemSelector/ItemSelectorCore.d.ts +1 -1
  276. package/es/ItemSelector/ItemSelectorCore.js +1 -1
  277. package/es/List/List.css +7 -3
  278. package/es/List/List.js +3 -8
  279. package/es/List/ListItem.css +3 -3
  280. package/es/List/ListItem.js +42 -44
  281. package/es/List/ListItemContent.js +1 -4
  282. package/es/List/ListItemExtra.js +9 -4
  283. package/es/List/ListItemFooter.js +9 -4
  284. package/es/List/ListItemHeader.js +9 -4
  285. package/es/List/index.css +80 -0
  286. package/es/Loading/Loading.d.ts +1 -1
  287. package/es/Loading/Loading.js +14 -5
  288. package/{dist/Loading/Loading.css → es/Loading/index.css} +10 -6
  289. package/es/Modal/Modal.d.ts +1 -1
  290. package/es/Modal/Modal.js +1 -7
  291. package/es/Modal/Modal.miniapp.d.ts +2 -2
  292. package/es/Modal/Modal.miniapp.js +5 -11
  293. package/es/NavBar/NavBar.d.ts +1 -1
  294. package/es/NavBar/NavBar.js +1 -2
  295. package/es/NavBar/index.css +65 -0
  296. package/es/Picker/Picker.css +21 -21
  297. package/es/Picker/Picker.js +6 -28
  298. package/es/Picker/Picker.types.d.ts +4 -17
  299. package/es/Picker/PickerPanel.css +8 -12
  300. package/es/Picker/PickerPanel.js +52 -31
  301. package/es/Picker/index.css +116 -0
  302. package/es/Popover/Popover.d.ts +1 -1
  303. package/es/Popover/Popover.js +30 -74
  304. package/{dist/Popover/Popover.css → es/Popover/index.css} +32 -28
  305. package/es/Portal/Portal.miniapp.js +5 -8
  306. package/es/Progress/Progress.d.ts +1 -1
  307. package/es/Progress/Progress.js +1 -1
  308. package/es/Progress/index.css +28 -0
  309. package/es/Radio/Radio.d.ts +1 -1
  310. package/es/Radio/Radio.js +3 -7
  311. package/es/Radio/RadioButtonIcon.js +6 -1
  312. package/es/Radio/RadioGroup.d.ts +1 -1
  313. package/es/Radio/RadioGroup.js +1 -4
  314. package/es/Radio/{Radio.css → index.css} +10 -7
  315. package/es/Rating/Rating.d.ts +1 -1
  316. package/es/Rating/Rating.js +9 -19
  317. package/{dist/Rating/Rating.css → es/Rating/index.css} +20 -7
  318. package/es/ScrollView/ScrollView.d.ts +1 -1
  319. package/es/ScrollView/ScrollView.js +12 -25
  320. package/es/ScrollView/ScrollView.types.d.ts +1 -0
  321. package/es/Select/Select.d.ts +1 -1
  322. package/es/Select/Select.js +44 -76
  323. package/es/Select/SelectOption.d.ts +1 -1
  324. package/es/Select/SelectOption.js +1 -1
  325. package/es/Select/{Select.css → index.css} +30 -20
  326. package/es/Skeleton/Skeleton.d.ts +1 -1
  327. package/es/Skeleton/Skeleton.js +6 -10
  328. package/es/Skeleton/{Skeleton.css → index.css} +7 -3
  329. package/es/Slide/Slide.js +69 -74
  330. package/es/Slider/Slider.d.ts +1 -1
  331. package/es/Slider/Slider.js +14 -32
  332. package/es/Slider/index.css +111 -0
  333. package/es/Stack/Stack.d.ts +1 -1
  334. package/es/Stack/Stack.js +1 -1
  335. package/es/Steps/Step.css +14 -14
  336. package/es/Steps/Step.js +81 -82
  337. package/es/Steps/Steps.css +18 -14
  338. package/es/Steps/Steps.d.ts +1 -1
  339. package/es/Steps/Steps.js +57 -60
  340. package/es/Steps/index.css +199 -0
  341. package/es/Swiper/Swiper.d.ts +1 -1
  342. package/es/Swiper/Swiper.js +1 -1
  343. package/{dist/Swiper/Swiper.css → es/Swiper/index.css} +6 -2
  344. package/es/Switch/Switch.d.ts +1 -1
  345. package/es/Switch/Switch.js +76 -79
  346. package/es/Switch/Switch.types.d.ts +1 -1
  347. package/{dist/Switch/Switch.css → es/Switch/index.css} +46 -35
  348. package/es/TabBar/TabBar.css +12 -8
  349. package/es/TabBar/TabBar.js +3 -8
  350. package/es/TabBar/TabBarContext.d.ts +3 -3
  351. package/es/TabBar/TabBarItem.css +6 -0
  352. package/es/TabBar/TabBarItem.js +2 -2
  353. package/es/TabBar/index.css +59 -0
  354. package/es/TabBar/index.types.d.ts +3 -3
  355. package/es/Tabs/Tab.css +10 -16
  356. package/es/Tabs/Tab.js +2 -3
  357. package/es/Tabs/Tabs.css +32 -21
  358. package/es/Tabs/Tabs.js +41 -83
  359. package/es/Tabs/Tabs.types.d.ts +0 -10
  360. package/es/Tabs/index.css +135 -0
  361. package/es/Tabs/utils/bound.d.ts +1 -0
  362. package/es/Tabs/utils/bound.js +13 -0
  363. package/es/Tag/Tag.css +49 -23
  364. package/es/Tag/Tag.js +3 -7
  365. package/es/Tag/Tag.types.d.ts +4 -4
  366. package/es/Tag/TagGroup.css +15 -11
  367. package/es/Tag/TagGroup.d.ts +2 -2
  368. package/es/Tag/TagGroup.js +16 -14
  369. package/es/Tag/index.css +182 -0
  370. package/es/TextArea/TextArea.d.ts +1 -1
  371. package/es/TextArea/TextArea.js +6 -13
  372. package/es/TextArea/index.css +57 -0
  373. package/es/ThemeProvider/ThemeProvider.js +1 -4
  374. package/es/ThemeProvider/ThemeProvider.types.d.ts +5 -10
  375. package/es/ThemeProvider/utils/constants.d.ts +1 -1
  376. package/es/ThemeProvider/utils/constants.js +4 -1
  377. package/es/ThemeProvider/utils/mountTokens.d.ts +4 -4
  378. package/es/Toast/FunctionalToast.js +3 -14
  379. package/es/Toast/Toast.d.ts +1 -1
  380. package/es/Toast/Toast.js +5 -5
  381. package/es/Toast/Toast.types.d.ts +0 -5
  382. package/es/Toast/index.css +58 -0
  383. package/es/Tooltip/Tooltip.d.ts +1 -1
  384. package/es/Tooltip/Tooltip.js +30 -74
  385. package/es/Tooltip/index.css +95 -0
  386. package/es/Transition/TransitionCore.js +3 -8
  387. package/es/index.d.ts +0 -6
  388. package/es/index.js +0 -6
  389. package/es/locales/base.d.ts +0 -11
  390. package/es/locales/en-US.js +0 -24
  391. package/es/locales/zh-CN.js +0 -24
  392. package/es/locales/zh-TW.js +0 -24
  393. package/package.json +14 -6
  394. package/dist/Breadcrumb/Breadcrumb.css +0 -34
  395. package/dist/CitySelector/miniapp.css +0 -4
  396. package/dist/Collapse/Collapse.miniapp.d.ts +0 -5
  397. package/dist/Collapse/Collapse.miniapp.js +0 -177
  398. package/dist/DatePicker/DatePicker.d.ts +0 -4
  399. package/dist/DatePicker/DatePicker.js +0 -335
  400. package/dist/DatePicker/DatePicker.types.d.ts +0 -36
  401. package/dist/DatePicker/DatePicker.types.js +0 -15
  402. package/dist/DatePicker/constants.d.ts +0 -9
  403. package/dist/DatePicker/constants.js +0 -37
  404. package/dist/DatePicker/index.d.ts +0 -3
  405. package/dist/DatePicker/index.js +0 -44
  406. package/dist/DesktopDatePicker/DesktopDatePicker.d.ts +0 -5
  407. package/dist/DesktopDatePicker/DesktopDatePicker.js +0 -280
  408. package/dist/DesktopDatePicker/DesktopDatePicker.types.d.ts +0 -163
  409. package/dist/DesktopDatePicker/DesktopDatePicker.types.js +0 -15
  410. package/dist/DesktopDatePicker/deskTopPickerContainer.css +0 -100
  411. package/dist/DesktopDatePicker/index.css +0 -61
  412. package/dist/DesktopDatePicker/index.d.ts +0 -2
  413. package/dist/DesktopDatePicker/index.js +0 -41
  414. package/dist/DesktopDatePicker/useGetDatePickerContent.d.ts +0 -6
  415. package/dist/DesktopDatePicker/useGetDatePickerContent.js +0 -343
  416. package/dist/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +0 -5
  417. package/dist/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -322
  418. package/dist/DesktopDateTimePicker/DesktopDateTimePicker.types.d.ts +0 -163
  419. package/dist/DesktopDateTimePicker/DesktopDateTimePicker.types.js +0 -15
  420. package/dist/DesktopDateTimePicker/index.css +0 -66
  421. package/dist/DesktopDateTimePicker/index.d.ts +0 -2
  422. package/dist/DesktopDateTimePicker/index.js +0 -41
  423. package/dist/DesktopPicker/DesktopPicker.d.ts +0 -5
  424. package/dist/DesktopPicker/DesktopPicker.js +0 -243
  425. package/dist/DesktopPicker/DesktopPicker.types.d.ts +0 -61
  426. package/dist/DesktopPicker/DesktopPicker.types.js +0 -15
  427. package/dist/DesktopPicker/index.css +0 -39
  428. package/dist/DesktopPicker/index.d.ts +0 -2
  429. package/dist/DesktopPicker/index.js +0 -41
  430. package/dist/DesktopPicker/utils/calcAfterMounted.d.ts +0 -2
  431. package/dist/DesktopPicker/utils/calcAfterMounted.miniapp.d.ts +0 -2
  432. package/dist/DesktopPicker/utils/calcAfterMounted.miniapp.js +0 -38
  433. package/dist/DesktopTimePicker/DesktopTimePicker.d.ts +0 -5
  434. package/dist/DesktopTimePicker/DesktopTimePicker.js +0 -288
  435. package/dist/DesktopTimePicker/DesktopTimePicker.types.d.ts +0 -182
  436. package/dist/DesktopTimePicker/DesktopTimePicker.types.js +0 -15
  437. package/dist/DesktopTimePicker/DesktopTimePickerList.d.ts +0 -4
  438. package/dist/DesktopTimePicker/DesktopTimePickerList.js +0 -111
  439. package/dist/DesktopTimePicker/index.css +0 -170
  440. package/dist/DesktopTimePicker/index.d.ts +0 -2
  441. package/dist/DesktopTimePicker/index.js +0 -41
  442. package/dist/DesktopTimePicker/useGetTimePickerContent.d.ts +0 -6
  443. package/dist/DesktopTimePicker/useGetTimePickerContent.js +0 -249
  444. package/dist/DesktopTimePicker/utils/scrollUtil.d.ts +0 -2
  445. package/dist/DesktopTimePicker/utils/scrollUtil.js +0 -27
  446. package/dist/DesktopTimePicker/utils/scrollUtil.miniapp.d.ts +0 -2
  447. package/dist/DesktopTimePicker/utils/scrollUtil.miniapp.js +0 -51
  448. package/dist/DesktopTimePicker/utils/utils.d.ts +0 -28
  449. package/dist/DesktopTimePicker/utils/utils.js +0 -408
  450. package/dist/ItemSelector/miniapp.css +0 -4
  451. package/dist/NavBar/NavBar.css +0 -61
  452. package/dist/Progress/Progress.css +0 -24
  453. package/dist/Slider/Slider.css +0 -106
  454. package/dist/SwipeAction/SwipeAction.css +0 -79
  455. package/dist/SwipeAction/SwipeAction.d.ts +0 -5
  456. package/dist/SwipeAction/SwipeAction.js +0 -349
  457. package/dist/SwipeAction/SwipeAction.types.d.ts +0 -75
  458. package/dist/SwipeAction/SwipeAction.types.js +0 -15
  459. package/dist/SwipeAction/SwipeActionContext.d.ts +0 -4
  460. package/dist/SwipeAction/SwipeActionContext.js +0 -30
  461. package/dist/SwipeAction/SwipeActionItem.css +0 -31
  462. package/dist/SwipeAction/SwipeActionItem.d.ts +0 -5
  463. package/dist/SwipeAction/SwipeActionItem.js +0 -105
  464. package/dist/SwipeAction/constants.d.ts +0 -9
  465. package/dist/SwipeAction/constants.js +0 -39
  466. package/dist/SwipeAction/index.d.ts +0 -5
  467. package/dist/SwipeAction/index.js +0 -50
  468. package/dist/Tabs/utils/scroll.d.ts +0 -2
  469. package/dist/Tabs/utils/scroll.js +0 -55
  470. package/dist/TextArea/TextArea.css +0 -53
  471. package/dist/Toast/Toast.css +0 -53
  472. package/dist/Tooltip/Tooltip.css +0 -91
  473. package/es/Breadcrumb/Breadcrumb.css +0 -34
  474. package/es/CitySelector/miniapp.css +0 -4
  475. package/es/Collapse/Collapse.miniapp.d.ts +0 -5
  476. package/es/Collapse/Collapse.miniapp.js +0 -157
  477. package/es/DatePicker/DatePicker.d.ts +0 -4
  478. package/es/DatePicker/DatePicker.js +0 -308
  479. package/es/DatePicker/DatePicker.types.d.ts +0 -36
  480. package/es/DatePicker/DatePicker.types.js +0 -1
  481. package/es/DatePicker/constants.d.ts +0 -9
  482. package/es/DatePicker/constants.js +0 -14
  483. package/es/DatePicker/index.d.ts +0 -3
  484. package/es/DatePicker/index.js +0 -8
  485. package/es/DesktopDatePicker/DesktopDatePicker.d.ts +0 -5
  486. package/es/DesktopDatePicker/DesktopDatePicker.js +0 -253
  487. package/es/DesktopDatePicker/DesktopDatePicker.types.d.ts +0 -163
  488. package/es/DesktopDatePicker/DesktopDatePicker.types.js +0 -1
  489. package/es/DesktopDatePicker/deskTopPickerContainer.css +0 -100
  490. package/es/DesktopDatePicker/index.css +0 -61
  491. package/es/DesktopDatePicker/index.d.ts +0 -2
  492. package/es/DesktopDatePicker/index.js +0 -6
  493. package/es/DesktopDatePicker/useGetDatePickerContent.d.ts +0 -6
  494. package/es/DesktopDatePicker/useGetDatePickerContent.js +0 -316
  495. package/es/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +0 -5
  496. package/es/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -295
  497. package/es/DesktopDateTimePicker/DesktopDateTimePicker.types.d.ts +0 -163
  498. package/es/DesktopDateTimePicker/DesktopDateTimePicker.types.js +0 -1
  499. package/es/DesktopDateTimePicker/index.css +0 -66
  500. package/es/DesktopDateTimePicker/index.d.ts +0 -2
  501. package/es/DesktopDateTimePicker/index.js +0 -9
  502. package/es/DesktopPicker/DesktopPicker.d.ts +0 -5
  503. package/es/DesktopPicker/DesktopPicker.js +0 -226
  504. package/es/DesktopPicker/DesktopPicker.types.d.ts +0 -61
  505. package/es/DesktopPicker/DesktopPicker.types.js +0 -1
  506. package/es/DesktopPicker/index.css +0 -39
  507. package/es/DesktopPicker/index.d.ts +0 -2
  508. package/es/DesktopPicker/index.js +0 -6
  509. package/es/DesktopPicker/utils/calcAfterMounted.d.ts +0 -2
  510. package/es/DesktopPicker/utils/calcAfterMounted.js +0 -6
  511. package/es/DesktopPicker/utils/calcAfterMounted.miniapp.d.ts +0 -2
  512. package/es/DesktopPicker/utils/calcAfterMounted.miniapp.js +0 -9
  513. package/es/DesktopTimePicker/DesktopTimePicker.d.ts +0 -5
  514. package/es/DesktopTimePicker/DesktopTimePicker.js +0 -261
  515. package/es/DesktopTimePicker/DesktopTimePicker.types.d.ts +0 -182
  516. package/es/DesktopTimePicker/DesktopTimePicker.types.js +0 -1
  517. package/es/DesktopTimePicker/DesktopTimePickerList.d.ts +0 -4
  518. package/es/DesktopTimePicker/DesktopTimePickerList.js +0 -84
  519. package/es/DesktopTimePicker/index.css +0 -170
  520. package/es/DesktopTimePicker/index.d.ts +0 -2
  521. package/es/DesktopTimePicker/index.js +0 -6
  522. package/es/DesktopTimePicker/useGetTimePickerContent.d.ts +0 -6
  523. package/es/DesktopTimePicker/useGetTimePickerContent.js +0 -226
  524. package/es/DesktopTimePicker/utils/scrollUtil.d.ts +0 -2
  525. package/es/DesktopTimePicker/utils/scrollUtil.js +0 -8
  526. package/es/DesktopTimePicker/utils/scrollUtil.miniapp.d.ts +0 -2
  527. package/es/DesktopTimePicker/utils/scrollUtil.miniapp.js +0 -22
  528. package/es/DesktopTimePicker/utils/utils.d.ts +0 -28
  529. package/es/DesktopTimePicker/utils/utils.js +0 -365
  530. package/es/ItemSelector/miniapp.css +0 -4
  531. package/es/NavBar/NavBar.css +0 -61
  532. package/es/Progress/Progress.css +0 -24
  533. package/es/Slider/Slider.css +0 -106
  534. package/es/SwipeAction/SwipeAction.css +0 -79
  535. package/es/SwipeAction/SwipeAction.d.ts +0 -5
  536. package/es/SwipeAction/SwipeAction.js +0 -334
  537. package/es/SwipeAction/SwipeAction.types.d.ts +0 -75
  538. package/es/SwipeAction/SwipeAction.types.js +0 -1
  539. package/es/SwipeAction/SwipeActionContext.d.ts +0 -4
  540. package/es/SwipeAction/SwipeActionContext.js +0 -11
  541. package/es/SwipeAction/SwipeActionItem.css +0 -31
  542. package/es/SwipeAction/SwipeActionItem.d.ts +0 -5
  543. package/es/SwipeAction/SwipeActionItem.js +0 -78
  544. package/es/SwipeAction/constants.d.ts +0 -9
  545. package/es/SwipeAction/constants.js +0 -15
  546. package/es/SwipeAction/index.d.ts +0 -5
  547. package/es/SwipeAction/index.js +0 -12
  548. package/es/Tabs/utils/scroll.d.ts +0 -2
  549. package/es/Tabs/utils/scroll.js +0 -36
  550. package/es/TextArea/TextArea.css +0 -53
  551. package/es/Toast/Toast.css +0 -53
  552. package/es/Tooltip/Tooltip.css +0 -91
  553. /package/dist/ItemSelector/{ItemSelector.css → index.css} +0 -0
  554. /package/dist/Modal/{Modal.css → index.css} +0 -0
  555. /package/dist/ScrollView/{ScrollView.css → index.css} +0 -0
  556. /package/dist/Stack/{Stack.css → index.css} +0 -0
  557. /package/es/ItemSelector/{ItemSelector.css → index.css} +0 -0
  558. /package/es/Modal/{Modal.css → index.css} +0 -0
  559. /package/es/ScrollView/{ScrollView.css → index.css} +0 -0
  560. /package/es/Stack/{Stack.css → index.css} +0 -0
@@ -1,14 +1,18 @@
1
+ :root,
2
+ page,
3
+ xhs-page {
4
+ --bui-badge-position: 14%;
5
+ --bui-badge-min-width: 15px;
6
+ --bui-badge-height: 15px;
7
+ --bui-badge-line-height: 15px;
8
+ --bui-badge-padding: 0 3px;
9
+ --bui-badge-border-radius: 8px;
10
+ --bui-badge-outlined-padding: 0 2px;
11
+ --bui-badge-dot-size: 9px;
12
+ --bui-badge-bubble-padding: 0 5px;
13
+ --bui-badge-bubble-border-radius: 6px 6px 6px 0;
14
+ }
1
15
  .bui-badge {
2
- --badge-position: var(--bui-badge-position, 14%);
3
- --min-width: var(--bui-badge-min-width, 15px);
4
- --height: var(--bui-badge-height, 15px);
5
- --line-height: var(--bui-badge-line-height, 15px);
6
- --padding: var(--bui-badge-padding, 0 3px);
7
- --border-radius: var(--bui-badge-border-radius, 8px);
8
- --outlined-padding: var(--bui-badge-outlined-padding, 0 2px);
9
- --dot-size: var(--bui-badge-dot-size, 9px);
10
- --bubble-padding: var(--bui-badge-bubble-padding, 0 5px);
11
- --bubble-border-radius: var(--bui-badge-bubble-border-radius, 6px 6px 6px 0);
12
16
  display: inline-block;
13
17
  font-family: var(--bui-font-family);
14
18
  }
@@ -18,18 +22,18 @@
18
22
  .bui-badge-position .bui-badge-contained,
19
23
  .bui-badge-position .bui-badge-outlined {
20
24
  position: absolute;
21
- top: var(--badge-position);
22
- right: var(--badge-position);
25
+ top: var(--bui-badge-position);
26
+ right: var(--bui-badge-position);
23
27
  transform: scale(1) translate(50%, -50%);
24
28
  }
25
29
  .bui-badge-position .bui-badge-dot {
26
- top: var(--badge-position);
27
- right: var(--badge-position);
30
+ top: var(--bui-badge-position);
31
+ right: var(--bui-badge-position);
28
32
  transform: scale(1) translate(50%, -50%);
29
33
  }
30
34
  .bui-badge-position .bui-badge-bubble {
31
- top: var(--badge-position);
32
- right: var(--badge-position);
35
+ top: var(--bui-badge-position);
36
+ right: var(--bui-badge-position);
33
37
  transform: scale(1) translate(50%, -50%);
34
38
  }
35
39
  .bui-badge-contained,
@@ -38,18 +42,18 @@
38
42
  box-sizing: border-box;
39
43
  align-items: center;
40
44
  justify-content: center;
41
- min-width: var(--min-width);
42
- height: var(--height);
43
- line-height: var(--line-height);
44
- padding: var(--padding);
45
+ min-width: var(--bui-badge-min-width);
46
+ height: var(--bui-badge-height);
47
+ line-height: var(--bui-badge-line-height);
48
+ padding: var(--bui-badge-padding);
45
49
  font-size: var(--bui-text-size-4);
46
- border-radius: var(--border-radius);
50
+ border-radius: var(--bui-badge-border-radius);
47
51
  color: var(--bui-color-bg-view);
48
52
  white-space: nowrap;
49
53
  z-index: 1;
50
54
  }
51
55
  .bui-badge-outlined {
52
- padding: var(--outlined-padding);
56
+ padding: var(--bui-badge-outlined-padding);
53
57
  }
54
58
  .bui-badge-primary {
55
59
  background-color: var(--bui-color-primary);
@@ -66,16 +70,23 @@
66
70
  .bui-badge-danger {
67
71
  background-color: var(--bui-color-danger);
68
72
  }
73
+ .bui-badge-light {
74
+ color: var(--bui-color-fg-default);
75
+ background-color: var(--bui-color-bg-view);
76
+ }
77
+ .bui-badge-dark {
78
+ background-color: var(--bui-color-fg-default);
79
+ }
69
80
  .bui-badge-dot {
70
- width: var(--dot-size);
81
+ width: var(--bui-badge-dot-size);
71
82
  min-width: 0;
72
- height: var(--dot-size);
83
+ height: var(--bui-badge-dot-size);
73
84
  padding: 0;
74
85
  border-radius: 100%;
75
86
  }
76
87
  .bui-badge-bubble {
77
- border-radius: var(--bubble-border-radius);
78
- padding: var(--bubble-padding);
88
+ border-radius: var(--bui-badge-bubble-border-radius);
89
+ padding: var(--bui-badge-bubble-padding);
79
90
  }
80
91
  .bui-badge-outlined {
81
92
  background: var(--bui-color-bg-view);
@@ -100,6 +111,15 @@
100
111
  border: 1px solid var(--bui-color-danger);
101
112
  color: var(--bui-color-danger);
102
113
  }
114
+ .bui-badge-outlined.bui-badge-light {
115
+ background: var(--bui-color-bg-default);
116
+ border: 1px solid var(--bui-color-bg-view);
117
+ color: var(--bui-color-bg-view);
118
+ }
119
+ .bui-badge-outlined.bui-badge-dark {
120
+ border: 1px solid var(--bui-color-fg-default);
121
+ color: var(--bui-color-fg-default);
122
+ }
103
123
  .bui-badge-outlined.bui-badge-bubble {
104
- border-radius: var(--bubble-border-radius);
124
+ border-radius: var(--bui-badge-bubble-border-radius);
105
125
  }
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
2
  import { BreadcrumbProps } from './Breadcrumb.types';
3
- import './Breadcrumb.less';
3
+ import './index.less';
4
4
  declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<BreadcrumbProps<"nav", {}>, "ref"> & React.RefAttributes<HTMLElement>>;
5
5
  export default Breadcrumb;
@@ -59,7 +59,7 @@ module.exports = __toCommonJS(Breadcrumb_exports);
59
59
  var import_react = __toESM(require("react"));
60
60
  var import_clsx = __toESM(require("clsx"));
61
61
  var import_BreadcrumbItem = __toESM(require("./BreadcrumbItem"));
62
- var import_Breadcrumb2 = require("./Breadcrumb.css");
62
+ var import_index = require("./index.css");
63
63
  const prefixCls = "bui-breadcrumb";
64
64
  const Breadcrumb = /* @__PURE__ */ import_react.default.forwardRef(
65
65
  (props, ref) => {
@@ -0,0 +1,38 @@
1
+ :root,
2
+ page,
3
+ xhs-page {
4
+ --bui-breadcrumb-margin: 0;
5
+ --bui-breadcrumb-padding: 0;
6
+ --bui-breadcrumb-color: rgba(0, 0, 0, 0.45);
7
+ --bui-breadcrumb-item-separator-margin: 0 8px;
8
+ --bui-breadcrumb-last-item-color: rgba(0, 0, 0, 0.88);
9
+ }
10
+ .bui-breadcrumb {
11
+ margin: var(--bui-breadcrumb-margin);
12
+ padding: var(--bui-breadcrumb-padding);
13
+ color: var(--bui-breadcrumb-color);
14
+ list-style: none;
15
+ font-size: var(--bui-text-size-1);
16
+ line-height: var(--bui-line-height);
17
+ }
18
+ .bui-breadcrumb-list {
19
+ display: flex;
20
+ flex-wrap: wrap;
21
+ margin: var(--bui-breadcrumb-margin);
22
+ padding: var(--bui-breadcrumb-padding);
23
+ list-style: none;
24
+ }
25
+ .bui-breadcrumb-list a {
26
+ color: var(--bui-breadcrumb-color);
27
+ text-decoration: none;
28
+ cursor: pointer;
29
+ }
30
+ .bui-breadcrumb-list li:last-child {
31
+ color: var(--bui-breadcrumb-last-item-color);
32
+ }
33
+ .bui-breadcrumb-item {
34
+ cursor: pointer;
35
+ }
36
+ .bui-breadcrumb-item-separator {
37
+ margin: var(--bui-breadcrumb-item-separator-margin);
38
+ }
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import './Button.less';
3
2
  import { ButtonProps } from './Button.types';
3
+ import './index.less';
4
4
  declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps<"button", {}>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
5
5
  export default Button;
@@ -58,7 +58,7 @@ __export(Button_exports, {
58
58
  module.exports = __toCommonJS(Button_exports);
59
59
  var import_clsx = __toESM(require("clsx"));
60
60
  var import_react = __toESM(require("react"));
61
- var import_Button = require("./Button.css");
61
+ var import_index = require("./index.css");
62
62
  const prefixCls = "bui-btn";
63
63
  const ButtonIcon = ({ children, iconPosition }) => {
64
64
  return /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-icon-${iconPosition}` }, children);
@@ -70,10 +70,10 @@ const Button = /* @__PURE__ */ import_react.default.forwardRef(
70
70
  children,
71
71
  startIcon,
72
72
  endIcon,
73
- size,
74
- variant,
73
+ size = "medium",
74
+ variant = "outlined",
75
75
  color,
76
- disabled
76
+ disabled = false
77
77
  } = _a, others = __objRest(_a, [
78
78
  "className",
79
79
  "children",
@@ -98,7 +98,8 @@ const Button = /* @__PURE__ */ import_react.default.forwardRef(
98
98
  },
99
99
  className
100
100
  ),
101
- ref
101
+ ref,
102
+ disabled
102
103
  }, others),
103
104
  startIcon && /* @__PURE__ */ import_react.default.createElement(ButtonIcon, { iconPosition: "start" }, startIcon),
104
105
  children,
@@ -107,10 +108,4 @@ const Button = /* @__PURE__ */ import_react.default.forwardRef(
107
108
  }
108
109
  );
109
110
  Button.displayName = "BuiButton";
110
- Button.defaultProps = {
111
- size: "medium",
112
- variant: "outlined",
113
- color: "default",
114
- disabled: false
115
- };
116
111
  var Button_default = Button;
@@ -16,19 +16,20 @@ export type ButtonProps<D extends React.ElementType = 'button', P = {}> = Overri
16
16
  * @default 'medium'
17
17
  */
18
18
  size?: 'small' | 'medium' | 'large' | 'full';
19
- /** 按钮颜色
20
- * @default 'default'
19
+ /**
20
+ * 按钮颜色
21
+ * @default 'neutral'
21
22
  */
22
- color?: ThemeColor | 'default' | 'vip';
23
+ color?: ThemeColor | 'vip';
23
24
  /**
24
25
  * 按钮类型
25
26
  * - text: 文字按钮
26
- * - outlined: 描边按钮
27
- * - contained: 实心填充按钮
28
- * - light: 浅亮填充按钮
27
+ * - outlined: 线框按钮
28
+ * - contained: 填充按钮
29
+ * - subtle: 柔和按钮
29
30
  * @default 'outlined'
30
31
  */
31
- variant?: 'outlined' | 'text' | 'contained' | 'light';
32
+ variant?: 'outlined' | 'text' | 'contained' | 'subtle';
32
33
  /**
33
34
  * 在子元素前放在的内容
34
35
  */
@@ -1,27 +1,31 @@
1
+ :root,
2
+ page,
3
+ xhs-page {
4
+ --bui-btn-font-size: var(--bui-text-size-3);
5
+ --bui-btn-font-weight: var(--bui-font-weight-medium);
6
+ --bui-btn-border-radius: 120px;
7
+ --bui-btn-small-border-radius: 120px;
8
+ --bui-btn-large-border-radius: 120px;
9
+ --bui-btn-full-border-radius: 120px;
10
+ --bui-btn-color: var(--bui-color-fg-muted);
11
+ --bui-btn-background: var(--bui-color-bg-view);
12
+ --bui-btn-border: 0;
13
+ --bui-btn-height: 27px;
14
+ --bui-btn-small-height: 24px;
15
+ --bui-btn-large-height: 33px;
16
+ --bui-btn-full-height: 42px;
17
+ --bui-btn-subtle-border: 0;
18
+ --bui-btn-outlined-border: 1px solid var(--bui-color-neutral-4);
19
+ --bui-btn-disabled-opacity: 0.5;
20
+ --bui-btn-small-padding: 0 11px;
21
+ --bui-btn-padding: 0 14px;
22
+ --bui-btn-large-padding: 0 14px;
23
+ --bui-btn-full-font-size: var(--bui-title-size-4);
24
+ --bui-btn-full-font-family: var(--bui-font-family);
25
+ }
1
26
  .bui-btn {
2
- --border-radius: var(--bui-button-border-radius, 100px);
3
- --text-color: var(--bui-button-text-color, var(--bui-color-fg-muted));
4
- --bg-color: var(--bui-button-default-bg-color, var(--bui-color-neutral-5));
5
- --border-color: var(--bui-button-border-color, var(--bui-color-neutral-4));
6
- --height: var(--bui-button-height, 27px);
7
- --icon-start-margin-right: var(--bui-button-icon-start-margin-right, var(--bui-spacing-xs));
8
- --icon-start-margin-left: var(--bui-button-icon-start-margin-left, var(--bui-spacing-xs));
9
- --default-border: var(--bui-button-default-border, 1px solid transparent);
10
- --light-border: var(--bui-button-light-border, 1px solid transparent);
11
- --outlined-default-border: var(--bui-button-outlined-default-border, 1px solid var(--bui-color-neutral-4));
12
- --disabled-opacity: var(--bui-button-disabled-opacity, 0.5);
13
- --small-padding: var(--bui-button-small-padding, 0 11px);
14
- --small-height: var(--bui-button-small-height, 24px);
15
- --medium-padding: var(--bui-button-medium-padding, 0 14px);
16
- --large-padding: var(--bui-button-large-padding, 0 14px);
17
- --large-height: var(--bui-button-large-height, 33px);
18
- --full-font-size: var(--bui-button-full-font-size, var(--bui-title-size-4));
19
- --full-height: var(--bui-button-full-height, 42px);
20
- border: var(--default-border);
21
27
  outline: 0;
22
- background-color: transparent;
23
28
  cursor: pointer;
24
- color: var(--text-color);
25
29
  box-sizing: border-box;
26
30
  position: relative;
27
31
  display: inline-flex;
@@ -29,10 +33,14 @@
29
33
  align-items: center;
30
34
  justify-content: center;
31
35
  white-space: nowrap;
32
- font-size: var(--bui-text-size-3);
33
- font-weight: var(--bui-font-weight-medium);
34
- border-radius: var(--border-radius);
35
- height: var(--height);
36
+ color: var(--bui-btn-color);
37
+ background: var(--bui-btn-background);
38
+ font-size: var(--bui-btn-font-size);
39
+ font-weight: var(--bui-btn-font-weight);
40
+ border: var(--bui-btn-border);
41
+ border-radius: var(--bui-btn-border-radius);
42
+ height: var(--bui-btn-height);
43
+ padding: var(--bui-btn-padding);
36
44
  line-height: var(--bui-line-height);
37
45
  font-family: var(--bui-font-family);
38
46
  }
@@ -68,36 +76,39 @@
68
76
  display: inline-flex;
69
77
  align-self: center;
70
78
  flex-shrink: 0;
71
- margin-right: var(--icon-start-margin-right);
79
+ margin-right: var(--bui-spacing-xs);
72
80
  }
73
81
  .bui-btn-icon-end {
74
82
  display: inline-flex;
75
83
  align-self: center;
76
84
  flex-shrink: 0;
77
- margin-left: var(--icon-start-margin-left);
85
+ margin-left: var(--bui-spacing-xs);
78
86
  }
79
87
  .bui-btn-disabled {
80
88
  pointer-events: none;
81
- opacity: var(--disabled-opacity);
89
+ opacity: var(--bui-btn-disabled-opacity);
82
90
  }
83
91
  .bui-btn-small {
84
92
  font-size: var(--bui-text-size-4);
85
- padding: var(--small-padding);
86
- height: var(--small-height);
87
- }
88
- .bui-btn-medium {
89
- padding: var(--medium-padding);
90
- height: var(--height);
93
+ padding: var(--bui-btn-small-padding);
94
+ height: var(--bui-btn-small-height);
95
+ border-radius: var(--bui-btn-small-border-radius);
91
96
  }
92
97
  .bui-btn-large {
93
98
  font-size: var(--bui-text-size-2);
94
- padding: var(--large-padding);
95
- height: var(--large-height);
99
+ padding: var(--bui-btn-large-padding);
100
+ height: var(--bui-btn-large-height);
101
+ border-radius: var(--bui-btn-large-border-radius);
96
102
  }
97
103
  .bui-btn-full {
98
- font-size: var(--full-font-size);
104
+ font-family: var(--bui-btn-full-font-family);
105
+ font-size: var(--bui-btn-full-font-size);
99
106
  width: 100%;
100
- height: var(--full-height);
107
+ height: var(--bui-btn-full-height);
108
+ border-radius: var(--bui-btn-full-border-radius);
109
+ }
110
+ .bui-btn-text {
111
+ background: none;
101
112
  }
102
113
  .bui-btn-text.bui-btn-primary {
103
114
  color: var(--bui-color-primary);
@@ -114,11 +125,17 @@
114
125
  .bui-btn-text.bui-btn-danger {
115
126
  color: var(--bui-color-danger);
116
127
  }
128
+ .bui-btn-text.bui-btn-light {
129
+ color: var(--bui-color-bg-view);
130
+ }
131
+ .bui-btn-text.bui-btn-dark {
132
+ color: var(--bui-color-fg-default);
133
+ }
117
134
  .bui-btn-text.bui-btn-vip {
118
135
  color: var(--bui-color-vip);
119
136
  }
120
137
  .bui-btn-contained {
121
- background-color: var(--bg-color);
138
+ background: var(--bui-color-neutral-5);
122
139
  }
123
140
  .bui-btn-contained.bui-btn-primary {
124
141
  color: var(--bui-color-white);
@@ -160,6 +177,14 @@
160
177
  var(--bui-color-danger-start) 0%,
161
178
  var(--bui-color-danger-end) 100%);
162
179
  }
180
+ .bui-btn-contained.bui-btn-light {
181
+ color: var(--bui-color-fg-default);
182
+ background: var(--bui-color-bg-view);
183
+ }
184
+ .bui-btn-contained.bui-btn-dark {
185
+ color: var(--bui-color-bg-view);
186
+ background: var(--bui-color-fg-default);
187
+ }
163
188
  .bui-btn-contained.bui-btn-vip {
164
189
  color: #582331;
165
190
  background-image:
@@ -169,7 +194,8 @@
169
194
  var(--bui-color-vip-end) 100%);
170
195
  }
171
196
  .bui-btn-outlined {
172
- border: var(--outlined-default-border);
197
+ background: none;
198
+ border: var(--bui-btn-outlined-border);
173
199
  }
174
200
  .bui-btn-outlined.bui-btn-primary {
175
201
  color: var(--bui-color-primary);
@@ -191,46 +217,50 @@
191
217
  color: var(--bui-color-danger);
192
218
  border-color: var(--bui-color-danger);
193
219
  }
220
+ .bui-btn-outlined.bui-btn-light {
221
+ color: var(--bui-color-bg-view);
222
+ border: 1px solid var(--bui-color-bg-view);
223
+ }
224
+ .bui-btn-outlined.bui-btn-dark {
225
+ color: var(--bui-color-fg-default);
226
+ border: 1px solid var(--bui-color-fg-default);
227
+ }
194
228
  .bui-btn-outlined.bui-btn-vip {
195
229
  color: var(--bui-color-vip);
196
230
  border-color: var(--bui-color-vip);
197
231
  }
198
- .bui-btn-light {
232
+ .bui-btn-subtle {
199
233
  background-image: none;
200
234
  background-color: var(--bui-color-gray-light);
201
- border: var(--light-border);
235
+ border: var(--bui-btn-subtle-border);
202
236
  }
203
- .bui-btn-light.bui-btn-warning {
204
- background-image: none;
205
- border: var(--light-border);
237
+ .bui-btn-subtle.bui-btn-warning {
206
238
  color: var(--bui-color-warning);
207
- background-color: var(--bui-color-warning-light);
239
+ background: var(--bui-color-warning-light);
208
240
  }
209
- .bui-btn-light.bui-btn-primary {
210
- background-image: none;
211
- border: var(--light-border);
241
+ .bui-btn-subtle.bui-btn-primary {
212
242
  color: var(--bui-color-primary);
213
- background-color: var(--bui-color-primary-light);
243
+ background: var(--bui-color-primary-light);
214
244
  }
215
- .bui-btn-light.bui-btn-info {
216
- background-image: none;
217
- border: var(--light-border);
245
+ .bui-btn-subtle.bui-btn-info {
218
246
  color: var(--bui-color-info);
219
- background-color: var(--bui-color-info-light);
247
+ background: var(--bui-color-info-light);
220
248
  }
221
- .bui-btn-light.bui-btn-success {
222
- background-image: none;
223
- border: var(--light-border);
249
+ .bui-btn-subtle.bui-btn-success {
224
250
  color: var(--bui-color-success);
225
- background-color: var(--bui-color-success-light);
251
+ background: var(--bui-color-success-light);
226
252
  }
227
- .bui-btn-light.bui-btn-danger {
228
- background-image: none;
229
- border: var(--light-border);
253
+ .bui-btn-subtle.bui-btn-danger {
230
254
  color: var(--bui-color-danger);
231
- background-color: var(--bui-color-danger-light);
255
+ background: var(--bui-color-danger-light);
256
+ }
257
+ .bui-btn-subtle.bui-btn-light {
258
+ color: var(--bui-color-bg-view);
259
+ }
260
+ .bui-btn-subtle.bui-btn-dark {
261
+ color: var(--bui-color-fg-default);
232
262
  }
233
- .bui-btn-light.bui-btn-vip {
263
+ .bui-btn-subtle.bui-btn-vip {
234
264
  color: var(--bui-color-vip);
235
265
  position: relative;
236
266
  background-color: rgba(255, 134, 110, 0.3);
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
2
  import { CalendarProps } from './Calendar.types';
3
- import './Calendar.less';
3
+ import './index.less';
4
4
  declare const Calendar: React.ForwardRefExoticComponent<Omit<CalendarProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
5
5
  export default Calendar;
@@ -64,13 +64,11 @@ var import_utils = require("@bifrostui/utils");
64
64
  var import_clsx = __toESM(require("clsx"));
65
65
  var import_dayjs = __toESM(require("dayjs"));
66
66
  var import_isoWeek = __toESM(require("dayjs/plugin/isoWeek"));
67
- var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat"));
68
67
  var import_react = __toESM(require("react"));
69
68
  var import_utils2 = require("./utils");
70
69
  var import_locales = require("../locales");
71
- var import_Calendar2 = require("./Calendar.css");
70
+ var import_index = require("./index.css");
72
71
  import_dayjs.default.extend(import_isoWeek.default);
73
- import_dayjs.default.extend(import_customParseFormat.default);
74
72
  const classes = {
75
73
  root: "bui-calendar",
76
74
  handler: "bui-calendar-handler",
@@ -84,16 +82,15 @@ const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
84
82
  className,
85
83
  defaultValue,
86
84
  value,
87
- minDate,
88
- maxDate,
89
- mode,
90
- hideDaysOutsideCurrentMonth,
91
- headerBarFormat,
85
+ minDate = (0, import_dayjs.default)((0, import_dayjs.default)().format("YYYYMMDD")).add(0, "month").toDate(),
86
+ maxDate = (0, import_dayjs.default)((0, import_dayjs.default)().format("YYYYMMDD")).add(11, "month").toDate(),
87
+ mode = "single",
88
+ hideDaysOutsideCurrentMonth = false,
89
+ headerBarFormat = "YYYY/MM",
92
90
  headerBarLeftIcon,
93
91
  headerBarRightIcon,
94
92
  disabledDate,
95
- highlightDate,
96
- headerVisible = false,
93
+ highlightDate = "today",
97
94
  dateRender,
98
95
  weekRender,
99
96
  onMonthChange,
@@ -111,7 +108,6 @@ const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
111
108
  "headerBarRightIcon",
112
109
  "disabledDate",
113
110
  "highlightDate",
114
- "headerVisible",
115
111
  "dateRender",
116
112
  "weekRender",
117
113
  "onMonthChange",
@@ -157,14 +153,14 @@ const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
157
153
  import_icons.CaretLeftIcon,
158
154
  {
159
155
  className: `${classes.handler}-btn-icon`,
160
- htmlColor: isMinMonth && "#cccccc"
156
+ htmlColor: isMinMonth && "var(--bui-color-fg-disabled)"
161
157
  }
162
158
  ),
163
159
  right: headerBarRightIcon ? headerBarRightIcon({ isMaxMonth }) : /* @__PURE__ */ import_react.default.createElement(
164
160
  import_icons.CaretRightIcon,
165
161
  {
166
162
  className: `${classes.handler}-btn-icon`,
167
- htmlColor: isMaxMonth && "#cccccc"
163
+ htmlColor: isMaxMonth && "var(--bui-color-fg-disabled)"
168
164
  }
169
165
  )
170
166
  };
@@ -326,7 +322,7 @@ const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
326
322
  }, others), {
327
323
  "data-mode": mode
328
324
  }), data),
329
- !headerVisible && /* @__PURE__ */ import_react.default.createElement("div", { className: classes.handler }, /* @__PURE__ */ import_react.default.createElement("div", { onClick: onClickPrev, className: `${classes.handler}-btn` }, headerBarIcon.left), /* @__PURE__ */ import_react.default.createElement("div", { className: `${classes.handler}-text` }, (0, import_dayjs.default)(renderMonth).format(headerBarFormat)), /* @__PURE__ */ import_react.default.createElement("div", { onClick: onClickNext, className: `${classes.handler}-btn` }, headerBarIcon.right)),
325
+ /* @__PURE__ */ import_react.default.createElement("div", { className: classes.handler }, /* @__PURE__ */ import_react.default.createElement("div", { onClick: onClickPrev, className: `${classes.handler}-btn` }, headerBarIcon.left), /* @__PURE__ */ import_react.default.createElement("div", { className: `${classes.handler}-text` }, (0, import_dayjs.default)(renderMonth).format(headerBarFormat)), /* @__PURE__ */ import_react.default.createElement("div", { onClick: onClickNext, className: `${classes.handler}-btn` }, headerBarIcon.right)),
330
326
  /* @__PURE__ */ import_react.default.createElement("div", { className: classes.week }, SUNDAY_WEEK_DATA == null ? void 0 : SUNDAY_WEEK_DATA.map((w) => {
331
327
  return weekRender ? weekRender(w) : /* @__PURE__ */ import_react.default.createElement("div", { key: w, className: `${classes.week}-item` }, w);
332
328
  })),
@@ -335,12 +331,4 @@ const Calendar = /* @__PURE__ */ import_react.default.forwardRef(
335
331
  }
336
332
  );
337
333
  Calendar.displayName = "BuiCalendar";
338
- Calendar.defaultProps = {
339
- hideDaysOutsideCurrentMonth: false,
340
- headerBarFormat: "YYYY/MM",
341
- mode: "single",
342
- minDate: (0, import_dayjs.default)((0, import_dayjs.default)().format("YYYYMMDD")).add(0, "month").toDate(),
343
- maxDate: (0, import_dayjs.default)((0, import_dayjs.default)().format("YYYYMMDD")).add(11, "month").toDate(),
344
- highlightDate: "today"
345
- };
346
334
  var Calendar_default = Calendar;
@@ -74,11 +74,6 @@ export type CalendarProps<D extends React.ElementType = 'div', P = {}> = Overrid
74
74
  * weekend 可选的周末高亮显示
75
75
  */
76
76
  highlightDate?: 'today' | 'weekend';
77
- /**
78
- * 是否隐藏头部
79
- * default: false
80
- */
81
- headerVisible?: boolean;
82
77
  /**
83
78
  * 自定义日期单元格的内容
84
79
  */