@hw-component/table 1.9.93 → 1.9.95

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 (77) hide show
  1. package/.eslintcache +1 -1
  2. package/es/DialogTable/Content.d.ts +4 -3
  3. package/es/DialogTable/Content.js +52 -3
  4. package/es/DialogTable/DwEditTable.d.ts +5 -0
  5. package/es/DialogTable/DwEditTable.js +134 -0
  6. package/es/DialogTable/DwTable.js +2 -2
  7. package/es/DialogTable/ModalEditTable.d.ts +5 -0
  8. package/es/DialogTable/ModalEditTable.js +120 -0
  9. package/es/DialogTable/ModalTable.js +2 -2
  10. package/es/DialogTable/hooks.d.ts +4 -15
  11. package/es/DialogTable/hooks.js +9 -2
  12. package/es/EditTable/hooks.d.ts +9 -0
  13. package/es/EditTable/hooks.js +76 -0
  14. package/es/EditTable/index.d.ts +4 -0
  15. package/es/EditTable/index.js +181 -0
  16. package/es/EditTable/modal.d.ts +19 -0
  17. package/es/HTableBody/defaultRender.d.ts +7 -1
  18. package/es/HTableBody/defaultRender.js +11 -4
  19. package/es/HTableBody/index.js +4 -1
  20. package/es/HTableBody/modal.d.ts +3 -3
  21. package/es/HTablePagination/index.d.ts +2 -1
  22. package/es/HTablePagination/index.js +6 -4
  23. package/es/TableConfig.d.ts +5 -5
  24. package/es/index.d.ts +3 -0
  25. package/es/index.js +3 -0
  26. package/es/modal.d.ts +18 -7
  27. package/es/render/Text.d.ts +0 -1
  28. package/lib/DialogTable/Content.d.ts +4 -3
  29. package/lib/DialogTable/Content.js +53 -5
  30. package/lib/DialogTable/DwEditTable.d.ts +5 -0
  31. package/lib/DialogTable/DwEditTable.js +137 -0
  32. package/lib/DialogTable/DwTable.js +1 -1
  33. package/lib/DialogTable/ModalEditTable.d.ts +5 -0
  34. package/lib/DialogTable/ModalEditTable.js +123 -0
  35. package/lib/DialogTable/ModalTable.js +1 -1
  36. package/lib/DialogTable/hooks.d.ts +4 -15
  37. package/lib/DialogTable/hooks.js +9 -2
  38. package/lib/EditTable/hooks.d.ts +9 -0
  39. package/lib/EditTable/hooks.js +78 -0
  40. package/lib/EditTable/index.d.ts +4 -0
  41. package/lib/EditTable/index.js +184 -0
  42. package/lib/EditTable/modal.d.ts +19 -0
  43. package/lib/HTableBody/defaultRender.d.ts +7 -1
  44. package/lib/HTableBody/defaultRender.js +11 -4
  45. package/lib/HTableBody/index.js +4 -1
  46. package/lib/HTableBody/modal.d.ts +3 -3
  47. package/lib/HTablePagination/index.d.ts +2 -1
  48. package/lib/HTablePagination/index.js +6 -4
  49. package/lib/TableConfig.d.ts +5 -5
  50. package/lib/index.d.ts +3 -0
  51. package/lib/index.js +6 -0
  52. package/lib/modal.d.ts +18 -7
  53. package/lib/render/Text.d.ts +0 -1
  54. package/package.json +4 -3
  55. package/src/components/DialogTable/Content.tsx +25 -2
  56. package/src/components/DialogTable/DwEditTable.tsx +111 -0
  57. package/src/components/DialogTable/DwTable.tsx +3 -2
  58. package/src/components/DialogTable/ModalEditTable.tsx +99 -0
  59. package/src/components/DialogTable/ModalTable.tsx +3 -2
  60. package/src/components/DialogTable/hooks.ts +15 -4
  61. package/src/components/EditTable/hooks.ts +43 -0
  62. package/src/components/EditTable/index.tsx +118 -0
  63. package/src/components/EditTable/modal.ts +26 -0
  64. package/src/components/HTableBody/defaultRender.tsx +17 -7
  65. package/src/components/HTableBody/index.tsx +1 -1
  66. package/src/components/HTableBody/modal.ts +6 -7
  67. package/src/components/HTablePagination/index.tsx +7 -3
  68. package/src/components/Table.tsx +1 -0
  69. package/src/components/TableConfig.tsx +7 -3
  70. package/src/components/index.tsx +3 -0
  71. package/src/components/modal.ts +24 -10
  72. package/src/components/render/index.tsx +1 -0
  73. package/src/pages/DwTable/index.tsx +1 -0
  74. package/src/pages/EditTable/index.tsx +70 -0
  75. package/src/pages/ModalEditTable/index.tsx +84 -0
  76. package/src/pages/Table/index.tsx +14 -15
  77. package/src/routes.tsx +12 -0
@@ -25,7 +25,7 @@ var useHDialogTable = function useHDialogTable() {
25
25
  });
26
26
  }, []);
27
27
  };
28
- var useTableProps = function useTableProps(_ref) {
28
+ function useTableProps(_ref) {
29
29
  var configData = _ref.configData,
30
30
  params = _ref.params,
31
31
  title = _ref.title,
@@ -50,11 +50,18 @@ var useTableProps = function useTableProps(_ref) {
50
50
  });
51
51
  }
52
52
  }, [configData]);
53
+ React.useEffect(function () {
54
+ setModalTableParams(function (oldVal) {
55
+ return _objectSpread(_objectSpread({}, oldVal), {}, {
56
+ dataSource: dataSource
57
+ });
58
+ });
59
+ }, [dataSource]);
53
60
  return {
54
61
  modalTableParams: modalTableParams,
55
62
  setModalTableParams: setModalTableParams
56
63
  };
57
- };
64
+ }
58
65
  var useCurrentTable = function useCurrentTable(_ref2) {
59
66
  var show = _ref2.show,
60
67
  hide = _ref2.hide,
@@ -0,0 +1,9 @@
1
+ import { EditTableProps } from "./modal";
2
+ import { MutableRefObject } from "react";
3
+ import type { ActionType } from "@ant-design/pro-table";
4
+ import { EditableFormInstance } from "@ant-design/pro-table/lib/components/EditableTable";
5
+ export declare const useListRequest: ({ request, dataSource }: EditTableProps) => import("@ahooksjs/use-request/lib/types").BaseResult<any, [params: any]>;
6
+ export declare const useCuRef: ({ actionRef, editableFormRef }: EditTableProps) => {
7
+ cuActionRef: MutableRefObject<ActionType>;
8
+ cuEditableFormRef: MutableRefObject<EditableFormInstance>;
9
+ };
@@ -0,0 +1,78 @@
1
+ 'use strict';
2
+
3
+ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
4
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
5
+ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
6
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
7
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
8
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
9
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
10
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
11
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
12
+ var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
13
+ var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
14
+ var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
15
+ var ahooks = require('ahooks');
16
+ var React = require('react');
17
+
18
+ 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; }
19
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
20
+ var useListRequest = function useListRequest(_ref) {
21
+ var request = _ref.request,
22
+ dataSource = _ref.dataSource;
23
+ var saveParams = React.useMemo(function () {
24
+ return {
25
+ params: {}
26
+ };
27
+ }, []);
28
+ return ahooks.useRequest( /*#__PURE__*/function () {
29
+ var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(params) {
30
+ var newParams;
31
+ return _regeneratorRuntime.wrap(function _callee$(_context) {
32
+ while (1) switch (_context.prev = _context.next) {
33
+ case 0:
34
+ newParams = _objectSpread(_objectSpread({}, saveParams.params), params);
35
+ saveParams.params = newParams;
36
+ if (!request) {
37
+ _context.next = 4;
38
+ break;
39
+ }
40
+ return _context.abrupt("return", request(newParams));
41
+ case 4:
42
+ if (!_Array$isArray(dataSource)) {
43
+ _context.next = 6;
44
+ break;
45
+ }
46
+ return _context.abrupt("return", dataSource);
47
+ case 6:
48
+ return _context.abrupt("return", dataSource);
49
+ case 7:
50
+ case "end":
51
+ return _context.stop();
52
+ }
53
+ }, _callee);
54
+ }));
55
+ return function (_x) {
56
+ return _ref2.apply(this, arguments);
57
+ };
58
+ }(), {
59
+ manual: true,
60
+ refreshDeps: [dataSource]
61
+ });
62
+ };
63
+ var useCuRef = function useCuRef(_ref3) {
64
+ var actionRef = _ref3.actionRef,
65
+ editableFormRef = _ref3.editableFormRef;
66
+ var defaultActionRef = React.useRef();
67
+ var defaultTableRef = React.useRef();
68
+ var cuActionRef = actionRef || defaultActionRef;
69
+ var cuEditableFormRef = editableFormRef || defaultTableRef;
70
+ return {
71
+ cuActionRef: cuActionRef,
72
+ cuEditableFormRef: cuEditableFormRef
73
+ };
74
+ };
75
+
76
+ exports.useCuRef = useCuRef;
77
+ exports.useListRequest = useListRequest;
78
+ // powered by h
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { EditTableProps } from "./modal";
3
+ declare const _default: ({ configData, rowKey, creatorButtonText, recordCreatorProps, defaultRecordValue, pagination, editable, dataSource, request, manual, emptyRender, errorRender, onAdd, onEdit, actionRef, editableFormRef, ...props }: EditTableProps) => JSX.Element;
4
+ export default _default;
@@ -0,0 +1,184 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
6
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
7
+ var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
8
+ var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
9
+ var _Array$isArray = require('@babel/runtime-corejs3/core-js-stable/array/is-array');
10
+ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
11
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
12
+ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
13
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
14
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
15
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
16
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
17
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
18
+ var jsxRuntime = require('react/jsx-runtime');
19
+ var ProTable = require('@ant-design/pro-table');
20
+ var index = require('../hooks/index.js');
21
+ var index$1 = require('../HTablePagination/index.js');
22
+ var antd = require('antd');
23
+ var defaultRender = require('../HTableBody/defaultRender.js');
24
+ var TableConfig = require('../TableConfig.js');
25
+ var hooks = require('./hooks.js');
26
+
27
+ var _excluded = ["configData", "rowKey", "creatorButtonText", "recordCreatorProps", "defaultRecordValue", "pagination", "editable", "dataSource", "request", "manual", "emptyRender", "errorRender", "onAdd", "onEdit", "actionRef", "editableFormRef"],
28
+ _excluded2 = ["index", "id"];
29
+ 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; }
30
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
31
+ var EditTable = (function (_ref) {
32
+ var configData = _ref.configData,
33
+ _ref$rowKey = _ref.rowKey,
34
+ rowKey = _ref$rowKey === void 0 ? "id" : _ref$rowKey,
35
+ _ref$creatorButtonTex = _ref.creatorButtonText,
36
+ creatorButtonText = _ref$creatorButtonTex === void 0 ? "新增一列" : _ref$creatorButtonTex,
37
+ _ref$recordCreatorPro = _ref.recordCreatorProps,
38
+ recordCreatorProps = _ref$recordCreatorPro === void 0 ? {} : _ref$recordCreatorPro;
39
+ _ref.defaultRecordValue;
40
+ var pagination = _ref.pagination,
41
+ _ref$editable = _ref.editable,
42
+ editable = _ref$editable === void 0 ? {} : _ref$editable,
43
+ dataSource = _ref.dataSource,
44
+ request = _ref.request,
45
+ manual = _ref.manual,
46
+ emptyRender = _ref.emptyRender,
47
+ errorRender = _ref.errorRender,
48
+ onAdd = _ref.onAdd,
49
+ onEdit = _ref.onEdit,
50
+ actionRef = _ref.actionRef,
51
+ editableFormRef = _ref.editableFormRef,
52
+ props = _objectWithoutProperties(_ref, _excluded);
53
+ var tableBody = index.useClassName("hw-table-body");
54
+ var _useListRequest = hooks.useListRequest({
55
+ request: request,
56
+ dataSource: dataSource
57
+ }),
58
+ loading = _useListRequest.loading,
59
+ data = _useListRequest.data,
60
+ error = _useListRequest.error,
61
+ run = _useListRequest.run;
62
+ var _useHTableConfigConte = TableConfig.useHTableConfigContext({
63
+ emptyRender: emptyRender,
64
+ errorRender: errorRender
65
+ }),
66
+ _useHTableConfigConte2 = _useHTableConfigConte.emptyRender,
67
+ tableEmptyRender = _useHTableConfigConte2 === void 0 ? defaultRender.emptyDefaultRender : _useHTableConfigConte2,
68
+ _useHTableConfigConte3 = _useHTableConfigConte.errorRender,
69
+ tableErrorRender = _useHTableConfigConte3 === void 0 ? defaultRender.errorDefaultRender : _useHTableConfigConte3;
70
+ var isLocalData = _Array$isArray(data);
71
+ var values = isLocalData ? data : data === null || data === void 0 ? void 0 : data.record;
72
+ var _useCuRef = hooks.useCuRef({
73
+ actionRef: actionRef,
74
+ editableFormRef: editableFormRef
75
+ }),
76
+ cuActionRef = _useCuRef.cuActionRef,
77
+ cuEditableFormRef = _useCuRef.cuEditableFormRef;
78
+ return jsxRuntime.jsxs("div", {
79
+ className: tableBody,
80
+ children: [jsxRuntime.jsx(antd.ConfigProvider, {
81
+ renderEmpty: function renderEmpty() {
82
+ if (error) {
83
+ return tableErrorRender === null || tableErrorRender === void 0 ? void 0 : tableErrorRender({
84
+ reload: cuActionRef.current.reload,
85
+ error: error
86
+ });
87
+ }
88
+ return tableEmptyRender === null || tableEmptyRender === void 0 ? void 0 : tableEmptyRender();
89
+ },
90
+ children: jsxRuntime.jsx(ProTable.EditableProTable, _objectSpread({
91
+ columns: configData,
92
+ loading: loading,
93
+ rowKey: rowKey,
94
+ editableFormRef: cuEditableFormRef,
95
+ manualRequest: manual,
96
+ request: run,
97
+ actionRef: cuActionRef,
98
+ value: values,
99
+ recordCreatorProps: _objectSpread({
100
+ position: "bottom",
101
+ record: function record() {
102
+ return {
103
+ id: "add"
104
+ };
105
+ },
106
+ creatorButtonText: creatorButtonText
107
+ }, recordCreatorProps),
108
+ editable: _objectSpread({
109
+ type: "single",
110
+ onCancel: function () {
111
+ var _onCancel = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(keys) {
112
+ var _cuEditableFormRef$cu;
113
+ return _regeneratorRuntime.wrap(function _callee$(_context) {
114
+ while (1) switch (_context.prev = _context.next) {
115
+ case 0:
116
+ (_cuEditableFormRef$cu = cuEditableFormRef.current) === null || _cuEditableFormRef$cu === void 0 || _cuEditableFormRef$cu.resetFields([keys]);
117
+ case 1:
118
+ case "end":
119
+ return _context.stop();
120
+ }
121
+ }, _callee);
122
+ }));
123
+ function onCancel(_x) {
124
+ return _onCancel.apply(this, arguments);
125
+ }
126
+ return onCancel;
127
+ }(),
128
+ actionRender: function actionRender(trow, tconfig, defaultDoms) {
129
+ return [defaultDoms.save, defaultDoms.cancel];
130
+ },
131
+ onSave: function () {
132
+ var _onSave = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(key, row) {
133
+ var _cuEditableFormRef$cu3, _cuActionRef$current2;
134
+ var id, oRow, _cuEditableFormRef$cu2, _cuActionRef$current;
135
+ return _regeneratorRuntime.wrap(function _callee2$(_context2) {
136
+ while (1) switch (_context2.prev = _context2.next) {
137
+ case 0:
138
+ row.index, id = row.id, oRow = _objectWithoutProperties(row, _excluded2);
139
+ if (!(key === "add")) {
140
+ _context2.next = 7;
141
+ break;
142
+ }
143
+ _context2.next = 4;
144
+ return onAdd === null || onAdd === void 0 ? void 0 : onAdd(oRow);
145
+ case 4:
146
+ (_cuEditableFormRef$cu2 = cuEditableFormRef.current) === null || _cuEditableFormRef$cu2 === void 0 || _cuEditableFormRef$cu2.resetFields(["add"]);
147
+ (_cuActionRef$current = cuActionRef.current) === null || _cuActionRef$current === void 0 || _cuActionRef$current.reload();
148
+ return _context2.abrupt("return");
149
+ case 7:
150
+ _context2.next = 9;
151
+ return onEdit === null || onEdit === void 0 ? void 0 : onEdit(_objectSpread({
152
+ id: id
153
+ }, oRow));
154
+ case 9:
155
+ (_cuEditableFormRef$cu3 = cuEditableFormRef.current) === null || _cuEditableFormRef$cu3 === void 0 || _cuEditableFormRef$cu3.resetFields(["key"]);
156
+ (_cuActionRef$current2 = cuActionRef.current) === null || _cuActionRef$current2 === void 0 || _cuActionRef$current2.reload();
157
+ case 11:
158
+ case "end":
159
+ return _context2.stop();
160
+ }
161
+ }, _callee2);
162
+ }));
163
+ function onSave(_x2, _x3) {
164
+ return _onSave.apply(this, arguments);
165
+ }
166
+ return onSave;
167
+ }()
168
+ }, editable)
169
+ }, props))
170
+ }), jsxRuntime.jsx(index$1.default, _objectSpread(_objectSpread({
171
+ data: isLocalData ? null : data
172
+ }, pagination), {}, {
173
+ onChange: function onChange(page, pageSize) {
174
+ run({
175
+ size: pageSize,
176
+ current: page
177
+ });
178
+ }
179
+ }))]
180
+ });
181
+ });
182
+
183
+ exports.default = EditTable;
184
+ // powered by h
@@ -0,0 +1,19 @@
1
+ import { EditableProTableProps } from "@ant-design/pro-table/lib/components/EditableTable";
2
+ import { ParamsType } from "@ant-design/pro-provider";
3
+ import { IPaginationProps } from "../HTablePagination";
4
+ import { EmptyPageRender, ErrorPageRender } from "../modal";
5
+ import { ProColumns } from "@ant-design/pro-table/lib/typing";
6
+ export interface EditTableProps<T = any> extends Omit<EditableProTableProps<T, ParamsType>, "recordCreatorProps" | "request" | "pagination"> {
7
+ creatorButtonText?: string;
8
+ defaultRecordValue?: T;
9
+ recordCreatorProps?: Partial<EditableProTableProps<T, ParamsType>["recordCreatorProps"]>;
10
+ dataSource?: any[];
11
+ request?: (params: Record<string, any>) => Promise<T>;
12
+ pagination?: IPaginationProps;
13
+ manual?: boolean;
14
+ emptyRender?: EmptyPageRender;
15
+ errorRender?: ErrorPageRender;
16
+ onAdd?: (data: T) => Promise<void>;
17
+ onEdit?: (data: T) => Promise<void>;
18
+ configData?: ProColumns<T>[];
19
+ }
@@ -1,4 +1,10 @@
1
1
  /// <reference types="react" />
2
2
  import type { HTableInstance } from "../modal";
3
3
  export declare const emptyDefaultRender: () => JSX.Element;
4
- export declare const errorDefaultRender: (tableInstance: HTableInstance, error: Error) => JSX.Element;
4
+ interface errorDefaultRenderParams {
5
+ reload?: () => void;
6
+ error: Error;
7
+ tableInstance?: HTableInstance;
8
+ }
9
+ export declare const errorDefaultRender: ({ error, tableInstance, reload, }: errorDefaultRenderParams) => JSX.Element;
10
+ export {};
@@ -30,7 +30,16 @@ var emptyDefaultRender = function emptyDefaultRender() {
30
30
  description: "\u6682\u65E0\u6570\u636E~"
31
31
  }, pubProps));
32
32
  };
33
- var errorDefaultRender = function errorDefaultRender(tableInstance, error) {
33
+ var errorDefaultRender = function errorDefaultRender(_ref) {
34
+ var error = _ref.error,
35
+ tableInstance = _ref.tableInstance,
36
+ reload = _ref.reload;
37
+ var pageReload = function pageReload() {
38
+ if (tableInstance) {
39
+ return tableInstance.table.reloadWithParams();
40
+ }
41
+ return reload === null || reload === void 0 ? void 0 : reload();
42
+ };
34
43
  return jsxRuntime.jsx(antd.Empty, _objectSpread(_objectSpread({
35
44
  image: error_bg.default,
36
45
  description: error.message
@@ -41,9 +50,7 @@ var errorDefaultRender = function errorDefaultRender(tableInstance, error) {
41
50
  style: {
42
51
  borderRadius: 16
43
52
  },
44
- onClick: function onClick() {
45
- tableInstance.table.reloadWithParams();
46
- },
53
+ onClick: pageReload,
47
54
  children: "\u5237\u65B0"
48
55
  })
49
56
  }));
@@ -158,7 +158,10 @@ var Body = (function (bodyProps) {
158
158
  }), jsxRuntime.jsxs(antd.ConfigProvider, {
159
159
  renderEmpty: function renderEmpty() {
160
160
  if (error) {
161
- return tableErrorRender === null || tableErrorRender === void 0 ? void 0 : tableErrorRender(tableInstance, error);
161
+ return tableErrorRender === null || tableErrorRender === void 0 ? void 0 : tableErrorRender({
162
+ tableInstance: tableInstance,
163
+ error: error
164
+ });
162
165
  }
163
166
  return tableEmptyRender === null || tableEmptyRender === void 0 ? void 0 : tableEmptyRender(tableInstance);
164
167
  },
@@ -2,7 +2,7 @@ import type { OptionConfig } from "@ant-design/pro-table/lib/components/ToolBar"
2
2
  import type { Key } from "react";
3
3
  import type React from "react";
4
4
  import type { ProTableProps } from "@ant-design/pro-table";
5
- import type { ActionRenderFn, ConfigDataModal, HRowSelection, HTableInstance, ParamsModal } from "@/components/modal";
5
+ import { ActionRenderFn, ConfigDataModal, EmptyPageRender, ErrorPageRender, HRowSelection, HTableInstance, ParamsModal } from "../modal";
6
6
  import type { AffixProps } from "antd/lib/affix";
7
7
  import type { IPaginationProps } from "@/components/HTablePagination";
8
8
  export interface OptionModal extends OptionConfig {
@@ -11,8 +11,8 @@ export interface OptionModal extends OptionConfig {
11
11
  export interface HTableBodyProps extends Omit<ProTableProps<any, any>, "dataSource" | "rowSelection" | "options" | "pagination"> {
12
12
  configData?: ConfigDataModal;
13
13
  onPageChange?: (params: ParamsModal) => void;
14
- emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
15
- errorRender?: (tableInstance: HTableInstance, error: Error) => React.ReactNode;
14
+ emptyRender?: EmptyPageRender;
15
+ errorRender?: ErrorPageRender;
16
16
  tableStyle?: React.CSSProperties;
17
17
  paginationStyle?: React.CSSProperties;
18
18
  actionRender?: ActionRenderFn;
@@ -10,6 +10,7 @@ export interface IPaginationProps extends Omit<PaginationProps, "showTotal"> {
10
10
  actionRender?: (tableInstance: HTableInstance) => React.ReactNode;
11
11
  table?: HTableInstance;
12
12
  showTotal?: false | PaginationProps["showTotal"];
13
+ data?: Record<string, any>;
13
14
  }
14
- declare const _default: ({ onPageChange, paginationStyle, affixProps, goTop, actionRender, table, showTotal, ...props }: IPaginationProps) => JSX.Element;
15
+ declare const _default: ({ onPageChange, paginationStyle, affixProps, goTop, actionRender, table, showTotal, data, ...props }: IPaginationProps) => JSX.Element;
15
16
  export default _default;
@@ -23,7 +23,7 @@ var React = require('react');
23
23
  var index$1 = require('../GoTop/index.js');
24
24
  var TableConfig = require('../TableConfig.js');
25
25
 
26
- var _excluded = ["onPageChange", "paginationStyle", "affixProps", "goTop", "actionRender", "table", "showTotal"],
26
+ var _excluded = ["onPageChange", "paginationStyle", "affixProps", "goTop", "actionRender", "table", "showTotal", "data"],
27
27
  _excluded2 = ["offsetBottom"];
28
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
29
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context3, _context4; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(t), !0)).call(_context3, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context4 = ownKeys(Object(t))).call(_context4, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -43,18 +43,20 @@ var HTablePagination = (function (_ref3) {
43
43
  table = _ref3.table,
44
44
  _ref3$showTotal = _ref3.showTotal,
45
45
  showTotal = _ref3$showTotal === void 0 ? defaultShowTotal : _ref3$showTotal,
46
+ data = _ref3.data,
46
47
  props = _objectWithoutProperties(_ref3, _excluded);
47
48
  var _useHTableContext = context.useHTableContext(),
48
49
  contextOnPageChange = _useHTableContext.onPageChange,
49
- data = _useHTableContext.data,
50
+ contextData = _useHTableContext.data,
50
51
  contextTableInstance = _useHTableContext.tableInstance;
51
52
  var _useHTableConfigConte = TableConfig.useHTableConfigContext({
52
53
  paginationStyle: paginationStyle
53
54
  }),
54
55
  defaultPaginationStyle = _useHTableConfigConte.paginationStyle;
56
+ var cuData = data || contextData;
55
57
  var tableInstance = table || contextTableInstance;
56
58
  var tableOnPageChange = onPageChange || contextOnPageChange;
57
- var _ref4 = data || {},
59
+ var _ref4 = cuData || {},
58
60
  size = _ref4.size,
59
61
  current = _ref4.current,
60
62
  total = _ref4.total;
@@ -67,7 +69,7 @@ var HTablePagination = (function (_ref3) {
67
69
  style = _useState2[0],
68
70
  setStyle = _useState2[1];
69
71
  var cuShowTotal = showTotal === false ? undefined : showTotal;
70
- if (!data) {
72
+ if (!cuData) {
71
73
  return jsxRuntime.jsx(jsxRuntime.Fragment, {});
72
74
  }
73
75
  if (affixProps === false) {
@@ -1,8 +1,8 @@
1
1
  import React from "react";
2
- import type { HTableInstance, ValueTypeConfigModal } from "./modal";
2
+ import { EmptyPageRender, ErrorPageRender, ValueTypeConfigModal } from "./modal";
3
3
  interface HTableConfigContextModal {
4
- emptyRender?: (table: HTableInstance) => React.ReactNode;
5
- errorRender?: (table: HTableInstance, error: Error) => React.ReactNode;
4
+ emptyRender?: EmptyPageRender;
5
+ errorRender?: ErrorPageRender;
6
6
  headerStyle?: React.CSSProperties;
7
7
  tableStyle?: React.CSSProperties;
8
8
  paginationStyle?: React.CSSProperties;
@@ -11,8 +11,8 @@ interface HTableConfigContextModal {
11
11
  }
12
12
  export declare const HTableConfigContext: React.Context<HTableConfigContextModal | null>;
13
13
  export declare const useHTableConfigContext: ({ emptyRender, errorRender, headerStyle, tableStyle, paginationStyle, }: HTableConfigContextModal) => {
14
- errorRender: ((table: HTableInstance, error: Error) => React.ReactNode) | undefined;
15
- emptyRender: ((table: HTableInstance) => React.ReactNode) | undefined;
14
+ errorRender: ErrorPageRender | undefined;
15
+ emptyRender: EmptyPageRender | undefined;
16
16
  headerStyle: React.CSSProperties | undefined;
17
17
  tableStyle: React.CSSProperties | undefined;
18
18
  paginationStyle: React.CSSProperties | undefined;
package/lib/index.d.ts CHANGED
@@ -12,3 +12,6 @@ export { default as HModalTable } from "./DialogTable/ModalTable";
12
12
  export { useHDialogTable } from "./DialogTable/hooks";
13
13
  export { default as HDwTable } from "./DialogTable/DwTable";
14
14
  export { DefaultSubComponent as HTableHeaderSubBtn } from "./HTableHeader/defaultSubComponent";
15
+ export { default as EditTable } from "./EditTable";
16
+ export { default as HModalEditTable } from "./DialogTable/ModalEditTable";
17
+ export { default as HDwEditTable } from "./DialogTable/DwEditTable";
package/lib/index.js CHANGED
@@ -12,6 +12,9 @@ var ModalTable = require('./DialogTable/ModalTable.js');
12
12
  var hooks = require('./DialogTable/hooks.js');
13
13
  var DwTable = require('./DialogTable/DwTable.js');
14
14
  var defaultSubComponent = require('./HTableHeader/defaultSubComponent.js');
15
+ var index$4 = require('./EditTable/index.js');
16
+ var ModalEditTable = require('./DialogTable/ModalEditTable.js');
17
+ var DwEditTable = require('./DialogTable/DwEditTable.js');
15
18
 
16
19
 
17
20
 
@@ -27,4 +30,7 @@ exports.HModalTable = ModalTable.default;
27
30
  exports.useHDialogTable = hooks.useHDialogTable;
28
31
  exports.HDwTable = DwTable.default;
29
32
  exports.HTableHeaderSubBtn = defaultSubComponent.DefaultSubComponent;
33
+ exports.EditTable = index$4.default;
34
+ exports.HModalEditTable = ModalEditTable.default;
35
+ exports.HDwEditTable = DwEditTable.default;
30
36
  // powered by h
package/lib/modal.d.ts CHANGED
@@ -9,7 +9,8 @@ import type { TableProps } from "antd/lib/table";
9
9
  import type { AffixProps } from "antd/lib/affix";
10
10
  import type { OptionModal } from "./HTableBody/modal";
11
11
  import type { DrawerProps } from "antd";
12
- import type { IPaginationProps } from "@/components/HTablePagination";
12
+ import type { IPaginationProps } from "./HTablePagination";
13
+ import { EditTableProps } from "./EditTable/modal";
13
14
  export interface RowObj {
14
15
  keys?: React.Key[];
15
16
  rowData?: any[];
@@ -56,8 +57,8 @@ export interface HTableProps extends Omit<ProTableProps<any, any>, "request" | "
56
57
  searchSpan?: ColProps;
57
58
  table?: HTableInstance;
58
59
  actionRender?: ActionRenderFn;
59
- emptyRender?: (tableInstance: HTableInstance) => React.ReactNode;
60
- errorRender?: (tableInstance: HTableInstance, error: Error) => React.ReactNode;
60
+ emptyRender?: EmptyPageRender;
61
+ errorRender?: ErrorPageRender;
61
62
  hideHeader?: boolean;
62
63
  action?: Record<string, actionFn>;
63
64
  headerStyle?: React.CSSProperties;
@@ -120,24 +121,34 @@ export interface HDiaLogTableInstance {
120
121
  hide: () => void;
121
122
  params: any;
122
123
  }
123
- export interface DwTableProps extends DrawerProps {
124
+ export interface DwTableProps<T = HTableProps["configData"]> extends DrawerProps {
124
125
  tableProps?: Omit<HTableProps, "configData" | "request">;
125
126
  dialogTable?: HDiaLogTableInstance;
126
127
  params?: Record<string, any>;
127
- configData?: HTableProps["configData"];
128
+ configData?: T;
128
129
  request?: HTableProps["request"];
129
130
  contentRender?: (node: React.ReactNode) => React.ReactNode;
131
+ editTableProps?: Omit<EditTableProps, "configData" | "request">;
132
+ dataSource?: any[];
130
133
  }
131
- export interface ModalTableProps extends Omit<ModalProps, "onOk"> {
134
+ export interface ModalTableProps<T = HTableProps["configData"]> extends Omit<ModalProps, "onOk"> {
132
135
  tableProps?: Omit<HTableProps, "configData" | "request">;
133
136
  dialogTable?: HDiaLogTableInstance;
134
137
  params?: Record<string, any>;
135
- configData?: HTableProps["configData"];
138
+ configData?: T;
136
139
  request?: HTableProps["request"];
137
140
  contentRender?: (node: React.ReactNode) => React.ReactNode;
138
141
  dataSource?: any[];
139
142
  onOk?: (e?: React.MouseEvent<HTMLElement>) => void;
143
+ editTableProps?: Omit<EditTableProps, "configData" | "request">;
140
144
  }
141
145
  export type ValueTypeConfigRenderFn = (config: ConfigItemModal, itemData: any, index: number, tableInstance: HTableInstance) => React.ReactNode;
142
146
  export type ValueTypeConfigModal = Record<string, ValueTypeConfigRenderFn>;
147
+ interface ErrorRenderParams {
148
+ error: Error;
149
+ tableInstance?: HTableInstance;
150
+ reload?: VoidFunction;
151
+ }
152
+ export type ErrorPageRender = (params: ErrorRenderParams) => React.ReactNode;
153
+ export type EmptyPageRender = (tableInstance?: HTableInstance) => React.ReactNode;
143
154
  export {};
@@ -1,3 +1,2 @@
1
- /// <reference types="react" />
2
1
  declare const _default: () => JSX.Element;
3
2
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hw-component/table",
3
- "version": "1.9.93",
3
+ "version": "1.9.95",
4
4
  "description": "基于antd二次开发table组件",
5
5
  "keywords": [
6
6
  "table"
@@ -23,8 +23,9 @@
23
23
  "test": "echo \"Error: no test specified\" && exit 1"
24
24
  },
25
25
  "lint-staged": {
26
- "**/*.{js,jsx,ts,tsx}": "npm run lint:fix",
27
- "**/*.{js,jsx,tsx,ts,md,json}": [
26
+ "src/**/*.less": "npm run lint:style",
27
+ "src/**/*.{js,jsx,ts,tsx}": "npm run lint:js",
28
+ "src/**/*.{js,jsx,tsx,ts,less,md,json}": [
28
29
  "prettier --write"
29
30
  ]
30
31
  },
@@ -1,7 +1,9 @@
1
1
  import Table from "@/components/Table";
2
- import type { ModalTableProps } from "@/components/modal";
2
+ import type { ModalTableProps } from "../modal";
3
+ import { EditTable } from "@/components";
4
+ import { ProColumns } from "@ant-design/pro-table/lib/typing";
3
5
 
4
- export default ({
6
+ export const TableContent = ({
5
7
  tableProps,
6
8
  configData,
7
9
  dialogTable,
@@ -21,3 +23,24 @@ export default ({
21
23
  );
22
24
  return <>{contentRender ? contentRender(node) : node}</>;
23
25
  };
26
+
27
+ export const EditTableContent = ({
28
+ editTableProps,
29
+ configData,
30
+ request,
31
+ contentRender,
32
+ dataSource,
33
+ }: ModalTableProps<ProColumns[]>) => {
34
+ const node = (
35
+ <EditTable
36
+ {...editTableProps}
37
+ configData={configData || []}
38
+ request={request}
39
+ pagination={{
40
+ affixProps: false,
41
+ }}
42
+ dataSource={dataSource}
43
+ />
44
+ );
45
+ return <>{contentRender ? contentRender(node) : node}</>;
46
+ };