@guo514360255/antd-lib 1.4.2 → 1.4.4

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.
@@ -163,7 +163,7 @@ var CustomModal = /*#__PURE__*/forwardRef(function (props, ref) {
163
163
  onClose: close,
164
164
  className: "detailContainer"
165
165
  }), /*#__PURE__*/React.createElement(Descriptions, _extends({
166
- column: 2,
166
+ column: 1,
167
167
  bordered: true
168
168
  }, descProps || {}), columns === null || columns === void 0 ? void 0 : columns.filter(function (item) {
169
169
  return !item.hideInDetail;
@@ -71,6 +71,11 @@ interface CustomFormModalProps {
71
71
  */
72
72
  detailRequest?: (data: any) => any;
73
73
 
74
+ /**
75
+ * table actionRef
76
+ */
77
+ tableActionRef?: any;
78
+
74
79
  /**
75
80
  * 其它参数
76
81
  */
@@ -5,7 +5,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
5
5
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
6
6
  import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
7
7
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
8
- var _excluded = ["type", "onSubmit", "columns", "saveRequest", "updateRequest", "detailRequest", "handleData", "title", "formList"];
8
+ var _excluded = ["type", "onSubmit", "columns", "saveRequest", "updateRequest", "detailRequest", "handleData", "title", "tableActionRef", "formList"];
9
9
  /*
10
10
  * @Author: 郭郭
11
11
  * @Date: 2025/8/15
@@ -13,7 +13,7 @@ var _excluded = ["type", "onSubmit", "columns", "saveRequest", "updateRequest",
13
13
  */
14
14
 
15
15
  import { DeleteOutlined } from '@ant-design/icons';
16
- import { Button, Drawer, Form, message, Modal } from 'antd';
16
+ import { Button, Drawer, Form, message, Modal, Spin } from 'antd';
17
17
  import cloneDeep from 'lodash/cloneDeep';
18
18
  import React, { forwardRef, useImperativeHandle, useRef, useState } from 'react';
19
19
  import CustomUpload from "../CustomUpload";
@@ -28,6 +28,7 @@ var CustomFormModal = /*#__PURE__*/forwardRef(function (props, ref) {
28
28
  detailRequest = props.detailRequest,
29
29
  handleData = props.handleData,
30
30
  title = props.title,
31
+ tableActionRef = props.tableActionRef,
31
32
  _props$formList = props.formList,
32
33
  formList = _props$formList === void 0 ? {} : _props$formList,
33
34
  other = _objectWithoutProperties(props, _excluded);
@@ -44,6 +45,10 @@ var CustomFormModal = /*#__PURE__*/forwardRef(function (props, ref) {
44
45
  _useState6 = _slicedToArray(_useState5, 2),
45
46
  loading = _useState6[0],
46
47
  setLoading = _useState6[1];
48
+ var _useState7 = useState(false),
49
+ _useState8 = _slicedToArray(_useState7, 2),
50
+ detailLoading = _useState8[0],
51
+ setDetailLoading = _useState8[1];
47
52
  var _message$useMessage = message.useMessage(),
48
53
  _message$useMessage2 = _slicedToArray(_message$useMessage, 2),
49
54
  messageApi = _message$useMessage2[0],
@@ -89,12 +94,14 @@ var CustomFormModal = /*#__PURE__*/forwardRef(function (props, ref) {
89
94
  case 0:
90
95
  setOpen(true);
91
96
  if (!(values !== null && values !== void 0 && values.id && detailRequest)) {
92
- _context.next = 9;
97
+ _context.next = 19;
93
98
  break;
94
99
  }
95
- _context.next = 4;
100
+ setDetailLoading(true);
101
+ _context.prev = 3;
102
+ _context.next = 6;
96
103
  return detailRequest(values.id);
97
- case 4:
104
+ case 6:
98
105
  data = _context.sent;
99
106
  columns === null || columns === void 0 || columns.forEach(function (item) {
100
107
  if (item.formKey) {
@@ -104,24 +111,32 @@ var CustomFormModal = /*#__PURE__*/forwardRef(function (props, ref) {
104
111
  formRef === null || formRef === void 0 || (_formRef$current = formRef.current) === null || _formRef$current === void 0 || _formRef$current.setFieldsValue(data || {});
105
112
  setValues(data || {});
106
113
  return _context.abrupt("return");
107
- case 9:
114
+ case 13:
115
+ _context.prev = 13;
116
+ _context.t0 = _context["catch"](3);
117
+ console.warn(_context.t0);
118
+ case 16:
119
+ _context.prev = 16;
120
+ setDetailLoading(false);
121
+ return _context.finish(16);
122
+ case 19:
108
123
  setTimeout(function () {
109
124
  var _formRef$current2;
110
125
  formRef === null || formRef === void 0 || (_formRef$current2 = formRef.current) === null || _formRef$current2 === void 0 || _formRef$current2.setFieldsValue(values || {});
111
126
  setValues(values || {});
112
- });
113
- case 10:
127
+ }, 0);
128
+ case 20:
114
129
  case "end":
115
130
  return _context.stop();
116
131
  }
117
- }, _callee);
132
+ }, _callee, null, [[3, 13, 16, 19]]);
118
133
  }))();
119
134
  }
120
135
  };
121
136
  });
122
137
  var submitEvent = /*#__PURE__*/function () {
123
138
  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
124
- var _formRef$current3, _formRef$current4, formData, data, result, _key2;
139
+ var _formRef$current3, _formRef$current4, _tableActionRef$curre, formData, data, result, _key2;
125
140
  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
126
141
  while (1) switch (_context2.prev = _context2.next) {
127
142
  case 0:
@@ -170,19 +185,20 @@ var CustomFormModal = /*#__PURE__*/forwardRef(function (props, ref) {
170
185
  onSubmit();
171
186
  }
172
187
  messageApi.success('提交成功');
173
- _context2.next = 27;
188
+ tableActionRef === null || tableActionRef === void 0 || (_tableActionRef$curre = tableActionRef.current) === null || _tableActionRef$curre === void 0 || _tableActionRef$curre.reload();
189
+ _context2.next = 28;
174
190
  break;
175
- case 24:
176
- _context2.prev = 24;
191
+ case 25:
192
+ _context2.prev = 25;
177
193
  _context2.t0 = _context2["catch"](1);
178
194
  console.log(_context2.t0, 'submit request error');
179
- case 27:
180
- setLoading(false);
181
195
  case 28:
196
+ setLoading(false);
197
+ case 29:
182
198
  case "end":
183
199
  return _context2.stop();
184
200
  }
185
- }, _callee2, null, [[1, 24]]);
201
+ }, _callee2, null, [[1, 25]]);
186
202
  }));
187
203
  return function submitEvent() {
188
204
  return _ref.apply(this, arguments);
@@ -210,7 +226,10 @@ var CustomFormModal = /*#__PURE__*/forwardRef(function (props, ref) {
210
226
  var getPlaceholder = function getPlaceholder(type, title) {
211
227
  return "\u8BF7".concat(placeholder[type || 'input'] || placeholder.default).concat(title ? title : '');
212
228
  };
213
- return /*#__PURE__*/React.createElement(React.Fragment, null, messageHolder, /*#__PURE__*/React.createElement(Component, _extends({
229
+ return /*#__PURE__*/React.createElement(React.Fragment, null, messageHolder, /*#__PURE__*/React.createElement(Spin, {
230
+ fullscreen: true,
231
+ spinning: detailLoading
232
+ }), /*#__PURE__*/React.createElement(Component, _extends({
214
233
  width: other.width || 600,
215
234
  footer: footer,
216
235
  title: "".concat(!!values.id ? '编辑' : '新增').concat(title || '')
@@ -173,38 +173,12 @@ var CustomTable = /*#__PURE__*/forwardRef(function (props, ref) {
173
173
  var totalWidth = columns === null || columns === void 0 ? void 0 : columns.reduce(function (sum, col) {
174
174
  return sum + (col.width || 100);
175
175
  }, 0);
176
- var openModal = /*#__PURE__*/function () {
177
- var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
178
- var _formModalRef$current;
179
- var record,
180
- data,
181
- _args3 = arguments;
182
- return _regeneratorRuntime().wrap(function _callee3$(_context3) {
183
- while (1) switch (_context3.prev = _context3.next) {
184
- case 0:
185
- record = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : {};
186
- data = record;
187
- if (!(detailRequest && record.id)) {
188
- _context3.next = 6;
189
- break;
190
- }
191
- _context3.next = 5;
192
- return detailRequest(record.id);
193
- case 5:
194
- data = _context3.sent;
195
- case 6:
196
- // @ts-ignore
197
- (_formModalRef$current = formModalRef.current) === null || _formModalRef$current === void 0 || _formModalRef$current.open(handleModalData ? handleModalData(data) : data);
198
- case 7:
199
- case "end":
200
- return _context3.stop();
201
- }
202
- }, _callee3);
203
- }));
204
- return function openModal() {
205
- return _ref4.apply(this, arguments);
206
- };
207
- }();
176
+ var openModal = function openModal() {
177
+ var _formModalRef$current;
178
+ var record = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
179
+ // @ts-ignore
180
+ (_formModalRef$current = formModalRef.current) === null || _formModalRef$current === void 0 || _formModalRef$current.open(handleModalData ? handleModalData(record) : record);
181
+ };
208
182
  var handleColumns = function handleColumns() {
209
183
  var _newColumns$;
210
184
  var newColumns = cloneDeep(columns);
@@ -354,52 +328,52 @@ var CustomTable = /*#__PURE__*/forwardRef(function (props, ref) {
354
328
  formRef: formRef,
355
329
  columns: handleColumns() || [],
356
330
  request: ( /*#__PURE__*/function () {
357
- var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(params, sort, filter) {
331
+ var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(params, sort, filter) {
358
332
  var pageNo, _yield$request, list, data;
359
- return _regeneratorRuntime().wrap(function _callee4$(_context4) {
360
- while (1) switch (_context4.prev = _context4.next) {
333
+ return _regeneratorRuntime().wrap(function _callee3$(_context3) {
334
+ while (1) switch (_context3.prev = _context3.next) {
361
335
  case 0:
362
336
  if (!(request && !dataSource)) {
363
- _context4.next = 20;
337
+ _context3.next = 20;
364
338
  break;
365
339
  }
366
340
  setLoading(true);
367
- _context4.prev = 2;
341
+ _context3.prev = 2;
368
342
  pageNo = params.current;
369
343
  delete params.current;
370
- _context4.next = 7;
344
+ _context3.next = 7;
371
345
  return request(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, params), {}, {
372
346
  pageNo: pageNo
373
347
  }, sort), filter), defaultQueryParams));
374
348
  case 7:
375
- _yield$request = _context4.sent;
349
+ _yield$request = _context3.sent;
376
350
  list = _yield$request.list;
377
351
  data = _objectWithoutProperties(_yield$request, _excluded2);
378
352
  getAntTableContainer();
379
- return _context4.abrupt("return", _objectSpread({
353
+ return _context3.abrupt("return", _objectSpread({
380
354
  data: list
381
355
  }, data));
382
356
  case 14:
383
- _context4.prev = 14;
384
- _context4.t0 = _context4["catch"](2);
385
- console.log(_context4.t0);
357
+ _context3.prev = 14;
358
+ _context3.t0 = _context3["catch"](2);
359
+ console.log(_context3.t0);
386
360
  case 17:
387
- _context4.prev = 17;
361
+ _context3.prev = 17;
388
362
  setLoading(false);
389
- return _context4.finish(17);
363
+ return _context3.finish(17);
390
364
  case 20:
391
- return _context4.abrupt("return", {
365
+ return _context3.abrupt("return", {
392
366
  data: [],
393
367
  total: 0
394
368
  });
395
369
  case 21:
396
370
  case "end":
397
- return _context4.stop();
371
+ return _context3.stop();
398
372
  }
399
- }, _callee4, null, [[2, 14, 17, 20]]);
373
+ }, _callee3, null, [[2, 14, 17, 20]]);
400
374
  }));
401
375
  return function (_x3, _x4, _x5) {
402
- return _ref5.apply(this, arguments);
376
+ return _ref4.apply(this, arguments);
403
377
  };
404
378
  }()),
405
379
  rowKey: rowKey || 'id',
@@ -428,8 +402,10 @@ var CustomTable = /*#__PURE__*/forwardRef(function (props, ref) {
428
402
  }, detailProps || {})), /*#__PURE__*/React.createElement(CustomFormModal, _extends({
429
403
  title: title,
430
404
  ref: formModalRef,
405
+ tableActionRef: actionRef,
431
406
  saveRequest: saveRequest,
432
407
  updateRequest: updateRequest,
408
+ detailRequest: detailRequest,
433
409
  columns: columns.filter(function (item) {
434
410
  return !item.hideInForm && item.dataIndex !== 'operation' && item.valueType !== 'option';
435
411
  })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@guo514360255/antd-lib",
3
- "version": "1.4.2",
3
+ "version": "1.4.4",
4
4
  "description": "react design 5 lib",
5
5
  "license": "MIT",
6
6
  "module": "dist/index.js",