@hw-component/table 0.0.3-beta-v3 → 0.0.3-beta-v4
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/HTableBody/index.js +15 -26
- package/es/HTablePagination/index.d.ts +7 -0
- package/es/HTablePagination/index.js +71 -0
- package/lib/HTableBody/index.js +14 -25
- package/lib/HTablePagination/index.d.ts +7 -0
- package/lib/HTablePagination/index.js +74 -0
- package/package.json +1 -1
- package/src/components/HTableBody/index.tsx +8 -19
- package/src/components/HTablePagination/index.tsx +43 -0
package/es/HTableBody/index.js
CHANGED
|
@@ -10,13 +10,13 @@ import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define
|
|
|
10
10
|
import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
|
|
11
11
|
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
|
|
12
12
|
import _keysInstanceProperty from '@babel/runtime-corejs3/core-js/instance/keys';
|
|
13
|
-
import
|
|
14
|
-
import { jsx } from 'react/jsx-runtime';
|
|
13
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
15
14
|
import ProTable from '@ant-design/pro-table';
|
|
16
15
|
import { useCols, useSynchronousKeys } from './hooks.js';
|
|
17
16
|
import { useHTableContext } from '../context.js';
|
|
18
17
|
import { ConfigProvider, Empty } from 'antd';
|
|
19
18
|
import { useHTableConfigContext } from '../TableConfig.js';
|
|
19
|
+
import HTablePagination from '../HTablePagination/index.js';
|
|
20
20
|
|
|
21
21
|
var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle"];
|
|
22
22
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -43,7 +43,6 @@ var Body = (function (_ref) {
|
|
|
43
43
|
onChange = rowSelection.onChange;
|
|
44
44
|
var _useHTableContext = useHTableContext(),
|
|
45
45
|
tableInstance = _useHTableContext.tableInstance,
|
|
46
|
-
contextOnPageChange = _useHTableContext.onPageChange,
|
|
47
46
|
contextConfigData = _useHTableContext.configData,
|
|
48
47
|
data = _useHTableContext.data,
|
|
49
48
|
selectedRowData = _useHTableContext.selectedRowData,
|
|
@@ -59,12 +58,11 @@ var Body = (function (_ref) {
|
|
|
59
58
|
_useHTableConfigConte3 = _useHTableConfigConte.errorRender,
|
|
60
59
|
tableErrorRender = _useHTableConfigConte3 === void 0 ? defaultRender : _useHTableConfigConte3;
|
|
61
60
|
var bodyConfigData = configData || contextConfigData;
|
|
62
|
-
var tableOnPageChange = onPageChange || contextOnPageChange;
|
|
63
61
|
var _ref2 = data || {},
|
|
64
|
-
records = _ref2.records
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
62
|
+
records = _ref2.records;
|
|
63
|
+
_ref2.size;
|
|
64
|
+
_ref2.current;
|
|
65
|
+
_ref2.total;
|
|
68
66
|
var cols = useCols(bodyConfigData, tableInstance);
|
|
69
67
|
var change = function change(key, rowData) {
|
|
70
68
|
if (onChange) {
|
|
@@ -77,24 +75,26 @@ var Body = (function (_ref) {
|
|
|
77
75
|
records: records,
|
|
78
76
|
rowKey: rowKey
|
|
79
77
|
});
|
|
80
|
-
console.log(current, size, records, total);
|
|
81
78
|
return jsx("div", {
|
|
82
79
|
style: _objectSpread({
|
|
83
80
|
borderRadius: 4,
|
|
84
81
|
overflow: "hidden"
|
|
85
82
|
}, tableStyle),
|
|
86
83
|
className: "hw_table_body",
|
|
87
|
-
children:
|
|
84
|
+
children: jsxs(ConfigProvider, {
|
|
88
85
|
renderEmpty: function renderEmpty() {
|
|
89
86
|
if (error) {
|
|
90
87
|
return tableErrorRender === null || tableErrorRender === void 0 ? void 0 : tableErrorRender(tableInstance, error);
|
|
91
88
|
}
|
|
92
89
|
return tableEmptyRender === null || tableEmptyRender === void 0 ? void 0 : tableEmptyRender(tableInstance);
|
|
93
90
|
},
|
|
94
|
-
children: jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
|
|
91
|
+
children: [jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
|
|
95
92
|
columns: cols,
|
|
96
93
|
tableAlertRender: false,
|
|
97
94
|
search: false,
|
|
95
|
+
tableStyle: {
|
|
96
|
+
paddingBottom: 0
|
|
97
|
+
},
|
|
98
98
|
rowSelection: _objectSpread(_objectSpread({}, rowSelection), {}, {
|
|
99
99
|
selectedRowKeys: _keysInstanceProperty(selectedRowData),
|
|
100
100
|
onChange: change
|
|
@@ -102,21 +102,10 @@ var Body = (function (_ref) {
|
|
|
102
102
|
loading: loading,
|
|
103
103
|
rowKey: rowKey,
|
|
104
104
|
dataSource: records,
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
size: ps,
|
|
110
|
-
current: pn
|
|
111
|
-
});
|
|
112
|
-
},
|
|
113
|
-
pagination: pagination === false ? pagination : _objectSpread({
|
|
114
|
-
current: _Number$parseInt(current || "1", 10),
|
|
115
|
-
total: _Number$parseInt(total || "0", 10),
|
|
116
|
-
pageSize: _Number$parseInt(size || "10", 10),
|
|
117
|
-
showQuickJumper: true
|
|
118
|
-
}, pagination)
|
|
119
|
-
}))
|
|
105
|
+
pagination: false
|
|
106
|
+
})), pagination !== false && jsx(HTablePagination, _objectSpread({
|
|
107
|
+
onPageChange: onPageChange
|
|
108
|
+
}, pagination))]
|
|
120
109
|
})
|
|
121
110
|
});
|
|
122
111
|
});
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { PaginationProps } from "antd";
|
|
2
|
+
import type { ParamsModal } from "@/components/modal";
|
|
3
|
+
interface IPaginationProps extends PaginationProps {
|
|
4
|
+
onPageChange?: (params: ParamsModal) => void;
|
|
5
|
+
}
|
|
6
|
+
declare const _default: ({ onPageChange, ...props }: IPaginationProps) => JSX.Element;
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
// welcome to hoo hoo hoo
|
|
2
|
+
import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
|
|
3
|
+
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
|
|
4
|
+
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
|
|
5
|
+
import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
|
|
6
|
+
import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
|
|
7
|
+
import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
|
|
8
|
+
import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
|
|
9
|
+
import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
|
|
10
|
+
import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
|
|
11
|
+
import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
|
|
12
|
+
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
|
|
13
|
+
import _Number$parseInt from '@babel/runtime-corejs3/core-js/number/parse-int';
|
|
14
|
+
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js/instance/concat';
|
|
15
|
+
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
16
|
+
import { Row, Pagination } from 'antd';
|
|
17
|
+
import { useHTableContext } from '../context.js';
|
|
18
|
+
|
|
19
|
+
var _excluded = ["onPageChange"];
|
|
20
|
+
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
21
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
22
|
+
var HTablePagination = (function (_ref) {
|
|
23
|
+
var onPageChange = _ref.onPageChange,
|
|
24
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
25
|
+
var _useHTableContext = useHTableContext(),
|
|
26
|
+
contextOnPageChange = _useHTableContext.onPageChange;
|
|
27
|
+
_useHTableContext.configData;
|
|
28
|
+
var data = _useHTableContext.data;
|
|
29
|
+
var tableOnPageChange = onPageChange || contextOnPageChange;
|
|
30
|
+
var _ref2 = data || {},
|
|
31
|
+
size = _ref2.size,
|
|
32
|
+
current = _ref2.current,
|
|
33
|
+
total = _ref2.total;
|
|
34
|
+
var pageCurrent = _Number$parseInt(current || "1", 10);
|
|
35
|
+
var pageSize = _Number$parseInt(size || "10", 10);
|
|
36
|
+
var pageTotal = _Number$parseInt(total || "0", 10);
|
|
37
|
+
if (data) {
|
|
38
|
+
return jsx(Row, {
|
|
39
|
+
justify: "end",
|
|
40
|
+
style: {
|
|
41
|
+
paddingBottom: 24,
|
|
42
|
+
paddingRight: 24,
|
|
43
|
+
paddingLeft: 24
|
|
44
|
+
},
|
|
45
|
+
children: jsx(Pagination, _objectSpread({
|
|
46
|
+
size: "small",
|
|
47
|
+
showQuickJumper: true,
|
|
48
|
+
pageSize: pageSize,
|
|
49
|
+
current: pageCurrent,
|
|
50
|
+
showTotal: function showTotal(totalNum, _ref3) {
|
|
51
|
+
var _context, _context2;
|
|
52
|
+
var _ref4 = _slicedToArray(_ref3, 2),
|
|
53
|
+
showCurrent = _ref4[0],
|
|
54
|
+
showCurrentEnd = _ref4[1];
|
|
55
|
+
return _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "\u7B2C".concat(showCurrent, "-")).call(_context2, showCurrentEnd, "/\u603B\u5171")).call(_context, totalNum, "\u6761");
|
|
56
|
+
},
|
|
57
|
+
total: pageTotal,
|
|
58
|
+
onChange: function onChange(pn, ps) {
|
|
59
|
+
tableOnPageChange({
|
|
60
|
+
size: ps,
|
|
61
|
+
current: pn
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
}, props))
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
return jsx(Fragment, {});
|
|
68
|
+
});
|
|
69
|
+
|
|
70
|
+
export { HTablePagination as default };
|
|
71
|
+
// powered by hdj
|
package/lib/HTableBody/index.js
CHANGED
|
@@ -13,13 +13,13 @@ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/defi
|
|
|
13
13
|
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
14
|
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
15
15
|
var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/keys');
|
|
16
|
-
var _Number$parseInt = require('@babel/runtime-corejs3/core-js/number/parse-int');
|
|
17
16
|
var jsxRuntime = require('react/jsx-runtime');
|
|
18
17
|
var ProTable = require('@ant-design/pro-table');
|
|
19
18
|
var hooks = require('./hooks.js');
|
|
20
19
|
var context = require('../context.js');
|
|
21
20
|
var antd = require('antd');
|
|
22
21
|
var TableConfig = require('../TableConfig.js');
|
|
22
|
+
var index = require('../HTablePagination/index.js');
|
|
23
23
|
|
|
24
24
|
var _excluded = ["configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle"];
|
|
25
25
|
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -46,7 +46,6 @@ var Body = (function (_ref) {
|
|
|
46
46
|
onChange = rowSelection.onChange;
|
|
47
47
|
var _useHTableContext = context.useHTableContext(),
|
|
48
48
|
tableInstance = _useHTableContext.tableInstance,
|
|
49
|
-
contextOnPageChange = _useHTableContext.onPageChange,
|
|
50
49
|
contextConfigData = _useHTableContext.configData,
|
|
51
50
|
data = _useHTableContext.data,
|
|
52
51
|
selectedRowData = _useHTableContext.selectedRowData,
|
|
@@ -62,12 +61,11 @@ var Body = (function (_ref) {
|
|
|
62
61
|
_useHTableConfigConte3 = _useHTableConfigConte.errorRender,
|
|
63
62
|
tableErrorRender = _useHTableConfigConte3 === void 0 ? defaultRender : _useHTableConfigConte3;
|
|
64
63
|
var bodyConfigData = configData || contextConfigData;
|
|
65
|
-
var tableOnPageChange = onPageChange || contextOnPageChange;
|
|
66
64
|
var _ref2 = data || {},
|
|
67
|
-
records = _ref2.records
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
65
|
+
records = _ref2.records;
|
|
66
|
+
_ref2.size;
|
|
67
|
+
_ref2.current;
|
|
68
|
+
_ref2.total;
|
|
71
69
|
var cols = hooks.useCols(bodyConfigData, tableInstance);
|
|
72
70
|
var change = function change(key, rowData) {
|
|
73
71
|
if (onChange) {
|
|
@@ -80,24 +78,26 @@ var Body = (function (_ref) {
|
|
|
80
78
|
records: records,
|
|
81
79
|
rowKey: rowKey
|
|
82
80
|
});
|
|
83
|
-
console.log(current, size, records, total);
|
|
84
81
|
return jsxRuntime.jsx("div", {
|
|
85
82
|
style: _objectSpread({
|
|
86
83
|
borderRadius: 4,
|
|
87
84
|
overflow: "hidden"
|
|
88
85
|
}, tableStyle),
|
|
89
86
|
className: "hw_table_body",
|
|
90
|
-
children: jsxRuntime.
|
|
87
|
+
children: jsxRuntime.jsxs(antd.ConfigProvider, {
|
|
91
88
|
renderEmpty: function renderEmpty() {
|
|
92
89
|
if (error) {
|
|
93
90
|
return tableErrorRender === null || tableErrorRender === void 0 ? void 0 : tableErrorRender(tableInstance, error);
|
|
94
91
|
}
|
|
95
92
|
return tableEmptyRender === null || tableEmptyRender === void 0 ? void 0 : tableEmptyRender(tableInstance);
|
|
96
93
|
},
|
|
97
|
-
children: jsxRuntime.jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
|
|
94
|
+
children: [jsxRuntime.jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
|
|
98
95
|
columns: cols,
|
|
99
96
|
tableAlertRender: false,
|
|
100
97
|
search: false,
|
|
98
|
+
tableStyle: {
|
|
99
|
+
paddingBottom: 0
|
|
100
|
+
},
|
|
101
101
|
rowSelection: _objectSpread(_objectSpread({}, rowSelection), {}, {
|
|
102
102
|
selectedRowKeys: _keysInstanceProperty(selectedRowData),
|
|
103
103
|
onChange: change
|
|
@@ -105,21 +105,10 @@ var Body = (function (_ref) {
|
|
|
105
105
|
loading: loading,
|
|
106
106
|
rowKey: rowKey,
|
|
107
107
|
dataSource: records,
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
size: ps,
|
|
113
|
-
current: pn
|
|
114
|
-
});
|
|
115
|
-
},
|
|
116
|
-
pagination: pagination === false ? pagination : _objectSpread({
|
|
117
|
-
current: _Number$parseInt(current || "1", 10),
|
|
118
|
-
total: _Number$parseInt(total || "0", 10),
|
|
119
|
-
pageSize: _Number$parseInt(size || "10", 10),
|
|
120
|
-
showQuickJumper: true
|
|
121
|
-
}, pagination)
|
|
122
|
-
}))
|
|
108
|
+
pagination: false
|
|
109
|
+
})), pagination !== false && jsxRuntime.jsx(index.default, _objectSpread({
|
|
110
|
+
onPageChange: onPageChange
|
|
111
|
+
}, pagination))]
|
|
123
112
|
})
|
|
124
113
|
});
|
|
125
114
|
});
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { PaginationProps } from "antd";
|
|
2
|
+
import type { ParamsModal } from "@/components/modal";
|
|
3
|
+
interface IPaginationProps extends PaginationProps {
|
|
4
|
+
onPageChange?: (params: ParamsModal) => void;
|
|
5
|
+
}
|
|
6
|
+
declare const _default: ({ onPageChange, ...props }: IPaginationProps) => JSX.Element;
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
|
|
6
|
+
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
|
|
7
|
+
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
|
|
8
|
+
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
|
|
9
|
+
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
|
|
10
|
+
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
|
|
11
|
+
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
|
|
12
|
+
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
|
|
13
|
+
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
14
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
15
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
16
|
+
var _Number$parseInt = require('@babel/runtime-corejs3/core-js/number/parse-int');
|
|
17
|
+
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/concat');
|
|
18
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
19
|
+
var antd = require('antd');
|
|
20
|
+
var context = require('../context.js');
|
|
21
|
+
|
|
22
|
+
var _excluded = ["onPageChange"];
|
|
23
|
+
function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
24
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
25
|
+
var HTablePagination = (function (_ref) {
|
|
26
|
+
var onPageChange = _ref.onPageChange,
|
|
27
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
28
|
+
var _useHTableContext = context.useHTableContext(),
|
|
29
|
+
contextOnPageChange = _useHTableContext.onPageChange;
|
|
30
|
+
_useHTableContext.configData;
|
|
31
|
+
var data = _useHTableContext.data;
|
|
32
|
+
var tableOnPageChange = onPageChange || contextOnPageChange;
|
|
33
|
+
var _ref2 = data || {},
|
|
34
|
+
size = _ref2.size,
|
|
35
|
+
current = _ref2.current,
|
|
36
|
+
total = _ref2.total;
|
|
37
|
+
var pageCurrent = _Number$parseInt(current || "1", 10);
|
|
38
|
+
var pageSize = _Number$parseInt(size || "10", 10);
|
|
39
|
+
var pageTotal = _Number$parseInt(total || "0", 10);
|
|
40
|
+
if (data) {
|
|
41
|
+
return jsxRuntime.jsx(antd.Row, {
|
|
42
|
+
justify: "end",
|
|
43
|
+
style: {
|
|
44
|
+
paddingBottom: 24,
|
|
45
|
+
paddingRight: 24,
|
|
46
|
+
paddingLeft: 24
|
|
47
|
+
},
|
|
48
|
+
children: jsxRuntime.jsx(antd.Pagination, _objectSpread({
|
|
49
|
+
size: "small",
|
|
50
|
+
showQuickJumper: true,
|
|
51
|
+
pageSize: pageSize,
|
|
52
|
+
current: pageCurrent,
|
|
53
|
+
showTotal: function showTotal(totalNum, _ref3) {
|
|
54
|
+
var _context, _context2;
|
|
55
|
+
var _ref4 = _slicedToArray(_ref3, 2),
|
|
56
|
+
showCurrent = _ref4[0],
|
|
57
|
+
showCurrentEnd = _ref4[1];
|
|
58
|
+
return _concatInstanceProperty(_context = _concatInstanceProperty(_context2 = "\u7B2C".concat(showCurrent, "-")).call(_context2, showCurrentEnd, "/\u603B\u5171")).call(_context, totalNum, "\u6761");
|
|
59
|
+
},
|
|
60
|
+
total: pageTotal,
|
|
61
|
+
onChange: function onChange(pn, ps) {
|
|
62
|
+
tableOnPageChange({
|
|
63
|
+
size: ps,
|
|
64
|
+
current: pn
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
}, props))
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
return jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
71
|
+
});
|
|
72
|
+
|
|
73
|
+
exports.default = HTablePagination;
|
|
74
|
+
// powered by h
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@ import React from "react";
|
|
|
7
7
|
import { ConfigProvider, Empty } from "antd";
|
|
8
8
|
import type { HTableInstance } from "../modal";
|
|
9
9
|
import { useHTableConfigContext } from "../TableConfig";
|
|
10
|
-
|
|
10
|
+
import HTablePagination from "../HTablePagination";
|
|
11
11
|
interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
|
|
12
12
|
configData?: ConfigDataModal;
|
|
13
13
|
onPageChange?: (params: ParamsModal) => void;
|
|
@@ -36,7 +36,6 @@ export default ({
|
|
|
36
36
|
const { selectedRowKeys, onChange } = rowSelection;
|
|
37
37
|
const {
|
|
38
38
|
tableInstance,
|
|
39
|
-
onPageChange: contextOnPageChange,
|
|
40
39
|
configData: contextConfigData,
|
|
41
40
|
data,
|
|
42
41
|
selectedRowData,
|
|
@@ -49,7 +48,6 @@ export default ({
|
|
|
49
48
|
errorRender: tableErrorRender = defaultRender,
|
|
50
49
|
} = useHTableConfigContext({ emptyRender, errorRender });
|
|
51
50
|
const bodyConfigData = configData || contextConfigData;
|
|
52
|
-
const tableOnPageChange = onPageChange || contextOnPageChange;
|
|
53
51
|
const { records, size, current, total } = data || {};
|
|
54
52
|
const cols = useCols(bodyConfigData, tableInstance);
|
|
55
53
|
const change = (key: React.Key[], rowData: any[]) => {
|
|
@@ -59,7 +57,6 @@ export default ({
|
|
|
59
57
|
rowOnChange(key, rowData);
|
|
60
58
|
};
|
|
61
59
|
useSynchronousKeys({ selectedRowKeys, records, rowKey });
|
|
62
|
-
console.log(current, size, records, total);
|
|
63
60
|
return (
|
|
64
61
|
<div
|
|
65
62
|
style={{ borderRadius: 4, overflow: "hidden", ...tableStyle }}
|
|
@@ -78,6 +75,9 @@ export default ({
|
|
|
78
75
|
columns={cols}
|
|
79
76
|
tableAlertRender={false}
|
|
80
77
|
search={false}
|
|
78
|
+
tableStyle={{
|
|
79
|
+
paddingBottom: 0,
|
|
80
|
+
}}
|
|
81
81
|
rowSelection={{
|
|
82
82
|
...rowSelection,
|
|
83
83
|
selectedRowKeys: selectedRowData.keys,
|
|
@@ -86,22 +86,11 @@ export default ({
|
|
|
86
86
|
loading={loading}
|
|
87
87
|
rowKey={rowKey}
|
|
88
88
|
dataSource={records}
|
|
89
|
-
|
|
90
|
-
const { pageSize: ps, current: pn } = paginationData;
|
|
91
|
-
tableOnPageChange({ size: ps, current: pn });
|
|
92
|
-
}}
|
|
93
|
-
pagination={
|
|
94
|
-
pagination === false
|
|
95
|
-
? pagination
|
|
96
|
-
: {
|
|
97
|
-
current: Number.parseInt(current || "1", 10),
|
|
98
|
-
total: Number.parseInt(total || "0", 10),
|
|
99
|
-
pageSize: Number.parseInt(size || "10", 10),
|
|
100
|
-
showQuickJumper: true,
|
|
101
|
-
...pagination,
|
|
102
|
-
}
|
|
103
|
-
}
|
|
89
|
+
pagination={false}
|
|
104
90
|
/>
|
|
91
|
+
{pagination !== false && (
|
|
92
|
+
<HTablePagination onPageChange={onPageChange} {...pagination} />
|
|
93
|
+
)}
|
|
105
94
|
</ConfigProvider>
|
|
106
95
|
</div>
|
|
107
96
|
);
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import type { PaginationProps} from "antd";
|
|
2
|
+
import { Pagination, Row } from "antd";
|
|
3
|
+
import { useHTableContext } from "../context";
|
|
4
|
+
import type { ParamsModal } from "@/components/modal";
|
|
5
|
+
interface IPaginationProps extends PaginationProps {
|
|
6
|
+
onPageChange?: (params: ParamsModal) => void;
|
|
7
|
+
}
|
|
8
|
+
export default ({ onPageChange, ...props }: IPaginationProps) => {
|
|
9
|
+
const {
|
|
10
|
+
onPageChange: contextOnPageChange,
|
|
11
|
+
configData: contextConfigData,
|
|
12
|
+
data,
|
|
13
|
+
} = useHTableContext();
|
|
14
|
+
const tableOnPageChange = onPageChange || contextOnPageChange;
|
|
15
|
+
const { size, current, total } = data || {};
|
|
16
|
+
const pageCurrent = Number.parseInt(current || "1", 10);
|
|
17
|
+
const pageSize = Number.parseInt(size || "10", 10);
|
|
18
|
+
const pageTotal = Number.parseInt(total || "0", 10);
|
|
19
|
+
if (data) {
|
|
20
|
+
return (
|
|
21
|
+
<Row
|
|
22
|
+
justify={"end"}
|
|
23
|
+
style={{ paddingBottom: 24, paddingRight: 24, paddingLeft: 24 }}
|
|
24
|
+
>
|
|
25
|
+
<Pagination
|
|
26
|
+
size={"small"}
|
|
27
|
+
showQuickJumper={true}
|
|
28
|
+
pageSize={pageSize}
|
|
29
|
+
current={pageCurrent}
|
|
30
|
+
showTotal={(totalNum, [showCurrent, showCurrentEnd]) => {
|
|
31
|
+
return `第${showCurrent}-${showCurrentEnd}/总共${totalNum}条`;
|
|
32
|
+
}}
|
|
33
|
+
total={pageTotal}
|
|
34
|
+
onChange={(pn, ps) => {
|
|
35
|
+
tableOnPageChange({ size: ps, current: pn });
|
|
36
|
+
}}
|
|
37
|
+
{...props}
|
|
38
|
+
/>
|
|
39
|
+
</Row>
|
|
40
|
+
);
|
|
41
|
+
}
|
|
42
|
+
return <></>;
|
|
43
|
+
};
|