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

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/ProTable/components/FormatColumn/index.js

@@ -129,11 +129,13 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
       var _value = isFn ? originalRender === null || originalRender === void 0 ? void 0 : originalRender(value, record !== null && record !== void 0 ? record : {}, index) : null;
       var originalResult = (0, _utils2.getOriginalValue)(value, record !== null && record !== void 0 ? record : {}, originalObj, rowKey, dataIndex);
       var originalValue = originalResult.originalValue;
+      var _originalValue = originalValue;
       var isChanged = originalResult.isChanged,
         isAddCell = originalResult.isAddCell;
       var isInNewRowFlag = isInNewRow(record);
       var _isAddCell = isAddCell;
       otherProps.isChanged = isChanged;
+      var nextValue = value;
       // 存在比对
       if ((0, _lodash.isFunction)(otherProps === null || otherProps === void 0 ? void 0 : otherProps.viewRender) && (diffConfig === null || diffConfig === void 0 ? void 0 : diffConfig.originalDataSource)) {
         var _originalObj$record$r;
@@ -145,25 +147,34 @@ 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;
+        _originalValue = diffResult;
+        nextValue = otherProps.viewRender({
+          originalValue: value,
+          originalRecord: record !== null && record !== void 0 ? record : {},
+          value: value,
+          record: record,
+          index: index
+        });
       }
       // 存在自定义onDiff比对
       if ((0, _lodash.isFunction)(onDiff)) {
         var _originalObj$record$r2;
         var _diffResult = onDiff({
-          originalValue: originalValue,
+          originalValue: _originalValue,
           originalRecord: (_originalObj$record$r2 = originalObj === null || originalObj === void 0 ? void 0 : originalObj[record === null || record === void 0 ? void 0 : record[rowKey]]) !== null && _originalObj$record$r2 !== void 0 ? _originalObj$record$r2 : {},
-          value: value,
+          value: nextValue,
           record: record,
           index: index
         });
         if (_diffResult === 'changed') {
+          _isAddCell = false;
           otherProps.isChanged = true;
         }
         if (_diffResult === 'same') {
+          _isAddCell = false;
           otherProps.isChanged = false;
         }
         if (_diffResult === 'add') {
@@ -173,7 +184,7 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
       }
       return (0, _jsxRuntime.jsx)(_RenderColumn.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, otherProps), {}, {
         valueType: valueType,
-        originalValue: (0, _utils3.isEmpty)(originalValue) ? null : originalValue,
+        originalValue: (0, _utils3.isEmpty)(_originalValue) ? null : _originalValue,
         ellipsis: ellipsis,
         width: width,
         value: _value,

package/lib/ProTable/components/RcTable/components/DraggableTable/components/DndWrapper/index.js

@@ -113,7 +113,7 @@ var DndWrapper = function DndWrapper(_ref2) {
   }();
   var onDragEnd = /*#__PURE__*/function () {
     var _ref6 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(_ref5) {
-      var active, over, transformedValue, activeObject, overObject, activeLevel, activeParentId, overLevel, overParentId, nextDataSource, _flatTree, activeIndex, overIndex, nextValue;
+      var active, over, transformedValue, activeObject, overObject, activeLevel, activeParentId, overLevel, overParentId, nextDataSource, _nextDataSource, _flatTree, activeIndex, overIndex, nextValue;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
@@ -121,7 +121,7 @@ var DndWrapper = function DndWrapper(_ref2) {
             // 为数据源划分层级及parentId
             transformedValue = (0, _index.addLevelAndParentId)(value, rowKey); // 同一level层级的且parentId相同的，可以互相之间拖拽替换
             if (!(active.id !== (over === null || over === void 0 ? void 0 : over.id))) {
-              _context2.next = 15;
+              _context2.next = 20;
               break;
             }
             activeObject = (0, _index.treeNodeFind)(transformedValue, function (t) {
@@ -131,47 +131,51 @@ var DndWrapper = function DndWrapper(_ref2) {
               return t.rowKey === (over === null || over === void 0 ? void 0 : over.id);
             });
             if (!(activeObject && overObject)) {
-              _context2.next = 15;
+              _context2.next = 20;
               break;
             }
             activeLevel = activeObject.level, activeParentId = activeObject.parentId;
-            overLevel = overObject.level, overParentId = overObject.parentId; // 如果传了onDragEndGuard 则视为外部业务逻辑自处理
+            overLevel = overObject.level, overParentId = overObject.parentId;
+            nextDataSource = value;
+            if (!(activeLevel === overLevel && activeParentId === overParentId)) {
+              _context2.next = 20;
+              break;
+            }
+            // 将树平铺
+            _flatTree = (0, _index.transformTreeToArray)(transformedValue).map(function (item) {
+              return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+                children: undefined
+              });
+            });
+            activeIndex = _flatTree.findIndex(function (i) {
+              return i.rowKey === active.id;
+            });
+            overIndex = _flatTree.findIndex(function (i) {
+              return i.rowKey === (over === null || over === void 0 ? void 0 : over.id);
+            });
+            nextValue = (0, _sortable.arrayMove)(_flatTree, activeIndex, overIndex);
+            nextDataSource = (0, _index.createTreeFromArray)(nextValue, {
+              itemKey: 'rowKey',
+              parentKey: 'parentId',
+              childrenKey: 'children'
+            });
+            // 如果传了onDragEndGuard 则视为外部业务逻辑自处理
             if (!(onDragEndGuard && (0, _lodash.isFunction)(onDragEndGuard))) {
-              _context2.next = 14;
+              _context2.next = 19;
               break;
             }
-            _context2.next = 11;
+            _context2.next = 18;
             return onDragEndGuard({
               activeObject: activeObject,
               overObject: overObject,
-              currentDataSource: value
+              originDataSource: value,
+              currentDataSource: nextDataSource
             });
-          case 11:
+          case 18:
             nextDataSource = _context2.sent;
-            onChange(nextDataSource !== null && nextDataSource !== void 0 ? nextDataSource : []);
-            return _context2.abrupt("return");
-          case 14:
-            if (activeLevel === overLevel && activeParentId === overParentId) {
-              // 将树平铺
-              _flatTree = (0, _index.transformTreeToArray)(transformedValue).map(function (item) {
-                return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-                  children: undefined
-                });
-              });
-              activeIndex = _flatTree.findIndex(function (i) {
-                return i.rowKey === active.id;
-              });
-              overIndex = _flatTree.findIndex(function (i) {
-                return i.rowKey === (over === null || over === void 0 ? void 0 : over.id);
-              });
-              nextValue = (0, _sortable.arrayMove)(_flatTree, activeIndex, overIndex);
-              onChange((0, _index.createTreeFromArray)(nextValue, {
-                itemKey: 'rowKey',
-                parentKey: 'parentId',
-                childrenKey: 'children'
-              }));
-            }
-          case 15:
+          case 19:
+            onChange((_nextDataSource = nextDataSource) !== null && _nextDataSource !== void 0 ? _nextDataSource : []);
+          case 20:
           case "end":
             return _context2.stop();
         }

package/lib/ProTable/index.js

@@ -194,6 +194,26 @@ var ProTable = function ProTable(props) {
       return 'new-cell';
     }
   };
+  var _formatColumns = function formatColumns(nextColumns) {
+    nextColumns === null || nextColumns === void 0 ? void 0 : nextColumns.forEach(function (item, index) {
+      (0, _FormatColumn.formatColumn)({
+        column: item,
+        originalObj: originalObj,
+        rowKey: props.rowKey,
+        diffConfig: diffConfig,
+        wrapToolTipProps: wrapToolTipProps,
+        scroll: _scroll,
+        onUpdateMinWidth: function onUpdateMinWidth(w) {
+          curColumns[index].minWidth = w;
+        },
+        isInNewRow: _rowClassName
+      });
+      if (item.children && Array.isArray(item.children)) {
+        _formatColumns(item.children);
+      }
+    });
+    return nextColumns;
+  };
   var columns = (0, _react.useMemo)(function () {
     var newColumns = curColumns.map(function (item, index) {
       var _propsColumnObj$getCo2;
@@ -215,21 +235,8 @@ var ProTable = function ProTable(props) {
     }).filter(function (item) {
       return !(item === null || item === void 0 ? void 0 : item.delete);
     });
-    newColumns === null || newColumns === void 0 ? void 0 : newColumns.forEach(function (item, index) {
-      (0, _FormatColumn.formatColumn)({
-        column: item,
-        originalObj: originalObj,
-        rowKey: props.rowKey,
-        diffConfig: diffConfig,
-        wrapToolTipProps: wrapToolTipProps,
-        scroll: _scroll,
-        onUpdateMinWidth: function onUpdateMinWidth(w) {
-          curColumns[index].minWidth = w;
-        },
-        isInNewRow: _rowClassName
-      });
-    });
-    return newColumns;
+    var nextColumns = _formatColumns(newColumns);
+    return nextColumns;
   }, [curColumns, handleResize, _scroll, originalDataSource, originalObj, _rowClassName]);
   var _columns = (0, _react.useMemo)(function () {
     return columns === null || columns === void 0 ? void 0 : columns.filter(function (item, index) {

package/lib/ProTable/propsType.d.ts

@@ -19,7 +19,7 @@ export interface ProTableSummaryProps {
     fixed?: boolean;
 }
 export interface ProTableColumn extends Omit<ColumnType<any>, 'dataIndex'> {
-    dataIndex: string | string[];
+    dataIndex?: string | string[];
     width?: number | string;
     minWidth?: number;
     valueType?: ProTableValueType;
@@ -43,8 +43,9 @@ export interface ProTableColumn extends Omit<ColumnType<any>, 'dataIndex'> {
     /** 自定义比对函数, 触发条件必须写render */
     onDiff?: ({ value, record, index, originalValue, originalRecord }: any) => any;
     /** 自定义提示render, 触发条件必须写render */
-    viewRender?: ({ value, record, index, originalValue, originalRecord }: any) => 'same' | 'changed' | 'add' | undefined;
+    viewRender?: ({ value, record, index, originalValue, originalRecord, }: any) => 'same' | 'changed' | 'add' | undefined;
     isChanged?: boolean | null;
+    children?: ProTableColumn[];
 }
 export interface CreateTreeFromArrayOptions {
     itemKey?: string;

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.10",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",

package/.vscode/extensions.json

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