@bifrostui/react 1.4.7-beta.0 → 2.0.0-beta.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 (304) hide show
  1. package/dist/ActionSheet/ActionSheet.css +2 -2
  2. package/dist/ActionSheet/ActionSheetItem.js +3 -8
  3. package/dist/Avatar/Avatar.js +3 -8
  4. package/dist/Avatar/AvatarGroup.js +2 -6
  5. package/dist/Badge/Badge.js +3 -8
  6. package/dist/Button/Button.css +77 -78
  7. package/dist/Button/Button.d.ts +1 -1
  8. package/dist/Button/Button.js +4 -10
  9. package/dist/Button/Button.types.d.ts +8 -7
  10. package/dist/Calendar/Calendar.js +7 -19
  11. package/dist/Calendar/Calendar.types.d.ts +0 -5
  12. package/dist/Card/Card.css +1 -1
  13. package/dist/Card/CardContent.css +1 -2
  14. package/dist/Card/CardFooter.css +2 -4
  15. package/dist/Card/CardHeader.css +4 -5
  16. package/dist/Checkbox/Checkbox.js +2 -6
  17. package/dist/Checkbox/CheckboxGroup.js +4 -7
  18. package/dist/Collapse/Collapse.css +1 -0
  19. package/dist/Collapse/Collapse.d.ts +1 -1
  20. package/dist/Collapse/Collapse.js +8 -11
  21. package/dist/CollapsePanel/CollapsePanel.css +2 -4
  22. package/dist/CollapsePanel/CollapsePanelItem.js +45 -46
  23. package/dist/Countdown/Countdown.js +5 -12
  24. package/dist/Dialog/FunctionalDialog.js +1 -1
  25. package/dist/Divider/Divider.js +8 -5
  26. package/dist/Drawer/Drawer.js +4 -10
  27. package/dist/Fade/Fade.js +52 -56
  28. package/dist/IconButton/IconButton.js +5 -12
  29. package/dist/Image/Image.js +112 -119
  30. package/dist/Input/Input.js +4 -10
  31. package/dist/List/List.js +3 -8
  32. package/dist/List/ListItem.js +42 -44
  33. package/dist/List/ListItemContent.js +1 -4
  34. package/dist/List/ListItemExtra.js +9 -4
  35. package/dist/List/ListItemFooter.js +9 -4
  36. package/dist/List/ListItemHeader.js +9 -4
  37. package/dist/Loading/Loading.js +13 -4
  38. package/dist/Modal/Modal.js +0 -6
  39. package/dist/Modal/Modal.miniapp.js +4 -10
  40. package/dist/NavBar/NavBar.js +0 -1
  41. package/dist/Picker/Picker.css +0 -5
  42. package/dist/Picker/Picker.js +5 -27
  43. package/dist/Picker/Picker.types.d.ts +2 -15
  44. package/dist/Picker/PickerPanel.css +0 -4
  45. package/dist/Picker/PickerPanel.js +6 -7
  46. package/dist/Popover/Popover.css +5 -5
  47. package/dist/Popover/Popover.js +27 -70
  48. package/dist/Portal/Portal.miniapp.js +4 -7
  49. package/dist/Radio/Radio.css +0 -1
  50. package/dist/Radio/Radio.js +2 -6
  51. package/dist/Radio/RadioGroup.js +0 -3
  52. package/dist/Rating/Rating.js +8 -18
  53. package/dist/ScrollView/ScrollView.js +11 -24
  54. package/dist/ScrollView/ScrollView.types.d.ts +1 -0
  55. package/dist/Select/Select.css +4 -1
  56. package/dist/Select/Select.js +41 -68
  57. package/dist/Skeleton/Skeleton.js +5 -9
  58. package/dist/Slide/Slide.js +69 -74
  59. package/dist/Slider/Slider.js +11 -27
  60. package/dist/Steps/Step.js +81 -82
  61. package/dist/Steps/Steps.d.ts +1 -1
  62. package/dist/Steps/Steps.js +57 -60
  63. package/dist/Switch/Switch.js +75 -78
  64. package/dist/TabBar/TabBar.js +3 -8
  65. package/dist/Tabs/Tab.css +10 -16
  66. package/dist/Tabs/Tab.js +2 -3
  67. package/dist/Tabs/Tabs.css +13 -22
  68. package/dist/Tabs/Tabs.js +39 -70
  69. package/dist/Tabs/Tabs.types.d.ts +0 -10
  70. package/dist/Tabs/utils/bound.d.ts +1 -0
  71. package/dist/{DesktopPicker/utils/calcAfterMounted.js → Tabs/utils/bound.js} +14 -7
  72. package/dist/Tag/Tag.css +1 -1
  73. package/dist/Tag/Tag.js +2 -6
  74. package/dist/TextArea/TextArea.js +5 -12
  75. package/dist/Toast/FunctionalToast.js +1 -1
  76. package/dist/Toast/Toast.css +1 -0
  77. package/dist/Tooltip/Tooltip.css +5 -5
  78. package/dist/Tooltip/Tooltip.js +27 -70
  79. package/dist/Transition/TransitionCore.js +3 -8
  80. package/dist/index.d.ts +0 -6
  81. package/dist/index.js +1 -13
  82. package/dist/locales/base.d.ts +0 -11
  83. package/dist/locales/en-US.js +0 -24
  84. package/dist/locales/zh-CN.js +0 -24
  85. package/dist/locales/zh-TW.js +0 -24
  86. package/es/ActionSheet/ActionSheet.css +2 -2
  87. package/es/ActionSheet/ActionSheetItem.js +3 -8
  88. package/es/Avatar/Avatar.js +3 -8
  89. package/es/Avatar/AvatarGroup.js +2 -6
  90. package/es/Badge/Badge.js +3 -8
  91. package/es/Button/Button.css +77 -78
  92. package/es/Button/Button.d.ts +1 -1
  93. package/es/Button/Button.js +3 -9
  94. package/es/Button/Button.types.d.ts +8 -7
  95. package/es/Calendar/Calendar.js +7 -19
  96. package/es/Calendar/Calendar.types.d.ts +0 -5
  97. package/es/Card/Card.css +1 -1
  98. package/es/Card/CardContent.css +1 -2
  99. package/es/Card/CardFooter.css +2 -4
  100. package/es/Card/CardHeader.css +4 -5
  101. package/es/Checkbox/Checkbox.js +2 -6
  102. package/es/Checkbox/CheckboxGroup.js +4 -7
  103. package/es/Collapse/Collapse.css +1 -0
  104. package/es/Collapse/Collapse.d.ts +1 -1
  105. package/es/Collapse/Collapse.js +8 -11
  106. package/es/CollapsePanel/CollapsePanel.css +2 -4
  107. package/es/CollapsePanel/CollapsePanelItem.js +45 -46
  108. package/es/Countdown/Countdown.js +5 -12
  109. package/es/Dialog/FunctionalDialog.js +2 -2
  110. package/es/Divider/Divider.js +8 -5
  111. package/es/Drawer/Drawer.js +4 -10
  112. package/es/Fade/Fade.js +52 -56
  113. package/es/IconButton/IconButton.js +5 -12
  114. package/es/Image/Image.js +112 -119
  115. package/es/Input/Input.js +4 -10
  116. package/es/List/List.js +3 -8
  117. package/es/List/ListItem.js +42 -44
  118. package/es/List/ListItemContent.js +1 -4
  119. package/es/List/ListItemExtra.js +9 -4
  120. package/es/List/ListItemFooter.js +9 -4
  121. package/es/List/ListItemHeader.js +9 -4
  122. package/es/Loading/Loading.js +13 -4
  123. package/es/Modal/Modal.js +0 -6
  124. package/es/Modal/Modal.miniapp.js +4 -10
  125. package/es/NavBar/NavBar.js +0 -1
  126. package/es/Picker/Picker.css +0 -5
  127. package/es/Picker/Picker.js +5 -27
  128. package/es/Picker/Picker.types.d.ts +2 -15
  129. package/es/Picker/PickerPanel.css +0 -4
  130. package/es/Picker/PickerPanel.js +6 -7
  131. package/es/Popover/Popover.css +5 -5
  132. package/es/Popover/Popover.js +29 -73
  133. package/es/Portal/Portal.miniapp.js +5 -8
  134. package/es/Radio/Radio.css +0 -1
  135. package/es/Radio/Radio.js +2 -6
  136. package/es/Radio/RadioGroup.js +0 -3
  137. package/es/Rating/Rating.js +8 -18
  138. package/es/ScrollView/ScrollView.js +11 -24
  139. package/es/ScrollView/ScrollView.types.d.ts +1 -0
  140. package/es/Select/Select.css +4 -1
  141. package/es/Select/Select.js +42 -68
  142. package/es/Skeleton/Skeleton.js +5 -9
  143. package/es/Slide/Slide.js +69 -74
  144. package/es/Slider/Slider.js +12 -30
  145. package/es/Steps/Step.js +81 -82
  146. package/es/Steps/Steps.d.ts +1 -1
  147. package/es/Steps/Steps.js +57 -60
  148. package/es/Switch/Switch.js +75 -78
  149. package/es/TabBar/TabBar.js +3 -8
  150. package/es/Tabs/Tab.css +10 -16
  151. package/es/Tabs/Tab.js +2 -3
  152. package/es/Tabs/Tabs.css +13 -22
  153. package/es/Tabs/Tabs.js +41 -83
  154. package/es/Tabs/Tabs.types.d.ts +0 -10
  155. package/es/Tabs/utils/bound.d.ts +1 -0
  156. package/es/Tabs/utils/bound.js +13 -0
  157. package/es/Tag/Tag.css +1 -1
  158. package/es/Tag/Tag.js +2 -6
  159. package/es/TextArea/TextArea.js +5 -12
  160. package/es/Toast/FunctionalToast.js +2 -2
  161. package/es/Toast/Toast.css +1 -0
  162. package/es/Tooltip/Tooltip.css +5 -5
  163. package/es/Tooltip/Tooltip.js +29 -73
  164. package/es/Transition/TransitionCore.js +3 -8
  165. package/es/index.d.ts +0 -6
  166. package/es/index.js +0 -6
  167. package/es/locales/base.d.ts +0 -11
  168. package/es/locales/en-US.js +0 -24
  169. package/es/locales/zh-CN.js +0 -24
  170. package/es/locales/zh-TW.js +0 -24
  171. package/package.json +6 -6
  172. package/dist/Collapse/Collapse.miniapp.d.ts +0 -5
  173. package/dist/Collapse/Collapse.miniapp.js +0 -177
  174. package/dist/DatePicker/DatePicker.d.ts +0 -4
  175. package/dist/DatePicker/DatePicker.js +0 -335
  176. package/dist/DatePicker/DatePicker.types.d.ts +0 -43
  177. package/dist/DatePicker/DatePicker.types.js +0 -35
  178. package/dist/DatePicker/index.d.ts +0 -2
  179. package/dist/DatePicker/index.js +0 -41
  180. package/dist/DesktopDatePicker/DesktopDatePicker.d.ts +0 -5
  181. package/dist/DesktopDatePicker/DesktopDatePicker.js +0 -280
  182. package/dist/DesktopDatePicker/DesktopDatePicker.types.d.ts +0 -163
  183. package/dist/DesktopDatePicker/DesktopDatePicker.types.js +0 -15
  184. package/dist/DesktopDatePicker/deskTopPickerContainer.css +0 -100
  185. package/dist/DesktopDatePicker/index.css +0 -61
  186. package/dist/DesktopDatePicker/index.d.ts +0 -2
  187. package/dist/DesktopDatePicker/index.js +0 -41
  188. package/dist/DesktopDatePicker/useGetDatePickerContent.d.ts +0 -6
  189. package/dist/DesktopDatePicker/useGetDatePickerContent.js +0 -343
  190. package/dist/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +0 -5
  191. package/dist/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -322
  192. package/dist/DesktopDateTimePicker/DesktopDateTimePicker.types.d.ts +0 -163
  193. package/dist/DesktopDateTimePicker/DesktopDateTimePicker.types.js +0 -15
  194. package/dist/DesktopDateTimePicker/index.css +0 -66
  195. package/dist/DesktopDateTimePicker/index.d.ts +0 -2
  196. package/dist/DesktopDateTimePicker/index.js +0 -41
  197. package/dist/DesktopPicker/DesktopPicker.d.ts +0 -5
  198. package/dist/DesktopPicker/DesktopPicker.js +0 -238
  199. package/dist/DesktopPicker/DesktopPicker.types.d.ts +0 -57
  200. package/dist/DesktopPicker/DesktopPicker.types.js +0 -15
  201. package/dist/DesktopPicker/index.css +0 -37
  202. package/dist/DesktopPicker/index.d.ts +0 -2
  203. package/dist/DesktopPicker/index.js +0 -41
  204. package/dist/DesktopPicker/utils/calcAfterMounted.d.ts +0 -2
  205. package/dist/DesktopPicker/utils/calcAfterMounted.miniapp.d.ts +0 -2
  206. package/dist/DesktopPicker/utils/calcAfterMounted.miniapp.js +0 -38
  207. package/dist/DesktopTimePicker/DesktopTimePicker.d.ts +0 -5
  208. package/dist/DesktopTimePicker/DesktopTimePicker.js +0 -288
  209. package/dist/DesktopTimePicker/DesktopTimePicker.types.d.ts +0 -182
  210. package/dist/DesktopTimePicker/DesktopTimePicker.types.js +0 -15
  211. package/dist/DesktopTimePicker/DesktopTimePickerList.d.ts +0 -4
  212. package/dist/DesktopTimePicker/DesktopTimePickerList.js +0 -111
  213. package/dist/DesktopTimePicker/index.css +0 -170
  214. package/dist/DesktopTimePicker/index.d.ts +0 -2
  215. package/dist/DesktopTimePicker/index.js +0 -41
  216. package/dist/DesktopTimePicker/useGetTimePickerContent.d.ts +0 -6
  217. package/dist/DesktopTimePicker/useGetTimePickerContent.js +0 -246
  218. package/dist/DesktopTimePicker/utils/scrollUtil.d.ts +0 -2
  219. package/dist/DesktopTimePicker/utils/scrollUtil.js +0 -27
  220. package/dist/DesktopTimePicker/utils/scrollUtil.miniapp.d.ts +0 -2
  221. package/dist/DesktopTimePicker/utils/scrollUtil.miniapp.js +0 -51
  222. package/dist/DesktopTimePicker/utils/utils.d.ts +0 -28
  223. package/dist/DesktopTimePicker/utils/utils.js +0 -408
  224. package/dist/SwipeAction/SwipeAction.css +0 -79
  225. package/dist/SwipeAction/SwipeAction.d.ts +0 -5
  226. package/dist/SwipeAction/SwipeAction.js +0 -349
  227. package/dist/SwipeAction/SwipeAction.types.d.ts +0 -83
  228. package/dist/SwipeAction/SwipeAction.types.js +0 -39
  229. package/dist/SwipeAction/SwipeActionContext.d.ts +0 -4
  230. package/dist/SwipeAction/SwipeActionContext.js +0 -30
  231. package/dist/SwipeAction/SwipeActionItem.css +0 -31
  232. package/dist/SwipeAction/SwipeActionItem.d.ts +0 -5
  233. package/dist/SwipeAction/SwipeActionItem.js +0 -105
  234. package/dist/SwipeAction/index.d.ts +0 -4
  235. package/dist/SwipeAction/index.js +0 -45
  236. package/dist/Tabs/utils/scroll.d.ts +0 -2
  237. package/dist/Tabs/utils/scroll.js +0 -55
  238. package/es/Collapse/Collapse.miniapp.d.ts +0 -5
  239. package/es/Collapse/Collapse.miniapp.js +0 -157
  240. package/es/DatePicker/DatePicker.d.ts +0 -4
  241. package/es/DatePicker/DatePicker.js +0 -310
  242. package/es/DatePicker/DatePicker.types.d.ts +0 -43
  243. package/es/DatePicker/DatePicker.types.js +0 -1
  244. package/es/DatePicker/index.d.ts +0 -2
  245. package/es/DatePicker/index.js +0 -6
  246. package/es/DesktopDatePicker/DesktopDatePicker.d.ts +0 -5
  247. package/es/DesktopDatePicker/DesktopDatePicker.js +0 -253
  248. package/es/DesktopDatePicker/DesktopDatePicker.types.d.ts +0 -163
  249. package/es/DesktopDatePicker/DesktopDatePicker.types.js +0 -1
  250. package/es/DesktopDatePicker/deskTopPickerContainer.css +0 -100
  251. package/es/DesktopDatePicker/index.css +0 -61
  252. package/es/DesktopDatePicker/index.d.ts +0 -2
  253. package/es/DesktopDatePicker/index.js +0 -6
  254. package/es/DesktopDatePicker/useGetDatePickerContent.d.ts +0 -6
  255. package/es/DesktopDatePicker/useGetDatePickerContent.js +0 -316
  256. package/es/DesktopDateTimePicker/DesktopDateTimePicker.d.ts +0 -5
  257. package/es/DesktopDateTimePicker/DesktopDateTimePicker.js +0 -295
  258. package/es/DesktopDateTimePicker/DesktopDateTimePicker.types.d.ts +0 -163
  259. package/es/DesktopDateTimePicker/DesktopDateTimePicker.types.js +0 -1
  260. package/es/DesktopDateTimePicker/index.css +0 -66
  261. package/es/DesktopDateTimePicker/index.d.ts +0 -2
  262. package/es/DesktopDateTimePicker/index.js +0 -9
  263. package/es/DesktopPicker/DesktopPicker.d.ts +0 -5
  264. package/es/DesktopPicker/DesktopPicker.js +0 -221
  265. package/es/DesktopPicker/DesktopPicker.types.d.ts +0 -57
  266. package/es/DesktopPicker/DesktopPicker.types.js +0 -1
  267. package/es/DesktopPicker/index.css +0 -37
  268. package/es/DesktopPicker/index.d.ts +0 -2
  269. package/es/DesktopPicker/index.js +0 -6
  270. package/es/DesktopPicker/utils/calcAfterMounted.d.ts +0 -2
  271. package/es/DesktopPicker/utils/calcAfterMounted.js +0 -6
  272. package/es/DesktopPicker/utils/calcAfterMounted.miniapp.d.ts +0 -2
  273. package/es/DesktopPicker/utils/calcAfterMounted.miniapp.js +0 -9
  274. package/es/DesktopTimePicker/DesktopTimePicker.d.ts +0 -5
  275. package/es/DesktopTimePicker/DesktopTimePicker.js +0 -261
  276. package/es/DesktopTimePicker/DesktopTimePicker.types.d.ts +0 -182
  277. package/es/DesktopTimePicker/DesktopTimePicker.types.js +0 -1
  278. package/es/DesktopTimePicker/DesktopTimePickerList.d.ts +0 -4
  279. package/es/DesktopTimePicker/DesktopTimePickerList.js +0 -84
  280. package/es/DesktopTimePicker/index.css +0 -170
  281. package/es/DesktopTimePicker/index.d.ts +0 -2
  282. package/es/DesktopTimePicker/index.js +0 -6
  283. package/es/DesktopTimePicker/useGetTimePickerContent.d.ts +0 -6
  284. package/es/DesktopTimePicker/useGetTimePickerContent.js +0 -223
  285. package/es/DesktopTimePicker/utils/scrollUtil.d.ts +0 -2
  286. package/es/DesktopTimePicker/utils/scrollUtil.js +0 -8
  287. package/es/DesktopTimePicker/utils/scrollUtil.miniapp.d.ts +0 -2
  288. package/es/DesktopTimePicker/utils/scrollUtil.miniapp.js +0 -22
  289. package/es/DesktopTimePicker/utils/utils.d.ts +0 -28
  290. package/es/DesktopTimePicker/utils/utils.js +0 -365
  291. package/es/SwipeAction/SwipeAction.css +0 -79
  292. package/es/SwipeAction/SwipeAction.d.ts +0 -5
  293. package/es/SwipeAction/SwipeAction.js +0 -337
  294. package/es/SwipeAction/SwipeAction.types.d.ts +0 -83
  295. package/es/SwipeAction/SwipeAction.types.js +0 -1
  296. package/es/SwipeAction/SwipeActionContext.d.ts +0 -4
  297. package/es/SwipeAction/SwipeActionContext.js +0 -11
  298. package/es/SwipeAction/SwipeActionItem.css +0 -31
  299. package/es/SwipeAction/SwipeActionItem.d.ts +0 -5
  300. package/es/SwipeAction/SwipeActionItem.js +0 -78
  301. package/es/SwipeAction/index.d.ts +0 -4
  302. package/es/SwipeAction/index.js +0 -9
  303. package/es/Tabs/utils/scroll.d.ts +0 -2
  304. package/es/Tabs/utils/scroll.js +0 -36
@@ -1,163 +0,0 @@
1
- import React, { Ref } from 'react';
2
- import { OverrideProps } from '@bifrostui/types';
3
- import { DesktopPickerProps } from '../DesktopPicker';
4
- import { CalendarProps } from '../Calendar';
5
- export type IDateTimePickerValue = Date | null;
6
- export interface IDateTimePickerInstance {
7
- /** 日期对象 */
8
- day: Date;
9
- /** 是否禁用 */
10
- disabled: boolean;
11
- }
12
- export interface IDateTimePickerCustomIconProps {
13
- /**
14
- * 是否是最小时间
15
- */
16
- isMinMonth?: boolean;
17
- /**
18
- * 是否是最大时间
19
- */
20
- isMaxMonth?: boolean;
21
- }
22
- export interface IDateTimePickerCalendarProps {
23
- /**
24
- * 是否隐藏当前月之外的日期,默认为false
25
- */
26
- hideDaysOutsideCurrentMonth?: boolean;
27
- /**
28
- * 高亮的日期,默认为today
29
- * today 若选中的非当天,则当天高亮显示,若选中的是当天,则当天展示选中态
30
- * weekend 可选的周末高亮显示
31
- */
32
- highlightDate?: 'today' | 'weekend';
33
- /**
34
- * 自定义日期单元格的内容
35
- */
36
- dateRender?: (currentDate: IDateTimePickerInstance) => React.ReactNode;
37
- /**
38
- * 自定义周单元格的内容
39
- */
40
- weekRender?: (week: string) => React.ReactNode;
41
- }
42
- export type DateTimePickerProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
43
- props: P & {
44
- /**
45
- * 默认选中的值,当组件非受控时使用
46
- */
47
- defaultValue?: IDateTimePickerValue;
48
- /**
49
- * 选中的值,当组件受控时使用
50
- */
51
- value?: IDateTimePickerValue;
52
- /**
53
- * 输入框占位内容
54
- */
55
- placeholder?: string;
56
- /**
57
- * 可选择的最小日期,默认为当前日期
58
- * 渲染指定月时:value=null并指定minDate
59
- */
60
- minDate?: Date;
61
- /**
62
- * 可选择的最大日期,默认为当前日期的一年后
63
- */
64
- maxDate?: Date;
65
- /**
66
- * 弹层是否打开
67
- */
68
- open?: boolean;
69
- /**
70
- * 输入框icon
71
- */
72
- icon?: React.ReactNode;
73
- /**
74
- * inputRef
75
- */
76
- inputRef?: Ref<HTMLInputElement>;
77
- /**
78
- * inputProp
79
- */
80
- inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
81
- /**
82
- * 选择器类型
83
- */
84
- views?: Array<'year' | 'month' | 'day' | 'hour' | 'minute' | 'second'>;
85
- /**
86
- * 头部操作栏左边图标
87
- */
88
- headerBarLeftIcon?: (options: IDateTimePickerCustomIconProps) => React.ReactNode;
89
- /**
90
- * 头部操作栏右边图标
91
- */
92
- headerBarRightIcon?: (options: IDateTimePickerCustomIconProps) => React.ReactNode;
93
- /**
94
- * 是否禁用日期选择器
95
- */
96
- disabled?: boolean;
97
- /**
98
- * 不可选择的日期
99
- */
100
- disabledDate?: (currentDate: Date) => boolean;
101
- /**
102
- * 自定义月份单元格的内容
103
- */
104
- monthRender?: ({ month, currentDate, }: {
105
- month: string | number;
106
- currentDate: IDateTimePickerInstance;
107
- }) => React.ReactNode;
108
- /**
109
- * 自定义年份单元格的内容
110
- */
111
- yearRender?: ({ year, currentDate, }: {
112
- year: string | number;
113
- currentDate: IDateTimePickerInstance;
114
- }) => React.ReactNode;
115
- /**
116
- * 日期发生变化的回调
117
- */
118
- onChange?: (e: React.SyntheticEvent, data: {
119
- value: IDateTimePickerValue;
120
- }) => void;
121
- /**
122
- * 选择日期后是否立刻关闭
123
- */
124
- closeOnSelect?: boolean;
125
- /**
126
- * 禁用弹层选择功能
127
- */
128
- disableOpenPicker?: boolean;
129
- /**
130
- * 日期格式化
131
- */
132
- format?: string;
133
- /**
134
- * 弹层关闭的回调
135
- */
136
- onClose?: () => void;
137
- /**
138
- * 弹层打开的回调
139
- */
140
- onOpen?: () => void;
141
- /**
142
- * 月份切换的回调
143
- */
144
- onMonthChange?: (e: React.SyntheticEvent, data: {
145
- value: Date;
146
- }) => void;
147
- /**
148
- * 年份切换的回调
149
- */
150
- onYearChange?: (e: React.SyntheticEvent, data: {
151
- value: Date;
152
- }) => void;
153
- /**
154
- * DesktopPickerProps
155
- */
156
- DesktopPickerProps?: DesktopPickerProps;
157
- /**
158
- * CalendarProps
159
- */
160
- CalendarProps?: CalendarProps;
161
- };
162
- defaultComponent: D;
163
- }, D>;
@@ -1,15 +0,0 @@
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 DesktopDateTimePicker_types_exports = {};
15
- module.exports = __toCommonJS(DesktopDateTimePicker_types_exports);
@@ -1,66 +0,0 @@
1
- :root,
2
- page,
3
- xhs-page {
4
- --bui-datetime-picker-height: var(--bui-input-height, 32px);
5
- --bui-datetime-picker-min-width: var(--bui-input-min-width, 100px);
6
- --bui-datetime-picker-icon-size: var(--bui-title-size-3, 16px);
7
- --bui-datetime-picker-font-size: var(--bui-title-size-3, 16px);
8
- --bui-datetime-picker-container-padding: var(--bui-spacing-md, 9px);
9
- --bui-datetime-picker-bg: var(--bui-color-bg-view);
10
- --bui-datetime-picker-font-family: var(--bui-font-family);
11
- --bui-datetime-picker-border: 1px solid var(--bui-color-border-default);
12
- --bui-datetime-picker-shadow: 0 0 0 2px var(--bui-color-bg-default);
13
- --bui-datetime-picker-disabled-color: var(--bui-color-fg-subtle);
14
- }
15
- .bui-datetime-picker {
16
- position: relative;
17
- cursor: pointer;
18
- height: var(--bui-datetime-picker-height);
19
- min-width: 100px;
20
- font-size: var(--bui-datetime-picker-font-size);
21
- border-radius: 5px;
22
- background-color: var(--bui-datetime-picker-bg);
23
- font-family: var(--bui-datetime-picker-font-family);
24
- box-sizing: border-box;
25
- border: var(--bui-datetime-picker-border);
26
- }
27
- .bui-datetime-picker:active,
28
- .bui-datetime-picker-active {
29
- box-shadow: var(--bui-datetime-picker-shadow);
30
- }
31
- .bui-datetime-picker-invalid {
32
- border: 1px solid var(--bui-color-danger);
33
- }
34
- .bui-datetime-picker-icon {
35
- display: flex;
36
- align-items: center;
37
- font-size: var(--bui-datetime-picker-icon-size);
38
- }
39
- .bui-datetime-picker-container {
40
- display: flex;
41
- align-items: center;
42
- padding: 0 10px;
43
- height: 100%;
44
- }
45
- .bui-datetime-picker-input {
46
- display: flex;
47
- justify-content: space-between;
48
- align-items: center;
49
- flex: 1;
50
- height: 100%;
51
- background-color: transparent;
52
- outline: none;
53
- border: 0;
54
- }
55
- .bui-datetime-picker-box {
56
- display: flex;
57
- width: 420px;
58
- }
59
- .bui-datetime-picker.bui-datetime-picker-disabled {
60
- pointer-events: none;
61
- box-shadow: none;
62
- background-color: rgba(188, 188, 188, 0.2);
63
- }
64
- .bui-datetime-picker.bui-datetime-picker-disabled input {
65
- color: var(--bui-datetime-picker-disabled-color);
66
- }
@@ -1,2 +0,0 @@
1
- export { default, default as DesktopDateTimePicker, } from './DesktopDateTimePicker';
2
- export * from './DesktopDateTimePicker.types';
@@ -1,41 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: true });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from))
14
- if (!__hasOwnProp.call(to, key) && key !== except)
15
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
- }
17
- return to;
18
- };
19
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var DesktopDateTimePicker_exports = {};
30
- __export(DesktopDateTimePicker_exports, {
31
- DesktopDateTimePicker: () => import_DesktopDateTimePicker.default,
32
- default: () => import_DesktopDateTimePicker.default
33
- });
34
- module.exports = __toCommonJS(DesktopDateTimePicker_exports);
35
- var import_DesktopDateTimePicker = __toESM(require("./DesktopDateTimePicker"));
36
- __reExport(DesktopDateTimePicker_exports, require("./DesktopDateTimePicker.types"), module.exports);
37
- // Annotate the CommonJS export names for ESM import in node:
38
- 0 && (module.exports = {
39
- DesktopDateTimePicker,
40
- ...require("./DesktopDateTimePicker.types")
41
- });
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import { DesktopPickerProps } from './DesktopPicker.types';
3
- import './index.less';
4
- declare const DesktopPicker: React.ForwardRefExoticComponent<Omit<DesktopPickerProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
5
- export default DesktopPicker;
@@ -1,238 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __defProps = Object.defineProperties;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
6
- var __getOwnPropNames = Object.getOwnPropertyNames;
7
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
8
- var __getProtoOf = Object.getPrototypeOf;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
- var __spreadValues = (a, b) => {
13
- for (var prop in b || (b = {}))
14
- if (__hasOwnProp.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- if (__getOwnPropSymbols)
17
- for (var prop of __getOwnPropSymbols(b)) {
18
- if (__propIsEnum.call(b, prop))
19
- __defNormalProp(a, prop, b[prop]);
20
- }
21
- return a;
22
- };
23
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
24
- var __objRest = (source, exclude) => {
25
- var target = {};
26
- for (var prop in source)
27
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
28
- target[prop] = source[prop];
29
- if (source != null && __getOwnPropSymbols)
30
- for (var prop of __getOwnPropSymbols(source)) {
31
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
32
- target[prop] = source[prop];
33
- }
34
- return target;
35
- };
36
- var __export = (target, all) => {
37
- for (var name in all)
38
- __defProp(target, name, { get: all[name], enumerable: true });
39
- };
40
- var __copyProps = (to, from, except, desc) => {
41
- if (from && typeof from === "object" || typeof from === "function") {
42
- for (let key of __getOwnPropNames(from))
43
- if (!__hasOwnProp.call(to, key) && key !== except)
44
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
45
- }
46
- return to;
47
- };
48
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
49
- // If the importer is in node compatibility mode or this is not an ESM
50
- // file that has been converted to a CommonJS file using a Babel-
51
- // compatible transform (i.e. "__esModule" has not been set), then set
52
- // "default" to the CommonJS "module.exports" for node compatibility.
53
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
54
- mod
55
- ));
56
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
57
- var __async = (__this, __arguments, generator) => {
58
- return new Promise((resolve, reject) => {
59
- var fulfilled = (value) => {
60
- try {
61
- step(generator.next(value));
62
- } catch (e) {
63
- reject(e);
64
- }
65
- };
66
- var rejected = (value) => {
67
- try {
68
- step(generator.throw(value));
69
- } catch (e) {
70
- reject(e);
71
- }
72
- };
73
- var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
74
- step((generator = generator.apply(__this, __arguments)).next());
75
- });
76
- };
77
- var DesktopPicker_exports = {};
78
- __export(DesktopPicker_exports, {
79
- default: () => DesktopPicker_default
80
- });
81
- module.exports = __toCommonJS(DesktopPicker_exports);
82
- var import_clsx = __toESM(require("clsx"));
83
- var import_react = __toESM(require("react"));
84
- var import_utils = require("@bifrostui/utils");
85
- var import_Backdrop = __toESM(require("../Backdrop"));
86
- var import_Portal = __toESM(require("../Portal"));
87
- var import_calcAfterMounted = __toESM(require("./utils/calcAfterMounted"));
88
- var import_index = require("./index.css");
89
- const prefixCls = "bui-desktop-picker";
90
- const directionMap = {
91
- bottom: "top",
92
- top: "bottom"
93
- };
94
- const DesktopPicker = /* @__PURE__ */ import_react.default.forwardRef(
95
- (props, ref) => {
96
- const _a = props, {
97
- className,
98
- open,
99
- container,
100
- children,
101
- defaultDirection = "bottom",
102
- inheritWidth = true,
103
- content,
104
- miniBackdropInvisible = false,
105
- onClose,
106
- onMount,
107
- onUnmounted,
108
- containerWidth = "auto",
109
- BackdropProps
110
- } = _a, others = __objRest(_a, [
111
- "className",
112
- "open",
113
- "container",
114
- "children",
115
- "defaultDirection",
116
- "inheritWidth",
117
- "content",
118
- "miniBackdropInvisible",
119
- "onClose",
120
- "onMount",
121
- "onUnmounted",
122
- "containerWidth",
123
- "BackdropProps"
124
- ]);
125
- const contentRef = (0, import_react.useRef)(null);
126
- const nodeRef = (0, import_react.useRef)(null);
127
- const renderChildren = import_react.default.cloneElement(children, {
128
- ref: nodeRef
129
- });
130
- const [contentPosition, setContentPosition] = (0, import_react.useState)(
131
- "bottom"
132
- );
133
- const [transform, setTransform] = (0, import_react.useState)(false);
134
- const getContentDirection = () => __async(void 0, null, function* () {
135
- const curScrollRoot = (0, import_utils.getRootContainer)(container);
136
- const result = yield (0, import_utils.getStylesAndLocation)({
137
- scrollRoot: container && curScrollRoot,
138
- childrenRef: nodeRef,
139
- arrowDirection: defaultDirection,
140
- arrowLocation: "none",
141
- offsetSpacing: 0,
142
- tipRef: contentRef
143
- });
144
- if (!result)
145
- return;
146
- const { newArrowDirection, styles, childrenStyle } = result;
147
- const element = contentRef.current;
148
- element.style.transform = styles == null ? void 0 : styles.transform;
149
- element.style.visibility = styles == null ? void 0 : styles.visibility;
150
- element.style.top = styles == null ? void 0 : styles.top;
151
- element.style.left = styles == null ? void 0 : styles.left;
152
- if (inheritWidth) {
153
- element.style.width = childrenStyle == null ? void 0 : childrenStyle.width;
154
- }
155
- setContentPosition(newArrowDirection);
156
- });
157
- (0, import_react.useEffect)(() => {
158
- if (!import_utils.isMini && open) {
159
- const addEventListenerClick = (e) => {
160
- var _a2;
161
- if (!((_a2 = nodeRef.current) == null ? void 0 : _a2.contains(e.target))) {
162
- onClose(null, { value: !open });
163
- }
164
- };
165
- getContentDirection();
166
- const containerDom = (0, import_utils.getRootContainer)(container, window);
167
- containerDom.addEventListener("scroll", getContentDirection);
168
- window.addEventListener("resize", getContentDirection);
169
- window.addEventListener("click", addEventListenerClick);
170
- return () => {
171
- containerDom.removeEventListener("scroll", getContentDirection);
172
- window.removeEventListener("resize", getContentDirection);
173
- window.removeEventListener("click", addEventListenerClick);
174
- };
175
- }
176
- if (import_utils.isMini && open) {
177
- (0, import_calcAfterMounted.default)(getContentDirection);
178
- }
179
- }, [container, open]);
180
- const renderContent = () => {
181
- return /* @__PURE__ */ import_react.default.createElement(
182
- "div",
183
- {
184
- className: (0, import_clsx.default)(
185
- `${prefixCls}-container`,
186
- `${prefixCls}-${contentPosition}`
187
- ),
188
- style: {
189
- width: containerWidth
190
- },
191
- ref: contentRef
192
- },
193
- /* @__PURE__ */ import_react.default.createElement(
194
- "div",
195
- {
196
- className: `${prefixCls}-container-${transform && open ? "open" : "close"} ${prefixCls}-container-content`,
197
- style: {
198
- transformOrigin: `${directionMap[contentPosition]} center`
199
- },
200
- onTransitionEnd: () => {
201
- if (!open) {
202
- setTransform(false);
203
- }
204
- }
205
- },
206
- content
207
- )
208
- );
209
- };
210
- (0, import_react.useEffect)(() => {
211
- if (open) {
212
- (0, import_calcAfterMounted.default)(() => {
213
- setTransform(true);
214
- });
215
- }
216
- }, [open]);
217
- const renderContainer = (0, import_react.useMemo)(() => {
218
- return open || transform;
219
- }, [open, transform]);
220
- (0, import_utils.useDidMountEffect)(() => {
221
- if (!renderContainer) {
222
- onUnmounted == null ? void 0 : onUnmounted();
223
- } else {
224
- onMount == null ? void 0 : onMount();
225
- }
226
- }, [renderContainer]);
227
- return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({ ref, className: (0, import_clsx.default)(prefixCls, className) }, others), renderChildren), !import_utils.isMini && renderContainer && /* @__PURE__ */ import_react.default.createElement(import_Portal.default, null, renderContent()), import_utils.isMini && renderContainer && /* @__PURE__ */ import_react.default.createElement(import_Portal.default, null, renderContent(), !miniBackdropInvisible && /* @__PURE__ */ import_react.default.createElement(
228
- import_Backdrop.default,
229
- __spreadProps(__spreadValues({}, BackdropProps), {
230
- invisible: true,
231
- open,
232
- onClick: (e) => onClose(e, { value: !open })
233
- })
234
- )));
235
- }
236
- );
237
- DesktopPicker.displayName = "BUIDesktopPicker";
238
- var DesktopPicker_default = DesktopPicker;
@@ -1,57 +0,0 @@
1
- import React from 'react';
2
- import { OverrideProps } from '@bifrostui/types';
3
- import { BackdropProps } from '../Backdrop/Backdrop.types';
4
- export type DesktopPickerProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
5
- props: P & {
6
- /**
7
- * 是否继承宽度
8
- * @default true
9
- */
10
- inheritWidth?: boolean;
11
- /**
12
- * 是否打开
13
- */
14
- open: boolean;
15
- /**
16
- * 浮层的内容
17
- */
18
- content?: React.ReactNode;
19
- /**
20
- * 浮层宽度
21
- */
22
- containerWidth?: number;
23
- /**
24
- * 是否指定滚动容器
25
- */
26
- container?: HTMLElement | (() => HTMLElement);
27
- /**
28
- * 小程序是否使用backdrop
29
- * @default false
30
- */
31
- miniBackdropInvisible?: boolean;
32
- /**
33
- * 关闭浮层
34
- */
35
- onClose?: (e: React.MouseEvent<any>, data: {
36
- value: boolean;
37
- }) => void;
38
- /**
39
- * 打开后动画开始的回调
40
- */
41
- onMount?: () => void;
42
- /**
43
- * 卸载后动画结束的回调
44
- */
45
- onUnmounted?: () => void;
46
- /**
47
- * 默认的浮层位置
48
- * @default bottom
49
- */
50
- defaultDirection?: 'top' | 'bottom';
51
- /**
52
- * 透传浮层的Props
53
- */
54
- BackdropProps?: BackdropProps;
55
- };
56
- defaultComponent: D;
57
- }, D>;
@@ -1,15 +0,0 @@
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 DesktopPicker_types_exports = {};
15
- module.exports = __toCommonJS(DesktopPicker_types_exports);
@@ -1,37 +0,0 @@
1
- :root,
2
- page,
3
- xhs-page {
4
- --bui-desktop-picker-zindex: var(--bui-z-index-tooltip);
5
- --bui-desktop-picker-bg: var(--bui-color-bg-view);
6
- --bui-desktop-picker-shadow: 0 0 0 2px var(--bui-color-bg-default);
7
- }
8
- .bui-desktop-picker {
9
- position: relative;
10
- height: 100%;
11
- }
12
- .bui-desktop-picker-container {
13
- position: absolute;
14
- box-sizing: border-box;
15
- visibility: hidden;
16
- z-index: var(--bui-desktop-picker-zindex);
17
- }
18
- .bui-desktop-picker-container-content {
19
- border-radius: 3px;
20
- background-color: var(--bui-desktop-picker-bg);
21
- box-shadow: var(--bui-desktop-picker-shadow);
22
- }
23
- .bui-desktop-picker-container-open {
24
- transform: none;
25
- transition: opacity 321ms cubic-bezier(0.4, 0, 0.2, 1), transform 214ms cubic-bezier(0.4, 0, 0.2, 1);
26
- }
27
- .bui-desktop-picker-container-close {
28
- opacity: 0;
29
- transform: scale(0.75, 0.5625);
30
- transition: opacity 321ms cubic-bezier(0.4, 0, 0.2, 1), transform 214ms cubic-bezier(0.4, 0, 0.2, 1) 107ms;
31
- }
32
- .bui-desktop-picker-top {
33
- margin-top: -6px;
34
- }
35
- .bui-desktop-picker-bottom {
36
- margin-top: 6px;
37
- }
@@ -1,2 +0,0 @@
1
- export { default as DesktopPicker, default } from './DesktopPicker';
2
- export * from './DesktopPicker.types';