@zat-design/sisyphus-react 4.0.0-beta.2 → 4.0.0-beta.4

package/es/ProSelect/index.js

@@ -1,23 +1,19 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _isNumber from "lodash/isNumber";
-import _omit from "lodash/omit";
-import _isString from "lodash/isString";
-import _isObject from "lodash/isObject";
-import _isFunction from "lodash/isFunction";
 var _excluded = ["dataSource", "defaultDisableValue", "useRequest", "fieldNames", "tooltip", "otherProps", "labelInValue", "filterInList", "scrollFollowParent", "defaultOne", "onSearch", "optionRender", "onChange", "updateDataSource", "transformResponse", "getValueProps", "isView"];
-import { jsx as _jsx } from "react/jsx-runtime";
 import { useDeepCompareEffect, useRequest as useRequestFunc } from 'ahooks';
 import { Input, message, Select, Space } from 'antd';
 import React, { useImperativeHandle, useState, forwardRef, isValidElement, useCallback } from 'react';
-import { useProConfig } from '../ProConfigProvider';
-import Container from '../ProForm/components/Container';
-import AdaptiveTooltip from './components/AdaptiveTooltip';
+import { isFunction, isObject, isString, omit, isNumber } from 'lodash';
+import { useProConfig } from "../ProConfigProvider";
+import Container from "../ProForm/components/Container";
+import AdaptiveTooltip from "./components/AdaptiveTooltip";
 import { ProForm } from '..';
-import locale from '../locale';
-import { getSelectList } from './utils';
-import './index.less';
+import locale from "../locale";
+import { getSelectList } from "./utils";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Option = Select.Option;
 export var ProSelect = function ProSelect(props, ref) {
   var _selectProps$showCode, _useRequest$options3, _locale$ProSelect;
@@ -59,6 +55,7 @@ export var ProSelect = function ProSelect(props, ref) {
     isViewCon = _ref2.isView,
     viewEmpty = _ref2.viewEmpty;
   var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon; // 组件可直接接收isView参数, 优先级高
+
   if (fieldNames && Object.keys(fieldNames).length) {
     code = fieldNames.value;
     label = fieldNames.label;
@@ -67,6 +64,7 @@ export var ProSelect = function ProSelect(props, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     selectList = _useState2[0],
     setSelectList = _useState2[1];
+
   // 用来控制只有第一次才会设置 defaultOne 属性、🔒
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -113,10 +111,10 @@ export var ProSelect = function ProSelect(props, ref) {
         updateDataSource ? updateDataSource(data, setSelectList) : defaultOnSuccessFun(data);
       }
       // 执行传入onSuccess
-      useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options = useRequest.options) === null || _useRequest$options === void 0 ? void 0 : (_useRequest$options$o = _useRequest$options.onSuccess) === null || _useRequest$options$o === void 0 ? void 0 : _useRequest$options$o.call(_useRequest$options, data, useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options2 = useRequest.options) === null || _useRequest$options2 === void 0 ? void 0 : _useRequest$options2.defaultParams);
+      useRequest === null || useRequest === void 0 || (_useRequest$options = useRequest.options) === null || _useRequest$options === void 0 || (_useRequest$options$o = _useRequest$options.onSuccess) === null || _useRequest$options$o === void 0 || _useRequest$options$o.call(_useRequest$options, data, useRequest === null || useRequest === void 0 || (_useRequest$options2 = useRequest.options) === null || _useRequest$options2 === void 0 ? void 0 : _useRequest$options2.defaultParams);
     }
   }));
-  var cacheList = (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options3 = useRequest.options) === null || _useRequest$options3 === void 0 ? void 0 : _useRequest$options3.cacheKey) ? successTransformDataHandle(fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data) : [];
+  var cacheList = useRequest !== null && useRequest !== void 0 && (_useRequest$options3 = useRequest.options) !== null && _useRequest$options3 !== void 0 && _useRequest$options3.cacheKey ? successTransformDataHandle(fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data) : [];
   var getValueObject = function getValueObject(input) {
     if (Array.isArray(input) && input.length) {
       var resArr = [];
@@ -144,8 +142,8 @@ export var ProSelect = function ProSelect(props, ref) {
   useDeepCompareEffect(function () {
     var _useRequest$options4;
     // 设置cacheKey后使用缓存的数据
-    if (!(selectList === null || selectList === void 0 ? void 0 : selectList.length) && (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options4 = useRequest.options) === null || _useRequest$options4 === void 0 ? void 0 : _useRequest$options4.cacheKey)) {
-      if (cacheList === null || cacheList === void 0 ? void 0 : cacheList.length) {
+    if (!(selectList !== null && selectList !== void 0 && selectList.length) && useRequest !== null && useRequest !== void 0 && (_useRequest$options4 = useRequest.options) !== null && _useRequest$options4 !== void 0 && _useRequest$options4.cacheKey) {
+      if (cacheList !== null && cacheList !== void 0 && cacheList.length) {
         setSelectList(cacheList);
       }
     }
@@ -158,17 +156,18 @@ export var ProSelect = function ProSelect(props, ref) {
     var _ref4 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
       defaultParams = _ref4.defaultParams,
       manual = _ref4.manual;
-    if (manual || (cacheList === null || cacheList === void 0 ? void 0 : cacheList.length)) {
+    if (manual || cacheList !== null && cacheList !== void 0 && cacheList.length) {
       return;
     }
     var params = Array.isArray(defaultParams) ? defaultParams === null || defaultParams === void 0 ? void 0 : defaultParams[0] : defaultParams || {};
     fetchFunction.run(params);
   }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options, defaultDisableValue]);
+
   // disable默认值
   if (defaultDisableValue) {
-    return _jsx("span", {
+    return /*#__PURE__*/_jsx("span", {
       title: defaultDisableValue,
-      children: _jsx(Input, {
+      children: /*#__PURE__*/_jsx(Input, {
         disabled: true,
         defaultValue: defaultDisableValue,
         style: props === null || props === void 0 ? void 0 : props.style
@@ -201,6 +200,7 @@ export var ProSelect = function ProSelect(props, ref) {
     }).filter(function (v) {
       return !!v;
     });
+
     // 自定义option时，默认取optionRender的值
     var _optionRender = function _optionRender() {
       if (!record.length) {
@@ -210,34 +210,34 @@ export var ProSelect = function ProSelect(props, ref) {
       record.forEach(function (item) {
         arr.push(props.optionRender(item));
       });
-      return _jsx(Space, {
+      return /*#__PURE__*/_jsx(Space, {
         direction: "vertical",
         size: 4,
         children: arr.map(function (item) {
-          return _jsx(React.Fragment, {
+          return /*#__PURE__*/_jsx(React.Fragment, {
             children: item
           }, item);
         })
       });
     };
-    return _isFunction(props.optionRender) && record.length ? _optionRender() : labelList === null || labelList === void 0 ? void 0 : labelList.join('，');
+    return isFunction(props.optionRender) && record.length ? _optionRender() : labelList === null || labelList === void 0 ? void 0 : labelList.join('，');
   };
   if (isView || props.isView) {
     if (Array.isArray(value)) {
-      return _jsx(Container, {
+      return /*#__PURE__*/_jsx(Container, {
         tooltip: true,
         viewEmpty: viewEmpty,
         children: transToLabel(value)
       });
     }
-    return _jsx(Container, {
+    return /*#__PURE__*/_jsx(Container, {
       viewEmpty: viewEmpty,
-      children: value || _isNumber(value) ? transToLabel([value]) : null
+      children: value || isNumber(value) ? transToLabel([value]) : null
     });
   }
   var TooltipOption = function TooltipOption(props) {
     if (tooltip) {
-      return _jsx(AdaptiveTooltip, {
+      return /*#__PURE__*/_jsx(AdaptiveTooltip, {
         children: props.children
       });
     }
@@ -262,23 +262,24 @@ export var ProSelect = function ProSelect(props, ref) {
         });
       }
       if (labelInValue) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(getChangeValue ? getChangeValue(getValueObject(value)) : getValueObject(value), option);
+        onChange === null || onChange === void 0 || onChange(getChangeValue ? getChangeValue(getValueObject(value)) : getValueObject(value), option);
       } else {
-        onChange === null || onChange === void 0 ? void 0 : onChange(getChangeValue ? getChangeValue(value) : value, option);
+        onChange === null || onChange === void 0 || onChange(getChangeValue ? getChangeValue(value) : value, option);
       }
     } else if (!selectProps.mode && labelInValue) {
       onChange(getChangeValue ? getChangeValue(getValueObject(value)) : getValueObject(value), option);
     } else {
-      onChange === null || onChange === void 0 ? void 0 : onChange(getChangeValue ? getChangeValue(value) : value, _option === null || _option === void 0 ? void 0 : _option.record);
+      onChange === null || onChange === void 0 || onChange(getChangeValue ? getChangeValue(value) : value, _option === null || _option === void 0 ? void 0 : _option.record);
     }
   };
+
   /**
    * 处理 labelInValue 模式下值的回填
    * @returns
    */
   var transformValue = function transformValue() {
     if (labelInValue && !selectProps.mode) {
-      if (!_isObject(value)) {
+      if (!isObject(value)) {
         return undefined;
       }
       return (value === null || value === void 0 ? void 0 : value[code]) || (value === null || value === void 0 ? void 0 : value.value);
@@ -301,7 +302,7 @@ export var ProSelect = function ProSelect(props, ref) {
       // selectList 可能是异步回来的值
       if (option) {
         setIsDefaultOne(true);
-        onChange === null || onChange === void 0 ? void 0 : onChange(option === null || option === void 0 ? void 0 : option[code], option);
+        onChange === null || onChange === void 0 || onChange(option === null || option === void 0 ? void 0 : option[code], option);
         return option === null || option === void 0 ? void 0 : option[code];
       }
     }
@@ -312,7 +313,7 @@ export var ProSelect = function ProSelect(props, ref) {
     return value;
   };
   var newSelectList = selectList;
-  if ((otherProps === null || otherProps === void 0 ? void 0 : otherProps.listName) && filterInList) {
+  if (otherProps !== null && otherProps !== void 0 && otherProps.listName && filterInList) {
     newSelectList = getSelectList({
       otherProps: otherProps,
       value: value,
@@ -322,18 +323,18 @@ export var ProSelect = function ProSelect(props, ref) {
       mode: selectProps.mode
     });
   }
-  return _jsx("div", {
+  return /*#__PURE__*/_jsx("div", {
     style: props.style,
     className: "pro-select",
-    children: _jsx(Select, _objectSpread(_objectSpread({
-      placeholder: locale === null || locale === void 0 ? void 0 : (_locale$ProSelect = locale.ProSelect) === null || _locale$ProSelect === void 0 ? void 0 : _locale$ProSelect.select,
+    children: /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({
+      placeholder: locale === null || locale === void 0 || (_locale$ProSelect = locale.ProSelect) === null || _locale$ProSelect === void 0 ? void 0 : _locale$ProSelect.select,
       allowClear: true,
       loading: fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading,
       onChange: handleChange,
       showSearch: true,
-      filterOption: _isFunction(_onSearch) ? false : function (input, option) {
-        var _option$children, _option$children$prop;
-        var value = _isString(option === null || option === void 0 ? void 0 : option.children) ? option === null || option === void 0 ? void 0 : option.children : option === null || option === void 0 ? void 0 : (_option$children = option.children) === null || _option$children === void 0 ? void 0 : (_option$children$prop = _option$children.props) === null || _option$children$prop === void 0 ? void 0 : _option$children$prop.title;
+      filterOption: isFunction(_onSearch) ? false : function (input, option) {
+        var _option$children;
+        var value = isString(option === null || option === void 0 ? void 0 : option.children) ? option === null || option === void 0 ? void 0 : option.children : option === null || option === void 0 || (_option$children = option.children) === null || _option$children === void 0 || (_option$children = _option$children.props) === null || _option$children === void 0 ? void 0 : _option$children.title;
         return value.toLowerCase().includes(input.toLowerCase());
       },
       onSearch: function onSearch(value) {
@@ -342,19 +343,19 @@ export var ProSelect = function ProSelect(props, ref) {
       getPopupContainer: function getPopupContainer(trigger) {
         return scrollFollowParent ? trigger.parentElement : document.body;
       }
-    }, _omit(_objectSpread({}, selectProps), ['isView', 'showCodeName', 'form', 'name', 'style', 'onFieldChange'])), {}, {
+    }, omit(_objectSpread({}, selectProps), ['isView', 'showCodeName', 'form', 'name', 'style', 'onFieldChange'])), {}, {
       value: transformValue(),
       children: Array.isArray(newSelectList) && newSelectList.map(function (item) {
-        return _jsx(Option, {
+        return /*#__PURE__*/_jsx(Option, {
           label: item[label],
           value: item[code],
           record: item,
           disabled: !!item.disabled,
-          children: _jsx(TooltipOption, {
+          children: /*#__PURE__*/_jsx(TooltipOption, {
             title: OptionRender ? OptionRender(item) : selectProps.showCodeName ? "".concat(item[code], "-").concat(item[label]) : item[label],
-            children: OptionRender ? _jsx("span", {
+            children: OptionRender ? /*#__PURE__*/_jsx("span", {
               children: OptionRender(item)
-            }) : _jsx("span", {
+            }) : /*#__PURE__*/_jsx("span", {
               children: selectProps.showCodeName ? "".concat(item[code], "-").concat(item[label]) : item[label]
             })
           }, item[code])

package/es/ProSelect/index.less

@@ -1,5 +1,3 @@
-/* @root-entry-name: 'default'; */
-/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-select-ellipse {
   display: block;

package/es/ProSelect/utils/index.js

@@ -1,9 +1,9 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
-import _difference from "lodash/difference";
-import _isNumber from "lodash/isNumber";
 /* eslint-disable no-restricted-syntax */
 
+import _, { isNumber } from 'lodash';
+
 /**
  * 查找选择器名称的值
  * @param list 表单列表
@@ -47,11 +47,73 @@ var findSelectNameValues = function findSelectNameValues(_ref) {
       selectValues.push(result);
     }
   });
-  var diffList = _difference(selectValues, mode === 'multiple' ? value : [value]);
-  return dataSource.filter(function (item) {
+  var diffList = _.difference(selectValues, mode === 'multiple' ? value : [value]);
+  var result = dataSource.filter(function (item) {
     return !diffList.includes(labelInValue ? item : item[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value] || (item === null || item === void 0 ? void 0 : item.value));
   });
+  var isSingle = list === null || list === void 0 ? void 0 : list.find(function (item) {
+    return item === null || item === void 0 ? void 0 : item._isEditing;
+  });
+
+  // 修复单行编辑模式下，选择器无法过滤的问题
+  if (mode === 'multiple' && isSingle) {
+    // 找到当前编辑行
+    var editingRow = list.find(function (item) {
+      return item === null || item === void 0 ? void 0 : item._isEditing;
+    });
+
+    // 收集其他行的已选择值
+    var otherRowsValues = [];
+    list.forEach(function (item) {
+      if (item !== editingRow) {
+        // 排除当前编辑行
+        var _result = item;
+        var _iterator2 = _createForOfIteratorHelper(selectName),
+          _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var key = _step2.value;
+            _result = _result[key];
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+        if (_result) {
+          otherRowsValues.push.apply(otherRowsValues, _toConsumableArray(Array.isArray(_result) ? _result : [_result]));
+        }
+      }
+    });
+
+    // 获取当前编辑行的已选择值
+    var currentRowValues = [];
+    if (editingRow) {
+      var _result2 = editingRow;
+      var _iterator3 = _createForOfIteratorHelper(selectName),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var key = _step3.value;
+          _result2 = _result2[key];
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+      currentRowValues = Array.isArray(_result2) ? _result2 : _result2 ? [_result2] : [];
+    }
+
+    // 从dataSource中过滤掉其他行的值，但保留当前行的值
+    var _diffList = _.difference(otherRowsValues, currentRowValues);
+    return dataSource.filter(function (item) {
+      return !_diffList.includes(labelInValue ? item : item[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value] || (item === null || item === void 0 ? void 0 : item.value));
+    });
+  }
+  return result;
 };
+
 /**
  * 返回当前组件可以显示的数据源
  */
@@ -69,7 +131,7 @@ export var getSelectList = function getSelectList(_ref2) {
     listName = otherProps.listName,
     form = otherProps.form;
   // 修复formlist无法过滤的问题
-  var _name = Array.isArray(name) && _isNumber(name[0]) ? listName : name;
+  var _name = Array.isArray(name) && isNumber(name[0]) ? listName : name;
   var firstNumberIndex = listName.lastIndexOf(listName.findLast(function (item) {
     return typeof item === 'number';
   }));

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MenuItemProps } from '../../propsType';
 export declare const MenuItem: (props: MenuItemProps) => JSX.Element;
 export default MenuItem;

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

@@ -1,29 +1,30 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import cn from 'classnames';
 import { Badge } from 'antd';
-import { handleScroll } from '../../utils';
+import { handleScroll } from "../../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var AnchorSvg = function AnchorSvg(_ref) {
   var color = _ref.color;
-  return _jsxs("svg", {
+  return /*#__PURE__*/_jsxs("svg", {
     viewBox: "0 0 1097 1024",
     width: "18",
     height: "18",
     style: {
       fill: color
     },
-    children: [_jsx("path", {
+    children: [/*#__PURE__*/_jsx("path", {
       d: "M570.514286 0a512 512 0 1 1 0 1024A512 512 0 0 1 570.514286 0z m0 73.142857a438.857143 438.857143 0 1 0 0 877.714286A438.857143 438.857143 0 0 0 570.514286 73.142857z"
-    }), _jsx("path", {
+    }), /*#__PURE__*/_jsx("path", {
       d: "M570.514286 512m-365.714286 0a365.714286 365.714286 0 1 0 731.428571 0 365.714286 365.714286 0 1 0-731.428571 0Z"
     })]
   });
 };
 var SuccessSvg = function SuccessSvg() {
-  return _jsx("svg", {
+  return /*#__PURE__*/_jsx("svg", {
     viewBox: "0 0 1408 1024",
     width: "18",
     height: "18",
-    children: _jsx("path", {
+    children: /*#__PURE__*/_jsx("path", {
       d: "M496.64 906.24a113.92 113.92 0 0 0 161.28 0l691.2-691.2A113.92 113.92 0 1 0 1187.84 53.76L572.416 659.456 296.96 384a113.92 113.92 0 1 0-161.28 161.28l360.96 360.96z"
     })
   });
@@ -44,7 +45,7 @@ export var MenuItem = function MenuItem(props) {
     scrollToError = _props$scrollToError === void 0 ? true : _props$scrollToError;
   var renderMenuIcon = function renderMenuIcon() {
     if (isCurrentStep) {
-      return _jsx("span", {
+      return /*#__PURE__*/_jsx("span", {
         className: cn('pro-step-dot-icon', {
           errored: !!errorNum,
           disabled: isDisabled
@@ -56,23 +57,23 @@ export var MenuItem = function MenuItem(props) {
     !!errorNum && (color = '#ff5050');
     isDisabled && (color = '#939599');
     if (isStart) {
-      return _jsx(AnchorSvg, {
+      return /*#__PURE__*/_jsx(AnchorSvg, {
         color: color
       });
     }
     if (isEnd) {
-      return _jsx(AnchorSvg, {
+      return /*#__PURE__*/_jsx(AnchorSvg, {
         color: isDisabled ? '#939599' : undefined
       });
     }
-    return _jsx("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: cn('pro-step-dot', {
         errored: !!errorNum,
         disabled: isDisabled
       })
     });
   };
-  return _jsxs("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: cn('pro-step-com-menu-item', {
       errored: !!errorNum,
       disabled: isDisabled,
@@ -84,22 +85,22 @@ export var MenuItem = function MenuItem(props) {
         scrollToError: scrollToError
       });
     },
-    children: [_jsxs("div", {
+    children: [/*#__PURE__*/_jsxs("div", {
       className: "pro-step-menu-item",
-      children: [_jsx("div", {
+      children: [/*#__PURE__*/_jsx("div", {
         className: "pro-step-menu-icon",
         children: renderMenuIcon()
-      }), onOff && _jsx("div", {
+      }), onOff && /*#__PURE__*/_jsx("div", {
         className: cn('pro-step-menu-name', {
           disabled: isDisabled
         }),
         children: name
       })]
-    }), !isDisabled && onOff && _jsxs("div", {
+    }), !isDisabled && onOff && /*#__PURE__*/_jsxs("div", {
       className: "pro-step-checked-status",
-      children: [isChecked && _jsx(SuccessSvg, {}), errorNum > 0 && _jsx("div", {
+      children: [isChecked && /*#__PURE__*/_jsx(SuccessSvg, {}), errorNum > 0 && /*#__PURE__*/_jsx("div", {
         className: "pro-step-error-dot",
-        children: _jsx(Badge, {
+        children: /*#__PURE__*/_jsx(Badge, {
           count: errorNum
         })
       })]

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ProStepItemType } from '../../propsType';
 declare const ProStepItem: ({ id, title, collapse: collapseItem, children, lazyLoad: stepLazyLoad, order, ...restProps }: ProStepItemType) => JSX.Element;
 export default ProStepItem;

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

@@ -1,16 +1,18 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _isBoolean from "lodash/isBoolean";
 var _excluded = ["id", "title", "collapse", "children", "lazyLoad", "order"];
-import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import LazyLoad, { forceCheck } from 'react-lazyload';
-import { useStep } from '../../index';
-import ProCollapse from '../../../ProLayout/components/ProCollapse';
+import { isBoolean } from 'lodash';
+import { useStep } from "../../index";
+import ProCollapse from "../../../ProLayout/components/ProCollapse";
+import { jsx as _jsx } from "react/jsx-runtime";
 // 默认的懒加载配置
 var defaultLazyLoadConfig = {
   height: 200,
+  // Default placeholder height
   offset: 100,
+  // Start loading when the target is 100px from the viewport
   once: true // Load only once upon first entry into the viewport
 };
 var ProStepItem = function ProStepItem(_ref) {
@@ -31,7 +33,7 @@ var ProStepItem = function ProStepItem(_ref) {
   useEffect(function () {
     // Schedule registration to avoid re-render issues
     var timeoutId = setTimeout(function () {
-      register === null || register === void 0 ? void 0 : register(_objectSpread({
+      register === null || register === void 0 || register(_objectSpread({
         id: id,
         title: title,
         order: order,
@@ -44,21 +46,21 @@ var ProStepItem = function ProStepItem(_ref) {
   }, [id, title, order, lazyLoad, restProps, register]);
   var renderChildren = function renderChildren() {
     if (lazyLoad) {
-      var lazyLoadProps = _isBoolean(lazyLoad) ? defaultLazyLoadConfig : lazyLoad;
-      var LazyLoadComponent = LazyLoad;
-      return _jsx(LazyLoadComponent, _objectSpread(_objectSpread({}, lazyLoadProps), {}, {
+      var lazyLoadProps = isBoolean(lazyLoad) ? defaultLazyLoadConfig : lazyLoad;
+      return /*#__PURE__*/_jsx(LazyLoad, _objectSpread(_objectSpread({}, lazyLoadProps), {}, {
         classNamePrefix: id,
         children: children
       }));
     }
     return children;
   };
+
   // If there's no `register` function or if collapsing is enabled, wrap in ProCollapse
   if (!register || collapse && collapseItem && title) {
-    return _jsx("div", {
+    return /*#__PURE__*/_jsx("div", {
       className: "pro-step-item",
       id: id,
-      children: _jsx(ProCollapse, _objectSpread(_objectSpread({
+      children: /*#__PURE__*/_jsx(ProCollapse, _objectSpread(_objectSpread({
         title: title,
         icon: true
       }, restProps), {}, {
@@ -71,14 +73,15 @@ var ProStepItem = function ProStepItem(_ref) {
             }, 100);
           }
           // 默认执行
-          restProps === null || restProps === void 0 ? void 0 : (_restProps$onChange = restProps.onChange) === null || _restProps$onChange === void 0 ? void 0 : _restProps$onChange.call(restProps, e);
+          restProps === null || restProps === void 0 || (_restProps$onChange = restProps.onChange) === null || _restProps$onChange === void 0 || _restProps$onChange.call(restProps, e);
         },
         children: renderChildren()
       }))
     });
   }
+
   // Otherwise, just render children
-  return _jsx("div", {
+  return /*#__PURE__*/_jsx("div", {
     className: "pro-step-item",
     id: id,
     children: renderChildren()

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

@@ -1,14 +1,13 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _throttle from "lodash/throttle";
 var _excluded = ["children", "delayTime", "excludes"];
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
+import { throttle } from 'lodash';
 import React from 'react';
 import { forceVisible } from 'react-lazyload';
-import { useStep } from '../../index';
-import { getLoadedMap } from '../../utils';
+import { useStep } from "../../index";
+import { getLoadedMap } from "../../utils";
 /**
  * 检查所有模块是否已加载完成
  * @param data 模块加载数据
@@ -28,39 +27,42 @@ var Listener = function Listener(_ref) {
     notify = _useStep.notify,
     registerMap = _useStep.registerMap;
   return /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread({}, props), {}, {
-    onClick: _throttle(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+    onClick: throttle( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var loadedMap, loaded, values;
-      return _regenerator().w(function (_context) {
-        while (1) switch (_context.n) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
           case 0:
             localStorage.setItem('cache-pro-step', '');
             loadedMap = getLoadedMap(registerMap);
             loaded = areAllModulesLoaded(loadedMap); // 存在lazyload模块时，全局按钮执行全加载
             if (loaded) {
-              _context.n = 1;
+              _context.next = 7;
               break;
             }
             forceVisible();
             // 等待0.2秒，让dom渲染做form校验
-            _context.n = 1;
+            _context.next = 7;
             return new Promise(function (resolve) {
               return setTimeout(resolve, 200);
             });
-          case 1:
-            _context.n = 2;
+          case 7:
+            _context.next = 9;
             return notify === null || notify === void 0 ? void 0 : notify({
               excludes: excludes
             });
-          case 2:
-            values = _context.v;
+          case 9:
+            values = _context.sent;
             setTimeout(function () {
               var localData = localStorage.getItem('cache-pro-step');
               if (localData !== 'false') {
                 var _children$props, _children$props$onCli;
-                children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : (_children$props$onCli = _children$props.onClick) === null || _children$props$onCli === void 0 ? void 0 : _children$props$onCli.call(_children$props, values);
+                children === null || children === void 0 || (_children$props = children.props) === null || _children$props === void 0 || (_children$props$onCli = _children$props.onClick) === null || _children$props$onCli === void 0 || _children$props$onCli.call(_children$props, values);
               }
             }, delayTime !== null && delayTime !== void 0 ? delayTime : 0);
-            return _context.a(2, null);
+            return _context.abrupt("return", null);
+          case 12:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     })), 1000)