@zat-design/sisyphus-react 3.9.7 → 3.9.8-beta.2

package/lib/ProForm/utils/useShouldUpdate.js

@@ -28,7 +28,8 @@ var useShouldUpdate = function useShouldUpdate(props) {
     fieldProps = props.fieldProps,
     component = props.component,
     originComponent = props.originComponent,
-    type = props.type;
+    type = props.type,
+    desensitization = props.desensitization;
   var _shouldUpdate = formItemProps.shouldUpdate,
     name = formItemProps.name,
     clearNotShow = formItemProps.clearNotShow,
@@ -45,13 +46,14 @@ var useShouldUpdate = function useShouldUpdate(props) {
   var fieldPropsRef = (0, _react.useRef)();
   var originComponentRef = (0, _react.useRef)();
   var dependNamesRef = (0, _react.useRef)();
+  var desensitizationRef = (0, _react.useRef)();
   var newComponent = originComponent || component; // 解决component默认赋值污染问题，需要使用originComponent
   var _useState = (0, _react.useState)({}),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     reRender = _useState2[1];
   var values = {};
   // 不是动态函数直接返回
-  if (!(dependNames === null || dependNames === void 0 ? void 0 : dependNames.length) && !(0, _lodash.isFunction)(show) && !(0, _lodash.isFunction)(disabled) && !(0, _lodash.isFunction)(required) && !(0, _lodash.isFunction)(rules) && !(0, _lodash.isFunction)(fieldProps) && !(0, _lodash.isFunction)(originComponent)) {
+  if (!(dependNames === null || dependNames === void 0 ? void 0 : dependNames.length) && !(0, _lodash.isFunction)(show) && !(0, _lodash.isFunction)(disabled) && !(0, _lodash.isFunction)(required) && !(0, _lodash.isFunction)(rules) && !(0, _lodash.isFunction)(fieldProps) && !(0, _lodash.isFunction)(originComponent) && !(0, _lodash.isFunction)(desensitization)) {
     return {
       shouldUpdate: _shouldUpdate,
       show: show,
@@ -59,7 +61,8 @@ var useShouldUpdate = function useShouldUpdate(props) {
       required: required,
       rules: rules,
       fieldProps: fieldProps,
-      component: newComponent
+      component: newComponent,
+      desensitization: desensitization
     };
   }
   if (namePath) {
@@ -77,6 +80,15 @@ var useShouldUpdate = function useShouldUpdate(props) {
   } else {
     showRef.current = show;
   }
+  if ((0, _lodash.isFunction)(desensitization)) {
+    desensitizationRef.current = desensitization(values, {
+      form: form,
+      index: index,
+      namePath: namePath
+    });
+  } else {
+    desensitizationRef.current = desensitization;
+  }
   if ((0, _lodash.isFunction)(disabled)) {
     // RangePicker返回数组时，特殊处理
     if (['Group', 'RangePicker', 'ProCascader'].includes(type) && Array.isArray(disabled(values, {
@@ -183,6 +195,11 @@ var useShouldUpdate = function useShouldUpdate(props) {
         index: index,
         namePath: namePath
       }) : fieldProps;
+      var _desensitization = (0, _lodash.isFunction)(desensitization) ? desensitization(_currentValues, {
+        form: form,
+        index: index,
+        namePath: namePath
+      }) : desensitization;
       // 清值防抖  多次刷新时以最后一次为准
       if (clearNotShow !== false && (name || names) && !isDeleteLine(form, namePath)) {
         // 当show为其他变为false的时候记录一次需要清值
@@ -208,13 +225,15 @@ var useShouldUpdate = function useShouldUpdate(props) {
       }
       var equalRes = (0, _lodash.isEqualWith)(rulesRef.current, _rules, _index.customEqualForFun);
       var proEqualRes = (0, _lodash.isEqualWith)(fieldPropsRef.current, _fieldProps, _index.customEqualForFun);
-      if (_show !== showRef.current || _disabled !== disabledRef.current || _required !== requiredRef.current || !equalRes || !proEqualRes || (_fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.transformResponse) // 防止fieldProps变更时，transformResponse根据fieldProps新值无法触发更新
+      var desensitizationRes = (0, _lodash.isEqualWith)(desensitizationRef.current, _desensitization);
+      if (_show !== showRef.current || _disabled !== disabledRef.current || _required !== requiredRef.current || !equalRes || !proEqualRes || !desensitizationRes || (_fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.transformResponse) // 防止fieldProps变更时，transformResponse根据fieldProps新值无法触发更新
       ) {
         showRef.current = _show;
         disabledRef.current = _disabled;
         requiredRef.current = _required;
         rulesRef.current = _rules;
         fieldPropsRef.current = _fieldProps;
+        desensitizationRef.current = _desensitization;
         reRender({});
         return false;
       }
@@ -231,7 +250,8 @@ var useShouldUpdate = function useShouldUpdate(props) {
     rules: rulesRef.current,
     required: requiredRef.current,
     component: originComponentRef.current,
-    fieldProps: fieldPropsRef.current
+    fieldProps: fieldPropsRef.current,
+    desensitization: desensitizationRef.current
   };
 };
 var _default = exports.default = useShouldUpdate;

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

@@ -1,3 +1,5 @@
+/** 脱敏处理函数 */
+export declare const maskStringRangeWithRegex: (input: string, range: [number, number]) => string;
 declare const _default: {
     /** 年月日 */
     date: ({ type, toISOString, toCSTString, mode }: {
@@ -64,5 +66,13 @@ declare const _default: {
             value: any;
         };
     };
+    /**  脱敏 转换 */
+    desensitization: ({ desensitization }: {
+        desensitization: any;
+    }) => {
+        getValueProps: (value: any) => {
+            value: any;
+        };
+    };
 };
 export default _default;

package/lib/ProForm/utils/valueType.js

@@ -4,7 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.maskStringRangeWithRegex = exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _big = _interopRequireDefault(require("big.js"));
 var _lodash = require("lodash");
@@ -195,13 +196,31 @@ var dateTransform = function dateTransform(_ref2) {
   }
   return result;
 };
+/** 脱敏处理函数 */
+var maskStringRangeWithRegex = exports.maskStringRangeWithRegex = function maskStringRangeWithRegex(input, range) {
+  var _ref3 = range || [],
+    _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
+    start = _ref4[0],
+    end = _ref4[1];
+  if (start < 0) {
+    throw new Error('脱敏数据: start index cannot be negative');
+  }
+  var adjustedEnd = Math.min(end, input.length - 1);
+  if (start >= input.length) {
+    return '';
+  }
+  var regexPattern = "^(.{".concat(start, "})(.{").concat(adjustedEnd - start + 1, "})(.*)$");
+  var regex = new RegExp(regexPattern);
+  var maskedValue = input.replace(regex, "$1".concat('*'.repeat(adjustedEnd - start + 1), "$3"));
+  return maskedValue;
+};
 var _default = exports.default = {
   /** 年月日 */
-  date: function date(_ref3) {
-    var type = _ref3.type,
-      toISOString = _ref3.toISOString,
-      toCSTString = _ref3.toCSTString,
-      mode = _ref3.mode;
+  date: function date(_ref5) {
+    var type = _ref5.type,
+      toISOString = _ref5.toISOString,
+      toCSTString = _ref5.toCSTString,
+      mode = _ref5.mode;
     return dateTransform({
       type: type,
       _valueType: 'date',
@@ -211,11 +230,11 @@ var _default = exports.default = {
     });
   },
   /** 年月日 时分秒 */
-  dateTime: function dateTime(_ref4) {
-    var type = _ref4.type,
-      toISOString = _ref4.toISOString,
-      toCSTString = _ref4.toCSTString,
-      mode = _ref4.mode;
+  dateTime: function dateTime(_ref6) {
+    var type = _ref6.type,
+      toISOString = _ref6.toISOString,
+      toCSTString = _ref6.toCSTString,
+      mode = _ref6.mode;
     return dateTransform({
       type: type,
       _valueType: 'dateTime',
@@ -225,11 +244,11 @@ var _default = exports.default = {
     });
   },
   /** 年月日 00:00:00 */
-  dateStartTime: function dateStartTime(_ref5) {
-    var type = _ref5.type,
-      toISOString = _ref5.toISOString,
-      toCSTString = _ref5.toCSTString,
-      mode = _ref5.mode;
+  dateStartTime: function dateStartTime(_ref7) {
+    var type = _ref7.type,
+      toISOString = _ref7.toISOString,
+      toCSTString = _ref7.toCSTString,
+      mode = _ref7.mode;
     return dateTransform({
       type: type,
       _valueType: 'dateStartTime',
@@ -239,11 +258,11 @@ var _default = exports.default = {
     });
   },
   /** 年月日 23:59:59 */
-  dateEndTime: function dateEndTime(_ref6) {
-    var type = _ref6.type,
-      toISOString = _ref6.toISOString,
-      toCSTString = _ref6.toCSTString,
-      mode = _ref6.mode;
+  dateEndTime: function dateEndTime(_ref8) {
+    var type = _ref8.type,
+      toISOString = _ref8.toISOString,
+      toCSTString = _ref8.toCSTString,
+      mode = _ref8.mode;
     return dateTransform({
       type: type,
       _valueType: 'dateEndTime',
@@ -253,11 +272,11 @@ var _default = exports.default = {
     });
   },
   /** 年月日 00:00:00 ~ 年月日 23:59:59 */
-  dateStartEndTime: function dateStartEndTime(_ref7) {
-    var type = _ref7.type,
-      toISOString = _ref7.toISOString,
-      toCSTString = _ref7.toCSTString,
-      mode = _ref7.mode;
+  dateStartEndTime: function dateStartEndTime(_ref9) {
+    var type = _ref9.type,
+      toISOString = _ref9.toISOString,
+      toCSTString = _ref9.toCSTString,
+      mode = _ref9.mode;
     return dateTransform({
       type: type,
       _valueType: 'dateStartEndTime',
@@ -267,9 +286,9 @@ var _default = exports.default = {
     });
   },
   /** 百分比 */
-  percentage: function percentage(_ref8) {
-    var type = _ref8.type,
-      valueType = _ref8.valueType;
+  percentage: function percentage(_ref10) {
+    var type = _ref10.type,
+      valueType = _ref10.valueType;
     return transformRatio({
       type: type,
       valueType: valueType,
@@ -277,9 +296,9 @@ var _default = exports.default = {
     });
   },
   /** 千分比 */
-  permillage: function permillage(_ref9) {
-    var type = _ref9.type,
-      valueType = _ref9.valueType;
+  permillage: function permillage(_ref11) {
+    var type = _ref11.type,
+      valueType = _ref11.valueType;
     return transformRatio({
       type: type,
       valueType: valueType,
@@ -287,8 +306,25 @@ var _default = exports.default = {
     });
   },
   /**  开关 YN转换 */
-  switch: function _switch(_ref10) {
-    var switchValue = _ref10.switchValue;
+  switch: function _switch(_ref12) {
+    var switchValue = _ref12.switchValue;
     return switchTransform(switchValue);
+  },
+  /**  脱敏 转换 */
+  desensitization: function desensitization(_ref13) {
+    var _desensitization = _ref13.desensitization;
+    return {
+      getValueProps: function getValueProps(value) {
+        try {
+          return {
+            value: maskStringRangeWithRegex(value, _desensitization)
+          };
+        } catch (error) {
+          return {
+            value: value
+          }; // 如果发生错误，返回原始值
+        }
+      }
+    };
   }
 };

package/lib/ProIcon/utils/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.recurseGetNodes = exports.onBeforeInjection = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _config = require("../config");
-var _recurseGetNodes = exports.recurseGetNodes = function recurseGetNodes(type, node, queue) {
+var recurseGetNodes = exports.recurseGetNodes = function recurseGetNodes(type, node, queue) {
   switch (type) {
     // 渐变
     case 'gradation':
@@ -26,7 +26,7 @@ var _recurseGetNodes = exports.recurseGetNodes = function recurseGetNodes(type,
   }
   if (node.childNodes) {
     for (var i = 0; i < node.childNodes.length; i++) {
-      _recurseGetNodes(type, node.childNodes[i], queue);
+      recurseGetNodes(type, node.childNodes[i], queue);
     }
   }
 };
@@ -56,7 +56,7 @@ var onBeforeInjection = exports.onBeforeInjection = function onBeforeInjection(_
     // 目前只支持处理渐变及fill填充
     var types = Reflect.ownKeys(nodeMap !== null && nodeMap !== void 0 ? nodeMap : {});
     types.forEach(function (typeKey) {
-      _recurseGetNodes(typeKey, svg, nodeMap[typeKey]);
+      recurseGetNodes(typeKey, svg, nodeMap[typeKey]);
     });
     if ((gradList === null || gradList === void 0 ? void 0 : gradList.length) > 0) {
       nodeMap.gradation.forEach(function (item, index) {

package/lib/ProLayout/components/Layout/Menu/OpenMenu/index.d.ts

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

package/lib/ProLayout/components/Layout/Menu/OpenMenu/index.js

@@ -56,7 +56,7 @@ var OpenMenu = function OpenMenu(props) {
     if (!Array.isArray(result) || !result.length) {
       return [];
     }
-    var _menuDeep = function menuDeep(data) {
+    var menuDeep = function menuDeep(data) {
       data.forEach(function (item) {
         var _item$keyIdPath, _item$keyIdPath2, _item$children;
         // 是否是第一级菜单，展开模式一级菜单有icon, 收起模式二级菜单有icon
@@ -97,7 +97,7 @@ var OpenMenu = function OpenMenu(props) {
           if ((_item === null || _item === void 0 ? void 0 : _item.hideInMenu) || ['TAB', 'QUERY', 'BUTTON'].includes(_item === null || _item === void 0 ? void 0 : _item.type)) {
             delete item.children;
           } else {
-            _menuDeep(item.children);
+            menuDeep(item.children);
           }
         } else {
           delete item.children;
@@ -105,7 +105,7 @@ var OpenMenu = function OpenMenu(props) {
       });
       return data;
     };
-    _menuDeep(result);
+    menuDeep(result);
     return result;
   }, [dataSource]);
   (0, _ahooks.useDeepCompareEffect)(function () {

package/lib/ProLayout/components/ProCollapse/index.d.ts

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

package/lib/ProLayout/components/ProFooter/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { ProFooterProps } from './PropTypes';
-declare const _default: import("react").MemoExoticComponent<(props: ProFooterProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import("react").MemoExoticComponent<(props: ProFooterProps) => JSX.Element>;
 export default _default;

package/lib/ProLayout/components/ProHeader/components/Copy/index.d.ts

@@ -1,4 +1,4 @@
 declare const Copy: ({ text }: {
     text: any;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => JSX.Element;
 export default Copy;

package/lib/ProLayout/components/ProHeader/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { ProHeaderProps } from './PropTypes';
-declare const _default: React.MemoExoticComponent<(props: ProHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<(props: ProHeaderProps) => JSX.Element>;
 export default _default;

package/lib/ProLayout/components/ProHeader/style/index.less

@@ -81,7 +81,7 @@
           &.pro-header-describe-items-more{
             .pro-header-tag{
               padding: 0;
-              background: transparent;
+              background: transparent !important;
               color: #333 ;
             }
 

package/lib/ProLayout/index.d.ts

@@ -5,7 +5,7 @@ export declare const LayoutContext: import("react").Context<{
     onSelected: (params: any) => void;
 }>;
 declare const ProLayout: {
-    (props: ProLayoutProps): import("react/jsx-runtime").JSX.Element;
+    (props: ProLayoutProps): JSX.Element;
     defaultProps: {
         menus: any[];
         iconfontUrl: string;
@@ -17,8 +17,8 @@ declare const ProLayout: {
         headerHeight: number;
         contentStyle: {};
     };
-    ProCollapse: (props: import("./components/ProCollapse/PropTypes").ProCollapseProps) => import("react/jsx-runtime").JSX.Element;
-    ProFooter: import("react").MemoExoticComponent<(props: import("./components/ProFooter/PropTypes").ProFooterProps) => import("react/jsx-runtime").JSX.Element>;
-    ProHeader: import("react").MemoExoticComponent<(props: import("./components/ProHeader/PropTypes").ProHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+    ProCollapse: (props: import("./components/ProCollapse/PropTypes").ProCollapseProps) => JSX.Element;
+    ProFooter: import("react").MemoExoticComponent<(props: import("./components/ProFooter/PropTypes").ProFooterProps) => JSX.Element>;
+    ProHeader: import("react").MemoExoticComponent<(props: import("./components/ProHeader/PropTypes").ProHeaderProps) => JSX.Element>;
 };
 export default ProLayout;

package/lib/ProLayout/utils/index.js

@@ -25,7 +25,7 @@ var getIdsByPathName = exports.getIdsByPathName = function getIdsByPathName(menu
     _pathName = activeMenu;
   }
   var result;
-  var _menuDeep = function menuDeep(menuDeepItem) {
+  var menuDeep = function menuDeep(menuDeepItem) {
     for (var i = 0; i <= menuDeepItem.length - 1; i++) {
       var item = menuDeepItem[i];
       // 只包含一级菜单时，解决URL：/endorsement/demo/123无法选中问题
@@ -34,7 +34,7 @@ var getIdsByPathName = exports.getIdsByPathName = function getIdsByPathName(menu
         break;
       }
       if (Array.isArray(item.children) && item.children.length) {
-        _menuDeep(item.children);
+        menuDeep(item.children);
       } else if (((item === null || item === void 0 ? void 0 : item.url) && _pathName.includes(item.url.split('?')[0]) || (item === null || item === void 0 ? void 0 : item.redirectUrl) && _pathName.includes(item.redirectUrl.split('?')[0])) && !result) {
         // 当循环到最后一层时判断URL是否包含最后一层的URL，解决URL在URL中不存在的场景
         result = item.keyIdPath;
@@ -42,7 +42,7 @@ var getIdsByPathName = exports.getIdsByPathName = function getIdsByPathName(menu
       }
     }
   };
-  _menuDeep(menus);
+  menuDeep(menus);
   return result || [];
 };
 /**
@@ -52,7 +52,7 @@ var getIdsByPathName = exports.getIdsByPathName = function getIdsByPathName(menu
  */
 var transformMenu = exports.transformMenu = function transformMenu(menuData, pathPrefix) {
   var data = (0, _toConsumableArray2.default)(menuData);
-  var _menuDeep2 = function menuDeep(menuDeepItem) {
+  var menuDeep = function menuDeep(menuDeepItem) {
     if (!Array.isArray(menuDeepItem) || !menuDeepItem.length) {
       return [];
     }
@@ -85,11 +85,11 @@ var transformMenu = exports.transformMenu = function transformMenu(menuData, pat
           childrenItem.keyUrlPath = (0, _toConsumableArray2.default)(item.keyUrlPath);
           childrenItem.keyIdPath = (0, _toConsumableArray2.default)(item.keyIdPath);
         });
-        _menuDeep2(item.children);
+        menuDeep(item.children);
       }
     });
   };
-  _menuDeep2(data);
+  menuDeep(data);
   return data;
 };
 /**
@@ -144,7 +144,7 @@ var getPathNameKey = exports.getPathNameKey = function getPathNameKey(_ref) {
   var menus = _ref.menus,
     pathName = _ref.pathName;
   var result;
-  var _menuDeep3 = function menuDeep(menuDeepItem) {
+  var menuDeep = function menuDeep(menuDeepItem) {
     if (!Array.isArray(menuDeepItem) || !menuDeepItem.length) {
       return [];
     }
@@ -158,7 +158,7 @@ var getPathNameKey = exports.getPathNameKey = function getPathNameKey(_ref) {
         break;
       }
       if (Array.isArray(item.children) && item.children.length) {
-        _menuDeep3(item.children);
+        menuDeep(item.children);
       } else if (((item === null || item === void 0 ? void 0 : item.url) && pathName.includes(item.url.split('?')[0]) || (item === null || item === void 0 ? void 0 : item.redirectUrl) && pathName.includes(item.redirectUrl.split('?')[0])) && !result) {
         // URL未匹配时，循环到最后一层时判断URL是否包含最后一层的URL，解决URL在URL中不存在的场景
         result = item.keyIdPath;
@@ -166,6 +166,6 @@ var getPathNameKey = exports.getPathNameKey = function getPathNameKey(_ref) {
       }
     }
   };
-  _menuDeep3(menus);
+  menuDeep(menus);
   return result;
 };

package/lib/ProSelect/components/AdaptiveTooltip.d.ts

@@ -1,4 +1,4 @@
 declare const AdaptiveTooltip: ({ children }: {
     children: any;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => JSX.Element;
 export default AdaptiveTooltip;

package/lib/ProSelect/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PropSelectProps, ProSelectAction } from './propsType';
 import './index.less';
-export declare const ProSelect: (props: PropSelectProps, ref: React.Ref<ProSelectAction> | undefined) => import("react/jsx-runtime").JSX.Element;
+export declare const ProSelect: (props: PropSelectProps, ref: React.Ref<ProSelectAction> | undefined) => JSX.Element;
 declare const _default: React.ForwardRefExoticComponent<PropSelectProps & React.RefAttributes<ProSelectAction>>;
 export default _default;

package/lib/ProStep/components/Anchor/index.d.ts

@@ -1,2 +1,2 @@
-export declare const MenuItem: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItem: (props: any) => JSX.Element;
 export default MenuItem;

package/lib/ProStep/components/Item/index.d.ts

@@ -1,3 +1,3 @@
 import { ProStepItem } from '../../propsType';
-declare const _default: ({ id, title, collapse: collapseItem, children, ...restProps }: ProStepItem) => import("react/jsx-runtime").JSX.Element;
+declare const _default: ({ id, title, collapse: collapseItem, children, ...restProps }: ProStepItem) => JSX.Element;
 export default _default;

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

@@ -21,7 +21,7 @@ var _default = exports.default = function _default(_ref) {
   var _useStep = (0, _index.useStep)(),
     notify = _useStep.notify;
   return /*#__PURE__*/_react.default.cloneElement(children, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-    onClick: (0, _lodash.throttle)(/*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+    onClick: (0, _lodash.throttle)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var values;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {

package/lib/ProStep/components/Step/index.d.ts

@@ -1,5 +1,5 @@
 import { ProStepPropsType } from '../../propsType';
 export declare const Step: ({ fixedTop, dataSource, activeKey, errorCollection, style, targetOffset, scrollToError, }: ProStepPropsType & {
     errorCollection: object;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => JSX.Element;
 export default Step;

package/lib/ProStep/index.d.ts

@@ -4,9 +4,9 @@ import './style/index.less';
 export declare const ProStepContext: import("react").Context<any>;
 export declare const useStep: () => any;
 declare const ProStep: {
-    ({ children, ...resetProps }: ProStepPropsType): import("react/jsx-runtime").JSX.Element;
+    ({ children, ...resetProps }: ProStepPropsType): JSX.Element;
     useStep: () => any;
-    Item: ({ id, title, collapse: collapseItem, children, ...restProps }: import("./propsType").ProStepItem) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ id, title, collapse: collapseItem, children, ...restProps }: import("./propsType").ProStepItem) => JSX.Element;
     Listener: ({ children, delayTime, excludes, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>;
 };
 export default ProStep;

package/lib/ProStep/index.js

@@ -8,11 +8,11 @@ exports.useStep = exports.default = exports.ProStepContext = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
+var _lodash = require("lodash");
 var _ahooks = require("ahooks");
 var _utils = require("./utils");
 var _Step = _interopRequireDefault(require("./components/Step"));
@@ -27,10 +27,9 @@ var useStep = exports.useStep = function useStep() {
 var ProStep = function ProStep(_ref) {
   var children = _ref.children,
     resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useState = (0, _react.useState)([]),
+  var _useState = (0, _react.useState)({}),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    ids = _useState2[0],
-    setIds = _useState2[1];
+    reRender = _useState2[1];
   var _useSetState = (0, _ahooks.useSetState)({}),
     _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
     errorCollection = _useSetState2[0],
@@ -40,6 +39,7 @@ var ProStep = function ProStep(_ref) {
   var _useLocalStorageState = (0, _ahooks.useLocalStorageState)('cache-pro-step'),
     _useLocalStorageState2 = (0, _slicedToArray2.default)(_useLocalStorageState, 2),
     setLocalData = _useLocalStorageState2[1];
+  var ids = Object.keys(registerMap.current);
   var targetOffset = resetProps.targetOffset,
     _resetProps$collapse = resetProps.collapse,
     collapse = _resetProps$collapse === void 0 ? false : _resetProps$collapse,
@@ -68,6 +68,9 @@ var ProStep = function ProStep(_ref) {
       return pre.order - next.order;
     });
   }, [resetProps === null || resetProps === void 0 ? void 0 : resetProps.dataSource, registerMap.current, ids]);
+  var debounceReRender = (0, _react.useCallback)((0, _lodash.debounce)(function () {
+    return reRender({});
+  }, 500), []);
   // 用来注册form匹配到对应的模块id
   var register = function register(_ref4) {
     var id = _ref4.id,
@@ -79,17 +82,15 @@ var ProStep = function ProStep(_ref) {
     var record = {};
     record.title = title;
     record.order = order;
-    if (!ids.includes(id)) {
-      setIds(function (preState) {
-        return [].concat((0, _toConsumableArray2.default)(preState), [id]);
-      });
+    if (!registerMap.current[id]) {
+      debounceReRender();
     }
     if (disabled) {
       registerMap.current[id] = record;
       return null;
     }
     var subEvent = /*#__PURE__*/function () {
-      var _ref5 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+      var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
         var value, _form$validateFields, _error$errorFields;
         return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -135,7 +136,7 @@ var ProStep = function ProStep(_ref) {
     registerMap.current[id] = record;
   };
   var notify = /*#__PURE__*/function () {
-    var _ref6 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(params) {
+    var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(params) {
       var _ref7, excludes, triggerIds, events, res, nextErrorCollection;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -174,7 +175,7 @@ var ProStep = function ProStep(_ref) {
     };
   }();
   var triggerTo = /*#__PURE__*/function () {
-    var _ref9 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3(keys) {
+    var _ref9 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3(keys) {
       var events, result, nextErrorCollection;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {