@hw-component/table 0.0.2-beta-v4 → 0.0.2-beta-v5
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/Body/hooks.js +51 -0
- package/es/Body/index.d.ts +12 -1
- package/es/Body/index.js +111 -3
- package/es/Table.js +14 -6
- package/es/TableConfig.js +13 -2
- package/lib/Body/hooks.js +53 -0
- package/lib/Body/index.d.ts +12 -1
- package/lib/Body/index.js +111 -3
- package/lib/Table.js +14 -6
- package/lib/TableConfig.js +12 -0
- package/package.json +1 -1
- package/src/components/Body/index.tsx +69 -3
- package/src/components/Table.tsx +9 -1
package/es/Body/hooks.js
ADDED
|
@@ -0,0 +1,51 @@
|
|
|
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 _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
|
|
5
|
+
import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
|
|
6
|
+
import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
|
|
7
|
+
import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
|
|
8
|
+
import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
|
|
9
|
+
import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
|
|
10
|
+
import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
|
|
11
|
+
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
|
|
12
|
+
import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js/instance/index-of';
|
|
13
|
+
import { useMemo, useEffect } from 'react';
|
|
14
|
+
import { useHTableContext } from '../context.js';
|
|
15
|
+
|
|
16
|
+
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; }
|
|
17
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
|
+
var useCols = function useCols(cols, table) {
|
|
19
|
+
return useMemo(function () {
|
|
20
|
+
return _mapInstanceProperty(cols).call(cols, function (item) {
|
|
21
|
+
var _render = item.render;
|
|
22
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
|
23
|
+
render: function render(dom, data, index) {
|
|
24
|
+
if (!_render) {
|
|
25
|
+
return dom;
|
|
26
|
+
}
|
|
27
|
+
return _render(dom, data, index, table);
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
});
|
|
31
|
+
}, [cols, table]);
|
|
32
|
+
};
|
|
33
|
+
var useSynchronousKeys = function useSynchronousKeys(_ref) {
|
|
34
|
+
var selectedRowKeys = _ref.selectedRowKeys,
|
|
35
|
+
records = _ref.records,
|
|
36
|
+
rowKey = _ref.rowKey;
|
|
37
|
+
var _useHTableContext = useHTableContext(),
|
|
38
|
+
rowOnChange = _useHTableContext.rowOnChange;
|
|
39
|
+
useEffect(function () {
|
|
40
|
+
if (selectedRowKeys && records && rowKey) {
|
|
41
|
+
var resultData = _filterInstanceProperty(records).call(records, function (item, index) {
|
|
42
|
+
var id = typeof rowKey === "function" ? rowKey(item, index) : item[rowKey];
|
|
43
|
+
return _indexOfInstanceProperty(selectedRowKeys).call(selectedRowKeys, id) !== -1;
|
|
44
|
+
});
|
|
45
|
+
rowOnChange(selectedRowKeys, resultData);
|
|
46
|
+
}
|
|
47
|
+
}, [selectedRowKeys, records, rowKey]);
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
export { useCols, useSynchronousKeys };
|
|
51
|
+
// powered by hdj
|
package/es/Body/index.d.ts
CHANGED
|
@@ -1,2 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
import type { ProTableProps } from "@ant-design/pro-table";
|
|
2
|
+
import type { ConfigDataModal, ParamsModal } from "../modal";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import type { HTableInstance } from "../modal";
|
|
5
|
+
interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
|
|
6
|
+
configData: ConfigDataModal;
|
|
7
|
+
onPageChange?: (params: ParamsModal) => void;
|
|
8
|
+
emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
|
|
9
|
+
errorRender?: (tableInstance: HTableInstance, error: Error) => React.ReactNode;
|
|
10
|
+
tableStyle?: React.CSSProperties;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: ({ loading, configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, ...props }: HTableBodyProps) => JSX.Element;
|
|
2
13
|
export default _default;
|
package/es/Body/index.js
CHANGED
|
@@ -1,10 +1,118 @@
|
|
|
1
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 _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
|
|
11
|
+
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
|
|
12
|
+
import _keysInstanceProperty from '@babel/runtime-corejs3/core-js/instance/keys';
|
|
13
|
+
import _Number$parseInt from '@babel/runtime-corejs3/core-js/number/parse-int';
|
|
2
14
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import '
|
|
15
|
+
import ProTable from '@ant-design/pro-table';
|
|
16
|
+
import { useCols, useSynchronousKeys } from './hooks.js';
|
|
17
|
+
import { useHTableContext } from '../context.js';
|
|
18
|
+
import { ConfigProvider, Empty } from 'antd';
|
|
19
|
+
import { useHTableConfigContext } from '../TableConfig.js';
|
|
4
20
|
|
|
5
|
-
var
|
|
21
|
+
var _excluded = ["loading", "configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle"];
|
|
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; }
|
|
23
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
24
|
+
var defaultRender = function defaultRender() {
|
|
25
|
+
return jsx(Empty, {
|
|
26
|
+
image: Empty.PRESENTED_IMAGE_SIMPLE
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
var Body = (function (_ref) {
|
|
30
|
+
var loading = _ref.loading,
|
|
31
|
+
configData = _ref.configData,
|
|
32
|
+
_ref$pagination = _ref.pagination,
|
|
33
|
+
pagination = _ref$pagination === void 0 ? {} : _ref$pagination,
|
|
34
|
+
onPageChange = _ref.onPageChange,
|
|
35
|
+
_ref$rowSelection = _ref.rowSelection,
|
|
36
|
+
rowSelection = _ref$rowSelection === void 0 ? {} : _ref$rowSelection,
|
|
37
|
+
_ref$rowKey = _ref.rowKey,
|
|
38
|
+
rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey,
|
|
39
|
+
emptyRender = _ref.emptyRender,
|
|
40
|
+
errorRender = _ref.errorRender,
|
|
41
|
+
tableStyle = _ref.tableStyle,
|
|
42
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
43
|
+
var selectedRowKeys = rowSelection.selectedRowKeys,
|
|
44
|
+
onChange = rowSelection.onChange;
|
|
45
|
+
var _useHTableContext = useHTableContext(),
|
|
46
|
+
tableInstance = _useHTableContext.tableInstance,
|
|
47
|
+
data = _useHTableContext.data,
|
|
48
|
+
selectedRowData = _useHTableContext.selectedRowData,
|
|
49
|
+
rowOnChange = _useHTableContext.rowOnChange,
|
|
50
|
+
error = _useHTableContext.error;
|
|
51
|
+
var _useHTableConfigConte = useHTableConfigContext({
|
|
52
|
+
emptyRender: emptyRender,
|
|
53
|
+
errorRender: errorRender
|
|
54
|
+
}),
|
|
55
|
+
_useHTableConfigConte2 = _useHTableConfigConte.emptyRender,
|
|
56
|
+
tableEmptyRender = _useHTableConfigConte2 === void 0 ? defaultRender : _useHTableConfigConte2,
|
|
57
|
+
_useHTableConfigConte3 = _useHTableConfigConte.errorRender,
|
|
58
|
+
tableErrorRender = _useHTableConfigConte3 === void 0 ? defaultRender : _useHTableConfigConte3;
|
|
59
|
+
var _ref2 = data || {},
|
|
60
|
+
records = _ref2.records,
|
|
61
|
+
size = _ref2.size,
|
|
62
|
+
current = _ref2.current,
|
|
63
|
+
total = _ref2.total;
|
|
64
|
+
var cols = useCols(configData, tableInstance);
|
|
65
|
+
var change = function change(key, rowData) {
|
|
66
|
+
if (onChange) {
|
|
67
|
+
return onChange(key, rowData);
|
|
68
|
+
}
|
|
69
|
+
rowOnChange(key, rowData);
|
|
70
|
+
};
|
|
71
|
+
useSynchronousKeys({
|
|
72
|
+
selectedRowKeys: selectedRowKeys,
|
|
73
|
+
records: records,
|
|
74
|
+
rowKey: rowKey
|
|
75
|
+
});
|
|
6
76
|
return jsx("div", {
|
|
7
|
-
|
|
77
|
+
style: _objectSpread({
|
|
78
|
+
borderRadius: 4,
|
|
79
|
+
overflow: "hidden"
|
|
80
|
+
}, tableStyle),
|
|
81
|
+
className: "hw_table_body",
|
|
82
|
+
children: jsx(ConfigProvider, {
|
|
83
|
+
renderEmpty: function renderEmpty() {
|
|
84
|
+
if (error) {
|
|
85
|
+
return tableErrorRender === null || tableErrorRender === void 0 ? void 0 : tableErrorRender(tableInstance, error);
|
|
86
|
+
}
|
|
87
|
+
return tableEmptyRender === null || tableEmptyRender === void 0 ? void 0 : tableEmptyRender(tableInstance);
|
|
88
|
+
},
|
|
89
|
+
children: jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
|
|
90
|
+
columns: cols,
|
|
91
|
+
tableAlertRender: false,
|
|
92
|
+
search: false,
|
|
93
|
+
rowSelection: _objectSpread(_objectSpread({}, rowSelection), {}, {
|
|
94
|
+
selectedRowKeys: _keysInstanceProperty(selectedRowData),
|
|
95
|
+
onChange: change
|
|
96
|
+
}),
|
|
97
|
+
loading: loading,
|
|
98
|
+
rowKey: rowKey,
|
|
99
|
+
dataSource: records,
|
|
100
|
+
onChange: function onChange(paginationData) {
|
|
101
|
+
var ps = paginationData.pageSize,
|
|
102
|
+
pn = paginationData.current;
|
|
103
|
+
onPageChange === null || onPageChange === void 0 || onPageChange({
|
|
104
|
+
size: ps,
|
|
105
|
+
current: pn
|
|
106
|
+
});
|
|
107
|
+
},
|
|
108
|
+
pagination: pagination === false ? pagination : _objectSpread({
|
|
109
|
+
current: _Number$parseInt(current || "1", 10),
|
|
110
|
+
total: _Number$parseInt(total || "0", 10),
|
|
111
|
+
pageSize: _Number$parseInt(size || "10", 10),
|
|
112
|
+
showQuickJumper: true
|
|
113
|
+
}, pagination)
|
|
114
|
+
}))
|
|
115
|
+
})
|
|
8
116
|
});
|
|
9
117
|
});
|
|
10
118
|
|
package/es/Table.js
CHANGED
|
@@ -35,14 +35,15 @@ var Table = (function (_ref) {
|
|
|
35
35
|
_ref$headerStyle = _ref.headerStyle,
|
|
36
36
|
headerStyle = _ref$headerStyle === void 0 ? {} : _ref$headerStyle,
|
|
37
37
|
_ref$footerStyle = _ref.footerStyle,
|
|
38
|
-
footerStyle = _ref$footerStyle === void 0 ? {} : _ref$footerStyle
|
|
39
|
-
_ref.tableStyle
|
|
40
|
-
|
|
38
|
+
footerStyle = _ref$footerStyle === void 0 ? {} : _ref$footerStyle,
|
|
39
|
+
_ref$tableStyle = _ref.tableStyle,
|
|
40
|
+
tableStyle = _ref$tableStyle === void 0 ? {} : _ref$tableStyle,
|
|
41
|
+
_ref$action = _ref.action,
|
|
41
42
|
action = _ref$action === void 0 ? {} : _ref$action,
|
|
42
43
|
_ref$spaceSize = _ref.spaceSize,
|
|
43
44
|
spaceSize = _ref$spaceSize === void 0 ? 15 : _ref$spaceSize,
|
|
44
|
-
className = _ref.className
|
|
45
|
-
_objectWithoutProperties(_ref, _excluded);
|
|
45
|
+
className = _ref.className,
|
|
46
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
46
47
|
var saveParams = useMemo(function () {
|
|
47
48
|
return {
|
|
48
49
|
params: {}
|
|
@@ -103,7 +104,14 @@ var Table = (function (_ref) {
|
|
|
103
104
|
loading: loading,
|
|
104
105
|
searchSpan: searchSpan,
|
|
105
106
|
headerStyle: headerStyle
|
|
106
|
-
}), jsx(Body,
|
|
107
|
+
}), jsx(Body, _objectSpread({
|
|
108
|
+
loading: loading,
|
|
109
|
+
configData: configData,
|
|
110
|
+
tableStyle: tableStyle,
|
|
111
|
+
onPageChange: function onPageChange(page) {
|
|
112
|
+
run(_objectSpread(_objectSpread({}, saveParams.params), page));
|
|
113
|
+
}
|
|
114
|
+
}, props)), footerRender !== false && jsx(Footer, {
|
|
107
115
|
actionRender: actionRender,
|
|
108
116
|
footerRender: footerRender,
|
|
109
117
|
footerStyle: footerStyle
|
package/es/TableConfig.js
CHANGED
|
@@ -1,10 +1,21 @@
|
|
|
1
1
|
// welcome to hoo hoo hoo
|
|
2
2
|
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
|
-
import React from 'react';
|
|
4
|
+
import React, { useContext } from 'react';
|
|
5
5
|
|
|
6
6
|
var _excluded = ["children"];
|
|
7
7
|
var HTableConfigContext = /*#__PURE__*/React.createContext(null);
|
|
8
|
+
var useHTableConfigContext = function useHTableConfigContext(_ref) {
|
|
9
|
+
var emptyRender = _ref.emptyRender,
|
|
10
|
+
errorRender = _ref.errorRender;
|
|
11
|
+
var _ref2 = useContext(HTableConfigContext) || {},
|
|
12
|
+
configErrorRender = _ref2.errorRender,
|
|
13
|
+
configEmptyRender = _ref2.emptyRender;
|
|
14
|
+
return {
|
|
15
|
+
errorRender: errorRender || configErrorRender,
|
|
16
|
+
emptyRender: emptyRender || configEmptyRender
|
|
17
|
+
};
|
|
18
|
+
};
|
|
8
19
|
var Index = function Index(_ref3) {
|
|
9
20
|
var children = _ref3.children,
|
|
10
21
|
props = _objectWithoutProperties(_ref3, _excluded);
|
|
@@ -14,5 +25,5 @@ var Index = function Index(_ref3) {
|
|
|
14
25
|
});
|
|
15
26
|
};
|
|
16
27
|
|
|
17
|
-
export { HTableConfigContext, Index as default };
|
|
28
|
+
export { HTableConfigContext, Index as default, useHTableConfigContext };
|
|
18
29
|
// powered by hdj
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
|
|
4
|
+
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
|
|
5
|
+
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
|
|
6
|
+
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
|
|
7
|
+
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
|
|
8
|
+
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
|
|
9
|
+
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
|
|
10
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
11
|
+
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
|
|
12
|
+
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
|
|
13
|
+
var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/index-of');
|
|
14
|
+
var React = require('react');
|
|
15
|
+
var context = require('../context.js');
|
|
16
|
+
|
|
17
|
+
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; }
|
|
18
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
19
|
+
var useCols = function useCols(cols, table) {
|
|
20
|
+
return React.useMemo(function () {
|
|
21
|
+
return _mapInstanceProperty(cols).call(cols, function (item) {
|
|
22
|
+
var _render = item.render;
|
|
23
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
|
24
|
+
render: function render(dom, data, index) {
|
|
25
|
+
if (!_render) {
|
|
26
|
+
return dom;
|
|
27
|
+
}
|
|
28
|
+
return _render(dom, data, index, table);
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
});
|
|
32
|
+
}, [cols, table]);
|
|
33
|
+
};
|
|
34
|
+
var useSynchronousKeys = function useSynchronousKeys(_ref) {
|
|
35
|
+
var selectedRowKeys = _ref.selectedRowKeys,
|
|
36
|
+
records = _ref.records,
|
|
37
|
+
rowKey = _ref.rowKey;
|
|
38
|
+
var _useHTableContext = context.useHTableContext(),
|
|
39
|
+
rowOnChange = _useHTableContext.rowOnChange;
|
|
40
|
+
React.useEffect(function () {
|
|
41
|
+
if (selectedRowKeys && records && rowKey) {
|
|
42
|
+
var resultData = _filterInstanceProperty(records).call(records, function (item, index) {
|
|
43
|
+
var id = typeof rowKey === "function" ? rowKey(item, index) : item[rowKey];
|
|
44
|
+
return _indexOfInstanceProperty(selectedRowKeys).call(selectedRowKeys, id) !== -1;
|
|
45
|
+
});
|
|
46
|
+
rowOnChange(selectedRowKeys, resultData);
|
|
47
|
+
}
|
|
48
|
+
}, [selectedRowKeys, records, rowKey]);
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
exports.useCols = useCols;
|
|
52
|
+
exports.useSynchronousKeys = useSynchronousKeys;
|
|
53
|
+
// powered by h
|
package/lib/Body/index.d.ts
CHANGED
|
@@ -1,2 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
import type { ProTableProps } from "@ant-design/pro-table";
|
|
2
|
+
import type { ConfigDataModal, ParamsModal } from "../modal";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import type { HTableInstance } from "../modal";
|
|
5
|
+
interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
|
|
6
|
+
configData: ConfigDataModal;
|
|
7
|
+
onPageChange?: (params: ParamsModal) => void;
|
|
8
|
+
emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
|
|
9
|
+
errorRender?: (tableInstance: HTableInstance, error: Error) => React.ReactNode;
|
|
10
|
+
tableStyle?: React.CSSProperties;
|
|
11
|
+
}
|
|
12
|
+
declare const _default: ({ loading, configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, tableStyle, ...props }: HTableBodyProps) => JSX.Element;
|
|
2
13
|
export default _default;
|
package/lib/Body/index.js
CHANGED
|
@@ -2,12 +2,120 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
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 _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
15
|
+
var _keysInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/keys');
|
|
16
|
+
var _Number$parseInt = require('@babel/runtime-corejs3/core-js/number/parse-int');
|
|
5
17
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
require('
|
|
18
|
+
var ProTable = require('@ant-design/pro-table');
|
|
19
|
+
var hooks = require('./hooks.js');
|
|
20
|
+
var context = require('../context.js');
|
|
21
|
+
var antd = require('antd');
|
|
22
|
+
var TableConfig = require('../TableConfig.js');
|
|
7
23
|
|
|
8
|
-
var
|
|
24
|
+
var _excluded = ["loading", "configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle"];
|
|
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; }
|
|
26
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
27
|
+
var defaultRender = function defaultRender() {
|
|
28
|
+
return jsxRuntime.jsx(antd.Empty, {
|
|
29
|
+
image: antd.Empty.PRESENTED_IMAGE_SIMPLE
|
|
30
|
+
});
|
|
31
|
+
};
|
|
32
|
+
var Body = (function (_ref) {
|
|
33
|
+
var loading = _ref.loading,
|
|
34
|
+
configData = _ref.configData,
|
|
35
|
+
_ref$pagination = _ref.pagination,
|
|
36
|
+
pagination = _ref$pagination === void 0 ? {} : _ref$pagination,
|
|
37
|
+
onPageChange = _ref.onPageChange,
|
|
38
|
+
_ref$rowSelection = _ref.rowSelection,
|
|
39
|
+
rowSelection = _ref$rowSelection === void 0 ? {} : _ref$rowSelection,
|
|
40
|
+
_ref$rowKey = _ref.rowKey,
|
|
41
|
+
rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey,
|
|
42
|
+
emptyRender = _ref.emptyRender,
|
|
43
|
+
errorRender = _ref.errorRender,
|
|
44
|
+
tableStyle = _ref.tableStyle,
|
|
45
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
46
|
+
var selectedRowKeys = rowSelection.selectedRowKeys,
|
|
47
|
+
onChange = rowSelection.onChange;
|
|
48
|
+
var _useHTableContext = context.useHTableContext(),
|
|
49
|
+
tableInstance = _useHTableContext.tableInstance,
|
|
50
|
+
data = _useHTableContext.data,
|
|
51
|
+
selectedRowData = _useHTableContext.selectedRowData,
|
|
52
|
+
rowOnChange = _useHTableContext.rowOnChange,
|
|
53
|
+
error = _useHTableContext.error;
|
|
54
|
+
var _useHTableConfigConte = TableConfig.useHTableConfigContext({
|
|
55
|
+
emptyRender: emptyRender,
|
|
56
|
+
errorRender: errorRender
|
|
57
|
+
}),
|
|
58
|
+
_useHTableConfigConte2 = _useHTableConfigConte.emptyRender,
|
|
59
|
+
tableEmptyRender = _useHTableConfigConte2 === void 0 ? defaultRender : _useHTableConfigConte2,
|
|
60
|
+
_useHTableConfigConte3 = _useHTableConfigConte.errorRender,
|
|
61
|
+
tableErrorRender = _useHTableConfigConte3 === void 0 ? defaultRender : _useHTableConfigConte3;
|
|
62
|
+
var _ref2 = data || {},
|
|
63
|
+
records = _ref2.records,
|
|
64
|
+
size = _ref2.size,
|
|
65
|
+
current = _ref2.current,
|
|
66
|
+
total = _ref2.total;
|
|
67
|
+
var cols = hooks.useCols(configData, tableInstance);
|
|
68
|
+
var change = function change(key, rowData) {
|
|
69
|
+
if (onChange) {
|
|
70
|
+
return onChange(key, rowData);
|
|
71
|
+
}
|
|
72
|
+
rowOnChange(key, rowData);
|
|
73
|
+
};
|
|
74
|
+
hooks.useSynchronousKeys({
|
|
75
|
+
selectedRowKeys: selectedRowKeys,
|
|
76
|
+
records: records,
|
|
77
|
+
rowKey: rowKey
|
|
78
|
+
});
|
|
9
79
|
return jsxRuntime.jsx("div", {
|
|
10
|
-
|
|
80
|
+
style: _objectSpread({
|
|
81
|
+
borderRadius: 4,
|
|
82
|
+
overflow: "hidden"
|
|
83
|
+
}, tableStyle),
|
|
84
|
+
className: "hw_table_body",
|
|
85
|
+
children: jsxRuntime.jsx(antd.ConfigProvider, {
|
|
86
|
+
renderEmpty: function renderEmpty() {
|
|
87
|
+
if (error) {
|
|
88
|
+
return tableErrorRender === null || tableErrorRender === void 0 ? void 0 : tableErrorRender(tableInstance, error);
|
|
89
|
+
}
|
|
90
|
+
return tableEmptyRender === null || tableEmptyRender === void 0 ? void 0 : tableEmptyRender(tableInstance);
|
|
91
|
+
},
|
|
92
|
+
children: jsxRuntime.jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
|
|
93
|
+
columns: cols,
|
|
94
|
+
tableAlertRender: false,
|
|
95
|
+
search: false,
|
|
96
|
+
rowSelection: _objectSpread(_objectSpread({}, rowSelection), {}, {
|
|
97
|
+
selectedRowKeys: _keysInstanceProperty(selectedRowData),
|
|
98
|
+
onChange: change
|
|
99
|
+
}),
|
|
100
|
+
loading: loading,
|
|
101
|
+
rowKey: rowKey,
|
|
102
|
+
dataSource: records,
|
|
103
|
+
onChange: function onChange(paginationData) {
|
|
104
|
+
var ps = paginationData.pageSize,
|
|
105
|
+
pn = paginationData.current;
|
|
106
|
+
onPageChange === null || onPageChange === void 0 || onPageChange({
|
|
107
|
+
size: ps,
|
|
108
|
+
current: pn
|
|
109
|
+
});
|
|
110
|
+
},
|
|
111
|
+
pagination: pagination === false ? pagination : _objectSpread({
|
|
112
|
+
current: _Number$parseInt(current || "1", 10),
|
|
113
|
+
total: _Number$parseInt(total || "0", 10),
|
|
114
|
+
pageSize: _Number$parseInt(size || "10", 10),
|
|
115
|
+
showQuickJumper: true
|
|
116
|
+
}, pagination)
|
|
117
|
+
}))
|
|
118
|
+
})
|
|
11
119
|
});
|
|
12
120
|
});
|
|
13
121
|
|
package/lib/Table.js
CHANGED
|
@@ -38,14 +38,15 @@ var Table = (function (_ref) {
|
|
|
38
38
|
_ref$headerStyle = _ref.headerStyle,
|
|
39
39
|
headerStyle = _ref$headerStyle === void 0 ? {} : _ref$headerStyle,
|
|
40
40
|
_ref$footerStyle = _ref.footerStyle,
|
|
41
|
-
footerStyle = _ref$footerStyle === void 0 ? {} : _ref$footerStyle
|
|
42
|
-
_ref.tableStyle
|
|
43
|
-
|
|
41
|
+
footerStyle = _ref$footerStyle === void 0 ? {} : _ref$footerStyle,
|
|
42
|
+
_ref$tableStyle = _ref.tableStyle,
|
|
43
|
+
tableStyle = _ref$tableStyle === void 0 ? {} : _ref$tableStyle,
|
|
44
|
+
_ref$action = _ref.action,
|
|
44
45
|
action = _ref$action === void 0 ? {} : _ref$action,
|
|
45
46
|
_ref$spaceSize = _ref.spaceSize,
|
|
46
47
|
spaceSize = _ref$spaceSize === void 0 ? 15 : _ref$spaceSize,
|
|
47
|
-
className = _ref.className
|
|
48
|
-
_objectWithoutProperties(_ref, _excluded);
|
|
48
|
+
className = _ref.className,
|
|
49
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
49
50
|
var saveParams = React.useMemo(function () {
|
|
50
51
|
return {
|
|
51
52
|
params: {}
|
|
@@ -106,7 +107,14 @@ var Table = (function (_ref) {
|
|
|
106
107
|
loading: loading,
|
|
107
108
|
searchSpan: searchSpan,
|
|
108
109
|
headerStyle: headerStyle
|
|
109
|
-
}), jsxRuntime.jsx(index$1.default,
|
|
110
|
+
}), jsxRuntime.jsx(index$1.default, _objectSpread({
|
|
111
|
+
loading: loading,
|
|
112
|
+
configData: configData,
|
|
113
|
+
tableStyle: tableStyle,
|
|
114
|
+
onPageChange: function onPageChange(page) {
|
|
115
|
+
run(_objectSpread(_objectSpread({}, saveParams.params), page));
|
|
116
|
+
}
|
|
117
|
+
}, props)), footerRender !== false && jsxRuntime.jsx(index$2.default, {
|
|
110
118
|
actionRender: actionRender,
|
|
111
119
|
footerRender: footerRender,
|
|
112
120
|
footerStyle: footerStyle
|
package/lib/TableConfig.js
CHANGED
|
@@ -8,6 +8,17 @@ var React = require('react');
|
|
|
8
8
|
|
|
9
9
|
var _excluded = ["children"];
|
|
10
10
|
var HTableConfigContext = /*#__PURE__*/React.createContext(null);
|
|
11
|
+
var useHTableConfigContext = function useHTableConfigContext(_ref) {
|
|
12
|
+
var emptyRender = _ref.emptyRender,
|
|
13
|
+
errorRender = _ref.errorRender;
|
|
14
|
+
var _ref2 = React.useContext(HTableConfigContext) || {},
|
|
15
|
+
configErrorRender = _ref2.errorRender,
|
|
16
|
+
configEmptyRender = _ref2.emptyRender;
|
|
17
|
+
return {
|
|
18
|
+
errorRender: errorRender || configErrorRender,
|
|
19
|
+
emptyRender: emptyRender || configEmptyRender
|
|
20
|
+
};
|
|
21
|
+
};
|
|
11
22
|
var Index = function Index(_ref3) {
|
|
12
23
|
var children = _ref3.children,
|
|
13
24
|
props = _objectWithoutProperties(_ref3, _excluded);
|
|
@@ -19,4 +30,5 @@ var Index = function Index(_ref3) {
|
|
|
19
30
|
|
|
20
31
|
exports.HTableConfigContext = HTableConfigContext;
|
|
21
32
|
exports.default = Index;
|
|
33
|
+
exports.useHTableConfigContext = useHTableConfigContext;
|
|
22
34
|
// powered by h
|
package/package.json
CHANGED
|
@@ -10,7 +10,7 @@ import { useHTableConfigContext } from "../TableConfig";
|
|
|
10
10
|
|
|
11
11
|
interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
|
|
12
12
|
configData: ConfigDataModal;
|
|
13
|
-
onPageChange
|
|
13
|
+
onPageChange?: (params: ParamsModal) => void;
|
|
14
14
|
emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
|
|
15
15
|
errorRender?: (
|
|
16
16
|
tableInstance: HTableInstance,
|
|
@@ -21,8 +21,74 @@ interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource"> {
|
|
|
21
21
|
const defaultRender = () => {
|
|
22
22
|
return <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />;
|
|
23
23
|
};
|
|
24
|
-
export default (
|
|
24
|
+
export default ({
|
|
25
|
+
loading,
|
|
26
|
+
configData,
|
|
27
|
+
pagination = {},
|
|
28
|
+
onPageChange,
|
|
29
|
+
rowSelection = {},
|
|
30
|
+
rowKey = "id",
|
|
31
|
+
emptyRender,
|
|
32
|
+
errorRender,
|
|
33
|
+
tableStyle,
|
|
34
|
+
...props
|
|
35
|
+
}: HTableBodyProps) => {
|
|
36
|
+
// @ts-ignore
|
|
37
|
+
const { selectedRowKeys, onChange } = rowSelection;
|
|
38
|
+
const { tableInstance, data, selectedRowData, rowOnChange, error } =
|
|
39
|
+
useHTableContext();
|
|
40
|
+
const {
|
|
41
|
+
emptyRender: tableEmptyRender = defaultRender,
|
|
42
|
+
errorRender: tableErrorRender = defaultRender,
|
|
43
|
+
} = useHTableConfigContext({ emptyRender, errorRender });
|
|
44
|
+
const { records, size, current, total } = data || {};
|
|
45
|
+
const cols = useCols(configData, tableInstance);
|
|
46
|
+
const change = (key: React.Key[], rowData: any[]) => {
|
|
47
|
+
if (onChange) {
|
|
48
|
+
return onChange(key, rowData);
|
|
49
|
+
}
|
|
50
|
+
rowOnChange(key, rowData);
|
|
51
|
+
};
|
|
52
|
+
useSynchronousKeys({ selectedRowKeys, records, rowKey });
|
|
25
53
|
return (
|
|
26
|
-
<div
|
|
54
|
+
<div
|
|
55
|
+
style={{ borderRadius: 4, overflow: "hidden", ...tableStyle }}
|
|
56
|
+
className="hw_table_body"
|
|
57
|
+
>
|
|
58
|
+
<ConfigProvider
|
|
59
|
+
renderEmpty={() => {
|
|
60
|
+
if (error) {
|
|
61
|
+
return tableErrorRender?.(tableInstance, error);
|
|
62
|
+
}
|
|
63
|
+
return tableEmptyRender?.(tableInstance);
|
|
64
|
+
}}
|
|
65
|
+
>
|
|
66
|
+
<ProTable
|
|
67
|
+
{...props}
|
|
68
|
+
columns={cols}
|
|
69
|
+
tableAlertRender={false}
|
|
70
|
+
search={false}
|
|
71
|
+
rowSelection={{
|
|
72
|
+
...rowSelection,
|
|
73
|
+
selectedRowKeys: selectedRowData.keys,
|
|
74
|
+
onChange: change,
|
|
75
|
+
}}
|
|
76
|
+
loading={loading}
|
|
77
|
+
rowKey={rowKey}
|
|
78
|
+
dataSource={records}
|
|
79
|
+
onChange={(paginationData) => {
|
|
80
|
+
const { pageSize: ps, current: pn } = paginationData;
|
|
81
|
+
onPageChange?.({ size: ps, current: pn });
|
|
82
|
+
}}
|
|
83
|
+
pagination={pagination===false?pagination:{
|
|
84
|
+
current: Number.parseInt(current || "1", 10),
|
|
85
|
+
total: Number.parseInt(total || "0", 10),
|
|
86
|
+
pageSize: Number.parseInt(size || "10", 10),
|
|
87
|
+
showQuickJumper: true,
|
|
88
|
+
...pagination,
|
|
89
|
+
}}
|
|
90
|
+
/>
|
|
91
|
+
</ConfigProvider>
|
|
92
|
+
</div>
|
|
27
93
|
);
|
|
28
94
|
};
|
package/src/components/Table.tsx
CHANGED
|
@@ -74,7 +74,15 @@ export default ({
|
|
|
74
74
|
headerStyle={headerStyle}
|
|
75
75
|
/>
|
|
76
76
|
)}
|
|
77
|
-
<Body
|
|
77
|
+
<Body
|
|
78
|
+
loading={loading}
|
|
79
|
+
configData={configData}
|
|
80
|
+
tableStyle={tableStyle}
|
|
81
|
+
onPageChange={(page) => {
|
|
82
|
+
run({ ...saveParams.params, ...page });
|
|
83
|
+
}}
|
|
84
|
+
{...props}
|
|
85
|
+
/>
|
|
78
86
|
{footerRender !== false && (
|
|
79
87
|
<Footer
|
|
80
88
|
actionRender={actionRender}
|