@zat-design/sisyphus-react 3.7.2 → 3.7.3-beta.10

package/es/ProTree/components/ProTreeSelect/style/index.less

@@ -70,7 +70,7 @@
                     }
                 }
                 .@{ant-prefix}-select-tree-treenode:hover{
-                    background-color: #f5f5f5;
+                    background-color:  var(--zaui-disabled-bg);
                 }
                 .check-option-text{
                     .check-mark-icon{
@@ -90,7 +90,7 @@
                     padding-left: 7px;
                 }
                 .@{ant-prefix}-select-tree-treenode:hover{
-                    background-color: #f5f5f5;
+                    background-color:  var(--zaui-disabled-bg);;
                 }
                 .@{ant-prefix}-select-tree-node-content-wrapper{
                     padding-right: var(--zaui-space-size-md);

package/es/ProTree/components/SearchTitle.d.ts

@@ -4,6 +4,6 @@ declare function SearchTitle(props: {
     label?: string;
     showEllipse?: boolean;
     ellipseWidth?: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof SearchTitle>;
 export default _default;

package/es/ProTree/components/Tree.d.ts

@@ -23,5 +23,5 @@ interface ListProps extends ProTreeProps {
     handleFilterClose?: (code: string, node?: any) => void;
     [key: string]: any;
 }
-declare function List(props: ListProps): import("react/jsx-runtime").JSX.Element;
+declare function List(props: ListProps): JSX.Element;
 export default List;

package/es/ProTree/components/Tree.js

@@ -298,7 +298,7 @@ function List(props) {
     }, onlyKey);
   };
   function fn() {
-    var _loop = function loop(data, index) {
+    var loop = function loop(data, index) {
       index++;
       var treeRow = data.map(function (item) {
         var nodeClass = 'pro-tree-tree-node ';
@@ -320,7 +320,7 @@ function List(props) {
           return _objectSpread(_objectSpread({}, item), {}, {
             title: nodeTitle,
             key: (item === null || item === void 0 ? void 0 : item.key) || item[fieldNameValue],
-            children: _loop(item[fieldNames.children], index)
+            children: loop(item[fieldNames.children], index)
           });
         }
         return _objectSpread(_objectSpread({}, item), {}, {
@@ -337,7 +337,7 @@ function List(props) {
     if (searchStr) {
       newTreeData = filterCheckedNodes(originalTreeData, [], searchStr, fieldNames);
     }
-    return _loop(newTreeData, -1);
+    return loop(newTreeData, -1);
   }
   var _treeData = fn();
   var onExpand = function onExpand(newExpandedKeys, nextPara) {

package/es/ProTree/index.d.ts

@@ -1,3 +1,3 @@
 import { ProTreeProps } from './propsType';
-declare const ProTreeHandle: (props: ProTreeProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProTreeHandle: (props: ProTreeProps) => JSX.Element;
 export default ProTreeHandle;

package/es/ProTree/utils.js

@@ -50,7 +50,7 @@ export function getAllKeys(data, fieldNames) {
  * @param fieldNames
  * @returns
  */
-var _getParentKey = function getParentKey(key, tree, fieldNames) {
+export var getParentKey = function getParentKey(key, tree, fieldNames) {
   var parentKey;
   for (var i = 0; i < tree.length; i++) {
     var node = tree[i];
@@ -59,17 +59,16 @@ var _getParentKey = function getParentKey(key, tree, fieldNames) {
         return item[fieldNames.value] === key;
       })) {
         parentKey = node[fieldNames.value];
-      } else if (_getParentKey(key, node[fieldNames.children], fieldNames)) {
-        parentKey = _getParentKey(key, node[fieldNames.children], fieldNames);
+      } else if (getParentKey(key, node[fieldNames.children], fieldNames)) {
+        parentKey = getParentKey(key, node[fieldNames.children], fieldNames);
       }
     }
   }
   return parentKey;
 };
-export { _getParentKey as getParentKey };
 export function findTreeNodeByKey(treeData, key, fieldNames) {
   var result = [];
-  var _traverse = function traverse(node, parents) {
+  var traverse = function traverse(node, parents) {
     if (node[fieldNames.value] === key) {
       result.push.apply(result, [node].concat(_toConsumableArray(parents)));
       return true;
@@ -80,7 +79,7 @@ export function findTreeNodeByKey(treeData, key, fieldNames) {
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var child = _step.value;
-        if (_traverse(child, [node].concat(_toConsumableArray(parents)))) {
+        if (traverse(child, [node].concat(_toConsumableArray(parents)))) {
           return true;
         }
       }
@@ -96,7 +95,7 @@ export function findTreeNodeByKey(treeData, key, fieldNames) {
   try {
     for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
       var node = _step2.value;
-      _traverse(node, []);
+      traverse(node, []);
     }
   } catch (err) {
     _iterator2.e(err);
@@ -115,23 +114,23 @@ export function filterCheckedNodes(data, checkedKeys) {
   var searchStr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   var fieldNames = arguments.length > 3 ? arguments[3] : undefined;
   var result = [];
-  var _traverse2 = function traverse(node) {
+  var traverse = function traverse(node) {
     var _node$fieldNames$chil3;
     var title = node[fieldNames.value] + node[fieldNames.label];
     if (!searchStr) {
       if (checkedKeys.includes(node[fieldNames.value])) {
         var _node$fieldNames$chil;
-        var _children = (node === null || node === void 0 ? void 0 : (_node$fieldNames$chil = node[fieldNames.children]) === null || _node$fieldNames$chil === void 0 ? void 0 : _node$fieldNames$chil.map(_traverse2).filter(Boolean)) || [];
+        var _children = (node === null || node === void 0 ? void 0 : (_node$fieldNames$chil = node[fieldNames.children]) === null || _node$fieldNames$chil === void 0 ? void 0 : _node$fieldNames$chil.map(traverse).filter(Boolean)) || [];
         return _objectSpread(_objectSpread({}, node), {}, _defineProperty({}, fieldNames.children, _children));
       }
     } else if ((title === null || title === void 0 ? void 0 : title.indexOf(searchStr)) > -1) {
       var _node$fieldNames$chil2;
-      var _children2 = ((_node$fieldNames$chil2 = node[fieldNames.children]) === null || _node$fieldNames$chil2 === void 0 ? void 0 : _node$fieldNames$chil2.map(_traverse2).filter(Boolean)) || [];
+      var _children2 = ((_node$fieldNames$chil2 = node[fieldNames.children]) === null || _node$fieldNames$chil2 === void 0 ? void 0 : _node$fieldNames$chil2.map(traverse).filter(Boolean)) || [];
       return _objectSpread(_objectSpread({}, node), {}, {
         children: _children2
       });
     }
-    var children = (_node$fieldNames$chil3 = node[fieldNames.children]) === null || _node$fieldNames$chil3 === void 0 ? void 0 : _node$fieldNames$chil3.map(_traverse2).filter(Boolean);
+    var children = (_node$fieldNames$chil3 = node[fieldNames.children]) === null || _node$fieldNames$chil3 === void 0 ? void 0 : _node$fieldNames$chil3.map(traverse).filter(Boolean);
     if (children && children.length > 0) {
       return _objectSpread(_objectSpread({}, node), {}, _defineProperty({}, fieldNames.children, children));
     }
@@ -143,7 +142,7 @@ export function filterCheckedNodes(data, checkedKeys) {
   try {
     for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
       var node = _step3.value;
-      var filtered = _traverse2(node);
+      var filtered = traverse(node);
       if (filtered) {
         result.push(filtered);
       }

package/es/ProTreeModal/components/Cascader.d.ts

@@ -10,5 +10,5 @@ interface CascaderProps {
     handleOnChange?: (e: any, value: string) => void;
     optionRender?: (item: any, searchStr: string) => string | ReactNode;
 }
-declare const Cascader: (props: CascaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const Cascader: (props: CascaderProps) => JSX.Element;
 export default Cascader;

package/es/ProTreeModal/components/CloseIcon.d.ts

@@ -1,2 +1,3 @@
-declare function CloseIcon(props: any): import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+declare function CloseIcon(props: any): JSX.Element;
 export default CloseIcon;

package/es/ProTreeModal/components/SearchTitle.d.ts

@@ -2,6 +2,6 @@
 declare function SearchTitle(props: {
     searchStr: string;
     label: string;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof SearchTitle>;
 export default _default;

package/es/ProTreeModal/components/Tree.js

@@ -59,7 +59,7 @@ function List(props, ref) {
   }, [searchStr]);
   var _treeData = useMemo(function () {
     function fn() {
-      var _loop = function loop(data, index) {
+      var loop = function loop(data, index) {
         index++;
         return data.map(function (item) {
           var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
@@ -84,7 +84,7 @@ function List(props, ref) {
                 })]
               }),
               key: item[fieldNameValue],
-              children: _loop(item[fieldNames.children], index)
+              children: loop(item[fieldNames.children], index)
             });
           }
           return _objectSpread(_objectSpread({}, item), {}, {
@@ -117,12 +117,12 @@ function List(props, ref) {
       if (searchStr) {
         newTreeData = filterCheckedNodes(originalTreeData, [], searchStr, fieldNames);
       }
-      return _loop(newTreeData, -1);
+      return loop(newTreeData, -1);
     }
     return fn();
   }, [searchStr, expandedKeys, showCodeName]);
   var treeViewData = useMemo(function () {
-    var _loop2 = function loop(data, index) {
+    var loop = function loop(data, index) {
       index++;
       return data.map(function (item) {
         var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
@@ -151,7 +151,7 @@ function List(props, ref) {
               })]
             }),
             key: item[fieldNameValue],
-            children: _loop2(item[fieldNames.children], index)
+            children: loop(item[fieldNames.children], index)
           });
         }
         return _objectSpread(_objectSpread({}, item), {}, {
@@ -170,7 +170,7 @@ function List(props, ref) {
         });
       });
     };
-    return _loop2(treeData, -1);
+    return loop(treeData, -1);
   }, [treeData]);
   var onExpand = function onExpand(newExpandedKeys) {
     setExpandedKeys(newExpandedKeys);

package/es/ProTreeModal/components/Trigger.d.ts

@@ -17,5 +17,5 @@ interface TriggerProps {
     handleClearAll: () => void;
     appointChange: (appoint?: boolean) => void;
 }
-declare function Trigger(props: TriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function Trigger(props: TriggerProps): JSX.Element;
 export default Trigger;

package/es/ProTreeModal/index.d.ts

@@ -1,5 +1,5 @@
 import { ProTreeModalProps } from './propsType';
 import './style/index.less';
 export declare const CASCADER = "CASCADER";
-declare const ProTreeModal: (props: ProTreeModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProTreeModal: (props: ProTreeModalProps) => JSX.Element;
 export default ProTreeModal;

package/es/ProTreeModal/utils.js

@@ -57,7 +57,7 @@ export function getAllKeys(data, fieldNames) {
  * @param fieldNames
  * @returns
  */
-var _getParentKey = function getParentKey(key, tree, fieldNames) {
+export var getParentKey = function getParentKey(key, tree, fieldNames) {
   var parentKey;
   for (var i = 0; i < tree.length; i++) {
     var node = tree[i];
@@ -66,17 +66,16 @@ var _getParentKey = function getParentKey(key, tree, fieldNames) {
         return item[fieldNames.value] === key;
       })) {
         parentKey = node[fieldNames.value];
-      } else if (_getParentKey(key, node[fieldNames.children], fieldNames)) {
-        parentKey = _getParentKey(key, node[fieldNames.children], fieldNames);
+      } else if (getParentKey(key, node[fieldNames.children], fieldNames)) {
+        parentKey = getParentKey(key, node[fieldNames.children], fieldNames);
       }
     }
   }
   return parentKey;
 };
-export { _getParentKey as getParentKey };
 export function findTreeNodeByKey(treeData, key, fieldNames) {
   var result = [];
-  var _traverse = function traverse(node, parents) {
+  var traverse = function traverse(node, parents) {
     if (node[fieldNames.value] === key) {
       result.push.apply(result, [node].concat(_toConsumableArray(parents)));
       return true;
@@ -87,7 +86,7 @@ export function findTreeNodeByKey(treeData, key, fieldNames) {
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var child = _step.value;
-        if (_traverse(child, [node].concat(_toConsumableArray(parents)))) {
+        if (traverse(child, [node].concat(_toConsumableArray(parents)))) {
           return true;
         }
       }
@@ -103,7 +102,7 @@ export function findTreeNodeByKey(treeData, key, fieldNames) {
   try {
     for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
       var node = _step2.value;
-      _traverse(node, []);
+      traverse(node, []);
     }
   } catch (err) {
     _iterator2.e(err);
@@ -122,23 +121,23 @@ export function filterCheckedNodes(data, checkedKeys) {
   var searchStr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
   var fieldNames = arguments.length > 3 ? arguments[3] : undefined;
   var result = [];
-  var _traverse2 = function traverse(node) {
+  var traverse = function traverse(node) {
     var _node$fieldNames$chil3;
     var title = node[fieldNames.value] + node[fieldNames.label];
     if (!searchStr) {
       if (checkedKeys.includes(node[fieldNames.value])) {
         var _node$fieldNames$chil;
-        var _children = (node === null || node === void 0 ? void 0 : (_node$fieldNames$chil = node[fieldNames.children]) === null || _node$fieldNames$chil === void 0 ? void 0 : _node$fieldNames$chil.map(_traverse2).filter(Boolean)) || [];
+        var _children = (node === null || node === void 0 ? void 0 : (_node$fieldNames$chil = node[fieldNames.children]) === null || _node$fieldNames$chil === void 0 ? void 0 : _node$fieldNames$chil.map(traverse).filter(Boolean)) || [];
         return _objectSpread(_objectSpread({}, node), {}, _defineProperty({}, fieldNames.children, _children));
       }
     } else if (title.indexOf(searchStr) > -1) {
       var _node$fieldNames$chil2;
-      var _children2 = ((_node$fieldNames$chil2 = node[fieldNames.children]) === null || _node$fieldNames$chil2 === void 0 ? void 0 : _node$fieldNames$chil2.map(_traverse2).filter(Boolean)) || [];
+      var _children2 = ((_node$fieldNames$chil2 = node[fieldNames.children]) === null || _node$fieldNames$chil2 === void 0 ? void 0 : _node$fieldNames$chil2.map(traverse).filter(Boolean)) || [];
       return _objectSpread(_objectSpread({}, node), {}, {
         children: _children2
       });
     }
-    var children = (_node$fieldNames$chil3 = node[fieldNames.children]) === null || _node$fieldNames$chil3 === void 0 ? void 0 : _node$fieldNames$chil3.map(_traverse2).filter(Boolean);
+    var children = (_node$fieldNames$chil3 = node[fieldNames.children]) === null || _node$fieldNames$chil3 === void 0 ? void 0 : _node$fieldNames$chil3.map(traverse).filter(Boolean);
     if (children && children.length > 0) {
       return _objectSpread(_objectSpread({}, node), {}, _defineProperty({}, fieldNames.children, children));
     }
@@ -150,7 +149,7 @@ export function filterCheckedNodes(data, checkedKeys) {
   try {
     for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
       var node = _step3.value;
-      var filtered = _traverse2(node);
+      var filtered = traverse(node);
       if (filtered) {
         result.push(filtered);
       }

package/es/ProUpload/components/DraggableUploadListItem.d.ts

@@ -1,2 +1,2 @@
 import { DraggableUploadListItemProps } from '../propsType';
-export declare const DraggableUploadListItem: ({ file, children }: DraggableUploadListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DraggableUploadListItem: ({ file, children }: DraggableUploadListItemProps) => JSX.Element;

package/es/ProUpload/index.js

@@ -71,7 +71,7 @@ var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
     fieldNames = props.fieldNames,
     isConfirmDelete = props.isConfirmDelete,
     residueProps = _objectWithoutProperties(props, _excluded);
-  var isView = otherProps === null || otherProps === void 0 ? void 0 : otherProps.isView;
+  var isView = (props === null || props === void 0 ? void 0 : props.isView) || (otherProps === null || otherProps === void 0 ? void 0 : otherProps.isView);
   var sensor = useSensor(PointerSensor, {
     activationConstraint: {
       distance: 10

package/es/ProUpload/propsType.d.ts

@@ -195,6 +195,11 @@ export interface ProUploadProps {
      */
     isConfirmDelete?: boolean;
     id?: string;
+    /**
+     * @description 查看模式
+     * @default    false
+     */
+    isView?: boolean;
 }
 export interface DraggableUploadListItemProps {
     file: UploadFile<any>;

package/es/style/theme/antd.less

@@ -749,3 +749,8 @@
     }
   }
 }
+
+.@{ant-prefix}-picker.@{ant-prefix}-picker-disabled  {
+  background: var(--zaui-disabled-bg);
+}
+

package/es/style/theme/index.less

@@ -55,6 +55,7 @@
   --zaui-table-selected-hover-bg    : var(--zaui-table-hover-bg); // 默认同悬停
   --zaui-table-nested-bg            : #fafcfe;
   --zaui-contract-bg                : #fffaa1; // 对比背景色
+  --zaui-contract-bg-add            : #d2fff4; // 新增对比背景色
   --zaui-form-label-width           : 130px; // 8个全角字符宽度
   --zaui-border-radius              : 8px;
   --zaui-border-radius-card         : 4px;

package/es/style/theme/tokens.less

@@ -53,6 +53,7 @@
 @zaui-table-selected-hover-bg: var(--zaui-table-hover-bg #fafafa);
 @zaui-table-nested-bg: var(--zaui-table-nested-bg #FAFCFE);
 @zaui-contract-bg: var(--zaui-contract-bg; #fffaa1); // 对比背景色
+@zaui-contract-bg-add: var(--zaui-contract-bg-add; #d2fff4); // 新增对比背景色
 @zaui-form-required-after: var(--zaui-form-required-after; inline);
 @zaui-form-required-before: var(--zaui-form-required-before; none);
 @zaui-form-label-width: var(--zaui-form-label-width; 130px);

package/es/utils/index.d.ts

@@ -0,0 +1,2 @@
+/** 判断一个值是否是空值 */
+export declare const isEmpty: (value: any) => boolean;

package/es/utils/index.js

@@ -0,0 +1,13 @@
+var EMPTY_VALUE = [undefined, null, ''];
+/** 判断一个值是否是空值 */
+export var isEmpty = function isEmpty(value) {
+  if (EMPTY_VALUE.includes(value)) {
+    return true;
+  }
+  if (Array.isArray(value)) {
+    return !(value === null || value === void 0 ? void 0 : value.length) || value.every(function (item) {
+      return EMPTY_VALUE.includes(item);
+    });
+  }
+  return false;
+};

package/lib/ProAction/index.js

@@ -43,7 +43,7 @@ var ProAction = function ProAction(props) {
   var index = state.index,
     servicesArray = state.servicesArray;
   var length = config.length;
-  var _onActionRun = /*#__PURE__*/function () {
+  var onActionRun = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(currentIndex, array) {
       var _actionProps$useReque, _options$onSuccess, _newServicesArray$cur, _newServicesArray$cur2, _newServicesArray$cur3, _actionProps$onAction, _actionProps$continue;
       var actionProps, newServicesArray, _ref2, service, options, transformResponse, res, data, open, _newServicesArray$cur4, _newServicesArray$cur5, _newServicesArray$cur6, list, errorTitle, isContinue;
@@ -140,7 +140,7 @@ var ProAction = function ProAction(props) {
             return _context.abrupt("return", false);
           case 44:
             if (currentIndex + 1 < length) {
-              _onActionRun(currentIndex + 1, newServicesArray);
+              onActionRun(currentIndex + 1, newServicesArray);
             } else {
               setState({
                 loading: false
@@ -158,7 +158,7 @@ var ProAction = function ProAction(props) {
   }();
   var ChildContent = /*#__PURE__*/_react.default.cloneElement(children, {
     onClick: function onClick() {
-      _onActionRun(0, []);
+      onActionRun(0, []);
     },
     loading: state.loading
   });
@@ -170,7 +170,7 @@ var ProAction = function ProAction(props) {
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [((_config$ = config[0]) === null || _config$ === void 0 ? void 0 : _config$.mode) === 'confirm' ? (0, _jsxRuntime.jsx)(_antd.Popconfirm, {
       onConfirm: function onConfirm() {
-        return _onActionRun(0, []);
+        return onActionRun(0, []);
       },
       title: ((_config$2 = config[0]) === null || _config$2 === void 0 ? void 0 : _config$2.title) || (_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProAction2 = _locale.default.ProAction) === null || _locale$ProAction2 === void 0 ? void 0 : _locale$ProAction2.defaultTitle),
       children: children

package/lib/ProDownload/index.d.ts

@@ -1,6 +1,6 @@
 import { IProDownloadProps } from './propsType';
 declare const ProDownload: {
-    (props: IProDownloadProps): import("react/jsx-runtime").JSX.Element;
+    (props: IProDownloadProps): JSX.Element;
     downLoadRequest: import("./utils").DownloadRequestProps;
 };
 export default ProDownload;

package/lib/ProEditTable/components/ActionButton/index.d.ts

@@ -1,2 +1,2 @@
-declare const ActionButton: ({ record, index, config, btnConfig }: any) => import("react/jsx-runtime").JSX.Element;
+declare const ActionButton: ({ record, index, config, btnConfig }: any) => JSX.Element;
 export default ActionButton;

package/lib/ProEditTable/components/RcTable/BaseTable.d.ts

@@ -2,5 +2,5 @@
 declare const _default: import("react").MemoExoticComponent<({ tableProps, ...resetProps }: {
     [x: string]: any;
     tableProps: any;
-}) => import("react/jsx-runtime").JSX.Element>;
+}) => JSX.Element>;
 export default _default;

package/lib/ProEditTable/components/RcTable/DraggableTable.d.ts

@@ -3,5 +3,5 @@ declare const _default: React.MemoExoticComponent<({ tableProps, draggableProps,
     [x: string]: any;
     tableProps: any;
     draggableProps: any;
-}) => import("react/jsx-runtime").JSX.Element>;
+}) => JSX.Element>;
 export default _default;

package/lib/ProEditTable/components/RcTable/VirtualTable.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 declare const _default: React.MemoExoticComponent<({ tableProps, ...resetProps }: {
     [x: string]: any;
     tableProps: any;
-}) => import("react/jsx-runtime").JSX.Element>;
+}) => JSX.Element>;
 export default _default;

package/lib/ProEditTable/components/RenderField/{ListChanged.d.ts → ListChangedWrapper.d.ts}

@@ -1,6 +1,7 @@
 import React from 'react';
 import { FormInstance } from 'antd';
 import { NamePath } from 'antd/lib/form/interface';
+import { DiffOriginalParams } from '../../../ProForm/utils/diffOriginal';
 interface Props {
     name?: NamePath;
     names?: NamePath[];
@@ -9,8 +10,8 @@ interface Props {
     namesStr?: NamePath;
     originalValues?: any;
     form: FormInstance;
-    equalWith?: (preValue: any, curValue: any) => boolean | undefined;
+    equalWith?: DiffOriginalParams['equalWith'];
     [name: string]: any;
 }
-declare const ListChanged: React.FC<Props>;
-export default ListChanged;
+declare const ListChangedWrapper: React.FC<Props>;
+export default ListChangedWrapper;

package/lib/ProEditTable/components/RenderField/{ListChanged.js → ListChangedWrapper.js}

@@ -11,8 +11,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _lodash = require("lodash");
 var _diffOriginal = require("../../../ProForm/utils/diffOriginal");
+var _ProConfigProvider = require("../../../ProConfigProvider");
+var _utils = require("../../../utils");
 var _excluded = ["name", "names", "namesStr", "originalName", "originalNames", "originalValues", "form", "equalWith", "rowKeyPath", "children", "type"];
 var toNamePath = function toNamePath(name) {
   if (Array.isArray(name)) {
@@ -66,7 +69,7 @@ var getOriginalValue = function getOriginalValue(_ref) {
     return (0, _lodash.get)(originalValues, originalName);
   }) : (0, _lodash.get)(originalValues, originalName);
 };
-var ListChanged = function ListChanged(props) {
+var ListChangedWrapper = function ListChangedWrapper(props) {
   var name = props.name,
     names = props.names,
     namesStr = props.namesStr,
@@ -81,11 +84,13 @@ var ListChanged = function ListChanged(props) {
     children = props.children,
     type = props.type,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _ref2 = (0, _ProConfigProvider.useProConfig)('ProEditTable') || {},
+    isDiffAll = _ref2.isDiffAll;
   var namePath = toNamePath(namesStr || name);
   var originalNamePath = toNamePath(originalName);
   var originalNamePaths = originalNames && toNamePaths(originalNames);
-  var notWatch = !originalValues || ['FormList', 'ProEditTable'].includes(type);
-  var originalValue = !notWatch ? getOriginalValue({
+  var isWatch = originalValues && !['FormList', 'ProEditTable'].includes(type);
+  var originalValue = isWatch ? getOriginalValue({
     namePath: namePath,
     originalName: originalNamePath,
     originalNames: originalNamePaths,
@@ -93,9 +98,9 @@ var ListChanged = function ListChanged(props) {
     rowKeyPath: rowKeyPath,
     form: form
   }) : undefined;
-  var noChange = !equalWith && (!originalValues || originalValue === undefined);
-  var changed = (0, _react.useMemo)(function () {
-    if (notWatch || noChange) return false;
+  var noChange = !equalWith && (!originalValues || isDiffAll ? false : (0, _utils.isEmpty)(originalValue));
+  var diffType = (0, _react.useMemo)(function () {
+    if (!isWatch || noChange) return 'same';
     return (0, _diffOriginal.diffOriginal)({
       value: props.value,
       originalValue: originalValue,
@@ -104,11 +109,20 @@ var ListChanged = function ListChanged(props) {
       // name: isString(namesStr) ? namesStr : originalName || name,
     });
   }, [props.value, originalValue]);
-  if (notWatch || noChange) {
+  var isAdd = diffType === 'add';
+  var isChanged = diffType === 'changed';
+  if (!isWatch || noChange) {
     return /*#__PURE__*/_react.default.isValidElement(children) && /*#__PURE__*/_react.default.cloneElement(children, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, children.props), rest));
   }
-  return (0, _jsxRuntime.jsx)(_antd.Tooltip, {
-    open: changed ? undefined : false,
+  var diffClassName = (0, _classnames.default)({
+    'pro-form-item-changed': isChanged,
+    'pro-form-item-add': isAdd
+  });
+  return (0, _jsxRuntime.jsx)(_antd.Tooltip
+  // 传入undefined 鼠标移入显示移出隐藏
+  , {
+    // 传入undefined 鼠标移入显示移出隐藏
+    open: isChanged ? undefined : false,
     getPopupContainer: function getPopupContainer(target) {
       return target.parentElement;
     },
@@ -121,9 +135,9 @@ var ListChanged = function ListChanged(props) {
       })) : undefined]
     }),
     children: (0, _jsxRuntime.jsx)("div", {
-      className: changed ? 'pro-form-item-changed' : '',
+      className: diffClassName,
       children: /*#__PURE__*/_react.default.isValidElement(children) ? /*#__PURE__*/_react.default.cloneElement(children, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, children.props), rest)) : undefined
     })
   });
 };
-var _default = exports.default = ListChanged;
+var _default = exports.default = ListChangedWrapper;

package/lib/ProEditTable/components/RenderField/index.d.ts

@@ -1,2 +1,2 @@
-declare const RenderField: ({ text: value, record, index, column, config }: any) => import("react/jsx-runtime").JSX.Element;
+declare const RenderField: ({ text: value, record, index, column, config }: any) => JSX.Element;
 export default RenderField;