@bifrostui/react 1.4.5-beta.1 → 1.4.5-beta.3
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/ActionSheetItem.js +3 -8
- package/dist/Avatar/Avatar.js +3 -8
- package/dist/Avatar/AvatarGroup.js +2 -6
- package/dist/Badge/Badge.js +3 -8
- package/dist/Button/Button.css +0 -10
- package/dist/Button/Button.js +3 -8
- package/dist/Calendar/Calendar.js +6 -14
- package/dist/Card/Card.css +0 -3
- package/dist/Card/CardContent.css +1 -0
- package/dist/Card/CardFooter.css +1 -0
- package/dist/Card/CardHeader.css +1 -0
- package/dist/Checkbox/Checkbox.js +2 -6
- package/dist/Checkbox/CheckboxGroup.js +4 -7
- package/dist/CollapsePanel/CollapsePanelItem.js +45 -46
- package/dist/Countdown/Countdown.js +5 -12
- package/dist/Divider/Divider.js +8 -5
- package/dist/Drawer/Drawer.js +4 -10
- package/dist/Fade/Fade.js +52 -56
- package/dist/IconButton/IconButton.js +5 -12
- package/dist/Image/Image.js +112 -119
- package/dist/Input/Input.js +4 -10
- package/dist/List/List.js +3 -8
- package/dist/List/ListItem.js +42 -44
- package/dist/List/ListItemContent.js +1 -4
- package/dist/List/ListItemExtra.js +9 -4
- package/dist/List/ListItemFooter.js +9 -4
- package/dist/List/ListItemHeader.js +9 -4
- package/dist/Loading/Loading.js +13 -4
- package/dist/Modal/Modal.js +0 -6
- package/dist/Modal/Modal.miniapp.d.ts +1 -1
- package/dist/Modal/Modal.miniapp.js +4 -10
- package/dist/NavBar/NavBar.js +0 -1
- package/dist/Radio/Radio.js +2 -6
- package/dist/Radio/RadioGroup.js +0 -3
- package/dist/Rating/Rating.js +8 -18
- package/dist/Select/Select.js +4 -8
- package/dist/Skeleton/Skeleton.js +5 -9
- package/dist/Slide/Slide.js +69 -74
- package/dist/Slider/Slider.js +6 -14
- package/dist/Steps/Step.js +81 -82
- package/dist/Steps/Steps.d.ts +1 -1
- package/dist/Steps/Steps.js +57 -60
- package/dist/Switch/Switch.js +75 -78
- package/dist/TabBar/TabBar.js +3 -8
- package/dist/Tabs/Tab.css +3 -6
- package/dist/Tabs/Tab.js +14 -6
- package/dist/Tabs/Tabs.css +3 -17
- package/dist/Tabs/Tabs.js +15 -31
- package/dist/Tabs/Tabs.types.d.ts +0 -4
- package/dist/Tag/Tag.js +2 -6
- package/dist/TextArea/TextArea.js +5 -12
- package/dist/Transition/TransitionCore.js +3 -8
- package/es/ActionSheet/ActionSheetItem.js +3 -8
- package/es/Avatar/Avatar.js +3 -8
- package/es/Avatar/AvatarGroup.js +2 -6
- package/es/Badge/Badge.js +3 -8
- package/es/Button/Button.css +0 -10
- package/es/Button/Button.js +3 -8
- package/es/Calendar/Calendar.js +6 -14
- package/es/Card/Card.css +0 -3
- package/es/Card/CardContent.css +1 -0
- package/es/Card/CardFooter.css +1 -0
- package/es/Card/CardHeader.css +1 -0
- package/es/Checkbox/Checkbox.js +2 -6
- package/es/Checkbox/CheckboxGroup.js +4 -7
- package/es/CollapsePanel/CollapsePanelItem.js +45 -46
- package/es/Countdown/Countdown.js +5 -12
- package/es/Divider/Divider.js +8 -5
- package/es/Drawer/Drawer.js +4 -10
- package/es/Fade/Fade.js +52 -56
- package/es/IconButton/IconButton.js +5 -12
- package/es/Image/Image.js +112 -119
- package/es/Input/Input.js +4 -10
- package/es/List/List.js +3 -8
- package/es/List/ListItem.js +42 -44
- package/es/List/ListItemContent.js +1 -4
- package/es/List/ListItemExtra.js +9 -4
- package/es/List/ListItemFooter.js +9 -4
- package/es/List/ListItemHeader.js +9 -4
- package/es/Loading/Loading.js +13 -4
- package/es/Modal/Modal.js +0 -6
- package/es/Modal/Modal.miniapp.d.ts +1 -1
- package/es/Modal/Modal.miniapp.js +4 -10
- package/es/NavBar/NavBar.js +0 -1
- package/es/Radio/Radio.js +2 -6
- package/es/Radio/RadioGroup.js +0 -3
- package/es/Rating/Rating.js +8 -18
- package/es/Select/Select.js +4 -8
- package/es/Skeleton/Skeleton.js +5 -9
- package/es/Slide/Slide.js +69 -74
- package/es/Slider/Slider.js +6 -14
- package/es/Steps/Step.js +81 -82
- package/es/Steps/Steps.d.ts +1 -1
- package/es/Steps/Steps.js +57 -60
- package/es/Switch/Switch.js +75 -78
- package/es/TabBar/TabBar.js +3 -8
- package/es/Tabs/Tab.css +3 -6
- package/es/Tabs/Tab.js +14 -6
- package/es/Tabs/Tabs.css +3 -17
- package/es/Tabs/Tabs.js +17 -44
- package/es/Tabs/Tabs.types.d.ts +0 -4
- package/es/Tag/Tag.js +2 -6
- package/es/TextArea/TextArea.js +5 -12
- package/es/Transition/TransitionCore.js +3 -8
- package/package.json +5 -5
package/dist/Image/Image.js
CHANGED
|
@@ -64,125 +64,118 @@ var import_clsx = __toESM(require("clsx"));
|
|
|
64
64
|
var import_react = __toESM(require("react"));
|
|
65
65
|
var import_index = require("./index.css");
|
|
66
66
|
const prefixCls = "bui-image";
|
|
67
|
-
const Image = /* @__PURE__ */ import_react.default.forwardRef(
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
placeholder,
|
|
83
|
-
onClick,
|
|
84
|
-
onLoad,
|
|
85
|
-
onError,
|
|
86
|
-
imgProps
|
|
87
|
-
} = _a, others = __objRest(_a, [
|
|
88
|
-
"fit",
|
|
89
|
-
"src",
|
|
90
|
-
"lazy",
|
|
91
|
-
"style",
|
|
92
|
-
"webp",
|
|
93
|
-
"alt",
|
|
94
|
-
"showMenu",
|
|
95
|
-
"width",
|
|
96
|
-
"height",
|
|
97
|
-
"fallback",
|
|
98
|
-
"className",
|
|
99
|
-
"placeholder",
|
|
100
|
-
"onClick",
|
|
101
|
-
"onLoad",
|
|
102
|
-
"onError",
|
|
103
|
-
"imgProps"
|
|
104
|
-
]);
|
|
105
|
-
const modeEnum = {
|
|
106
|
-
none: "center",
|
|
107
|
-
// 被替换的内容将保持其原有的尺寸居中裁切展示
|
|
108
|
-
contain: "aspectFit",
|
|
109
|
-
// 被替换的内容将被缩放,以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比,因此如果宽高比与框的宽高比不匹配
|
|
110
|
-
cover: "aspectFill",
|
|
111
|
-
// 被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配,该对象将被剪裁以适应内容框。
|
|
112
|
-
fill: "scaleToFill",
|
|
113
|
-
// 被替换的内容正好填充元素的内容框。整个对象将完全填充此框。如果对象的宽高比与内容框不相匹配,那么该对象将被拉伸以适应内容框
|
|
114
|
-
"scale-down": "aspectFit",
|
|
115
|
-
// 内容的尺寸与 none 或 contain 中的一个相同,取决于它们两个之间谁得到的对象尺寸会更小一些。
|
|
116
|
-
widthFix: "widthFix",
|
|
117
|
-
// 【微信小程序】缩放模式,宽度不变,高度自动变化,保持原图宽高比不变。
|
|
118
|
-
heightFix: "heightFix"
|
|
119
|
-
// 【微信小程序】缩放模式,高度不变,宽度自动变化,保持原图宽高比不变。
|
|
120
|
-
};
|
|
121
|
-
(0, import_react.useLayoutEffect)(() => {
|
|
122
|
-
setLoaded(false);
|
|
123
|
-
setFailed(false);
|
|
124
|
-
}, [src]);
|
|
125
|
-
function defaultIconWrap(icon) {
|
|
126
|
-
return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-default-icon-wrap` }, icon);
|
|
127
|
-
}
|
|
128
|
-
const defaultIcon = defaultIconWrap(
|
|
129
|
-
/* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-default-icon-item` })
|
|
130
|
-
);
|
|
131
|
-
const defaultPlaceholder = placeholder === false ? [] : placeholder !== true && defaultIconWrap(placeholder) || defaultIcon;
|
|
132
|
-
const defaultFallback = fallback && defaultIconWrap(fallback) || defaultPlaceholder;
|
|
133
|
-
const miniAttr = {
|
|
134
|
-
webp,
|
|
135
|
-
lazyLoad: lazy,
|
|
136
|
-
"lazy-load": lazy,
|
|
137
|
-
mode: fit && modeEnum[fit],
|
|
138
|
-
showMenuByLongpress: showMenu
|
|
139
|
-
};
|
|
140
|
-
const imgEle = /* @__PURE__ */ import_react.default.createElement(
|
|
141
|
-
"img",
|
|
142
|
-
__spreadValues(__spreadProps(__spreadValues({
|
|
143
|
-
src,
|
|
144
|
-
loading: lazy ? "lazy" : "eager",
|
|
145
|
-
onLoad: (e) => {
|
|
146
|
-
setLoaded(true);
|
|
147
|
-
onLoad == null ? void 0 : onLoad(e);
|
|
148
|
-
},
|
|
149
|
-
onError: (e) => {
|
|
150
|
-
setFailed(true);
|
|
151
|
-
onError == null ? void 0 : onError(e);
|
|
152
|
-
},
|
|
153
|
-
alt
|
|
154
|
-
}, imgProps), {
|
|
155
|
-
style: __spreadValues({ objectFit: fit }, (imgProps == null ? void 0 : imgProps.style) || {}),
|
|
156
|
-
className: (0, import_clsx.default)(
|
|
157
|
-
`${prefixCls}-img`,
|
|
158
|
-
// 无占位且不onFail时直接展示img本体
|
|
159
|
-
(loaded || placeholder === false && !failed) && `${prefixCls}-loaded`,
|
|
160
|
-
imgProps == null ? void 0 : imgProps.className
|
|
161
|
-
)
|
|
162
|
-
}), import_utils.isMini ? miniAttr : {})
|
|
163
|
-
);
|
|
164
|
-
function renderImgEle() {
|
|
165
|
-
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, failed && defaultFallback || !loaded && defaultPlaceholder || null, imgEle);
|
|
166
|
-
}
|
|
167
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
168
|
-
"div",
|
|
169
|
-
__spreadValues({
|
|
170
|
-
ref,
|
|
67
|
+
const Image = /* @__PURE__ */ import_react.default.forwardRef(
|
|
68
|
+
(_a, ref) => {
|
|
69
|
+
var _b = _a, {
|
|
70
|
+
fit = "fill",
|
|
71
|
+
src = "",
|
|
72
|
+
lazy = false,
|
|
73
|
+
style,
|
|
74
|
+
webp,
|
|
75
|
+
alt,
|
|
76
|
+
showMenu,
|
|
77
|
+
width,
|
|
78
|
+
height,
|
|
79
|
+
fallback = null,
|
|
80
|
+
className,
|
|
81
|
+
placeholder = false,
|
|
171
82
|
onClick,
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
83
|
+
onLoad,
|
|
84
|
+
onError,
|
|
85
|
+
imgProps
|
|
86
|
+
} = _b, others = __objRest(_b, [
|
|
87
|
+
"fit",
|
|
88
|
+
"src",
|
|
89
|
+
"lazy",
|
|
90
|
+
"style",
|
|
91
|
+
"webp",
|
|
92
|
+
"alt",
|
|
93
|
+
"showMenu",
|
|
94
|
+
"width",
|
|
95
|
+
"height",
|
|
96
|
+
"fallback",
|
|
97
|
+
"className",
|
|
98
|
+
"placeholder",
|
|
99
|
+
"onClick",
|
|
100
|
+
"onLoad",
|
|
101
|
+
"onError",
|
|
102
|
+
"imgProps"
|
|
103
|
+
]);
|
|
104
|
+
const [loaded, setLoaded] = (0, import_react.useState)(false);
|
|
105
|
+
const [failed, setFailed] = (0, import_react.useState)(false);
|
|
106
|
+
const modeEnum = {
|
|
107
|
+
none: "center",
|
|
108
|
+
// 被替换的内容将保持其原有的尺寸居中裁切展示
|
|
109
|
+
contain: "aspectFit",
|
|
110
|
+
// 被替换的内容将被缩放,以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比,因此如果宽高比与框的宽高比不匹配
|
|
111
|
+
cover: "aspectFill",
|
|
112
|
+
// 被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配,该对象将被剪裁以适应内容框。
|
|
113
|
+
fill: "scaleToFill",
|
|
114
|
+
// 被替换的内容正好填充元素的内容框。整个对象将完全填充此框。如果对象的宽高比与内容框不匹配,那么该对象将被拉伸以适应内容框
|
|
115
|
+
"scale-down": "aspectFit",
|
|
116
|
+
// 内容的尺寸与 none 或 contain 中的一个相同,取决于它们两个之间谁得到的对象尺寸会更小一些。
|
|
117
|
+
widthFix: "widthFix",
|
|
118
|
+
// 【微信小程序】缩放模式,宽度不变,高度自动变化,保持原图宽高比不变。
|
|
119
|
+
heightFix: "heightFix"
|
|
120
|
+
// 【微信小程序】缩放模式,高度不变,宽度自动变化,保持原图宽高比不变。
|
|
121
|
+
};
|
|
122
|
+
(0, import_react.useLayoutEffect)(() => {
|
|
123
|
+
setLoaded(false);
|
|
124
|
+
setFailed(false);
|
|
125
|
+
}, [src]);
|
|
126
|
+
function defaultIconWrap(icon) {
|
|
127
|
+
return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-default-icon-wrap` }, icon);
|
|
128
|
+
}
|
|
129
|
+
const defaultIcon = defaultIconWrap(
|
|
130
|
+
/* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-default-icon-item` })
|
|
131
|
+
);
|
|
132
|
+
const defaultPlaceholder = placeholder === false ? [] : placeholder !== true && defaultIconWrap(placeholder) || defaultIcon;
|
|
133
|
+
const defaultFallback = fallback && defaultIconWrap(fallback) || defaultPlaceholder;
|
|
134
|
+
const miniAttr = {
|
|
135
|
+
webp,
|
|
136
|
+
lazyLoad: lazy,
|
|
137
|
+
"lazy-load": lazy,
|
|
138
|
+
mode: fit && modeEnum[fit],
|
|
139
|
+
showMenuByLongpress: showMenu
|
|
140
|
+
};
|
|
141
|
+
const imgEle = /* @__PURE__ */ import_react.default.createElement(
|
|
142
|
+
"img",
|
|
143
|
+
__spreadValues(__spreadProps(__spreadValues({
|
|
144
|
+
src,
|
|
145
|
+
loading: lazy ? "lazy" : "eager",
|
|
146
|
+
onLoad: (e) => {
|
|
147
|
+
setLoaded(true);
|
|
148
|
+
onLoad == null ? void 0 : onLoad(e);
|
|
149
|
+
},
|
|
150
|
+
onError: (e) => {
|
|
151
|
+
setFailed(true);
|
|
152
|
+
onError == null ? void 0 : onError(e);
|
|
153
|
+
},
|
|
154
|
+
alt
|
|
155
|
+
}, imgProps), {
|
|
156
|
+
style: __spreadValues({ objectFit: fit }, (imgProps == null ? void 0 : imgProps.style) || {}),
|
|
157
|
+
className: (0, import_clsx.default)(
|
|
158
|
+
`${prefixCls}-img`,
|
|
159
|
+
// 无占位且不onFail时直接展示img本体
|
|
160
|
+
(loaded || placeholder === false && !failed) && `${prefixCls}-loaded`,
|
|
161
|
+
imgProps == null ? void 0 : imgProps.className
|
|
162
|
+
)
|
|
163
|
+
}), import_utils.isMini ? miniAttr : {})
|
|
164
|
+
);
|
|
165
|
+
function renderImgEle() {
|
|
166
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, failed && defaultFallback || !loaded && defaultPlaceholder || null, imgEle);
|
|
167
|
+
}
|
|
168
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
169
|
+
"div",
|
|
170
|
+
__spreadValues({
|
|
171
|
+
ref,
|
|
172
|
+
onClick,
|
|
173
|
+
style: __spreadValues({ width, height }, style),
|
|
174
|
+
className: (0, import_clsx.default)(prefixCls, className)
|
|
175
|
+
}, others),
|
|
176
|
+
renderImgEle()
|
|
177
|
+
);
|
|
178
|
+
}
|
|
179
|
+
);
|
|
178
180
|
Image.displayName = "BuiImage";
|
|
179
|
-
Image.defaultProps = {
|
|
180
|
-
src: "",
|
|
181
|
-
lazy: false,
|
|
182
|
-
fallback: null,
|
|
183
|
-
placeholder: false,
|
|
184
|
-
width: void 0,
|
|
185
|
-
height: void 0,
|
|
186
|
-
fit: "fill"
|
|
187
|
-
};
|
|
188
181
|
var Image_default = Image;
|
package/dist/Input/Input.js
CHANGED
|
@@ -68,17 +68,17 @@ const prefixCls = "bui-input";
|
|
|
68
68
|
const Input = (0, import_react.forwardRef)((props, ref) => {
|
|
69
69
|
const _a = props, {
|
|
70
70
|
className,
|
|
71
|
-
defaultValue,
|
|
71
|
+
defaultValue = "",
|
|
72
72
|
value,
|
|
73
73
|
inputProps,
|
|
74
74
|
inputRef,
|
|
75
75
|
name,
|
|
76
|
-
type,
|
|
77
|
-
clearable,
|
|
76
|
+
type = "text",
|
|
77
|
+
clearable = false,
|
|
78
78
|
startIcon,
|
|
79
79
|
endIcon,
|
|
80
80
|
placeholder,
|
|
81
|
-
disabled,
|
|
81
|
+
disabled = false,
|
|
82
82
|
onClear,
|
|
83
83
|
onChange,
|
|
84
84
|
onFocus,
|
|
@@ -176,10 +176,4 @@ const Input = (0, import_react.forwardRef)((props, ref) => {
|
|
|
176
176
|
);
|
|
177
177
|
});
|
|
178
178
|
Input.displayName = "BuiInput";
|
|
179
|
-
Input.defaultProps = {
|
|
180
|
-
defaultValue: "",
|
|
181
|
-
type: "text",
|
|
182
|
-
clearable: false,
|
|
183
|
-
disabled: false
|
|
184
|
-
};
|
|
185
179
|
var Input_default = Input;
|
package/dist/List/List.js
CHANGED
|
@@ -63,11 +63,11 @@ var import_List2 = require("./List.css");
|
|
|
63
63
|
const prefixCls = "bui-list";
|
|
64
64
|
const List = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
|
|
65
65
|
const _a = props, {
|
|
66
|
-
hideDivider,
|
|
66
|
+
hideDivider = false,
|
|
67
67
|
children,
|
|
68
68
|
className,
|
|
69
|
-
size,
|
|
70
|
-
component: Component,
|
|
69
|
+
size = "medium",
|
|
70
|
+
component: Component = "div",
|
|
71
71
|
header,
|
|
72
72
|
subheader
|
|
73
73
|
} = _a, others = __objRest(_a, [
|
|
@@ -96,9 +96,4 @@ const List = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
|
|
|
96
96
|
));
|
|
97
97
|
});
|
|
98
98
|
List.displayName = "BuiList";
|
|
99
|
-
List.defaultProps = {
|
|
100
|
-
hideDivider: false,
|
|
101
|
-
size: "medium",
|
|
102
|
-
component: "div"
|
|
103
|
-
};
|
|
104
99
|
var List_default = List;
|
package/dist/List/ListItem.js
CHANGED
|
@@ -63,50 +63,48 @@ var import_ListContext = __toESM(require("./ListContext"));
|
|
|
63
63
|
var import_ListItemFooter = __toESM(require("./ListItemFooter"));
|
|
64
64
|
var import_ListItem2 = require("./ListItem.css");
|
|
65
65
|
const prefixCls = "bui-list-item";
|
|
66
|
-
const ListItem = /* @__PURE__ */ import_react.default.forwardRef(
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
endIcon,
|
|
74
|
-
component: Component
|
|
75
|
-
} = _a, others = __objRest(_a, [
|
|
76
|
-
"children",
|
|
77
|
-
"className",
|
|
78
|
-
"hideDivider",
|
|
79
|
-
"disabled",
|
|
80
|
-
"onClick",
|
|
81
|
-
"endIcon",
|
|
82
|
-
"component"
|
|
83
|
-
]);
|
|
84
|
-
let chevron;
|
|
85
|
-
if (typeof endIcon === "boolean") {
|
|
86
|
-
chevron = endIcon && /* @__PURE__ */ import_react.default.createElement(import_icons.ArrowForwardIcon, { size: "small" });
|
|
87
|
-
} else if (import_react.default.isValidElement(endIcon)) {
|
|
88
|
-
chevron = endIcon;
|
|
89
|
-
} else {
|
|
90
|
-
chevron = onClick && /* @__PURE__ */ import_react.default.createElement(import_icons.ArrowForwardIcon, { size: "small" });
|
|
91
|
-
}
|
|
92
|
-
const context = import_react.default.useContext(import_ListContext.default);
|
|
93
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
94
|
-
Component,
|
|
95
|
-
__spreadValues({
|
|
96
|
-
className: (0, import_clsx.default)(prefixCls, className, {
|
|
97
|
-
[`${prefixCls}-divider`]: !(hideDivider || context.hideDivider),
|
|
98
|
-
[`${prefixCls}-disabled`]: disabled
|
|
99
|
-
}),
|
|
66
|
+
const ListItem = /* @__PURE__ */ import_react.default.forwardRef(
|
|
67
|
+
(_a, ref) => {
|
|
68
|
+
var _b = _a, {
|
|
69
|
+
children,
|
|
70
|
+
className,
|
|
71
|
+
hideDivider = false,
|
|
72
|
+
disabled,
|
|
100
73
|
onClick,
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
74
|
+
endIcon,
|
|
75
|
+
component: Component = "div"
|
|
76
|
+
} = _b, others = __objRest(_b, [
|
|
77
|
+
"children",
|
|
78
|
+
"className",
|
|
79
|
+
"hideDivider",
|
|
80
|
+
"disabled",
|
|
81
|
+
"onClick",
|
|
82
|
+
"endIcon",
|
|
83
|
+
"component"
|
|
84
|
+
]);
|
|
85
|
+
let chevron;
|
|
86
|
+
if (typeof endIcon === "boolean") {
|
|
87
|
+
chevron = endIcon && /* @__PURE__ */ import_react.default.createElement(import_icons.ArrowForwardIcon, { size: "small" });
|
|
88
|
+
} else if (import_react.default.isValidElement(endIcon)) {
|
|
89
|
+
chevron = endIcon;
|
|
90
|
+
} else {
|
|
91
|
+
chevron = onClick && /* @__PURE__ */ import_react.default.createElement(import_icons.ArrowForwardIcon, { size: "small" });
|
|
92
|
+
}
|
|
93
|
+
const context = import_react.default.useContext(import_ListContext.default);
|
|
94
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
95
|
+
Component,
|
|
96
|
+
__spreadValues({
|
|
97
|
+
className: (0, import_clsx.default)(prefixCls, className, {
|
|
98
|
+
[`${prefixCls}-divider`]: !(hideDivider || context.hideDivider),
|
|
99
|
+
[`${prefixCls}-disabled`]: disabled
|
|
100
|
+
}),
|
|
101
|
+
onClick,
|
|
102
|
+
ref
|
|
103
|
+
}, others),
|
|
104
|
+
children,
|
|
105
|
+
chevron && /* @__PURE__ */ import_react.default.createElement(import_ListItemFooter.default, null, chevron)
|
|
106
|
+
);
|
|
107
|
+
}
|
|
108
|
+
);
|
|
107
109
|
ListItem.displayName = "BuiListItem";
|
|
108
|
-
ListItem.defaultProps = {
|
|
109
|
-
component: "div",
|
|
110
|
-
hideDivider: false
|
|
111
|
-
};
|
|
112
110
|
var ListItem_default = ListItem;
|
|
@@ -65,7 +65,7 @@ const ListItemContent = /* @__PURE__ */ import_react.default.forwardRef(
|
|
|
65
65
|
const _a = props, {
|
|
66
66
|
children,
|
|
67
67
|
className,
|
|
68
|
-
component: Component,
|
|
68
|
+
component: Component = "div",
|
|
69
69
|
primary,
|
|
70
70
|
secondary
|
|
71
71
|
} = _a, others = __objRest(_a, [
|
|
@@ -79,7 +79,4 @@ const ListItemContent = /* @__PURE__ */ import_react.default.forwardRef(
|
|
|
79
79
|
}
|
|
80
80
|
);
|
|
81
81
|
ListItemContent.displayName = "BuiListItemContent";
|
|
82
|
-
ListItemContent.defaultProps = {
|
|
83
|
-
component: "div"
|
|
84
|
-
};
|
|
85
82
|
var ListItemContent_default = ListItemContent;
|
|
@@ -62,12 +62,17 @@ var import_ListItemExtra2 = require("./ListItemExtra.css");
|
|
|
62
62
|
const prefixCls = "bui-list-item-extra";
|
|
63
63
|
const ListItemExtra = /* @__PURE__ */ import_react.default.forwardRef(
|
|
64
64
|
(props, ref) => {
|
|
65
|
-
const _a = props, {
|
|
65
|
+
const _a = props, {
|
|
66
|
+
children,
|
|
67
|
+
className,
|
|
68
|
+
component: Component = "div"
|
|
69
|
+
} = _a, others = __objRest(_a, [
|
|
70
|
+
"children",
|
|
71
|
+
"className",
|
|
72
|
+
"component"
|
|
73
|
+
]);
|
|
66
74
|
return /* @__PURE__ */ import_react.default.createElement(Component, __spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref }, others), children);
|
|
67
75
|
}
|
|
68
76
|
);
|
|
69
77
|
ListItemExtra.displayName = "BuiListItemExtra";
|
|
70
|
-
ListItemExtra.defaultProps = {
|
|
71
|
-
component: "div"
|
|
72
|
-
};
|
|
73
78
|
var ListItemExtra_default = ListItemExtra;
|
|
@@ -62,12 +62,17 @@ var import_ListItemFooter2 = require("./ListItemFooter.css");
|
|
|
62
62
|
const prefixCls = "bui-list-item-footer";
|
|
63
63
|
const ListItemFooter = /* @__PURE__ */ import_react.default.forwardRef(
|
|
64
64
|
(props, ref) => {
|
|
65
|
-
const _a = props, {
|
|
65
|
+
const _a = props, {
|
|
66
|
+
children,
|
|
67
|
+
className,
|
|
68
|
+
component: Component = "div"
|
|
69
|
+
} = _a, others = __objRest(_a, [
|
|
70
|
+
"children",
|
|
71
|
+
"className",
|
|
72
|
+
"component"
|
|
73
|
+
]);
|
|
66
74
|
return /* @__PURE__ */ import_react.default.createElement(Component, __spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref }, others), children);
|
|
67
75
|
}
|
|
68
76
|
);
|
|
69
77
|
ListItemFooter.displayName = "BuiListItemFooter";
|
|
70
|
-
ListItemFooter.defaultProps = {
|
|
71
|
-
component: "div"
|
|
72
|
-
};
|
|
73
78
|
var ListItemFooter_default = ListItemFooter;
|
|
@@ -62,12 +62,17 @@ var import_ListItemHeader2 = require("./ListItemHeader.css");
|
|
|
62
62
|
const prefixCls = "bui-list-item-header";
|
|
63
63
|
const ListItemHeader = /* @__PURE__ */ import_react.default.forwardRef(
|
|
64
64
|
(props, ref) => {
|
|
65
|
-
const _a = props, {
|
|
65
|
+
const _a = props, {
|
|
66
|
+
children,
|
|
67
|
+
className,
|
|
68
|
+
component: Component = "div"
|
|
69
|
+
} = _a, others = __objRest(_a, [
|
|
70
|
+
"children",
|
|
71
|
+
"className",
|
|
72
|
+
"component"
|
|
73
|
+
]);
|
|
66
74
|
return /* @__PURE__ */ import_react.default.createElement(Component, __spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref }, others), children);
|
|
67
75
|
}
|
|
68
76
|
);
|
|
69
77
|
ListItemHeader.displayName = "BuiListItemHeader";
|
|
70
|
-
ListItemHeader.defaultProps = {
|
|
71
|
-
component: "div"
|
|
72
|
-
};
|
|
73
78
|
var ListItemHeader_default = ListItemHeader;
|
package/dist/Loading/Loading.js
CHANGED
|
@@ -62,7 +62,19 @@ var import_icons = require("@bifrostui/icons");
|
|
|
62
62
|
var import_Loading2 = require("./Loading.css");
|
|
63
63
|
const prefixCls = "bui-loading";
|
|
64
64
|
const Loading = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
|
|
65
|
-
const _a = props, {
|
|
65
|
+
const _a = props, {
|
|
66
|
+
className,
|
|
67
|
+
icon,
|
|
68
|
+
IconProps,
|
|
69
|
+
children,
|
|
70
|
+
direction = "vertical"
|
|
71
|
+
} = _a, otherProps = __objRest(_a, [
|
|
72
|
+
"className",
|
|
73
|
+
"icon",
|
|
74
|
+
"IconProps",
|
|
75
|
+
"children",
|
|
76
|
+
"direction"
|
|
77
|
+
]);
|
|
66
78
|
const renderIcon = () => {
|
|
67
79
|
return icon != null ? icon : /* @__PURE__ */ import_react.default.createElement(
|
|
68
80
|
import_icons.LoadingThreeQuartersOutlinedIcon,
|
|
@@ -82,7 +94,4 @@ const Loading = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
|
|
|
82
94
|
);
|
|
83
95
|
});
|
|
84
96
|
Loading.displayName = "BuiLoading";
|
|
85
|
-
Loading.defaultProps = {
|
|
86
|
-
direction: "vertical"
|
|
87
|
-
};
|
|
88
97
|
var Loading_default = Loading;
|
package/dist/Modal/Modal.js
CHANGED
|
@@ -136,10 +136,4 @@ const Modal = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
|
|
|
136
136
|
) : null, (open || keepMounted) && children));
|
|
137
137
|
});
|
|
138
138
|
Modal.displayName = "BuiModal";
|
|
139
|
-
Modal.defaultProps = {
|
|
140
|
-
open: false,
|
|
141
|
-
disablePortal: false,
|
|
142
|
-
disableScrollLock: false,
|
|
143
|
-
hideBackdrop: false
|
|
144
|
-
};
|
|
145
139
|
var Modal_default = Modal;
|
|
@@ -12,5 +12,5 @@ declare const Modal: React.ForwardRefExoticComponent<Omit<ViewProps & {
|
|
|
12
12
|
keepMounted?: boolean;
|
|
13
13
|
} & import("@bifrostui/types").ICommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
14
14
|
ref?: React.Ref<HTMLDivElement>;
|
|
15
|
-
}, keyof import("@bifrostui/types").ICommonProps | "
|
|
15
|
+
}, "open" | keyof import("@bifrostui/types").ICommonProps | "container" | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
16
16
|
export default Modal;
|
|
@@ -71,13 +71,13 @@ const Modal = /* @__PURE__ */ import_react.default.forwardRef(
|
|
|
71
71
|
(props, ref) => {
|
|
72
72
|
const _a = props, {
|
|
73
73
|
className,
|
|
74
|
-
open,
|
|
74
|
+
open = false,
|
|
75
75
|
BackdropProps,
|
|
76
76
|
children,
|
|
77
77
|
container,
|
|
78
|
-
disablePortal,
|
|
79
|
-
disableScrollLock,
|
|
80
|
-
hideBackdrop,
|
|
78
|
+
disablePortal = false,
|
|
79
|
+
disableScrollLock = false,
|
|
80
|
+
hideBackdrop = false,
|
|
81
81
|
onClose,
|
|
82
82
|
keepMounted
|
|
83
83
|
} = _a, others = __objRest(_a, [
|
|
@@ -133,10 +133,4 @@ const Modal = /* @__PURE__ */ import_react.default.forwardRef(
|
|
|
133
133
|
}
|
|
134
134
|
);
|
|
135
135
|
Modal.displayName = "BuiModal";
|
|
136
|
-
Modal.defaultProps = {
|
|
137
|
-
open: false,
|
|
138
|
-
disablePortal: false,
|
|
139
|
-
disableScrollLock: false,
|
|
140
|
-
hideBackdrop: false
|
|
141
|
-
};
|
|
142
136
|
var Modal_miniapp_default = Modal;
|
package/dist/NavBar/NavBar.js
CHANGED
|
@@ -133,5 +133,4 @@ const NavBar = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
|
|
|
133
133
|
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderNavBar(), renderPlaceholder());
|
|
134
134
|
});
|
|
135
135
|
NavBar.displayName = "BuiNavBar";
|
|
136
|
-
NavBar.defaultProps = {};
|
|
137
136
|
var NavBar_default = NavBar;
|
package/dist/Radio/Radio.js
CHANGED
|
@@ -69,7 +69,7 @@ const prefixCls = "bui-radio";
|
|
|
69
69
|
const Radio = (0, import_react.forwardRef)((props, ref) => {
|
|
70
70
|
const _a = props, {
|
|
71
71
|
className,
|
|
72
|
-
defaultChecked,
|
|
72
|
+
defaultChecked = false,
|
|
73
73
|
checked,
|
|
74
74
|
inputProps,
|
|
75
75
|
inputRef,
|
|
@@ -78,7 +78,7 @@ const Radio = (0, import_react.forwardRef)((props, ref) => {
|
|
|
78
78
|
disabled,
|
|
79
79
|
icon,
|
|
80
80
|
checkedIcon,
|
|
81
|
-
labelPlacement,
|
|
81
|
+
labelPlacement = "right",
|
|
82
82
|
onChange,
|
|
83
83
|
children
|
|
84
84
|
} = _a, others = __objRest(_a, [
|
|
@@ -177,8 +177,4 @@ const Radio = (0, import_react.forwardRef)((props, ref) => {
|
|
|
177
177
|
);
|
|
178
178
|
});
|
|
179
179
|
Radio.displayName = "BuiRadio";
|
|
180
|
-
Radio.defaultProps = {
|
|
181
|
-
defaultChecked: false,
|
|
182
|
-
labelPlacement: "right"
|
|
183
|
-
};
|
|
184
180
|
var Radio_default = Radio;
|
package/dist/Radio/RadioGroup.js
CHANGED
package/dist/Rating/Rating.js
CHANGED
|
@@ -69,18 +69,18 @@ const classes = {
|
|
|
69
69
|
const Rating = (0, import_react.forwardRef)((props, ref) => {
|
|
70
70
|
const _a = props, {
|
|
71
71
|
className,
|
|
72
|
-
size,
|
|
72
|
+
size = "medium",
|
|
73
73
|
defaultValue,
|
|
74
|
-
allowHalf,
|
|
75
|
-
icon,
|
|
76
|
-
checkedIcon,
|
|
77
|
-
count,
|
|
78
|
-
readOnly,
|
|
79
|
-
disabled,
|
|
74
|
+
allowHalf = false,
|
|
75
|
+
icon = /* @__PURE__ */ import_react.default.createElement(import_icons.StarFilledIcon, { htmlColor: "#ced1d6" }),
|
|
76
|
+
checkedIcon = /* @__PURE__ */ import_react.default.createElement(import_icons.StarFilledIcon, { color: "warning" }),
|
|
77
|
+
count = 5,
|
|
78
|
+
readOnly = false,
|
|
79
|
+
disabled = false,
|
|
80
80
|
value,
|
|
81
81
|
onChange,
|
|
82
82
|
name,
|
|
83
|
-
disableClear
|
|
83
|
+
disableClear = false
|
|
84
84
|
} = _a, others = __objRest(_a, [
|
|
85
85
|
"className",
|
|
86
86
|
"size",
|
|
@@ -164,14 +164,4 @@ const Rating = (0, import_react.forwardRef)((props, ref) => {
|
|
|
164
164
|
);
|
|
165
165
|
});
|
|
166
166
|
Rating.displayName = "BuiRating";
|
|
167
|
-
Rating.defaultProps = {
|
|
168
|
-
size: "medium",
|
|
169
|
-
count: 5,
|
|
170
|
-
icon: /* @__PURE__ */ import_react.default.createElement(import_icons.StarFilledIcon, { htmlColor: "#ced1d6" }),
|
|
171
|
-
checkedIcon: /* @__PURE__ */ import_react.default.createElement(import_icons.StarFilledIcon, { color: "warning" }),
|
|
172
|
-
readOnly: false,
|
|
173
|
-
disabled: false,
|
|
174
|
-
allowHalf: false,
|
|
175
|
-
disableClear: false
|
|
176
|
-
};
|
|
177
167
|
var Rating_default = Rating;
|
package/dist/Select/Select.js
CHANGED
|
@@ -80,12 +80,14 @@ const Select = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
|
|
|
80
80
|
inputProps,
|
|
81
81
|
BackdropProps,
|
|
82
82
|
value,
|
|
83
|
-
defaultValue,
|
|
83
|
+
defaultValue = "",
|
|
84
84
|
disabled,
|
|
85
85
|
placeholder,
|
|
86
86
|
icon,
|
|
87
87
|
open,
|
|
88
|
-
scrollContainer
|
|
88
|
+
scrollContainer = () => {
|
|
89
|
+
return import_utils.isMini ? null : document.body;
|
|
90
|
+
},
|
|
89
91
|
onChange,
|
|
90
92
|
onClose,
|
|
91
93
|
onOpen,
|
|
@@ -271,10 +273,4 @@ const Select = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
|
|
|
271
273
|
));
|
|
272
274
|
});
|
|
273
275
|
Select.displayName = "BuiSelect";
|
|
274
|
-
Select.defaultProps = {
|
|
275
|
-
defaultValue: "",
|
|
276
|
-
scrollContainer: () => {
|
|
277
|
-
return import_utils.isMini ? null : document.body;
|
|
278
|
-
}
|
|
279
|
-
};
|
|
280
276
|
var Select_default = Select;
|