@bifrostui/react 2.0.0-alpha.0 → 2.0.0-alpha.10

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 (565) hide show
  1. package/dist/Alert/Alert.js +2 -1
  2. package/dist/Alert/__tests__/fixtures/A11yDemos.d.ts +17 -0
  3. package/dist/Alert/__tests__/fixtures/A11yDemos.js +143 -0
  4. package/dist/Alert/index.css +4 -4
  5. package/dist/Avatar/AvatarGroup.css +8 -8
  6. package/dist/Avatar/index.css +8 -8
  7. package/dist/Backdrop/Backdrop.js +3 -2
  8. package/dist/Backdrop/Backdrop.types.d.ts +4 -0
  9. package/dist/Backdrop/__tests__/fixtures/A11yDemos.d.ts +8 -0
  10. package/dist/Backdrop/__tests__/fixtures/A11yDemos.js +51 -0
  11. package/dist/Backdrop/index.css +2 -2
  12. package/dist/Badge/Badge.js +38 -11
  13. package/dist/Badge/Badge.types.d.ts +30 -1
  14. package/dist/Badge/__tests__/fixtures/A11yDemos.d.ts +25 -0
  15. package/dist/Badge/__tests__/fixtures/A11yDemos.js +110 -0
  16. package/dist/Badge/hooks/useBadgeA11y.d.ts +23 -0
  17. package/dist/Badge/hooks/useBadgeA11y.js +76 -0
  18. package/dist/Badge/hooks/useBadgeDisplay.d.ts +16 -0
  19. package/dist/Badge/hooks/useBadgeDisplay.js +56 -0
  20. package/dist/Button/Button.js +2 -1
  21. package/dist/Button/__tests__/fixtures/A11yDemos.d.ts +23 -0
  22. package/dist/Button/__tests__/fixtures/A11yDemos.js +81 -0
  23. package/dist/Button/index.css +4 -5
  24. package/dist/CSSTransition/CSSTransition.d.ts +4 -0
  25. package/dist/CSSTransition/CSSTransition.js +177 -0
  26. package/dist/CSSTransition/CSSTransition.types.d.ts +13 -0
  27. package/dist/CSSTransition/CSSTransition.types.js +15 -0
  28. package/dist/CSSTransition/demo/CSSTransitionDemo.d.ts +4 -0
  29. package/dist/CSSTransition/demo/CSSTransitionDemo.js +76 -0
  30. package/dist/CSSTransition/demo/index.css +25 -0
  31. package/dist/CSSTransition/index.d.ts +2 -0
  32. package/dist/CSSTransition/index.js +41 -0
  33. package/dist/Calendar/Calendar.js +131 -34
  34. package/dist/Calendar/Calendar.types.d.ts +16 -1
  35. package/dist/Calendar/__tests__/fixtures/A11yDemos.d.ts +2 -0
  36. package/dist/Calendar/__tests__/fixtures/A11yDemos.js +41 -0
  37. package/dist/Calendar/index.css +52 -9
  38. package/dist/Calendar/utils.d.ts +7 -3
  39. package/dist/Calendar/utils.js +33 -23
  40. package/dist/Checkbox/Checkbox.js +5 -4
  41. package/dist/Checkbox/__tests__/fixtures/A11yDemos.d.ts +15 -0
  42. package/dist/Checkbox/__tests__/fixtures/A11yDemos.js +57 -0
  43. package/dist/CitySelector/CitySelector.types.d.ts +0 -1
  44. package/dist/Collapse/Collapse.d.ts +1 -1
  45. package/dist/Collapse/Collapse.js +26 -12
  46. package/dist/Collapse/Collapse.miniapp.d.ts +10 -0
  47. package/dist/Collapse/Collapse.miniapp.js +255 -0
  48. package/dist/Collapse/index.css +40 -1
  49. package/dist/CollapsePanel/index.css +1 -1
  50. package/dist/Countdown/Countdown.js +61 -21
  51. package/dist/Countdown/Countdown.types.d.ts +19 -15
  52. package/dist/Countdown/__tests__/fixtures/A11yDemos.d.ts +23 -0
  53. package/dist/Countdown/__tests__/fixtures/A11yDemos.js +107 -0
  54. package/dist/Countdown/index.css +11 -0
  55. package/dist/DatePicker/DatePicker.d.ts +4 -0
  56. package/dist/DatePicker/DatePicker.js +335 -0
  57. package/dist/DatePicker/DatePicker.types.d.ts +36 -0
  58. package/dist/DatePicker/DatePicker.types.js +15 -0
  59. package/dist/DatePicker/constants.d.ts +9 -0
  60. package/dist/DatePicker/constants.js +37 -0
  61. package/dist/DatePicker/index.d.ts +3 -0
  62. package/dist/DatePicker/index.js +44 -0
  63. package/dist/DesktopDatePicker/DesktopDatePicker.css +61 -0
  64. package/dist/DesktopDatePicker/DesktopDatePicker.d.ts +5 -0
  65. package/dist/DesktopDatePicker/DesktopDatePicker.js +280 -0
  66. package/dist/DesktopDatePicker/DesktopDatePicker.types.d.ts +163 -0
  67. package/dist/DesktopDatePicker/DesktopDatePicker.types.js +15 -0
  68. package/dist/DesktopDatePicker/deskTopPickerContainer.css +100 -0
  69. package/dist/DesktopDatePicker/index.css +161 -0
  70. package/dist/DesktopDatePicker/index.d.ts +2 -0
  71. package/dist/DesktopDatePicker/index.js +41 -0
  72. package/dist/DesktopDatePicker/useGetDatePickerContent.d.ts +6 -0
  73. package/dist/DesktopDatePicker/useGetDatePickerContent.js +343 -0
  74. package/dist/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +5 -0
  75. package/dist/DesktopDateTimePicker/DesktopDateTimePicker.js +322 -0
  76. package/dist/DesktopDateTimePicker/DesktopDateTimePicker.types.d.ts +163 -0
  77. package/dist/DesktopDateTimePicker/DesktopDateTimePicker.types.js +15 -0
  78. package/dist/DesktopDateTimePicker/index.css +66 -0
  79. package/dist/DesktopDateTimePicker/index.d.ts +2 -0
  80. package/dist/DesktopDateTimePicker/index.js +41 -0
  81. package/dist/DesktopPicker/DesktopPicker.d.ts +5 -0
  82. package/dist/DesktopPicker/DesktopPicker.js +243 -0
  83. package/dist/DesktopPicker/DesktopPicker.types.d.ts +61 -0
  84. package/dist/DesktopPicker/DesktopPicker.types.js +15 -0
  85. package/dist/DesktopPicker/index.css +39 -0
  86. package/dist/DesktopPicker/index.d.ts +2 -0
  87. package/dist/DesktopPicker/index.js +41 -0
  88. package/dist/DesktopPicker/utils/calcAfterMounted.d.ts +2 -0
  89. package/dist/{Tabs/utils/bound.js → DesktopPicker/utils/calcAfterMounted.js} +7 -14
  90. package/dist/DesktopPicker/utils/calcAfterMounted.miniapp.d.ts +2 -0
  91. package/dist/DesktopPicker/utils/calcAfterMounted.miniapp.js +38 -0
  92. package/dist/DesktopTimePicker/DesktopTimePicker.d.ts +5 -0
  93. package/dist/DesktopTimePicker/DesktopTimePicker.js +288 -0
  94. package/dist/DesktopTimePicker/DesktopTimePicker.types.d.ts +182 -0
  95. package/dist/DesktopTimePicker/DesktopTimePicker.types.js +15 -0
  96. package/dist/DesktopTimePicker/DesktopTimePickerList.d.ts +4 -0
  97. package/dist/DesktopTimePicker/DesktopTimePickerList.js +111 -0
  98. package/dist/DesktopTimePicker/index.css +170 -0
  99. package/dist/DesktopTimePicker/index.d.ts +2 -0
  100. package/dist/DesktopTimePicker/index.js +41 -0
  101. package/dist/DesktopTimePicker/useGetTimePickerContent.d.ts +6 -0
  102. package/dist/DesktopTimePicker/useGetTimePickerContent.js +249 -0
  103. package/dist/DesktopTimePicker/utils/scrollUtil.d.ts +2 -0
  104. package/dist/DesktopTimePicker/utils/scrollUtil.js +27 -0
  105. package/dist/DesktopTimePicker/utils/scrollUtil.miniapp.d.ts +2 -0
  106. package/dist/DesktopTimePicker/utils/scrollUtil.miniapp.js +51 -0
  107. package/dist/DesktopTimePicker/utils/utils.d.ts +28 -0
  108. package/dist/DesktopTimePicker/utils/utils.js +408 -0
  109. package/dist/Dialog/Dialog.d.ts +5 -2
  110. package/dist/Dialog/Dialog.js +56 -34
  111. package/dist/Dialog/Dialog.types.d.ts +50 -22
  112. package/dist/Dialog/FunctionalDialog.d.ts +10 -3
  113. package/dist/Dialog/FunctionalDialog.js +102 -80
  114. package/dist/Dialog/__tests__/fixtures/A11yDemos.d.ts +9 -0
  115. package/dist/Dialog/__tests__/fixtures/A11yDemos.js +78 -0
  116. package/dist/Dialog/index.css +19 -19
  117. package/dist/Dialog/index.d.ts +4 -1
  118. package/dist/Dialog/index.js +9 -2
  119. package/dist/Drawer/Drawer.js +7 -7
  120. package/dist/Drawer/__tests__/fixtures/A11yDemos.d.ts +21 -0
  121. package/dist/Drawer/__tests__/fixtures/A11yDemos.js +148 -0
  122. package/dist/Fade/Fade.js +2 -2
  123. package/dist/Fade/Fade.miniapp.d.ts +10 -0
  124. package/dist/Fade/Fade.miniapp.js +200 -0
  125. package/dist/Fade/index.css +18 -0
  126. package/dist/IconButton/IconButton.js +23 -8
  127. package/dist/IconButton/IconButton.types.d.ts +35 -1
  128. package/dist/IconButton/index.css +3 -0
  129. package/dist/Image/Image.js +17 -10
  130. package/dist/Image/__tests__/fixtures/A11yDemos.d.ts +21 -0
  131. package/dist/Image/__tests__/fixtures/A11yDemos.js +130 -0
  132. package/dist/Image/index.css +3 -8
  133. package/dist/Input/Input.js +5 -3
  134. package/dist/Input/__tests__/fixtures/A11yDemos.d.ts +21 -0
  135. package/dist/Input/__tests__/fixtures/A11yDemos.js +81 -0
  136. package/dist/Input/index.css +8 -8
  137. package/dist/ItemSelector/ItemSelector.types.d.ts +0 -1
  138. package/dist/Modal/Modal.js +47 -47
  139. package/dist/Modal/Modal.miniapp.d.ts +2 -2
  140. package/dist/Modal/Modal.miniapp.js +48 -32
  141. package/dist/Modal/Modal.types.d.ts +26 -2
  142. package/dist/Modal/ModalManager.d.ts +21 -0
  143. package/dist/Modal/ModalManager.js +238 -0
  144. package/dist/Modal/__tests__/fixtures/A11yDemos.d.ts +8 -0
  145. package/dist/Modal/__tests__/fixtures/A11yDemos.js +52 -0
  146. package/dist/Modal/index.css +1 -1
  147. package/dist/Modal/index.d.ts +3 -0
  148. package/dist/Modal/index.js +9 -1
  149. package/dist/Modal/useModal.d.ts +24 -0
  150. package/dist/Modal/useModal.js +190 -0
  151. package/dist/NavBar/index.css +2 -2
  152. package/dist/Picker/Picker.css +4 -0
  153. package/dist/Picker/Picker.js +72 -18
  154. package/dist/Picker/Picker.types.d.ts +15 -2
  155. package/dist/Picker/PickerPanel.css +4 -0
  156. package/dist/Picker/PickerPanel.js +52 -41
  157. package/dist/Picker/__tests__/fixtures/A11yDemos.d.ts +2 -0
  158. package/dist/Picker/__tests__/fixtures/A11yDemos.js +79 -0
  159. package/dist/Picker/index.css +8 -0
  160. package/dist/Picker/utils.d.ts +8 -5
  161. package/dist/Picker/utils.js +9 -12
  162. package/dist/Popover/Popover.js +123 -91
  163. package/dist/Popover/Popover.types.d.ts +44 -7
  164. package/dist/Popover/__tests__/fixtures/A11yDemos.d.ts +25 -0
  165. package/dist/Popover/__tests__/fixtures/A11yDemos.js +175 -0
  166. package/dist/Popover/hooks/index.d.ts +8 -0
  167. package/dist/Popover/hooks/index.js +36 -0
  168. package/dist/Popover/hooks/usePopoverA11y.d.ts +14 -0
  169. package/dist/Popover/hooks/usePopoverA11y.js +66 -0
  170. package/dist/Popover/hooks/usePopoverEvents.d.ts +21 -0
  171. package/dist/Popover/hooks/usePopoverEvents.js +150 -0
  172. package/dist/Popover/hooks/usePopoverPosition.d.ts +17 -0
  173. package/dist/Popover/hooks/usePopoverPosition.js +124 -0
  174. package/dist/Popover/hooks/usePopoverState.d.ts +16 -0
  175. package/dist/Popover/hooks/usePopoverState.js +54 -0
  176. package/dist/Portal/Portal.miniapp.js +20 -11
  177. package/dist/Portal/Portal.types.d.ts +1 -1
  178. package/dist/Portal/PortalCore.js +2 -2
  179. package/dist/Progress/Progress.js +61 -6
  180. package/dist/Progress/Progress.types.d.ts +44 -0
  181. package/dist/Progress/__tests__/fixtures/A11yDemos.d.ts +21 -0
  182. package/dist/Progress/__tests__/fixtures/A11yDemos.js +100 -0
  183. package/dist/Radio/Radio.js +5 -4
  184. package/dist/Radio/RadioGroup.js +1 -1
  185. package/dist/Radio/__tests__/fixtures/A11yDemos.d.ts +15 -0
  186. package/dist/Radio/__tests__/fixtures/A11yDemos.js +57 -0
  187. package/dist/Rating/index.css +8 -12
  188. package/dist/ScrollView/ScrollView.js +48 -196
  189. package/dist/ScrollView/ScrollView.types.d.ts +120 -86
  190. package/dist/ScrollView/__tests__/fixtures/A11yDemos.d.ts +7 -0
  191. package/dist/ScrollView/__tests__/fixtures/A11yDemos.js +319 -0
  192. package/dist/ScrollView/useScrollView.d.ts +10 -0
  193. package/dist/ScrollView/useScrollView.js +300 -0
  194. package/dist/Select/Select.js +73 -39
  195. package/dist/Select/Select.types.d.ts +2 -2
  196. package/dist/Select/SelectOption.js +5 -1
  197. package/dist/Select/__tests__/fixtures/A11yDemos.d.ts +21 -0
  198. package/dist/Select/__tests__/fixtures/A11yDemos.js +154 -0
  199. package/dist/Select/index.css +12 -8
  200. package/dist/Select/selectContext.d.ts +0 -1
  201. package/dist/Slide/Slide.js +2 -2
  202. package/dist/Slide/Slide.miniapp.d.ts +14 -0
  203. package/dist/Slide/Slide.miniapp.js +213 -0
  204. package/dist/Slide/index.css +72 -0
  205. package/dist/Slider/Slider.js +13 -5
  206. package/dist/Stack/demo/index.css +2 -0
  207. package/dist/SwipeAction/SwipeAction.css +79 -0
  208. package/dist/SwipeAction/SwipeAction.d.ts +5 -0
  209. package/dist/SwipeAction/SwipeAction.js +349 -0
  210. package/dist/SwipeAction/SwipeAction.types.d.ts +75 -0
  211. package/dist/SwipeAction/SwipeAction.types.js +15 -0
  212. package/dist/SwipeAction/SwipeActionContext.d.ts +3 -0
  213. package/dist/SwipeAction/SwipeActionContext.js +30 -0
  214. package/dist/SwipeAction/SwipeActionItem.css +31 -0
  215. package/dist/SwipeAction/SwipeActionItem.d.ts +5 -0
  216. package/dist/SwipeAction/SwipeActionItem.js +105 -0
  217. package/dist/SwipeAction/constants.d.ts +9 -0
  218. package/dist/SwipeAction/constants.js +39 -0
  219. package/dist/SwipeAction/index.css +110 -0
  220. package/dist/SwipeAction/index.d.ts +5 -0
  221. package/dist/SwipeAction/index.js +50 -0
  222. package/dist/Swiper/Swiper.js +18 -4
  223. package/dist/Switch/Switch.js +5 -4
  224. package/dist/Switch/__tests__/fixtures/A11yDemos.d.ts +15 -0
  225. package/dist/Switch/__tests__/fixtures/A11yDemos.js +57 -0
  226. package/dist/Tabs/Tab.js +36 -21
  227. package/dist/Tabs/Tab.types.d.ts +1 -1
  228. package/dist/Tabs/TabPanel.d.ts +1 -1
  229. package/dist/Tabs/TabPanel.js +9 -5
  230. package/dist/Tabs/Tabs.css +2 -2
  231. package/dist/Tabs/Tabs.js +87 -64
  232. package/dist/Tabs/Tabs.types.d.ts +1 -1
  233. package/dist/Tabs/TabsContext.d.ts +4 -5
  234. package/dist/Tabs/TabsContext.js +3 -1
  235. package/dist/Tabs/index.css +2 -2
  236. package/dist/Tabs/utils/scroll.d.ts +2 -0
  237. package/dist/Tabs/utils/scroll.js +55 -0
  238. package/dist/Tag/__tests__/fixtures/A11yDemos.d.ts +21 -0
  239. package/dist/Tag/__tests__/fixtures/A11yDemos.js +196 -0
  240. package/dist/TextArea/TextArea.js +50 -7
  241. package/dist/TextArea/TextArea.types.d.ts +28 -0
  242. package/dist/TextArea/__tests__/fixtures/A11yDemos.d.ts +19 -0
  243. package/dist/TextArea/__tests__/fixtures/A11yDemos.js +91 -0
  244. package/dist/TextArea/index.css +4 -4
  245. package/dist/ThemeProvider/ThemeProvider.types.d.ts +2 -2
  246. package/dist/ThemeProvider/ThemeProvider.types.js +0 -12
  247. package/dist/Toast/FunctionalToast.d.ts +2 -2
  248. package/dist/Toast/FunctionalToast.js +180 -85
  249. package/dist/Toast/Toast.d.ts +2 -2
  250. package/dist/Toast/Toast.js +69 -28
  251. package/dist/Toast/Toast.types.d.ts +13 -10
  252. package/dist/Toast/__tests__/fixtures/A11yDemos.d.ts +2 -0
  253. package/dist/Toast/__tests__/fixtures/A11yDemos.js +54 -0
  254. package/dist/Toast/index.css +0 -1
  255. package/dist/Tooltip/Tooltip.js +63 -107
  256. package/dist/Tooltip/Tooltip.types.d.ts +94 -43
  257. package/dist/Tooltip/__tests__/fixtures/A11yDemos.d.ts +25 -0
  258. package/dist/Tooltip/__tests__/fixtures/A11yDemos.js +100 -0
  259. package/dist/Tooltip/useTooltip.d.ts +29 -0
  260. package/dist/Tooltip/useTooltip.js +313 -0
  261. package/dist/Transition/TransitionCore.js +30 -25
  262. package/dist/TransitionGroup/TransitionGroup.d.ts +7 -0
  263. package/dist/TransitionGroup/TransitionGroup.js +132 -0
  264. package/dist/TransitionGroup/TransitionGroup.types.d.ts +47 -0
  265. package/dist/TransitionGroup/TransitionGroup.types.js +15 -0
  266. package/dist/TransitionGroup/demo/TransitionGroupDemo.d.ts +4 -0
  267. package/dist/TransitionGroup/demo/TransitionGroupDemo.js +68 -0
  268. package/dist/TransitionGroup/demo/index.css +33 -0
  269. package/dist/TransitionGroup/index.d.ts +2 -0
  270. package/dist/TransitionGroup/index.js +41 -0
  271. package/dist/TransitionGroup/utils/childMapping.d.ts +27 -0
  272. package/dist/TransitionGroup/utils/childMapping.js +119 -0
  273. package/dist/_.._/benchmarks/components/Button.js +41 -0
  274. package/dist/_.._/benchmarks/components/Input.js +45 -0
  275. package/dist/_.._/benchmarks/components/Tabs.js +50 -0
  276. package/dist/index.d.ts +8 -0
  277. package/dist/index.js +17 -1
  278. package/dist/locales/base.d.ts +40 -1
  279. package/dist/locales/en-US.js +54 -2
  280. package/dist/locales/zh-CN.js +56 -1
  281. package/dist/locales/zh-TW.js +56 -1
  282. package/es/Alert/Alert.js +2 -1
  283. package/es/Alert/__tests__/fixtures/A11yDemos.d.ts +17 -0
  284. package/es/Alert/__tests__/fixtures/A11yDemos.js +107 -0
  285. package/es/Alert/index.css +4 -4
  286. package/es/Avatar/AvatarGroup.css +8 -8
  287. package/es/Avatar/index.css +8 -8
  288. package/es/Backdrop/Backdrop.js +3 -2
  289. package/es/Backdrop/Backdrop.types.d.ts +4 -0
  290. package/es/Backdrop/__tests__/fixtures/A11yDemos.d.ts +8 -0
  291. package/es/Backdrop/__tests__/fixtures/A11yDemos.js +17 -0
  292. package/es/Backdrop/index.css +2 -2
  293. package/es/Badge/Badge.js +38 -11
  294. package/es/Badge/Badge.types.d.ts +30 -1
  295. package/es/Badge/__tests__/fixtures/A11yDemos.d.ts +25 -0
  296. package/es/Badge/__tests__/fixtures/A11yDemos.js +70 -0
  297. package/es/Badge/hooks/useBadgeA11y.d.ts +23 -0
  298. package/es/Badge/hooks/useBadgeA11y.js +53 -0
  299. package/es/Badge/hooks/useBadgeDisplay.d.ts +16 -0
  300. package/es/Badge/hooks/useBadgeDisplay.js +33 -0
  301. package/es/Button/Button.js +2 -1
  302. package/es/Button/__tests__/fixtures/A11yDemos.d.ts +23 -0
  303. package/es/Button/__tests__/fixtures/A11yDemos.js +42 -0
  304. package/es/Button/index.css +4 -5
  305. package/es/CSSTransition/CSSTransition.d.ts +4 -0
  306. package/es/CSSTransition/CSSTransition.js +153 -0
  307. package/es/CSSTransition/CSSTransition.types.d.ts +13 -0
  308. package/es/CSSTransition/CSSTransition.types.js +1 -0
  309. package/es/CSSTransition/demo/CSSTransitionDemo.d.ts +4 -0
  310. package/es/CSSTransition/demo/CSSTransitionDemo.js +47 -0
  311. package/es/CSSTransition/demo/index.css +25 -0
  312. package/es/CSSTransition/index.d.ts +2 -0
  313. package/es/CSSTransition/index.js +6 -0
  314. package/es/Calendar/Calendar.js +131 -34
  315. package/es/Calendar/Calendar.types.d.ts +16 -1
  316. package/es/Calendar/__tests__/fixtures/A11yDemos.d.ts +2 -0
  317. package/es/Calendar/__tests__/fixtures/A11yDemos.js +8 -0
  318. package/es/Calendar/index.css +52 -9
  319. package/es/Calendar/utils.d.ts +7 -3
  320. package/es/Calendar/utils.js +29 -20
  321. package/es/Checkbox/Checkbox.js +5 -4
  322. package/es/Checkbox/__tests__/fixtures/A11yDemos.d.ts +15 -0
  323. package/es/Checkbox/__tests__/fixtures/A11yDemos.js +22 -0
  324. package/es/CitySelector/CitySelector.types.d.ts +0 -1
  325. package/es/Collapse/Collapse.d.ts +1 -1
  326. package/es/Collapse/Collapse.js +26 -12
  327. package/es/Collapse/Collapse.miniapp.d.ts +10 -0
  328. package/es/Collapse/Collapse.miniapp.js +236 -0
  329. package/es/Collapse/index.css +40 -1
  330. package/es/CollapsePanel/index.css +1 -1
  331. package/es/Countdown/Countdown.js +61 -21
  332. package/es/Countdown/Countdown.types.d.ts +19 -15
  333. package/es/Countdown/__tests__/fixtures/A11yDemos.d.ts +23 -0
  334. package/es/Countdown/__tests__/fixtures/A11yDemos.js +68 -0
  335. package/es/Countdown/index.css +11 -0
  336. package/es/DatePicker/DatePicker.d.ts +4 -0
  337. package/es/DatePicker/DatePicker.js +308 -0
  338. package/es/DatePicker/DatePicker.types.d.ts +36 -0
  339. package/es/DatePicker/DatePicker.types.js +1 -0
  340. package/es/DatePicker/constants.d.ts +9 -0
  341. package/es/DatePicker/constants.js +14 -0
  342. package/es/DatePicker/index.d.ts +3 -0
  343. package/es/DatePicker/index.js +8 -0
  344. package/es/DesktopDatePicker/DesktopDatePicker.css +61 -0
  345. package/es/DesktopDatePicker/DesktopDatePicker.d.ts +5 -0
  346. package/es/DesktopDatePicker/DesktopDatePicker.js +253 -0
  347. package/es/DesktopDatePicker/DesktopDatePicker.types.d.ts +163 -0
  348. package/es/DesktopDatePicker/DesktopDatePicker.types.js +1 -0
  349. package/es/DesktopDatePicker/deskTopPickerContainer.css +100 -0
  350. package/es/DesktopDatePicker/index.css +161 -0
  351. package/es/DesktopDatePicker/index.d.ts +2 -0
  352. package/es/DesktopDatePicker/index.js +6 -0
  353. package/es/DesktopDatePicker/useGetDatePickerContent.d.ts +6 -0
  354. package/es/DesktopDatePicker/useGetDatePickerContent.js +316 -0
  355. package/es/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +5 -0
  356. package/es/DesktopDateTimePicker/DesktopDateTimePicker.js +295 -0
  357. package/es/DesktopDateTimePicker/DesktopDateTimePicker.types.d.ts +163 -0
  358. package/es/DesktopDateTimePicker/DesktopDateTimePicker.types.js +1 -0
  359. package/es/DesktopDateTimePicker/index.css +66 -0
  360. package/es/DesktopDateTimePicker/index.d.ts +2 -0
  361. package/es/DesktopDateTimePicker/index.js +9 -0
  362. package/es/DesktopPicker/DesktopPicker.d.ts +5 -0
  363. package/es/DesktopPicker/DesktopPicker.js +226 -0
  364. package/es/DesktopPicker/DesktopPicker.types.d.ts +61 -0
  365. package/es/DesktopPicker/DesktopPicker.types.js +1 -0
  366. package/es/DesktopPicker/index.css +39 -0
  367. package/es/DesktopPicker/index.d.ts +2 -0
  368. package/es/DesktopPicker/index.js +6 -0
  369. package/es/DesktopPicker/utils/calcAfterMounted.d.ts +2 -0
  370. package/es/DesktopPicker/utils/calcAfterMounted.js +6 -0
  371. package/es/DesktopPicker/utils/calcAfterMounted.miniapp.d.ts +2 -0
  372. package/es/DesktopPicker/utils/calcAfterMounted.miniapp.js +9 -0
  373. package/es/DesktopTimePicker/DesktopTimePicker.d.ts +5 -0
  374. package/es/DesktopTimePicker/DesktopTimePicker.js +261 -0
  375. package/es/DesktopTimePicker/DesktopTimePicker.types.d.ts +182 -0
  376. package/es/DesktopTimePicker/DesktopTimePicker.types.js +1 -0
  377. package/es/DesktopTimePicker/DesktopTimePickerList.d.ts +4 -0
  378. package/es/DesktopTimePicker/DesktopTimePickerList.js +84 -0
  379. package/es/DesktopTimePicker/index.css +170 -0
  380. package/es/DesktopTimePicker/index.d.ts +2 -0
  381. package/es/DesktopTimePicker/index.js +6 -0
  382. package/es/DesktopTimePicker/useGetTimePickerContent.d.ts +6 -0
  383. package/es/DesktopTimePicker/useGetTimePickerContent.js +226 -0
  384. package/es/DesktopTimePicker/utils/scrollUtil.d.ts +2 -0
  385. package/es/DesktopTimePicker/utils/scrollUtil.js +8 -0
  386. package/es/DesktopTimePicker/utils/scrollUtil.miniapp.d.ts +2 -0
  387. package/es/DesktopTimePicker/utils/scrollUtil.miniapp.js +22 -0
  388. package/es/DesktopTimePicker/utils/utils.d.ts +28 -0
  389. package/es/DesktopTimePicker/utils/utils.js +365 -0
  390. package/es/Dialog/Dialog.d.ts +5 -2
  391. package/es/Dialog/Dialog.js +57 -35
  392. package/es/Dialog/Dialog.types.d.ts +50 -22
  393. package/es/Dialog/FunctionalDialog.d.ts +10 -3
  394. package/es/Dialog/FunctionalDialog.js +106 -84
  395. package/es/Dialog/__tests__/fixtures/A11yDemos.d.ts +9 -0
  396. package/es/Dialog/__tests__/fixtures/A11yDemos.js +43 -0
  397. package/es/Dialog/index.css +19 -19
  398. package/es/Dialog/index.d.ts +4 -1
  399. package/es/Dialog/index.js +10 -3
  400. package/es/Drawer/Drawer.js +8 -8
  401. package/es/Drawer/__tests__/fixtures/A11yDemos.d.ts +21 -0
  402. package/es/Drawer/__tests__/fixtures/A11yDemos.js +112 -0
  403. package/es/Fade/Fade.js +2 -2
  404. package/es/Fade/Fade.miniapp.d.ts +10 -0
  405. package/es/Fade/Fade.miniapp.js +179 -0
  406. package/es/Fade/index.css +18 -0
  407. package/es/IconButton/IconButton.js +23 -8
  408. package/es/IconButton/IconButton.types.d.ts +35 -1
  409. package/es/IconButton/index.css +3 -0
  410. package/es/Image/Image.js +17 -10
  411. package/es/Image/__tests__/fixtures/A11yDemos.d.ts +21 -0
  412. package/es/Image/__tests__/fixtures/A11yDemos.js +92 -0
  413. package/es/Image/index.css +3 -8
  414. package/es/Input/Input.js +5 -3
  415. package/es/Input/__tests__/fixtures/A11yDemos.d.ts +21 -0
  416. package/es/Input/__tests__/fixtures/A11yDemos.js +43 -0
  417. package/es/Input/index.css +8 -8
  418. package/es/ItemSelector/ItemSelector.types.d.ts +0 -1
  419. package/es/Modal/Modal.js +48 -48
  420. package/es/Modal/Modal.miniapp.d.ts +2 -2
  421. package/es/Modal/Modal.miniapp.js +49 -33
  422. package/es/Modal/Modal.types.d.ts +26 -2
  423. package/es/Modal/ModalManager.d.ts +21 -0
  424. package/es/Modal/ModalManager.js +214 -0
  425. package/es/Modal/__tests__/fixtures/A11yDemos.d.ts +8 -0
  426. package/es/Modal/__tests__/fixtures/A11yDemos.js +18 -0
  427. package/es/Modal/index.css +1 -1
  428. package/es/Modal/index.d.ts +3 -0
  429. package/es/Modal/index.js +6 -1
  430. package/es/Modal/useModal.d.ts +24 -0
  431. package/es/Modal/useModal.js +169 -0
  432. package/es/NavBar/index.css +2 -2
  433. package/es/Picker/Picker.css +4 -0
  434. package/es/Picker/Picker.js +72 -18
  435. package/es/Picker/Picker.types.d.ts +15 -2
  436. package/es/Picker/PickerPanel.css +4 -0
  437. package/es/Picker/PickerPanel.js +52 -41
  438. package/es/Picker/__tests__/fixtures/A11yDemos.d.ts +2 -0
  439. package/es/Picker/__tests__/fixtures/A11yDemos.js +46 -0
  440. package/es/Picker/index.css +8 -0
  441. package/es/Picker/utils.d.ts +8 -5
  442. package/es/Picker/utils.js +9 -12
  443. package/es/Popover/Popover.js +130 -99
  444. package/es/Popover/Popover.types.d.ts +44 -7
  445. package/es/Popover/__tests__/fixtures/A11yDemos.d.ts +25 -0
  446. package/es/Popover/__tests__/fixtures/A11yDemos.js +135 -0
  447. package/es/Popover/hooks/index.d.ts +8 -0
  448. package/es/Popover/hooks/index.js +10 -0
  449. package/es/Popover/hooks/usePopoverA11y.d.ts +14 -0
  450. package/es/Popover/hooks/usePopoverA11y.js +43 -0
  451. package/es/Popover/hooks/usePopoverEvents.d.ts +21 -0
  452. package/es/Popover/hooks/usePopoverEvents.js +127 -0
  453. package/es/Popover/hooks/usePopoverPosition.d.ts +17 -0
  454. package/es/Popover/hooks/usePopoverPosition.js +105 -0
  455. package/es/Popover/hooks/usePopoverState.d.ts +16 -0
  456. package/es/Popover/hooks/usePopoverState.js +31 -0
  457. package/es/Portal/Portal.miniapp.js +21 -12
  458. package/es/Portal/Portal.types.d.ts +1 -1
  459. package/es/Portal/PortalCore.js +2 -2
  460. package/es/Progress/Progress.js +61 -6
  461. package/es/Progress/Progress.types.d.ts +44 -0
  462. package/es/Progress/__tests__/fixtures/A11yDemos.d.ts +21 -0
  463. package/es/Progress/__tests__/fixtures/A11yDemos.js +62 -0
  464. package/es/Radio/Radio.js +5 -4
  465. package/es/Radio/RadioGroup.js +1 -1
  466. package/es/Radio/__tests__/fixtures/A11yDemos.d.ts +15 -0
  467. package/es/Radio/__tests__/fixtures/A11yDemos.js +22 -0
  468. package/es/Rating/index.css +8 -12
  469. package/es/ScrollView/ScrollView.js +51 -197
  470. package/es/ScrollView/ScrollView.types.d.ts +120 -86
  471. package/es/ScrollView/__tests__/fixtures/A11yDemos.d.ts +7 -0
  472. package/es/ScrollView/__tests__/fixtures/A11yDemos.js +283 -0
  473. package/es/ScrollView/useScrollView.d.ts +10 -0
  474. package/es/ScrollView/useScrollView.js +279 -0
  475. package/es/Select/Select.js +73 -40
  476. package/es/Select/Select.types.d.ts +2 -2
  477. package/es/Select/SelectOption.js +5 -1
  478. package/es/Select/__tests__/fixtures/A11yDemos.d.ts +21 -0
  479. package/es/Select/__tests__/fixtures/A11yDemos.js +118 -0
  480. package/es/Select/index.css +12 -8
  481. package/es/Select/selectContext.d.ts +0 -1
  482. package/es/Slide/Slide.js +2 -2
  483. package/es/Slide/Slide.miniapp.d.ts +14 -0
  484. package/es/Slide/Slide.miniapp.js +192 -0
  485. package/es/Slide/index.css +72 -0
  486. package/es/Slider/Slider.js +16 -6
  487. package/es/Stack/demo/index.css +2 -0
  488. package/es/SwipeAction/SwipeAction.css +79 -0
  489. package/es/SwipeAction/SwipeAction.d.ts +5 -0
  490. package/es/SwipeAction/SwipeAction.js +334 -0
  491. package/es/SwipeAction/SwipeAction.types.d.ts +75 -0
  492. package/es/SwipeAction/SwipeAction.types.js +1 -0
  493. package/es/SwipeAction/SwipeActionContext.d.ts +3 -0
  494. package/es/SwipeAction/SwipeActionContext.js +11 -0
  495. package/es/SwipeAction/SwipeActionItem.css +31 -0
  496. package/es/SwipeAction/SwipeActionItem.d.ts +5 -0
  497. package/es/SwipeAction/SwipeActionItem.js +78 -0
  498. package/es/SwipeAction/constants.d.ts +9 -0
  499. package/es/SwipeAction/constants.js +15 -0
  500. package/es/SwipeAction/index.css +110 -0
  501. package/es/SwipeAction/index.d.ts +5 -0
  502. package/es/SwipeAction/index.js +12 -0
  503. package/es/Swiper/Swiper.js +18 -4
  504. package/es/Switch/Switch.js +5 -4
  505. package/es/Switch/__tests__/fixtures/A11yDemos.d.ts +15 -0
  506. package/es/Switch/__tests__/fixtures/A11yDemos.js +22 -0
  507. package/es/Tabs/Tab.js +36 -21
  508. package/es/Tabs/Tab.types.d.ts +1 -1
  509. package/es/Tabs/TabPanel.d.ts +1 -1
  510. package/es/Tabs/TabPanel.js +8 -4
  511. package/es/Tabs/Tabs.css +2 -2
  512. package/es/Tabs/Tabs.js +87 -64
  513. package/es/Tabs/Tabs.types.d.ts +1 -1
  514. package/es/Tabs/TabsContext.d.ts +4 -5
  515. package/es/Tabs/TabsContext.js +3 -1
  516. package/es/Tabs/index.css +2 -2
  517. package/es/Tabs/utils/scroll.d.ts +2 -0
  518. package/es/Tabs/utils/scroll.js +36 -0
  519. package/es/Tag/__tests__/fixtures/A11yDemos.d.ts +21 -0
  520. package/es/Tag/__tests__/fixtures/A11yDemos.js +160 -0
  521. package/es/TextArea/TextArea.js +51 -8
  522. package/es/TextArea/TextArea.types.d.ts +28 -0
  523. package/es/TextArea/__tests__/fixtures/A11yDemos.d.ts +19 -0
  524. package/es/TextArea/__tests__/fixtures/A11yDemos.js +54 -0
  525. package/es/TextArea/index.css +4 -4
  526. package/es/ThemeProvider/ThemeProvider.types.d.ts +2 -2
  527. package/es/Toast/FunctionalToast.d.ts +2 -2
  528. package/es/Toast/FunctionalToast.js +186 -86
  529. package/es/Toast/Toast.d.ts +2 -2
  530. package/es/Toast/Toast.js +69 -28
  531. package/es/Toast/Toast.types.d.ts +13 -10
  532. package/es/Toast/__tests__/fixtures/A11yDemos.d.ts +2 -0
  533. package/es/Toast/__tests__/fixtures/A11yDemos.js +21 -0
  534. package/es/Toast/index.css +0 -1
  535. package/es/Tooltip/Tooltip.js +64 -114
  536. package/es/Tooltip/Tooltip.types.d.ts +94 -43
  537. package/es/Tooltip/__tests__/fixtures/A11yDemos.d.ts +25 -0
  538. package/es/Tooltip/__tests__/fixtures/A11yDemos.js +60 -0
  539. package/es/Tooltip/useTooltip.d.ts +29 -0
  540. package/es/Tooltip/useTooltip.js +290 -0
  541. package/es/Transition/TransitionCore.js +31 -26
  542. package/es/TransitionGroup/TransitionGroup.d.ts +7 -0
  543. package/es/TransitionGroup/TransitionGroup.js +109 -0
  544. package/es/TransitionGroup/TransitionGroup.types.d.ts +47 -0
  545. package/es/TransitionGroup/TransitionGroup.types.js +1 -0
  546. package/es/TransitionGroup/demo/TransitionGroupDemo.d.ts +4 -0
  547. package/es/TransitionGroup/demo/TransitionGroupDemo.js +39 -0
  548. package/es/TransitionGroup/demo/index.css +33 -0
  549. package/es/TransitionGroup/index.d.ts +2 -0
  550. package/es/TransitionGroup/index.js +6 -0
  551. package/es/TransitionGroup/utils/childMapping.d.ts +27 -0
  552. package/es/TransitionGroup/utils/childMapping.js +93 -0
  553. package/es/_.._/benchmarks/components/Button.js +8 -0
  554. package/es/_.._/benchmarks/components/Input.js +12 -0
  555. package/es/_.._/benchmarks/components/Tabs.js +17 -0
  556. package/es/index.d.ts +8 -0
  557. package/es/index.js +8 -0
  558. package/es/locales/base.d.ts +40 -1
  559. package/es/locales/en-US.js +54 -2
  560. package/es/locales/zh-CN.js +56 -1
  561. package/es/locales/zh-TW.js +56 -1
  562. package/package.json +9 -6
  563. package/dist/Tabs/utils/bound.d.ts +0 -1
  564. package/es/Tabs/utils/bound.d.ts +0 -1
  565. package/es/Tabs/utils/bound.js +0 -13
@@ -0,0 +1,349 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
9
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
10
+ var __spreadValues = (a, b) => {
11
+ for (var prop in b || (b = {}))
12
+ if (__hasOwnProp.call(b, prop))
13
+ __defNormalProp(a, prop, b[prop]);
14
+ if (__getOwnPropSymbols)
15
+ for (var prop of __getOwnPropSymbols(b)) {
16
+ if (__propIsEnum.call(b, prop))
17
+ __defNormalProp(a, prop, b[prop]);
18
+ }
19
+ return a;
20
+ };
21
+ var __objRest = (source, exclude) => {
22
+ var target = {};
23
+ for (var prop in source)
24
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
25
+ target[prop] = source[prop];
26
+ if (source != null && __getOwnPropSymbols)
27
+ for (var prop of __getOwnPropSymbols(source)) {
28
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
29
+ target[prop] = source[prop];
30
+ }
31
+ return target;
32
+ };
33
+ var __export = (target, all) => {
34
+ for (var name in all)
35
+ __defProp(target, name, { get: all[name], enumerable: true });
36
+ };
37
+ var __copyProps = (to, from, except, desc) => {
38
+ if (from && typeof from === "object" || typeof from === "function") {
39
+ for (let key of __getOwnPropNames(from))
40
+ if (!__hasOwnProp.call(to, key) && key !== except)
41
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
42
+ }
43
+ return to;
44
+ };
45
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
46
+ // If the importer is in node compatibility mode or this is not an ESM
47
+ // file that has been converted to a CommonJS file using a Babel-
48
+ // compatible transform (i.e. "__esModule" has not been set), then set
49
+ // "default" to the CommonJS "module.exports" for node compatibility.
50
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
51
+ mod
52
+ ));
53
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
54
+ var __async = (__this, __arguments, generator) => {
55
+ return new Promise((resolve, reject) => {
56
+ var fulfilled = (value) => {
57
+ try {
58
+ step(generator.next(value));
59
+ } catch (e) {
60
+ reject(e);
61
+ }
62
+ };
63
+ var rejected = (value) => {
64
+ try {
65
+ step(generator.throw(value));
66
+ } catch (e) {
67
+ reject(e);
68
+ }
69
+ };
70
+ var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
71
+ step((generator = generator.apply(__this, __arguments)).next());
72
+ });
73
+ };
74
+ var SwipeAction_exports = {};
75
+ __export(SwipeAction_exports, {
76
+ default: () => SwipeAction_default
77
+ });
78
+ module.exports = __toCommonJS(SwipeAction_exports);
79
+ var import_react = __toESM(require("react"));
80
+ var import_clsx = __toESM(require("clsx"));
81
+ var import_utils = require("@bifrostui/utils");
82
+ var import_SwipeActionContext = __toESM(require("./SwipeActionContext"));
83
+ var import_constants = require("./constants");
84
+ var import_SwipeAction2 = require("./SwipeAction.css");
85
+ const classPrefix = "bui-swipe-action";
86
+ const SwipeAction = /* @__PURE__ */ import_react.default.forwardRef(
87
+ (props, ref) => {
88
+ const _a = props, {
89
+ className,
90
+ children,
91
+ rightActions,
92
+ leftActions,
93
+ disabled,
94
+ closeOnClickActionItem = true,
95
+ closeOnClickContainer = false,
96
+ onActionsReveal
97
+ } = _a, others = __objRest(_a, [
98
+ "className",
99
+ "children",
100
+ "rightActions",
101
+ "leftActions",
102
+ "disabled",
103
+ "closeOnClickActionItem",
104
+ "closeOnClickContainer",
105
+ "onActionsReveal"
106
+ ]);
107
+ const touch = (0, import_utils.useTouch)();
108
+ const rootRef = (0, import_react.useRef)(null);
109
+ const leftRef = (0, import_react.useRef)(null);
110
+ const rightRef = (0, import_react.useRef)(null);
111
+ const contentRef = (0, import_react.useRef)(null);
112
+ const [translateX, setTranslateX] = (0, import_react.useState)(0);
113
+ const [isOpen, setIsOpen] = (0, import_react.useState)(false);
114
+ const startingX = (0, import_react.useRef)(0);
115
+ const currentX = (0, import_react.useRef)(0);
116
+ const isDragging = (0, import_react.useRef)(false);
117
+ let pretranslateX = 0;
118
+ let dragPhase = import_constants.DragPhaseEnum.START;
119
+ const dragThreshold = 5;
120
+ const leftWidthCache = (0, import_react.useRef)(0);
121
+ const rightWidthCache = (0, import_react.useRef)(0);
122
+ const getWidth = (_ref) => {
123
+ if (!_ref.current)
124
+ return Promise.resolve(0);
125
+ return new Promise((resolve) => {
126
+ if (import_utils.isMini) {
127
+ (0, import_utils.getBoundingClientRect)(_ref.current).then((rect) => {
128
+ if (rect) {
129
+ resolve(rect.width || 0);
130
+ }
131
+ });
132
+ } else {
133
+ resolve(_ref.current.offsetWidth);
134
+ }
135
+ });
136
+ };
137
+ const getLefRefWidth = () => __async(void 0, null, function* () {
138
+ if (leftRef.current && leftActions && !leftWidthCache.current) {
139
+ leftWidthCache.current = yield getWidth(leftRef);
140
+ }
141
+ return leftWidthCache.current;
142
+ });
143
+ const getRightRefWidth = () => __async(void 0, null, function* () {
144
+ if (rightRef.current && rightActions && !rightWidthCache.current) {
145
+ rightWidthCache.current = yield getWidth(rightRef);
146
+ }
147
+ return rightWidthCache.current;
148
+ });
149
+ const initRefWidth = () => {
150
+ getLefRefWidth();
151
+ getRightRefWidth();
152
+ };
153
+ const handleTouchStart = (e) => {
154
+ dragPhase = import_constants.DragPhaseEnum.START;
155
+ const isMaskEle = e.target.id === "content-mask";
156
+ if (isDragging.current || disabled || isMaskEle)
157
+ return;
158
+ touch.start(e);
159
+ isDragging.current = true;
160
+ startingX.current = touch.deltaX.current - translateX;
161
+ };
162
+ const handleTouchMove = (0, import_utils.throttle)(
163
+ (e) => __async(void 0, null, function* () {
164
+ if (!isDragging.current || disabled)
165
+ return;
166
+ if (dragPhase === import_constants.DragPhaseEnum.START) {
167
+ dragPhase = import_constants.DragPhaseEnum.MOVE;
168
+ }
169
+ touch.move(e);
170
+ currentX.current = touch.deltaX.current - startingX.current;
171
+ if (Math.abs(currentX.current) < dragThreshold)
172
+ return;
173
+ const leftWidth = yield getLefRefWidth();
174
+ const rightWidth = yield getRightRefWidth();
175
+ currentX.current = Math.max(
176
+ -rightWidth,
177
+ Math.min(leftWidth, currentX.current)
178
+ );
179
+ setTranslateX(currentX.current);
180
+ }),
181
+ 100
182
+ );
183
+ const emitActionsReveal = (targetX, stop = false) => {
184
+ const isSpecial = targetX === pretranslateX && targetX !== 0;
185
+ if (targetX === pretranslateX && !isSpecial || stop)
186
+ return;
187
+ let resStr = null;
188
+ const shouldOpen = targetX > 0 && pretranslateX <= 0 || targetX < 0 && pretranslateX >= 0 || isSpecial;
189
+ if (shouldOpen) {
190
+ if (targetX > 0) {
191
+ resStr = import_constants.SideTypeEnum.LEFT;
192
+ } else if (targetX < 0) {
193
+ resStr = import_constants.SideTypeEnum.RIGHT;
194
+ }
195
+ setIsOpen(true);
196
+ } else {
197
+ setIsOpen(false);
198
+ }
199
+ if (resStr) {
200
+ onActionsReveal == null ? void 0 : onActionsReveal({ side: resStr });
201
+ }
202
+ };
203
+ const handleTouchEnd = (e) => __async(void 0, null, function* () {
204
+ if (!isDragging.current)
205
+ return;
206
+ if (dragPhase === import_constants.DragPhaseEnum.MOVE) {
207
+ dragPhase = import_constants.DragPhaseEnum.END;
208
+ }
209
+ const leftWidth = yield getLefRefWidth();
210
+ const rightWidth = yield getRightRefWidth();
211
+ const threshold = 0.5;
212
+ let targetX = 0;
213
+ isDragging.current = false;
214
+ if (Math.abs(currentX.current) < dragThreshold)
215
+ return;
216
+ if (currentX.current > leftWidth * threshold) {
217
+ targetX = leftWidth;
218
+ } else if (currentX.current < -rightWidth * threshold) {
219
+ targetX = -rightWidth;
220
+ }
221
+ if (dragPhase === import_constants.DragPhaseEnum.END || import_utils.isMini) {
222
+ emitActionsReveal(targetX);
223
+ console.log("handleTouchEnd\uFF1A", targetX, e);
224
+ setTranslateX(targetX);
225
+ pretranslateX = targetX;
226
+ }
227
+ currentX.current = 0;
228
+ });
229
+ const close = () => {
230
+ setTranslateX(0);
231
+ pretranslateX = 0;
232
+ setIsOpen(false);
233
+ };
234
+ (0, import_react.useEffect)(() => {
235
+ initRefWidth();
236
+ if (!contentRef.current)
237
+ return;
238
+ const removeTouchEmulator = (0, import_utils.touchEmulator)(contentRef.current);
239
+ return () => {
240
+ removeTouchEmulator();
241
+ };
242
+ }, []);
243
+ (0, import_react.useEffect)(() => {
244
+ var _a2, _b, _c, _d;
245
+ (_a2 = contentRef == null ? void 0 : contentRef.current) == null ? void 0 : _a2.addEventListener("touchstart", handleTouchStart);
246
+ (_b = contentRef == null ? void 0 : contentRef.current) == null ? void 0 : _b.addEventListener("touchmove", handleTouchMove);
247
+ (_c = contentRef == null ? void 0 : contentRef.current) == null ? void 0 : _c.addEventListener("touchend", handleTouchEnd);
248
+ (_d = contentRef == null ? void 0 : contentRef.current) == null ? void 0 : _d.addEventListener("touchcancel", handleTouchEnd);
249
+ if (!import_utils.isMini && document) {
250
+ document.addEventListener("mouseup", handleTouchEnd);
251
+ }
252
+ return () => {
253
+ var _a3, _b2, _c2, _d2;
254
+ (_a3 = contentRef == null ? void 0 : contentRef.current) == null ? void 0 : _a3.removeEventListener(
255
+ "touchstart",
256
+ handleTouchStart
257
+ );
258
+ (_b2 = contentRef == null ? void 0 : contentRef.current) == null ? void 0 : _b2.removeEventListener("touchmove", handleTouchMove);
259
+ (_c2 = contentRef == null ? void 0 : contentRef.current) == null ? void 0 : _c2.removeEventListener("touchend", handleTouchEnd);
260
+ (_d2 = contentRef == null ? void 0 : contentRef.current) == null ? void 0 : _d2.removeEventListener("touchcancel", handleTouchEnd);
261
+ if (!import_utils.isMini && document) {
262
+ document.removeEventListener("mouseup", handleTouchEnd);
263
+ }
264
+ };
265
+ }, []);
266
+ (0, import_react.useImperativeHandle)(ref, () => ({
267
+ show: (params) => __async(void 0, null, function* () {
268
+ let targetX = 0;
269
+ if (params && params.side === import_constants.SideTypeEnum.RIGHT) {
270
+ targetX = -(yield getRightRefWidth());
271
+ } else {
272
+ targetX = yield getLefRefWidth();
273
+ }
274
+ setTranslateX(targetX);
275
+ pretranslateX = targetX;
276
+ emitActionsReveal(targetX);
277
+ }),
278
+ close,
279
+ // 获取当前是否打开
280
+ open: isOpen,
281
+ ref: rootRef.current
282
+ }));
283
+ const outClickHandle = (e) => {
284
+ e.preventDefault();
285
+ e.stopPropagation();
286
+ if (translateX !== 0 && closeOnClickContainer) {
287
+ close();
288
+ }
289
+ };
290
+ const SwipeActionContext = (0, import_react.useMemo)(
291
+ () => ({ closeOnClickActionItem, close }),
292
+ [closeOnClickActionItem]
293
+ );
294
+ return /* @__PURE__ */ import_react.default.createElement(import_SwipeActionContext.default.Provider, { value: SwipeActionContext }, /* @__PURE__ */ import_react.default.createElement(
295
+ "div",
296
+ __spreadValues({
297
+ className: (0, import_clsx.default)(`${classPrefix}`, className),
298
+ ref: rootRef
299
+ }, others),
300
+ /* @__PURE__ */ import_react.default.createElement(
301
+ "div",
302
+ {
303
+ className: `${classPrefix}-track`,
304
+ style: {
305
+ transform: `translate3d(${translateX}px, 0, 0)`
306
+ }
307
+ },
308
+ /* @__PURE__ */ import_react.default.createElement(
309
+ "div",
310
+ {
311
+ className: `${classPrefix}-actions ${classPrefix}-actions-left`,
312
+ ref: leftRef
313
+ },
314
+ leftActions
315
+ ),
316
+ /* @__PURE__ */ import_react.default.createElement(
317
+ "div",
318
+ {
319
+ className: `${classPrefix}-content-container`,
320
+ ref: contentRef,
321
+ onTouchStart: handleTouchStart,
322
+ onTouchMove: handleTouchMove,
323
+ onTouchEnd: handleTouchEnd,
324
+ onTouchCancel: handleTouchEnd
325
+ },
326
+ isOpen && closeOnClickContainer && /* @__PURE__ */ import_react.default.createElement(
327
+ "div",
328
+ {
329
+ className: `${classPrefix}-content-mask`,
330
+ id: "content-mask",
331
+ onClick: outClickHandle
332
+ }
333
+ ),
334
+ children
335
+ ),
336
+ /* @__PURE__ */ import_react.default.createElement(
337
+ "div",
338
+ {
339
+ className: `${classPrefix}-actions ${classPrefix}-actions-right`,
340
+ ref: rightRef
341
+ },
342
+ rightActions
343
+ )
344
+ )
345
+ ));
346
+ }
347
+ );
348
+ SwipeAction.displayName = "BuiSwipeAction";
349
+ var SwipeAction_default = SwipeAction;
@@ -0,0 +1,75 @@
1
+ import { OverrideProps, ThemeColor } from '@bifrostui/types';
2
+ import React from 'react';
3
+ import { SideTypeEnum } from './constants';
4
+ export type SwipeActionProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
5
+ props: P & {
6
+ /**
7
+ * 右侧的操作按钮列表区域
8
+ */
9
+ rightActions?: React.ReactNode;
10
+ /**
11
+ * 左侧的操作按钮列表区域
12
+ */
13
+ leftActions?: React.ReactNode;
14
+ /**
15
+ * 是否在点击按钮区自动归位
16
+ */
17
+ closeOnClickActionItem?: boolean;
18
+ /**
19
+ * 是否在点击其他区域时自动归位
20
+ */
21
+ closeOnClickContainer?: boolean;
22
+ /**
23
+ * 操作按钮展开时触发
24
+ */
25
+ onActionsReveal?: (params: RevealParams) => void;
26
+ /**
27
+ * 是否禁用拖动
28
+ */
29
+ disabled?: boolean;
30
+ };
31
+ defaultComponent: D;
32
+ }, D>;
33
+ interface RevealParams {
34
+ side: SideTypeEnum | '';
35
+ }
36
+ export type SwipeActionItemProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
37
+ props: P & {
38
+ /**
39
+ * 颜色风格
40
+ */
41
+ color?: ThemeColor | 'vip';
42
+ /**
43
+ * id
44
+ */
45
+ id?: string | number;
46
+ /**
47
+ * 点击事件
48
+ */
49
+ onClick?: (e: React.SyntheticEvent, item: {
50
+ id: string | number;
51
+ color: ThemeColor | 'vip';
52
+ text: React.ReactNode;
53
+ }) => void;
54
+ };
55
+ defaultComponent: D;
56
+ }, D>;
57
+ export interface BuiSwipeActionContextProps {
58
+ /**
59
+ * 是否在点击操作按钮时自动归位
60
+ */
61
+ closeOnClickActionItem?: boolean;
62
+ /**
63
+ * 关闭函数
64
+ */
65
+ close: () => void;
66
+ }
67
+ export type SwipeActionRef = {
68
+ close: () => void;
69
+ show: (params?: {
70
+ side: SideTypeEnum;
71
+ }) => void;
72
+ open: boolean;
73
+ ref?: HTMLDivElement;
74
+ };
75
+ export {};
@@ -0,0 +1,15 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __copyProps = (to, from, except, desc) => {
6
+ if (from && typeof from === "object" || typeof from === "function") {
7
+ for (let key of __getOwnPropNames(from))
8
+ if (!__hasOwnProp.call(to, key) && key !== except)
9
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
10
+ }
11
+ return to;
12
+ };
13
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
14
+ var SwipeAction_types_exports = {};
15
+ module.exports = __toCommonJS(SwipeAction_types_exports);
@@ -0,0 +1,3 @@
1
+ import { BuiSwipeActionContextProps } from './SwipeAction.types';
2
+ declare const BuiSwipeActionContext: import("react").Context<BuiSwipeActionContextProps>;
3
+ export default BuiSwipeActionContext;
@@ -0,0 +1,30 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all)
7
+ __defProp(target, name, { get: all[name], enumerable: true });
8
+ };
9
+ var __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from === "object" || typeof from === "function") {
11
+ for (let key of __getOwnPropNames(from))
12
+ if (!__hasOwnProp.call(to, key) && key !== except)
13
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
+ }
15
+ return to;
16
+ };
17
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
+ var SwipeActionContext_exports = {};
19
+ __export(SwipeActionContext_exports, {
20
+ default: () => SwipeActionContext_default
21
+ });
22
+ module.exports = __toCommonJS(SwipeActionContext_exports);
23
+ var import_react = require("react");
24
+ const BuiSwipeActionContext = (0, import_react.createContext)({
25
+ closeOnClickActionItem: true,
26
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
27
+ close: () => {
28
+ }
29
+ });
30
+ var SwipeActionContext_default = BuiSwipeActionContext;
@@ -0,0 +1,31 @@
1
+ .bui-swipe-action-item {
2
+ padding: 0 15px;
3
+ display: flex;
4
+ align-items: center;
5
+ justify-content: center;
6
+ height: 100%;
7
+ width: 100%;
8
+ background: var(--background-button-color);
9
+ color: #fff;
10
+ box-sizing: content-box;
11
+ white-space: nowrap;
12
+ font-family: var(--bui-font-family);
13
+ }
14
+ .bui-swipe-action-item-primary {
15
+ background-color: var(--bui-color-primary);
16
+ }
17
+ .bui-swipe-action-item-vip {
18
+ background-color: var(--bui-color-vip);
19
+ }
20
+ .bui-swipe-action-item-success {
21
+ background-color: var(--bui-color-success);
22
+ }
23
+ .bui-swipe-action-item-info {
24
+ background-color: var(--bui-color-info);
25
+ }
26
+ .bui-swipe-action-item-warning {
27
+ background-color: var(--bui-color-warning);
28
+ }
29
+ .bui-swipe-action-item-danger {
30
+ background-color: var(--bui-color-danger);
31
+ }
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { SwipeActionItemProps } from './SwipeAction.types';
3
+ import './SwipeActionItem.less';
4
+ declare const SwipeActionItem: React.ForwardRefExoticComponent<Omit<SwipeActionItemProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
5
+ export default SwipeActionItem;
@@ -0,0 +1,105 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
6
+ var __getProtoOf = Object.getPrototypeOf;
7
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
8
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
9
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
10
+ var __spreadValues = (a, b) => {
11
+ for (var prop in b || (b = {}))
12
+ if (__hasOwnProp.call(b, prop))
13
+ __defNormalProp(a, prop, b[prop]);
14
+ if (__getOwnPropSymbols)
15
+ for (var prop of __getOwnPropSymbols(b)) {
16
+ if (__propIsEnum.call(b, prop))
17
+ __defNormalProp(a, prop, b[prop]);
18
+ }
19
+ return a;
20
+ };
21
+ var __objRest = (source, exclude) => {
22
+ var target = {};
23
+ for (var prop in source)
24
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
25
+ target[prop] = source[prop];
26
+ if (source != null && __getOwnPropSymbols)
27
+ for (var prop of __getOwnPropSymbols(source)) {
28
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
29
+ target[prop] = source[prop];
30
+ }
31
+ return target;
32
+ };
33
+ var __export = (target, all) => {
34
+ for (var name in all)
35
+ __defProp(target, name, { get: all[name], enumerable: true });
36
+ };
37
+ var __copyProps = (to, from, except, desc) => {
38
+ if (from && typeof from === "object" || typeof from === "function") {
39
+ for (let key of __getOwnPropNames(from))
40
+ if (!__hasOwnProp.call(to, key) && key !== except)
41
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
42
+ }
43
+ return to;
44
+ };
45
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
46
+ // If the importer is in node compatibility mode or this is not an ESM
47
+ // file that has been converted to a CommonJS file using a Babel-
48
+ // compatible transform (i.e. "__esModule" has not been set), then set
49
+ // "default" to the CommonJS "module.exports" for node compatibility.
50
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
51
+ mod
52
+ ));
53
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
54
+ var SwipeActionItem_exports = {};
55
+ __export(SwipeActionItem_exports, {
56
+ default: () => SwipeActionItem_default
57
+ });
58
+ module.exports = __toCommonJS(SwipeActionItem_exports);
59
+ var import_react = __toESM(require("react"));
60
+ var import_clsx = __toESM(require("clsx"));
61
+ var import_SwipeActionContext = __toESM(require("./SwipeActionContext"));
62
+ var import_SwipeActionItem = require("./SwipeActionItem.css");
63
+ const prefixCls = "bui-swipe-action-item";
64
+ const SwipeActionItem = /* @__PURE__ */ import_react.default.forwardRef(
65
+ (props, ref) => {
66
+ const _a = props, {
67
+ className,
68
+ children,
69
+ onClick,
70
+ color = "primary",
71
+ id = ""
72
+ } = _a, others = __objRest(_a, [
73
+ "className",
74
+ "children",
75
+ "onClick",
76
+ "color",
77
+ "id"
78
+ ]);
79
+ const { closeOnClickActionItem, close } = (0, import_react.useContext)(import_SwipeActionContext.default);
80
+ const onClickHandle = (e) => {
81
+ e.stopPropagation();
82
+ if (closeOnClickActionItem) {
83
+ close == null ? void 0 : close();
84
+ }
85
+ onClick == null ? void 0 : onClick(e, {
86
+ color,
87
+ id,
88
+ text: children
89
+ });
90
+ };
91
+ return /* @__PURE__ */ import_react.default.createElement(
92
+ "div",
93
+ __spreadValues({
94
+ className: (0, import_clsx.default)(prefixCls, className, {
95
+ [`${prefixCls}-${color}`]: color
96
+ }),
97
+ ref,
98
+ onClick: onClickHandle
99
+ }, others),
100
+ children
101
+ );
102
+ }
103
+ );
104
+ SwipeActionItem.displayName = "SwipeActionItem";
105
+ var SwipeActionItem_default = SwipeActionItem;
@@ -0,0 +1,9 @@
1
+ export declare enum SideTypeEnum {
2
+ LEFT = "left",
3
+ RIGHT = "right"
4
+ }
5
+ export declare enum DragPhaseEnum {
6
+ START = 1,
7
+ MOVE = 2,
8
+ END = 3
9
+ }
@@ -0,0 +1,39 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
+ var __getOwnPropNames = Object.getOwnPropertyNames;
4
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
5
+ var __export = (target, all) => {
6
+ for (var name in all)
7
+ __defProp(target, name, { get: all[name], enumerable: true });
8
+ };
9
+ var __copyProps = (to, from, except, desc) => {
10
+ if (from && typeof from === "object" || typeof from === "function") {
11
+ for (let key of __getOwnPropNames(from))
12
+ if (!__hasOwnProp.call(to, key) && key !== except)
13
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
+ }
15
+ return to;
16
+ };
17
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
18
+ var constants_exports = {};
19
+ __export(constants_exports, {
20
+ DragPhaseEnum: () => DragPhaseEnum,
21
+ SideTypeEnum: () => SideTypeEnum
22
+ });
23
+ module.exports = __toCommonJS(constants_exports);
24
+ var SideTypeEnum = /* @__PURE__ */ ((SideTypeEnum2) => {
25
+ SideTypeEnum2["LEFT"] = "left";
26
+ SideTypeEnum2["RIGHT"] = "right";
27
+ return SideTypeEnum2;
28
+ })(SideTypeEnum || {});
29
+ var DragPhaseEnum = /* @__PURE__ */ ((DragPhaseEnum2) => {
30
+ DragPhaseEnum2[DragPhaseEnum2["START"] = 1] = "START";
31
+ DragPhaseEnum2[DragPhaseEnum2["MOVE"] = 2] = "MOVE";
32
+ DragPhaseEnum2[DragPhaseEnum2["END"] = 3] = "END";
33
+ return DragPhaseEnum2;
34
+ })(DragPhaseEnum || {});
35
+ // Annotate the CommonJS export names for ESM import in node:
36
+ 0 && (module.exports = {
37
+ DragPhaseEnum,
38
+ SideTypeEnum
39
+ });