@hw-component/table 0.0.2-beta-v8 → 0.0.2-beta-v9

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.js CHANGED
@@ -9,61 +9,25 @@ import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/defi
9
9
  import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
10
10
  import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
11
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
12
  import { jsx } from 'react/jsx-runtime';
15
13
  import ProTable from '@ant-design/pro-table';
16
- import { useCols, useSynchronousKeys } from './hooks.js';
17
- import { useHTableContext } from '../context.js';
18
14
  import 'antd';
19
- import { useHTableConfigContext } from '../TableConfig.js';
20
15
 
21
16
  var _excluded = ["loading", "configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle"];
22
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; }
23
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; }
24
19
  var Body = (function (_ref) {
25
- var loading = _ref.loading,
26
- configData = _ref.configData,
27
- _ref$pagination = _ref.pagination,
28
- pagination = _ref$pagination === void 0 ? {} : _ref$pagination,
29
- onPageChange = _ref.onPageChange,
30
- _ref$rowSelection = _ref.rowSelection,
31
- rowSelection = _ref$rowSelection === void 0 ? {} : _ref$rowSelection,
32
- _ref$rowKey = _ref.rowKey,
33
- rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey,
34
- emptyRender = _ref.emptyRender,
35
- errorRender = _ref.errorRender,
36
- tableStyle = _ref.tableStyle,
20
+ var loading = _ref.loading;
21
+ _ref.configData;
22
+ _ref.pagination;
23
+ _ref.onPageChange;
24
+ _ref.rowSelection;
25
+ var _ref$rowKey = _ref.rowKey,
26
+ rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey;
27
+ _ref.emptyRender;
28
+ _ref.errorRender;
29
+ var tableStyle = _ref.tableStyle,
37
30
  props = _objectWithoutProperties(_ref, _excluded);
38
- var selectedRowKeys = rowSelection.selectedRowKeys,
39
- onChange = rowSelection.onChange;
40
- var _useHTableContext = useHTableContext(),
41
- tableInstance = _useHTableContext.tableInstance,
42
- data = _useHTableContext.data,
43
- selectedRowData = _useHTableContext.selectedRowData,
44
- rowOnChange = _useHTableContext.rowOnChange;
45
- _useHTableContext.error;
46
- useHTableConfigContext({
47
- emptyRender: emptyRender,
48
- errorRender: errorRender
49
- });
50
- var _ref2 = data || {},
51
- records = _ref2.records,
52
- size = _ref2.size,
53
- current = _ref2.current,
54
- total = _ref2.total;
55
- var cols = useCols(configData, tableInstance);
56
- var change = function change(key, rowData) {
57
- if (onChange) {
58
- return onChange(key, rowData);
59
- }
60
- rowOnChange(key, rowData);
61
- };
62
- useSynchronousKeys({
63
- selectedRowKeys: selectedRowKeys,
64
- records: records,
65
- rowKey: rowKey
66
- });
67
31
  return jsx("div", {
68
32
  style: _objectSpread({
69
33
  borderRadius: 4,
@@ -71,30 +35,12 @@ var Body = (function (_ref) {
71
35
  }, tableStyle),
72
36
  className: "hw_table_body",
73
37
  children: jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
74
- columns: cols,
38
+ columns: [],
75
39
  tableAlertRender: false,
76
40
  search: false,
77
- rowSelection: _objectSpread(_objectSpread({}, rowSelection), {}, {
78
- selectedRowKeys: _keysInstanceProperty(selectedRowData),
79
- onChange: change
80
- }),
81
41
  loading: loading,
82
42
  rowKey: rowKey,
83
- dataSource: records,
84
- onChange: function onChange(paginationData) {
85
- var ps = paginationData.pageSize,
86
- pn = paginationData.current;
87
- onPageChange === null || onPageChange === void 0 || onPageChange({
88
- size: ps,
89
- current: pn
90
- });
91
- },
92
- pagination: pagination === false ? pagination : _objectSpread({
93
- current: _Number$parseInt(current || "1", 10),
94
- total: _Number$parseInt(total || "0", 10),
95
- pageSize: _Number$parseInt(size || "10", 10),
96
- showQuickJumper: true
97
- }, pagination)
43
+ dataSource: []
98
44
  }))
99
45
  });
100
46
  });
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, { useContext } from '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, useHTableConfigContext };
17
+ export { HTableConfigContext, Index as default };
29
18
  // powered by hdj
package/lib/Body/index.js CHANGED
@@ -12,61 +12,25 @@ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/de
12
12
  var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
13
13
  var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
14
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
15
  var jsxRuntime = require('react/jsx-runtime');
18
16
  var ProTable = require('@ant-design/pro-table');
19
- var hooks = require('./hooks.js');
20
- var context = require('../context.js');
21
17
  require('antd');
22
- var TableConfig = require('../TableConfig.js');
23
18
 
24
19
  var _excluded = ["loading", "configData", "pagination", "onPageChange", "rowSelection", "rowKey", "emptyRender", "errorRender", "tableStyle"];
25
20
  function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
26
21
  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
22
  var Body = (function (_ref) {
28
- var loading = _ref.loading,
29
- configData = _ref.configData,
30
- _ref$pagination = _ref.pagination,
31
- pagination = _ref$pagination === void 0 ? {} : _ref$pagination,
32
- onPageChange = _ref.onPageChange,
33
- _ref$rowSelection = _ref.rowSelection,
34
- rowSelection = _ref$rowSelection === void 0 ? {} : _ref$rowSelection,
35
- _ref$rowKey = _ref.rowKey,
36
- rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey,
37
- emptyRender = _ref.emptyRender,
38
- errorRender = _ref.errorRender,
39
- tableStyle = _ref.tableStyle,
23
+ var loading = _ref.loading;
24
+ _ref.configData;
25
+ _ref.pagination;
26
+ _ref.onPageChange;
27
+ _ref.rowSelection;
28
+ var _ref$rowKey = _ref.rowKey,
29
+ rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey;
30
+ _ref.emptyRender;
31
+ _ref.errorRender;
32
+ var tableStyle = _ref.tableStyle,
40
33
  props = _objectWithoutProperties(_ref, _excluded);
41
- var selectedRowKeys = rowSelection.selectedRowKeys,
42
- onChange = rowSelection.onChange;
43
- var _useHTableContext = context.useHTableContext(),
44
- tableInstance = _useHTableContext.tableInstance,
45
- data = _useHTableContext.data,
46
- selectedRowData = _useHTableContext.selectedRowData,
47
- rowOnChange = _useHTableContext.rowOnChange;
48
- _useHTableContext.error;
49
- TableConfig.useHTableConfigContext({
50
- emptyRender: emptyRender,
51
- errorRender: errorRender
52
- });
53
- var _ref2 = data || {},
54
- records = _ref2.records,
55
- size = _ref2.size,
56
- current = _ref2.current,
57
- total = _ref2.total;
58
- var cols = hooks.useCols(configData, tableInstance);
59
- var change = function change(key, rowData) {
60
- if (onChange) {
61
- return onChange(key, rowData);
62
- }
63
- rowOnChange(key, rowData);
64
- };
65
- hooks.useSynchronousKeys({
66
- selectedRowKeys: selectedRowKeys,
67
- records: records,
68
- rowKey: rowKey
69
- });
70
34
  return jsxRuntime.jsx("div", {
71
35
  style: _objectSpread({
72
36
  borderRadius: 4,
@@ -74,30 +38,12 @@ var Body = (function (_ref) {
74
38
  }, tableStyle),
75
39
  className: "hw_table_body",
76
40
  children: jsxRuntime.jsx(ProTable, _objectSpread(_objectSpread({}, props), {}, {
77
- columns: cols,
41
+ columns: [],
78
42
  tableAlertRender: false,
79
43
  search: false,
80
- rowSelection: _objectSpread(_objectSpread({}, rowSelection), {}, {
81
- selectedRowKeys: _keysInstanceProperty(selectedRowData),
82
- onChange: change
83
- }),
84
44
  loading: loading,
85
45
  rowKey: rowKey,
86
- dataSource: records,
87
- onChange: function onChange(paginationData) {
88
- var ps = paginationData.pageSize,
89
- pn = paginationData.current;
90
- onPageChange === null || onPageChange === void 0 || onPageChange({
91
- size: ps,
92
- current: pn
93
- });
94
- },
95
- pagination: pagination === false ? pagination : _objectSpread({
96
- current: _Number$parseInt(current || "1", 10),
97
- total: _Number$parseInt(total || "0", 10),
98
- pageSize: _Number$parseInt(size || "10", 10),
99
- showQuickJumper: true
100
- }, pagination)
46
+ dataSource: []
101
47
  }))
102
48
  });
103
49
  });
@@ -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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hw-component/table",
3
- "version": "0.0.2-beta-v8",
3
+ "version": "0.0.2-beta-v9",
4
4
  "description": "基于antd二次开发table组件",
5
5
  "keywords": [
6
6
  "table"
@@ -34,22 +34,7 @@ export default ({
34
34
  ...props
35
35
  }: HTableBodyProps) => {
36
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 });
37
+
53
38
  return (
54
39
  <div
55
40
  style={{ borderRadius: 4, overflow: "hidden", ...tableStyle }}
@@ -57,28 +42,12 @@ export default ({
57
42
  >
58
43
  <ProTable
59
44
  {...props}
60
- columns={cols}
45
+ columns={[]}
61
46
  tableAlertRender={false}
62
47
  search={false}
63
- rowSelection={{
64
- ...rowSelection,
65
- selectedRowKeys: selectedRowData.keys,
66
- onChange: change,
67
- }}
68
48
  loading={loading}
69
49
  rowKey={rowKey}
70
- dataSource={records}
71
- onChange={(paginationData) => {
72
- const { pageSize: ps, current: pn } = paginationData;
73
- onPageChange?.({ size: ps, current: pn });
74
- }}
75
- pagination={pagination===false?pagination:{
76
- current: Number.parseInt(current || "1", 10),
77
- total: Number.parseInt(total || "0", 10),
78
- pageSize: Number.parseInt(size || "10", 10),
79
- showQuickJumper: true,
80
- ...pagination,
81
- }}
50
+ dataSource={[]}
82
51
  />
83
52
  </div>
84
53
  );
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