@zat-design/sisyphus-react 3.9.0-beta.1 → 3.9.0-beta.11

package/dist/index.esm.css

@@ -1908,6 +1908,16 @@
   background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
   border-bottom: 1px solid var(--zaui-form-control-line, #dcdcdc);
 }
+.pro-table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell.ant-table-cell-fix-right {
+  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+  background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
+  border-bottom: 1px solid var(--zaui-form-control-line, #dcdcdc);
+}
+.pro-table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell.ant-table-cell-fix-left {
+  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+  background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
+  border-bottom: 1px solid var(--zaui-form-control-line, #dcdcdc);
+}
 .pro-table tbody.ant-table-tbody .ant-table-cell .varied-cell {
   margin-left: -8px;
   padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
@@ -3166,7 +3176,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
-  z-index: 99;
   position: fixed;
 }
 .original-value-tootip .changed-tooltip .original-value-container .ant-space-item:nth-child(1) {

package/dist/less.esm.css

@@ -1908,6 +1908,16 @@
   background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
   border-bottom: 1px solid var(--zaui-form-control-line, #dcdcdc);
 }
+.pro-table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell.ant-table-cell-fix-right {
+  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+  background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
+  border-bottom: 1px solid var(--zaui-form-control-line, #dcdcdc);
+}
+.pro-table tbody.ant-table-tbody tr.ant-table-row.new-cell td.ant-table-cell.ant-table-cell-fix-left {
+  background: var(--zaui-contract-bg-add, #d2fff4) !important;
+  background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
+  border-bottom: 1px solid var(--zaui-form-control-line, #dcdcdc);
+}
 .pro-table tbody.ant-table-tbody .ant-table-cell .varied-cell {
   margin-left: -8px;
   padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
@@ -3166,7 +3176,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
-  z-index: 99;
   position: fixed;
 }
 .original-value-tootip .changed-tooltip .original-value-container .ant-space-item:nth-child(1) {

package/es/ProDrawerForm/components/ProDrawer/index.js

@@ -36,6 +36,7 @@ var ProDrawer = function ProDrawer(_ref) {
     onCancel = _ref.onCancel,
     children = _ref.children,
     className = _ref.className,
+    zIndex = _ref.zIndex,
     drawerProps = _ref.drawerProps;
   var ref = useRef(null);
   var modalRef = useRef(null);
@@ -192,7 +193,8 @@ var ProDrawer = function ProDrawer(_ref) {
     placement: "right",
     className: "pro-drawer ".concat(className !== null && className !== void 0 ? className : ''),
     closable: false,
-    onClose: onCancel
+    onClose: onCancel,
+    zIndex: zIndex
   }, drawerProps), {}, {
     children: [_jsx("div", {
       className: "pro-drawer-close",

package/es/ProDrawerForm/components/ProModal/index.js

@@ -35,8 +35,9 @@ var ProModal = function ProModal(_ref) {
     onCancel = _ref.onCancel,
     children = _ref.children,
     className = _ref.className,
-    modalProps = _ref.modalProps,
-    extraLeft = _ref.extraLeft;
+    extraLeft = _ref.extraLeft,
+    zIndex = _ref.zIndex,
+    modalProps = _ref.modalProps;
   var ref = useRef(null);
   var _ref2 = useScroll((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.parentNode) || {},
     top = _ref2.top;
@@ -178,7 +179,8 @@ var ProModal = function ProModal(_ref) {
     closeIcon: _jsx(ReactSVG, {
       className: "close-icon",
       src: closeSvg
-    })
+    }),
+    zIndex: zIndex
   }, modalProps), {}, {
     children: _jsx("div", {
       ref: ref,

package/es/ProDrawerForm/propsType.d.ts

@@ -98,4 +98,5 @@ export interface ProDrawerFormPropsType {
      */
     onCloseClean?: boolean;
     children?: React.ReactNode;
+    zIndex?: number;
 }

package/es/ProEnum/index.js

@@ -43,7 +43,8 @@ var ProEnum = function ProEnum(props) {
     enumProps = _objectWithoutProperties(props, _excluded);
   var _ref = otherProps || {},
     viewEmpty = _ref.viewEmpty;
-  var _isView = isView || (otherProps === null || otherProps === void 0 ? void 0 : otherProps.isView);
+  var _isView = isView !== undefined && isView !== null ? isView : otherProps === null || otherProps === void 0 ? void 0 : otherProps.isView;
+  var _defalutValue = props === null || props === void 0 ? void 0 : props.defaultValue;
   var _ref2 = useProConfig('ProEnum') || {},
     fieldNames = _ref2.fieldNames,
     _ref2$clear = _ref2.clear,
@@ -273,16 +274,17 @@ var ProEnum = function ProEnum(props) {
     return isFunction(props.optionRender) && record.length ? _optionRender() : labelList === null || labelList === void 0 ? void 0 : labelList.join('，');
   };
   if (_isView) {
-    if (Array.isArray(value)) {
+    var __value = value || _defalutValue;
+    if (Array.isArray(__value)) {
       return _jsx(Container, {
         tooltip: true,
         viewEmpty: viewEmpty,
-        children: transToLabel(value)
+        children: transToLabel(__value)
       });
     }
     return _jsx(Container, {
       viewEmpty: viewEmpty,
-      children: value || isNumber(value) ? transToLabel([value]) : null
+      children: __value || isNumber(__value) ? transToLabel([__value]) : null
     });
   }
   return _jsx(_Fragment, {

package/es/ProEnum/propsType.d.ts

@@ -77,6 +77,7 @@ export interface ProEnum {
     otherProps?: ProFormOtherProps;
     allowClear?: boolean;
     id?: string;
+    defaultValue?: any;
 }
 export type PropProSelectsMap = {
     type?: 'ProSelect';

package/es/ProForm/components/combination/Group/index.js

@@ -26,7 +26,8 @@ var Group = function Group(props) {
     value = props.value,
     onChange = props.onChange,
     otherProps = props.otherProps,
-    id = props.id;
+    id = props.id,
+    isParentView = props.isView;
   var contextProps = ProForm.useFieldProps() || {};
   var names = contextProps.names,
     name = contextProps.name,
@@ -71,7 +72,7 @@ var Group = function Group(props) {
       children: columns.map(function (column, index) {
         return _jsx(ComRender, _objectSpread(_objectSpread({
           contextProps: contextProps,
-          isView: isView
+          isView: isParentView || isView
         }, column), {}, {
           otherProps: otherProps
         }), column.name);
@@ -82,7 +83,7 @@ var Group = function Group(props) {
       children: columns.map(function (column, index) {
         return _jsx(ComRender, _objectSpread(_objectSpread({
           contextProps: contextProps,
-          isView: isView
+          isView: isParentView || isView
         }, column), {}, {
           otherProps: otherProps
         }), column.name);

package/es/ProForm/components/combination/ProModalSelect/index.js

@@ -845,7 +845,8 @@ var ProModalSelect = function ProModalSelect(props, ref) {
       onOk: handleFinish,
       // @ts-ignore
       onCancel: handleClose,
-      visible: visible
+      visible: visible,
+      zIndex: 1071
     }, restModalProps), {}, {
       children: [_jsx(ProForm, {
         submitOnEnter: true,

package/es/ProForm/components/render/ChangedWrapper.js

@@ -29,7 +29,6 @@ var ChangedWrapper = function ChangedWrapper(props) {
     getValueProps = props.getValueProps,
     viewRender = props.viewRender,
     rest = _objectWithoutProperties(props, _excluded);
-  // const contentRef = useRef(null);
   var _useProConfig = useProConfig('ProForm'),
     isDiffAll = _useProConfig.isDiffAll;
   var originalValues = diffConfig.originalValues,

package/es/ProForm/style/index.less

@@ -488,7 +488,6 @@
 .original-value-tootip{
   max-width: 100%;
   width: max-content;
-  z-index: 99;
   position: fixed;
   .changed-tooltip {
     .original-value-container {

package/es/ProTable/components/FormatColumn/index.d.ts

@@ -1,15 +1,17 @@
+/**
+ * 调整点：
+ */
 import React from 'react';
 import { ProTableColumn } from '../../propsType';
-export declare const formatColumn: ({ column, originalObj, dataSourceObj, rowKey, diffToolTip, wrapToolTipProps, scroll, onUpdateMinWidth, isInNewRow, }: {
+export declare const formatColumn: ({ column, originalObj, rowKey, wrapToolTipProps, scroll, onUpdateMinWidth, isInNewRow, diffConfig, }: {
     column: ProTableColumn;
     originalObj: any;
-    dataSourceObj: any;
     rowKey: any;
-    diffToolTip?: boolean;
     wrapToolTipProps?: any;
     scroll?: any;
     onUpdateMinWidth?: any;
     isInNewRow?: any;
+    diffConfig: any;
 }) => void;
 /**
  * 查找最近的父级className

package/es/ProTable/components/FormatColumn/index.js

@@ -1,7 +1,12 @@
 import "antd/es/space/style";
 import _Space from "antd/es/space";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["title", "valueType", "format", "precision", "ellipsis", "code", "copyable", "width", "tooltip", "transform", "prefix", "suffix", "dataIndex", "toolTipProps", "minWidth", "onDiff"];
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 调整点：
+ */
 import { isValidElement } from 'react';
 import moment from 'moment';
 import classnames from 'classnames';
@@ -11,6 +16,7 @@ import { tools } from '@zat-design/utils';
 import TooltipTitle from '../TooltipTitle';
 import RenderColumn from '../RenderColumn';
 import { getDecimalDigits, getOriginalValue } from '../../utils';
+import { isEmpty } from '../../../utils';
 import getEnumLabel from '../../../ProEnum/utils/getEnumLabel';
 import ProForm from '../../../ProForm';
 var isReactElement = function isReactElement(element) {
@@ -46,13 +52,12 @@ var calcMinWidth = function calcMinWidth(_ref) {
 export var formatColumn = function formatColumn(_ref2) {
   var column = _ref2.column,
     originalObj = _ref2.originalObj,
-    dataSourceObj = _ref2.dataSourceObj,
     rowKey = _ref2.rowKey,
-    diffToolTip = _ref2.diffToolTip,
     wrapToolTipProps = _ref2.wrapToolTipProps,
     scroll = _ref2.scroll,
     onUpdateMinWidth = _ref2.onUpdateMinWidth,
-    isInNewRow = _ref2.isInNewRow;
+    isInNewRow = _ref2.isInNewRow,
+    diffConfig = _ref2.diffConfig;
   var title = column.title,
     valueType = column.valueType,
     _column$format = column.format,
@@ -68,12 +73,11 @@ export var formatColumn = function formatColumn(_ref2) {
     prefix = column.prefix,
     suffix = column.suffix,
     dataIndex = column.dataIndex,
-    _column$originalDiffT = column.originalDiffTip,
-    originalDiffTip = _column$originalDiffT === void 0 ? true : _column$originalDiffT,
     _column$toolTipProps = column.toolTipProps,
     toolTipProps = _column$toolTipProps === void 0 ? {} : _column$toolTipProps,
     minWidth = column.minWidth,
-    onDiff = column.onDiff;
+    onDiff = column.onDiff,
+    otherProps = _objectWithoutProperties(column, _excluded);
   // 仅在 {x: 'max-content', y: 300 } 且 column无指定 width minWidth 情况下 才开启 minWidth的自动计算
   var isMaxContentOverFlow = isObject(scroll) ? (scroll === null || scroll === void 0 ? void 0 : scroll.x) === 'max-content' && Reflect.ownKeys(scroll).includes('y') : false;
   calcMinWidth({
@@ -84,7 +88,6 @@ export var formatColumn = function formatColumn(_ref2) {
     callback: onUpdateMinWidth
   });
   var _toolTipProps = _objectSpread(_objectSpread({}, toolTipProps), wrapToolTipProps);
-  var _originalDiffTip = diffToolTip !== null && diffToolTip !== void 0 ? diffToolTip : originalDiffTip;
   // 前缀处理
   var prefixNode = function prefixNode(value, record, index) {
     if (!prefix) {
@@ -116,39 +119,38 @@ export var formatColumn = function formatColumn(_ref2) {
     var originalRender = column.render; // 保存原始的 render 方法
     // 自定义render 手动重载下
     column.render = function (value, record, index) {
-      var _originalObj$record$r;
       var isFn = isFunction(originalRender);
       var _value = isFn ? originalRender === null || originalRender === void 0 ? void 0 : originalRender(value, record !== null && record !== void 0 ? record : {}, index) : null;
-      var originalValue = getOriginalValue(value, record !== null && record !== void 0 ? record : {}, originalObj, rowKey, dataIndex);
-      var originalRenderValue = isFn ? originalRender === null || originalRender === void 0 ? void 0 : originalRender(originalValue, (_originalObj$record$r = originalObj === null || originalObj === void 0 ? void 0 : originalObj[record === null || record === void 0 ? void 0 : record[rowKey]]) !== null && _originalObj$record$r !== void 0 ? _originalObj$record$r : {}, index) : null;
+      var originalResult = getOriginalValue(value, record !== null && record !== void 0 ? record : {}, originalObj, rowKey, dataIndex);
+      var originalValue = originalResult.originalValue;
+      var isChanged = originalResult.isChanged;
       var isInNewRowFlag = isInNewRow(record);
-      var extraDiffFlag = false;
-      // 把比对结果告诉我
-      if (onDiff) {
-        var isDiff = onDiff({
-          value: record,
-          originValue: originalObj === null || originalObj === void 0 ? void 0 : originalObj[record === null || record === void 0 ? void 0 : record[rowKey]]
+      otherProps.isChanged = isChanged;
+      // 存在比对
+      if (isFunction(otherProps === null || otherProps === void 0 ? void 0 : otherProps.viewRender) && (diffConfig === null || diffConfig === void 0 ? void 0 : diffConfig.originalDataSource)) {
+        var _originalObj$record$r;
+        var diffResult = otherProps.viewRender({
+          originalValue: originalValue,
+          originalRecord: (_originalObj$record$r = originalObj === null || originalObj === void 0 ? void 0 : originalObj[record === null || record === void 0 ? void 0 : record[rowKey]]) !== null && _originalObj$record$r !== void 0 ? _originalObj$record$r : {},
+          value: value,
+          record: record,
+          index: index
         });
-        if (!isDiff) {
-          originalValue = null;
-        } else {
-          originalValue = true;
-          extraDiffFlag = true;
-        }
+        originalValue = diffResult;
+        otherProps.isChanged = diffResult;
       }
-      return _jsx(RenderColumn, {
+      return _jsx(RenderColumn, _objectSpread(_objectSpread({}, otherProps), {}, {
         valueType: valueType,
-        originalValue: !originalValue && originalValue !== 0 ? null : extraDiffFlag ? originalRenderValue !== null && originalRenderValue !== void 0 ? originalRenderValue : originalValue : originalRenderValue,
+        originalValue: isEmpty(originalValue) ? null : originalValue,
         ellipsis: ellipsis,
         width: width,
         value: _value,
         node: _value,
         currentValue: _value,
-        originalDiffTip: _originalDiffTip,
         toolTipProps: _toolTipProps,
         minWidth: minWidth,
         isInNewRowFlag: isInNewRowFlag
-      });
+      }));
     };
     return;
   }
@@ -171,10 +173,13 @@ export var formatColumn = function formatColumn(_ref2) {
       var multiple = valueType === 'percentage' ? 100 : 1000;
       var realValue = tools.calc(Number(value !== null && value !== void 0 ? value : 0), '*', multiple);
       var renderValue = getDecimalDigits(value) > valueTypePrecision ? realValue : realValue.toFixed(valueTypePrecision);
-      var originalValue = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
+      var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
+      var originalValue = originalResult.originalValue;
+      var isChanged = originalResult.isChanged;
+      otherProps.isChanged = isChanged;
       var originalRealValue = tools.calc(Number(originalValue || null), '*', multiple);
       var originalRenderValue = getDecimalDigits(originalValue) > valueTypePrecision ? originalRealValue : originalRealValue.toFixed(valueTypePrecision);
-      if (!originalValue && originalValue !== 0) {
+      if (isEmpty(originalValue)) {
         originalRenderValue = '-';
       }
       if (!value && value !== 0 && renderValue === originalRenderValue) {
@@ -190,29 +195,31 @@ export var formatColumn = function formatColumn(_ref2) {
         children: [prefixNode(value, record, index), renderValue, suffixNode(value, record, index)]
       });
       var isInNewRowFlag = isInNewRow(record);
-      return _jsx(RenderColumn, {
+      return _jsx(RenderColumn, _objectSpread(_objectSpread({}, otherProps), {}, {
         valueType: valueType,
-        originalValue: originalValue === undefined ? undefined : originalRenderValue,
+        originalValue: originalValue === null ? null : originalRenderValue,
         ellipsis: ellipsis,
         width: width,
         node: node,
         value: value,
         currentValue: renderValue,
-        originalDiffTip: _originalDiffTip,
         toolTipProps: _toolTipProps,
         minWidth: minWidth,
         isInNewRowFlag: isInNewRowFlag
-      });
+      }));
     };
     // 千分位, 千分位带CNY前缀
   } else if (['thousandth', 'thousandthCNY'].includes(valueType)) {
     column.render = function (value, record, index) {
       var valueStr = valueTypePrecision ? "".concat(Number(value).toFixed(valueTypePrecision)) : "".concat(value);
       var renderValue = valueStr.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-      var originalValue = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
+      var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
+      var originalValue = originalResult.originalValue;
+      var isChanged = originalResult.isChanged;
+      otherProps.isChanged = isChanged;
       var originalRealValue = valueTypePrecision ? "".concat(Number(originalValue).toFixed(valueTypePrecision)) : "".concat(originalValue);
       var originalRenderValue = originalRealValue.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-      if (!originalValue && originalValue !== 0) {
+      if (isEmpty(originalValue)) {
         originalRenderValue = '-';
       }
       var node = _jsxs(_Space, {
@@ -228,25 +235,27 @@ export var formatColumn = function formatColumn(_ref2) {
         });
       }
       var isInNewRowFlag = isInNewRow(record);
-      return _jsx(RenderColumn, {
+      return _jsx(RenderColumn, _objectSpread(_objectSpread({}, otherProps), {}, {
         valueType: valueType,
-        originalValue: originalValue === undefined ? undefined : originalRenderValue,
+        originalValue: originalValue === null ? null : originalRenderValue,
         ellipsis: ellipsis,
         width: width,
         node: node,
         value: value,
         currentValue: renderValue,
-        originalDiffTip: _originalDiffTip,
         toolTipProps: _toolTipProps,
         minWidth: minWidth,
         isInNewRowFlag: isInNewRowFlag
-      });
+      }));
     };
   } else if (['datePicker', 'date', 'dateTime', 'dateStartTime', 'dateEndTime', 'dateStartEndTime'].includes(valueType)) {
     column.render = function (value, record, index) {
       var _moment, _moment2, _moment3, _moment4, _moment5, _moment6, _moment7, _moment8, _moment9, _moment10, _moment11, _moment12, _moment13, _moment14;
       var renderValue = (_moment = moment(value)) === null || _moment === void 0 ? void 0 : _moment.format(format);
-      var originalValue = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
+      var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
+      var originalValue = originalResult.originalValue;
+      var isChanged = originalResult.isChanged;
+      otherProps.isChanged = isChanged;
       var originalRenderValue = (_moment2 = moment(originalValue)) === null || _moment2 === void 0 ? void 0 : _moment2.format(format);
       switch (valueType) {
         case 'date':
@@ -289,25 +298,27 @@ export var formatColumn = function formatColumn(_ref2) {
         });
       }
       var isInNewRowFlag = isInNewRow(record);
-      return _jsx(RenderColumn, {
+      return _jsx(RenderColumn, _objectSpread(_objectSpread({}, otherProps), {}, {
         valueType: valueType,
-        originalValue: originalValue === undefined ? undefined : originalRenderValue,
+        originalValue: originalValue === null ? null : originalRenderValue,
         ellipsis: ellipsis,
         width: width,
         node: node,
         value: value,
         currentValue: renderValue,
-        originalDiffTip: _originalDiffTip,
         toolTipProps: _toolTipProps,
         minWidth: minWidth,
         isInNewRowFlag: isInNewRowFlag
-      });
+      }));
     };
   } else if (['enumName', 'enumCodeName'].includes(valueType)) {
     column.render = function (value, record, index) {
       var realCode = typeof code === 'function' ? code(value, record) : code;
       var renderValue = getEnumLabel(realCode, value, valueType === 'enumCodeName');
-      var originalValue = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
+      var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
+      var originalValue = originalResult.originalValue;
+      var isChanged = originalResult.isChanged;
+      otherProps.isChanged = isChanged;
       var originalRenderValue = getEnumLabel(realCode, originalValue, valueType === 'enumCodeName');
       if (Array.isArray(column === null || column === void 0 ? void 0 : column.codeValues) && !realCode) {
         var _column$codeValues$fi;
@@ -330,30 +341,32 @@ export var formatColumn = function formatColumn(_ref2) {
         children: [prefixNode(value, record, index), renderValue, suffixNode(value, record, index)]
       });
       var isInNewRowFlag = isInNewRow(record);
-      return _jsx(RenderColumn, {
+      return _jsx(RenderColumn, _objectSpread(_objectSpread({}, otherProps), {}, {
         valueType: valueType,
-        originalValue: originalValue === undefined ? undefined : originalRenderValue,
+        originalValue: originalValue === null ? null : originalRenderValue,
         ellipsis: ellipsis,
         width: width,
         node: node,
         value: value,
         currentValue: renderValue,
-        originalDiffTip: _originalDiffTip,
         toolTipProps: _toolTipProps,
         minWidth: minWidth,
         isInNewRowFlag: isInNewRowFlag
-      });
+      }));
     };
   } else if (precision || prefix || suffix) {
     column.render = function (value, record, index) {
       var renderValue = value === 'number' ? value.toFixed(precision) : value;
-      var originalValue = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
+      var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
+      var originalValue = originalResult.originalValue;
+      var isChanged = originalResult.isChanged;
+      otherProps.isChanged = isChanged;
       var originalRenderValue = originalValue === 'number' ? originalValue.toFixed(precision) : originalValue;
       var node = _jsxs(_Space, {
         size: 8,
         children: [prefixNode(value, record, index), renderValue, suffixNode(value, record, index)]
       });
-      if (!originalValue && originalValue !== 0) {
+      if (isEmpty(originalValue)) {
         originalRenderValue = '-';
       }
       if (!value && value !== 0 && renderValue === originalRenderValue) {
@@ -365,25 +378,27 @@ export var formatColumn = function formatColumn(_ref2) {
         });
       }
       var isInNewRowFlag = isInNewRow(record);
-      return _jsx(RenderColumn, {
+      return _jsx(RenderColumn, _objectSpread(_objectSpread({}, otherProps), {}, {
         valueType: valueType,
-        originalValue: originalValue === undefined ? undefined : originalRenderValue,
+        originalValue: originalValue === null ? null : originalRenderValue,
         ellipsis: ellipsis,
         width: width,
         node: node,
         value: value,
         currentValue: renderValue,
-        originalDiffTip: _originalDiffTip,
         toolTipProps: _toolTipProps,
         minWidth: minWidth,
         isInNewRowFlag: isInNewRowFlag
-      });
+      }));
     };
   } else if (valueType === 'address') {
     column.render = function (value, record, index) {
       var _realValue$filter;
       var realValue = transform ? transform(value, record) : value;
-      var originalValue = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
+      var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
+      var originalValue = originalResult.originalValue;
+      var isChanged = originalResult.isChanged;
+      otherProps.isChanged = isChanged;
       var originalRealValue = transform ? transform(originalValue, record) : originalValue;
       var isEmpty = !realValue || Array.isArray(realValue) && (realValue === null || realValue === void 0 ? void 0 : (_realValue$filter = realValue.filter(function (item) {
         return !!item;
@@ -420,26 +435,25 @@ export var formatColumn = function formatColumn(_ref2) {
         tooltip: false
       });
       var isInNewRowFlag = isInNewRow(record);
-      return _jsx(RenderColumn, {
+      return _jsx(RenderColumn, _objectSpread(_objectSpread({}, otherProps), {}, {
         valueType: valueType,
-        originalValue: originalValue === undefined ? undefined : originalRenderValue,
+        originalValue: originalValue === null ? null : originalRenderValue,
         ellipsis: ellipsis,
         width: width,
         node: renderNode,
         value: renderValue,
         currentValue: renderValue,
-        originalDiffTip: _originalDiffTip,
         toolTipProps: _toolTipProps,
         minWidth: minWidth,
         isInNewRowFlag: isInNewRowFlag
-      });
+      }));
     };
   } else if (copyable) {
     column.render = function (value, record, index) {
       var isInNewRowFlag = isInNewRow(record);
       return _jsxs(_Space, {
         size: 8,
-        children: [prefixNode(value, record, index), _jsx(RenderColumn, {
+        children: [prefixNode(value, record, index), _jsx(RenderColumn, _objectSpread(_objectSpread({}, otherProps), {}, {
           valueType: valueType,
           copyable: copyable,
           ellipsis: ellipsis,
@@ -450,12 +464,15 @@ export var formatColumn = function formatColumn(_ref2) {
           toolTipProps: _toolTipProps,
           minWidth: minWidth,
           isInNewRowFlag: isInNewRowFlag
-        }), suffixNode(value, record, index)]
+        })), suffixNode(value, record, index)]
       });
     };
   } else if (ellipsis) {
     column.render = function (value, record, index) {
-      var originalValue = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
+      var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
+      var originalValue = originalResult.originalValue;
+      var isChanged = originalResult.isChanged;
+      otherProps.isChanged = isChanged;
       if (!value && value !== 0 && value === originalValue) {
         _jsx("div", {
           style: {
@@ -467,24 +484,26 @@ export var formatColumn = function formatColumn(_ref2) {
       var isInNewRowFlag = isInNewRow(record);
       return _jsxs(_Space, {
         size: 8,
-        children: [prefixNode(value, record, index), _jsx(RenderColumn, {
+        children: [prefixNode(value, record, index), _jsx(RenderColumn, _objectSpread(_objectSpread({}, otherProps), {}, {
           valueType: valueType,
-          originalValue: originalValue === undefined ? undefined : originalValue || '-',
+          originalValue: originalValue === null ? null : originalValue || '-',
           ellipsis: ellipsis,
           width: width,
           node: value,
           value: value,
           currentValue: value || '-',
-          originalDiffTip: _originalDiffTip,
           toolTipProps: _toolTipProps,
           minWidth: minWidth,
           isInNewRowFlag: isInNewRowFlag
-        }), suffixNode(value, record, index)]
+        })), suffixNode(value, record, index)]
       });
     };
   } else {
     column.render = function (value, record, index) {
-      var originalValue = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
+      var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
+      var originalValue = originalResult.originalValue;
+      var isChanged = originalResult.isChanged;
+      otherProps.isChanged = isChanged;
       var node = _jsxs(_Space, {
         size: 8,
         children: [prefixNode(value, record, index), value, suffixNode(value, record, index)]
@@ -498,19 +517,18 @@ export var formatColumn = function formatColumn(_ref2) {
         });
       }
       var isInNewRowFlag = isInNewRow(record);
-      return _jsx(RenderColumn, {
+      return _jsx(RenderColumn, _objectSpread(_objectSpread({}, otherProps), {}, {
         valueType: valueType,
-        originalValue: originalValue === undefined ? undefined : originalValue || '-',
+        originalValue: originalValue === null ? null : originalValue || '-',
         ellipsis: ellipsis,
         width: width,
         node: node,
         value: value,
         currentValue: value || '-',
-        originalDiffTip: _originalDiffTip,
         toolTipProps: _toolTipProps,
         minWidth: minWidth,
         isInNewRowFlag: isInNewRowFlag
-      });
+      }));
     };
   }
 };

package/es/ProTable/components/RenderColumn/index.d.ts

@@ -6,13 +6,13 @@ interface Props {
     value?: any;
     currentValue?: any;
     copyable?: boolean;
-    originalDiffTip?: boolean;
     ellipsis?: any;
     width?: number | string;
     originalValue?: any;
     toolTipProps?: TooltipProps & React.RefAttributes<unknown>;
     minWidth?: number;
     isInNewRowFlag?: boolean;
+    isChanged?: boolean;
 }
 declare const RenderColumn: FC<Props>;
 export default RenderColumn;