@zat-design/sisyphus-react 3.9.4 → 3.9.5-beta.2

package/lib/ProEditTable/components/RenderField/index.js

@@ -30,7 +30,7 @@ var _utils = require("../../../ProForm/utils");
 var _ConfirmWrapper = _interopRequireDefault(require("../../../ProForm/components/render/ConfirmWrapper"));
 var _getDefaultProps = require("../../utils/getDefaultProps");
 var _ListChangedWrapper = _interopRequireDefault(require("./ListChangedWrapper"));
-var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "equalWith", "onDiff", "className", "trim", "confirm"];
+var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "onDiff", "className", "trim", "confirm", "dependencies"];
 /* eslint-disable prefer-destructuring */
 /* eslint-disable prefer-const */
 var RenderField = function RenderField(_ref) {
@@ -59,11 +59,11 @@ var RenderField = function RenderField(_ref) {
     required = _column$required === void 0 ? false : _column$required,
     _column$rules = column.rules,
     rules = _column$rules === void 0 ? [] : _column$rules,
-    equalWith = column.equalWith,
     onDiff = column.onDiff,
     className = column.className,
     trim = column.trim,
     confirm = column.confirm,
+    dependencies = column.dependencies,
     resetProps = (0, _objectWithoutProperties2.default)(column, _excluded);
   // editRender弃用使用component同ProForm
   var _editRender = component || editRender;
@@ -319,6 +319,8 @@ var RenderField = function RenderField(_ref) {
       _key2,
       _args,
       rowPath,
+      _dependencies$map,
+      validateFieldKeys,
       row,
       orgRow,
       _TargetComponent,
@@ -330,77 +332,85 @@ var RenderField = function RenderField(_ref) {
       _Object$keys,
       _Object$keys$map,
       diff,
-      validateFieldKeys,
+      _validateFieldKeys,
       _args2 = arguments;
     return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          if (!(!onFieldChange && !onChange)) {
-            _context.next = 2;
-            break;
-          }
-          return _context.abrupt("return", null);
-        case 2:
           for (_len2 = _args2.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
             args[_key2] = _args2[_key2];
           }
           _args = [].concat(args);
           rowPath = [].concat((0, _toConsumableArray2.default)(namePath), [index]);
-          row = form.getFieldValue(rowPath, true); // if (type === 'InputNumber' && column.name) row[column.name] = args[0];
+          if (!(!onFieldChange && !onChange)) {
+            _context.next = 6;
+            break;
+          }
+          if (dependencies === null || dependencies === void 0 ? void 0 : dependencies.length) {
+            validateFieldKeys = dependencies === null || dependencies === void 0 ? void 0 : (_dependencies$map = dependencies.map) === null || _dependencies$map === void 0 ? void 0 : _dependencies$map.call(dependencies, function (key) {
+              return [].concat((0, _toConsumableArray2.default)(rowPath), [key]);
+            });
+            setTimeout(function () {
+              form.validateFields(validateFieldKeys);
+            }, 100);
+          }
+          return _context.abrupt("return", null);
+        case 6:
+          row = form.getFieldValue(rowPath, true);
           orgRow = (0, _lodash.cloneDeep)(row);
           if (!onFieldChange) {
-            _context.next = 20;
+            _context.next = 21;
             break;
           }
           _args = formatArgs(args);
           _args[1] = row;
           _context.t0 = (_TargetComponent = TargetComponent) === null || _TargetComponent === void 0 ? void 0 : (_TargetComponent$prop = _TargetComponent.props) === null || _TargetComponent$prop === void 0 ? void 0 : _TargetComponent$prop.onFieldChange;
           if (!_context.t0) {
-            _context.next = 14;
+            _context.next = 15;
             break;
           }
-          _context.next = 14;
+          _context.next = 15;
           return (_TargetComponent$prop2 = TargetComponent.props).onFieldChange.apply(_TargetComponent$prop2, (0, _toConsumableArray2.default)(_args));
-        case 14:
+        case 15:
           _context.t1 = onFieldChange;
           if (!_context.t1) {
-            _context.next = 18;
+            _context.next = 19;
             break;
           }
-          _context.next = 18;
+          _context.next = 19;
           return onFieldChange.apply(void 0, (0, _toConsumableArray2.default)(_args));
-        case 18:
-          _context.next = 29;
+        case 19:
+          _context.next = 30;
           break;
-        case 20:
+        case 21:
           _args = _args.concat([row, index, form]);
           _context.t2 = (_TargetComponent2 = TargetComponent) === null || _TargetComponent2 === void 0 ? void 0 : (_TargetComponent2$pro = _TargetComponent2.props) === null || _TargetComponent2$pro === void 0 ? void 0 : _TargetComponent2$pro.onChange;
           if (!_context.t2) {
-            _context.next = 25;
+            _context.next = 26;
             break;
           }
-          _context.next = 25;
+          _context.next = 26;
           return (_TargetComponent$prop3 = TargetComponent.props).onChange.apply(_TargetComponent$prop3, (0, _toConsumableArray2.default)(_args));
-        case 25:
+        case 26:
           _context.t3 = onChange;
           if (!_context.t3) {
-            _context.next = 29;
+            _context.next = 30;
             break;
           }
-          _context.next = 29;
+          _context.next = 30;
           return onChange.apply(void 0, (0, _toConsumableArray2.default)(_args));
-        case 29:
+        case 30:
           // 判断属性是否变动
           form.setFieldValue(rowPath, row);
           if (validateTrigger && validateTrigger.includes('onChange')) {
             if (!(0, _lodash.isEqual)(orgRow, row)) {
               diff = (0, _tools.difference)(row, orgRow) || {};
-              validateFieldKeys = (_Object$keys = Object.keys(diff)) === null || _Object$keys === void 0 ? void 0 : (_Object$keys$map = _Object$keys.map) === null || _Object$keys$map === void 0 ? void 0 : _Object$keys$map.call(_Object$keys, function (key) {
+              _validateFieldKeys = (_Object$keys = Object.keys(diff)) === null || _Object$keys === void 0 ? void 0 : (_Object$keys$map = _Object$keys.map) === null || _Object$keys$map === void 0 ? void 0 : _Object$keys$map.call(_Object$keys, function (key) {
                 return [].concat((0, _toConsumableArray2.default)(rowPath), [key]);
-              });
-              if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
+              }).concat(dependencies || []);
+              if (_validateFieldKeys === null || _validateFieldKeys === void 0 ? void 0 : _validateFieldKeys.length) {
                 setTimeout(function () {
-                  form.validateFields(validateFieldKeys);
+                  form.validateFields(_validateFieldKeys);
                 }, 100);
               }
             }
@@ -410,7 +420,7 @@ var RenderField = function RenderField(_ref) {
               d: Date.now()
             }
           });
-        case 32:
+        case 33:
         case "end":
           return _context.stop();
       }
@@ -471,7 +481,7 @@ var RenderField = function RenderField(_ref) {
                 diff = (0, _tools.difference)(row, orgRow) || {};
                 validateFieldKeys = (_Object$keys2 = Object.keys(diff)) === null || _Object$keys2 === void 0 ? void 0 : (_Object$keys2$map = _Object$keys2.map) === null || _Object$keys2$map === void 0 ? void 0 : _Object$keys2$map.call(_Object$keys2, function (key) {
                   return [].concat((0, _toConsumableArray2.default)(rowPath), [key]);
-                });
+                }).concat(dependencies || []);
                 if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
                   debounceValidate(validateFieldKeys);
                 }
@@ -564,7 +574,7 @@ var RenderField = function RenderField(_ref) {
         originalNames: originalNames,
         originalValues: originalValues,
         form: form,
-        equalWith: onDiff || equalWith,
+        equalWith: onDiff,
         type: type,
         onChange: _onChange,
         valuePropName: _formItemProps.valuePropName,

package/lib/ProEditTable/propsType.d.ts

@@ -106,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>;
+    dependencies?: NamePath[];
     onDiff?: DiffOriginalParams['equalWith'];
     [key: string]: any;
 }

package/lib/ProEditTable/style/index.less

@@ -305,6 +305,47 @@
       background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
     }
   }
+
+  * {
+    // ie浏览器
+    scrollbar-face-color: #d2d3d7;
+    scrollbar-highlight-color: #979797;
+    scrollbar-3dlight-color: #979797;
+  
+    // 悬浮轨道
+    ::-webkit-scrollbar-thumb {
+      background-color: #979797;
+      background-clip: padding-box;
+      border-color: transparent;
+      border-style: dashed;
+      border-width: 4px;
+      border-radius: 10px;
+      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
+    }
+  
+    ::-webkit-scrollbar-track {
+      background: transparent;
+    }
+  
+    ::-webkit-scrollbar-thumb {
+      background-color: #d2d3d7;
+      background-clip: padding-box;
+      border-color: transparent;
+      border-style: dashed;
+      border-width: 4px;
+      border-radius: 10px;
+      -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
+    }
+  
+    ::-webkit-scrollbar-thumb {
+      background-color: #979797;
+    }
+  
+    ::-webkit-scrollbar-track {
+      background: transparent;
+    }
+  }
+  
 }
 
 .pro-edit-table-footer{

package/lib/ProEditTable/utils/diffOriginal.d.ts

@@ -0,0 +1,21 @@
+import { FormInstance } from 'antd';
+export type DiffType = 'same' | 'add' | 'changed';
+export interface DiffOriginalParams {
+    originalValue: any;
+    value: any;
+    form: FormInstance;
+    equalWith?: ({ originValue, originRecord, value, record, index }: {
+        originValue: any;
+        originRecord: any;
+        value: any;
+        record: any;
+        index: number;
+    }) => DiffType | undefined;
+    /** 原始行数据 */
+    originRecord: any;
+    /** 当前行数据 */
+    record: any;
+    /** 当前行索引 */
+    index: number;
+}
+export declare const diffOriginal: (params: DiffOriginalParams) => DiffType;

package/lib/ProEditTable/utils/diffOriginal.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.diffOriginal = void 0;
+var _lodash = require("lodash");
+var _utils = require("@zat-design/utils");
+var isEmpty = _utils.validate.isEmpty;
+// 过滤对象中undefined字段
+// 防止{a: '1'} {a: '1', b: undefined | null}被认为不相等
+var filterObject = function filterObject(data) {
+  if (!(0, _lodash.isObject)(data) || Array.isArray(data) || data === null) return data;
+  var resData = {};
+  Object.keys(data).forEach(function (key) {
+    if (!isEmpty(data[key])) {
+      resData[key] = data[key];
+    }
+  });
+  // 空对象视为null 比较时 null undefined {} [] '' 视为相等
+  if (!Object.keys(resData).length) return null;
+  return resData;
+};
+var diffOriginal = exports.diffOriginal = function diffOriginal(params) {
+  var originalValue = params.originalValue,
+    value = params.value,
+    equalWith = params.equalWith,
+    originRecord = params.originRecord,
+    record = params.record,
+    index = params.index;
+  // 支持传入自定义比较事件
+  if ((0, _lodash.isFunction)(equalWith)) {
+    var diffRes = equalWith({
+      originValue: originalValue,
+      originRecord: originRecord,
+      value: value,
+      record: record,
+      index: index
+    });
+    // 如果返回undefined走内置比较逻辑
+    if (diffRes !== undefined) {
+      if (typeof diffRes === 'boolean') {
+        return diffRes ? 'same' : 'changed';
+      }
+      return diffRes;
+    }
+  }
+  var _value = filterObject(value);
+  var _originalValue = filterObject(originalValue);
+  // 如果原始值为空 且当前有值的话 认为变更类型是新增
+  if (isEmpty(_originalValue) && !isEmpty(_value)) {
+    return 'add';
+  }
+  if (Array.isArray(_originalValue)) {
+    if ((_originalValue === null || _originalValue === void 0 ? void 0 : _originalValue.length) === (_value === null || _value === void 0 ? void 0 : _value.length)) {
+      var isSame = _originalValue.every(function (valueItem, index) {
+        // 如果两个值有一个不是空值, 则进行深比较
+        if (!isEmpty(value === null || value === void 0 ? void 0 : value[index]) || !isEmpty(valueItem)) {
+          return (0, _lodash.isEqual)(value === null || value === void 0 ? void 0 : value[index], valueItem);
+        }
+        return true;
+      });
+      return isSame ? 'same' : 'changed';
+    }
+    return 'changed';
+  }
+  if (!isEmpty(_originalValue) || !isEmpty(_value)) {
+    return (0, _lodash.isEqual)(_value, _originalValue) ? 'same' : 'changed';
+  }
+  return 'same';
+};

package/lib/ProEnum/index.js

@@ -231,7 +231,7 @@ var ProEnum = function ProEnum(props) {
   };
   if (!code && !dataSource && !useRequest) {
     var _locale$ProEnum4;
-    _antd.message.error(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProEnum4 = _locale.default.ProEnum) === null || _locale$ProEnum4 === void 0 ? void 0 : _locale$ProEnum4.errorNoEnumType);
+    _antd.message.error("".concat(otherProps === null || otherProps === void 0 ? void 0 : otherProps.label, "-").concat(otherProps === null || otherProps === void 0 ? void 0 : otherProps.name, "-").concat(_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProEnum4 = _locale.default.ProEnum) === null || _locale$ProEnum4 === void 0 ? void 0 : _locale$ProEnum4.errorNoEnumType));
   }
   var transToLabel = function transToLabel(value) {
     var list = dataList && dataList.length ? dataList : enumLists;

package/lib/ProForm/components/combination/Group/component/ComRender.js

@@ -38,6 +38,7 @@ var getComRender = function getComRender(component, props, componentProps) {
 };
 /** 渲染组件 */
 var ComRender = function ComRender(props) {
+  var _props$component, _props$component$prop;
   var type = props.type,
     confirm = props.confirm,
     component = props.component,
@@ -58,6 +59,13 @@ var ComRender = function ComRender(props) {
   };
   var _props = mergedGetValueProps(fieldProps.value);
   var componentProps = (0, _objectSpread3.default)((0, _objectSpread3.default)((0, _objectSpread3.default)({}, fieldProps), rest), _props);
+  var isSeparator = (props === null || props === void 0 ? void 0 : (_props$component = props.component) === null || _props$component === void 0 ? void 0 : (_props$component$prop = _props$component.props) === null || _props$component$prop === void 0 ? void 0 : _props$component$prop.className) === 'group-separator';
+  if (isSeparator && isView) {
+    var _props$component2, _props$component2$pro;
+    return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [" ", props === null || props === void 0 ? void 0 : (_props$component2 = props.component) === null || _props$component2 === void 0 ? void 0 : (_props$component2$pro = _props$component2.props) === null || _props$component2$pro === void 0 ? void 0 : _props$component2$pro.children, " "]
+    });
+  }
   if (viewRender && isView) {
     return (0, _jsxRuntime.jsx)(_useFieldProps.FieldProvider, {
       value: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, contextProps), {}, {

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

@@ -77,7 +77,7 @@ var Group = function Group(props) {
     children: space.compact || (space === null || space === void 0 ? void 0 : space.separator) ? (0, _jsxRuntime.jsx)(_antd.Space.Compact, {
       children: columns.map(function (column, index) {
         column.otherProps = otherProps;
-        // 自定义间隔移除对于参数
+        // 自定义间隔移除对应参数
         if (column === null || column === void 0 ? void 0 : column.separator) {
           delete column.separator;
           delete column.otherProps;

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

@@ -337,7 +337,7 @@ var useTransformColumns = exports.useTransformColumns = function useTransformCol
     }, reactiveProps), {}, {
       disabled: getLastDisabled(),
       getValueProps: transform === null || transform === void 0 ? void 0 : transform.getValueProps,
-      fieldProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column === null || column === void 0 ? void 0 : column.fieldProps), {}, {
+      fieldProps: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, column === null || column === void 0 ? void 0 : column.fieldProps), reactiveProps === null || reactiveProps === void 0 ? void 0 : reactiveProps.fieldProps), {}, {
         onChange: handleChange,
         onBlur: handleBlur,
         value: value === null || value === void 0 ? void 0 : value[index]

package/lib/ProForm/index.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ProFormProvider = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -25,9 +25,10 @@ var _useForm3 = require("./utils/useForm");
 var _useFieldProps = require("./utils/useFieldProps");
 var _locale = _interopRequireDefault(require("../locale"));
 var _useWatch = _interopRequireDefault(require("./utils/useWatch"));
+var _FormsContext = require("../ProConfigProvider/FormsContext");
 var _excluded = ["mode", "span", "disabled", "isView", "columns", "footer", "onOk", "okText", "onCancel", "confirmLoading", "cancelText", "form", "children", "rowProps", "className", "expand", "expandOpen", "expandOpenChange", "viewEmpty", "labelAlign", "labelWidth", "onValuesChange", "onFinish", "diffConfig", "submitOnEnter", "clearNotShow", "initialValues", "requiredOnView", "formId", "required", "formKey", "globalControl", "scrollToError", "optimize"];
 var ProForm = function ProForm(props, ref) {
-  var _forms$formKey, _localStorage, _ref;
+  var _localStorage, _ref;
   var _props$mode = props.mode,
     mode = _props$mode === void 0 ? 'search' : _props$mode,
     span = props.span,
@@ -70,17 +71,15 @@ var ProForm = function ProForm(props, ref) {
     _props$optimize = props.optimize,
     optimize = _props$optimize === void 0 ? false : _props$optimize,
     otherProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var _useProConfig = (0, _ProConfigProvider.useProConfig)(),
-    state = _useProConfig.state,
-    dispatch = _useProConfig.dispatch;
-  var config = state.ProForm,
-    forms = state.forms;
-  var _useForm = (0, _useForm3.useForm)((_forms$formKey = forms[formKey]) !== null && _forms$formKey !== void 0 ? _forms$formKey : originForm, {
+  var config = (0, _ProConfigProvider.useProConfig)('ProForm');
+  var _useForm = (0, _useForm3.useForm)(originForm, {
       scrollToError: scrollToError,
-      optimize: optimize
+      optimize: optimize,
+      formKey: formKey
     }),
     _useForm2 = (0, _slicedToArray2.default)(_useForm, 1),
     form = _useForm2[0];
+  // const form = useForms(formKey, originForm, { scrollToError, optimize, formKey });
   var _useControlled = (0, _index.useControlled)({
       value: expandOpen,
       onChange: expandOpenChange
@@ -89,32 +88,22 @@ var ProForm = function ProForm(props, ref) {
     openState = _useControlled2[0],
     setOpenState = _useControlled2[1];
   // 把表单实例存入表单组
-  (0, _react.useMemo)(function () {
-    if (formKey && forms[formKey] !== form) {
-      forms[formKey] = form;
-      // fix:  Cannot update a component (`ProConfigProvider`) while rendering a different component (`ForwardRef(ProForm)`).
-      setTimeout(function () {
-        dispatch({
-          type: 'set',
-          payload: {
-            forms: (0, _objectSpread2.default)({}, forms)
-          }
-        });
-      }, 300);
-    }
-    // 销毁
-    return function () {
-      if (formKey && forms[formKey]) {
-        delete forms[formKey];
-        dispatch({
-          type: 'set',
-          payload: {
-            forms: (0, _objectSpread2.default)({}, forms)
-          }
-        });
-      }
-    };
-  }, [formKey, form]);
+  // useMemo(() => {
+  //   if (formKey && forms[formKey] !== form) {
+  //     forms[formKey] = form;
+  //     // fix:  Cannot update a component (`ProConfigProvider`) while rendering a different component (`ForwardRef(ProForm)`).
+  //     setTimeout(() => {
+  //       dispatch({ type: 'set', payload: { forms: { ...forms } } });
+  //     }, 300);
+  //   }
+  //   // 销毁
+  //   return () => {
+  //     if (formKey && forms[formKey]) {
+  //       delete forms[formKey];
+  //       dispatch({ type: 'set', payload: { forms: { ...forms } } });
+  //     }
+  //   };
+  // }, [formKey, form]);
   var _getLayout = (0, _index.getLayout)({
       span: span,
       form: form
@@ -311,7 +300,8 @@ var ProFormProvider = exports.ProFormProvider = function ProFormProvider(props)
 };
 ProFormForward.Provider = ProFormProvider; // 包装Provider
 ProFormForward.useFieldProps = _useFieldProps.useFieldProps; // 获取每个字段的其他参数  -otherProps
-ProFormForward.useContextForms = _ProConfigProvider.useContextForms; // 获取 ProConfigProvider中的表单实例map
+ProFormForward.useForms = _FormsContext.useForms; // 获取上下文中的指定表单实例 如果不存在则会创建
+ProFormForward.useContextForms = _FormsContext.useContextForms; // 获取 ProConfigProvider中的表单实例map
 // 内置组合
 ProFormForward.ProCascader = _components.ProCascader;
 ProFormForward.ProCombination = _components.ProCombination;

package/lib/ProForm/style/index.less

@@ -341,6 +341,10 @@
       background: @zaui-contract-bg !important;
     }
 
+    .ant-picker-clear {
+      background: @zaui-contract-bg;
+    }
+
     span.@{ant-prefix}-input-affix-wrapper,
     .@{ant-prefix}-select .@{ant-prefix}-select-selector,
     .@{ant-prefix}-picker,
@@ -419,6 +423,10 @@
       background: @zaui-contract-bg-add !important;
     }
 
+    .ant-picker-clear {
+      background: @zaui-contract-bg-add;
+    }
+
     span.@{ant-prefix}-input-affix-wrapper,
     .@{ant-prefix}-select .@{ant-prefix}-select-selector,
     .@{ant-prefix}-picker,

package/lib/ProForm/utils/diffOriginal.js

@@ -42,14 +42,17 @@ var diffOriginal = exports.diffOriginal = function diffOriginal(params) {
     return 'add';
   }
   if (Array.isArray(_originalValue)) {
-    var isSame = _originalValue.every(function (valueItem, index) {
-      // 如果两个值有一个不是空值, 则进行深比较
-      if (!(0, _utils.isEmpty)(value === null || value === void 0 ? void 0 : value[index]) || !(0, _utils.isEmpty)(valueItem)) {
-        return (0, _lodash.isEqual)(value === null || value === void 0 ? void 0 : value[index], valueItem);
-      }
-      return true;
-    });
-    return isSame ? 'same' : 'changed';
+    if ((_originalValue === null || _originalValue === void 0 ? void 0 : _originalValue.length) === (_value === null || _value === void 0 ? void 0 : _value.length)) {
+      var isSame = _originalValue.every(function (valueItem, index) {
+        // 如果两个值有一个不是空值, 则进行深比较
+        if (!(0, _utils.isEmpty)(value === null || value === void 0 ? void 0 : value[index]) || !(0, _utils.isEmpty)(valueItem)) {
+          return (0, _lodash.isEqual)(value === null || value === void 0 ? void 0 : value[index], valueItem);
+        }
+        return true;
+      });
+      return isSame ? 'same' : 'changed';
+    }
+    return 'changed';
   }
   if (!(0, _utils.isEmpty)(_originalValue) || !(0, _utils.isEmpty)(_value)) {
     return (0, _lodash.isEqual)(_value, _originalValue) ? 'same' : 'changed';

package/lib/ProForm/utils/useForm.d.ts

@@ -1,15 +1,16 @@
 import { FormInstance } from 'antd';
 import { NamePath } from 'antd/es/form/interface';
 import { ValuedNotifyInfo } from 'rc-field-form/es/interface';
-type ModifiedFormInstance<T> = FormInstance<T> & {
+export type ModifiedFormInstance<T> = FormInstance<T> & {
     isModified?: boolean;
     /** 默认清空设置值的报错状态 */
     setFieldValue: (name: NamePath, value: any, info?: ValuedNotifyInfo) => void;
+    formKey?: string;
     _init?: boolean;
 };
-interface FormInstanceOption {
+export interface FormInstanceOption {
     scrollToError?: boolean;
     optimize?: boolean;
+    formKey?: string;
 }
 export declare const useForm: <T>(originForm?: FormInstanceOption | ModifiedFormInstance<T>, options?: FormInstanceOption) => [ModifiedFormInstance<T>];
-export {};

package/lib/ProForm/utils/useForm.js

@@ -11,8 +11,10 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _antd = require("antd");
+var _react = require("react");
 var _index = require("./index");
 var _tools = require("../../ProEditTable/utils/tools");
+var _FormsContext = require("../../ProConfigProvider/FormsContext");
 var useForm = exports.useForm = function useForm(originForm, options) {
   // 如果没有form实例可以直接把options放在第一个参数位置
   // @ts-ignore
@@ -23,10 +25,17 @@ var useForm = exports.useForm = function useForm(originForm, options) {
   var _ref = _options || {},
     _ref$scrollToError = _ref.scrollToError,
     scrollToError = _ref$scrollToError === void 0 ? true : _ref$scrollToError,
-    optimize = _ref.optimize;
-  var _Form$useForm = _antd.Form.useForm(_originForm),
+    optimize = _ref.optimize,
+    formKey = _ref.formKey;
+  // formKey全局共享逻辑
+  var forms = (0, _react.useContext)(_FormsContext.FormsContext);
+  var _Form$useForm = _antd.Form.useForm(forms[formKey] || _originForm),
     _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
     form = _Form$useForm2[0];
+  if (formKey && forms[formKey] !== form) {
+    forms[formKey] = form;
+    form.formKey = formKey;
+  }
   var getFieldsValue = form.getFieldsValue,
     validateFields = form.validateFields,
     isModified = form.isModified,

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

@@ -145,7 +145,7 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
           index: index
         });
         // viewRender 返回值为 false 时，不显示对比
-        if ((0, _lodash.isBoolean)(diffResult)) {
+        if ((0, _lodash.isBoolean)(diffResult) && !diffResult) {
           otherProps.isChanged = false;
         }
         originalValue = diffResult;