@zat-design/sisyphus-react 3.9.0-beta.10 → 3.9.0-beta.12
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/ProEnum/index.js +5 -3
- package/es/ProEnum/propsType.d.ts +1 -0
- package/es/ProTable/components/FormatColumn/index.d.ts +4 -2
- package/es/ProTable/components/FormatColumn/index.js +40 -26
- package/es/ProTable/components/RenderColumn/index.d.ts +1 -2
- package/es/ProTable/components/RenderColumn/index.js +15 -8
- package/es/ProTable/index.js +0 -1
- package/es/ProTable/propsType.d.ts +1 -2
- package/es/ProTable/utils/index.d.ts +5 -2
- package/es/ProTable/utils/index.js +13 -4
- package/lib/ProEnum/index.js +5 -3
- package/lib/ProEnum/propsType.d.ts +1 -0
- package/lib/ProTable/components/FormatColumn/index.d.ts +4 -2
- package/lib/ProTable/components/FormatColumn/index.js +40 -26
- package/lib/ProTable/components/RenderColumn/index.d.ts +1 -2
- package/lib/ProTable/components/RenderColumn/index.js +15 -8
- package/lib/ProTable/index.js +0 -1
- package/lib/ProTable/propsType.d.ts +1 -2
- package/lib/ProTable/utils/index.d.ts +5 -2
- package/lib/ProTable/utils/index.js +13 -4
- package/package.json +1 -1
package/es/ProEnum/index.js
CHANGED
|
@@ -44,6 +44,7 @@ var ProEnum = function ProEnum(props) {
|
|
|
44
44
|
var _ref = otherProps || {},
|
|
45
45
|
viewEmpty = _ref.viewEmpty;
|
|
46
46
|
var _isView = isView !== undefined && isView !== null ? isView : otherProps === null || otherProps === void 0 ? void 0 : otherProps.isView;
|
|
47
|
+
var _defalutValue = props === null || props === void 0 ? void 0 : props.defaultValue;
|
|
47
48
|
var _ref2 = useProConfig('ProEnum') || {},
|
|
48
49
|
fieldNames = _ref2.fieldNames,
|
|
49
50
|
_ref2$clear = _ref2.clear,
|
|
@@ -273,16 +274,17 @@ var ProEnum = function ProEnum(props) {
|
|
|
273
274
|
return isFunction(props.optionRender) && record.length ? _optionRender() : labelList === null || labelList === void 0 ? void 0 : labelList.join(',');
|
|
274
275
|
};
|
|
275
276
|
if (_isView) {
|
|
276
|
-
|
|
277
|
+
var __value = value || _defalutValue;
|
|
278
|
+
if (Array.isArray(__value)) {
|
|
277
279
|
return _jsx(Container, {
|
|
278
280
|
tooltip: true,
|
|
279
281
|
viewEmpty: viewEmpty,
|
|
280
|
-
children: transToLabel(
|
|
282
|
+
children: transToLabel(__value)
|
|
281
283
|
});
|
|
282
284
|
}
|
|
283
285
|
return _jsx(Container, {
|
|
284
286
|
viewEmpty: viewEmpty,
|
|
285
|
-
children:
|
|
287
|
+
children: __value || isNumber(__value) ? transToLabel([__value]) : null
|
|
286
288
|
});
|
|
287
289
|
}
|
|
288
290
|
return _jsx(_Fragment, {
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 调整点:
|
|
3
|
+
*/
|
|
1
4
|
import React from 'react';
|
|
2
5
|
import { ProTableColumn } from '../../propsType';
|
|
3
|
-
export declare const formatColumn: ({ column, originalObj, rowKey,
|
|
6
|
+
export declare const formatColumn: ({ column, originalObj, rowKey, wrapToolTipProps, scroll, onUpdateMinWidth, isInNewRow, diffConfig, }: {
|
|
4
7
|
column: ProTableColumn;
|
|
5
8
|
originalObj: any;
|
|
6
9
|
rowKey: any;
|
|
7
|
-
diffToolTip?: boolean;
|
|
8
10
|
wrapToolTipProps?: any;
|
|
9
11
|
scroll?: any;
|
|
10
12
|
onUpdateMinWidth?: any;
|
|
@@ -2,8 +2,11 @@ import "antd/es/space/style";
|
|
|
2
2
|
import _Space from "antd/es/space";
|
|
3
3
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
4
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
5
|
-
var _excluded = ["title", "valueType", "format", "precision", "ellipsis", "code", "copyable", "width", "tooltip", "transform", "prefix", "suffix", "dataIndex", "
|
|
5
|
+
var _excluded = ["title", "valueType", "format", "precision", "ellipsis", "code", "copyable", "width", "tooltip", "transform", "prefix", "suffix", "dataIndex", "toolTipProps", "minWidth", "onDiff"];
|
|
6
6
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
7
|
+
/**
|
|
8
|
+
* 调整点:
|
|
9
|
+
*/
|
|
7
10
|
import { isValidElement } from 'react';
|
|
8
11
|
import moment from 'moment';
|
|
9
12
|
import classnames from 'classnames';
|
|
@@ -50,7 +53,6 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
50
53
|
var column = _ref2.column,
|
|
51
54
|
originalObj = _ref2.originalObj,
|
|
52
55
|
rowKey = _ref2.rowKey,
|
|
53
|
-
diffToolTip = _ref2.diffToolTip,
|
|
54
56
|
wrapToolTipProps = _ref2.wrapToolTipProps,
|
|
55
57
|
scroll = _ref2.scroll,
|
|
56
58
|
onUpdateMinWidth = _ref2.onUpdateMinWidth,
|
|
@@ -71,7 +73,6 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
71
73
|
prefix = column.prefix,
|
|
72
74
|
suffix = column.suffix,
|
|
73
75
|
dataIndex = column.dataIndex,
|
|
74
|
-
originalDiffTip = column.originalDiffTip,
|
|
75
76
|
_column$toolTipProps = column.toolTipProps,
|
|
76
77
|
toolTipProps = _column$toolTipProps === void 0 ? {} : _column$toolTipProps,
|
|
77
78
|
minWidth = column.minWidth,
|
|
@@ -87,7 +88,6 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
87
88
|
callback: onUpdateMinWidth
|
|
88
89
|
});
|
|
89
90
|
var _toolTipProps = _objectSpread(_objectSpread({}, toolTipProps), wrapToolTipProps);
|
|
90
|
-
var _originalDiffTip = (diffConfig === null || diffConfig === void 0 ? void 0 : diffConfig.originalDataSource) || (diffConfig === null || diffConfig === void 0 ? void 0 : diffConfig.toolTip);
|
|
91
91
|
// 前缀处理
|
|
92
92
|
var prefixNode = function prefixNode(value, record, index) {
|
|
93
93
|
if (!prefix) {
|
|
@@ -121,8 +121,11 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
121
121
|
column.render = function (value, record, index) {
|
|
122
122
|
var isFn = isFunction(originalRender);
|
|
123
123
|
var _value = isFn ? originalRender === null || originalRender === void 0 ? void 0 : originalRender(value, record !== null && record !== void 0 ? record : {}, index) : null;
|
|
124
|
-
var
|
|
124
|
+
var originalResult = getOriginalValue(value, record !== null && record !== void 0 ? record : {}, originalObj, rowKey, dataIndex);
|
|
125
|
+
var originalValue = originalResult.originalValue;
|
|
126
|
+
var isChanged = originalResult.isChanged;
|
|
125
127
|
var isInNewRowFlag = isInNewRow(record);
|
|
128
|
+
otherProps.isChanged = isChanged;
|
|
126
129
|
// 存在比对
|
|
127
130
|
if (isFunction(otherProps === null || otherProps === void 0 ? void 0 : otherProps.viewRender) && (diffConfig === null || diffConfig === void 0 ? void 0 : diffConfig.originalDataSource)) {
|
|
128
131
|
var _originalObj$record$r;
|
|
@@ -134,7 +137,6 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
134
137
|
index: index
|
|
135
138
|
});
|
|
136
139
|
originalValue = diffResult;
|
|
137
|
-
otherProps.diffChange = diffResult;
|
|
138
140
|
}
|
|
139
141
|
return _jsx(RenderColumn, _objectSpread(_objectSpread({}, otherProps), {}, {
|
|
140
142
|
valueType: valueType,
|
|
@@ -144,7 +146,6 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
144
146
|
value: _value,
|
|
145
147
|
node: _value,
|
|
146
148
|
currentValue: _value,
|
|
147
|
-
originalDiffTip: _originalDiffTip,
|
|
148
149
|
toolTipProps: _toolTipProps,
|
|
149
150
|
minWidth: minWidth,
|
|
150
151
|
isInNewRowFlag: isInNewRowFlag
|
|
@@ -171,7 +172,10 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
171
172
|
var multiple = valueType === 'percentage' ? 100 : 1000;
|
|
172
173
|
var realValue = tools.calc(Number(value !== null && value !== void 0 ? value : 0), '*', multiple);
|
|
173
174
|
var renderValue = getDecimalDigits(value) > valueTypePrecision ? realValue : realValue.toFixed(valueTypePrecision);
|
|
174
|
-
var
|
|
175
|
+
var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
|
|
176
|
+
var originalValue = originalResult.originalValue;
|
|
177
|
+
var isChanged = originalResult.isChanged;
|
|
178
|
+
otherProps.isChanged = isChanged;
|
|
175
179
|
var originalRealValue = tools.calc(Number(originalValue || null), '*', multiple);
|
|
176
180
|
var originalRenderValue = getDecimalDigits(originalValue) > valueTypePrecision ? originalRealValue : originalRealValue.toFixed(valueTypePrecision);
|
|
177
181
|
if (isEmpty(originalValue)) {
|
|
@@ -198,7 +202,6 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
198
202
|
node: node,
|
|
199
203
|
value: value,
|
|
200
204
|
currentValue: renderValue,
|
|
201
|
-
originalDiffTip: _originalDiffTip,
|
|
202
205
|
toolTipProps: _toolTipProps,
|
|
203
206
|
minWidth: minWidth,
|
|
204
207
|
isInNewRowFlag: isInNewRowFlag
|
|
@@ -209,7 +212,10 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
209
212
|
column.render = function (value, record, index) {
|
|
210
213
|
var valueStr = valueTypePrecision ? "".concat(Number(value).toFixed(valueTypePrecision)) : "".concat(value);
|
|
211
214
|
var renderValue = valueStr.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
|
212
|
-
var
|
|
215
|
+
var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
|
|
216
|
+
var originalValue = originalResult.originalValue;
|
|
217
|
+
var isChanged = originalResult.isChanged;
|
|
218
|
+
otherProps.isChanged = isChanged;
|
|
213
219
|
var originalRealValue = valueTypePrecision ? "".concat(Number(originalValue).toFixed(valueTypePrecision)) : "".concat(originalValue);
|
|
214
220
|
var originalRenderValue = originalRealValue.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
|
215
221
|
if (isEmpty(originalValue)) {
|
|
@@ -236,7 +242,6 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
236
242
|
node: node,
|
|
237
243
|
value: value,
|
|
238
244
|
currentValue: renderValue,
|
|
239
|
-
originalDiffTip: _originalDiffTip,
|
|
240
245
|
toolTipProps: _toolTipProps,
|
|
241
246
|
minWidth: minWidth,
|
|
242
247
|
isInNewRowFlag: isInNewRowFlag
|
|
@@ -246,7 +251,10 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
246
251
|
column.render = function (value, record, index) {
|
|
247
252
|
var _moment, _moment2, _moment3, _moment4, _moment5, _moment6, _moment7, _moment8, _moment9, _moment10, _moment11, _moment12, _moment13, _moment14;
|
|
248
253
|
var renderValue = (_moment = moment(value)) === null || _moment === void 0 ? void 0 : _moment.format(format);
|
|
249
|
-
var
|
|
254
|
+
var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
|
|
255
|
+
var originalValue = originalResult.originalValue;
|
|
256
|
+
var isChanged = originalResult.isChanged;
|
|
257
|
+
otherProps.isChanged = isChanged;
|
|
250
258
|
var originalRenderValue = (_moment2 = moment(originalValue)) === null || _moment2 === void 0 ? void 0 : _moment2.format(format);
|
|
251
259
|
switch (valueType) {
|
|
252
260
|
case 'date':
|
|
@@ -297,7 +305,6 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
297
305
|
node: node,
|
|
298
306
|
value: value,
|
|
299
307
|
currentValue: renderValue,
|
|
300
|
-
originalDiffTip: _originalDiffTip,
|
|
301
308
|
toolTipProps: _toolTipProps,
|
|
302
309
|
minWidth: minWidth,
|
|
303
310
|
isInNewRowFlag: isInNewRowFlag
|
|
@@ -307,7 +314,10 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
307
314
|
column.render = function (value, record, index) {
|
|
308
315
|
var realCode = typeof code === 'function' ? code(value, record) : code;
|
|
309
316
|
var renderValue = getEnumLabel(realCode, value, valueType === 'enumCodeName');
|
|
310
|
-
var
|
|
317
|
+
var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
|
|
318
|
+
var originalValue = originalResult.originalValue;
|
|
319
|
+
var isChanged = originalResult.isChanged;
|
|
320
|
+
otherProps.isChanged = isChanged;
|
|
311
321
|
var originalRenderValue = getEnumLabel(realCode, originalValue, valueType === 'enumCodeName');
|
|
312
322
|
if (Array.isArray(column === null || column === void 0 ? void 0 : column.codeValues) && !realCode) {
|
|
313
323
|
var _column$codeValues$fi;
|
|
@@ -338,7 +348,6 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
338
348
|
node: node,
|
|
339
349
|
value: value,
|
|
340
350
|
currentValue: renderValue,
|
|
341
|
-
originalDiffTip: _originalDiffTip,
|
|
342
351
|
toolTipProps: _toolTipProps,
|
|
343
352
|
minWidth: minWidth,
|
|
344
353
|
isInNewRowFlag: isInNewRowFlag
|
|
@@ -347,7 +356,10 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
347
356
|
} else if (precision || prefix || suffix) {
|
|
348
357
|
column.render = function (value, record, index) {
|
|
349
358
|
var renderValue = value === 'number' ? value.toFixed(precision) : value;
|
|
350
|
-
var
|
|
359
|
+
var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
|
|
360
|
+
var originalValue = originalResult.originalValue;
|
|
361
|
+
var isChanged = originalResult.isChanged;
|
|
362
|
+
otherProps.isChanged = isChanged;
|
|
351
363
|
var originalRenderValue = originalValue === 'number' ? originalValue.toFixed(precision) : originalValue;
|
|
352
364
|
var node = _jsxs(_Space, {
|
|
353
365
|
size: 8,
|
|
@@ -373,7 +385,6 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
373
385
|
node: node,
|
|
374
386
|
value: value,
|
|
375
387
|
currentValue: renderValue,
|
|
376
|
-
originalDiffTip: _originalDiffTip,
|
|
377
388
|
toolTipProps: _toolTipProps,
|
|
378
389
|
minWidth: minWidth,
|
|
379
390
|
isInNewRowFlag: isInNewRowFlag
|
|
@@ -383,7 +394,10 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
383
394
|
column.render = function (value, record, index) {
|
|
384
395
|
var _realValue$filter;
|
|
385
396
|
var realValue = transform ? transform(value, record) : value;
|
|
386
|
-
var
|
|
397
|
+
var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
|
|
398
|
+
var originalValue = originalResult.originalValue;
|
|
399
|
+
var isChanged = originalResult.isChanged;
|
|
400
|
+
otherProps.isChanged = isChanged;
|
|
387
401
|
var originalRealValue = transform ? transform(originalValue, record) : originalValue;
|
|
388
402
|
var isEmpty = !realValue || Array.isArray(realValue) && (realValue === null || realValue === void 0 ? void 0 : (_realValue$filter = realValue.filter(function (item) {
|
|
389
403
|
return !!item;
|
|
@@ -396,9 +410,6 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
396
410
|
children: "-"
|
|
397
411
|
});
|
|
398
412
|
}
|
|
399
|
-
if (originalValue && !isEqual(realValue, originalRealValue)) {
|
|
400
|
-
otherProps.diffChange = true;
|
|
401
|
-
}
|
|
402
413
|
var className = classnames({
|
|
403
414
|
'empty-cell': isEmpty
|
|
404
415
|
});
|
|
@@ -431,7 +442,6 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
431
442
|
node: renderNode,
|
|
432
443
|
value: renderValue,
|
|
433
444
|
currentValue: renderValue,
|
|
434
|
-
originalDiffTip: _originalDiffTip,
|
|
435
445
|
toolTipProps: _toolTipProps,
|
|
436
446
|
minWidth: minWidth,
|
|
437
447
|
isInNewRowFlag: isInNewRowFlag
|
|
@@ -458,7 +468,10 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
458
468
|
};
|
|
459
469
|
} else if (ellipsis) {
|
|
460
470
|
column.render = function (value, record, index) {
|
|
461
|
-
var
|
|
471
|
+
var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
|
|
472
|
+
var originalValue = originalResult.originalValue;
|
|
473
|
+
var isChanged = originalResult.isChanged;
|
|
474
|
+
otherProps.isChanged = isChanged;
|
|
462
475
|
if (!value && value !== 0 && value === originalValue) {
|
|
463
476
|
_jsx("div", {
|
|
464
477
|
style: {
|
|
@@ -478,7 +491,6 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
478
491
|
node: value,
|
|
479
492
|
value: value,
|
|
480
493
|
currentValue: value || '-',
|
|
481
|
-
originalDiffTip: _originalDiffTip,
|
|
482
494
|
toolTipProps: _toolTipProps,
|
|
483
495
|
minWidth: minWidth,
|
|
484
496
|
isInNewRowFlag: isInNewRowFlag
|
|
@@ -487,7 +499,10 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
487
499
|
};
|
|
488
500
|
} else {
|
|
489
501
|
column.render = function (value, record, index) {
|
|
490
|
-
var
|
|
502
|
+
var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
|
|
503
|
+
var originalValue = originalResult.originalValue;
|
|
504
|
+
var isChanged = originalResult.isChanged;
|
|
505
|
+
otherProps.isChanged = isChanged;
|
|
491
506
|
var node = _jsxs(_Space, {
|
|
492
507
|
size: 8,
|
|
493
508
|
children: [prefixNode(value, record, index), value, suffixNode(value, record, index)]
|
|
@@ -509,7 +524,6 @@ export var formatColumn = function formatColumn(_ref2) {
|
|
|
509
524
|
node: node,
|
|
510
525
|
value: value,
|
|
511
526
|
currentValue: value || '-',
|
|
512
|
-
originalDiffTip: _originalDiffTip,
|
|
513
527
|
toolTipProps: _toolTipProps,
|
|
514
528
|
minWidth: minWidth,
|
|
515
529
|
isInNewRowFlag: isInNewRowFlag
|
|
@@ -6,14 +6,13 @@ interface Props {
|
|
|
6
6
|
value?: any;
|
|
7
7
|
currentValue?: any;
|
|
8
8
|
copyable?: boolean;
|
|
9
|
-
originalDiffTip?: boolean;
|
|
10
9
|
ellipsis?: any;
|
|
11
10
|
width?: number | string;
|
|
12
11
|
originalValue?: any;
|
|
13
12
|
toolTipProps?: TooltipProps & React.RefAttributes<unknown>;
|
|
14
13
|
minWidth?: number;
|
|
15
14
|
isInNewRowFlag?: boolean;
|
|
16
|
-
|
|
15
|
+
isChanged?: boolean;
|
|
17
16
|
}
|
|
18
17
|
declare const RenderColumn: FC<Props>;
|
|
19
18
|
export default RenderColumn;
|
|
@@ -8,6 +8,7 @@ import "antd/es/typography/style";
|
|
|
8
8
|
import _Typography from "antd/es/typography";
|
|
9
9
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
10
10
|
import { useSetState } from 'ahooks';
|
|
11
|
+
import { isBoolean } from 'lodash';
|
|
11
12
|
import classNames from 'classnames';
|
|
12
13
|
import { CheckOutlined } from '@ant-design/icons';
|
|
13
14
|
import { ReactSVG } from 'react-svg';
|
|
@@ -25,7 +26,6 @@ var RenderColumn = function RenderColumn(props) {
|
|
|
25
26
|
ellipsis = props.ellipsis,
|
|
26
27
|
width = props.width,
|
|
27
28
|
originalValue = props.originalValue,
|
|
28
|
-
originalDiffTip = props.originalDiffTip,
|
|
29
29
|
_props$toolTipProps = props.toolTipProps,
|
|
30
30
|
toolTipProps = _props$toolTipProps === void 0 ? {} : _props$toolTipProps,
|
|
31
31
|
minWidth = props.minWidth,
|
|
@@ -37,11 +37,12 @@ var RenderColumn = function RenderColumn(props) {
|
|
|
37
37
|
tooltip = _useSetState2[0].tooltip,
|
|
38
38
|
setState = _useSetState2[1];
|
|
39
39
|
var cellDiffCls = classNames({
|
|
40
|
-
'varied-cell':
|
|
40
|
+
'varied-cell': props === null || props === void 0 ? void 0 : props.isChanged
|
|
41
41
|
});
|
|
42
|
-
|
|
42
|
+
// 比对场景走的逻辑
|
|
43
|
+
if (!isInNewRowFlag && isBoolean(props === null || props === void 0 ? void 0 : props.isChanged)) {
|
|
43
44
|
var renderNode = value ? node : '-';
|
|
44
|
-
if (ellipsis ||
|
|
45
|
+
if (ellipsis || (props === null || props === void 0 ? void 0 : props.isChanged)) {
|
|
45
46
|
renderNode = _jsx(Text, {
|
|
46
47
|
style: {
|
|
47
48
|
width: currentValue === '-' ? 32.5 : width,
|
|
@@ -52,12 +53,18 @@ var RenderColumn = function RenderColumn(props) {
|
|
|
52
53
|
},
|
|
53
54
|
children: ellipsis ? currentValue : renderNode
|
|
54
55
|
});
|
|
55
|
-
if ((props === null || props === void 0 ? void 0 : props.
|
|
56
|
+
if ((props === null || props === void 0 ? void 0 : props.isChanged) === false) {
|
|
56
57
|
return renderNode;
|
|
57
58
|
}
|
|
58
59
|
if (Array.isArray(originalValue)) {
|
|
59
60
|
console.error('Error: When enabled, dataIndex corresponds to an array, which needs to be converted using viewRender');
|
|
60
61
|
}
|
|
62
|
+
var originalValueCalc = function originalValueCalc() {
|
|
63
|
+
if (Array.isArray(originalValue)) {
|
|
64
|
+
return null;
|
|
65
|
+
}
|
|
66
|
+
return !isEmpty(originalValue) ? originalValue : '-';
|
|
67
|
+
};
|
|
61
68
|
return _jsx(_Tooltip, _objectSpread(_objectSpread({
|
|
62
69
|
className: cellDiffCls,
|
|
63
70
|
style: {
|
|
@@ -70,11 +77,11 @@ var RenderColumn = function RenderColumn(props) {
|
|
|
70
77
|
title: _jsx(_Space, {
|
|
71
78
|
direction: "vertical",
|
|
72
79
|
className: "changed-tooltip",
|
|
73
|
-
children:
|
|
80
|
+
children: (props === null || props === void 0 ? void 0 : props.isChanged) ? _jsxs(_Fragment, {
|
|
74
81
|
children: [_jsxs(_Space, {
|
|
75
82
|
align: "start",
|
|
76
83
|
className: "original-value-container",
|
|
77
|
-
children: ["\u521D\u59CB\u503C\uFF1A",
|
|
84
|
+
children: ["\u521D\u59CB\u503C\uFF1A", originalValueCalc()]
|
|
78
85
|
}), _jsx(_Space, {
|
|
79
86
|
className: "current-value-container",
|
|
80
87
|
children: ellipsis ? _jsxs(_Space, {
|
|
@@ -90,7 +97,7 @@ var RenderColumn = function RenderColumn(props) {
|
|
|
90
97
|
children: renderNode
|
|
91
98
|
}));
|
|
92
99
|
}
|
|
93
|
-
if ((props === null || props === void 0 ? void 0 : props.
|
|
100
|
+
if ((props === null || props === void 0 ? void 0 : props.isChanged) === false) {
|
|
94
101
|
return renderNode;
|
|
95
102
|
}
|
|
96
103
|
return _jsx("span", {
|
package/es/ProTable/index.js
CHANGED
|
@@ -214,7 +214,6 @@ var ProTable = function ProTable(props) {
|
|
|
214
214
|
originalObj: originalObj,
|
|
215
215
|
rowKey: props.rowKey,
|
|
216
216
|
diffConfig: diffConfig,
|
|
217
|
-
diffToolTip: toolTip,
|
|
218
217
|
wrapToolTipProps: wrapToolTipProps,
|
|
219
218
|
scroll: _scroll,
|
|
220
219
|
onUpdateMinWidth: function onUpdateMinWidth(w) {
|
|
@@ -31,7 +31,6 @@ export interface ProTableColumn extends Omit<ColumnType<any>, 'dataIndex'> {
|
|
|
31
31
|
value: string | number;
|
|
32
32
|
}[];
|
|
33
33
|
copyable?: boolean;
|
|
34
|
-
originalDiffTip?: boolean;
|
|
35
34
|
prefix?: string | ReactNode | ((value: any, record?: any, index?: number) => any);
|
|
36
35
|
suffix?: string | ReactNode | ((value: any, record?: any, index?: number) => any);
|
|
37
36
|
tooltip?: ReactNode | {
|
|
@@ -46,7 +45,7 @@ export interface ProTableColumn extends Omit<ColumnType<any>, 'dataIndex'> {
|
|
|
46
45
|
originValue: any;
|
|
47
46
|
}) => boolean;
|
|
48
47
|
viewRender?: ({ value, record, index, originalValue, originalRecord }: any) => any;
|
|
49
|
-
|
|
48
|
+
isChanged?: boolean | null;
|
|
50
49
|
}
|
|
51
50
|
export interface CreateTreeFromArrayOptions {
|
|
52
51
|
itemKey?: string;
|
|
@@ -11,9 +11,12 @@ export declare const getDecimalDigits: (num?: number) => number;
|
|
|
11
11
|
* @param any value
|
|
12
12
|
* @param any originalObj
|
|
13
13
|
* @param {any} dataIndex
|
|
14
|
-
* @return {any}
|
|
14
|
+
* @return {any} isChanged 返回bool值,表示存在比对
|
|
15
15
|
*/
|
|
16
|
-
export declare const getOriginalValue: (value: any, record: any, originalObj: any, rowKey: any, dataIndex: any) =>
|
|
16
|
+
export declare const getOriginalValue: (value: any, record: any, originalObj: any, rowKey: any, dataIndex: any) => {
|
|
17
|
+
originalValue: any;
|
|
18
|
+
isChanged: boolean;
|
|
19
|
+
};
|
|
17
20
|
export declare const getColumnDataIndex: (dataIndex: string | string[]) => string;
|
|
18
21
|
/**
|
|
19
22
|
* 判断数据是否为Response<List<any>>结构
|
|
@@ -16,18 +16,27 @@ export var getDecimalDigits = function getDecimalDigits() {
|
|
|
16
16
|
* @param any value
|
|
17
17
|
* @param any originalObj
|
|
18
18
|
* @param {any} dataIndex
|
|
19
|
-
* @return {any}
|
|
19
|
+
* @return {any} isChanged 返回bool值,表示存在比对
|
|
20
20
|
*/
|
|
21
21
|
export var getOriginalValue = function getOriginalValue(value, record, originalObj, rowKey, dataIndex) {
|
|
22
22
|
if (!originalObj) {
|
|
23
|
-
return
|
|
23
|
+
return {
|
|
24
|
+
originalValue: null,
|
|
25
|
+
isChanged: null
|
|
26
|
+
};
|
|
24
27
|
}
|
|
25
28
|
var originalRecord = get(originalObj, get(record, rowKey));
|
|
26
29
|
var originalValue = get(originalRecord, dataIndex);
|
|
27
30
|
if (!isEqual(originalValue, value)) {
|
|
28
|
-
return
|
|
31
|
+
return {
|
|
32
|
+
originalValue: originalValue,
|
|
33
|
+
isChanged: true
|
|
34
|
+
};
|
|
29
35
|
}
|
|
30
|
-
return
|
|
36
|
+
return {
|
|
37
|
+
originalValue: null,
|
|
38
|
+
isChanged: false
|
|
39
|
+
};
|
|
31
40
|
};
|
|
32
41
|
export var getColumnDataIndex = function getColumnDataIndex(dataIndex) {
|
|
33
42
|
return typeof dataIndex === 'string' ? dataIndex : dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.join('-');
|
package/lib/ProEnum/index.js
CHANGED
|
@@ -45,6 +45,7 @@ var ProEnum = function ProEnum(props) {
|
|
|
45
45
|
var _ref = otherProps || {},
|
|
46
46
|
viewEmpty = _ref.viewEmpty;
|
|
47
47
|
var _isView = isView !== undefined && isView !== null ? isView : otherProps === null || otherProps === void 0 ? void 0 : otherProps.isView;
|
|
48
|
+
var _defalutValue = props === null || props === void 0 ? void 0 : props.defaultValue;
|
|
48
49
|
var _ref2 = (0, _ProConfigProvider.useProConfig)('ProEnum') || {},
|
|
49
50
|
fieldNames = _ref2.fieldNames,
|
|
50
51
|
_ref2$clear = _ref2.clear,
|
|
@@ -274,16 +275,17 @@ var ProEnum = function ProEnum(props) {
|
|
|
274
275
|
return (0, _lodash.isFunction)(props.optionRender) && record.length ? _optionRender() : labelList === null || labelList === void 0 ? void 0 : labelList.join(',');
|
|
275
276
|
};
|
|
276
277
|
if (_isView) {
|
|
277
|
-
|
|
278
|
+
var __value = value || _defalutValue;
|
|
279
|
+
if (Array.isArray(__value)) {
|
|
278
280
|
return (0, _jsxRuntime.jsx)(_Container.default, {
|
|
279
281
|
tooltip: true,
|
|
280
282
|
viewEmpty: viewEmpty,
|
|
281
|
-
children: transToLabel(
|
|
283
|
+
children: transToLabel(__value)
|
|
282
284
|
});
|
|
283
285
|
}
|
|
284
286
|
return (0, _jsxRuntime.jsx)(_Container.default, {
|
|
285
287
|
viewEmpty: viewEmpty,
|
|
286
|
-
children:
|
|
288
|
+
children: __value || (0, _lodash.isNumber)(__value) ? transToLabel([__value]) : null
|
|
287
289
|
});
|
|
288
290
|
}
|
|
289
291
|
return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 调整点:
|
|
3
|
+
*/
|
|
1
4
|
import React from 'react';
|
|
2
5
|
import { ProTableColumn } from '../../propsType';
|
|
3
|
-
export declare const formatColumn: ({ column, originalObj, rowKey,
|
|
6
|
+
export declare const formatColumn: ({ column, originalObj, rowKey, wrapToolTipProps, scroll, onUpdateMinWidth, isInNewRow, diffConfig, }: {
|
|
4
7
|
column: ProTableColumn;
|
|
5
8
|
originalObj: any;
|
|
6
9
|
rowKey: any;
|
|
7
|
-
diffToolTip?: boolean;
|
|
8
10
|
wrapToolTipProps?: any;
|
|
9
11
|
scroll?: any;
|
|
10
12
|
onUpdateMinWidth?: any;
|
|
@@ -21,7 +21,10 @@ var _utils2 = require("../../utils");
|
|
|
21
21
|
var _utils3 = require("../../../utils");
|
|
22
22
|
var _getEnumLabel = _interopRequireDefault(require("../../../ProEnum/utils/getEnumLabel"));
|
|
23
23
|
var _ProForm = _interopRequireDefault(require("../../../ProForm"));
|
|
24
|
-
var _excluded = ["title", "valueType", "format", "precision", "ellipsis", "code", "copyable", "width", "tooltip", "transform", "prefix", "suffix", "dataIndex", "
|
|
24
|
+
var _excluded = ["title", "valueType", "format", "precision", "ellipsis", "code", "copyable", "width", "tooltip", "transform", "prefix", "suffix", "dataIndex", "toolTipProps", "minWidth", "onDiff"];
|
|
25
|
+
/**
|
|
26
|
+
* 调整点:
|
|
27
|
+
*/
|
|
25
28
|
var isReactElement = function isReactElement(element) {
|
|
26
29
|
return /*#__PURE__*/(0, _react.isValidElement)(element);
|
|
27
30
|
};
|
|
@@ -56,7 +59,6 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
56
59
|
var column = _ref2.column,
|
|
57
60
|
originalObj = _ref2.originalObj,
|
|
58
61
|
rowKey = _ref2.rowKey,
|
|
59
|
-
diffToolTip = _ref2.diffToolTip,
|
|
60
62
|
wrapToolTipProps = _ref2.wrapToolTipProps,
|
|
61
63
|
scroll = _ref2.scroll,
|
|
62
64
|
onUpdateMinWidth = _ref2.onUpdateMinWidth,
|
|
@@ -77,7 +79,6 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
77
79
|
prefix = column.prefix,
|
|
78
80
|
suffix = column.suffix,
|
|
79
81
|
dataIndex = column.dataIndex,
|
|
80
|
-
originalDiffTip = column.originalDiffTip,
|
|
81
82
|
_column$toolTipProps = column.toolTipProps,
|
|
82
83
|
toolTipProps = _column$toolTipProps === void 0 ? {} : _column$toolTipProps,
|
|
83
84
|
minWidth = column.minWidth,
|
|
@@ -93,7 +94,6 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
93
94
|
callback: onUpdateMinWidth
|
|
94
95
|
});
|
|
95
96
|
var _toolTipProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, toolTipProps), wrapToolTipProps);
|
|
96
|
-
var _originalDiffTip = (diffConfig === null || diffConfig === void 0 ? void 0 : diffConfig.originalDataSource) || (diffConfig === null || diffConfig === void 0 ? void 0 : diffConfig.toolTip);
|
|
97
97
|
// 前缀处理
|
|
98
98
|
var prefixNode = function prefixNode(value, record, index) {
|
|
99
99
|
if (!prefix) {
|
|
@@ -127,8 +127,11 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
127
127
|
column.render = function (value, record, index) {
|
|
128
128
|
var isFn = (0, _lodash.isFunction)(originalRender);
|
|
129
129
|
var _value = isFn ? originalRender === null || originalRender === void 0 ? void 0 : originalRender(value, record !== null && record !== void 0 ? record : {}, index) : null;
|
|
130
|
-
var
|
|
130
|
+
var originalResult = (0, _utils2.getOriginalValue)(value, record !== null && record !== void 0 ? record : {}, originalObj, rowKey, dataIndex);
|
|
131
|
+
var originalValue = originalResult.originalValue;
|
|
132
|
+
var isChanged = originalResult.isChanged;
|
|
131
133
|
var isInNewRowFlag = isInNewRow(record);
|
|
134
|
+
otherProps.isChanged = isChanged;
|
|
132
135
|
// 存在比对
|
|
133
136
|
if ((0, _lodash.isFunction)(otherProps === null || otherProps === void 0 ? void 0 : otherProps.viewRender) && (diffConfig === null || diffConfig === void 0 ? void 0 : diffConfig.originalDataSource)) {
|
|
134
137
|
var _originalObj$record$r;
|
|
@@ -140,7 +143,6 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
140
143
|
index: index
|
|
141
144
|
});
|
|
142
145
|
originalValue = diffResult;
|
|
143
|
-
otherProps.diffChange = diffResult;
|
|
144
146
|
}
|
|
145
147
|
return (0, _jsxRuntime.jsx)(_RenderColumn.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, otherProps), {}, {
|
|
146
148
|
valueType: valueType,
|
|
@@ -150,7 +152,6 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
150
152
|
value: _value,
|
|
151
153
|
node: _value,
|
|
152
154
|
currentValue: _value,
|
|
153
|
-
originalDiffTip: _originalDiffTip,
|
|
154
155
|
toolTipProps: _toolTipProps,
|
|
155
156
|
minWidth: minWidth,
|
|
156
157
|
isInNewRowFlag: isInNewRowFlag
|
|
@@ -177,7 +178,10 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
177
178
|
var multiple = valueType === 'percentage' ? 100 : 1000;
|
|
178
179
|
var realValue = _utils.tools.calc(Number(value !== null && value !== void 0 ? value : 0), '*', multiple);
|
|
179
180
|
var renderValue = (0, _utils2.getDecimalDigits)(value) > valueTypePrecision ? realValue : realValue.toFixed(valueTypePrecision);
|
|
180
|
-
var
|
|
181
|
+
var originalResult = (0, _utils2.getOriginalValue)(value, record, originalObj, rowKey, dataIndex);
|
|
182
|
+
var originalValue = originalResult.originalValue;
|
|
183
|
+
var isChanged = originalResult.isChanged;
|
|
184
|
+
otherProps.isChanged = isChanged;
|
|
181
185
|
var originalRealValue = _utils.tools.calc(Number(originalValue || null), '*', multiple);
|
|
182
186
|
var originalRenderValue = (0, _utils2.getDecimalDigits)(originalValue) > valueTypePrecision ? originalRealValue : originalRealValue.toFixed(valueTypePrecision);
|
|
183
187
|
if ((0, _utils3.isEmpty)(originalValue)) {
|
|
@@ -204,7 +208,6 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
204
208
|
node: node,
|
|
205
209
|
value: value,
|
|
206
210
|
currentValue: renderValue,
|
|
207
|
-
originalDiffTip: _originalDiffTip,
|
|
208
211
|
toolTipProps: _toolTipProps,
|
|
209
212
|
minWidth: minWidth,
|
|
210
213
|
isInNewRowFlag: isInNewRowFlag
|
|
@@ -215,7 +218,10 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
215
218
|
column.render = function (value, record, index) {
|
|
216
219
|
var valueStr = valueTypePrecision ? "".concat(Number(value).toFixed(valueTypePrecision)) : "".concat(value);
|
|
217
220
|
var renderValue = valueStr.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
|
218
|
-
var
|
|
221
|
+
var originalResult = (0, _utils2.getOriginalValue)(value, record, originalObj, rowKey, dataIndex);
|
|
222
|
+
var originalValue = originalResult.originalValue;
|
|
223
|
+
var isChanged = originalResult.isChanged;
|
|
224
|
+
otherProps.isChanged = isChanged;
|
|
219
225
|
var originalRealValue = valueTypePrecision ? "".concat(Number(originalValue).toFixed(valueTypePrecision)) : "".concat(originalValue);
|
|
220
226
|
var originalRenderValue = originalRealValue.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
|
221
227
|
if ((0, _utils3.isEmpty)(originalValue)) {
|
|
@@ -242,7 +248,6 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
242
248
|
node: node,
|
|
243
249
|
value: value,
|
|
244
250
|
currentValue: renderValue,
|
|
245
|
-
originalDiffTip: _originalDiffTip,
|
|
246
251
|
toolTipProps: _toolTipProps,
|
|
247
252
|
minWidth: minWidth,
|
|
248
253
|
isInNewRowFlag: isInNewRowFlag
|
|
@@ -252,7 +257,10 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
252
257
|
column.render = function (value, record, index) {
|
|
253
258
|
var _moment, _moment2, _moment3, _moment4, _moment5, _moment6, _moment7, _moment8, _moment9, _moment10, _moment11, _moment12, _moment13, _moment14;
|
|
254
259
|
var renderValue = (_moment = (0, _moment15.default)(value)) === null || _moment === void 0 ? void 0 : _moment.format(format);
|
|
255
|
-
var
|
|
260
|
+
var originalResult = (0, _utils2.getOriginalValue)(value, record, originalObj, rowKey, dataIndex);
|
|
261
|
+
var originalValue = originalResult.originalValue;
|
|
262
|
+
var isChanged = originalResult.isChanged;
|
|
263
|
+
otherProps.isChanged = isChanged;
|
|
256
264
|
var originalRenderValue = (_moment2 = (0, _moment15.default)(originalValue)) === null || _moment2 === void 0 ? void 0 : _moment2.format(format);
|
|
257
265
|
switch (valueType) {
|
|
258
266
|
case 'date':
|
|
@@ -303,7 +311,6 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
303
311
|
node: node,
|
|
304
312
|
value: value,
|
|
305
313
|
currentValue: renderValue,
|
|
306
|
-
originalDiffTip: _originalDiffTip,
|
|
307
314
|
toolTipProps: _toolTipProps,
|
|
308
315
|
minWidth: minWidth,
|
|
309
316
|
isInNewRowFlag: isInNewRowFlag
|
|
@@ -313,7 +320,10 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
313
320
|
column.render = function (value, record, index) {
|
|
314
321
|
var realCode = typeof code === 'function' ? code(value, record) : code;
|
|
315
322
|
var renderValue = (0, _getEnumLabel.default)(realCode, value, valueType === 'enumCodeName');
|
|
316
|
-
var
|
|
323
|
+
var originalResult = (0, _utils2.getOriginalValue)(value, record, originalObj, rowKey, dataIndex);
|
|
324
|
+
var originalValue = originalResult.originalValue;
|
|
325
|
+
var isChanged = originalResult.isChanged;
|
|
326
|
+
otherProps.isChanged = isChanged;
|
|
317
327
|
var originalRenderValue = (0, _getEnumLabel.default)(realCode, originalValue, valueType === 'enumCodeName');
|
|
318
328
|
if (Array.isArray(column === null || column === void 0 ? void 0 : column.codeValues) && !realCode) {
|
|
319
329
|
var _column$codeValues$fi;
|
|
@@ -344,7 +354,6 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
344
354
|
node: node,
|
|
345
355
|
value: value,
|
|
346
356
|
currentValue: renderValue,
|
|
347
|
-
originalDiffTip: _originalDiffTip,
|
|
348
357
|
toolTipProps: _toolTipProps,
|
|
349
358
|
minWidth: minWidth,
|
|
350
359
|
isInNewRowFlag: isInNewRowFlag
|
|
@@ -353,7 +362,10 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
353
362
|
} else if (precision || prefix || suffix) {
|
|
354
363
|
column.render = function (value, record, index) {
|
|
355
364
|
var renderValue = value === 'number' ? value.toFixed(precision) : value;
|
|
356
|
-
var
|
|
365
|
+
var originalResult = (0, _utils2.getOriginalValue)(value, record, originalObj, rowKey, dataIndex);
|
|
366
|
+
var originalValue = originalResult.originalValue;
|
|
367
|
+
var isChanged = originalResult.isChanged;
|
|
368
|
+
otherProps.isChanged = isChanged;
|
|
357
369
|
var originalRenderValue = originalValue === 'number' ? originalValue.toFixed(precision) : originalValue;
|
|
358
370
|
var node = (0, _jsxRuntime.jsxs)(_antd.Space, {
|
|
359
371
|
size: 8,
|
|
@@ -379,7 +391,6 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
379
391
|
node: node,
|
|
380
392
|
value: value,
|
|
381
393
|
currentValue: renderValue,
|
|
382
|
-
originalDiffTip: _originalDiffTip,
|
|
383
394
|
toolTipProps: _toolTipProps,
|
|
384
395
|
minWidth: minWidth,
|
|
385
396
|
isInNewRowFlag: isInNewRowFlag
|
|
@@ -389,7 +400,10 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
389
400
|
column.render = function (value, record, index) {
|
|
390
401
|
var _realValue$filter;
|
|
391
402
|
var realValue = transform ? transform(value, record) : value;
|
|
392
|
-
var
|
|
403
|
+
var originalResult = (0, _utils2.getOriginalValue)(value, record, originalObj, rowKey, dataIndex);
|
|
404
|
+
var originalValue = originalResult.originalValue;
|
|
405
|
+
var isChanged = originalResult.isChanged;
|
|
406
|
+
otherProps.isChanged = isChanged;
|
|
393
407
|
var originalRealValue = transform ? transform(originalValue, record) : originalValue;
|
|
394
408
|
var isEmpty = !realValue || Array.isArray(realValue) && (realValue === null || realValue === void 0 ? void 0 : (_realValue$filter = realValue.filter(function (item) {
|
|
395
409
|
return !!item;
|
|
@@ -402,9 +416,6 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
402
416
|
children: "-"
|
|
403
417
|
});
|
|
404
418
|
}
|
|
405
|
-
if (originalValue && !(0, _lodash.isEqual)(realValue, originalRealValue)) {
|
|
406
|
-
otherProps.diffChange = true;
|
|
407
|
-
}
|
|
408
419
|
var className = (0, _classnames.default)({
|
|
409
420
|
'empty-cell': isEmpty
|
|
410
421
|
});
|
|
@@ -437,7 +448,6 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
437
448
|
node: renderNode,
|
|
438
449
|
value: renderValue,
|
|
439
450
|
currentValue: renderValue,
|
|
440
|
-
originalDiffTip: _originalDiffTip,
|
|
441
451
|
toolTipProps: _toolTipProps,
|
|
442
452
|
minWidth: minWidth,
|
|
443
453
|
isInNewRowFlag: isInNewRowFlag
|
|
@@ -464,7 +474,10 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
464
474
|
};
|
|
465
475
|
} else if (ellipsis) {
|
|
466
476
|
column.render = function (value, record, index) {
|
|
467
|
-
var
|
|
477
|
+
var originalResult = (0, _utils2.getOriginalValue)(value, record, originalObj, rowKey, dataIndex);
|
|
478
|
+
var originalValue = originalResult.originalValue;
|
|
479
|
+
var isChanged = originalResult.isChanged;
|
|
480
|
+
otherProps.isChanged = isChanged;
|
|
468
481
|
if (!value && value !== 0 && value === originalValue) {
|
|
469
482
|
(0, _jsxRuntime.jsx)("div", {
|
|
470
483
|
style: {
|
|
@@ -484,7 +497,6 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
484
497
|
node: value,
|
|
485
498
|
value: value,
|
|
486
499
|
currentValue: value || '-',
|
|
487
|
-
originalDiffTip: _originalDiffTip,
|
|
488
500
|
toolTipProps: _toolTipProps,
|
|
489
501
|
minWidth: minWidth,
|
|
490
502
|
isInNewRowFlag: isInNewRowFlag
|
|
@@ -493,7 +505,10 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
493
505
|
};
|
|
494
506
|
} else {
|
|
495
507
|
column.render = function (value, record, index) {
|
|
496
|
-
var
|
|
508
|
+
var originalResult = (0, _utils2.getOriginalValue)(value, record, originalObj, rowKey, dataIndex);
|
|
509
|
+
var originalValue = originalResult.originalValue;
|
|
510
|
+
var isChanged = originalResult.isChanged;
|
|
511
|
+
otherProps.isChanged = isChanged;
|
|
497
512
|
var node = (0, _jsxRuntime.jsxs)(_antd.Space, {
|
|
498
513
|
size: 8,
|
|
499
514
|
children: [prefixNode(value, record, index), value, suffixNode(value, record, index)]
|
|
@@ -515,7 +530,6 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
|
|
|
515
530
|
node: node,
|
|
516
531
|
value: value,
|
|
517
532
|
currentValue: value || '-',
|
|
518
|
-
originalDiffTip: _originalDiffTip,
|
|
519
533
|
toolTipProps: _toolTipProps,
|
|
520
534
|
minWidth: minWidth,
|
|
521
535
|
isInNewRowFlag: isInNewRowFlag
|
|
@@ -6,14 +6,13 @@ interface Props {
|
|
|
6
6
|
value?: any;
|
|
7
7
|
currentValue?: any;
|
|
8
8
|
copyable?: boolean;
|
|
9
|
-
originalDiffTip?: boolean;
|
|
10
9
|
ellipsis?: any;
|
|
11
10
|
width?: number | string;
|
|
12
11
|
originalValue?: any;
|
|
13
12
|
toolTipProps?: TooltipProps & React.RefAttributes<unknown>;
|
|
14
13
|
minWidth?: number;
|
|
15
14
|
isInNewRowFlag?: boolean;
|
|
16
|
-
|
|
15
|
+
isChanged?: boolean;
|
|
17
16
|
}
|
|
18
17
|
declare const RenderColumn: FC<Props>;
|
|
19
18
|
export default RenderColumn;
|
|
@@ -10,6 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
11
|
var _antd = require("antd");
|
|
12
12
|
var _ahooks = require("ahooks");
|
|
13
|
+
var _lodash = require("lodash");
|
|
13
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
14
15
|
var _icons = require("@ant-design/icons");
|
|
15
16
|
var _reactSvg = require("react-svg");
|
|
@@ -27,7 +28,6 @@ var RenderColumn = function RenderColumn(props) {
|
|
|
27
28
|
ellipsis = props.ellipsis,
|
|
28
29
|
width = props.width,
|
|
29
30
|
originalValue = props.originalValue,
|
|
30
|
-
originalDiffTip = props.originalDiffTip,
|
|
31
31
|
_props$toolTipProps = props.toolTipProps,
|
|
32
32
|
toolTipProps = _props$toolTipProps === void 0 ? {} : _props$toolTipProps,
|
|
33
33
|
minWidth = props.minWidth,
|
|
@@ -39,11 +39,12 @@ var RenderColumn = function RenderColumn(props) {
|
|
|
39
39
|
tooltip = _useSetState2[0].tooltip,
|
|
40
40
|
setState = _useSetState2[1];
|
|
41
41
|
var cellDiffCls = (0, _classnames.default)({
|
|
42
|
-
'varied-cell':
|
|
42
|
+
'varied-cell': props === null || props === void 0 ? void 0 : props.isChanged
|
|
43
43
|
});
|
|
44
|
-
|
|
44
|
+
// 比对场景走的逻辑
|
|
45
|
+
if (!isInNewRowFlag && (0, _lodash.isBoolean)(props === null || props === void 0 ? void 0 : props.isChanged)) {
|
|
45
46
|
var renderNode = value ? node : '-';
|
|
46
|
-
if (ellipsis ||
|
|
47
|
+
if (ellipsis || (props === null || props === void 0 ? void 0 : props.isChanged)) {
|
|
47
48
|
renderNode = (0, _jsxRuntime.jsx)(Text, {
|
|
48
49
|
style: {
|
|
49
50
|
width: currentValue === '-' ? 32.5 : width,
|
|
@@ -54,12 +55,18 @@ var RenderColumn = function RenderColumn(props) {
|
|
|
54
55
|
},
|
|
55
56
|
children: ellipsis ? currentValue : renderNode
|
|
56
57
|
});
|
|
57
|
-
if ((props === null || props === void 0 ? void 0 : props.
|
|
58
|
+
if ((props === null || props === void 0 ? void 0 : props.isChanged) === false) {
|
|
58
59
|
return renderNode;
|
|
59
60
|
}
|
|
60
61
|
if (Array.isArray(originalValue)) {
|
|
61
62
|
console.error('Error: When enabled, dataIndex corresponds to an array, which needs to be converted using viewRender');
|
|
62
63
|
}
|
|
64
|
+
var originalValueCalc = function originalValueCalc() {
|
|
65
|
+
if (Array.isArray(originalValue)) {
|
|
66
|
+
return null;
|
|
67
|
+
}
|
|
68
|
+
return !(0, _utils.isEmpty)(originalValue) ? originalValue : '-';
|
|
69
|
+
};
|
|
63
70
|
return (0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({
|
|
64
71
|
className: cellDiffCls,
|
|
65
72
|
style: {
|
|
@@ -72,11 +79,11 @@ var RenderColumn = function RenderColumn(props) {
|
|
|
72
79
|
title: (0, _jsxRuntime.jsx)(_antd.Space, {
|
|
73
80
|
direction: "vertical",
|
|
74
81
|
className: "changed-tooltip",
|
|
75
|
-
children:
|
|
82
|
+
children: (props === null || props === void 0 ? void 0 : props.isChanged) ? (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
76
83
|
children: [(0, _jsxRuntime.jsxs)(_antd.Space, {
|
|
77
84
|
align: "start",
|
|
78
85
|
className: "original-value-container",
|
|
79
|
-
children: ["\u521D\u59CB\u503C\uFF1A",
|
|
86
|
+
children: ["\u521D\u59CB\u503C\uFF1A", originalValueCalc()]
|
|
80
87
|
}), (0, _jsxRuntime.jsx)(_antd.Space, {
|
|
81
88
|
className: "current-value-container",
|
|
82
89
|
children: ellipsis ? (0, _jsxRuntime.jsxs)(_antd.Space, {
|
|
@@ -92,7 +99,7 @@ var RenderColumn = function RenderColumn(props) {
|
|
|
92
99
|
children: renderNode
|
|
93
100
|
}));
|
|
94
101
|
}
|
|
95
|
-
if ((props === null || props === void 0 ? void 0 : props.
|
|
102
|
+
if ((props === null || props === void 0 ? void 0 : props.isChanged) === false) {
|
|
96
103
|
return renderNode;
|
|
97
104
|
}
|
|
98
105
|
return (0, _jsxRuntime.jsx)("span", {
|
package/lib/ProTable/index.js
CHANGED
|
@@ -221,7 +221,6 @@ var ProTable = function ProTable(props) {
|
|
|
221
221
|
originalObj: originalObj,
|
|
222
222
|
rowKey: props.rowKey,
|
|
223
223
|
diffConfig: diffConfig,
|
|
224
|
-
diffToolTip: toolTip,
|
|
225
224
|
wrapToolTipProps: wrapToolTipProps,
|
|
226
225
|
scroll: _scroll,
|
|
227
226
|
onUpdateMinWidth: function onUpdateMinWidth(w) {
|
|
@@ -31,7 +31,6 @@ export interface ProTableColumn extends Omit<ColumnType<any>, 'dataIndex'> {
|
|
|
31
31
|
value: string | number;
|
|
32
32
|
}[];
|
|
33
33
|
copyable?: boolean;
|
|
34
|
-
originalDiffTip?: boolean;
|
|
35
34
|
prefix?: string | ReactNode | ((value: any, record?: any, index?: number) => any);
|
|
36
35
|
suffix?: string | ReactNode | ((value: any, record?: any, index?: number) => any);
|
|
37
36
|
tooltip?: ReactNode | {
|
|
@@ -46,7 +45,7 @@ export interface ProTableColumn extends Omit<ColumnType<any>, 'dataIndex'> {
|
|
|
46
45
|
originValue: any;
|
|
47
46
|
}) => boolean;
|
|
48
47
|
viewRender?: ({ value, record, index, originalValue, originalRecord }: any) => any;
|
|
49
|
-
|
|
48
|
+
isChanged?: boolean | null;
|
|
50
49
|
}
|
|
51
50
|
export interface CreateTreeFromArrayOptions {
|
|
52
51
|
itemKey?: string;
|
|
@@ -11,9 +11,12 @@ export declare const getDecimalDigits: (num?: number) => number;
|
|
|
11
11
|
* @param any value
|
|
12
12
|
* @param any originalObj
|
|
13
13
|
* @param {any} dataIndex
|
|
14
|
-
* @return {any}
|
|
14
|
+
* @return {any} isChanged 返回bool值,表示存在比对
|
|
15
15
|
*/
|
|
16
|
-
export declare const getOriginalValue: (value: any, record: any, originalObj: any, rowKey: any, dataIndex: any) =>
|
|
16
|
+
export declare const getOriginalValue: (value: any, record: any, originalObj: any, rowKey: any, dataIndex: any) => {
|
|
17
|
+
originalValue: any;
|
|
18
|
+
isChanged: boolean;
|
|
19
|
+
};
|
|
17
20
|
export declare const getColumnDataIndex: (dataIndex: string | string[]) => string;
|
|
18
21
|
/**
|
|
19
22
|
* 判断数据是否为Response<List<any>>结构
|
|
@@ -22,18 +22,27 @@ var getDecimalDigits = exports.getDecimalDigits = function getDecimalDigits() {
|
|
|
22
22
|
* @param any value
|
|
23
23
|
* @param any originalObj
|
|
24
24
|
* @param {any} dataIndex
|
|
25
|
-
* @return {any}
|
|
25
|
+
* @return {any} isChanged 返回bool值,表示存在比对
|
|
26
26
|
*/
|
|
27
27
|
var getOriginalValue = exports.getOriginalValue = function getOriginalValue(value, record, originalObj, rowKey, dataIndex) {
|
|
28
28
|
if (!originalObj) {
|
|
29
|
-
return
|
|
29
|
+
return {
|
|
30
|
+
originalValue: null,
|
|
31
|
+
isChanged: null
|
|
32
|
+
};
|
|
30
33
|
}
|
|
31
34
|
var originalRecord = (0, _lodash.get)(originalObj, (0, _lodash.get)(record, rowKey));
|
|
32
35
|
var originalValue = (0, _lodash.get)(originalRecord, dataIndex);
|
|
33
36
|
if (!(0, _lodash.isEqual)(originalValue, value)) {
|
|
34
|
-
return
|
|
37
|
+
return {
|
|
38
|
+
originalValue: originalValue,
|
|
39
|
+
isChanged: true
|
|
40
|
+
};
|
|
35
41
|
}
|
|
36
|
-
return
|
|
42
|
+
return {
|
|
43
|
+
originalValue: null,
|
|
44
|
+
isChanged: false
|
|
45
|
+
};
|
|
37
46
|
};
|
|
38
47
|
var getColumnDataIndex = exports.getColumnDataIndex = function getColumnDataIndex(dataIndex) {
|
|
39
48
|
return typeof dataIndex === 'string' ? dataIndex : dataIndex === null || dataIndex === void 0 ? void 0 : dataIndex.join('-');
|