bhd-components 0.9.8 → 0.9.9
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/README.md +1 -1
- package/dist/index.esm.es5.development.css +28 -20
- package/dist/index.esm.es5.development.js +23 -20
- package/dist/index.esm.es5.production.css +1 -1
- package/dist/index.esm.es5.production.js +1 -1
- package/dist/vendor.esm.es5.development.js +1264 -1264
- package/dist/vendor.esm.es5.production.js +2 -2
- package/es2017/bhdAppLayout/components/BhdTableSimple/index.js +23 -19
- package/es2017/bhdAppLayout/components/BhdTableSimple/index.less +13 -0
- package/es2017/bhdAppLayout/index.module.less +3 -3
- package/esm/bhdAppLayout/components/BhdTableSimple/index.js +23 -19
- package/esm/bhdAppLayout/components/BhdTableSimple/index.less +13 -0
- package/esm/bhdAppLayout/index.module.less +3 -3
- package/package.json +1 -1
|
@@ -2,6 +2,7 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
|
|
|
2
2
|
import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
|
|
3
3
|
import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
|
|
4
4
|
import * as React from "react";
|
|
5
|
+
import { useRef } from "react";
|
|
5
6
|
import "./index.less";
|
|
6
7
|
import Table from "../../../table";
|
|
7
8
|
import { Loading, NotData, ServerError } from "../../../images";
|
|
@@ -17,10 +18,18 @@ import i18Conversion from "../../../i18n";
|
|
|
17
18
|
超长内容 出现滚动条 需在管理列定义好width 没有定义的max-width:300
|
|
18
19
|
*/ const BhdTableSimple = (props)=>{
|
|
19
20
|
let { className, locale, borderBottom = false, rowSelection, ajaxErr, dataSource, kind = "simple", loading, notDataText = i18Conversion("noData") } = props;
|
|
21
|
+
const tableRef = useRef(null);
|
|
20
22
|
const renderTableText = ()=>{
|
|
23
|
+
let minHeight = props.scroll.y.replace(/\)/, "");
|
|
24
|
+
minHeight = minHeight + " - 42px)";
|
|
25
|
+
let width = tableRef.current ? tableRef.current.offsetWidth - 42 : 0;
|
|
21
26
|
if (ajaxErr) {
|
|
22
27
|
return /*#__PURE__*/ _jsxs("div", {
|
|
23
28
|
className: "app_BhdTableSimple_errorTable",
|
|
29
|
+
style: {
|
|
30
|
+
minHeight: minHeight,
|
|
31
|
+
width: width + 'px'
|
|
32
|
+
},
|
|
24
33
|
children: [
|
|
25
34
|
/*#__PURE__*/ _jsx("img", {
|
|
26
35
|
src: ServerError,
|
|
@@ -36,7 +45,8 @@ import i18Conversion from "../../../i18n";
|
|
|
36
45
|
return /*#__PURE__*/ _jsxs("div", {
|
|
37
46
|
className: "app_BhdTableSimple_noTable app_BhdTableSimple_noTable_loadingTable",
|
|
38
47
|
style: {
|
|
39
|
-
minHeight:
|
|
48
|
+
minHeight: minHeight,
|
|
49
|
+
width: width + 'px'
|
|
40
50
|
},
|
|
41
51
|
children: [
|
|
42
52
|
/*#__PURE__*/ _jsx("img", {
|
|
@@ -56,7 +66,8 @@ import i18Conversion from "../../../i18n";
|
|
|
56
66
|
return /*#__PURE__*/ _jsxs("div", {
|
|
57
67
|
className: "app_BhdTableSimple_noTable",
|
|
58
68
|
style: {
|
|
59
|
-
width:
|
|
69
|
+
width: width + 'px',
|
|
70
|
+
minHeight: minHeight
|
|
60
71
|
},
|
|
61
72
|
children: [
|
|
62
73
|
/*#__PURE__*/ _jsx("img", {
|
|
@@ -69,22 +80,12 @@ import i18Conversion from "../../../i18n";
|
|
|
69
80
|
]
|
|
70
81
|
});
|
|
71
82
|
};
|
|
72
|
-
const loadingTable =
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
style: {
|
|
79
|
-
width: "48px",
|
|
80
|
-
height: "48px"
|
|
81
|
-
}
|
|
82
|
-
}),
|
|
83
|
-
/*#__PURE__*/ _jsx("p", {
|
|
84
|
-
children: i18Conversion("Load")
|
|
85
|
-
})
|
|
86
|
-
]
|
|
87
|
-
});
|
|
83
|
+
// const loadingTable = (
|
|
84
|
+
// <div className="app_BhdTableSimple_noTable app_BhdTableSimple_noTable_loadingTable">
|
|
85
|
+
// <img src={Loading} alt="" style={{ width: "48px", height: "48px" }} />
|
|
86
|
+
// <p>{i18Conversion("Load")}</p>
|
|
87
|
+
// </div>
|
|
88
|
+
// );
|
|
88
89
|
const tableProps = _object_spread_props(_object_spread({
|
|
89
90
|
style: {
|
|
90
91
|
width: "100%"
|
|
@@ -104,6 +105,9 @@ import i18Conversion from "../../../i18n";
|
|
|
104
105
|
// if (loading) {
|
|
105
106
|
// return loadingTable;
|
|
106
107
|
// }
|
|
107
|
-
return /*#__PURE__*/ _jsx(
|
|
108
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
109
|
+
ref: tableRef,
|
|
110
|
+
children: /*#__PURE__*/ _jsx(Table, _object_spread({}, tableProps))
|
|
111
|
+
});
|
|
108
112
|
};
|
|
109
113
|
export default BhdTableSimple;
|
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
/* 无数据样式 */
|
|
4
4
|
.app_BhdTableSimple_noTable {
|
|
5
5
|
padding: 24px 0;
|
|
6
|
+
display: flex;
|
|
7
|
+
flex-direction: column;
|
|
8
|
+
align-items: center;
|
|
9
|
+
justify-content: center;
|
|
10
|
+
position: sticky;
|
|
11
|
+
left: 16px;
|
|
6
12
|
img {
|
|
7
13
|
width: 200px;
|
|
8
14
|
height: 200px;
|
|
@@ -17,6 +23,13 @@
|
|
|
17
23
|
/* 错误样式 */
|
|
18
24
|
.app_BhdTableSimple_errorTable {
|
|
19
25
|
padding: 24px 0;
|
|
26
|
+
display: flex;
|
|
27
|
+
flex-direction: column;
|
|
28
|
+
align-items: center;
|
|
29
|
+
justify-content: center;
|
|
30
|
+
position: sticky;
|
|
31
|
+
left: 16px;
|
|
32
|
+
|
|
20
33
|
img {
|
|
21
34
|
width: 200px;
|
|
22
35
|
height: 200px;
|
|
@@ -73,9 +73,9 @@
|
|
|
73
73
|
margin-top: 16px;
|
|
74
74
|
:global{
|
|
75
75
|
/* table 无数据，异常时 */
|
|
76
|
-
.app_BhdTableSimple_errorTable,.app_BhdTableSimple_noTable{
|
|
77
|
-
|
|
78
|
-
}
|
|
76
|
+
// .app_BhdTableSimple_errorTable,.app_BhdTableSimple_noTable{
|
|
77
|
+
// padding-top: 120px;
|
|
78
|
+
// }
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
}
|
|
@@ -2,6 +2,7 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
|
|
|
2
2
|
import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
|
|
3
3
|
import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
|
|
4
4
|
import * as React from "react";
|
|
5
|
+
import { useRef } from "react";
|
|
5
6
|
import "./index.less";
|
|
6
7
|
import Table from "../../../table";
|
|
7
8
|
import { Loading, NotData, ServerError } from "../../../images";
|
|
@@ -17,10 +18,18 @@ import i18Conversion from "../../../i18n";
|
|
|
17
18
|
超长内容 出现滚动条 需在管理列定义好width 没有定义的max-width:300
|
|
18
19
|
*/ var BhdTableSimple = function(props) {
|
|
19
20
|
var className = props.className, locale = props.locale, _props_borderBottom = props.borderBottom, borderBottom = _props_borderBottom === void 0 ? false : _props_borderBottom, rowSelection = props.rowSelection, ajaxErr = props.ajaxErr, dataSource = props.dataSource, _props_kind = props.kind, kind = _props_kind === void 0 ? "simple" : _props_kind, loading = props.loading, _props_notDataText = props.notDataText, notDataText = _props_notDataText === void 0 ? i18Conversion("noData") : _props_notDataText;
|
|
21
|
+
var tableRef = useRef(null);
|
|
20
22
|
var renderTableText = function() {
|
|
23
|
+
var minHeight = props.scroll.y.replace(/\)/, "");
|
|
24
|
+
minHeight = minHeight + " - 42px)";
|
|
25
|
+
var width = tableRef.current ? tableRef.current.offsetWidth - 42 : 0;
|
|
21
26
|
if (ajaxErr) {
|
|
22
27
|
return /*#__PURE__*/ _jsxs("div", {
|
|
23
28
|
className: "app_BhdTableSimple_errorTable",
|
|
29
|
+
style: {
|
|
30
|
+
minHeight: minHeight,
|
|
31
|
+
width: width + "px"
|
|
32
|
+
},
|
|
24
33
|
children: [
|
|
25
34
|
/*#__PURE__*/ _jsx("img", {
|
|
26
35
|
src: ServerError,
|
|
@@ -36,7 +45,8 @@ import i18Conversion from "../../../i18n";
|
|
|
36
45
|
return /*#__PURE__*/ _jsxs("div", {
|
|
37
46
|
className: "app_BhdTableSimple_noTable app_BhdTableSimple_noTable_loadingTable",
|
|
38
47
|
style: {
|
|
39
|
-
minHeight:
|
|
48
|
+
minHeight: minHeight,
|
|
49
|
+
width: width + "px"
|
|
40
50
|
},
|
|
41
51
|
children: [
|
|
42
52
|
/*#__PURE__*/ _jsx("img", {
|
|
@@ -56,7 +66,8 @@ import i18Conversion from "../../../i18n";
|
|
|
56
66
|
return /*#__PURE__*/ _jsxs("div", {
|
|
57
67
|
className: "app_BhdTableSimple_noTable",
|
|
58
68
|
style: {
|
|
59
|
-
width: "
|
|
69
|
+
width: width + "px",
|
|
70
|
+
minHeight: minHeight
|
|
60
71
|
},
|
|
61
72
|
children: [
|
|
62
73
|
/*#__PURE__*/ _jsx("img", {
|
|
@@ -69,22 +80,12 @@ import i18Conversion from "../../../i18n";
|
|
|
69
80
|
]
|
|
70
81
|
});
|
|
71
82
|
};
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
style: {
|
|
79
|
-
width: "48px",
|
|
80
|
-
height: "48px"
|
|
81
|
-
}
|
|
82
|
-
}),
|
|
83
|
-
/*#__PURE__*/ _jsx("p", {
|
|
84
|
-
children: i18Conversion("Load")
|
|
85
|
-
})
|
|
86
|
-
]
|
|
87
|
-
});
|
|
83
|
+
// const loadingTable = (
|
|
84
|
+
// <div className="app_BhdTableSimple_noTable app_BhdTableSimple_noTable_loadingTable">
|
|
85
|
+
// <img src={Loading} alt="" style={{ width: "48px", height: "48px" }} />
|
|
86
|
+
// <p>{i18Conversion("Load")}</p>
|
|
87
|
+
// </div>
|
|
88
|
+
// );
|
|
88
89
|
var tableProps = _object_spread_props(_object_spread({
|
|
89
90
|
style: {
|
|
90
91
|
width: "100%"
|
|
@@ -104,6 +105,9 @@ import i18Conversion from "../../../i18n";
|
|
|
104
105
|
// if (loading) {
|
|
105
106
|
// return loadingTable;
|
|
106
107
|
// }
|
|
107
|
-
return /*#__PURE__*/ _jsx(
|
|
108
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
109
|
+
ref: tableRef,
|
|
110
|
+
children: /*#__PURE__*/ _jsx(Table, _object_spread({}, tableProps))
|
|
111
|
+
});
|
|
108
112
|
};
|
|
109
113
|
export default BhdTableSimple;
|
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
/* 无数据样式 */
|
|
4
4
|
.app_BhdTableSimple_noTable {
|
|
5
5
|
padding: 24px 0;
|
|
6
|
+
display: flex;
|
|
7
|
+
flex-direction: column;
|
|
8
|
+
align-items: center;
|
|
9
|
+
justify-content: center;
|
|
10
|
+
position: sticky;
|
|
11
|
+
left: 16px;
|
|
6
12
|
img {
|
|
7
13
|
width: 200px;
|
|
8
14
|
height: 200px;
|
|
@@ -17,6 +23,13 @@
|
|
|
17
23
|
/* 错误样式 */
|
|
18
24
|
.app_BhdTableSimple_errorTable {
|
|
19
25
|
padding: 24px 0;
|
|
26
|
+
display: flex;
|
|
27
|
+
flex-direction: column;
|
|
28
|
+
align-items: center;
|
|
29
|
+
justify-content: center;
|
|
30
|
+
position: sticky;
|
|
31
|
+
left: 16px;
|
|
32
|
+
|
|
20
33
|
img {
|
|
21
34
|
width: 200px;
|
|
22
35
|
height: 200px;
|
|
@@ -73,9 +73,9 @@
|
|
|
73
73
|
margin-top: 16px;
|
|
74
74
|
:global{
|
|
75
75
|
/* table 无数据，异常时 */
|
|
76
|
-
.app_BhdTableSimple_errorTable,.app_BhdTableSimple_noTable{
|
|
77
|
-
|
|
78
|
-
}
|
|
76
|
+
// .app_BhdTableSimple_errorTable,.app_BhdTableSimple_noTable{
|
|
77
|
+
// padding-top: 120px;
|
|
78
|
+
// }
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
}
|