@zat-design/sisyphus-react 3.9.3 → 3.9.4-beta.1

package/dist/index.esm.css

@@ -3110,6 +3110,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-form .pro-form-item-changed .ant-select.ant-select-disabled .ant-select-selector {
   background: var(--zaui-contract-bg, #fffaa1) !important;
 }
+.pro-form .pro-form-item-changed .ant-picker-clear {
+  background: var(--zaui-contract-bg, #fffaa1);
+}
 .pro-form .pro-form-item-changed span.ant-input-affix-wrapper,
 .pro-form .pro-form-item-changed .ant-select .ant-select-selector,
 .pro-form .pro-form-item-changed .ant-picker,
@@ -3165,6 +3168,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-form .pro-form-item-add .ant-select.ant-select-disabled .ant-select-selector {
   background: var(--zaui-contract-bg-add, #d2fff4) !important;
 }
+.pro-form .pro-form-item-add .ant-picker-clear {
+  background: var(--zaui-contract-bg-add, #d2fff4);
+}
 .pro-form .pro-form-item-add span.ant-input-affix-wrapper,
 .pro-form .pro-form-item-add .ant-select .ant-select-selector,
 .pro-form .pro-form-item-add .ant-picker,
@@ -4672,6 +4678,38 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-edit-table .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .is-new-row.ant-table-row:hover .ant-table-cell-row-hover {
   background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
 }
+.pro-edit-table * {
+  scrollbar-face-color: #d2d3d7;
+  scrollbar-highlight-color: #979797;
+  scrollbar-3dlight-color: #979797;
+}
+.pro-edit-table * ::-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);
+}
+.pro-edit-table * ::-webkit-scrollbar-track {
+  background: transparent;
+}
+.pro-edit-table * ::-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);
+}
+.pro-edit-table * ::-webkit-scrollbar-thumb {
+  background-color: #979797;
+}
+.pro-edit-table * ::-webkit-scrollbar-track {
+  background: transparent;
+}
 .pro-edit-table-footer {
   margin-top: 12px;
 }
@@ -6043,5 +6081,8 @@ input[type='button'] {
   --antd-arrow-background-color: linear-gradient(to right bottom, rgba(255, 255, 255, 0.95), #ffffff);
 }
 .ant-picker.ant-picker-disabled {
-  background: var(--zaui-disabled-bg);
+  background: var(--zaui-disabled-bg) !important;
+}
+.ant-input-affix-wrapper-disabled {
+  background: var(--zaui-disabled-bg) !important;
 }

package/dist/less.esm.css

@@ -3110,6 +3110,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-form .pro-form-item-changed .ant-select.ant-select-disabled .ant-select-selector {
   background: var(--zaui-contract-bg, #fffaa1) !important;
 }
+.pro-form .pro-form-item-changed .ant-picker-clear {
+  background: var(--zaui-contract-bg, #fffaa1);
+}
 .pro-form .pro-form-item-changed span.ant-input-affix-wrapper,
 .pro-form .pro-form-item-changed .ant-select .ant-select-selector,
 .pro-form .pro-form-item-changed .ant-picker,
@@ -3165,6 +3168,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-form .pro-form-item-add .ant-select.ant-select-disabled .ant-select-selector {
   background: var(--zaui-contract-bg-add, #d2fff4) !important;
 }
+.pro-form .pro-form-item-add .ant-picker-clear {
+  background: var(--zaui-contract-bg-add, #d2fff4);
+}
 .pro-form .pro-form-item-add span.ant-input-affix-wrapper,
 .pro-form .pro-form-item-add .ant-select .ant-select-selector,
 .pro-form .pro-form-item-add .ant-picker,
@@ -4672,6 +4678,38 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
 .pro-edit-table .ant-table.ant-table-scroll-horizontal table .ant-table-tbody .is-new-row.ant-table-row:hover .ant-table-cell-row-hover {
   background-color: var(--zaui-contract-bg-add, #d2fff4) !important;
 }
+.pro-edit-table * {
+  scrollbar-face-color: #d2d3d7;
+  scrollbar-highlight-color: #979797;
+  scrollbar-3dlight-color: #979797;
+}
+.pro-edit-table * ::-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);
+}
+.pro-edit-table * ::-webkit-scrollbar-track {
+  background: transparent;
+}
+.pro-edit-table * ::-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);
+}
+.pro-edit-table * ::-webkit-scrollbar-thumb {
+  background-color: #979797;
+}
+.pro-edit-table * ::-webkit-scrollbar-track {
+  background: transparent;
+}
 .pro-edit-table-footer {
   margin-top: 12px;
 }

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

@@ -120,9 +120,15 @@ var ListChangedWrapper = function ListChangedWrapper(props) {
     if (!isWatch || noChange) return 'same';
     var _value = normalize ? normalize(props[valuePropName], undefined, undefined, true) // true 代表是值比对时的调用
     : props[valuePropName];
+    // fix:修复 DatePicker时，originalValue与最新值一致时，显示为 changed的问题
+    var _originalValue = normalize && ['DatePicker'].includes(props.type) ? normalize(originalValue, undefined, undefined, true) : originalValue;
+    // fix:修复 InputNumber 时，originalValue与最新值一致都为'0'时，显示为 changed的问题
+    if (['InputNumber'].includes(props.type) && normalize && _value === Number(originalValue)) {
+      return 'same';
+    }
     return diffOriginal({
       value: _value,
-      originalValue: originalValue,
+      originalValue: _originalValue,
       form: form,
       equalWith: equalWith
       // name: isString(namesStr) ? namesStr : originalName || name,

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

@@ -6,7 +6,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-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", "equalWith", "onDiff", "className", "trim", "confirm", "dependencies"];
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable prefer-destructuring */
 /* eslint-disable prefer-const */
@@ -57,6 +57,7 @@ var RenderField = function RenderField(_ref) {
     className = column.className,
     trim = column.trim,
     confirm = column.confirm,
+    dependencies = column.dependencies,
     resetProps = _objectWithoutProperties(column, _excluded);
   // editRender弃用使用component同ProForm
   var _editRender = component || editRender;
@@ -312,6 +313,8 @@ var RenderField = function RenderField(_ref) {
       _key2,
       _args,
       rowPath,
+      _dependencies$map,
+      validateFieldKeys,
       row,
       orgRow,
       _TargetComponent,
@@ -323,77 +326,85 @@ var RenderField = function RenderField(_ref) {
       _Object$keys,
       _Object$keys$map,
       diff,
-      validateFieldKeys,
+      _validateFieldKeys,
       _args2 = arguments;
     return _regeneratorRuntime().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(_toConsumableArray(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(_toConsumableArray(rowPath), [key]);
+            });
+            setTimeout(function () {
+              form.validateFields(validateFieldKeys);
+            }, 100);
+          }
+          return _context.abrupt("return", null);
+        case 6:
+          row = form.getFieldValue(rowPath, true);
           orgRow = 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, _toConsumableArray(_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, _toConsumableArray(_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, _toConsumableArray(_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, _toConsumableArray(_args));
-        case 29:
+        case 30:
           // 判断属性是否变动
           form.setFieldValue(rowPath, row);
           if (validateTrigger && validateTrigger.includes('onChange')) {
             if (!isEqual(orgRow, row)) {
               diff = 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(_toConsumableArray(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);
               }
             }
@@ -403,7 +414,7 @@ var RenderField = function RenderField(_ref) {
               d: Date.now()
             }
           });
-        case 32:
+        case 33:
         case "end":
           return _context.stop();
       }
@@ -464,7 +475,7 @@ var RenderField = function RenderField(_ref) {
                 diff = 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(_toConsumableArray(rowPath), [key]);
-                });
+                }).concat(dependencies || []);
                 if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
                   debounceValidate(validateFieldKeys);
                 }

package/es/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/es/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/es/ProForm/components/combination/ProCascader/index.js

@@ -16,7 +16,7 @@ import _Typography from "antd/es/typography";
 var _excluded = ["className", "hasDetail", "detailMaxLength", "fieldNames", "value", "disabled", "dataSource", "onChange", "useRequest", "transformResponse", "level", "isView", "enumCode", "code", "tooltip", "separator", "detailPlaceholder", "scrollFollowParent"];
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState, memo, useMemo } from 'react';
-import { omit, find as _find } from 'lodash';
+import { omit, find as _find, isBoolean } from 'lodash';
 import { transformDataName } from './utils/index';
 import { useProConfig } from '../../../../ProConfigProvider';
 import useEnum from '../../../../ProEnum/hooks/useEnum';
@@ -111,6 +111,12 @@ var ProCascader = function ProCascader(props) {
     var result = transformDataName(isAddressMode && realLevel === 2 ? _filterDataSource(innerDataSource, level, fieldNames) : innerDataSource, fieldNames);
     return result;
   }, [isAddressMode, addressCode, realLevel, dataSource, enumDataSource === null || enumDataSource === void 0 ? void 0 : enumDataSource.length]);
+  var lastDisabled = useMemo(function () {
+    if (isBoolean(disabled) || disabled === undefined) {
+      return [disabled, disabled];
+    }
+    return disabled;
+  }, [disabled]);
   var _useRequest = _objectSpread({}, useRequest),
     service = _useRequest.service,
     _useRequest$defaultPa = _useRequest.defaultParams,
@@ -268,7 +274,7 @@ var ProCascader = function ProCascader(props) {
       placeholder: locale === null || locale === void 0 ? void 0 : (_locale$ProAddressBar = locale.ProAddressBar) === null || _locale$ProAddressBar === void 0 ? void 0 : _locale$ProAddressBar.placeholder,
       value: addressValue,
       options: service ? serviceData : realDataSource,
-      disabled: disabled,
+      disabled: lastDisabled[0],
       displayRender: displayRender,
       showSearch: {
         filter: handlefilter,
@@ -278,19 +284,19 @@ var ProCascader = function ProCascader(props) {
       getPopupContainer: function getPopupContainer(trigger) {
         return scrollFollowParent ? trigger.parentElement : document.body;
       }
-    }, omit(otherProps, ['otherProps', 'scrollFollowParent']))), hasDetail && (tooltip && disabled && detail ? _jsx(_Tooltip, {
+    }, omit(otherProps, ['otherProps', 'scrollFollowParent']))), hasDetail && (tooltip && lastDisabled[1] && detail ? _jsx(_Tooltip, {
       title: detail,
       children: _jsx("span", {
         className: "pro-address-detail",
         children: _jsx(_Input, {
-          disabled: disabled,
+          disabled: lastDisabled[1],
           value: detail
         })
       })
     }) : _jsx(_Input, {
       allowClear: true,
       autoComplete: "off",
-      disabled: disabled,
+      disabled: lastDisabled[1],
       value: detail,
       maxLength: detailMaxLength,
       placeholder: detailPlaceholder || (locale === null || locale === void 0 ? void 0 : (_locale$ProAddressBar2 = locale.ProAddressBar) === null || _locale$ProAddressBar2 === void 0 ? void 0 : _locale$ProAddressBar2.detailPlaceholder),

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

@@ -2,6 +2,7 @@ import "antd/es/space/style";
 import _Space from "antd/es/space";
 import "antd/es/tooltip/style";
 import _Tooltip from "antd/es/tooltip";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
@@ -47,9 +48,15 @@ var ChangedWrapper = function ChangedWrapper(props) {
     if (!isWatch || noChange) return 'same';
     var _value = normalize ? normalize(props[valuePropName], undefined, undefined, true) // true 代表是值比对时的调用
     : props[valuePropName];
+    // fix:修复 DatePicker时，originalValue与最新值一致时，显示为 changed的问题
+    var _originalValue = normalize && ['DatePicker'].includes(props.type) ? normalize(originalValue, undefined, undefined, true) : originalValue;
+    // fix:修复 InputNumber 时，originalValue与最新值一致都为'0'时，显示为 changed的问题
+    if (['InputNumber'].includes(props.type) && normalize && _value === Number(originalValue)) {
+      return 'same';
+    }
     return diffOriginal({
-      originalValue: originalValue,
       value: _value,
+      originalValue: _originalValue,
       form: form,
       equalWith: equalWith
       // name: namesStr || name,
@@ -57,23 +64,20 @@ var ChangedWrapper = function ChangedWrapper(props) {
   }, [isWatch, noChange, props[valuePropName], originalValue]);
   var isAdd = diffType === 'add';
   var isChanged = diffType === 'changed';
-  var viewRenderFun = useMemo(function () {
-    return function (orgValue) {
-      return viewRender(orgValue, originalValues, {
-        form: form
-      });
-    };
-  }, [form]);
   var tipContent = useMemo(function () {
     if (!isWatch || noChange) return undefined;
     var valueProps = getValueProps && !names ? getValueProps(originalValue) : {
       value: originalValue
     };
-    if (viewRender) return viewRenderFun(valueProps === null || valueProps === void 0 ? void 0 : valueProps.value);
+    if (viewRender) {
+      return viewRender(valueProps === null || valueProps === void 0 ? void 0 : valueProps.value, originalValues, {
+        form: form
+      });
+    }
     return /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread({}, children.props), {}, _defineProperty({
       isView: true
     }, valuePropName, valueProps === null || valueProps === void 0 ? void 0 : valueProps.value))) : undefined;
-  }, [originalValue, children]);
+  }, [_typeof(viewRender), originalValue, children]);
   if (!isWatch || noChange) {
     // 嵌套子组件
     var isNestedField = ['ProEditTable'].includes(type);

package/es/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/es/ProForm/utils/useShouldUpdate.js

@@ -2,6 +2,14 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useRef, useState } from 'react';
 import { isFunction, isEqualWith, get } from 'lodash';
 import { customEqualForFun } from './index';
+/** FormList中被删除的行也会再触发一次响应式函数 排除这种场景 */
+var isDeleteLine = function isDeleteLine(form, namePath) {
+  if (namePath) {
+    var line = form.getFieldValue(namePath);
+    return line === undefined;
+  }
+  return false;
+};
 // 代理shouldUpdate事件, 执行函数值的[show, disabled], 当[show, disabled]与上一次值不相同时更新状态
 var useShouldUpdate = function useShouldUpdate(props) {
   var show = props.show,
@@ -64,7 +72,7 @@ var useShouldUpdate = function useShouldUpdate(props) {
   }
   if (isFunction(disabled)) {
     // RangePicker返回数组时，特殊处理
-    if (['Group', 'RangePicker'].includes(type) && Array.isArray(disabled(values, {
+    if (['Group', 'RangePicker', 'ProCascader'].includes(type) && Array.isArray(disabled(values, {
       form: form,
       index: index,
       namePath: namePath
@@ -169,7 +177,7 @@ var useShouldUpdate = function useShouldUpdate(props) {
         namePath: namePath
       }) : fieldProps;
       // 清值防抖  多次刷新时以最后一次为准
-      if (clearNotShow !== false && (name || names)) {
+      if (clearNotShow !== false && (name || names) && !isDeleteLine(form, namePath)) {
         // 当show为其他变为false的时候记录一次需要清值
         if (_show !== showRef.current && _show === false) {
           needClear.current = true;

package/es/ProStep/components/Item/index.js

@@ -2,6 +2,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["id", "title", "collapse", "children"];
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
 import { useStep } from '../../index';
 import ProCollapse from '../../../ProLayout/components/ProCollapse';
 export default (function (_ref) {
@@ -14,10 +15,18 @@ export default (function (_ref) {
   var _useStep = useStep(),
     register = _useStep.register,
     collapse = _useStep.collapse;
-  register === null || register === void 0 ? void 0 : register(_objectSpread(_objectSpread({}, restProps), {}, {
-    title: title,
-    id: id
-  }));
+  useEffect(function () {
+    // 子组件更新父组件 延迟状态更新，避免重渲染
+    var timeoutId = setTimeout(function () {
+      register === null || register === void 0 ? void 0 : register(_objectSpread(_objectSpread({}, restProps), {}, {
+        title: title,
+        id: id
+      }));
+    }, 0);
+    return function () {
+      return clearTimeout(timeoutId);
+    };
+  }, [register]);
   return _jsx("div", {
     className: "pro-step-item",
     id: id,

package/es/style/theme/antd.less

@@ -753,6 +753,9 @@
 }
 
 .@{ant-prefix}-picker.@{ant-prefix}-picker-disabled  {
-  background: var(--zaui-disabled-bg);
+  background: var(--zaui-disabled-bg) !important;
 }
 
+.@{ant-prefix}-input-affix-wrapper-disabled {
+  background: var(--zaui-disabled-bg) !important;
+}

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

@@ -125,9 +125,15 @@ var ListChangedWrapper = function ListChangedWrapper(props) {
     if (!isWatch || noChange) return 'same';
     var _value = normalize ? normalize(props[valuePropName], undefined, undefined, true) // true 代表是值比对时的调用
     : props[valuePropName];
+    // fix:修复 DatePicker时，originalValue与最新值一致时，显示为 changed的问题
+    var _originalValue = normalize && ['DatePicker'].includes(props.type) ? normalize(originalValue, undefined, undefined, true) : originalValue;
+    // fix:修复 InputNumber 时，originalValue与最新值一致都为'0'时，显示为 changed的问题
+    if (['InputNumber'].includes(props.type) && normalize && _value === Number(originalValue)) {
+      return 'same';
+    }
     return (0, _diffOriginal.diffOriginal)({
       value: _value,
-      originalValue: originalValue,
+      originalValue: _originalValue,
       form: form,
       equalWith: equalWith
       // name: isString(namesStr) ? namesStr : originalName || name,

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", "equalWith", "onDiff", "className", "trim", "confirm", "dependencies"];
 /* eslint-disable prefer-destructuring */
 /* eslint-disable prefer-const */
 var RenderField = function RenderField(_ref) {
@@ -64,6 +64,7 @@ var RenderField = function RenderField(_ref) {
     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 +320,8 @@ var RenderField = function RenderField(_ref) {
       _key2,
       _args,
       rowPath,
+      _dependencies$map,
+      validateFieldKeys,
       row,
       orgRow,
       _TargetComponent,
@@ -330,77 +333,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 +421,7 @@ var RenderField = function RenderField(_ref) {
               d: Date.now()
             }
           });
-        case 32:
+        case 33:
         case "end":
           return _context.stop();
       }
@@ -471,7 +482,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);
                 }

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/ProForm/components/combination/ProCascader/index.js

@@ -111,6 +111,12 @@ var ProCascader = function ProCascader(props) {
     var result = (0, _index.transformDataName)(isAddressMode && realLevel === 2 ? _filterDataSource(innerDataSource, level, fieldNames) : innerDataSource, fieldNames);
     return result;
   }, [isAddressMode, addressCode, realLevel, dataSource, enumDataSource === null || enumDataSource === void 0 ? void 0 : enumDataSource.length]);
+  var lastDisabled = (0, _react.useMemo)(function () {
+    if ((0, _lodash.isBoolean)(disabled) || disabled === undefined) {
+      return [disabled, disabled];
+    }
+    return disabled;
+  }, [disabled]);
   var _useRequest = (0, _objectSpread3.default)({}, useRequest),
     service = _useRequest.service,
     _useRequest$defaultPa = _useRequest.defaultParams,
@@ -268,7 +274,7 @@ var ProCascader = function ProCascader(props) {
       placeholder: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProAddressBar = _locale.default.ProAddressBar) === null || _locale$ProAddressBar === void 0 ? void 0 : _locale$ProAddressBar.placeholder,
       value: addressValue,
       options: service ? serviceData : realDataSource,
-      disabled: disabled,
+      disabled: lastDisabled[0],
       displayRender: displayRender,
       showSearch: {
         filter: handlefilter,
@@ -278,19 +284,19 @@ var ProCascader = function ProCascader(props) {
       getPopupContainer: function getPopupContainer(trigger) {
         return scrollFollowParent ? trigger.parentElement : document.body;
       }
-    }, (0, _lodash.omit)(otherProps, ['otherProps', 'scrollFollowParent']))), hasDetail && (tooltip && disabled && detail ? (0, _jsxRuntime.jsx)(_antd.Tooltip, {
+    }, (0, _lodash.omit)(otherProps, ['otherProps', 'scrollFollowParent']))), hasDetail && (tooltip && lastDisabled[1] && detail ? (0, _jsxRuntime.jsx)(_antd.Tooltip, {
       title: detail,
       children: (0, _jsxRuntime.jsx)("span", {
         className: "pro-address-detail",
         children: (0, _jsxRuntime.jsx)(_antd.Input, {
-          disabled: disabled,
+          disabled: lastDisabled[1],
           value: detail
         })
       })
     }) : (0, _jsxRuntime.jsx)(_antd.Input, {
       allowClear: true,
       autoComplete: "off",
-      disabled: disabled,
+      disabled: lastDisabled[1],
       value: detail,
       maxLength: detailMaxLength,
       placeholder: detailPlaceholder || (_locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProAddressBar2 = _locale.default.ProAddressBar) === null || _locale$ProAddressBar2 === void 0 ? void 0 : _locale$ProAddressBar2.detailPlaceholder),

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -52,9 +53,15 @@ var ChangedWrapper = function ChangedWrapper(props) {
     if (!isWatch || noChange) return 'same';
     var _value = normalize ? normalize(props[valuePropName], undefined, undefined, true) // true 代表是值比对时的调用
     : props[valuePropName];
+    // fix:修复 DatePicker时，originalValue与最新值一致时，显示为 changed的问题
+    var _originalValue = normalize && ['DatePicker'].includes(props.type) ? normalize(originalValue, undefined, undefined, true) : originalValue;
+    // fix:修复 InputNumber 时，originalValue与最新值一致都为'0'时，显示为 changed的问题
+    if (['InputNumber'].includes(props.type) && normalize && _value === Number(originalValue)) {
+      return 'same';
+    }
     return (0, _diffOriginal.diffOriginal)({
-      originalValue: originalValue,
       value: _value,
+      originalValue: _originalValue,
       form: form,
       equalWith: equalWith
       // name: namesStr || name,
@@ -62,23 +69,20 @@ var ChangedWrapper = function ChangedWrapper(props) {
   }, [isWatch, noChange, props[valuePropName], originalValue]);
   var isAdd = diffType === 'add';
   var isChanged = diffType === 'changed';
-  var viewRenderFun = (0, _react.useMemo)(function () {
-    return function (orgValue) {
-      return viewRender(orgValue, originalValues, {
-        form: form
-      });
-    };
-  }, [form]);
   var tipContent = (0, _react.useMemo)(function () {
     if (!isWatch || noChange) return undefined;
     var valueProps = getValueProps && !names ? getValueProps(originalValue) : {
       value: originalValue
     };
-    if (viewRender) return viewRenderFun(valueProps === null || valueProps === void 0 ? void 0 : valueProps.value);
+    if (viewRender) {
+      return viewRender(valueProps === null || valueProps === void 0 ? void 0 : valueProps.value, originalValues, {
+        form: form
+      });
+    }
     return /*#__PURE__*/_react.default.isValidElement(children) ? /*#__PURE__*/_react.default.cloneElement(children, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, children.props), {}, (0, _defineProperty2.default)({
       isView: true
     }, valuePropName, valueProps === null || valueProps === void 0 ? void 0 : valueProps.value))) : undefined;
-  }, [originalValue, children]);
+  }, [(0, _typeof2.default)(viewRender), originalValue, children]);
   if (!isWatch || noChange) {
     // 嵌套子组件
     var isNestedField = ['ProEditTable'].includes(type);

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/useShouldUpdate.js

@@ -9,6 +9,14 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _lodash = require("lodash");
 var _index = require("./index");
+/** FormList中被删除的行也会再触发一次响应式函数 排除这种场景 */
+var isDeleteLine = function isDeleteLine(form, namePath) {
+  if (namePath) {
+    var line = form.getFieldValue(namePath);
+    return line === undefined;
+  }
+  return false;
+};
 // 代理shouldUpdate事件, 执行函数值的[show, disabled], 当[show, disabled]与上一次值不相同时更新状态
 var useShouldUpdate = function useShouldUpdate(props) {
   var show = props.show,
@@ -71,7 +79,7 @@ var useShouldUpdate = function useShouldUpdate(props) {
   }
   if ((0, _lodash.isFunction)(disabled)) {
     // RangePicker返回数组时，特殊处理
-    if (['Group', 'RangePicker'].includes(type) && Array.isArray(disabled(values, {
+    if (['Group', 'RangePicker', 'ProCascader'].includes(type) && Array.isArray(disabled(values, {
       form: form,
       index: index,
       namePath: namePath
@@ -176,7 +184,7 @@ var useShouldUpdate = function useShouldUpdate(props) {
         namePath: namePath
       }) : fieldProps;
       // 清值防抖  多次刷新时以最后一次为准
-      if (clearNotShow !== false && (name || names)) {
+      if (clearNotShow !== false && (name || names) && !isDeleteLine(form, namePath)) {
         // 当show为其他变为false的时候记录一次需要清值
         if (_show !== showRef.current && _show === false) {
           needClear.current = true;

package/lib/ProStep/components/Item/index.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
 var _index = require("../../index");
 var _ProCollapse = _interopRequireDefault(require("../../../ProLayout/components/ProCollapse"));
 var _excluded = ["id", "title", "collapse", "children"];
@@ -21,10 +22,18 @@ var _default = exports.default = function _default(_ref) {
   var _useStep = (0, _index.useStep)(),
     register = _useStep.register,
     collapse = _useStep.collapse;
-  register === null || register === void 0 ? void 0 : register((0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
-    title: title,
-    id: id
-  }));
+  (0, _react.useEffect)(function () {
+    // 子组件更新父组件 延迟状态更新，避免重渲染
+    var timeoutId = setTimeout(function () {
+      register === null || register === void 0 ? void 0 : register((0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
+        title: title,
+        id: id
+      }));
+    }, 0);
+    return function () {
+      return clearTimeout(timeoutId);
+    };
+  }, [register]);
   return (0, _jsxRuntime.jsx)("div", {
     className: "pro-step-item",
     id: id,

package/lib/style/theme/antd.less

@@ -753,6 +753,9 @@
 }
 
 .@{ant-prefix}-picker.@{ant-prefix}-picker-disabled  {
-  background: var(--zaui-disabled-bg);
+  background: var(--zaui-disabled-bg) !important;
 }
 
+.@{ant-prefix}-input-affix-wrapper-disabled {
+  background: var(--zaui-disabled-bg) !important;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "3.9.3",
+  "version": "3.9.4-beta.1",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",

package/.vscode/extensions.json

@@ -1,5 +0,0 @@
-{
-    "recommendations": [
-        "kisstkondoros.vscode-codemetrics"
-    ]
-}