@hw-component/table 0.0.2-beta-v13 → 0.0.2-beta-v14

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.
Files changed (7) hide show
  1. package/es/HTableBody/index.js +91 -25
  2. package/es/TestProTable/index.d.ts +2 -0
  3. package/lib/HTableBody/index.js +91 -25
  4. package/lib/TestProTable/index.d.ts +2 -0
  5. package/package.json +1 -1
  6. package/src/components/HTableBody/index.tsx +39 -4
  7. package/src/components/TestProTable/index.tsx +10 -0
package/es/HTableBody/index.js CHANGED
@@ -1,52 +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';
2
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';
3
14
  import { jsx } from 'react/jsx-runtime';
4
15
  import ProTable from '@ant-design/pro-table';
5
16
  import { useCols, useSynchronousKeys } from './hooks.js';
6
17
  import { useHTableContext } from '../context.js';
7
- import 'antd';
18
+ import { ConfigProvider, Empty } from 'antd';
8
19
  import { useHTableConfigContext } from '../TableConfig.js';
9
20
 
10
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
+ };
11
29
  var Body = (function (_ref) {
12
- _ref.loading;
13
- var configData = _ref.configData;
14
- _ref.pagination;
15
- _ref.onPageChange;
16
- var _ref$rowSelection = _ref.rowSelection,
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,
17
36
  rowSelection = _ref$rowSelection === void 0 ? {} : _ref$rowSelection,
18
37
  _ref$rowKey = _ref.rowKey,
19
38
  rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey,
20
39
  emptyRender = _ref.emptyRender,
21
- errorRender = _ref.errorRender;
22
- _ref.tableStyle;
23
- _objectWithoutProperties(_ref, _excluded);
24
- var selectedRowKeys = rowSelection.selectedRowKeys;
25
- rowSelection.onChange;
40
+ errorRender = _ref.errorRender,
41
+ tableStyle = _ref.tableStyle,
42
+ props = _objectWithoutProperties(_ref, _excluded);
43
+ var selectedRowKeys = rowSelection.selectedRowKeys,
44
+ onChange = rowSelection.onChange;
26
45
  var _useHTableContext = useHTableContext(),
27
46
  tableInstance = _useHTableContext.tableInstance,
28
- data = _useHTableContext.data;
29
- _useHTableContext.selectedRowData;
30
- _useHTableContext.rowOnChange;
31
- _useHTableContext.error;
32
- useHTableConfigContext({
47
+ data = _useHTableContext.data,
48
+ selectedRowData = _useHTableContext.selectedRowData,
49
+ rowOnChange = _useHTableContext.rowOnChange,
50
+ error = _useHTableContext.error;
51
+ var _useHTableConfigConte = useHTableConfigContext({
33
52
  emptyRender: emptyRender,
34
53
  errorRender: errorRender
35
- });
54
+ }),
55
+ _useHTableConfigConte2 = _useHTableConfigConte.emptyRender,
56
+ tableEmptyRender = _useHTableConfigConte2 === void 0 ? defaultRender : _useHTableConfigConte2,
57
+ _useHTableConfigConte3 = _useHTableConfigConte.errorRender,
58
+ tableErrorRender = _useHTableConfigConte3 === void 0 ? defaultRender : _useHTableConfigConte3;
36
59
  var _ref2 = data || {},
37
- records = _ref2.records;
38
- _ref2.size;
39
- _ref2.current;
40
- _ref2.total;
41
- useCols(configData, tableInstance);
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
+ };
42
71
  useSynchronousKeys({
43
72
  selectedRowKeys: selectedRowKeys,
44
73
  records: records,
45
74
  rowKey: rowKey
46
75
  });
47
- return jsx(ProTable, {
48
- columns: [],
49
- dataSource: []
76
+ return jsx("div", {
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
+ })
50
116
  });
51
117
  });
52
118
 
package/es/TestProTable/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: () => JSX.Element;
2
+ export default _default;
package/lib/HTableBody/index.js CHANGED
@@ -2,54 +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');
5
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');
6
17
  var jsxRuntime = require('react/jsx-runtime');
7
18
  var ProTable = require('@ant-design/pro-table');
8
19
  var hooks = require('./hooks.js');
9
20
  var context = require('../context.js');
10
- require('antd');
21
+ var antd = require('antd');
11
22
  var TableConfig = require('../TableConfig.js');
12
23
 
13
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
+ };
14
32
  var Body = (function (_ref) {
15
- _ref.loading;
16
- var configData = _ref.configData;
17
- _ref.pagination;
18
- _ref.onPageChange;
19
- var _ref$rowSelection = _ref.rowSelection,
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,
20
39
  rowSelection = _ref$rowSelection === void 0 ? {} : _ref$rowSelection,
21
40
  _ref$rowKey = _ref.rowKey,
22
41
  rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey,
23
42
  emptyRender = _ref.emptyRender,
24
- errorRender = _ref.errorRender;
25
- _ref.tableStyle;
26
- _objectWithoutProperties(_ref, _excluded);
27
- var selectedRowKeys = rowSelection.selectedRowKeys;
28
- rowSelection.onChange;
43
+ errorRender = _ref.errorRender,
44
+ tableStyle = _ref.tableStyle,
45
+ props = _objectWithoutProperties(_ref, _excluded);
46
+ var selectedRowKeys = rowSelection.selectedRowKeys,
47
+ onChange = rowSelection.onChange;
29
48
  var _useHTableContext = context.useHTableContext(),
30
49
  tableInstance = _useHTableContext.tableInstance,
31
- data = _useHTableContext.data;
32
- _useHTableContext.selectedRowData;
33
- _useHTableContext.rowOnChange;
34
- _useHTableContext.error;
35
- TableConfig.useHTableConfigContext({
50
+ data = _useHTableContext.data,
51
+ selectedRowData = _useHTableContext.selectedRowData,
52
+ rowOnChange = _useHTableContext.rowOnChange,
53
+ error = _useHTableContext.error;
54
+ var _useHTableConfigConte = TableConfig.useHTableConfigContext({
36
55
  emptyRender: emptyRender,
37
56
  errorRender: errorRender
38
- });
57
+ }),
58
+ _useHTableConfigConte2 = _useHTableConfigConte.emptyRender,
59
+ tableEmptyRender = _useHTableConfigConte2 === void 0 ? defaultRender : _useHTableConfigConte2,
60
+ _useHTableConfigConte3 = _useHTableConfigConte.errorRender,
61
+ tableErrorRender = _useHTableConfigConte3 === void 0 ? defaultRender : _useHTableConfigConte3;
39
62
  var _ref2 = data || {},
40
- records = _ref2.records;
41
- _ref2.size;
42
- _ref2.current;
43
- _ref2.total;
44
- hooks.useCols(configData, tableInstance);
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
+ };
45
74
  hooks.useSynchronousKeys({
46
75
  selectedRowKeys: selectedRowKeys,
47
76
  records: records,
48
77
  rowKey: rowKey
49
78
  });
50
- return jsxRuntime.jsx(ProTable, {
51
- columns: [],
52
- dataSource: []
79
+ return jsxRuntime.jsx("div", {
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
+ })
53
119
  });
54
120
  });
55
121
 
package/lib/TestProTable/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: () => JSX.Element;
2
+ export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hw-component/table",
3
- "version": "0.0.2-beta-v13",
3
+ "version": "0.0.2-beta-v14",
4
4
  "description": "基于antd二次开发table组件",
5
5
  "keywords": [
6
6
  "table"
package/src/components/HTableBody/index.tsx CHANGED
@@ -51,9 +51,44 @@ export default ({
51
51
  };
52
52
  useSynchronousKeys({ selectedRowKeys, records, rowKey });
53
53
  return (
54
- <ProTable
55
- columns={[]}
56
- dataSource={[]}
57
- />
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>
58
93
  );
59
94
  };
package/src/components/TestProTable/index.tsx ADDED
@@ -0,0 +1,10 @@
1
+ import ProTable from "@ant-design/pro-table";
2
+ import React from "react";
3
+
4
+ export default ()=>{
5
+ return <ProTable
6
+ columns={[]}
7
+ tableAlertRender={false}
8
+ search={false}
9
+ />
10
+ }