@hw-component/table 0.0.2-beta-v3 → 0.0.2-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/Body/index.d.ts +1 -12
- package/es/Body/index.js +3 -111
- package/es/Table.js +6 -14
- package/es/TableConfig.js +2 -13
- package/lib/Body/index.d.ts +1 -12
- package/lib/Body/index.js +3 -111
- package/lib/Table.js +6 -14
- package/lib/TableConfig.js +0 -12
- package/package.json +1 -1
- package/src/components/Body/index.tsx +2 -68
- package/src/components/Table.tsx +1 -9
- package/src/pages/Test/index.tsx +44 -33
- package/es/Body/hooks.js +0 -51
- package/lib/Body/hooks.js +0 -53
package/es/Body/index.d.ts
CHANGED
|
@@ -1,13 +1,2 @@
|
|
|
1
|
-
|
|
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;
|
|
1
|
+
declare const _default: () => JSX.Element;
|
|
13
2
|
export default _default;
|
package/es/Body/index.js
CHANGED
|
@@ -1,118 +1,10 @@
|
|
|
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';
|
|
14
2
|
import { jsx } from 'react/jsx-runtime';
|
|
15
|
-
import
|
|
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';
|
|
3
|
+
import 'antd';
|
|
20
4
|
|
|
21
|
-
var
|
|
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
|
-
});
|
|
5
|
+
var Body = (function () {
|
|
76
6
|
return jsx("div", {
|
|
77
|
-
|
|
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({
|
|
104
|
-
size: ps,
|
|
105
|
-
current: pn
|
|
106
|
-
});
|
|
107
|
-
},
|
|
108
|
-
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
|
-
})
|
|
7
|
+
children: "fff"
|
|
116
8
|
});
|
|
117
9
|
});
|
|
118
10
|
|
package/es/Table.js
CHANGED
|
@@ -35,15 +35,14 @@ 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
|
|
40
|
-
|
|
41
|
-
_ref$action = _ref.action,
|
|
38
|
+
footerStyle = _ref$footerStyle === void 0 ? {} : _ref$footerStyle;
|
|
39
|
+
_ref.tableStyle;
|
|
40
|
+
var _ref$action = _ref.action,
|
|
42
41
|
action = _ref$action === void 0 ? {} : _ref$action,
|
|
43
42
|
_ref$spaceSize = _ref.spaceSize,
|
|
44
43
|
spaceSize = _ref$spaceSize === void 0 ? 15 : _ref$spaceSize,
|
|
45
|
-
className = _ref.className
|
|
46
|
-
|
|
44
|
+
className = _ref.className;
|
|
45
|
+
_objectWithoutProperties(_ref, _excluded);
|
|
47
46
|
var saveParams = useMemo(function () {
|
|
48
47
|
return {
|
|
49
48
|
params: {}
|
|
@@ -104,14 +103,7 @@ var Table = (function (_ref) {
|
|
|
104
103
|
loading: loading,
|
|
105
104
|
searchSpan: searchSpan,
|
|
106
105
|
headerStyle: headerStyle
|
|
107
|
-
}), jsx(Body,
|
|
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, {
|
|
106
|
+
}), jsx(Body, {}), footerRender !== false && jsx(Footer, {
|
|
115
107
|
actionRender: actionRender,
|
|
116
108
|
footerRender: footerRender,
|
|
117
109
|
footerStyle: footerStyle
|
package/es/TableConfig.js
CHANGED
|
@@ -1,21 +1,10 @@
|
|
|
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
|
|
4
|
+
import React 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
|
-
};
|
|
19
8
|
var Index = function Index(_ref3) {
|
|
20
9
|
var children = _ref3.children,
|
|
21
10
|
props = _objectWithoutProperties(_ref3, _excluded);
|
|
@@ -25,5 +14,5 @@ var Index = function Index(_ref3) {
|
|
|
25
14
|
});
|
|
26
15
|
};
|
|
27
16
|
|
|
28
|
-
export { HTableConfigContext, Index as default
|
|
17
|
+
export { HTableConfigContext, Index as default };
|
|
29
18
|
// powered by hdj
|
package/lib/Body/index.d.ts
CHANGED
|
@@ -1,13 +1,2 @@
|
|
|
1
|
-
|
|
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;
|
|
1
|
+
declare const _default: () => JSX.Element;
|
|
13
2
|
export default _default;
|
package/lib/Body/index.js
CHANGED
|
@@ -2,120 +2,12 @@
|
|
|
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');
|
|
17
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
18
|
-
|
|
19
|
-
var hooks = require('./hooks.js');
|
|
20
|
-
var context = require('../context.js');
|
|
21
|
-
var antd = require('antd');
|
|
22
|
-
var TableConfig = require('../TableConfig.js');
|
|
6
|
+
require('antd');
|
|
23
7
|
|
|
24
|
-
var
|
|
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
|
-
});
|
|
8
|
+
var Body = (function () {
|
|
79
9
|
return jsxRuntime.jsx("div", {
|
|
80
|
-
|
|
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({
|
|
107
|
-
size: ps,
|
|
108
|
-
current: pn
|
|
109
|
-
});
|
|
110
|
-
},
|
|
111
|
-
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
|
-
})
|
|
10
|
+
children: "fff"
|
|
119
11
|
});
|
|
120
12
|
});
|
|
121
13
|
|
package/lib/Table.js
CHANGED
|
@@ -38,15 +38,14 @@ 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
|
|
43
|
-
|
|
44
|
-
_ref$action = _ref.action,
|
|
41
|
+
footerStyle = _ref$footerStyle === void 0 ? {} : _ref$footerStyle;
|
|
42
|
+
_ref.tableStyle;
|
|
43
|
+
var _ref$action = _ref.action,
|
|
45
44
|
action = _ref$action === void 0 ? {} : _ref$action,
|
|
46
45
|
_ref$spaceSize = _ref.spaceSize,
|
|
47
46
|
spaceSize = _ref$spaceSize === void 0 ? 15 : _ref$spaceSize,
|
|
48
|
-
className = _ref.className
|
|
49
|
-
|
|
47
|
+
className = _ref.className;
|
|
48
|
+
_objectWithoutProperties(_ref, _excluded);
|
|
50
49
|
var saveParams = React.useMemo(function () {
|
|
51
50
|
return {
|
|
52
51
|
params: {}
|
|
@@ -107,14 +106,7 @@ var Table = (function (_ref) {
|
|
|
107
106
|
loading: loading,
|
|
108
107
|
searchSpan: searchSpan,
|
|
109
108
|
headerStyle: headerStyle
|
|
110
|
-
}), jsxRuntime.jsx(index$1.default,
|
|
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, {
|
|
109
|
+
}), jsxRuntime.jsx(index$1.default, {}), footerRender !== false && jsxRuntime.jsx(index$2.default, {
|
|
118
110
|
actionRender: actionRender,
|
|
119
111
|
footerRender: footerRender,
|
|
120
112
|
footerStyle: footerStyle
|
package/lib/TableConfig.js
CHANGED
|
@@ -8,17 +8,6 @@ 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
|
-
};
|
|
22
11
|
var Index = function Index(_ref3) {
|
|
23
12
|
var children = _ref3.children,
|
|
24
13
|
props = _objectWithoutProperties(_ref3, _excluded);
|
|
@@ -30,5 +19,4 @@ var Index = function Index(_ref3) {
|
|
|
30
19
|
|
|
31
20
|
exports.HTableConfigContext = HTableConfigContext;
|
|
32
21
|
exports.default = Index;
|
|
33
|
-
exports.useHTableConfigContext = useHTableConfigContext;
|
|
34
22
|
// powered by h
|
package/package.json
CHANGED
|
@@ -21,74 +21,8 @@ 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 ({
|
|
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 });
|
|
24
|
+
export default () => {
|
|
53
25
|
return (
|
|
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={{
|
|
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>
|
|
26
|
+
<div>fff</div>
|
|
93
27
|
);
|
|
94
28
|
};
|
package/src/components/Table.tsx
CHANGED
|
@@ -74,15 +74,7 @@ export default ({
|
|
|
74
74
|
headerStyle={headerStyle}
|
|
75
75
|
/>
|
|
76
76
|
)}
|
|
77
|
-
<Body
|
|
78
|
-
loading={loading}
|
|
79
|
-
configData={configData}
|
|
80
|
-
tableStyle={tableStyle}
|
|
81
|
-
onPageChange={(page) => {
|
|
82
|
-
run({ ...saveParams.params, ...page });
|
|
83
|
-
}}
|
|
84
|
-
{...props}
|
|
85
|
-
/>
|
|
77
|
+
<Body/>
|
|
86
78
|
{footerRender !== false && (
|
|
87
79
|
<Footer
|
|
88
80
|
actionRender={actionRender}
|
package/src/pages/Test/index.tsx
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import { HTable,
|
|
1
|
+
import { HTable, useHTable } from "../../components";
|
|
2
2
|
import { Button } from "antd";
|
|
3
|
+
import Body from "../../components/Body";
|
|
4
|
+
import {HTableContext} from "../../components/context";
|
|
3
5
|
const configData = [
|
|
4
6
|
{
|
|
5
7
|
title: "座位",
|
|
@@ -25,38 +27,47 @@ export default () => {
|
|
|
25
27
|
>
|
|
26
28
|
点我
|
|
27
29
|
</div>
|
|
28
|
-
<
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
|
|
30
|
+
<HTableContext.Provider value={{
|
|
31
|
+
tableInstance:hTable,
|
|
32
|
+
selectedRowData:{},
|
|
33
|
+
rowOnChange:()=>{},
|
|
34
|
+
error:new Error("错误")
|
|
35
|
+
}}>
|
|
36
|
+
<Body configData={[{title:"sss"}]} onPageChange={()=>{}}/>
|
|
37
|
+
</HTableContext.Provider>
|
|
38
|
+
{/*<HTable*/}
|
|
39
|
+
{/* configData={configData}*/}
|
|
40
|
+
{/* rowKey={"id"}*/}
|
|
41
|
+
{/* headerStyle={{ borderRadius: 0 }}*/}
|
|
42
|
+
{/* tableStyle={{ borderRadius: 0, background: "#fff" }}*/}
|
|
43
|
+
{/* spaceSize={0}*/}
|
|
44
|
+
{/* pagination={false}*/}
|
|
45
|
+
{/* footerStyle={{ marginTop: 20 }}*/}
|
|
46
|
+
{/* table={hTable}*/}
|
|
47
|
+
{/* actionRender={(allCheck, selectedRowKeys, xjTable) => {*/}
|
|
48
|
+
{/* console.log(allCheck, selectedRowKeys, xjTable);*/}
|
|
49
|
+
{/* return <Button>点我</Button>;*/}
|
|
50
|
+
{/* }}*/}
|
|
51
|
+
{/* request={(a) => {*/}
|
|
52
|
+
{/* console.log(a);*/}
|
|
53
|
+
{/* return new Promise((resolve, reject) => {*/}
|
|
54
|
+
{/* setTimeout(() => {*/}
|
|
55
|
+
{/* // reject(new Error("错误"));*/}
|
|
56
|
+
{/* resolve({*/}
|
|
57
|
+
{/* size: "10",*/}
|
|
58
|
+
{/* current: "1",*/}
|
|
59
|
+
{/* total: "100",*/}
|
|
60
|
+
{/* records: [*/}
|
|
61
|
+
{/* {*/}
|
|
62
|
+
{/* id: 1,*/}
|
|
63
|
+
{/* name: "111",*/}
|
|
64
|
+
{/* },*/}
|
|
65
|
+
{/* ],*/}
|
|
66
|
+
{/* });*/}
|
|
67
|
+
{/* }, 2000);*/}
|
|
68
|
+
{/* });*/}
|
|
69
|
+
{/* }}*/}
|
|
70
|
+
{/*/>*/}
|
|
60
71
|
</>
|
|
61
72
|
);
|
|
62
73
|
};
|
package/es/Body/hooks.js
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
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/lib/Body/hooks.js
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
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
|