@hw-component/table 0.0.1-beta-v1
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/.babelrc +23 -0
- package/.eslintrc.js +8 -0
- package/.husky/pre-commit +4 -0
- package/.stylelintrc.js +5 -0
- package/README.en.md +36 -0
- package/README.md +37 -0
- package/es/Body/hooks.d.ts +1167 -0
- package/es/Body/hooks.js +51 -0
- package/es/Body/index.d.ts +12 -0
- package/es/Body/index.js +117 -0
- package/es/Footer/index.d.ts +6 -0
- package/es/Footer/index.js +65 -0
- package/es/Header/index.d.ts +9 -0
- package/es/Header/index.js +42 -0
- package/es/Header/utils.d.ts +7 -0
- package/es/Header/utils.js +67 -0
- package/es/Table.d.ts +3 -0
- package/es/Table.js +98 -0
- package/es/TableConfig.d.ts +13 -0
- package/es/TableConfig.js +29 -0
- package/es/context.d.ts +12 -0
- package/es/context.js +11 -0
- package/es/hooks/useCurrentTable.d.ts +7 -0
- package/es/hooks/useCurrentTable.js +17 -0
- package/es/hooks/useHTable.d.ts +8 -0
- package/es/hooks/useHTable.js +21 -0
- package/es/hooks/useRowObj.d.ts +7 -0
- package/es/hooks/useRowObj.js +23 -0
- package/es/index.d.ts +3 -0
- package/es/index.js +5 -0
- package/es/modal.d.ts +45 -0
- package/lib/Body/hooks.d.ts +1167 -0
- package/lib/Body/hooks.js +53 -0
- package/lib/Body/index.d.ts +12 -0
- package/lib/Body/index.js +120 -0
- package/lib/Footer/index.d.ts +6 -0
- package/lib/Footer/index.js +68 -0
- package/lib/Header/index.d.ts +9 -0
- package/lib/Header/index.js +45 -0
- package/lib/Header/utils.d.ts +7 -0
- package/lib/Header/utils.js +69 -0
- package/lib/Table.d.ts +3 -0
- package/lib/Table.js +101 -0
- package/lib/TableConfig.d.ts +13 -0
- package/lib/TableConfig.js +34 -0
- package/lib/context.d.ts +12 -0
- package/lib/context.js +13 -0
- package/lib/hooks/useCurrentTable.d.ts +7 -0
- package/lib/hooks/useCurrentTable.js +20 -0
- package/lib/hooks/useHTable.d.ts +8 -0
- package/lib/hooks/useHTable.js +24 -0
- package/lib/hooks/useRowObj.d.ts +7 -0
- package/lib/hooks/useRowObj.js +26 -0
- package/lib/index.d.ts +3 -0
- package/lib/index.js +12 -0
- package/lib/modal.d.ts +45 -0
- package/package.json +89 -0
- package/public/index.html +19 -0
- package/scripts/rollup.config.js +90 -0
- package/scripts/webpack.config.js +75 -0
- package/src/Layout.tsx +61 -0
- package/src/app.tsx +33 -0
- package/src/components/Body/hooks.ts +44 -0
- package/src/components/Body/index.tsx +85 -0
- package/src/components/Footer/index.tsx +43 -0
- package/src/components/Header/index.tsx +45 -0
- package/src/components/Header/utils.ts +58 -0
- package/src/components/Table.tsx +65 -0
- package/src/components/TableConfig.tsx +30 -0
- package/src/components/context.ts +17 -0
- package/src/components/hooks/useCurrentTable.ts +16 -0
- package/src/components/hooks/useHTable.tsx +18 -0
- package/src/components/hooks/useRowObj.ts +17 -0
- package/src/components/index.tsx +3 -0
- package/src/components/modal.ts +58 -0
- package/src/index.less +20 -0
- package/src/index.tsx +12 -0
- package/src/pages/Test/index.tsx +55 -0
- package/src/routes.tsx +26 -0
- package/tsconfig.json +29 -0
|
@@ -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
|
|
@@ -0,0 +1,12 @@
|
|
|
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?: (table: HTableInstance) => React.ReactNode;
|
|
9
|
+
errorRender?: (table: HTableInstance) => React.ReactNode;
|
|
10
|
+
}
|
|
11
|
+
declare const _default: ({ loading, configData, pagination, onPageChange, rowSelection, rowKey, emptyRender, errorRender, ...props }: HTableBodyProps) => JSX.Element;
|
|
12
|
+
export default _default;
|
|
@@ -0,0 +1,120 @@
|
|
|
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 _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
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
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');
|
|
23
|
+
|
|
24
|
+
var _excluded = ["loading", "configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender"];
|
|
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
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
45
|
+
var selectedRowKeys = rowSelection.selectedRowKeys,
|
|
46
|
+
onChange = rowSelection.onChange;
|
|
47
|
+
var _useHTableContext = context.useHTableContext(),
|
|
48
|
+
table = _useHTableContext.table,
|
|
49
|
+
data = _useHTableContext.data,
|
|
50
|
+
selectedRowData = _useHTableContext.selectedRowData,
|
|
51
|
+
rowOnChange = _useHTableContext.rowOnChange,
|
|
52
|
+
error = _useHTableContext.error;
|
|
53
|
+
var _useHTableConfigConte = TableConfig.useHTableConfigContext({
|
|
54
|
+
emptyRender: emptyRender,
|
|
55
|
+
errorRender: errorRender
|
|
56
|
+
}),
|
|
57
|
+
_useHTableConfigConte2 = _useHTableConfigConte.emptyRender,
|
|
58
|
+
tableEmptyRender = _useHTableConfigConte2 === void 0 ? defaultRender : _useHTableConfigConte2,
|
|
59
|
+
_useHTableConfigConte3 = _useHTableConfigConte.errorRender,
|
|
60
|
+
tableErrorRender = _useHTableConfigConte3 === void 0 ? defaultRender : _useHTableConfigConte3;
|
|
61
|
+
var _ref2 = data || {},
|
|
62
|
+
records = _ref2.records,
|
|
63
|
+
size = _ref2.size,
|
|
64
|
+
current = _ref2.current,
|
|
65
|
+
total = _ref2.total;
|
|
66
|
+
var cols = hooks.useCols(configData, table);
|
|
67
|
+
var change = function change(key, rowData) {
|
|
68
|
+
if (onChange) {
|
|
69
|
+
return onChange(key, rowData);
|
|
70
|
+
}
|
|
71
|
+
rowOnChange(key, rowData);
|
|
72
|
+
};
|
|
73
|
+
hooks.useSynchronousKeys({
|
|
74
|
+
selectedRowKeys: selectedRowKeys,
|
|
75
|
+
records: records,
|
|
76
|
+
rowKey: rowKey
|
|
77
|
+
});
|
|
78
|
+
return jsxRuntime.jsx("div", {
|
|
79
|
+
style: {
|
|
80
|
+
borderRadius: 4,
|
|
81
|
+
overflow: "hidden"
|
|
82
|
+
},
|
|
83
|
+
children: jsxRuntime.jsx(antd.ConfigProvider, {
|
|
84
|
+
renderEmpty: function renderEmpty() {
|
|
85
|
+
if (error) {
|
|
86
|
+
return tableErrorRender === null || tableErrorRender === void 0 ? void 0 : tableErrorRender(table);
|
|
87
|
+
}
|
|
88
|
+
return tableEmptyRender === null || tableEmptyRender === void 0 ? void 0 : tableEmptyRender(table);
|
|
89
|
+
},
|
|
90
|
+
children: jsxRuntime.jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
|
|
91
|
+
columns: cols,
|
|
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
|
+
})
|
|
116
|
+
});
|
|
117
|
+
});
|
|
118
|
+
|
|
119
|
+
exports.default = Body;
|
|
120
|
+
// powered by h
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
6
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
var antd = require('antd');
|
|
8
|
+
var context = require('../context.js');
|
|
9
|
+
var React = require('react');
|
|
10
|
+
|
|
11
|
+
var Text = antd.Typography.Text,
|
|
12
|
+
Link = antd.Typography.Link;
|
|
13
|
+
var Footer = (function (_ref) {
|
|
14
|
+
var actionRender = _ref.actionRender;
|
|
15
|
+
var _useHTableContext = context.useHTableContext(),
|
|
16
|
+
data = _useHTableContext.data,
|
|
17
|
+
selectedRowData = _useHTableContext.selectedRowData,
|
|
18
|
+
table = _useHTableContext.table;
|
|
19
|
+
var _useState = React.useState(false),
|
|
20
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
21
|
+
allCheck = _useState2[0],
|
|
22
|
+
setAllCheck = _useState2[1];
|
|
23
|
+
var _ref2 = data || {},
|
|
24
|
+
total = _ref2.total;
|
|
25
|
+
var num = allCheck ? total : 0;
|
|
26
|
+
var dom = jsxRuntime.jsx(antd.Card, {
|
|
27
|
+
style: {
|
|
28
|
+
borderRadius: 4
|
|
29
|
+
},
|
|
30
|
+
bordered: false,
|
|
31
|
+
children: jsxRuntime.jsxs(antd.Row, {
|
|
32
|
+
justify: "space-between",
|
|
33
|
+
children: [jsxRuntime.jsxs(antd.Space, {
|
|
34
|
+
size: 20,
|
|
35
|
+
children: [jsxRuntime.jsx(antd.Button, {
|
|
36
|
+
type: "primary",
|
|
37
|
+
ghost: true,
|
|
38
|
+
style: {
|
|
39
|
+
padding: "4px 24px",
|
|
40
|
+
borderRadius: "4px"
|
|
41
|
+
},
|
|
42
|
+
onClick: function onClick() {
|
|
43
|
+
setAllCheck(!allCheck);
|
|
44
|
+
},
|
|
45
|
+
children: !allCheck ? "选择全部" : "取消选择"
|
|
46
|
+
}), jsxRuntime.jsxs(Text, {
|
|
47
|
+
type: "secondary",
|
|
48
|
+
children: ["\u5171", total, "\u6761"]
|
|
49
|
+
}), jsxRuntime.jsxs(Text, {
|
|
50
|
+
type: "secondary",
|
|
51
|
+
children: ["\u5DF2\u9009\u62E9", jsxRuntime.jsx(Link, {
|
|
52
|
+
children: num
|
|
53
|
+
}), "\u6761"]
|
|
54
|
+
})]
|
|
55
|
+
}), actionRender === null || actionRender === void 0 ? void 0 : actionRender(allCheck, selectedRowData, table)]
|
|
56
|
+
})
|
|
57
|
+
});
|
|
58
|
+
if (!data) {
|
|
59
|
+
return dom;
|
|
60
|
+
}
|
|
61
|
+
return jsxRuntime.jsx(antd.Affix, {
|
|
62
|
+
offsetBottom: 10,
|
|
63
|
+
children: dom
|
|
64
|
+
});
|
|
65
|
+
});
|
|
66
|
+
|
|
67
|
+
exports.default = Footer;
|
|
68
|
+
// powered by h
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ColProps } from "antd";
|
|
2
|
+
import type { ConfigDataModal } from "../modal";
|
|
3
|
+
interface IHeaderProps {
|
|
4
|
+
configData: ConfigDataModal;
|
|
5
|
+
onFinish: (value: Record<string, any>) => Promise<any>;
|
|
6
|
+
searchSpan?: ColProps;
|
|
7
|
+
}
|
|
8
|
+
declare const _default: ({ configData, onFinish, searchSpan, }: IHeaderProps) => JSX.Element;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
var antd = require('antd');
|
|
7
|
+
var context = require('../context.js');
|
|
8
|
+
var form = require('@hw-component/form');
|
|
9
|
+
var React = require('react');
|
|
10
|
+
var utils = require('./utils.js');
|
|
11
|
+
|
|
12
|
+
var Header = (function (_ref) {
|
|
13
|
+
var configData = _ref.configData,
|
|
14
|
+
onFinish = _ref.onFinish,
|
|
15
|
+
_ref$searchSpan = _ref.searchSpan,
|
|
16
|
+
searchSpan = _ref$searchSpan === void 0 ? {
|
|
17
|
+
span: 6
|
|
18
|
+
} : _ref$searchSpan;
|
|
19
|
+
var _useHTableContext = context.useHTableContext(),
|
|
20
|
+
table = _useHTableContext.table;
|
|
21
|
+
var form$1 = table.form;
|
|
22
|
+
var nConfigData = React.useMemo(function () {
|
|
23
|
+
return utils.formConfigDataProvider(configData);
|
|
24
|
+
}, [configData]);
|
|
25
|
+
return jsxRuntime.jsx(antd.Card, {
|
|
26
|
+
style: {
|
|
27
|
+
borderRadius: 4
|
|
28
|
+
},
|
|
29
|
+
bordered: false,
|
|
30
|
+
bodyStyle: {
|
|
31
|
+
paddingBottom: 0
|
|
32
|
+
},
|
|
33
|
+
children: jsxRuntime.jsx(form.HForm, {
|
|
34
|
+
itemSpan: searchSpan,
|
|
35
|
+
request: onFinish,
|
|
36
|
+
gutter: [20, 0],
|
|
37
|
+
hideLabel: true,
|
|
38
|
+
configData: nConfigData,
|
|
39
|
+
form: form$1
|
|
40
|
+
})
|
|
41
|
+
});
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
exports.default = Header;
|
|
45
|
+
// powered by h
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ConfigDataModal, ConfigItemModal } from "../modal";
|
|
2
|
+
import type { HItemProps } from "@hw-component/form/lib/Form/modal";
|
|
3
|
+
export declare function formConfigDataFilter(arr: ConfigDataModal): {
|
|
4
|
+
realConfigData: ConfigItemModal[];
|
|
5
|
+
subConfigData: HItemProps;
|
|
6
|
+
};
|
|
7
|
+
export declare function formConfigDataProvider(configData: ConfigDataModal): HItemProps[];
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
|
|
4
|
+
require('core-js/modules/es.function.name.js');
|
|
5
|
+
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
|
|
6
|
+
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
|
|
7
|
+
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/concat');
|
|
8
|
+
|
|
9
|
+
var defaultSubItem = {
|
|
10
|
+
type: "submit",
|
|
11
|
+
itemProps: {
|
|
12
|
+
extraList: ["submit", "reset"],
|
|
13
|
+
style: {
|
|
14
|
+
padding: "4px 24px",
|
|
15
|
+
borderRadius: "4px"
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
function formConfigDataFilter(arr) {
|
|
20
|
+
var subConfigData = defaultSubItem;
|
|
21
|
+
var realConfigData = _filterInstanceProperty(arr).call(arr, function (item) {
|
|
22
|
+
var showSearch = item.showSearch,
|
|
23
|
+
searchType = item.searchType;
|
|
24
|
+
if (searchType === "submit" && showSearch) {
|
|
25
|
+
subConfigData = formConfigDataItemProvider(item);
|
|
26
|
+
return false;
|
|
27
|
+
}
|
|
28
|
+
if (showSearch) {
|
|
29
|
+
return true;
|
|
30
|
+
}
|
|
31
|
+
return false;
|
|
32
|
+
});
|
|
33
|
+
return {
|
|
34
|
+
realConfigData: realConfigData,
|
|
35
|
+
subConfigData: subConfigData
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
function formConfigDataProvider(configData) {
|
|
39
|
+
var _context;
|
|
40
|
+
var _formConfigDataFilter = formConfigDataFilter(configData),
|
|
41
|
+
realConfigData = _formConfigDataFilter.realConfigData,
|
|
42
|
+
subConfigData = _formConfigDataFilter.subConfigData;
|
|
43
|
+
var nConfigData = _mapInstanceProperty(realConfigData).call(realConfigData, function (item) {
|
|
44
|
+
return formConfigDataItemProvider(item);
|
|
45
|
+
});
|
|
46
|
+
return _concatInstanceProperty(_context = []).call(_context, _toConsumableArray(nConfigData), [subConfigData]);
|
|
47
|
+
}
|
|
48
|
+
function formConfigDataItemProvider(_ref) {
|
|
49
|
+
var _ref$colon = _ref.colon,
|
|
50
|
+
colon = _ref$colon === void 0 ? false : _ref$colon,
|
|
51
|
+
searchType = _ref.searchType,
|
|
52
|
+
title = _ref.title,
|
|
53
|
+
name = _ref.name,
|
|
54
|
+
dataIndex = _ref.dataIndex,
|
|
55
|
+
itemProps = _ref.itemProps,
|
|
56
|
+
searchRender = _ref.searchRender;
|
|
57
|
+
return {
|
|
58
|
+
itemProps: itemProps,
|
|
59
|
+
label: title,
|
|
60
|
+
colon: colon,
|
|
61
|
+
type: searchType,
|
|
62
|
+
name: name || dataIndex,
|
|
63
|
+
render: searchRender
|
|
64
|
+
};
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
exports.formConfigDataFilter = formConfigDataFilter;
|
|
68
|
+
exports.formConfigDataProvider = formConfigDataProvider;
|
|
69
|
+
// powered by h
|
package/lib/Table.d.ts
ADDED
package/lib/Table.js
ADDED
|
@@ -0,0 +1,101 @@
|
|
|
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 _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
14
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
15
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
16
|
+
var index = require('./Header/index.js');
|
|
17
|
+
var index$1 = require('./Body/index.js');
|
|
18
|
+
var ahooks = require('ahooks');
|
|
19
|
+
var React = require('react');
|
|
20
|
+
var useCurrentTable = require('./hooks/useCurrentTable.js');
|
|
21
|
+
var index$2 = require('./Footer/index.js');
|
|
22
|
+
var useRowObj = require('./hooks/useRowObj.js');
|
|
23
|
+
var context = require('./context.js');
|
|
24
|
+
var antd = require('antd');
|
|
25
|
+
|
|
26
|
+
var _excluded = ["request", "configData", "searchSpan", "table", "actionRender"],
|
|
27
|
+
_excluded2 = ["size", "current"];
|
|
28
|
+
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; }
|
|
29
|
+
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; }
|
|
30
|
+
var Table = (function (_ref) {
|
|
31
|
+
var request = _ref.request,
|
|
32
|
+
configData = _ref.configData,
|
|
33
|
+
searchSpan = _ref.searchSpan,
|
|
34
|
+
table = _ref.table,
|
|
35
|
+
actionRender = _ref.actionRender,
|
|
36
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
37
|
+
var saveParams = React.useMemo(function () {
|
|
38
|
+
return {
|
|
39
|
+
params: {}
|
|
40
|
+
};
|
|
41
|
+
}, []);
|
|
42
|
+
var _useRequest = ahooks.useRequest(function () {
|
|
43
|
+
var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
44
|
+
var _params$size = params.size,
|
|
45
|
+
size = _params$size === void 0 ? "10" : _params$size,
|
|
46
|
+
_params$current = params.current,
|
|
47
|
+
current = _params$current === void 0 ? "1" : _params$current,
|
|
48
|
+
oParams = _objectWithoutProperties(params, _excluded2);
|
|
49
|
+
var reqParams = _objectSpread({
|
|
50
|
+
size: size,
|
|
51
|
+
current: current
|
|
52
|
+
}, oParams);
|
|
53
|
+
saveParams.params = reqParams;
|
|
54
|
+
return request(reqParams);
|
|
55
|
+
}),
|
|
56
|
+
run = _useRequest.run,
|
|
57
|
+
loading = _useRequest.loading,
|
|
58
|
+
data = _useRequest.data,
|
|
59
|
+
error = _useRequest.error;
|
|
60
|
+
var cuTable = useCurrentTable.default({
|
|
61
|
+
table: table,
|
|
62
|
+
reload: function reload() {
|
|
63
|
+
run(_objectSpread({}, saveParams.params));
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
var _useRowObj = useRowObj.default(),
|
|
67
|
+
selectedRowData = _useRowObj.selectedRowData,
|
|
68
|
+
rowOnChange = _useRowObj.rowOnChange;
|
|
69
|
+
return jsxRuntime.jsx(context.HTableContext.Provider, {
|
|
70
|
+
value: {
|
|
71
|
+
table: cuTable,
|
|
72
|
+
selectedRowData: selectedRowData,
|
|
73
|
+
rowOnChange: rowOnChange,
|
|
74
|
+
data: data,
|
|
75
|
+
error: error
|
|
76
|
+
},
|
|
77
|
+
children: jsxRuntime.jsxs(antd.Space, {
|
|
78
|
+
size: 20,
|
|
79
|
+
direction: "vertical",
|
|
80
|
+
style: {
|
|
81
|
+
width: "100%"
|
|
82
|
+
},
|
|
83
|
+
children: [jsxRuntime.jsx(index.default, {
|
|
84
|
+
configData: configData,
|
|
85
|
+
onFinish: run,
|
|
86
|
+
searchSpan: searchSpan
|
|
87
|
+
}), jsxRuntime.jsx(index$1.default, _objectSpread({
|
|
88
|
+
loading: loading,
|
|
89
|
+
configData: configData,
|
|
90
|
+
onPageChange: function onPageChange(page) {
|
|
91
|
+
run(_objectSpread(_objectSpread({}, saveParams.params), page));
|
|
92
|
+
}
|
|
93
|
+
}, props)), jsxRuntime.jsx(index$2.default, {
|
|
94
|
+
actionRender: actionRender
|
|
95
|
+
})]
|
|
96
|
+
})
|
|
97
|
+
});
|
|
98
|
+
});
|
|
99
|
+
|
|
100
|
+
exports.default = Table;
|
|
101
|
+
// powered by h
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { HTableInstance } from "./modal";
|
|
3
|
+
interface HTableConfigContextModal {
|
|
4
|
+
emptyRender?: (table: HTableInstance) => React.ReactNode;
|
|
5
|
+
errorRender?: (table: HTableInstance) => React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare const HTableConfigContext: React.Context<HTableConfigContextModal | null>;
|
|
8
|
+
export declare const useHTableConfigContext: ({ emptyRender, errorRender, }: HTableConfigContextModal) => {
|
|
9
|
+
errorRender: ((table: HTableInstance) => React.ReactNode) | undefined;
|
|
10
|
+
emptyRender: ((table: HTableInstance) => React.ReactNode) | undefined;
|
|
11
|
+
};
|
|
12
|
+
declare const Index: React.FC<HTableConfigContextModal>;
|
|
13
|
+
export default Index;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
6
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
var React = require('react');
|
|
8
|
+
|
|
9
|
+
var _excluded = ["children"];
|
|
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
|
+
var Index = function Index(_ref3) {
|
|
23
|
+
var children = _ref3.children,
|
|
24
|
+
props = _objectWithoutProperties(_ref3, _excluded);
|
|
25
|
+
return jsxRuntime.jsx(HTableConfigContext.Provider, {
|
|
26
|
+
value: props,
|
|
27
|
+
children: children
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
exports.HTableConfigContext = HTableConfigContext;
|
|
32
|
+
exports.default = Index;
|
|
33
|
+
exports.useHTableConfigContext = useHTableConfigContext;
|
|
34
|
+
// powered by h
|
package/lib/context.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { ResultModal, RowObj, HTableInstance } from "./modal";
|
|
3
|
+
interface HContextModal {
|
|
4
|
+
table: HTableInstance;
|
|
5
|
+
data?: ResultModal;
|
|
6
|
+
selectedRowData: RowObj;
|
|
7
|
+
rowOnChange: (keys: React.Key[], rowData: any[]) => void;
|
|
8
|
+
error?: Error;
|
|
9
|
+
}
|
|
10
|
+
export declare const HTableContext: React.Context<HContextModal | null>;
|
|
11
|
+
export declare const useHTableContext: () => HContextModal;
|
|
12
|
+
export {};
|
package/lib/context.js
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
|
|
5
|
+
var HTableContext = /*#__PURE__*/React.createContext(null);
|
|
6
|
+
var useHTableContext = function useHTableContext() {
|
|
7
|
+
var result = React.useContext(HTableContext);
|
|
8
|
+
return result || {};
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
exports.HTableContext = HTableContext;
|
|
12
|
+
exports.useHTableContext = useHTableContext;
|
|
13
|
+
// powered by h
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ParamsModal, HTableInstance } from "../modal";
|
|
2
|
+
interface currentTableParams {
|
|
3
|
+
table?: HTableInstance;
|
|
4
|
+
reload: (params: ParamsModal) => void;
|
|
5
|
+
}
|
|
6
|
+
declare const _default: ({ table, reload }: currentTableParams) => HTableInstance;
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var useHTable = require('./useHTable.js');
|
|
7
|
+
|
|
8
|
+
var useCurrentTable = (function (_ref) {
|
|
9
|
+
var table = _ref.table,
|
|
10
|
+
reload = _ref.reload;
|
|
11
|
+
var useCurrentTable = useHTable.default();
|
|
12
|
+
return React.useMemo(function () {
|
|
13
|
+
var resultTable = table || useCurrentTable;
|
|
14
|
+
resultTable.table.reload = reload;
|
|
15
|
+
return resultTable;
|
|
16
|
+
}, [table]);
|
|
17
|
+
});
|
|
18
|
+
|
|
19
|
+
exports.default = useCurrentTable;
|
|
20
|
+
// powered by h
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var form = require('@hw-component/form');
|
|
7
|
+
|
|
8
|
+
var useHTable = (function () {
|
|
9
|
+
var form$1 = form.useHForm();
|
|
10
|
+
var table = React.useMemo(function () {
|
|
11
|
+
return {
|
|
12
|
+
reload: function reload(params) {
|
|
13
|
+
return params;
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
}, []);
|
|
17
|
+
return {
|
|
18
|
+
form: form$1,
|
|
19
|
+
table: table
|
|
20
|
+
};
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
exports.default = useHTable;
|
|
24
|
+
// powered by h
|