@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.
- package/dist/ActionSheet/ActionSheet.css +3 -6
- package/dist/ActionSheet/ActionSheetItem.css +6 -10
- package/dist/Alert/index.css +8 -14
- package/dist/Avatar/Avatar.css +9 -13
- package/dist/Avatar/AvatarGroup.css +8 -15
- package/dist/Backdrop/Backdrop.css +1 -2
- package/dist/Badge/Badge.css +17 -27
- package/dist/Button/Button.css +17 -26
- package/dist/Calendar/Calendar.css +18 -33
- package/dist/Calendar/Calendar.d.ts +1 -1
- package/dist/Calendar/Calendar.js +17 -38
- package/dist/Calendar/Calendar.types.d.ts +0 -21
- package/dist/Card/CardFooter.css +1 -2
- package/dist/Card/CardHeader.css +1 -3
- package/dist/Checkbox/Checkbox.css +5 -7
- package/dist/CitySelector/CitySelector.css +15 -29
- package/dist/CitySelector/CitySelectorCore.js +16 -25
- package/dist/CitySelector/Selector/index.css +4 -4
- package/dist/Countdown/Countdown.css +1 -2
- package/dist/Dialog/Dialog.d.ts +2 -2
- package/dist/Dialog/Dialog.js +8 -20
- package/dist/Dialog/Dialog.types.d.ts +1 -12
- package/dist/Dialog/FunctionalDialog.js +2 -38
- package/dist/Dialog/index.css +18 -27
- package/dist/Divider/Divider.css +4 -6
- package/dist/IconButton/IconButton.css +7 -9
- package/dist/Image/index.css +1 -2
- package/dist/Input/Input.css +5 -10
- package/dist/List/List.css +0 -3
- package/dist/List/ListItem.css +3 -3
- package/dist/List/ListItemContent.css +1 -1
- package/dist/Loading/Loading.css +2 -4
- package/dist/Modal/Modal.miniapp.d.ts +1 -1
- package/dist/NavBar/NavBar.css +5 -9
- package/dist/Picker/Picker.css +29 -25
- package/dist/Picker/Picker.js +11 -31
- package/dist/Picker/Picker.types.d.ts +0 -4
- package/dist/Picker/PickerPanel.css +8 -8
- package/dist/Picker/PickerPanel.js +8 -14
- package/dist/Picker/utils.d.ts +0 -16
- package/dist/Picker/utils.js +2 -32
- package/dist/Portal/Portal.types.d.ts +0 -4
- package/dist/Portal/PortalCore.js +1 -8
- package/dist/Progress/Progress.css +6 -8
- package/dist/Radio/Radio.css +1 -2
- package/dist/Rating/Rating.css +4 -8
- package/dist/Select/Select.css +10 -21
- package/dist/Select/Select.js +1 -1
- package/dist/Select/SelectOption.js +0 -3
- package/dist/Skeleton/Skeleton.css +2 -3
- package/dist/Slider/Slider.css +13 -24
- package/dist/Steps/Step.css +11 -11
- package/dist/Steps/Steps.css +5 -14
- package/dist/Swiper/Swiper.css +1 -2
- package/dist/Switch/Switch.css +16 -31
- package/dist/TabBar/TabBar.css +3 -7
- package/dist/TabBar/TabBarItem.css +1 -0
- package/dist/Tabs/Tab.css +6 -2
- package/dist/Tabs/Tabs.css +4 -7
- package/dist/Tag/Tag.css +10 -7
- package/dist/Tag/TagGroup.css +1 -9
- package/dist/TextArea/TextArea.css +8 -14
- package/dist/Toast/FunctionalToast.js +0 -18
- package/dist/Toast/Toast.css +14 -15
- package/dist/Toast/Toast.d.ts +2 -2
- package/dist/Toast/Toast.js +48 -52
- package/dist/Toast/Toast.types.d.ts +1 -15
- package/dist/index.d.ts +0 -7
- package/dist/index.js +1 -15
- package/es/ActionSheet/ActionSheet.css +3 -6
- package/es/ActionSheet/ActionSheetItem.css +6 -10
- package/es/Alert/index.css +8 -14
- package/es/Avatar/Avatar.css +9 -13
- package/es/Avatar/AvatarGroup.css +8 -15
- package/es/Backdrop/Backdrop.css +1 -2
- package/es/Badge/Badge.css +17 -27
- package/es/Button/Button.css +17 -26
- package/es/Calendar/Calendar.css +18 -33
- package/es/Calendar/Calendar.d.ts +1 -1
- package/es/Calendar/Calendar.js +17 -38
- package/es/Calendar/Calendar.types.d.ts +0 -21
- package/es/Card/CardFooter.css +1 -2
- package/es/Card/CardHeader.css +1 -3
- package/es/Checkbox/Checkbox.css +5 -7
- package/es/CitySelector/CitySelector.css +15 -29
- package/es/CitySelector/CitySelectorCore.js +16 -25
- package/es/CitySelector/Selector/index.css +4 -4
- package/es/Countdown/Countdown.css +1 -2
- package/es/Dialog/Dialog.d.ts +2 -2
- package/es/Dialog/Dialog.js +8 -20
- package/es/Dialog/Dialog.types.d.ts +1 -12
- package/es/Dialog/FunctionalDialog.js +2 -38
- package/es/Dialog/index.css +18 -27
- package/es/Divider/Divider.css +4 -6
- package/es/IconButton/IconButton.css +7 -9
- package/es/Image/index.css +1 -2
- package/es/Input/Input.css +5 -10
- package/es/List/List.css +0 -3
- package/es/List/ListItem.css +3 -3
- package/es/List/ListItemContent.css +1 -1
- package/es/Loading/Loading.css +2 -4
- package/es/Modal/Modal.miniapp.d.ts +1 -1
- package/es/NavBar/NavBar.css +5 -9
- package/es/Picker/Picker.css +29 -25
- package/es/Picker/Picker.js +12 -32
- package/es/Picker/Picker.types.d.ts +0 -4
- package/es/Picker/PickerPanel.css +8 -8
- package/es/Picker/PickerPanel.js +8 -14
- package/es/Picker/utils.d.ts +0 -16
- package/es/Picker/utils.js +1 -29
- package/es/Portal/Portal.types.d.ts +0 -4
- package/es/Portal/PortalCore.js +1 -8
- package/es/Progress/Progress.css +6 -8
- package/es/Radio/Radio.css +1 -2
- package/es/Rating/Rating.css +4 -8
- package/es/Select/Select.css +10 -21
- package/es/Select/Select.js +1 -1
- package/es/Select/SelectOption.js +0 -3
- package/es/Skeleton/Skeleton.css +2 -3
- package/es/Slider/Slider.css +13 -24
- package/es/Steps/Step.css +11 -11
- package/es/Steps/Steps.css +5 -14
- package/es/Swiper/Swiper.css +1 -2
- package/es/Switch/Switch.css +16 -31
- package/es/TabBar/TabBar.css +3 -7
- package/es/TabBar/TabBarItem.css +1 -0
- package/es/Tabs/Tab.css +6 -2
- package/es/Tabs/Tabs.css +4 -7
- package/es/Tag/Tag.css +10 -7
- package/es/Tag/TagGroup.css +1 -9
- package/es/TextArea/TextArea.css +8 -14
- package/es/Toast/FunctionalToast.js +0 -18
- package/es/Toast/Toast.css +14 -15
- package/es/Toast/Toast.d.ts +2 -2
- package/es/Toast/Toast.js +49 -53
- package/es/Toast/Toast.types.d.ts +1 -15
- package/es/index.d.ts +0 -7
- package/es/index.js +0 -7
- package/package.json +5 -5
- package/dist/Breadcrumb/Breadcrumb.css +0 -34
- package/dist/Breadcrumb/Breadcrumb.d.ts +0 -5
- package/dist/Breadcrumb/Breadcrumb.js +0 -128
- package/dist/Breadcrumb/Breadcrumb.types.d.ts +0 -49
- package/dist/Breadcrumb/Breadcrumb.types.js +0 -15
- package/dist/Breadcrumb/BreadcrumbItem.d.ts +0 -4
- package/dist/Breadcrumb/BreadcrumbItem.js +0 -78
- package/dist/Breadcrumb/index.d.ts +0 -4
- package/dist/Breadcrumb/index.js +0 -45
- package/dist/Collapse/Collapse.css +0 -6
- package/dist/Collapse/Collapse.d.ts +0 -5
- package/dist/Collapse/Collapse.js +0 -165
- package/dist/Collapse/Collapse.types.d.ts +0 -16
- package/dist/Collapse/Collapse.types.js +0 -15
- package/dist/Collapse/index.d.ts +0 -2
- package/dist/Collapse/index.js +0 -41
- package/dist/CollapsePanel/CollapsePanel.css +0 -32
- package/dist/CollapsePanel/CollapsePanel.d.ts +0 -5
- package/dist/CollapsePanel/CollapsePanel.js +0 -159
- package/dist/CollapsePanel/CollapsePanel.types.d.ts +0 -64
- package/dist/CollapsePanel/CollapsePanel.types.js +0 -15
- package/dist/CollapsePanel/CollapsePanelItem.d.ts +0 -4
- package/dist/CollapsePanel/CollapsePanelItem.js +0 -112
- package/dist/CollapsePanel/index.d.ts +0 -4
- package/dist/CollapsePanel/index.js +0 -45
- package/dist/Popover/Popover.css +0 -97
- package/dist/Popover/Popover.d.ts +0 -5
- package/dist/Popover/Popover.js +0 -186
- package/dist/Popover/Popover.types.d.ts +0 -60
- package/dist/Popover/Popover.types.js +0 -15
- package/dist/Popover/index.d.ts +0 -2
- package/dist/Popover/index.js +0 -41
- package/dist/ThemeProvider/ThemeProvider.d.ts +0 -4
- package/dist/ThemeProvider/ThemeProvider.js +0 -90
- package/dist/ThemeProvider/ThemeProvider.types.d.ts +0 -127
- package/dist/ThemeProvider/ThemeProvider.types.js +0 -27
- package/dist/ThemeProvider/hooks/ThemeContext.d.ts +0 -4
- package/dist/ThemeProvider/hooks/ThemeContext.js +0 -35
- package/dist/ThemeProvider/hooks/createTheme.d.ts +0 -2
- package/dist/ThemeProvider/hooks/createTheme.js +0 -55
- package/dist/ThemeProvider/hooks/index.d.ts +0 -4
- package/dist/ThemeProvider/hooks/index.js +0 -43
- package/dist/ThemeProvider/hooks/useTheme.d.ts +0 -1
- package/dist/ThemeProvider/hooks/useTheme.js +0 -39
- package/dist/ThemeProvider/index.d.ts +0 -4
- package/dist/ThemeProvider/index.js +0 -45
- package/dist/ThemeProvider/utils/constants.d.ts +0 -38
- package/dist/ThemeProvider/utils/constants.js +0 -65
- package/dist/ThemeProvider/utils/index.d.ts +0 -2
- package/dist/ThemeProvider/utils/index.js +0 -23
- package/dist/ThemeProvider/utils/mountTokens.d.ts +0 -26
- package/dist/ThemeProvider/utils/mountTokens.js +0 -123
- package/dist/Tooltip/Tooltip.css +0 -91
- package/dist/Tooltip/Tooltip.d.ts +0 -5
- package/dist/Tooltip/Tooltip.js +0 -177
- package/dist/Tooltip/Tooltip.types.d.ts +0 -51
- package/dist/Tooltip/Tooltip.types.js +0 -15
- package/dist/Tooltip/index.d.ts +0 -2
- package/dist/Tooltip/index.js +0 -41
- package/dist/locales/base.d.ts +0 -40
- package/dist/locales/base.js +0 -15
- package/dist/locales/en-US.d.ts +0 -3
- package/dist/locales/en-US.js +0 -69
- package/dist/locales/hooks/useLocaleText.d.ts +0 -3
- package/dist/locales/hooks/useLocaleText.js +0 -43
- package/dist/locales/index.d.ts +0 -5
- package/dist/locales/index.js +0 -49
- package/dist/locales/zh-CN.d.ts +0 -3
- package/dist/locales/zh-CN.js +0 -51
- package/dist/locales/zh-TW.d.ts +0 -3
- package/dist/locales/zh-TW.js +0 -51
- package/es/Breadcrumb/Breadcrumb.css +0 -34
- package/es/Breadcrumb/Breadcrumb.d.ts +0 -5
- package/es/Breadcrumb/Breadcrumb.js +0 -101
- package/es/Breadcrumb/Breadcrumb.types.d.ts +0 -49
- package/es/Breadcrumb/Breadcrumb.types.js +0 -1
- package/es/Breadcrumb/BreadcrumbItem.d.ts +0 -4
- package/es/Breadcrumb/BreadcrumbItem.js +0 -51
- package/es/Breadcrumb/index.d.ts +0 -4
- package/es/Breadcrumb/index.js +0 -9
- package/es/Collapse/Collapse.css +0 -6
- package/es/Collapse/Collapse.d.ts +0 -5
- package/es/Collapse/Collapse.js +0 -144
- package/es/Collapse/Collapse.types.d.ts +0 -16
- package/es/Collapse/Collapse.types.js +0 -1
- package/es/Collapse/index.d.ts +0 -2
- package/es/Collapse/index.js +0 -6
- package/es/CollapsePanel/CollapsePanel.css +0 -32
- package/es/CollapsePanel/CollapsePanel.d.ts +0 -5
- package/es/CollapsePanel/CollapsePanel.js +0 -132
- package/es/CollapsePanel/CollapsePanel.types.d.ts +0 -64
- package/es/CollapsePanel/CollapsePanel.types.js +0 -1
- package/es/CollapsePanel/CollapsePanelItem.d.ts +0 -4
- package/es/CollapsePanel/CollapsePanelItem.js +0 -85
- package/es/CollapsePanel/index.d.ts +0 -4
- package/es/CollapsePanel/index.js +0 -9
- package/es/Popover/Popover.css +0 -97
- package/es/Popover/Popover.d.ts +0 -5
- package/es/Popover/Popover.js +0 -159
- package/es/Popover/Popover.types.d.ts +0 -60
- package/es/Popover/Popover.types.js +0 -1
- package/es/Popover/index.d.ts +0 -2
- package/es/Popover/index.js +0 -6
- package/es/ThemeProvider/ThemeProvider.d.ts +0 -4
- package/es/ThemeProvider/ThemeProvider.js +0 -61
- package/es/ThemeProvider/ThemeProvider.types.d.ts +0 -127
- package/es/ThemeProvider/ThemeProvider.types.js +0 -1
- package/es/ThemeProvider/hooks/ThemeContext.d.ts +0 -4
- package/es/ThemeProvider/hooks/ThemeContext.js +0 -6
- package/es/ThemeProvider/hooks/createTheme.d.ts +0 -2
- package/es/ThemeProvider/hooks/createTheme.js +0 -38
- package/es/ThemeProvider/hooks/index.d.ts +0 -4
- package/es/ThemeProvider/hooks/index.js +0 -8
- package/es/ThemeProvider/hooks/useTheme.d.ts +0 -1
- package/es/ThemeProvider/hooks/useTheme.js +0 -10
- package/es/ThemeProvider/index.d.ts +0 -4
- package/es/ThemeProvider/index.js +0 -8
- package/es/ThemeProvider/utils/constants.d.ts +0 -38
- package/es/ThemeProvider/utils/constants.js +0 -40
- package/es/ThemeProvider/utils/index.d.ts +0 -2
- package/es/ThemeProvider/utils/index.js +0 -2
- package/es/ThemeProvider/utils/mountTokens.d.ts +0 -26
- package/es/ThemeProvider/utils/mountTokens.js +0 -88
- package/es/Tooltip/Tooltip.css +0 -91
- package/es/Tooltip/Tooltip.d.ts +0 -5
- package/es/Tooltip/Tooltip.js +0 -150
- package/es/Tooltip/Tooltip.types.d.ts +0 -51
- package/es/Tooltip/Tooltip.types.js +0 -1
- package/es/Tooltip/index.d.ts +0 -2
- package/es/Tooltip/index.js +0 -6
- package/es/locales/base.d.ts +0 -40
- package/es/locales/base.js +0 -0
- package/es/locales/en-US.d.ts +0 -3
- package/es/locales/en-US.js +0 -50
- package/es/locales/hooks/useLocaleText.d.ts +0 -3
- package/es/locales/hooks/useLocaleText.js +0 -26
- package/es/locales/index.d.ts +0 -5
- package/es/locales/index.js +0 -11
- package/es/locales/zh-CN.d.ts +0 -3
- package/es/locales/zh-CN.js +0 -32
- package/es/locales/zh-TW.d.ts +0 -3
- 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,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
|
-
};
|
package/es/Popover/Popover.css
DELETED
|
@@ -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
|
-
}
|
package/es/Popover/Popover.d.ts
DELETED
package/es/Popover/Popover.js
DELETED
|
@@ -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 {};
|
package/es/Popover/index.d.ts
DELETED
package/es/Popover/index.js
DELETED