@zat-design/sisyphus-react 3.6.7 → 3.6.8-beta.10

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 (107) hide show
  1. package/dist/index.esm.css +9 -1
  2. package/dist/less.esm.css +9 -1
  3. package/es/ProEditTable/components/ActionButton/index.js +6 -6
  4. package/es/ProEditTable/components/RcTable/BaseTable.js +2 -2
  5. package/es/ProEditTable/components/RcTable/DraggableTable.d.ts +2 -2
  6. package/es/ProEditTable/components/RcTable/DraggableTable.js +109 -11
  7. package/es/ProEditTable/components/RcTable/VirtualTable.js +2 -2
  8. package/es/ProEditTable/components/RenderField/index.js +5 -7
  9. package/es/ProEditTable/components/index.d.ts +0 -1
  10. package/es/ProEditTable/components/index.js +0 -1
  11. package/es/ProEditTable/propsType.d.ts +1 -1
  12. package/es/ProForm/components/combination/ProCascader/index.js +2 -1
  13. package/es/ProForm/components/combination/ProModalSelect/index.js +7 -1
  14. package/es/ProForm/components/combination/ProModalSelect/style/index.less +13 -1
  15. package/es/ProSelect/index.js +16 -38
  16. package/es/ProSelect/index.less +2 -2
  17. package/es/ProStep/style/index.less +1 -1
  18. package/es/ProTable/{utils.d.ts → components/FormatColumn/index.d.ts} +1 -11
  19. package/es/ProTable/{utils.js → components/FormatColumn/index.js} +7 -57
  20. package/es/ProTable/components/RcTable/components/BaseTable/index.d.ts +11 -0
  21. package/es/ProTable/components/RcTable/components/BaseTable/index.js +43 -0
  22. package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/index.js +1 -4
  23. package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/index.js +2 -2
  24. package/es/ProTable/components/RcTable/components/DraggableTable/index.d.ts +11 -0
  25. package/es/ProTable/components/RcTable/components/DraggableTable/index.js +52 -0
  26. package/es/ProTable/components/RcTable/index.d.ts +4 -0
  27. package/es/ProTable/components/RcTable/index.js +4 -0
  28. package/es/ProTable/components/RenderEmptyText/index.d.ts +3 -0
  29. package/es/ProTable/components/RenderEmptyText/index.js +22 -0
  30. package/es/ProTable/components/RenderFooter/index.d.ts +2 -0
  31. package/es/ProTable/components/RenderFooter/index.js +12 -0
  32. package/es/ProTable/components/RenderSummary/index.d.ts +3 -0
  33. package/es/ProTable/components/RenderSummary/index.js +55 -0
  34. package/es/ProTable/components/RenderTableHeader/index.d.ts +2 -0
  35. package/es/ProTable/components/RenderTableHeader/index.js +61 -0
  36. package/es/ProTable/components/TableResizable/index.js +1 -9
  37. package/es/ProTable/components/index.d.ts +4 -2
  38. package/es/ProTable/components/index.js +4 -2
  39. package/{lib/ProTable → es/ProTable/hooks}/useAntdTable.d.ts +2 -1
  40. package/es/ProTable/{useAntdTable.js → hooks/useAntdTable.js} +15 -4
  41. package/es/ProTable/index.d.ts +1 -1
  42. package/es/ProTable/index.js +114 -174
  43. package/es/ProTable/propsType.d.ts +3 -1
  44. package/es/ProTable/utils/index.d.ts +26 -0
  45. package/es/ProTable/utils/index.js +51 -0
  46. package/es/global.less +2 -2
  47. package/lib/ProEditTable/components/ActionButton/index.js +6 -6
  48. package/lib/ProEditTable/components/RcTable/BaseTable.js +2 -2
  49. package/lib/ProEditTable/components/RcTable/DraggableTable.d.ts +2 -2
  50. package/lib/ProEditTable/components/RcTable/DraggableTable.js +111 -12
  51. package/lib/ProEditTable/components/RcTable/VirtualTable.js +2 -2
  52. package/lib/ProEditTable/components/RenderField/index.js +5 -7
  53. package/lib/ProEditTable/components/index.d.ts +0 -1
  54. package/lib/ProEditTable/components/index.js +0 -14
  55. package/lib/ProEditTable/propsType.d.ts +1 -1
  56. package/lib/ProForm/components/combination/ProCascader/index.js +2 -1
  57. package/lib/ProForm/components/combination/ProModalSelect/index.js +5 -1
  58. package/lib/ProForm/components/combination/ProModalSelect/style/index.less +13 -1
  59. package/lib/ProSelect/index.js +14 -38
  60. package/lib/ProSelect/index.less +2 -2
  61. package/lib/ProStep/style/index.less +1 -1
  62. package/lib/ProTable/{utils.d.ts → components/FormatColumn/index.d.ts} +1 -11
  63. package/lib/ProTable/{utils.js → components/FormatColumn/index.js} +17 -68
  64. package/lib/ProTable/components/RcTable/components/BaseTable/index.d.ts +11 -0
  65. package/lib/ProTable/components/RcTable/components/BaseTable/index.js +49 -0
  66. package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/index.js +1 -4
  67. package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/index.js +2 -2
  68. package/lib/ProTable/components/RcTable/components/DraggableTable/index.d.ts +11 -0
  69. package/lib/ProTable/components/RcTable/components/DraggableTable/index.js +59 -0
  70. package/lib/ProTable/components/RcTable/index.d.ts +4 -0
  71. package/lib/ProTable/components/RcTable/index.js +20 -0
  72. package/lib/ProTable/components/RenderEmptyText/index.d.ts +3 -0
  73. package/lib/ProTable/components/RenderEmptyText/index.js +28 -0
  74. package/lib/ProTable/components/RenderFooter/index.d.ts +2 -0
  75. package/lib/ProTable/components/RenderFooter/index.js +18 -0
  76. package/lib/ProTable/components/RenderSummary/index.d.ts +3 -0
  77. package/lib/ProTable/components/RenderSummary/index.js +61 -0
  78. package/lib/ProTable/components/RenderTableHeader/index.d.ts +2 -0
  79. package/lib/ProTable/components/RenderTableHeader/index.js +66 -0
  80. package/lib/ProTable/components/TableResizable/index.js +3 -11
  81. package/lib/ProTable/components/index.d.ts +4 -2
  82. package/lib/ProTable/components/index.js +16 -9
  83. package/{es/ProTable → lib/ProTable/hooks}/useAntdTable.d.ts +2 -1
  84. package/lib/ProTable/{useAntdTable.js → hooks/useAntdTable.js} +15 -4
  85. package/lib/ProTable/index.d.ts +1 -1
  86. package/lib/ProTable/index.js +118 -175
  87. package/lib/ProTable/propsType.d.ts +3 -1
  88. package/lib/ProTable/utils/index.d.ts +26 -0
  89. package/lib/ProTable/utils/index.js +57 -0
  90. package/lib/global.less +2 -2
  91. package/package.json +1 -1
  92. package/es/ProEditTable/components/DndWrapper/index.d.ts +0 -17
  93. package/es/ProEditTable/components/DndWrapper/index.js +0 -104
  94. package/es/ProTable/components/ResizableLine/index.d.ts +0 -2
  95. package/es/ProTable/components/ResizableLine/index.js +0 -10
  96. package/lib/ProEditTable/components/DndWrapper/index.d.ts +0 -17
  97. package/lib/ProEditTable/components/DndWrapper/index.js +0 -111
  98. package/lib/ProTable/components/ResizableLine/index.d.ts +0 -2
  99. package/lib/ProTable/components/ResizableLine/index.js +0 -16
  100. /package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/index.d.ts +0 -0
  101. /package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/index.d.ts +0 -0
  102. /package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/propsType.d.ts +0 -0
  103. /package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/propsType.js +0 -0
  104. /package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/index.d.ts +0 -0
  105. /package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/index.d.ts +0 -0
  106. /package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/propsType.d.ts +0 -0
  107. /package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/propsType.js +0 -0
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.defaultPage = exports.default = exports.TableContext = void 0;
8
- var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
9
8
  var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
10
9
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
11
10
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -15,20 +14,18 @@ var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/obje
15
14
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
16
15
  var _jsxRuntime = require("react/jsx-runtime");
17
16
  var _react = require("react");
18
- var _antd = require("antd");
19
17
  var _lodash = require("lodash");
20
18
  var _ahooks = require("ahooks");
21
- var _reactSvg = require("react-svg");
22
19
  var _classnames2 = _interopRequireDefault(require("classnames"));
23
- var _utils = require("@zat-design/utils");
24
20
  var _index = require("../index");
25
- var _utils2 = require("../ProUtils/utils");
26
21
  var _components = require("./components");
27
- var _useAntdTable = _interopRequireDefault(require("./useAntdTable"));
22
+ var _useAntdTable = _interopRequireDefault(require("./hooks/useAntdTable"));
23
+ var _RcTable = require("./components/RcTable");
24
+ var _FormatColumn = require("./components/FormatColumn");
28
25
  var _empty = _interopRequireDefault(require("../assets/empty.png"));
29
26
  var _reset = _interopRequireDefault(require("../assets/reset.svg"));
30
27
  var _customColumn = _interopRequireDefault(require("../assets/customColumn.svg"));
31
- var _utils3 = require("./utils");
28
+ var _utils = require("./utils");
32
29
  var _locale = _interopRequireDefault(require("../locale"));
33
30
  var _excluded = ["tableId", "headerRender", "footerRender", "quickConfig", "stripe", "columns", "className", "draggable", "disabled", "isView", "rowDisabled", "summary", "emptyText", "originalDataSource"],
34
31
  _excluded2 = ["resizeColumn", "columnConfig", "cacheTime", "storage"];
@@ -40,7 +37,7 @@ var defaultPage = exports.defaultPage = {
40
37
  pageSize: 10
41
38
  };
42
39
  function ProTable(props) {
43
- var _locale$ProTable, _curTableConfig$pathK, _locale$ProTable2, _locale$ProTable3, _locale$ProTable4, _locale$ProTable5;
40
+ var _locale$ProTable, _curTableConfig$pathK;
44
41
  var _ref = (0, _index.useProConfig)('globalConfig') || {},
45
42
  configStorage = _ref.storage; // 获取全局缓存位置配置
46
43
  var _ref2 = (0, _index.useProConfig)('ProTable') || {},
@@ -65,7 +62,6 @@ function ProTable(props) {
65
62
  originalDataSource = props.originalDataSource,
66
63
  restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
67
64
  var quickTableConfig = quickConfig ? (0, _objectSpread4.default)({
68
- // resizeColumn: true,
69
65
  columnConfig: true,
70
66
  cacheTime: true
71
67
  }, restProps) : (restProps === null || restProps === void 0 ? void 0 : restProps.columnConfig) ? (0, _objectSpread4.default)({
@@ -86,7 +82,7 @@ function ProTable(props) {
86
82
  rowKey = _ref3.rowKey;
87
83
  var initDataSource = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
88
84
  return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, item), {}, {
89
- rowKey: (0, _utils3.getRowKey)(rowKey, item)
85
+ rowKey: (0, _utils.getRowKey)(rowKey, item)
90
86
  });
91
87
  });
92
88
  var _useSetState = (0, _ahooks.useSetState)({
@@ -102,7 +98,7 @@ function ProTable(props) {
102
98
  }, [initDataSource]);
103
99
  var _originalDataSource = originalDataSource === null || originalDataSource === void 0 ? void 0 : originalDataSource.map(function (item) {
104
100
  return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, item), {}, {
105
- rowKey: (0, _utils3.getRowKey)(rowKey, item)
101
+ rowKey: (0, _utils.getRowKey)(rowKey, item)
106
102
  });
107
103
  });
108
104
  var originalObj = _originalDataSource ? (0, _lodash.keyBy)(_originalDataSource, 'rowKey') : undefined;
@@ -110,7 +106,7 @@ function ProTable(props) {
110
106
  var propsColumnObj = (0, _react.useMemo)(function () {
111
107
  return propsColumns.reduce(function (acc, cur) {
112
108
  // @ts-ignore
113
- acc[(0, _utils3.getColumnDataIndex)(cur.dataIndex)] = (0, _objectSpread4.default)({}, cur);
109
+ acc[(0, _utils.getColumnDataIndex)(cur.dataIndex)] = (0, _objectSpread4.default)({}, cur);
114
110
  return acc;
115
111
  }, {});
116
112
  }, [propsColumns]);
@@ -133,9 +129,9 @@ function ProTable(props) {
133
129
  var _curTableConfig$pathK2, _curTableConfig$pathK3, _localColumns;
134
130
  localColumns = (_curTableConfig$pathK2 = curTableConfig[pathKey]) === null || _curTableConfig$pathK2 === void 0 ? void 0 : (_curTableConfig$pathK3 = _curTableConfig$pathK2.columns) === null || _curTableConfig$pathK3 === void 0 ? void 0 : _curTableConfig$pathK3.map(function (item) {
135
131
  var _propsColumnObj$getCo;
136
- return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, propsColumnObj[(0, _utils3.getColumnDataIndex)(item.dataIndex)]), {}, {
132
+ return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, propsColumnObj[(0, _utils.getColumnDataIndex)(item.dataIndex)]), {}, {
137
133
  dataIndex: item.dataIndex,
138
- width: resizeColumn ? item === null || item === void 0 ? void 0 : item.width : (_propsColumnObj$getCo = propsColumnObj[(0, _utils3.getColumnDataIndex)(item.dataIndex)]) === null || _propsColumnObj$getCo === void 0 ? void 0 : _propsColumnObj$getCo.width
134
+ width: resizeColumn ? item === null || item === void 0 ? void 0 : item.width : (_propsColumnObj$getCo = propsColumnObj[(0, _utils.getColumnDataIndex)(item.dataIndex)]) === null || _propsColumnObj$getCo === void 0 ? void 0 : _propsColumnObj$getCo.width
139
135
  });
140
136
  });
141
137
  localColumns = ((_localColumns = localColumns) === null || _localColumns === void 0 ? void 0 : _localColumns.length) === 0 ? undefined : localColumns;
@@ -178,8 +174,8 @@ function ProTable(props) {
178
174
  var columns = (0, _react.useMemo)(function () {
179
175
  var newColumns = curColumns.map(function (item, index) {
180
176
  var _propsColumnObj$getCo2;
181
- if ((_propsColumnObj$getCo2 = propsColumnObj[(0, _utils3.getColumnDataIndex)(item.dataIndex)]) === null || _propsColumnObj$getCo2 === void 0 ? void 0 : _propsColumnObj$getCo2.render) {
182
- item.render = propsColumnObj[(0, _utils3.getColumnDataIndex)(item.dataIndex)].render;
177
+ if ((_propsColumnObj$getCo2 = propsColumnObj[(0, _utils.getColumnDataIndex)(item.dataIndex)]) === null || _propsColumnObj$getCo2 === void 0 ? void 0 : _propsColumnObj$getCo2.render) {
178
+ item.render = propsColumnObj[(0, _utils.getColumnDataIndex)(item.dataIndex)].render;
183
179
  }
184
180
  return (0, _objectSpread4.default)((0, _objectSpread4.default)({
185
181
  ellipsis: resizeColumn
@@ -197,21 +193,50 @@ function ProTable(props) {
197
193
  return !(item === null || item === void 0 ? void 0 : item.delete);
198
194
  });
199
195
  newColumns === null || newColumns === void 0 ? void 0 : newColumns.forEach(function (item) {
200
- (0, _utils3.formatColumn)(item, originalObj, dataSourceObj, 'rowKey');
196
+ (0, _FormatColumn.formatColumn)(item, originalObj, dataSourceObj, 'rowKey');
201
197
  });
202
198
  return newColumns;
203
199
  }, [curColumns, handleResize]);
204
- var handleColumnConfig = function handleColumnConfig(checkList) {
205
- var newColumns = [];
206
- if (checkList === 'all') {
207
- newColumns = propsColumns;
208
- } else {
209
- newColumns = checkList === null || checkList === void 0 ? void 0 : checkList.map(function (item) {
210
- return (0, _objectSpread4.default)({}, propsColumnObj === null || propsColumnObj === void 0 ? void 0 : propsColumnObj[item]);
211
- });
212
- }
213
- setCurColumns(newColumns);
214
- };
200
+ var handleColumnConfig = /*#__PURE__*/function () {
201
+ var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(checkList) {
202
+ var newColumns, _columnConfig$onColum, catchColumns;
203
+ return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
204
+ while (1) switch (_context.prev = _context.next) {
205
+ case 0:
206
+ newColumns = [];
207
+ if (checkList === 'all') {
208
+ newColumns = propsColumns;
209
+ } else {
210
+ newColumns = checkList === null || checkList === void 0 ? void 0 : checkList.map(function (item) {
211
+ return (0, _objectSpread4.default)({}, propsColumnObj === null || propsColumnObj === void 0 ? void 0 : propsColumnObj[item]);
212
+ });
213
+ }
214
+ if (!(0, _lodash.isObject)(columnConfig)) {
215
+ _context.next = 6;
216
+ break;
217
+ }
218
+ catchColumns = (0, _defineProperty2.default)({}, pathKey, {
219
+ columns: newColumns.map(function (item) {
220
+ return {
221
+ dataIndex: item.dataIndex,
222
+ width: typeof item.width === 'number' ? Math.round(Number(item.width)) : item.width
223
+ };
224
+ })
225
+ });
226
+ _context.next = 6;
227
+ return columnConfig === null || columnConfig === void 0 ? void 0 : (_columnConfig$onColum = columnConfig.onColumnOk) === null || _columnConfig$onColum === void 0 ? void 0 : _columnConfig$onColum.call(columnConfig, catchColumns, newColumns);
228
+ case 6:
229
+ setCurColumns(newColumns);
230
+ case 7:
231
+ case "end":
232
+ return _context.stop();
233
+ }
234
+ }, _callee);
235
+ }));
236
+ return function handleColumnConfig(_x) {
237
+ return _ref5.apply(this, arguments);
238
+ };
239
+ }();
215
240
  (0, _ahooks.useDebounceEffect)(function () {
216
241
  if (cacheTime) {
217
242
  var newTableConfig = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, curTableConfig), {}, (0, _defineProperty2.default)({}, pathKey, {
@@ -219,7 +244,7 @@ function ProTable(props) {
219
244
  columns: curColumns.map(function (item) {
220
245
  return {
221
246
  dataIndex: item.dataIndex,
222
- width: Math.round(Number(item.width))
247
+ width: typeof item.width === 'number' ? Math.round(Number(item.width)) : item.width
223
248
  };
224
249
  })
225
250
  }));
@@ -243,53 +268,6 @@ function ProTable(props) {
243
268
  return item === null || item === void 0 ? void 0 : item.dataIndex;
244
269
  });
245
270
  }, [curColumns]);
246
- var renderSummary = function renderSummary() {
247
- var _ref5 = summary || {},
248
- columns = _ref5.columns,
249
- _ref5$total = _ref5.total,
250
- total = _ref5$total === void 0 ? true : _ref5$total,
251
- _ref5$fixed = _ref5.fixed,
252
- fixed = _ref5$fixed === void 0 ? true : _ref5$fixed;
253
- var _ref6 = tableProps || {},
254
- dataSource = _ref6.dataSource;
255
- // 没有数据时,不展示合计栏
256
- if (!(_dataSource === null || _dataSource === void 0 ? void 0 : _dataSource.length)) {
257
- return null;
258
- }
259
- return (0, _jsxRuntime.jsx)(_antd.Table.Summary, {
260
- fixed: fixed,
261
- children: (0, _jsxRuntime.jsx)(_antd.Table.Summary.Row, {
262
- children: columns === null || columns === void 0 ? void 0 : columns.map(function (_ref7) {
263
- var key = _ref7.key,
264
- index = _ref7.index,
265
- colSpan = _ref7.colSpan,
266
- prefix = _ref7.prefix,
267
- suffix = _ref7.suffix,
268
- title = _ref7.title,
269
- precision = _ref7.precision,
270
- valueType = _ref7.valueType;
271
- var text = null;
272
- if (title) {
273
- text = title;
274
- } else if (total && key) {
275
- var _dataSource$reduce;
276
- var format = _utils2.valueTypeRender === null || _utils2.valueTypeRender === void 0 ? void 0 : _utils2.valueTypeRender[valueType];
277
- var sum = _dataSource === null || _dataSource === void 0 ? void 0 : (_dataSource$reduce = _dataSource.reduce) === null || _dataSource$reduce === void 0 ? void 0 : _dataSource$reduce.call(_dataSource, function (pre, cur) {
278
- var _get;
279
- return _utils.tools.calc(pre, '+', (_get = (0, _lodash.get)(cur, key)) !== null && _get !== void 0 ? _get : 0);
280
- }, 0);
281
- text = format ? format(sum, precision !== null && precision !== void 0 ? precision : 2) : sum;
282
- }
283
- var _key = key;
284
- return (0, _jsxRuntime.jsxs)(_antd.Table.Summary.Cell, {
285
- index: index,
286
- colSpan: colSpan,
287
- children: [prefix, text, suffix]
288
- }, _key);
289
- })
290
- })
291
- });
292
- };
293
271
  var cls = (0, _classnames2.default)((0, _defineProperty2.default)({
294
272
  'pro-table': true,
295
273
  'pro-table-no-stripe': !stripe,
@@ -329,9 +307,9 @@ function ProTable(props) {
329
307
  return _rowSelection;
330
308
  };
331
309
  var onDataSourceChange = /*#__PURE__*/function () {
332
- var _ref8 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(nextDataSource) {
333
- return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
334
- while (1) switch (_context.prev = _context.next) {
310
+ var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(nextDataSource) {
311
+ return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
312
+ while (1) switch (_context2.prev = _context2.next) {
335
313
  case 0:
336
314
  setState({
337
315
  dataSource: nextDataSource
@@ -340,116 +318,81 @@ function ProTable(props) {
340
318
  (0, _lodash.assign)(dataSource, nextDataSource);
341
319
  case 2:
342
320
  case "end":
343
- return _context.stop();
321
+ return _context2.stop();
344
322
  }
345
- }, _callee);
323
+ }, _callee2);
346
324
  }));
347
- return function onDataSourceChange(_x) {
348
- return _ref8.apply(this, arguments);
325
+ return function onDataSourceChange(_x2) {
326
+ return _ref6.apply(this, arguments);
349
327
  };
350
328
  }();
351
- var renderComponents = function renderComponents() {
352
- if (draggable) {
353
- return {
354
- body: {
355
- row: _components.Row
356
- }
357
- };
358
- }
359
- if (resizeColumn) {
360
- return _components.TableResizable.components;
329
+ var _rowClassName = function _rowClassName(record, index) {
330
+ if (originalDataSource && !originalObj.hasOwnProperty((0, _lodash.get)(record, 'rowKey'))) {
331
+ return 'new-cell';
361
332
  }
362
- return null;
363
333
  };
334
+ var TableComponent = draggable ? _RcTable.DraggableTable : _RcTable.BaseTable;
364
335
  return (0, _jsxRuntime.jsx)(TableContext.Provider, {
365
336
  value: {
366
337
  pathKey: pathKey,
367
338
  tableConfig: tableConfig,
368
339
  Storage: Storage
369
340
  },
370
- children: (0, _jsxRuntime.jsx)("div", {
341
+ children: (0, _jsxRuntime.jsxs)("div", {
371
342
  className: cls,
372
- children: (0, _jsxRuntime.jsxs)(_components.DndWrapper, {
373
- value: _dataSource,
374
- onChange: onDataSourceChange,
375
- disabled: false,
376
- draggable: draggable,
377
- rowKey: rowKey,
378
- children: [(headerRender || columnConfig || resizeColumn) && (0, _jsxRuntime.jsxs)("div", {
379
- className: "column-config",
380
- children: [(0, _jsxRuntime.jsx)("div", {
381
- className: "left-contain",
382
- children: headerRender ? typeof headerRender === 'function' ? headerRender() : headerRender : null
383
- }), (0, _jsxRuntime.jsxs)("div", {
384
- className: "right-actions",
385
- children: [resizeColumn && (0, _jsxRuntime.jsx)(_antd.Button, {
386
- icon: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
387
- className: "anticon",
388
- wrapper: "span",
389
- src: _reset.default
390
- }),
391
- onClick: resetColumnWidth,
392
- children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTable2 = _locale.default.ProTable) === null || _locale$ProTable2 === void 0 ? void 0 : _locale$ProTable2.resetColumnWidth
393
- }), columnConfig && (0, _jsxRuntime.jsx)(_index.ProTreeModal, {
394
- title: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTable3 = _locale.default.ProTable) === null || _locale$ProTable3 === void 0 ? void 0 : _locale$ProTable3.customColumns,
395
- span: 8,
396
- mode: "list",
397
- draggable: true,
398
- dataSource: customColumns,
399
- value: checkColumns,
400
- allValue: "all",
401
- onChange: handleColumnConfig,
402
- trigger: (0, _jsxRuntime.jsx)(_antd.Button, {
403
- className: "custom-column-btn",
404
- icon: (0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
405
- className: "anticon",
406
- wrapper: "span",
407
- src: _customColumn.default
408
- }),
409
- children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTable4 = _locale.default.ProTable) === null || _locale$ProTable4 === void 0 ? void 0 : _locale$ProTable4.customColumns
410
- })
411
- })]
412
- })]
413
- }), (0, _jsxRuntime.jsxs)("div", {
414
- className: "pro-table-container",
415
- children: [(0, _jsxRuntime.jsx)(_antd.Table, (0, _objectSpread4.default)((0, _objectSpread4.default)({
416
- className: draggable ? 'pro-edit-table-drag' : '',
417
- // components={resizeColumn ? TableResizable.components : undefined}
418
- components: renderComponents(),
419
- // @ts-ignore
343
+ children: [(0, _jsxRuntime.jsx)(_components.RenderTableHeader, {
344
+ dataSource: {
345
+ headerRender: headerRender,
346
+ columnConfig: columnConfig,
347
+ resizeColumn: resizeColumn,
348
+ resetSvg: _reset.default,
349
+ resetColumnWidth: resetColumnWidth,
350
+ locale: _locale.default,
351
+ customColumns: customColumns,
352
+ checkColumns: checkColumns,
353
+ handleColumnConfig: handleColumnConfig,
354
+ customColumnSvg: _customColumn.default
355
+ }
356
+ }), (0, _jsxRuntime.jsxs)("div", {
357
+ className: "pro-table-container",
358
+ children: [(0, _jsxRuntime.jsx)(TableComponent, (0, _objectSpread4.default)((0, _objectSpread4.default)({}, restProps), {}, {
359
+ draggableProps: {
360
+ onChange: onDataSourceChange,
361
+ draggable: draggable,
362
+ rowKey: rowKey
363
+ },
364
+ tableProps: {
365
+ value: _dataSource,
366
+ headerRender: headerRender,
420
367
  columns: columns,
421
- locale: {
422
- emptyText: (0, _jsxRuntime.jsxs)("div", {
423
- className: "pro-table-empty",
424
- children: [(0, _jsxRuntime.jsx)("div", {
425
- className: "empty-image",
426
- children: (0, _jsxRuntime.jsx)("img", {
427
- src: _empty.default,
428
- alt: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProTable5 = _locale.default.ProTable) === null || _locale$ProTable5 === void 0 ? void 0 : _locale$ProTable5.noData
429
- })
430
- }), (0, _jsxRuntime.jsx)("div", {
431
- className: "empty-description",
432
- children: typeof emptyText === 'function' ? emptyText() : emptyText
433
- })]
434
- })
435
- },
436
- summary: (0, _typeof2.default)(summary) === 'object' ? function () {
437
- return renderSummary();
438
- } : summary,
439
- rowClassName: function rowClassName(record, index) {
440
- if (originalDataSource && !originalObj.hasOwnProperty((0, _lodash.get)(record, 'rowKey'))) {
441
- return 'new-cell';
442
- }
443
- }
444
- }, tableProps), {}, {
445
- dataSource: _dataSource,
446
- rowSelection: renderRowSelection()
447
- })), (0, _jsxRuntime.jsx)(_components.ResizableLine, {})]
448
- }), footerRender ? (0, _jsxRuntime.jsx)("div", {
449
- className: "pro-table-footer ".concat(pagination && !!(_dataSource === null || _dataSource === void 0 ? void 0 : _dataSource.length) ? 'has-page' : 'no-page'),
450
- children: typeof footerRender === 'function' ? footerRender() : footerRender
451
- }) : null]
452
- })
368
+ renderRowSelection: renderRowSelection,
369
+ rowClassName: _rowClassName,
370
+ disabled: disabled,
371
+ resizeColumn: resizeColumn
372
+ },
373
+ emptyTextProps: {
374
+ empty: _empty.default,
375
+ locale: _locale.default,
376
+ emptyText: emptyText
377
+ },
378
+ summaryProps: {
379
+ summary: summary,
380
+ dataSource: _dataSource
381
+ },
382
+ dataSource: _dataSource
383
+ })), (0, _jsxRuntime.jsx)("span", {
384
+ className: "pro-table-resizable-line",
385
+ style: {
386
+ display: 'none'
387
+ }
388
+ })]
389
+ }), (0, _jsxRuntime.jsx)(_components.RenderFooter, {
390
+ dataSource: {
391
+ footerRender: footerRender,
392
+ pagination: pagination,
393
+ _dataSource: _dataSource
394
+ }
395
+ })]
453
396
  })
454
397
  });
455
398
  }
@@ -44,7 +44,9 @@ export interface ProTableProps<T = any> extends Omit<TableProps<any>, 'summary'
44
44
  quickConfig?: boolean;
45
45
  resizeColumn?: boolean;
46
46
  sortRow?: boolean | 'drag' | 'move';
47
- columnConfig?: boolean;
47
+ columnConfig?: boolean | {
48
+ onColumnOk: (cacheColumns: any, columns: ProTableColumn[]) => Promise<void>;
49
+ };
48
50
  cacheTime?: number | boolean;
49
51
  sortColumnText?: string;
50
52
  storage?: 'localStorage' | 'sessionStorage';
@@ -0,0 +1,26 @@
1
+ /**
2
+ * 获取小数点后的位数
3
+ * @param num 数字
4
+ * @returns 位数
5
+ */
6
+ export declare const getDecimalDigits: (num?: number) => number;
7
+ /**
8
+ * @description: 获取初始值
9
+ * @author: xiangchengli
10
+ * @param {any} rowKey
11
+ * @param any value
12
+ * @param any originalObj
13
+ * @param {any} dataIndex
14
+ * @return {any}
15
+ */
16
+ export declare const getOriginalValue: (value: any, record: any, originalObj: any, rowKey: any, dataIndex: any) => any;
17
+ export declare const getColumnDataIndex: (dataIndex: string | string[]) => string;
18
+ /**
19
+ * 判断数据是否为Response<List<any>>结构
20
+ * @param data { [key: string]: any } 需要判断数据
21
+ * @returns boolean 是否
22
+ */
23
+ export declare const isListResult: (data: {
24
+ [key: string]: any;
25
+ }) => boolean;
26
+ export declare const getRowKey: (rowKey: any, record: any) => any;
@@ -0,0 +1,57 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.isListResult = exports.getRowKey = exports.getOriginalValue = exports.getDecimalDigits = exports.getColumnDataIndex = void 0;
7
+ var _lodash = require("lodash");
8
+ /**
9
+ * 获取小数点后的位数
10
+ * @param num 数字
11
+ * @returns 位数
12
+ */
13
+ var getDecimalDigits = exports.getDecimalDigits = function getDecimalDigits() {
14
+ var num = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
15
+ var match = Number(num).toString().match(/\.(\d+)/);
16
+ return match ? match[1].length : 0;
17
+ };
18
+ /**
19
+ * @description: 获取初始值
20
+ * @author: xiangchengli
21
+ * @param {any} rowKey
22
+ * @param any value
23
+ * @param any originalObj
24
+ * @param {any} dataIndex
25
+ * @return {any}
26
+ */
27
+ var getOriginalValue = exports.getOriginalValue = function getOriginalValue(value, record, originalObj, rowKey, dataIndex) {
28
+ if (!originalObj) {
29
+ return undefined;
30
+ }
31
+ var originalRecord = (0, _lodash.get)(originalObj, (0, _lodash.get)(record, rowKey));
32
+ var originalValue = (0, _lodash.get)(originalRecord, dataIndex);
33
+ if (!(0, _lodash.isEqual)(originalValue, value)) {
34
+ return originalValue;
35
+ }
36
+ return undefined;
37
+ };
38
+ var getColumnDataIndex = exports.getColumnDataIndex = function getColumnDataIndex(dataIndex) {
39
+ return typeof dataIndex === 'string' ? dataIndex : dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.join('-');
40
+ };
41
+ /**
42
+ * 判断数据是否为Response<List<any>>结构
43
+ * @param data { [key: string]: any } 需要判断数据
44
+ * @returns boolean 是否
45
+ */
46
+ var isListResult = exports.isListResult = function isListResult(data) {
47
+ return data.hasOwnProperty('total') && data.hasOwnProperty('list');
48
+ };
49
+ var getRowKey = exports.getRowKey = function getRowKey(rowKey, record) {
50
+ // 默认取id
51
+ var key = record.rowKey || 'id';
52
+ if (rowKey) {
53
+ var _ref;
54
+ key = (_ref = typeof rowKey === 'function' ? rowKey(record) : record[rowKey]) !== null && _ref !== void 0 ? _ref : key;
55
+ }
56
+ return key;
57
+ };
package/lib/global.less CHANGED
@@ -17,7 +17,7 @@ pre {
17
17
 
18
18
  // 轨道
19
19
  ::-webkit-scrollbar-track {
20
- background-color: #fff;
20
+ background: transparent;
21
21
  border-radius: 10px;
22
22
  }
23
23
 
@@ -51,6 +51,6 @@ pre {
51
51
  }
52
52
 
53
53
  :hover::-webkit-scrollbar-track {
54
- background-color: #fff;
54
+ background: transparent;
55
55
  }
56
56
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zat-design/sisyphus-react",
3
- "version": "3.6.7",
3
+ "version": "3.6.8-beta.10",
4
4
  "license": "Apache-2.0",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -1,17 +0,0 @@
1
- import React, { FC } from 'react';
2
- interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
3
- 'data-row-key': string;
4
- 'data-hide'?: boolean;
5
- disabled?: boolean;
6
- rowDraggable?: any;
7
- }
8
- export declare const Row: FC<RowProps>;
9
- declare const DndWrapper: ({ draggable, value, onChange, onDrag, disabled, children }: {
10
- draggable: any;
11
- value: any;
12
- onChange: any;
13
- onDrag: any;
14
- disabled: any;
15
- children: any;
16
- }) => any;
17
- export default DndWrapper;
@@ -1,104 +0,0 @@
1
- import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- var _excluded = ["disabled", "rowDraggable", "children"];
4
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
- import React from 'react';
6
- import { DndContext } from '@dnd-kit/core';
7
- import { arrayMove, useSortable, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
8
- import { CSS } from '@dnd-kit/utilities';
9
- import ProIcon from '../../../ProIcon';
10
- export var Row = function Row(props) {
11
- var disabled = props.disabled,
12
- rowDraggable = props.rowDraggable,
13
- children = props.children,
14
- restProps = _objectWithoutProperties(props, _excluded);
15
- var data = useSortable({
16
- id: props['data-row-key'],
17
- disabled: disabled
18
- });
19
- var attributes = data.attributes,
20
- listeners = data.listeners,
21
- setNodeRef = data.setNodeRef,
22
- transform = data.transform,
23
- transition = data.transition,
24
- isDragging = data.isDragging;
25
- var style = _objectSpread(_objectSpread({}, props.style), {}, {
26
- transform: CSS.Transform.toString(transform && _objectSpread(_objectSpread({}, transform), {}, {
27
- scaleY: 1
28
- })),
29
- transition: transition
30
- }, isDragging ? {
31
- position: 'relative',
32
- zIndex: 2
33
- } : {});
34
- return _jsx("tr", _objectSpread(_objectSpread(_objectSpread({}, restProps), {}, {
35
- ref: setNodeRef,
36
- style: style
37
- }, attributes), {}, {
38
- children: React.Children.map(children, function (child) {
39
- if (child.key === 'RC_TABLE_KEY' && !disabled) {
40
- var _ref = (child === null || child === void 0 ? void 0 : child.props) || {},
41
- render = _ref.render,
42
- record = _ref.record,
43
- renderIndex = _ref.renderIndex;
44
- var isDrag = rowDraggable ? rowDraggable === null || rowDraggable === void 0 ? void 0 : rowDraggable(record) : true;
45
- return /*#__PURE__*/React.cloneElement(child, {
46
- children: _jsxs("span", {
47
- className: "drag-wrapper".concat(props['data-hide'] ? ' no-check' : ''),
48
- children: [isDrag ? _jsx(ProIcon, _objectSpread({
49
- className: "drag-icon",
50
- style: {
51
- touchAction: 'none',
52
- cursor: disabled ? 'no-drop' : 'move'
53
- },
54
- type: "drag",
55
- size: 20
56
- }, listeners)) : _jsx(ProIcon, {
57
- size: 20
58
- }), props['data-hide'] ? null : render === null || render === void 0 ? void 0 : render(null, record, renderIndex)]
59
- })
60
- });
61
- }
62
- return child;
63
- })
64
- }));
65
- };
66
- var DndWrapper = function DndWrapper(_ref2) {
67
- var _value$;
68
- var draggable = _ref2.draggable,
69
- value = _ref2.value,
70
- onChange = _ref2.onChange,
71
- onDrag = _ref2.onDrag,
72
- disabled = _ref2.disabled,
73
- children = _ref2.children;
74
- var onDragEnd = function onDragEnd(event) {
75
- var active = event.active,
76
- over = event.over;
77
- if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
78
- if (onDrag) {
79
- var nextList = onDrag(event, value);
80
- onChange(nextList);
81
- return;
82
- }
83
- var activeIndex = value.findIndex(function (i) {
84
- return i.rowKey === active.id;
85
- });
86
- var overIndex = value.findIndex(function (i) {
87
- return i.rowKey === (over === null || over === void 0 ? void 0 : over.id);
88
- });
89
- var nextValue = arrayMove(value, activeIndex, overIndex);
90
- onChange(nextValue);
91
- }
92
- };
93
- return draggable && !disabled ? _jsx(DndContext, {
94
- onDragEnd: onDragEnd,
95
- children: _jsx(SortableContext, {
96
- items: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value.map(function (i) {
97
- return i.rowKey;
98
- }) : [],
99
- strategy: verticalListSortingStrategy,
100
- children: children
101
- })
102
- }) : children;
103
- };
104
- export default DndWrapper;
@@ -1,2 +0,0 @@
1
- declare const ResizableLine: () => import("react/jsx-runtime").JSX.Element;
2
- export default ResizableLine;