@bifrostui/react 1.3.1-beta.0 → 1.3.2

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 (281) hide show
  1. package/dist/ActionSheet/ActionSheet.css +3 -6
  2. package/dist/ActionSheet/ActionSheetItem.css +6 -10
  3. package/dist/Alert/index.css +8 -14
  4. package/dist/Avatar/Avatar.css +9 -13
  5. package/dist/Avatar/AvatarGroup.css +8 -15
  6. package/dist/Backdrop/Backdrop.css +1 -2
  7. package/dist/Badge/Badge.css +17 -27
  8. package/dist/Button/Button.css +17 -26
  9. package/dist/Calendar/Calendar.css +18 -33
  10. package/dist/Calendar/Calendar.d.ts +1 -1
  11. package/dist/Calendar/Calendar.js +17 -38
  12. package/dist/Calendar/Calendar.types.d.ts +0 -21
  13. package/dist/Card/CardFooter.css +1 -2
  14. package/dist/Card/CardHeader.css +1 -3
  15. package/dist/Checkbox/Checkbox.css +5 -7
  16. package/dist/CitySelector/CitySelector.css +15 -29
  17. package/dist/CitySelector/CitySelectorCore.js +16 -25
  18. package/dist/CitySelector/Selector/index.css +4 -4
  19. package/dist/Countdown/Countdown.css +1 -2
  20. package/dist/Dialog/Dialog.d.ts +2 -2
  21. package/dist/Dialog/Dialog.js +8 -20
  22. package/dist/Dialog/Dialog.types.d.ts +1 -12
  23. package/dist/Dialog/FunctionalDialog.js +2 -38
  24. package/dist/Dialog/index.css +18 -27
  25. package/dist/Divider/Divider.css +4 -6
  26. package/dist/IconButton/IconButton.css +7 -9
  27. package/dist/Image/index.css +1 -2
  28. package/dist/Input/Input.css +5 -10
  29. package/dist/List/List.css +0 -3
  30. package/dist/List/ListItem.css +3 -3
  31. package/dist/List/ListItemContent.css +1 -1
  32. package/dist/Loading/Loading.css +2 -4
  33. package/dist/Modal/Modal.miniapp.d.ts +1 -1
  34. package/dist/NavBar/NavBar.css +5 -9
  35. package/dist/Picker/Picker.css +29 -25
  36. package/dist/Picker/Picker.js +11 -31
  37. package/dist/Picker/Picker.types.d.ts +0 -4
  38. package/dist/Picker/PickerPanel.css +8 -8
  39. package/dist/Picker/PickerPanel.js +8 -14
  40. package/dist/Picker/utils.d.ts +0 -16
  41. package/dist/Picker/utils.js +2 -32
  42. package/dist/Portal/Portal.types.d.ts +0 -4
  43. package/dist/Portal/PortalCore.js +1 -8
  44. package/dist/Progress/Progress.css +6 -8
  45. package/dist/Radio/Radio.css +1 -2
  46. package/dist/Rating/Rating.css +4 -8
  47. package/dist/Select/Select.css +10 -21
  48. package/dist/Select/Select.js +1 -1
  49. package/dist/Select/SelectOption.js +0 -3
  50. package/dist/Skeleton/Skeleton.css +2 -3
  51. package/dist/Slider/Slider.css +13 -24
  52. package/dist/Steps/Step.css +11 -11
  53. package/dist/Steps/Steps.css +5 -14
  54. package/dist/Swiper/Swiper.css +1 -2
  55. package/dist/Switch/Switch.css +16 -31
  56. package/dist/TabBar/TabBar.css +3 -7
  57. package/dist/TabBar/TabBarItem.css +1 -0
  58. package/dist/Tabs/Tab.css +6 -2
  59. package/dist/Tabs/Tabs.css +4 -7
  60. package/dist/Tag/Tag.css +10 -7
  61. package/dist/Tag/TagGroup.css +1 -9
  62. package/dist/TextArea/TextArea.css +8 -14
  63. package/dist/Toast/FunctionalToast.js +0 -18
  64. package/dist/Toast/Toast.css +14 -15
  65. package/dist/Toast/Toast.d.ts +2 -2
  66. package/dist/Toast/Toast.js +48 -52
  67. package/dist/Toast/Toast.types.d.ts +1 -15
  68. package/dist/index.d.ts +0 -7
  69. package/dist/index.js +1 -15
  70. package/es/ActionSheet/ActionSheet.css +3 -6
  71. package/es/ActionSheet/ActionSheetItem.css +6 -10
  72. package/es/Alert/index.css +8 -14
  73. package/es/Avatar/Avatar.css +9 -13
  74. package/es/Avatar/AvatarGroup.css +8 -15
  75. package/es/Backdrop/Backdrop.css +1 -2
  76. package/es/Badge/Badge.css +17 -27
  77. package/es/Button/Button.css +17 -26
  78. package/es/Calendar/Calendar.css +18 -33
  79. package/es/Calendar/Calendar.d.ts +1 -1
  80. package/es/Calendar/Calendar.js +17 -38
  81. package/es/Calendar/Calendar.types.d.ts +0 -21
  82. package/es/Card/CardFooter.css +1 -2
  83. package/es/Card/CardHeader.css +1 -3
  84. package/es/Checkbox/Checkbox.css +5 -7
  85. package/es/CitySelector/CitySelector.css +15 -29
  86. package/es/CitySelector/CitySelectorCore.js +16 -25
  87. package/es/CitySelector/Selector/index.css +4 -4
  88. package/es/Countdown/Countdown.css +1 -2
  89. package/es/Dialog/Dialog.d.ts +2 -2
  90. package/es/Dialog/Dialog.js +8 -20
  91. package/es/Dialog/Dialog.types.d.ts +1 -12
  92. package/es/Dialog/FunctionalDialog.js +2 -38
  93. package/es/Dialog/index.css +18 -27
  94. package/es/Divider/Divider.css +4 -6
  95. package/es/IconButton/IconButton.css +7 -9
  96. package/es/Image/index.css +1 -2
  97. package/es/Input/Input.css +5 -10
  98. package/es/List/List.css +0 -3
  99. package/es/List/ListItem.css +3 -3
  100. package/es/List/ListItemContent.css +1 -1
  101. package/es/Loading/Loading.css +2 -4
  102. package/es/Modal/Modal.miniapp.d.ts +1 -1
  103. package/es/NavBar/NavBar.css +5 -9
  104. package/es/Picker/Picker.css +29 -25
  105. package/es/Picker/Picker.js +12 -32
  106. package/es/Picker/Picker.types.d.ts +0 -4
  107. package/es/Picker/PickerPanel.css +8 -8
  108. package/es/Picker/PickerPanel.js +8 -14
  109. package/es/Picker/utils.d.ts +0 -16
  110. package/es/Picker/utils.js +1 -29
  111. package/es/Portal/Portal.types.d.ts +0 -4
  112. package/es/Portal/PortalCore.js +1 -8
  113. package/es/Progress/Progress.css +6 -8
  114. package/es/Radio/Radio.css +1 -2
  115. package/es/Rating/Rating.css +4 -8
  116. package/es/Select/Select.css +10 -21
  117. package/es/Select/Select.js +1 -1
  118. package/es/Select/SelectOption.js +0 -3
  119. package/es/Skeleton/Skeleton.css +2 -3
  120. package/es/Slider/Slider.css +13 -24
  121. package/es/Steps/Step.css +11 -11
  122. package/es/Steps/Steps.css +5 -14
  123. package/es/Swiper/Swiper.css +1 -2
  124. package/es/Switch/Switch.css +16 -31
  125. package/es/TabBar/TabBar.css +3 -7
  126. package/es/TabBar/TabBarItem.css +1 -0
  127. package/es/Tabs/Tab.css +6 -2
  128. package/es/Tabs/Tabs.css +4 -7
  129. package/es/Tag/Tag.css +10 -7
  130. package/es/Tag/TagGroup.css +1 -9
  131. package/es/TextArea/TextArea.css +8 -14
  132. package/es/Toast/FunctionalToast.js +0 -18
  133. package/es/Toast/Toast.css +14 -15
  134. package/es/Toast/Toast.d.ts +2 -2
  135. package/es/Toast/Toast.js +49 -53
  136. package/es/Toast/Toast.types.d.ts +1 -15
  137. package/es/index.d.ts +0 -7
  138. package/es/index.js +0 -7
  139. package/package.json +5 -5
  140. package/dist/Breadcrumb/Breadcrumb.css +0 -34
  141. package/dist/Breadcrumb/Breadcrumb.d.ts +0 -5
  142. package/dist/Breadcrumb/Breadcrumb.js +0 -128
  143. package/dist/Breadcrumb/Breadcrumb.types.d.ts +0 -49
  144. package/dist/Breadcrumb/Breadcrumb.types.js +0 -15
  145. package/dist/Breadcrumb/BreadcrumbItem.d.ts +0 -4
  146. package/dist/Breadcrumb/BreadcrumbItem.js +0 -78
  147. package/dist/Breadcrumb/index.d.ts +0 -4
  148. package/dist/Breadcrumb/index.js +0 -45
  149. package/dist/Collapse/Collapse.css +0 -6
  150. package/dist/Collapse/Collapse.d.ts +0 -5
  151. package/dist/Collapse/Collapse.js +0 -165
  152. package/dist/Collapse/Collapse.types.d.ts +0 -16
  153. package/dist/Collapse/Collapse.types.js +0 -15
  154. package/dist/Collapse/index.d.ts +0 -2
  155. package/dist/Collapse/index.js +0 -41
  156. package/dist/CollapsePanel/CollapsePanel.css +0 -32
  157. package/dist/CollapsePanel/CollapsePanel.d.ts +0 -5
  158. package/dist/CollapsePanel/CollapsePanel.js +0 -159
  159. package/dist/CollapsePanel/CollapsePanel.types.d.ts +0 -64
  160. package/dist/CollapsePanel/CollapsePanel.types.js +0 -15
  161. package/dist/CollapsePanel/CollapsePanelItem.d.ts +0 -4
  162. package/dist/CollapsePanel/CollapsePanelItem.js +0 -112
  163. package/dist/CollapsePanel/index.d.ts +0 -4
  164. package/dist/CollapsePanel/index.js +0 -45
  165. package/dist/Popover/Popover.css +0 -97
  166. package/dist/Popover/Popover.d.ts +0 -5
  167. package/dist/Popover/Popover.js +0 -186
  168. package/dist/Popover/Popover.types.d.ts +0 -60
  169. package/dist/Popover/Popover.types.js +0 -15
  170. package/dist/Popover/index.d.ts +0 -2
  171. package/dist/Popover/index.js +0 -41
  172. package/dist/ThemeProvider/ThemeProvider.d.ts +0 -4
  173. package/dist/ThemeProvider/ThemeProvider.js +0 -90
  174. package/dist/ThemeProvider/ThemeProvider.types.d.ts +0 -127
  175. package/dist/ThemeProvider/ThemeProvider.types.js +0 -27
  176. package/dist/ThemeProvider/hooks/ThemeContext.d.ts +0 -4
  177. package/dist/ThemeProvider/hooks/ThemeContext.js +0 -35
  178. package/dist/ThemeProvider/hooks/createTheme.d.ts +0 -2
  179. package/dist/ThemeProvider/hooks/createTheme.js +0 -55
  180. package/dist/ThemeProvider/hooks/index.d.ts +0 -4
  181. package/dist/ThemeProvider/hooks/index.js +0 -43
  182. package/dist/ThemeProvider/hooks/useTheme.d.ts +0 -1
  183. package/dist/ThemeProvider/hooks/useTheme.js +0 -39
  184. package/dist/ThemeProvider/index.d.ts +0 -4
  185. package/dist/ThemeProvider/index.js +0 -45
  186. package/dist/ThemeProvider/utils/constants.d.ts +0 -38
  187. package/dist/ThemeProvider/utils/constants.js +0 -65
  188. package/dist/ThemeProvider/utils/index.d.ts +0 -2
  189. package/dist/ThemeProvider/utils/index.js +0 -23
  190. package/dist/ThemeProvider/utils/mountTokens.d.ts +0 -26
  191. package/dist/ThemeProvider/utils/mountTokens.js +0 -123
  192. package/dist/Tooltip/Tooltip.css +0 -91
  193. package/dist/Tooltip/Tooltip.d.ts +0 -5
  194. package/dist/Tooltip/Tooltip.js +0 -177
  195. package/dist/Tooltip/Tooltip.types.d.ts +0 -51
  196. package/dist/Tooltip/Tooltip.types.js +0 -15
  197. package/dist/Tooltip/index.d.ts +0 -2
  198. package/dist/Tooltip/index.js +0 -41
  199. package/dist/locales/base.d.ts +0 -40
  200. package/dist/locales/base.js +0 -15
  201. package/dist/locales/en-US.d.ts +0 -3
  202. package/dist/locales/en-US.js +0 -69
  203. package/dist/locales/hooks/useLocaleText.d.ts +0 -3
  204. package/dist/locales/hooks/useLocaleText.js +0 -43
  205. package/dist/locales/index.d.ts +0 -5
  206. package/dist/locales/index.js +0 -49
  207. package/dist/locales/zh-CN.d.ts +0 -3
  208. package/dist/locales/zh-CN.js +0 -51
  209. package/dist/locales/zh-TW.d.ts +0 -3
  210. package/dist/locales/zh-TW.js +0 -51
  211. package/es/Breadcrumb/Breadcrumb.css +0 -34
  212. package/es/Breadcrumb/Breadcrumb.d.ts +0 -5
  213. package/es/Breadcrumb/Breadcrumb.js +0 -101
  214. package/es/Breadcrumb/Breadcrumb.types.d.ts +0 -49
  215. package/es/Breadcrumb/Breadcrumb.types.js +0 -1
  216. package/es/Breadcrumb/BreadcrumbItem.d.ts +0 -4
  217. package/es/Breadcrumb/BreadcrumbItem.js +0 -51
  218. package/es/Breadcrumb/index.d.ts +0 -4
  219. package/es/Breadcrumb/index.js +0 -9
  220. package/es/Collapse/Collapse.css +0 -6
  221. package/es/Collapse/Collapse.d.ts +0 -5
  222. package/es/Collapse/Collapse.js +0 -144
  223. package/es/Collapse/Collapse.types.d.ts +0 -16
  224. package/es/Collapse/Collapse.types.js +0 -1
  225. package/es/Collapse/index.d.ts +0 -2
  226. package/es/Collapse/index.js +0 -6
  227. package/es/CollapsePanel/CollapsePanel.css +0 -32
  228. package/es/CollapsePanel/CollapsePanel.d.ts +0 -5
  229. package/es/CollapsePanel/CollapsePanel.js +0 -132
  230. package/es/CollapsePanel/CollapsePanel.types.d.ts +0 -64
  231. package/es/CollapsePanel/CollapsePanel.types.js +0 -1
  232. package/es/CollapsePanel/CollapsePanelItem.d.ts +0 -4
  233. package/es/CollapsePanel/CollapsePanelItem.js +0 -85
  234. package/es/CollapsePanel/index.d.ts +0 -4
  235. package/es/CollapsePanel/index.js +0 -9
  236. package/es/Popover/Popover.css +0 -97
  237. package/es/Popover/Popover.d.ts +0 -5
  238. package/es/Popover/Popover.js +0 -159
  239. package/es/Popover/Popover.types.d.ts +0 -60
  240. package/es/Popover/Popover.types.js +0 -1
  241. package/es/Popover/index.d.ts +0 -2
  242. package/es/Popover/index.js +0 -6
  243. package/es/ThemeProvider/ThemeProvider.d.ts +0 -4
  244. package/es/ThemeProvider/ThemeProvider.js +0 -61
  245. package/es/ThemeProvider/ThemeProvider.types.d.ts +0 -127
  246. package/es/ThemeProvider/ThemeProvider.types.js +0 -1
  247. package/es/ThemeProvider/hooks/ThemeContext.d.ts +0 -4
  248. package/es/ThemeProvider/hooks/ThemeContext.js +0 -6
  249. package/es/ThemeProvider/hooks/createTheme.d.ts +0 -2
  250. package/es/ThemeProvider/hooks/createTheme.js +0 -38
  251. package/es/ThemeProvider/hooks/index.d.ts +0 -4
  252. package/es/ThemeProvider/hooks/index.js +0 -8
  253. package/es/ThemeProvider/hooks/useTheme.d.ts +0 -1
  254. package/es/ThemeProvider/hooks/useTheme.js +0 -10
  255. package/es/ThemeProvider/index.d.ts +0 -4
  256. package/es/ThemeProvider/index.js +0 -8
  257. package/es/ThemeProvider/utils/constants.d.ts +0 -38
  258. package/es/ThemeProvider/utils/constants.js +0 -40
  259. package/es/ThemeProvider/utils/index.d.ts +0 -2
  260. package/es/ThemeProvider/utils/index.js +0 -2
  261. package/es/ThemeProvider/utils/mountTokens.d.ts +0 -26
  262. package/es/ThemeProvider/utils/mountTokens.js +0 -88
  263. package/es/Tooltip/Tooltip.css +0 -91
  264. package/es/Tooltip/Tooltip.d.ts +0 -5
  265. package/es/Tooltip/Tooltip.js +0 -150
  266. package/es/Tooltip/Tooltip.types.d.ts +0 -51
  267. package/es/Tooltip/Tooltip.types.js +0 -1
  268. package/es/Tooltip/index.d.ts +0 -2
  269. package/es/Tooltip/index.js +0 -6
  270. package/es/locales/base.d.ts +0 -40
  271. package/es/locales/base.js +0 -0
  272. package/es/locales/en-US.d.ts +0 -3
  273. package/es/locales/en-US.js +0 -50
  274. package/es/locales/hooks/useLocaleText.d.ts +0 -3
  275. package/es/locales/hooks/useLocaleText.js +0 -26
  276. package/es/locales/index.d.ts +0 -5
  277. package/es/locales/index.js +0 -11
  278. package/es/locales/zh-CN.d.ts +0 -3
  279. package/es/locales/zh-CN.js +0 -32
  280. package/es/locales/zh-TW.d.ts +0 -3
  281. package/es/locales/zh-TW.js +0 -32
@@ -1,32 +0,0 @@
1
- .bui-collapse-panel {
2
- --width: var(--bui-collapse-panel-width, 100%);
3
- --header-padding: var(--bui-collapse-panel-header-padding, var(--bui-spacing-lg) 0);
4
- --content-padding: var(--bui-collapse-panel-content-padding, var(--bui-spacing-lg) 0);
5
- width: var(--width);
6
- background-color: var(--bui-color-bg-view);
7
- color: var(--bui-color-fg-default);
8
- }
9
- .bui-collapse-panel-item-header {
10
- display: flex;
11
- align-items: center;
12
- justify-content: space-between;
13
- border-bottom: solid 1px #eee;
14
- cursor: pointer;
15
- }
16
- .bui-collapse-panel-item-header-label {
17
- padding: var(--header-padding);
18
- font-size: var(--bui-title-size-2);
19
- }
20
- .bui-collapse-panel-item-header-icon-arrow {
21
- transform: rotate(0deg);
22
- transition: all 0.3s ease;
23
- }
24
- .bui-collapse-panel-item-header-icon-arrow-active {
25
- transform: rotate(-180deg);
26
- }
27
- .bui-collapse-panel-item-content {
28
- padding: var(--content-padding);
29
- font-size: var(--bui-text-size-1);
30
- transition: height 0.5s ease;
31
- overflow: hidden;
32
- }
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import { CollapsePanelProps } from './CollapsePanel.types';
3
- import './CollapsePanel.less';
4
- declare const CollapsePanel: React.ForwardRefExoticComponent<Omit<CollapsePanelProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
5
- export default CollapsePanel;
@@ -1,132 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __defProps = Object.defineProperties;
3
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
- var __spreadValues = (a, b) => {
9
- for (var prop in b || (b = {}))
10
- if (__hasOwnProp.call(b, prop))
11
- __defNormalProp(a, prop, b[prop]);
12
- if (__getOwnPropSymbols)
13
- for (var prop of __getOwnPropSymbols(b)) {
14
- if (__propIsEnum.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- }
17
- return a;
18
- };
19
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
- var __objRest = (source, exclude) => {
21
- var target = {};
22
- for (var prop in source)
23
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
24
- target[prop] = source[prop];
25
- if (source != null && __getOwnPropSymbols)
26
- for (var prop of __getOwnPropSymbols(source)) {
27
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
28
- target[prop] = source[prop];
29
- }
30
- return target;
31
- };
32
- import React from "react";
33
- import clsx from "clsx";
34
- import { ArrowDownwardLargeIcon } from "@bifrostui/icons";
35
- import { useValue } from "@bifrostui/utils";
36
- import CollapseItem from "./CollapsePanelItem";
37
- import "./CollapsePanel.css";
38
- const prefixCls = "bui-collapse-panel";
39
- const CollapsePanel = /* @__PURE__ */ React.forwardRef(
40
- (props, ref) => {
41
- const _a = props, {
42
- className,
43
- style,
44
- accordion = false,
45
- activeKeys,
46
- defaultActiveKeys,
47
- items,
48
- children,
49
- arrowIcon,
50
- onChange
51
- } = _a, others = __objRest(_a, [
52
- "className",
53
- "style",
54
- "accordion",
55
- "activeKeys",
56
- "defaultActiveKeys",
57
- "items",
58
- "children",
59
- "arrowIcon",
60
- "onChange"
61
- ]);
62
- const [openKeys, setOpenKeys] = useValue({
63
- defaultValue: defaultActiveKeys || [],
64
- value: activeKeys
65
- });
66
- const handleClick = (event, target) => {
67
- var _a2;
68
- const targetKey = target == null ? void 0 : target.key;
69
- let newOpenKeys = [];
70
- if (accordion) {
71
- newOpenKeys = openKeys.includes(targetKey) ? [] : [targetKey];
72
- } else {
73
- newOpenKeys = openKeys.includes(targetKey) ? openKeys.filter((k) => k !== targetKey) : [targetKey, ...openKeys];
74
- }
75
- setOpenKeys(event, newOpenKeys);
76
- onChange == null ? void 0 : onChange(event, { activeKeys: newOpenKeys });
77
- (_a2 = target == null ? void 0 : target.onClick) == null ? void 0 : _a2.call(target, event);
78
- };
79
- const getArrowIcon = () => {
80
- if (arrowIcon) {
81
- return arrowIcon;
82
- }
83
- return /* @__PURE__ */ React.createElement(ArrowDownwardLargeIcon, null);
84
- };
85
- const renderList = () => {
86
- if (Array.isArray(items)) {
87
- return items.map((item) => {
88
- const _a2 = item, { key } = _a2, otherProps = __objRest(_a2, ["key"]);
89
- return /* @__PURE__ */ React.createElement(
90
- CollapseItem,
91
- __spreadProps(__spreadValues({
92
- key,
93
- icon: getArrowIcon(),
94
- active: openKeys.includes(item.key)
95
- }, otherProps), {
96
- onClick: (e) => handleClick(e, item)
97
- })
98
- );
99
- });
100
- }
101
- const enhancedChildren = React.Children.map(children, (child) => {
102
- if (React.isValidElement(child)) {
103
- const newProps = {
104
- icon: getArrowIcon(),
105
- active: openKeys.includes(child.key),
106
- onClick: (e) => handleClick(e, child)
107
- };
108
- return React.cloneElement(child, newProps);
109
- }
110
- return child;
111
- });
112
- return enhancedChildren;
113
- };
114
- if (items == null && children == null) {
115
- return null;
116
- }
117
- return /* @__PURE__ */ React.createElement(
118
- "div",
119
- __spreadValues({
120
- className: clsx(prefixCls, className),
121
- style,
122
- ref
123
- }, others),
124
- /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-list` }, renderList())
125
- );
126
- }
127
- );
128
- CollapsePanel.displayName = "BuiCollapsePanel";
129
- var CollapsePanel_default = CollapsePanel;
130
- export {
131
- CollapsePanel_default as default
132
- };
@@ -1,64 +0,0 @@
1
- import { OverrideProps } from '@bifrostui/types';
2
- import React from 'react';
3
- export type CollapsePanelItemProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
4
- props: P & {
5
- /**
6
- * 唯一标识,对应 activeKey
7
- */
8
- key?: string | number;
9
- /**
10
- * 面板标题
11
- */
12
- label?: React.ReactNode;
13
- /**
14
- * 自定义 icon
15
- */
16
- icon?: React.ReactNode | ((active: boolean) => React.ReactNode);
17
- /**
18
- * 是否展开
19
- * @default false
20
- */
21
- active?: boolean;
22
- /**
23
- * body 区域内容
24
- */
25
- children?: React.ReactNode;
26
- };
27
- defaultComponent: D;
28
- }, D>;
29
- export type CollapsePanelProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
30
- props: P & {
31
- /**
32
- * 是否开启手风琴模式
33
- * @default false
34
- */
35
- accordion?: boolean;
36
- /**
37
- * 当前激活面板的 key
38
- */
39
- activeKeys?: (number | string)[];
40
- /**
41
- * 默认展开面板的 key
42
- */
43
- defaultActiveKeys?: (number | string)[];
44
- /**
45
- * 折叠项目内容
46
- */
47
- items?: Array<CollapsePanelItemProps>;
48
- /**
49
- * body 区域内容,使用 CollapseItem 进行渲染
50
- */
51
- children?: React.ReactNode;
52
- /**
53
- * 自定义箭头图标
54
- */
55
- arrowIcon?: React.ReactNode | ((active: boolean) => React.ReactNode);
56
- /**
57
- * 切换面板时触发
58
- */
59
- onChange?: (e: React.SyntheticEvent, params: {
60
- activeKeys: (number | string)[];
61
- }) => void;
62
- };
63
- defaultComponent: D;
64
- }, D>;
@@ -1 +0,0 @@
1
- export {};
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { CollapsePanelItemProps } from './CollapsePanel.types';
3
- declare const CollapsePanelItem: React.ForwardRefExoticComponent<Omit<CollapsePanelItemProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
- export default CollapsePanelItem;
@@ -1,85 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
3
- var __hasOwnProp = Object.prototype.hasOwnProperty;
4
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
5
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
6
- var __spreadValues = (a, b) => {
7
- for (var prop in b || (b = {}))
8
- if (__hasOwnProp.call(b, prop))
9
- __defNormalProp(a, prop, b[prop]);
10
- if (__getOwnPropSymbols)
11
- for (var prop of __getOwnPropSymbols(b)) {
12
- if (__propIsEnum.call(b, prop))
13
- __defNormalProp(a, prop, b[prop]);
14
- }
15
- return a;
16
- };
17
- var __objRest = (source, exclude) => {
18
- var target = {};
19
- for (var prop in source)
20
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
21
- target[prop] = source[prop];
22
- if (source != null && __getOwnPropSymbols)
23
- for (var prop of __getOwnPropSymbols(source)) {
24
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
25
- target[prop] = source[prop];
26
- }
27
- return target;
28
- };
29
- import React from "react";
30
- import clsx from "clsx";
31
- import { Collapse } from "../Collapse";
32
- const prefixCls = "bui-collapse-panel-item";
33
- const CollapsePanelItem = /* @__PURE__ */ React.forwardRef((props, ref) => {
34
- const _a = props, {
35
- className,
36
- style,
37
- label,
38
- children,
39
- icon,
40
- active,
41
- onClick
42
- } = _a, others = __objRest(_a, [
43
- "className",
44
- "style",
45
- "label",
46
- "children",
47
- "icon",
48
- "active",
49
- "onClick"
50
- ]);
51
- const isControlledIcon = typeof icon === "function";
52
- const getIcon = () => {
53
- return typeof icon === "function" ? icon(active) : icon;
54
- };
55
- return /* @__PURE__ */ React.createElement(
56
- "div",
57
- __spreadValues({
58
- className: clsx(prefixCls, active && `${prefixCls}-active`, className),
59
- style,
60
- ref
61
- }, others),
62
- /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-header`, onClick }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-header-label` }, label), /* @__PURE__ */ React.createElement(
63
- "div",
64
- {
65
- className: clsx(
66
- `${prefixCls}-header-icon`,
67
- `${prefixCls}-header-icon-arrow`,
68
- {
69
- [`${prefixCls}-header-icon-arrow-active`]: !isControlledIcon && active
70
- }
71
- )
72
- },
73
- getIcon()
74
- )),
75
- /* @__PURE__ */ React.createElement(Collapse, { in: active, direction: "vertical", timeout: 300 }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-content` }, children))
76
- );
77
- });
78
- CollapsePanelItem.displayName = "BuiCollapsePanelItem";
79
- CollapsePanelItem.defaultProps = {
80
- active: false
81
- };
82
- var CollapsePanelItem_default = CollapsePanelItem;
83
- export {
84
- CollapsePanelItem_default as default
85
- };
@@ -1,4 +0,0 @@
1
- export { default } from './CollapsePanel';
2
- export { default as CollapsePanel } from './CollapsePanel';
3
- export { default as CollapsePanelItem } from './CollapsePanelItem';
4
- export * from './CollapsePanel.types';
@@ -1,9 +0,0 @@
1
- import { default as default2 } from "./CollapsePanel";
2
- import { default as default3 } from "./CollapsePanel";
3
- import { default as default4 } from "./CollapsePanelItem";
4
- export * from "./CollapsePanel.types";
5
- export {
6
- default3 as CollapsePanel,
7
- default4 as CollapsePanelItem,
8
- default2 as default
9
- };
@@ -1,97 +0,0 @@
1
- .bui-popover {
2
- --arrow-size: var(--bui-popover-arrow-size, 8px);
3
- --localtion-position: var(--bui-popover-localtion-position, 8px);
4
- --max-width: var(--bui-popover-max-width, 350px);
5
- --content-min-width: var(--bui-popover-content-min-width, 30px);
6
- --content-min-height: var(--bui-popover-content-min-height, 32px);
7
- --content-padding: var(--bui-popover-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-popover .bui-popover-arrow {
15
- width: 0;
16
- height: 0;
17
- position: absolute;
18
- }
19
- .bui-popover .bui-popover-arrow.location-left {
20
- left: var(--localtion-position);
21
- }
22
- .bui-popover .bui-popover-arrow.location-right {
23
- right: var(--localtion-position);
24
- }
25
- .bui-popover .bui-popover-arrow.location-top {
26
- top: var(--localtion-position);
27
- }
28
- .bui-popover .bui-popover-arrow.location-bottom {
29
- bottom: var(--localtion-position);
30
- }
31
- .bui-popover.popover-top .location-center,
32
- .bui-popover.popover-bottom .location-center {
33
- left: 50%;
34
- transform: translateX(-50%);
35
- }
36
- .bui-popover.popover-left .location-center,
37
- .bui-popover.popover-right .location-center {
38
- top: 50%;
39
- transform: translateY(-50%);
40
- }
41
- .bui-popover.popover-top {
42
- padding-bottom: var(--arrow-size);
43
- }
44
- .bui-popover.popover-top .bui-popover-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-view);
48
- bottom: 0;
49
- }
50
- .bui-popover.popover-bottom {
51
- padding-top: var(--arrow-size);
52
- }
53
- .bui-popover.popover-bottom .bui-popover-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-view);
57
- top: 0;
58
- }
59
- .bui-popover.popover-left {
60
- padding-right: var(--arrow-size);
61
- }
62
- .bui-popover.popover-left .bui-popover-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-view);
66
- right: 0;
67
- }
68
- .bui-popover.popover-right {
69
- padding-left: var(--arrow-size);
70
- }
71
- .bui-popover.popover-right .bui-popover-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-view);
75
- left: 0;
76
- }
77
- .bui-popover .bui-popover-title {
78
- font-weight: var(--bui-font-weight-bold);
79
- }
80
- .bui-popover .bui-popover-content {
81
- min-width: var(--content-min-width);
82
- min-height: var(--content-min-height);
83
- padding: var(--content-padding);
84
- color: var(--bui-color-fg-muted);
85
- text-align: left;
86
- text-decoration: none;
87
- word-wrap: break-word;
88
- background-color: var(--bui-color-bg-popover);
89
- border-radius: var(--bui-shape-radius-poster);
90
- box-shadow:
91
- 0 3px 6px -4px rgba(0, 0, 0, 0.12),
92
- 0 6px 16px 0 rgba(0, 0, 0, 0.08),
93
- 0 9px 28px 8px rgba(0, 0, 0, 0.05);
94
- }
95
- .bui-popover .bui-popover-content div:nth-child(2) {
96
- margin-top: var(--bui-spacing-md);
97
- }
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import './Popover.less';
3
- import { PopoverProps } from './Popover.types';
4
- declare const Popover: React.ForwardRefExoticComponent<Omit<PopoverProps<"div", {}>, "ref"> & React.RefAttributes<HTMLElement>>;
5
- export default Popover;
@@ -1,159 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __defProps = Object.defineProperties;
3
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
- var __spreadValues = (a, b) => {
9
- for (var prop in b || (b = {}))
10
- if (__hasOwnProp.call(b, prop))
11
- __defNormalProp(a, prop, b[prop]);
12
- if (__getOwnPropSymbols)
13
- for (var prop of __getOwnPropSymbols(b)) {
14
- if (__propIsEnum.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- }
17
- return a;
18
- };
19
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
- var __objRest = (source, exclude) => {
21
- var target = {};
22
- for (var prop in source)
23
- if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
24
- target[prop] = source[prop];
25
- if (source != null && __getOwnPropSymbols)
26
- for (var prop of __getOwnPropSymbols(source)) {
27
- if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
28
- target[prop] = source[prop];
29
- }
30
- return target;
31
- };
32
- import clsx from "clsx";
33
- import React, { useState, useRef, useId } from "react";
34
- import { getStylesAndLocation, triggerEventTransform } from "@bifrostui/utils";
35
- import Portal from "../Portal";
36
- import "./Popover.css";
37
- const prefixCls = "bui-popover";
38
- const Popover = /* @__PURE__ */ React.forwardRef((props, ref) => {
39
- const _a = props, {
40
- className,
41
- style,
42
- children,
43
- title,
44
- content,
45
- defaultOpen,
46
- placement = "top",
47
- trigger,
48
- onOpenChange,
49
- open,
50
- hideArrow,
51
- PortalProps
52
- } = _a, others = __objRest(_a, [
53
- "className",
54
- "style",
55
- "children",
56
- "title",
57
- "content",
58
- "defaultOpen",
59
- "placement",
60
- "trigger",
61
- "onOpenChange",
62
- "open",
63
- "hideArrow",
64
- "PortalProps"
65
- ]);
66
- const positionArr = placement.split(/([A-Z])/);
67
- const direction = positionArr[0];
68
- let location;
69
- if (positionArr.length > 1) {
70
- positionArr.splice(0, 1);
71
- location = positionArr.join("").toLowerCase();
72
- } else {
73
- location = "center";
74
- }
75
- const childrenRef = useRef();
76
- const [openStatus, setOpenStatus] = useState(defaultOpen);
77
- const [arrowDirection, setArrowDirection] = useState(direction);
78
- const [arrowLocation, setArrowLocation] = useState(location);
79
- const [tooltyles, setTooltyles] = useState({});
80
- const ttId = useId();
81
- const onRootElementMouted = () => {
82
- const result = getStylesAndLocation({
83
- childrenRef,
84
- arrowDirection,
85
- arrowLocation,
86
- selector: `[data-id="tt_${ttId}"]`
87
- });
88
- if (!result)
89
- return;
90
- const { styles, newArrowDirection, newArrowLocation } = result;
91
- if (newArrowDirection !== arrowDirection) {
92
- setArrowDirection(newArrowDirection);
93
- }
94
- if (newArrowLocation !== arrowLocation) {
95
- setArrowLocation(newArrowLocation);
96
- }
97
- setTooltyles(styles);
98
- };
99
- const changeOpenStatus = (event, status) => {
100
- if (open)
101
- return;
102
- setOpenStatus(status);
103
- onOpenChange == null ? void 0 : onOpenChange(event, { open: status });
104
- };
105
- const triggerClick = (event) => {
106
- const targetStatus = !openStatus;
107
- changeOpenStatus(event, targetStatus);
108
- };
109
- const hidePopover = (event) => {
110
- changeOpenStatus(event, false);
111
- };
112
- const showPopover = (event) => {
113
- changeOpenStatus(event, true);
114
- };
115
- if (!children || !(title || content))
116
- return null;
117
- const triggerEventOption = triggerEventTransform({
118
- trigger,
119
- click: triggerClick,
120
- show: showPopover,
121
- hide: hidePopover
122
- });
123
- const childrenOptions = __spreadValues({
124
- ref: childrenRef
125
- }, triggerEventOption);
126
- return /* @__PURE__ */ React.createElement(React.Fragment, null, (open || openStatus) && title ? /* @__PURE__ */ React.createElement(
127
- Portal,
128
- __spreadProps(__spreadValues({
129
- onRootElementMouted
130
- }, PortalProps), {
131
- ref
132
- }),
133
- /* @__PURE__ */ React.createElement(
134
- "div",
135
- __spreadValues({
136
- className: clsx(prefixCls, className, `popover-${arrowDirection}`, {
137
- "bui-popover-arrow-hide": hideArrow
138
- }),
139
- "data-id": `tt_${ttId}`,
140
- style: __spreadValues(__spreadValues({}, style), tooltyles)
141
- }, others),
142
- !hideArrow ? /* @__PURE__ */ React.createElement(
143
- "div",
144
- {
145
- className: clsx(
146
- "bui-popover-arrow",
147
- `location-${arrowLocation}`
148
- )
149
- }
150
- ) : null,
151
- /* @__PURE__ */ React.createElement("div", { className: "bui-popover-content" }, title ? /* @__PURE__ */ React.createElement("div", { className: "bui-popover-title" }, title) : null, content ? /* @__PURE__ */ React.createElement("div", { className: "bui-popover-inner-content" }, content) : null)
152
- )
153
- ) : null, React.cloneElement(children, childrenOptions));
154
- });
155
- Popover.displayName = "BuiPopover";
156
- var Popover_default = Popover;
157
- export {
158
- Popover_default as default
159
- };
@@ -1,60 +0,0 @@
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 PopoverProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<{
6
- props: P & {
7
- children: React.ReactElement;
8
- /**
9
- * 默认是否显隐
10
- * @default false
11
- */
12
- defaultOpen?: boolean;
13
- /**
14
- * 用于手动控制浮层显隐
15
- * @default false
16
- */
17
- open?: boolean;
18
- /**
19
- * 浮层的标题
20
- */
21
- title?: React.ReactNode;
22
- /**
23
- * 浮层的内容
24
- */
25
- content?: React.ReactNode;
26
- /**
27
- * 是否展示箭头
28
- * @default false
29
- */
30
- hideArrow?: boolean;
31
- /**
32
- * 气泡框位置
33
- * @default 'top'
34
- */
35
- placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
36
- /**
37
- * 触发行为
38
- * - click: 点击触发
39
- * - hover: hover触发
40
- * - 或者是他们的数组
41
- * @default 'click'
42
- */
43
- trigger?: triggerType | triggerType[];
44
- /**
45
- * Portal组件的属性
46
- */
47
- PortalProps?: PortalCoreProps;
48
- /**
49
- * 点击事件回调方法
50
- * - event 触发事件
51
- * - data.open 浮层显隐状态
52
- * @returns
53
- */
54
- onOpenChange?: (event: React.SyntheticEvent, data: {
55
- open: boolean;
56
- }) => void;
57
- };
58
- defaultComponent: D;
59
- }, D>;
60
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,2 +0,0 @@
1
- export { default as Popover, default } from './Popover';
2
- export * from './Popover.types';
@@ -1,6 +0,0 @@
1
- import { default as default2, default as default3 } from "./Popover";
2
- export * from "./Popover.types";
3
- export {
4
- default2 as Popover,
5
- default3 as default
6
- };
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { ThemeProviderProps } from './ThemeProvider.types';
3
- declare const ThemeProvider: React.ForwardRefExoticComponent<Omit<ThemeProviderProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
4
- export default ThemeProvider;