@hw-component/table 0.0.3-beta-v16 → 0.0.3-beta-v18
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/es/Table.js +5 -6
- package/lib/Table.js +5 -6
- package/package.json +1 -1
- package/src/components/Table.tsx +18 -23
- package/src/pages/Table/index.tsx +6 -0
- package/src/pages/TableCustomize/index.tsx +2 -1
package/es/Table.js
CHANGED
|
@@ -40,9 +40,9 @@ var Table = (function (_ref) {
|
|
|
40
40
|
_ref$action = _ref.action,
|
|
41
41
|
action = _ref$action === void 0 ? {} : _ref$action,
|
|
42
42
|
_ref$spaceSize = _ref.spaceSize,
|
|
43
|
-
spaceSize = _ref$spaceSize === void 0 ? 15 : _ref$spaceSize
|
|
44
|
-
|
|
45
|
-
paginationStyle = _ref.paginationStyle,
|
|
43
|
+
spaceSize = _ref$spaceSize === void 0 ? 15 : _ref$spaceSize;
|
|
44
|
+
_ref.className;
|
|
45
|
+
var paginationStyle = _ref.paginationStyle,
|
|
46
46
|
footerBtnRender = _ref.footerBtnRender,
|
|
47
47
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
48
48
|
var _useReq = useReq({
|
|
@@ -93,12 +93,11 @@ var Table = (function (_ref) {
|
|
|
93
93
|
onPageChange: tableInstance.table.reloadWithParams
|
|
94
94
|
},
|
|
95
95
|
children: jsxs(Space, {
|
|
96
|
-
size: spaceSize,
|
|
97
96
|
direction: "vertical",
|
|
97
|
+
size: spaceSize,
|
|
98
98
|
style: {
|
|
99
|
-
width:
|
|
99
|
+
width: '100%'
|
|
100
100
|
},
|
|
101
|
-
className: className,
|
|
102
101
|
children: [!hideHeader && jsx(Header, {
|
|
103
102
|
searchSpan: searchSpan,
|
|
104
103
|
headerStyle: headerStyle
|
package/lib/Table.js
CHANGED
|
@@ -43,9 +43,9 @@ var Table = (function (_ref) {
|
|
|
43
43
|
_ref$action = _ref.action,
|
|
44
44
|
action = _ref$action === void 0 ? {} : _ref$action,
|
|
45
45
|
_ref$spaceSize = _ref.spaceSize,
|
|
46
|
-
spaceSize = _ref$spaceSize === void 0 ? 15 : _ref$spaceSize
|
|
47
|
-
|
|
48
|
-
paginationStyle = _ref.paginationStyle,
|
|
46
|
+
spaceSize = _ref$spaceSize === void 0 ? 15 : _ref$spaceSize;
|
|
47
|
+
_ref.className;
|
|
48
|
+
var paginationStyle = _ref.paginationStyle,
|
|
49
49
|
footerBtnRender = _ref.footerBtnRender,
|
|
50
50
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
51
51
|
var _useReq = useReq.default({
|
|
@@ -96,12 +96,11 @@ var Table = (function (_ref) {
|
|
|
96
96
|
onPageChange: tableInstance.table.reloadWithParams
|
|
97
97
|
},
|
|
98
98
|
children: jsxRuntime.jsxs(antd.Space, {
|
|
99
|
-
size: spaceSize,
|
|
100
99
|
direction: "vertical",
|
|
100
|
+
size: spaceSize,
|
|
101
101
|
style: {
|
|
102
|
-
width:
|
|
102
|
+
width: '100%'
|
|
103
103
|
},
|
|
104
|
-
className: className,
|
|
105
104
|
children: [!hideHeader && jsxRuntime.jsx(index.default, {
|
|
106
105
|
searchSpan: searchSpan,
|
|
107
106
|
headerStyle: headerStyle
|
package/package.json
CHANGED
package/src/components/Table.tsx
CHANGED
|
@@ -64,29 +64,24 @@ export default ({
|
|
|
64
64
|
onPageChange: tableInstance.table.reloadWithParams,
|
|
65
65
|
}}
|
|
66
66
|
>
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
footerStyle={footerStyle}
|
|
86
|
-
footerBtnRender={footerBtnRender}
|
|
87
|
-
/>
|
|
88
|
-
)}
|
|
89
|
-
</Space>
|
|
67
|
+
<Space direction={"vertical"} size={spaceSize} style={{width:'100%'}}>
|
|
68
|
+
{!hideHeader && (
|
|
69
|
+
<Header searchSpan={searchSpan} headerStyle={headerStyle} />
|
|
70
|
+
)}
|
|
71
|
+
<Body
|
|
72
|
+
tableStyle={tableStyle}
|
|
73
|
+
paginationStyle={paginationStyle}
|
|
74
|
+
{...props}
|
|
75
|
+
/>
|
|
76
|
+
{footerRender !== false && (
|
|
77
|
+
<Footer
|
|
78
|
+
actionRender={actionRender}
|
|
79
|
+
footerRender={footerRender}
|
|
80
|
+
footerStyle={footerStyle}
|
|
81
|
+
footerBtnRender={footerBtnRender}
|
|
82
|
+
/>
|
|
83
|
+
)}
|
|
84
|
+
</Space>
|
|
90
85
|
</HTableContext.Provider>
|
|
91
86
|
);
|
|
92
87
|
};
|
|
@@ -15,7 +15,12 @@ const configData = [
|
|
|
15
15
|
{
|
|
16
16
|
title: "操作",
|
|
17
17
|
name: "aaa",
|
|
18
|
+
fixed:"right",
|
|
19
|
+
width:200,
|
|
18
20
|
showSearch: true,
|
|
21
|
+
render:()=>{
|
|
22
|
+
return <div>fff</div>
|
|
23
|
+
}
|
|
19
24
|
},
|
|
20
25
|
];
|
|
21
26
|
const Test=({name,selectedRowData})=>{
|
|
@@ -30,6 +35,7 @@ export default () => {
|
|
|
30
35
|
configData={configData}
|
|
31
36
|
rowKey={"id"}
|
|
32
37
|
table={hTable}
|
|
38
|
+
scroll={{x:1000,y:100}}
|
|
33
39
|
headerTitle={<Test name="321321"/>}
|
|
34
40
|
actionRender={(allCheck, selectedRowKeys, xjTable) => {
|
|
35
41
|
console.log(allCheck, selectedRowKeys, xjTable);
|
|
@@ -19,6 +19,7 @@ const configData = [
|
|
|
19
19
|
title: "操作",
|
|
20
20
|
name: "aaa",
|
|
21
21
|
showSearch: true,
|
|
22
|
+
fixed:"right",
|
|
22
23
|
searchType: "rangePicker",
|
|
23
24
|
},
|
|
24
25
|
];
|
|
@@ -53,7 +54,7 @@ export default () => {
|
|
|
53
54
|
>
|
|
54
55
|
<Space direction={"vertical"} style={{width:"100%"}}>
|
|
55
56
|
<HTableHeader />
|
|
56
|
-
<HTableBody pagination={false} />
|
|
57
|
+
<HTableBody pagination={false} scroll={{x:1000,y:100}}/>
|
|
57
58
|
<HTablePagination />
|
|
58
59
|
<HTableFooter />
|
|
59
60
|
</Space>
|