@zat-design/sisyphus-react 3.9.1-beta.9 → 3.9.2-beta.1

package/dist/index.esm.css

@@ -1246,6 +1246,9 @@
   border-radius: var(--zaui-border-radius, 8px) !important;
   background: #E4F2FE;
 }
+.pro-layout.pro-layout-light .pro-collapse .pro-collapse-panel .pro-collapse-level2-collapse .ant-collapse-header {
+  border-radius: 0 !important;
+}
 .pro-layout.pro-layout-light .pro-header {
   border-radius: 0 0 var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px);
 }
@@ -1930,7 +1933,7 @@
 .pro-table .ant-table.ant-table-scroll-horizontal 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);
-  background: var(--zaui-contract-bg, #fffaa1) !important;
+  background-color: var(--zaui-contract-bg, #fffaa1) !important;
   border-radius: var(--zaui-border-radius, 8px);
 }
 .pro-table .ant-table table tbody.ant-table-tbody .ant-table-cell .varied-cell .pro-form-view-container,
@@ -1939,6 +1942,19 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 }
+.pro-table .ant-table table tbody.ant-table-tbody .ant-table-cell .add-cell,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody .ant-table-cell .add-cell {
+  margin-left: -8px;
+  padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
+  background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
+  border-radius: var(--zaui-border-radius, 8px);
+}
+.pro-table .ant-table table tbody.ant-table-tbody .ant-table-cell .add-cell .pro-form-view-container,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody .ant-table-cell .add-cell .pro-form-view-container {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 .pro-table .ant-table table tbody.ant-table-tbody .ant-table-cell .ant-typography-ellipsis .pro-form-view-container,
 .pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody .ant-table-cell .ant-typography-ellipsis .pro-form-view-container {
   overflow: hidden;
@@ -2654,6 +2670,17 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   border-start-end-radius: 4px;
   border-end-end-radius: 4px;
 }
+.pro-group .ant-space-compact .pro-select .ant-select .ant-select-selector {
+  border-radius: 0 !important;
+}
+.pro-group .ant-space-compact .pro-select:first-child .ant-select .ant-select-selector {
+  border-start-start-radius: 4px !important;
+  border-end-start-radius: 4px !important;
+}
+.pro-group .ant-space-compact .pro-select:last-child .ant-select .ant-select-selector {
+  border-start-end-radius: 4px  !important;
+  border-end-end-radius: 4px!important;
+}
 .pro-group .ant-space-compact .ant-select .ant-select-selector {
   border-start-end-radius: 0;
   border-end-end-radius: 0;

package/dist/less.esm.css

@@ -1246,6 +1246,9 @@
   border-radius: var(--zaui-border-radius, 8px) !important;
   background: #E4F2FE;
 }
+.pro-layout.pro-layout-light .pro-collapse .pro-collapse-panel .pro-collapse-level2-collapse .ant-collapse-header {
+  border-radius: 0 !important;
+}
 .pro-layout.pro-layout-light .pro-header {
   border-radius: 0 0 var(--zaui-border-radius, 8px) var(--zaui-border-radius, 8px);
 }
@@ -1930,7 +1933,7 @@
 .pro-table .ant-table.ant-table-scroll-horizontal 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);
-  background: var(--zaui-contract-bg, #fffaa1) !important;
+  background-color: var(--zaui-contract-bg, #fffaa1) !important;
   border-radius: var(--zaui-border-radius, 8px);
 }
 .pro-table .ant-table table tbody.ant-table-tbody .ant-table-cell .varied-cell .pro-form-view-container,
@@ -1939,6 +1942,19 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 }
+.pro-table .ant-table table tbody.ant-table-tbody .ant-table-cell .add-cell,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody .ant-table-cell .add-cell {
+  margin-left: -8px;
+  padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
+  background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
+  border-radius: var(--zaui-border-radius, 8px);
+}
+.pro-table .ant-table table tbody.ant-table-tbody .ant-table-cell .add-cell .pro-form-view-container,
+.pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody .ant-table-cell .add-cell .pro-form-view-container {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
 .pro-table .ant-table table tbody.ant-table-tbody .ant-table-cell .ant-typography-ellipsis .pro-form-view-container,
 .pro-table .ant-table.ant-table-scroll-horizontal table tbody.ant-table-tbody .ant-table-cell .ant-typography-ellipsis .pro-form-view-container {
   overflow: hidden;
@@ -2654,6 +2670,17 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   border-start-end-radius: 4px;
   border-end-end-radius: 4px;
 }
+.pro-group .ant-space-compact .pro-select .ant-select .ant-select-selector {
+  border-radius: 0 !important;
+}
+.pro-group .ant-space-compact .pro-select:first-child .ant-select .ant-select-selector {
+  border-start-start-radius: 4px !important;
+  border-end-start-radius: 4px !important;
+}
+.pro-group .ant-space-compact .pro-select:last-child .ant-select .ant-select-selector {
+  border-start-end-radius: 4px  !important;
+  border-end-end-radius: 4px!important;
+}
 .pro-group .ant-space-compact .ant-select .ant-select-selector {
   border-start-end-radius: 0;
   border-end-end-radius: 0;

package/es/ProEditTable/components/RenderField/ListChangedWrapper.js

@@ -118,7 +118,8 @@ var ListChangedWrapper = function ListChangedWrapper(props) {
   var noChange = !equalWith && (!originalValues || isDiffAll ? false : isEmpty(originalValue));
   var diffType = useMemo(function () {
     if (!isWatch || noChange) return 'same';
-    var _value = normalize ? normalize(props[valuePropName]) : props[valuePropName];
+    var _value = normalize ? normalize(props[valuePropName], undefined, undefined, true) // true 代表是值比对时的调用
+    : props[valuePropName];
     return diffOriginal({
       value: _value,
       originalValue: originalValue,

package/es/ProEditTable/propsType.d.ts

@@ -8,6 +8,7 @@ import type { ColumnType, TableProps } from 'antd/es/table';
 import type { FormInstance, FormItemProps } from 'antd/es/form';
 import type { FunctionArgs, ProRule } from '../ProForm/propsType';
 import { ProFormValueType, ColumnPropsMap } from '../ProForm/components/render/propsType';
+import { DiffOriginalParams } from '../ProForm/utils/diffOriginal';
 export type ActionType = 'edit' | 'delete' | 'save' | 'cancel' | 'add' | 'mulDelete' | 'custom';
 export type ShowFunction<T> = (record?: T, options?: {
     index?: number;
@@ -105,6 +106,7 @@ export interface ProColumnsProps<Values = any, T = any> extends Omit<FormItemPro
     hiddenNames?: NamePath[] | NamePath[][];
     rules?: ProRule[] | RulesFn<T>;
     confirm?: boolean | ModalFuncProps | FunctionArgs<Values, boolean | ModalFuncProps | void>;
+    onDiff?: DiffOriginalParams['equalWith'];
     [key: string]: any;
 }
 export type ProEditTableColumnsProps<K = any> = ProColumnsProps & ColumnPropsMap<K, 'ProEditTable'>;

package/es/ProEnum/index.js

@@ -231,7 +231,6 @@ var ProEnum = function ProEnum(props) {
   if (!code && !dataSource && !useRequest) {
     var _locale$ProEnum4;
     _message.error(locale === null || locale === void 0 ? void 0 : (_locale$ProEnum4 = locale.ProEnum) === null || _locale$ProEnum4 === void 0 ? void 0 : _locale$ProEnum4.errorNoEnumType);
-    // return;
   }
   var transToLabel = function transToLabel(value) {
     var list = dataList && dataList.length ? dataList : enumLists;

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

@@ -70,23 +70,30 @@ var Group = function Group(props) {
     id: id,
     children: space.compact || (space === null || space === void 0 ? void 0 : space.separator) ? _jsx(_Space.Compact, {
       children: columns.map(function (column, index) {
-        return _jsx(ComRender, _objectSpread(_objectSpread({
+        column.otherProps = otherProps;
+        // 自定义间隔移除对于参数
+        if (column === null || column === void 0 ? void 0 : column.separator) {
+          delete column.separator;
+          delete column.otherProps;
+        }
+        return _jsx(ComRender, _objectSpread({
           contextProps: contextProps,
           isView: isParentView || isView
-        }, column), {}, {
-          otherProps: otherProps
-        }), column.name);
+        }, column), column.name || index);
       })
     }) : _jsx(_Space, _objectSpread(_objectSpread({
       align: "start"
     }, omit(space, ['separator', 'compact'])), {}, {
       children: columns.map(function (column, index) {
-        return _jsx(ComRender, _objectSpread(_objectSpread({
+        column.otherProps = otherProps;
+        if (column === null || column === void 0 ? void 0 : column.separator) {
+          delete column.separator;
+          delete column.otherProps;
+        }
+        return _jsx(ComRender, _objectSpread({
           contextProps: contextProps,
           isView: isParentView || isView
-        }, column), {}, {
-          otherProps: otherProps
-        }), column.name);
+        }, column), column.name || index);
       })
     }))
   });

package/es/ProForm/components/combination/Group/propsType.d.ts

@@ -12,6 +12,8 @@ export interface SpaceType extends SpaceProps {
      * 分隔符
      */
     separator?: string | React.ReactNode;
+    /** 分隔符插入位置 */
+    separatorIndex?: number | number[];
     /** 间隔距离 */
     size?: number;
 }

package/es/ProForm/components/combination/Group/style/index.less

@@ -104,6 +104,21 @@
       }
     }
 
+    .pro-select {
+      .@{ant-prefix}-select .@{ant-prefix}-select-selector{
+        border-radius: 0 !important;
+      }
+      &:first-child   .@{ant-prefix}-select .@{ant-prefix}-select-selector {
+        border-start-start-radius: 4px !important;
+        border-end-start-radius: 4px !important;
+      }
+
+      &:last-child   .@{ant-prefix}-select .@{ant-prefix}-select-selector {
+        border-start-end-radius: 4px  !important;
+        border-end-end-radius: 4px!important;
+      }
+    }
+
     .@{ant-prefix}-select {
       .@{ant-prefix}-select-selector {
         .border-radius(0, 0, 0, 0);

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

@@ -4,8 +4,10 @@ import _typeof from "@babel/runtime/helpers/esm/typeof";
 import "antd/es/button/style";
 import _Button from "antd/es/button";
 import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable no-lonely-if */
 import { useRef } from 'react';
 import { cloneDeep, isEqual, isFunction } from 'lodash';
+import { validate } from '@zat-design/utils';
 import valueTypeMap from '../../../utils/valueType';
 import { useDeepCompareMemo } from '../../../utils/useDeepCompareMemo';
 import { difference } from '../../../../ProEditTable/utils/tools';
@@ -18,20 +20,52 @@ export var insertSeparator = function insertSeparator(columns, space) {
   if (!(space === null || space === void 0 ? void 0 : space.separator)) {
     return columns;
   }
+  var separatorIndexs = function () {
+    var reuslt = [];
+    if (validate.isEmpty(space === null || space === void 0 ? void 0 : space.separatorIndex)) {
+      return reuslt;
+    }
+    // 如果 index 是数字，将其转换为数组
+    if (typeof (space === null || space === void 0 ? void 0 : space.separatorIndex) === 'number') {
+      reuslt.push(space.separatorIndex);
+    }
+    if (Array.isArray(space.separatorIndex)) {
+      reuslt = reuslt.concat(space.separatorIndex);
+    }
+    return reuslt;
+  }();
   return columns.reduce(function (result, current, index, array) {
     // 将当前元素添加到结果数组中
     result.push(current);
-    // 如果当前元素不是最后一个元素，则添加间隔符
-    if (index < array.length - 1) {
-      result.push({
-        component: _jsx(_Button, {
-          className: "group-separator",
-          children: space.separator
-        }),
-        fieldProps: {
-          disabled: true
+    if (separatorIndexs === null || separatorIndexs === void 0 ? void 0 : separatorIndexs.length) {
+      separatorIndexs.forEach(function (separatorIndex) {
+        if (index === separatorIndex) {
+          result.push({
+            separator: true,
+            component: _jsx(_Button, {
+              className: "group-separator",
+              children: space.separator
+            }),
+            fieldProps: {
+              disabled: true
+            }
+          });
         }
       });
+    } else {
+      // 如果当前元素不是最后一个元素，则添加间隔符
+      if (index < array.length - 1) {
+        result.push({
+          separator: true,
+          component: _jsx(_Button, {
+            className: "group-separator",
+            children: space.separator
+          }),
+          fieldProps: {
+            disabled: true
+          }
+        });
+      }
     }
     return result;
   }, []);

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

@@ -35,11 +35,17 @@ var _filterDataSource = function filterDataSource(dataSource, level, fieldNames)
   });
 };
 var getViewLabel = function getViewLabel(_ref) {
+  var _value2;
   var dataSource = _ref.dataSource,
     value = _ref.value;
+  var _value = value;
   var viewLabel = [];
+  // fix: value是string类型，需要转为数组
+  if (_value && !Array.isArray(_value)) {
+    _value = [value];
+  }
   // 根据dataSource得到label数组，查看模式展示需要
-  value === null || value === void 0 ? void 0 : value.forEach(function (value, index) {
+  (_value2 = _value) === null || _value2 === void 0 ? void 0 : _value2.forEach(function (value, index) {
     var _dataSource;
     var temp = (_dataSource = dataSource) === null || _dataSource === void 0 ? void 0 : _dataSource.find(function (item) {
       return (item === null || item === void 0 ? void 0 : item.value) === value;

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

@@ -44,7 +44,8 @@ var ChangedWrapper = function ChangedWrapper(props) {
   var noChange = !equalWith && (!originalValues || isDiffAll ? false : isEmpty(originalValue));
   var diffType = useMemo(function () {
     if (!isWatch || noChange) return 'same';
-    var _value = normalize ? normalize(props[valuePropName]) : props[valuePropName];
+    var _value = normalize ? normalize(props[valuePropName], undefined, undefined, true) // true 代表是值比对时的调用
+    : props[valuePropName];
     return diffOriginal({
       originalValue: originalValue,
       value: _value,

package/es/ProLayout/style/index.less

@@ -67,6 +67,11 @@
           border-radius: var(--zaui-border-radius, 8px) !important;
           background: #E4F2FE;
         }
+        .pro-collapse-level2-collapse{
+          .@{ant-prefix}-collapse-header{
+            border-radius: 0 !important;
+          }
+        }
      
       }
     }

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

@@ -113,9 +113,9 @@ export var formatColumn = function formatColumn(_ref2) {
     }
   };
   if (column === null || column === void 0 ? void 0 : column.render) {
-    if (!originalObj && Object.keys(originalObj !== null && originalObj !== void 0 ? originalObj : {}).length === 0 && !onDiff) {
-      return;
-    }
+    // if (!originalObj && Object.keys(originalObj ?? {}).length === 0 && !onDiff) {
+    //   return;
+    // }
     var originalRender = column.render; // 保存原始的 render 方法
     // 自定义render 手动重载下
     column.render = function (value, record, index) {
@@ -123,8 +123,10 @@ export var formatColumn = function formatColumn(_ref2) {
       var _value = isFn ? originalRender === null || originalRender === void 0 ? void 0 : originalRender(value, record !== null && record !== void 0 ? record : {}, index) : null;
       var originalResult = getOriginalValue(value, record !== null && record !== void 0 ? record : {}, originalObj, rowKey, dataIndex);
       var originalValue = originalResult.originalValue;
-      var isChanged = originalResult.isChanged;
+      var isChanged = originalResult.isChanged,
+        isAddCell = originalResult.isAddCell;
       var isInNewRowFlag = isInNewRow(record);
+      var _isAddCell = isAddCell;
       otherProps.isChanged = isChanged;
       // 存在比对
       if (isFunction(otherProps === null || otherProps === void 0 ? void 0 : otherProps.viewRender) && (diffConfig === null || diffConfig === void 0 ? void 0 : diffConfig.originalDataSource)) {
@@ -142,6 +144,27 @@ export var formatColumn = function formatColumn(_ref2) {
         }
         originalValue = diffResult;
       }
+      // 存在自定义onDiff比对
+      if (isFunction(onDiff)) {
+        var _originalObj$record$r2;
+        var _diffResult = onDiff({
+          originalValue: originalValue,
+          originalRecord: (_originalObj$record$r2 = originalObj === null || originalObj === void 0 ? void 0 : originalObj[record === null || record === void 0 ? void 0 : record[rowKey]]) !== null && _originalObj$record$r2 !== void 0 ? _originalObj$record$r2 : {},
+          value: value,
+          record: record,
+          index: index
+        });
+        if (_diffResult === 'changed') {
+          otherProps.isChanged = true;
+        }
+        if (_diffResult === 'same') {
+          otherProps.isChanged = false;
+        }
+        if (_diffResult === 'add') {
+          _isAddCell = true;
+          otherProps.isChanged = false;
+        }
+      }
       return _jsx(RenderColumn, _objectSpread(_objectSpread({}, otherProps), {}, {
         valueType: valueType,
         originalValue: isEmpty(originalValue) ? null : originalValue,
@@ -152,7 +175,8 @@ export var formatColumn = function formatColumn(_ref2) {
         currentValue: _value,
         toolTipProps: _toolTipProps,
         minWidth: minWidth,
-        isInNewRowFlag: isInNewRowFlag
+        isInNewRowFlag: isInNewRowFlag,
+        isAddCell: _isAddCell
       }));
     };
     return;
@@ -177,8 +201,9 @@ export var formatColumn = function formatColumn(_ref2) {
       var realValue = tools.calc(Number(value !== null && value !== void 0 ? value : 0), '*', multiple);
       var renderValue = getDecimalDigits(value) > valueTypePrecision ? realValue : realValue.toFixed(valueTypePrecision);
       var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
-      var originalValue = originalResult.originalValue;
-      var isChanged = originalResult.isChanged;
+      var isChanged = originalResult.isChanged,
+        originalValue = originalResult.originalValue,
+        isAddCell = originalResult.isAddCell;
       otherProps.isChanged = isChanged;
       var originalRealValue = tools.calc(Number(originalValue || null), '*', multiple);
       var originalRenderValue = getDecimalDigits(originalValue) > valueTypePrecision ? originalRealValue : originalRealValue.toFixed(valueTypePrecision);
@@ -208,7 +233,8 @@ export var formatColumn = function formatColumn(_ref2) {
         currentValue: renderValue,
         toolTipProps: _toolTipProps,
         minWidth: minWidth,
-        isInNewRowFlag: isInNewRowFlag
+        isInNewRowFlag: isInNewRowFlag,
+        isAddCell: isAddCell
       }));
     };
     // 千分位, 千分位带CNY前缀
@@ -217,8 +243,9 @@ export var formatColumn = function formatColumn(_ref2) {
       var valueStr = valueTypePrecision ? "".concat(Number(value).toFixed(valueTypePrecision)) : "".concat(value);
       var renderValue = valueStr.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
       var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
-      var originalValue = originalResult.originalValue;
-      var isChanged = originalResult.isChanged;
+      var isChanged = originalResult.isChanged,
+        originalValue = originalResult.originalValue,
+        isAddCell = originalResult.isAddCell;
       otherProps.isChanged = isChanged;
       var originalRealValue = valueTypePrecision ? "".concat(Number(originalValue).toFixed(valueTypePrecision)) : "".concat(originalValue);
       var originalRenderValue = originalRealValue.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
@@ -248,7 +275,8 @@ export var formatColumn = function formatColumn(_ref2) {
         currentValue: renderValue,
         toolTipProps: _toolTipProps,
         minWidth: minWidth,
-        isInNewRowFlag: isInNewRowFlag
+        isInNewRowFlag: isInNewRowFlag,
+        isAddCell: isAddCell
       }));
     };
   } else if (['datePicker', 'date', 'dateTime', 'dateStartTime', 'dateEndTime', 'dateStartEndTime'].includes(valueType)) {
@@ -256,8 +284,9 @@ export var formatColumn = function formatColumn(_ref2) {
       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 originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
-      var originalValue = originalResult.originalValue;
-      var isChanged = originalResult.isChanged;
+      var isChanged = originalResult.isChanged,
+        originalValue = originalResult.originalValue,
+        isAddCell = originalResult.isAddCell;
       otherProps.isChanged = isChanged;
       var originalRenderValue = (_moment2 = moment(originalValue)) === null || _moment2 === void 0 ? void 0 : _moment2.format(format);
       switch (valueType) {
@@ -311,7 +340,8 @@ export var formatColumn = function formatColumn(_ref2) {
         currentValue: renderValue,
         toolTipProps: _toolTipProps,
         minWidth: minWidth,
-        isInNewRowFlag: isInNewRowFlag
+        isInNewRowFlag: isInNewRowFlag,
+        isAddCell: isAddCell
       }));
     };
   } else if (['enumName', 'enumCodeName'].includes(valueType)) {
@@ -319,8 +349,9 @@ export var formatColumn = function formatColumn(_ref2) {
       var realCode = typeof code === 'function' ? code(value, record) : code;
       var renderValue = getEnumLabel(realCode, value, valueType === 'enumCodeName');
       var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
-      var originalValue = originalResult.originalValue;
-      var isChanged = originalResult.isChanged;
+      var isChanged = originalResult.isChanged,
+        originalValue = originalResult.originalValue,
+        isAddCell = originalResult.isAddCell;
       otherProps.isChanged = isChanged;
       var originalRenderValue = getEnumLabel(realCode, originalValue, valueType === 'enumCodeName');
       if (Array.isArray(column === null || column === void 0 ? void 0 : column.codeValues) && !realCode) {
@@ -354,15 +385,17 @@ export var formatColumn = function formatColumn(_ref2) {
         currentValue: renderValue,
         toolTipProps: _toolTipProps,
         minWidth: minWidth,
-        isInNewRowFlag: isInNewRowFlag
+        isInNewRowFlag: isInNewRowFlag,
+        isAddCell: isAddCell
       }));
     };
   } else if (precision || prefix || suffix) {
     column.render = function (value, record, index) {
       var renderValue = value === 'number' ? value.toFixed(precision) : value;
       var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
-      var originalValue = originalResult.originalValue;
-      var isChanged = originalResult.isChanged;
+      var isChanged = originalResult.isChanged,
+        originalValue = originalResult.originalValue,
+        isAddCell = originalResult.isAddCell;
       otherProps.isChanged = isChanged;
       var originalRenderValue = originalValue === 'number' ? originalValue.toFixed(precision) : originalValue;
       var node = _jsxs(_Space, {
@@ -391,7 +424,8 @@ export var formatColumn = function formatColumn(_ref2) {
         currentValue: renderValue,
         toolTipProps: _toolTipProps,
         minWidth: minWidth,
-        isInNewRowFlag: isInNewRowFlag
+        isInNewRowFlag: isInNewRowFlag,
+        isAddCell: isAddCell
       }));
     };
   } else if (valueType === 'address') {
@@ -399,8 +433,9 @@ export var formatColumn = function formatColumn(_ref2) {
       var _realValue$filter;
       var realValue = transform ? transform(value, record) : value;
       var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
-      var originalValue = originalResult.originalValue;
-      var isChanged = originalResult.isChanged;
+      var isChanged = originalResult.isChanged,
+        originalValue = originalResult.originalValue,
+        isAddCell = originalResult.isAddCell;
       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) {
@@ -448,7 +483,8 @@ export var formatColumn = function formatColumn(_ref2) {
         currentValue: renderValue,
         toolTipProps: _toolTipProps,
         minWidth: minWidth,
-        isInNewRowFlag: isInNewRowFlag
+        isInNewRowFlag: isInNewRowFlag,
+        isAddCell: isAddCell
       }));
     };
   } else if (copyable) {
@@ -473,8 +509,9 @@ export var formatColumn = function formatColumn(_ref2) {
   } else if (ellipsis) {
     column.render = function (value, record, index) {
       var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
-      var originalValue = originalResult.originalValue;
-      var isChanged = originalResult.isChanged;
+      var isChanged = originalResult.isChanged,
+        originalValue = originalResult.originalValue,
+        isAddCell = originalResult.isAddCell;
       otherProps.isChanged = isChanged;
       if (!value && value !== 0 && value === originalValue) {
         _jsx("div", {
@@ -497,15 +534,17 @@ export var formatColumn = function formatColumn(_ref2) {
           currentValue: value || '-',
           toolTipProps: _toolTipProps,
           minWidth: minWidth,
-          isInNewRowFlag: isInNewRowFlag
+          isInNewRowFlag: isInNewRowFlag,
+          isAddCell: isAddCell
         })), suffixNode(value, record, index)]
       });
     };
   } else {
     column.render = function (value, record, index) {
       var originalResult = getOriginalValue(value, record, originalObj, rowKey, dataIndex);
-      var originalValue = originalResult.originalValue;
-      var isChanged = originalResult.isChanged;
+      var isChanged = originalResult.isChanged,
+        originalValue = originalResult.originalValue,
+        isAddCell = originalResult.isAddCell;
       otherProps.isChanged = isChanged;
       var node = _jsxs(_Space, {
         size: 8,
@@ -530,7 +569,8 @@ export var formatColumn = function formatColumn(_ref2) {
         currentValue: value || '-',
         toolTipProps: _toolTipProps,
         minWidth: minWidth,
-        isInNewRowFlag: isInNewRowFlag
+        isInNewRowFlag: isInNewRowFlag,
+        isAddCell: isAddCell
       }));
     };
   }

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

@@ -13,6 +13,8 @@ interface Props {
     minWidth?: number;
     isInNewRowFlag?: boolean;
     isChanged?: boolean;
+    /** 新增单元格字段 */
+    isAddCell?: boolean;
 }
 declare const RenderColumn: FC<Props>;
 export default RenderColumn;

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

@@ -37,7 +37,8 @@ var RenderColumn = function RenderColumn(props) {
     tooltip = _useSetState2[0].tooltip,
     setState = _useSetState2[1];
   var cellDiffCls = classNames({
-    'varied-cell': props === null || props === void 0 ? void 0 : props.isChanged
+    'varied-cell': props === null || props === void 0 ? void 0 : props.isChanged,
+    'add-cell': props === null || props === void 0 ? void 0 : props.isAddCell
   });
   // 比对场景走的逻辑
   if (!isInNewRowFlag && isBoolean(props === null || props === void 0 ? void 0 : props.isChanged)) {
@@ -97,10 +98,7 @@ var RenderColumn = function RenderColumn(props) {
         children: renderNode
       }));
     }
-    if ((props === null || props === void 0 ? void 0 : props.isChanged) === false) {
-      return renderNode;
-    }
-    return _jsx("span", {
+    return _jsx("div", {
       className: cellDiffCls,
       style: {
         width: width,

package/es/ProTable/propsType.d.ts

@@ -40,11 +40,10 @@ export interface ProTableColumn extends Omit<ColumnType<any>, 'dataIndex'> {
     toolTipProps?: TooltipProps & React.RefAttributes<unknown>;
     transform?: (value: any, record?: any) => string[];
     show?: boolean | (() => boolean);
-    onDiff?: ({ value, originValue }: {
-        value: any;
-        originValue: any;
-    }) => boolean;
-    viewRender?: ({ value, record, index, originalValue, originalRecord }: any) => any;
+    /** 自定义比对函数, 触发条件必须写render */
+    onDiff?: ({ value, record, index, originalValue, originalRecord }: any) => any;
+    /** 自定义提示render, 触发条件必须写render */
+    viewRender?: ({ value, record, index, originalValue, originalRecord }: any) => 'same' | 'changed' | 'add' | undefined;
     isChanged?: boolean | null;
 }
 export interface CreateTreeFromArrayOptions {