@zat-design/sisyphus-react 3.6.7 → 3.6.8-beta.1
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/ProEditTable/components/ActionButton/index.js +6 -6
- package/es/ProEditTable/components/RcTable/BaseTable.js +2 -2
- package/es/ProEditTable/components/RcTable/DraggableTable.d.ts +2 -2
- package/es/ProEditTable/components/RcTable/DraggableTable.js +109 -11
- package/es/ProEditTable/components/RcTable/VirtualTable.js +2 -2
- package/es/ProEditTable/components/RenderField/index.js +2 -2
- package/es/ProEditTable/components/index.d.ts +0 -1
- package/es/ProEditTable/components/index.js +0 -1
- package/es/ProForm/components/combination/ProModalSelect/index.js +7 -1
- package/es/ProSelect/index.js +15 -36
- package/es/ProTable/{utils.d.ts → components/FormatColumn/index.d.ts} +1 -11
- package/es/ProTable/{utils.js → components/FormatColumn/index.js} +7 -57
- package/es/ProTable/components/RcTable/components/BaseTable/index.d.ts +11 -0
- package/es/ProTable/components/RcTable/components/BaseTable/index.js +43 -0
- package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/index.js +1 -4
- package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/index.js +2 -2
- package/es/ProTable/components/RcTable/components/DraggableTable/index.d.ts +11 -0
- package/es/ProTable/components/RcTable/components/DraggableTable/index.js +52 -0
- package/es/ProTable/components/RcTable/index.d.ts +4 -0
- package/es/ProTable/components/RcTable/index.js +4 -0
- package/es/ProTable/components/RenderEmptyText/index.d.ts +3 -0
- package/es/ProTable/components/RenderEmptyText/index.js +22 -0
- package/es/ProTable/components/RenderFooter/index.d.ts +2 -0
- package/es/ProTable/components/RenderFooter/index.js +12 -0
- package/es/ProTable/components/RenderSummary/index.d.ts +3 -0
- package/es/ProTable/components/RenderSummary/index.js +55 -0
- package/es/ProTable/components/RenderTableHeader/index.d.ts +2 -0
- package/es/ProTable/components/RenderTableHeader/index.js +61 -0
- package/es/ProTable/components/TableResizable/index.js +1 -9
- package/es/ProTable/components/index.d.ts +4 -2
- package/es/ProTable/components/index.js +4 -2
- package/{lib/ProTable → es/ProTable/hooks}/useAntdTable.d.ts +2 -1
- package/es/ProTable/{useAntdTable.js → hooks/useAntdTable.js} +15 -4
- package/es/ProTable/index.d.ts +1 -1
- package/es/ProTable/index.js +114 -174
- package/es/ProTable/propsType.d.ts +3 -1
- package/es/ProTable/utils/index.d.ts +26 -0
- package/es/ProTable/utils/index.js +51 -0
- package/lib/ProEditTable/components/ActionButton/index.js +6 -6
- package/lib/ProEditTable/components/RcTable/BaseTable.js +2 -2
- package/lib/ProEditTable/components/RcTable/DraggableTable.d.ts +2 -2
- package/lib/ProEditTable/components/RcTable/DraggableTable.js +111 -12
- package/lib/ProEditTable/components/RcTable/VirtualTable.js +2 -2
- package/lib/ProEditTable/components/RenderField/index.js +2 -2
- package/lib/ProEditTable/components/index.d.ts +0 -1
- package/lib/ProEditTable/components/index.js +0 -14
- package/lib/ProForm/components/combination/ProModalSelect/index.js +5 -1
- package/lib/ProSelect/index.js +13 -36
- package/lib/ProTable/{utils.d.ts → components/FormatColumn/index.d.ts} +1 -11
- package/lib/ProTable/{utils.js → components/FormatColumn/index.js} +17 -68
- package/lib/ProTable/components/RcTable/components/BaseTable/index.d.ts +11 -0
- package/lib/ProTable/components/RcTable/components/BaseTable/index.js +49 -0
- package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/index.js +1 -4
- package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/index.js +2 -2
- package/lib/ProTable/components/RcTable/components/DraggableTable/index.d.ts +11 -0
- package/lib/ProTable/components/RcTable/components/DraggableTable/index.js +59 -0
- package/lib/ProTable/components/RcTable/index.d.ts +4 -0
- package/lib/ProTable/components/RcTable/index.js +20 -0
- package/lib/ProTable/components/RenderEmptyText/index.d.ts +3 -0
- package/lib/ProTable/components/RenderEmptyText/index.js +28 -0
- package/lib/ProTable/components/RenderFooter/index.d.ts +2 -0
- package/lib/ProTable/components/RenderFooter/index.js +18 -0
- package/lib/ProTable/components/RenderSummary/index.d.ts +3 -0
- package/lib/ProTable/components/RenderSummary/index.js +61 -0
- package/lib/ProTable/components/RenderTableHeader/index.d.ts +2 -0
- package/lib/ProTable/components/RenderTableHeader/index.js +66 -0
- package/lib/ProTable/components/TableResizable/index.js +3 -11
- package/lib/ProTable/components/index.d.ts +4 -2
- package/lib/ProTable/components/index.js +16 -9
- package/{es/ProTable → lib/ProTable/hooks}/useAntdTable.d.ts +2 -1
- package/lib/ProTable/{useAntdTable.js → hooks/useAntdTable.js} +15 -4
- package/lib/ProTable/index.d.ts +1 -1
- package/lib/ProTable/index.js +118 -175
- package/lib/ProTable/propsType.d.ts +3 -1
- package/lib/ProTable/utils/index.d.ts +26 -0
- package/lib/ProTable/utils/index.js +57 -0
- package/package.json +1 -1
- package/es/ProEditTable/components/DndWrapper/index.d.ts +0 -17
- package/es/ProEditTable/components/DndWrapper/index.js +0 -104
- package/es/ProTable/components/ResizableLine/index.d.ts +0 -2
- package/es/ProTable/components/ResizableLine/index.js +0 -10
- package/lib/ProEditTable/components/DndWrapper/index.d.ts +0 -17
- package/lib/ProEditTable/components/DndWrapper/index.js +0 -111
- package/lib/ProTable/components/ResizableLine/index.d.ts +0 -2
- package/lib/ProTable/components/ResizableLine/index.js +0 -16
- /package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/index.d.ts +0 -0
- /package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/index.d.ts +0 -0
- /package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/propsType.d.ts +0 -0
- /package/es/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/propsType.js +0 -0
- /package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/index.d.ts +0 -0
- /package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/index.d.ts +0 -0
- /package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/propsType.d.ts +0 -0
- /package/lib/ProTable/components/{DndWrapper → RcTable/components/DraggableTable/components/DndWrapper}/utils/propsType.js +0 -0
package/lib/ProTable/index.js
CHANGED
|
@@ -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
|
|
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
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
182
|
-
item.render = propsColumnObj[(0,
|
|
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,
|
|
196
|
+
(0, _FormatColumn.formatColumn)(item, originalObj, dataSourceObj, 'rowKey');
|
|
201
197
|
});
|
|
202
198
|
return newColumns;
|
|
203
199
|
}, [curColumns, handleResize]);
|
|
204
|
-
var handleColumnConfig = function
|
|
205
|
-
var
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
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
|
|
333
|
-
return (0, _regeneratorRuntime2.default)().wrap(function
|
|
334
|
-
while (1) switch (
|
|
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
|
|
321
|
+
return _context2.stop();
|
|
344
322
|
}
|
|
345
|
-
},
|
|
323
|
+
}, _callee2);
|
|
346
324
|
}));
|
|
347
|
-
return function onDataSourceChange(
|
|
348
|
-
return
|
|
325
|
+
return function onDataSourceChange(_x2) {
|
|
326
|
+
return _ref6.apply(this, arguments);
|
|
349
327
|
};
|
|
350
328
|
}();
|
|
351
|
-
var
|
|
352
|
-
if (
|
|
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.
|
|
341
|
+
children: (0, _jsxRuntime.jsxs)("div", {
|
|
371
342
|
className: cls,
|
|
372
|
-
children: (0, _jsxRuntime.
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
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
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
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/package.json
CHANGED
|
@@ -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;
|