@bifrostui/react 1.2.9-beta.0 → 1.3.1-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 (307) hide show
  1. package/dist/ActionSheet/ActionSheet.css +6 -3
  2. package/dist/ActionSheet/ActionSheetItem.css +10 -6
  3. package/dist/Alert/index.css +14 -8
  4. package/dist/Avatar/Avatar.css +13 -9
  5. package/dist/Avatar/AvatarGroup.css +15 -8
  6. package/dist/Backdrop/Backdrop.css +2 -1
  7. package/dist/Badge/Badge.css +27 -17
  8. package/dist/Breadcrumb/Breadcrumb.css +34 -0
  9. package/dist/Breadcrumb/Breadcrumb.d.ts +5 -0
  10. package/dist/Breadcrumb/Breadcrumb.js +128 -0
  11. package/dist/Breadcrumb/Breadcrumb.types.d.ts +49 -0
  12. package/dist/Breadcrumb/Breadcrumb.types.js +15 -0
  13. package/dist/Breadcrumb/BreadcrumbItem.d.ts +4 -0
  14. package/dist/Breadcrumb/BreadcrumbItem.js +78 -0
  15. package/dist/Breadcrumb/index.d.ts +4 -0
  16. package/dist/Breadcrumb/index.js +45 -0
  17. package/dist/Button/Button.css +26 -17
  18. package/dist/Calendar/Calendar.css +33 -18
  19. package/dist/Calendar/Calendar.d.ts +1 -1
  20. package/dist/Calendar/Calendar.js +85 -18
  21. package/dist/Calendar/Calendar.types.d.ts +33 -0
  22. package/dist/Card/CardFooter.css +2 -1
  23. package/dist/Card/CardHeader.css +3 -1
  24. package/dist/Checkbox/Checkbox.css +7 -5
  25. package/dist/CitySelector/CitySelector.css +29 -15
  26. package/dist/CitySelector/CitySelectorCore.js +25 -16
  27. package/dist/CitySelector/Selector/index.css +4 -4
  28. package/dist/Collapse/Collapse.css +6 -0
  29. package/dist/Collapse/Collapse.d.ts +5 -0
  30. package/dist/Collapse/Collapse.js +165 -0
  31. package/dist/Collapse/Collapse.types.d.ts +16 -0
  32. package/dist/Collapse/Collapse.types.js +15 -0
  33. package/dist/Collapse/index.d.ts +2 -0
  34. package/dist/Collapse/index.js +41 -0
  35. package/dist/CollapsePanel/CollapsePanel.css +32 -0
  36. package/dist/CollapsePanel/CollapsePanel.d.ts +5 -0
  37. package/dist/CollapsePanel/CollapsePanel.js +159 -0
  38. package/dist/CollapsePanel/CollapsePanel.types.d.ts +64 -0
  39. package/dist/CollapsePanel/CollapsePanel.types.js +15 -0
  40. package/dist/CollapsePanel/CollapsePanelItem.d.ts +4 -0
  41. package/dist/CollapsePanel/CollapsePanelItem.js +112 -0
  42. package/dist/CollapsePanel/index.d.ts +4 -0
  43. package/dist/CollapsePanel/index.js +45 -0
  44. package/dist/Countdown/Countdown.css +2 -1
  45. package/dist/Countdown/Countdown.js +3 -0
  46. package/dist/Dialog/Dialog.d.ts +5 -0
  47. package/dist/Dialog/Dialog.js +152 -0
  48. package/dist/Dialog/Dialog.types.d.ts +109 -0
  49. package/dist/Dialog/Dialog.types.js +15 -0
  50. package/dist/Dialog/FunctionalDialog.d.ts +3 -0
  51. package/dist/Dialog/FunctionalDialog.js +204 -0
  52. package/dist/Dialog/index.css +75 -0
  53. package/dist/Dialog/index.d.ts +2 -0
  54. package/dist/Dialog/index.js +41 -0
  55. package/dist/Divider/Divider.css +6 -4
  56. package/dist/IconButton/IconButton.css +9 -7
  57. package/dist/Image/index.css +2 -1
  58. package/dist/Input/Input.css +10 -5
  59. package/dist/List/List.css +3 -0
  60. package/dist/List/ListItem.css +3 -3
  61. package/dist/List/ListItemContent.css +1 -1
  62. package/dist/Loading/Loading.css +4 -2
  63. package/dist/Modal/Modal.miniapp.d.ts +1 -1
  64. package/dist/NavBar/NavBar.css +9 -5
  65. package/dist/Picker/Picker.css +25 -29
  66. package/dist/Picker/Picker.js +31 -11
  67. package/dist/Picker/Picker.types.d.ts +4 -0
  68. package/dist/Picker/PickerPanel.css +8 -8
  69. package/dist/Picker/PickerPanel.js +14 -8
  70. package/dist/Picker/utils.d.ts +16 -0
  71. package/dist/Picker/utils.js +32 -2
  72. package/dist/Popover/Popover.css +97 -0
  73. package/dist/Popover/Popover.d.ts +5 -0
  74. package/dist/Popover/Popover.js +186 -0
  75. package/dist/Popover/Popover.types.d.ts +60 -0
  76. package/dist/Popover/Popover.types.js +15 -0
  77. package/dist/Popover/index.d.ts +2 -0
  78. package/dist/Popover/index.js +41 -0
  79. package/dist/Portal/Portal.types.d.ts +4 -0
  80. package/dist/Portal/PortalCore.js +8 -1
  81. package/dist/Progress/Progress.css +8 -6
  82. package/dist/Radio/Radio.css +2 -1
  83. package/dist/Radio/Radio.js +1 -1
  84. package/dist/Radio/RadioButtonIcon.d.ts +1 -6
  85. package/dist/Radio/RadioButtonIcon.js +0 -3
  86. package/dist/Rating/Rating.css +8 -4
  87. package/dist/Select/Select.css +21 -10
  88. package/dist/Select/Select.js +1 -1
  89. package/dist/Select/SelectOption.js +3 -0
  90. package/dist/Skeleton/Skeleton.css +3 -2
  91. package/dist/Slider/Slider.css +24 -13
  92. package/dist/Steps/Step.css +11 -11
  93. package/dist/Steps/Steps.css +14 -5
  94. package/dist/Swiper/Swiper.css +2 -1
  95. package/dist/Switch/Switch.css +31 -16
  96. package/dist/TabBar/TabBar.css +7 -3
  97. package/dist/TabBar/TabBarItem.css +0 -1
  98. package/dist/Tabs/Tab.css +2 -6
  99. package/dist/Tabs/Tabs.css +7 -4
  100. package/dist/Tag/Tag.css +7 -10
  101. package/dist/Tag/TagGroup.css +9 -1
  102. package/dist/TextArea/TextArea.css +14 -8
  103. package/dist/ThemeProvider/ThemeProvider.d.ts +4 -0
  104. package/dist/ThemeProvider/ThemeProvider.js +90 -0
  105. package/dist/ThemeProvider/ThemeProvider.types.d.ts +127 -0
  106. package/dist/ThemeProvider/ThemeProvider.types.js +27 -0
  107. package/dist/ThemeProvider/hooks/ThemeContext.d.ts +4 -0
  108. package/dist/ThemeProvider/hooks/ThemeContext.js +35 -0
  109. package/dist/ThemeProvider/hooks/createTheme.d.ts +2 -0
  110. package/dist/ThemeProvider/hooks/createTheme.js +55 -0
  111. package/dist/ThemeProvider/hooks/index.d.ts +4 -0
  112. package/dist/ThemeProvider/hooks/index.js +43 -0
  113. package/dist/ThemeProvider/hooks/useTheme.d.ts +1 -0
  114. package/dist/ThemeProvider/hooks/useTheme.js +39 -0
  115. package/dist/ThemeProvider/index.d.ts +4 -0
  116. package/dist/ThemeProvider/index.js +45 -0
  117. package/dist/ThemeProvider/utils/constants.d.ts +38 -0
  118. package/dist/ThemeProvider/utils/constants.js +65 -0
  119. package/dist/ThemeProvider/utils/index.d.ts +2 -0
  120. package/dist/ThemeProvider/utils/index.js +23 -0
  121. package/dist/ThemeProvider/utils/mountTokens.d.ts +26 -0
  122. package/dist/ThemeProvider/utils/mountTokens.js +123 -0
  123. package/dist/Toast/FunctionalToast.d.ts +3 -0
  124. package/dist/Toast/FunctionalToast.js +177 -0
  125. package/dist/Toast/Toast.css +56 -0
  126. package/dist/Toast/Toast.d.ts +5 -0
  127. package/dist/Toast/Toast.js +121 -0
  128. package/dist/Toast/Toast.types.d.ts +101 -0
  129. package/dist/Toast/Toast.types.js +15 -0
  130. package/dist/Toast/index.d.ts +2 -0
  131. package/dist/Toast/index.js +41 -0
  132. package/dist/Tooltip/Tooltip.css +91 -0
  133. package/dist/Tooltip/Tooltip.d.ts +5 -0
  134. package/dist/Tooltip/Tooltip.js +177 -0
  135. package/dist/Tooltip/Tooltip.types.d.ts +51 -0
  136. package/dist/Tooltip/Tooltip.types.js +15 -0
  137. package/dist/Tooltip/index.d.ts +2 -0
  138. package/dist/Tooltip/index.js +41 -0
  139. package/dist/Transition/Transition.miniapp.js +7 -1
  140. package/dist/index.d.ts +9 -0
  141. package/dist/index.js +19 -1
  142. package/dist/locales/base.d.ts +40 -0
  143. package/dist/locales/base.js +15 -0
  144. package/dist/locales/en-US.d.ts +3 -0
  145. package/dist/locales/en-US.js +69 -0
  146. package/dist/locales/hooks/useLocaleText.d.ts +3 -0
  147. package/dist/locales/hooks/useLocaleText.js +43 -0
  148. package/dist/locales/index.d.ts +5 -0
  149. package/dist/locales/index.js +49 -0
  150. package/dist/locales/zh-CN.d.ts +3 -0
  151. package/dist/locales/zh-CN.js +51 -0
  152. package/dist/locales/zh-TW.d.ts +3 -0
  153. package/dist/locales/zh-TW.js +51 -0
  154. package/es/ActionSheet/ActionSheet.css +6 -3
  155. package/es/ActionSheet/ActionSheetItem.css +10 -6
  156. package/es/Alert/index.css +14 -8
  157. package/es/Avatar/Avatar.css +13 -9
  158. package/es/Avatar/AvatarGroup.css +15 -8
  159. package/es/Backdrop/Backdrop.css +2 -1
  160. package/es/Badge/Badge.css +27 -17
  161. package/es/Breadcrumb/Breadcrumb.css +34 -0
  162. package/es/Breadcrumb/Breadcrumb.d.ts +5 -0
  163. package/es/Breadcrumb/Breadcrumb.js +101 -0
  164. package/es/Breadcrumb/Breadcrumb.types.d.ts +49 -0
  165. package/es/Breadcrumb/Breadcrumb.types.js +1 -0
  166. package/es/Breadcrumb/BreadcrumbItem.d.ts +4 -0
  167. package/es/Breadcrumb/BreadcrumbItem.js +51 -0
  168. package/es/Breadcrumb/index.d.ts +4 -0
  169. package/es/Breadcrumb/index.js +9 -0
  170. package/es/Button/Button.css +26 -17
  171. package/es/Calendar/Calendar.css +33 -18
  172. package/es/Calendar/Calendar.d.ts +1 -1
  173. package/es/Calendar/Calendar.js +91 -19
  174. package/es/Calendar/Calendar.types.d.ts +33 -0
  175. package/es/Card/CardFooter.css +2 -1
  176. package/es/Card/CardHeader.css +3 -1
  177. package/es/Checkbox/Checkbox.css +7 -5
  178. package/es/CitySelector/CitySelector.css +29 -15
  179. package/es/CitySelector/CitySelectorCore.js +25 -16
  180. package/es/CitySelector/Selector/index.css +4 -4
  181. package/es/Collapse/Collapse.css +6 -0
  182. package/es/Collapse/Collapse.d.ts +5 -0
  183. package/es/Collapse/Collapse.js +144 -0
  184. package/es/Collapse/Collapse.types.d.ts +16 -0
  185. package/es/Collapse/Collapse.types.js +1 -0
  186. package/es/Collapse/index.d.ts +2 -0
  187. package/es/Collapse/index.js +6 -0
  188. package/es/CollapsePanel/CollapsePanel.css +32 -0
  189. package/es/CollapsePanel/CollapsePanel.d.ts +5 -0
  190. package/es/CollapsePanel/CollapsePanel.js +132 -0
  191. package/es/CollapsePanel/CollapsePanel.types.d.ts +64 -0
  192. package/es/CollapsePanel/CollapsePanel.types.js +1 -0
  193. package/es/CollapsePanel/CollapsePanelItem.d.ts +4 -0
  194. package/es/CollapsePanel/CollapsePanelItem.js +85 -0
  195. package/es/CollapsePanel/index.d.ts +4 -0
  196. package/es/CollapsePanel/index.js +9 -0
  197. package/es/Countdown/Countdown.css +2 -1
  198. package/es/Countdown/Countdown.js +3 -0
  199. package/es/Dialog/Dialog.d.ts +5 -0
  200. package/es/Dialog/Dialog.js +125 -0
  201. package/es/Dialog/Dialog.types.d.ts +109 -0
  202. package/es/Dialog/Dialog.types.js +1 -0
  203. package/es/Dialog/FunctionalDialog.d.ts +3 -0
  204. package/es/Dialog/FunctionalDialog.js +177 -0
  205. package/es/Dialog/index.css +75 -0
  206. package/es/Dialog/index.d.ts +2 -0
  207. package/es/Dialog/index.js +6 -0
  208. package/es/Divider/Divider.css +6 -4
  209. package/es/IconButton/IconButton.css +9 -7
  210. package/es/Image/index.css +2 -1
  211. package/es/Input/Input.css +10 -5
  212. package/es/List/List.css +3 -0
  213. package/es/List/ListItem.css +3 -3
  214. package/es/List/ListItemContent.css +1 -1
  215. package/es/Loading/Loading.css +4 -2
  216. package/es/Modal/Modal.miniapp.d.ts +1 -1
  217. package/es/NavBar/NavBar.css +9 -5
  218. package/es/Picker/Picker.css +25 -29
  219. package/es/Picker/Picker.js +32 -12
  220. package/es/Picker/Picker.types.d.ts +4 -0
  221. package/es/Picker/PickerPanel.css +8 -8
  222. package/es/Picker/PickerPanel.js +14 -8
  223. package/es/Picker/utils.d.ts +16 -0
  224. package/es/Picker/utils.js +29 -1
  225. package/es/Popover/Popover.css +97 -0
  226. package/es/Popover/Popover.d.ts +5 -0
  227. package/es/Popover/Popover.js +159 -0
  228. package/es/Popover/Popover.types.d.ts +60 -0
  229. package/es/Popover/Popover.types.js +1 -0
  230. package/es/Popover/index.d.ts +2 -0
  231. package/es/Popover/index.js +6 -0
  232. package/es/Portal/Portal.types.d.ts +4 -0
  233. package/es/Portal/PortalCore.js +8 -1
  234. package/es/Progress/Progress.css +8 -6
  235. package/es/Radio/Radio.css +2 -1
  236. package/es/Radio/Radio.js +1 -1
  237. package/es/Radio/RadioButtonIcon.d.ts +1 -6
  238. package/es/Radio/RadioButtonIcon.js +0 -3
  239. package/es/Rating/Rating.css +8 -4
  240. package/es/Select/Select.css +21 -10
  241. package/es/Select/Select.js +1 -1
  242. package/es/Select/SelectOption.js +3 -0
  243. package/es/Skeleton/Skeleton.css +3 -2
  244. package/es/Slider/Slider.css +24 -13
  245. package/es/Steps/Step.css +11 -11
  246. package/es/Steps/Steps.css +14 -5
  247. package/es/Swiper/Swiper.css +2 -1
  248. package/es/Switch/Switch.css +31 -16
  249. package/es/TabBar/TabBar.css +7 -3
  250. package/es/TabBar/TabBarItem.css +0 -1
  251. package/es/Tabs/Tab.css +2 -6
  252. package/es/Tabs/Tabs.css +7 -4
  253. package/es/Tag/Tag.css +7 -10
  254. package/es/Tag/TagGroup.css +9 -1
  255. package/es/TextArea/TextArea.css +14 -8
  256. package/es/ThemeProvider/ThemeProvider.d.ts +4 -0
  257. package/es/ThemeProvider/ThemeProvider.js +61 -0
  258. package/es/ThemeProvider/ThemeProvider.types.d.ts +127 -0
  259. package/es/ThemeProvider/ThemeProvider.types.js +1 -0
  260. package/es/ThemeProvider/hooks/ThemeContext.d.ts +4 -0
  261. package/es/ThemeProvider/hooks/ThemeContext.js +6 -0
  262. package/es/ThemeProvider/hooks/createTheme.d.ts +2 -0
  263. package/es/ThemeProvider/hooks/createTheme.js +38 -0
  264. package/es/ThemeProvider/hooks/index.d.ts +4 -0
  265. package/es/ThemeProvider/hooks/index.js +8 -0
  266. package/es/ThemeProvider/hooks/useTheme.d.ts +1 -0
  267. package/es/ThemeProvider/hooks/useTheme.js +10 -0
  268. package/es/ThemeProvider/index.d.ts +4 -0
  269. package/es/ThemeProvider/index.js +8 -0
  270. package/es/ThemeProvider/utils/constants.d.ts +38 -0
  271. package/es/ThemeProvider/utils/constants.js +40 -0
  272. package/es/ThemeProvider/utils/index.d.ts +2 -0
  273. package/es/ThemeProvider/utils/index.js +2 -0
  274. package/es/ThemeProvider/utils/mountTokens.d.ts +26 -0
  275. package/es/ThemeProvider/utils/mountTokens.js +88 -0
  276. package/es/Toast/FunctionalToast.d.ts +3 -0
  277. package/es/Toast/FunctionalToast.js +150 -0
  278. package/es/Toast/Toast.css +56 -0
  279. package/es/Toast/Toast.d.ts +5 -0
  280. package/es/Toast/Toast.js +99 -0
  281. package/es/Toast/Toast.types.d.ts +101 -0
  282. package/es/Toast/Toast.types.js +1 -0
  283. package/es/Toast/index.d.ts +2 -0
  284. package/es/Toast/index.js +6 -0
  285. package/es/Tooltip/Tooltip.css +91 -0
  286. package/es/Tooltip/Tooltip.d.ts +5 -0
  287. package/es/Tooltip/Tooltip.js +150 -0
  288. package/es/Tooltip/Tooltip.types.d.ts +51 -0
  289. package/es/Tooltip/Tooltip.types.js +1 -0
  290. package/es/Tooltip/index.d.ts +2 -0
  291. package/es/Tooltip/index.js +6 -0
  292. package/es/Transition/Transition.miniapp.js +7 -1
  293. package/es/index.d.ts +9 -0
  294. package/es/index.js +9 -0
  295. package/es/locales/base.d.ts +40 -0
  296. package/es/locales/base.js +0 -0
  297. package/es/locales/en-US.d.ts +3 -0
  298. package/es/locales/en-US.js +50 -0
  299. package/es/locales/hooks/useLocaleText.d.ts +3 -0
  300. package/es/locales/hooks/useLocaleText.js +26 -0
  301. package/es/locales/index.d.ts +5 -0
  302. package/es/locales/index.js +11 -0
  303. package/es/locales/zh-CN.d.ts +3 -0
  304. package/es/locales/zh-CN.js +32 -0
  305. package/es/locales/zh-TW.d.ts +3 -0
  306. package/es/locales/zh-TW.js +32 -0
  307. package/package.json +5 -5
@@ -0,0 +1,91 @@
1
+ .bui-tooltip {
2
+ --arrow-size: var(--bui-tooltip-arrow-size, 8px);
3
+ --localtion-position: var(--bui-tooltip-localtion-position, 8px);
4
+ --max-width: var(--bui-tooltip-max-width, 350px);
5
+ --content-min-width: var(--bui-tooltip-content-min-width, 30px);
6
+ --content-min-height: var(--bui-tooltip-content-min-height, 32px);
7
+ --content-padding: var(--bui-tooltip-content-padding, 6px 8px);
8
+ max-width: var(--max-width);
9
+ font-size: var(--bui-text-size-1);
10
+ position: absolute;
11
+ visibility: hidden;
12
+ z-index: var(--bui-z-index-tooltip);
13
+ }
14
+ .bui-tooltip .bui-tooltip-arrow {
15
+ width: 0;
16
+ height: 0;
17
+ position: absolute;
18
+ }
19
+ .bui-tooltip .bui-tooltip-arrow.location-left {
20
+ left: var(--localtion-position);
21
+ }
22
+ .bui-tooltip .bui-tooltip-arrow.location-right {
23
+ right: var(--localtion-position);
24
+ }
25
+ .bui-tooltip .bui-tooltip-arrow.location-top {
26
+ top: var(--localtion-position);
27
+ }
28
+ .bui-tooltip .bui-tooltip-arrow.location-bottom {
29
+ bottom: var(--localtion-position);
30
+ }
31
+ .bui-tooltip.tooltip-top .location-center,
32
+ .bui-tooltip.tooltip-bottom .location-center {
33
+ left: 50%;
34
+ transform: translateX(-50%);
35
+ }
36
+ .bui-tooltip.tooltip-left .location-center,
37
+ .bui-tooltip.tooltip-right .location-center {
38
+ top: 50%;
39
+ transform: translateY(-50%);
40
+ }
41
+ .bui-tooltip.tooltip-top {
42
+ padding-bottom: var(--arrow-size);
43
+ }
44
+ .bui-tooltip.tooltip-top .bui-tooltip-arrow {
45
+ border-left: var(--arrow-size) solid transparent;
46
+ border-right: var(--arrow-size) solid transparent;
47
+ border-top: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
48
+ bottom: 0;
49
+ }
50
+ .bui-tooltip.tooltip-bottom {
51
+ padding-top: var(--arrow-size);
52
+ }
53
+ .bui-tooltip.tooltip-bottom .bui-tooltip-arrow {
54
+ border-left: var(--arrow-size) solid transparent;
55
+ border-right: var(--arrow-size) solid transparent;
56
+ border-bottom: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
57
+ top: 0;
58
+ }
59
+ .bui-tooltip.tooltip-left {
60
+ padding-right: var(--arrow-size);
61
+ }
62
+ .bui-tooltip.tooltip-left .bui-tooltip-arrow {
63
+ border-top: var(--arrow-size) solid transparent;
64
+ border-bottom: var(--arrow-size) solid transparent;
65
+ border-left: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
66
+ right: 0;
67
+ }
68
+ .bui-tooltip.tooltip-right {
69
+ padding-left: var(--arrow-size);
70
+ }
71
+ .bui-tooltip.tooltip-right .bui-tooltip-arrow {
72
+ border-top: var(--arrow-size) solid transparent;
73
+ border-bottom: var(--arrow-size) solid transparent;
74
+ border-right: var(--arrow-size) solid var(--bui-color-bg-alpha-dark-7);
75
+ left: 0;
76
+ }
77
+ .bui-tooltip .bui-tooltip-content {
78
+ min-width: var(--content-min-width);
79
+ min-height: var(--content-min-height);
80
+ padding: var(--content-padding);
81
+ color: var(--bui-color-white);
82
+ text-align: left;
83
+ text-decoration: none;
84
+ word-wrap: break-word;
85
+ background-color: var(--bui-color-bg-alpha-dark-7);
86
+ border-radius: var(--bui-shape-radius-poster);
87
+ box-shadow:
88
+ 0 3px 6px -4px rgba(0, 0, 0, 0.12),
89
+ 0 6px 16px 0 rgba(0, 0, 0, 0.08),
90
+ 0 9px 28px 8px rgba(0, 0, 0, 0.05);
91
+ }
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import './Tooltip.less';
3
+ import { TooltipProps } from './Tooltip.types';
4
+ declare const Tooltip: React.ForwardRefExoticComponent<Omit<TooltipProps<"div", {}>, "ref"> & React.RefAttributes<HTMLElement>>;
5
+ export default Tooltip;
@@ -0,0 +1,177 @@
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 Tooltip_exports = {};
58
+ __export(Tooltip_exports, {
59
+ default: () => Tooltip_default
60
+ });
61
+ module.exports = __toCommonJS(Tooltip_exports);
62
+ var import_clsx = __toESM(require("clsx"));
63
+ var import_react = __toESM(require("react"));
64
+ var import_utils = require("@bifrostui/utils");
65
+ var import_Portal = __toESM(require("../Portal"));
66
+ var import_Tooltip = require("./Tooltip.css");
67
+ const prefixCls = "bui-tooltip";
68
+ const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
69
+ const _a = props, {
70
+ className,
71
+ style,
72
+ children,
73
+ title,
74
+ defaultOpen,
75
+ placement = "top",
76
+ trigger,
77
+ onOpenChange,
78
+ open,
79
+ PortalProps
80
+ } = _a, others = __objRest(_a, [
81
+ "className",
82
+ "style",
83
+ "children",
84
+ "title",
85
+ "defaultOpen",
86
+ "placement",
87
+ "trigger",
88
+ "onOpenChange",
89
+ "open",
90
+ "PortalProps"
91
+ ]);
92
+ const positionArr = placement.split(/([A-Z])/);
93
+ const direction = positionArr[0];
94
+ let location;
95
+ if (positionArr.length > 1) {
96
+ positionArr.splice(0, 1);
97
+ location = positionArr.join("").toLowerCase();
98
+ } else {
99
+ location = "center";
100
+ }
101
+ const childrenRef = (0, import_react.useRef)();
102
+ const [openStatus, setOpenStatus] = (0, import_react.useState)(defaultOpen);
103
+ const [arrowDirection, setArrowDirection] = (0, import_react.useState)(direction);
104
+ const [arrowLocation, setArrowLocation] = (0, import_react.useState)(location);
105
+ const [tooltyles, setTooltyles] = (0, import_react.useState)({});
106
+ const ttId = (0, import_react.useId)();
107
+ const onRootElementMouted = () => {
108
+ const result = (0, import_utils.getStylesAndLocation)({
109
+ childrenRef,
110
+ arrowDirection,
111
+ arrowLocation,
112
+ selector: `[data-id="tt_${ttId}"]`
113
+ });
114
+ if (!result)
115
+ return;
116
+ const { styles, newArrowDirection, newArrowLocation } = result;
117
+ if (newArrowDirection !== arrowDirection) {
118
+ setArrowDirection(newArrowDirection);
119
+ }
120
+ if (newArrowLocation !== arrowLocation) {
121
+ setArrowLocation(newArrowLocation);
122
+ }
123
+ setTooltyles(styles);
124
+ };
125
+ const changeOpenStatus = (event, status) => {
126
+ if (open)
127
+ return;
128
+ setOpenStatus(status);
129
+ onOpenChange == null ? void 0 : onOpenChange(event, { open: status });
130
+ };
131
+ const triggerClick = (event) => {
132
+ const targetStatus = !openStatus;
133
+ changeOpenStatus(event, targetStatus);
134
+ };
135
+ const hideTooltip = (event) => {
136
+ changeOpenStatus(event, false);
137
+ };
138
+ const showTooltip = (event) => {
139
+ changeOpenStatus(event, true);
140
+ };
141
+ const triggerEventOption = (0, import_utils.triggerEventTransform)({
142
+ trigger,
143
+ click: triggerClick,
144
+ show: showTooltip,
145
+ hide: hideTooltip
146
+ });
147
+ const childrenOptions = __spreadValues({
148
+ ref: childrenRef
149
+ }, triggerEventOption);
150
+ if (!children || !title)
151
+ return null;
152
+ return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (open || openStatus) && title ? /* @__PURE__ */ import_react.default.createElement(
153
+ import_Portal.default,
154
+ __spreadProps(__spreadValues({
155
+ onRootElementMouted
156
+ }, PortalProps), {
157
+ ref
158
+ }),
159
+ /* @__PURE__ */ import_react.default.createElement(
160
+ "div",
161
+ __spreadValues({
162
+ className: (0, import_clsx.default)(prefixCls, className, `tooltip-${arrowDirection}`),
163
+ style: __spreadValues(__spreadValues({}, style), tooltyles),
164
+ "data-id": `tt_${ttId}`
165
+ }, others),
166
+ /* @__PURE__ */ import_react.default.createElement(
167
+ "div",
168
+ {
169
+ className: (0, import_clsx.default)("bui-tooltip-arrow", `location-${arrowLocation}`)
170
+ }
171
+ ),
172
+ /* @__PURE__ */ import_react.default.createElement("div", { className: "bui-tooltip-content" }, title)
173
+ )
174
+ ) : null, import_react.default.cloneElement(children, childrenOptions));
175
+ });
176
+ Tooltip.displayName = "BuiTooltip";
177
+ var Tooltip_default = Tooltip;
@@ -0,0 +1,51 @@
1
+ import React from 'react';
2
+ import { OverrideProps } from '@bifrostui/types';
3
+ import { PortalCoreProps } from '../Portal/Portal.types';
4
+ type triggerType = 'click' | 'hover';
5
+ export type TooltipProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
6
+ props: P & {
7
+ children: React.ReactElement;
8
+ /**
9
+ * 气泡浮层显示内容
10
+ */
11
+ title?: string;
12
+ /**
13
+ * 默认是否显隐
14
+ * @default false
15
+ */
16
+ defaultOpen?: boolean;
17
+ /**
18
+ * 用于手动控制气泡浮层显隐
19
+ * @default false
20
+ */
21
+ open?: boolean;
22
+ /**
23
+ * 气泡框位置
24
+ * @default 'top'
25
+ */
26
+ placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
27
+ /**
28
+ * 触发行为
29
+ * - click: 点击触发
30
+ * - hover: hover触发
31
+ * - 或者是他们的数组
32
+ * @default 'click'
33
+ */
34
+ trigger?: triggerType | triggerType[];
35
+ /**
36
+ * Portal组件的属性
37
+ */
38
+ PortalProps?: PortalCoreProps;
39
+ /**
40
+ * 点击事件回调方法
41
+ * - event 触发事件
42
+ * - data.open 浮层显隐状态
43
+ * @returns
44
+ */
45
+ onOpenChange?: (event: React.SyntheticEvent, data: {
46
+ open: boolean;
47
+ }) => void;
48
+ };
49
+ defaultComponent: D;
50
+ }, D>;
51
+ 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 Tooltip_types_exports = {};
15
+ module.exports = __toCommonJS(Tooltip_types_exports);
@@ -0,0 +1,2 @@
1
+ export { default as Tooltip, default } from './Tooltip';
2
+ export * from './Tooltip.types';
@@ -0,0 +1,41 @@
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 Tooltip_exports = {};
30
+ __export(Tooltip_exports, {
31
+ Tooltip: () => import_Tooltip.default,
32
+ default: () => import_Tooltip.default
33
+ });
34
+ module.exports = __toCommonJS(Tooltip_exports);
35
+ var import_Tooltip = __toESM(require("./Tooltip"));
36
+ __reExport(Tooltip_exports, require("./Tooltip.types"), module.exports);
37
+ // Annotate the CommonJS export names for ESM import in node:
38
+ 0 && (module.exports = {
39
+ Tooltip,
40
+ ...require("./Tooltip.types")
41
+ });
@@ -53,7 +53,13 @@ var import_react = __toESM(require("react"));
53
53
  var import_TransitionCore = __toESM(require("./TransitionCore"));
54
54
  const Transition = /* @__PURE__ */ import_react.default.forwardRef(
55
55
  (props, ref) => {
56
- return /* @__PURE__ */ import_react.default.createElement(import_TransitionCore.default, __spreadProps(__spreadValues({}, props), { nextTick: import_taro.default.nextTick, ref }));
56
+ return /* @__PURE__ */ import_react.default.createElement(
57
+ import_TransitionCore.default,
58
+ __spreadProps(__spreadValues({}, props), {
59
+ nextTick: (cb) => setTimeout(() => import_taro.default.nextTick(cb), 16),
60
+ ref
61
+ })
62
+ );
57
63
  }
58
64
  );
59
65
  Transition.displayName = "BuiTransition";
package/dist/index.d.ts CHANGED
@@ -7,6 +7,7 @@ export * from './Button';
7
7
  export * from './Calendar';
8
8
  export * from './Card';
9
9
  export * from './Checkbox';
10
+ export * from './Collapse';
10
11
  export * from './Divider';
11
12
  export * from './Drawer';
12
13
  export * from './Fade';
@@ -15,6 +16,7 @@ export * from './Image';
15
16
  export * from './Input';
16
17
  export * from './List';
17
18
  export * from './Modal';
19
+ export * from './Popover';
18
20
  export * from './Portal';
19
21
  export * from './Progress';
20
22
  export * from './Radio';
@@ -32,9 +34,16 @@ export * from './Tabs';
32
34
  export * from './Tag';
33
35
  export * from './TextArea';
34
36
  export * from './Transition';
37
+ export * from './Tooltip';
35
38
  export * from './NavBar';
36
39
  export * from './Loading';
37
40
  export * from './TabBar';
38
41
  export * from './Countdown';
39
42
  export * from './CitySelector';
40
43
  export * from './Picker';
44
+ export * from './CollapsePanel';
45
+ export * from './Breadcrumb';
46
+ export * from './Toast';
47
+ export * from './Dialog';
48
+ export * from './ThemeProvider';
49
+ export * from './locales';
package/dist/index.js CHANGED
@@ -23,6 +23,7 @@ __reExport(src_exports, require("./Button"), module.exports);
23
23
  __reExport(src_exports, require("./Calendar"), module.exports);
24
24
  __reExport(src_exports, require("./Card"), module.exports);
25
25
  __reExport(src_exports, require("./Checkbox"), module.exports);
26
+ __reExport(src_exports, require("./Collapse"), module.exports);
26
27
  __reExport(src_exports, require("./Divider"), module.exports);
27
28
  __reExport(src_exports, require("./Drawer"), module.exports);
28
29
  __reExport(src_exports, require("./Fade"), module.exports);
@@ -31,6 +32,7 @@ __reExport(src_exports, require("./Image"), module.exports);
31
32
  __reExport(src_exports, require("./Input"), module.exports);
32
33
  __reExport(src_exports, require("./List"), module.exports);
33
34
  __reExport(src_exports, require("./Modal"), module.exports);
35
+ __reExport(src_exports, require("./Popover"), module.exports);
34
36
  __reExport(src_exports, require("./Portal"), module.exports);
35
37
  __reExport(src_exports, require("./Progress"), module.exports);
36
38
  __reExport(src_exports, require("./Radio"), module.exports);
@@ -48,12 +50,19 @@ __reExport(src_exports, require("./Tabs"), module.exports);
48
50
  __reExport(src_exports, require("./Tag"), module.exports);
49
51
  __reExport(src_exports, require("./TextArea"), module.exports);
50
52
  __reExport(src_exports, require("./Transition"), module.exports);
53
+ __reExport(src_exports, require("./Tooltip"), module.exports);
51
54
  __reExport(src_exports, require("./NavBar"), module.exports);
52
55
  __reExport(src_exports, require("./Loading"), module.exports);
53
56
  __reExport(src_exports, require("./TabBar"), module.exports);
54
57
  __reExport(src_exports, require("./Countdown"), module.exports);
55
58
  __reExport(src_exports, require("./CitySelector"), module.exports);
56
59
  __reExport(src_exports, require("./Picker"), module.exports);
60
+ __reExport(src_exports, require("./CollapsePanel"), module.exports);
61
+ __reExport(src_exports, require("./Breadcrumb"), module.exports);
62
+ __reExport(src_exports, require("./Toast"), module.exports);
63
+ __reExport(src_exports, require("./Dialog"), module.exports);
64
+ __reExport(src_exports, require("./ThemeProvider"), module.exports);
65
+ __reExport(src_exports, require("./locales"), module.exports);
57
66
  // Annotate the CommonJS export names for ESM import in node:
58
67
  0 && (module.exports = {
59
68
  ...require("./ActionSheet"),
@@ -65,6 +74,7 @@ __reExport(src_exports, require("./Picker"), module.exports);
65
74
  ...require("./Calendar"),
66
75
  ...require("./Card"),
67
76
  ...require("./Checkbox"),
77
+ ...require("./Collapse"),
68
78
  ...require("./Divider"),
69
79
  ...require("./Drawer"),
70
80
  ...require("./Fade"),
@@ -73,6 +83,7 @@ __reExport(src_exports, require("./Picker"), module.exports);
73
83
  ...require("./Input"),
74
84
  ...require("./List"),
75
85
  ...require("./Modal"),
86
+ ...require("./Popover"),
76
87
  ...require("./Portal"),
77
88
  ...require("./Progress"),
78
89
  ...require("./Radio"),
@@ -90,10 +101,17 @@ __reExport(src_exports, require("./Picker"), module.exports);
90
101
  ...require("./Tag"),
91
102
  ...require("./TextArea"),
92
103
  ...require("./Transition"),
104
+ ...require("./Tooltip"),
93
105
  ...require("./NavBar"),
94
106
  ...require("./Loading"),
95
107
  ...require("./TabBar"),
96
108
  ...require("./Countdown"),
97
109
  ...require("./CitySelector"),
98
- ...require("./Picker")
110
+ ...require("./Picker"),
111
+ ...require("./CollapsePanel"),
112
+ ...require("./Breadcrumb"),
113
+ ...require("./Toast"),
114
+ ...require("./Dialog"),
115
+ ...require("./ThemeProvider"),
116
+ ...require("./locales")
99
117
  });
@@ -0,0 +1,40 @@
1
+ export interface BaseLang {
2
+ dialog?: {
3
+ cancel?: string;
4
+ confirm?: string;
5
+ placeholder?: string;
6
+ };
7
+ picker?: {
8
+ cancel?: string;
9
+ confirm?: string;
10
+ };
11
+ calendar?: {
12
+ Monday?: string;
13
+ Tuesday?: string;
14
+ Wednesday?: string;
15
+ Thursday?: string;
16
+ Friday?: string;
17
+ Saturday?: string;
18
+ Sunday?: string;
19
+ };
20
+ input?: {
21
+ placeholder?: string;
22
+ };
23
+ textarea?: {
24
+ placeholder?: string;
25
+ };
26
+ selector?: {
27
+ select?: string;
28
+ };
29
+ citySelector?: {
30
+ selectedCityGroupName?: string;
31
+ currentCityGroupName?: string;
32
+ hotCitiesGroupName?: string;
33
+ located?: string;
34
+ current?: string;
35
+ hot?: string;
36
+ gpsType?: Record<string, string>;
37
+ currentType?: Record<string, string>;
38
+ hotCityType?: Record<string, string>;
39
+ };
40
+ }
@@ -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 base_exports = {};
15
+ module.exports = __toCommonJS(base_exports);
@@ -0,0 +1,3 @@
1
+ import { BaseLang } from './base';
2
+ declare const enUS: BaseLang;
3
+ export default enUS;
@@ -0,0 +1,69 @@
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 en_US_exports = {};
19
+ __export(en_US_exports, {
20
+ default: () => en_US_default
21
+ });
22
+ module.exports = __toCommonJS(en_US_exports);
23
+ const enUS = {
24
+ dialog: {
25
+ cancel: "Cancel",
26
+ confirm: "Confirm",
27
+ placeholder: "Placeholder"
28
+ },
29
+ picker: {
30
+ cancel: "Cancel",
31
+ confirm: "Confirm"
32
+ },
33
+ calendar: {
34
+ Monday: "Mon",
35
+ Tuesday: "Tue",
36
+ Wednesday: "Wed",
37
+ Thursday: "Thu",
38
+ Friday: "Fri",
39
+ Saturday: "Sat",
40
+ Sunday: "Sun"
41
+ },
42
+ input: {
43
+ placeholder: "Placeholder"
44
+ },
45
+ textarea: {
46
+ placeholder: "Placeholder"
47
+ },
48
+ selector: {
49
+ select: "Please select"
50
+ },
51
+ citySelector: {
52
+ selectedCityGroupName: "Selected City",
53
+ currentCityGroupName: "Current City",
54
+ hotCitiesGroupName: "Hot Cities",
55
+ gpsType: {
56
+ title: "Current",
57
+ code: "GPS"
58
+ },
59
+ currentType: {
60
+ title: "Selected",
61
+ code: "CRRT"
62
+ },
63
+ hotCityType: {
64
+ title: "Hot",
65
+ code: "HOT"
66
+ }
67
+ }
68
+ };
69
+ var en_US_default = enUS;
@@ -0,0 +1,3 @@
1
+ import { ThemeProps } from '../../ThemeProvider';
2
+ declare function useLocaleText(componentName: string, theme?: Partial<ThemeProps>): any;
3
+ export default useLocaleText;