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

package/es/ProSelect/index.js

@@ -1,9 +1,16 @@
+import "antd/es/space/style";
+import _Space from "antd/es/space";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/message/style";
+import _message from "antd/es/message";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import "antd/es/select/style";
+import _Select from "antd/es/select";
 var _excluded = ["dataSource", "defaultDisableValue", "useRequest", "fieldNames", "tooltip", "otherProps", "labelInValue", "filterInList", "scrollFollowParent", "defaultOne", "onSearch", "optionRender", "onChange", "updateDataSource", "transformResponse", "getValueProps", "isView"];
 import { useDeepCompareEffect, useRequest as useRequestFunc } from 'ahooks';
-import { Input, message, Select, Space } from 'antd';
 import React, { useImperativeHandle, useState, forwardRef, isValidElement, useCallback } from 'react';
 import { isFunction, isObject, isString, omit, isNumber } from 'lodash';
 import { useProConfig } from "../ProConfigProvider";
@@ -14,8 +21,8 @@ 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 Option = _Select.Option;
+export var ProSelect = (props, ref) => {
   var _selectProps$showCode, _useRequest$options3, _locale$ProSelect;
   var _ref = useProConfig('ProSelect') || {},
     _ref$fieldNames = _ref.fieldNames,
@@ -71,18 +78,18 @@ export var ProSelect = function ProSelect(props, ref) {
     isDefaultOne = _useState4[0],
     setIsDefaultOne = _useState4[1];
   var OptionRender = optionRender;
-  var defaultOnSuccessFun = function defaultOnSuccessFun(res) {
+  var defaultOnSuccessFun = res => {
     var _res$status = res.status,
       status = _res$status === void 0 ? 200 : _res$status,
       msg = res.message,
       data = res.data;
     if (status !== 200) {
-      message.error(msg);
+      _message.error(msg);
       return;
     }
     setSelectList(data || []);
   };
-  var successTransformDataHandle = useCallback(function (res) {
+  var successTransformDataHandle = useCallback(res => {
     if (transformResponse && typeof transformResponse === 'function') {
       return transformResponse(res);
     }
@@ -92,7 +99,7 @@ export var ProSelect = function ProSelect(props, ref) {
       msg = _ref3.message,
       data = _ref3.data;
     if (status !== 200) {
-      message.error(msg);
+      _message.error(msg);
       return;
     }
     return data;
@@ -101,7 +108,7 @@ export var ProSelect = function ProSelect(props, ref) {
     manual: true,
     debounceWait: 300
   }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options), {}, {
-    onSuccess: function onSuccess(data) {
+    onSuccess: data => {
       var _useRequest$options, _useRequest$options$o, _useRequest$options2;
       if (transformResponse && typeof transformResponse === 'function') {
         var responseData = transformResponse(data);
@@ -115,31 +122,25 @@ export var ProSelect = function ProSelect(props, ref) {
     }
   }));
   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) {
+  var getValueObject = input => {
     if (Array.isArray(input) && input.length) {
       var resArr = [];
-      input.forEach(function (i) {
-        var res = selectList.find(function (item) {
-          return item[code] === i;
-        });
+      input.forEach(i => {
+        var res = selectList.find(item => item[code] === i);
         if (res) resArr.push(res);
       });
       return resArr;
     }
-    return selectList.find(function (item) {
-      return item[code] === input;
-    });
+    return selectList.find(item => item[code] === input);
   };
-  useImperativeHandle(ref, function () {
-    return {
-      getValueObject: getValueObject,
-      useRequestRef: fetchFunction
-    };
-  });
-  useDeepCompareEffect(function () {
+  useImperativeHandle(ref, () => ({
+    getValueObject,
+    useRequestRef: fetchFunction
+  }));
+  useDeepCompareEffect(() => {
     setSelectList(dataSource);
   }, [dataSource]);
-  useDeepCompareEffect(function () {
+  useDeepCompareEffect(() => {
     var _useRequest$options4;
     // 设置cacheKey后使用缓存的数据
     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) {
@@ -148,7 +149,7 @@ export var ProSelect = function ProSelect(props, ref) {
       }
     }
   }, [fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data]);
-  useDeepCompareEffect(function () {
+  useDeepCompareEffect(() => {
     // 默认disable值时，不查询接口
     if (defaultDisableValue || !useRequest) {
       return;
@@ -167,57 +168,53 @@ export var ProSelect = function ProSelect(props, ref) {
   if (defaultDisableValue) {
     return /*#__PURE__*/_jsx("span", {
       title: defaultDisableValue,
-      children: /*#__PURE__*/_jsx(Input, {
+      children: /*#__PURE__*/_jsx(_Input, {
         disabled: true,
         defaultValue: defaultDisableValue,
         style: props === null || props === void 0 ? void 0 : props.style
       })
     });
   }
-  var transToLabel = function transToLabel(value) {
+  var transToLabel = value => {
     if (!Array.isArray(selectList) || !selectList.length) {
       return viewEmpty;
     }
-    var labelList = value.map(function (v) {
-      var option = selectList.find(function (item) {
+    var labelList = value.map(v => {
+      var option = selectList.find(item => {
         if (labelInValue) {
           return item[code] === v[code];
         }
         return item[code] === v;
       });
       if (option) {
-        return selectProps.showCodeName ? "".concat(option[code], "-").concat(option[label]) : option === null || option === void 0 ? void 0 : option[label];
+        return selectProps.showCodeName ? `${option[code]}-${option[label]}` : option === null || option === void 0 ? void 0 : option[label];
       }
       return '-';
     });
-    var record = value.map(function (v) {
-      return selectList.find(function (item) {
+    var record = value.map(v => {
+      return selectList.find(item => {
         if (labelInValue) {
           return item[code] === v[code];
         }
         return item[code] === v;
       });
-    }).filter(function (v) {
-      return !!v;
-    });
+    }).filter(v => !!v);
 
     // 自定义option时，默认取optionRender的值
-    var _optionRender = function _optionRender() {
+    var _optionRender = () => {
       if (!record.length) {
         return viewEmpty;
       }
       var arr = [];
-      record.forEach(function (item) {
+      record.forEach(item => {
         arr.push(props.optionRender(item));
       });
-      return /*#__PURE__*/_jsx(Space, {
+      return /*#__PURE__*/_jsx(_Space, {
         direction: "vertical",
         size: 4,
-        children: arr.map(function (item) {
-          return /*#__PURE__*/_jsx(React.Fragment, {
-            children: item
-          }, item);
-        })
+        children: arr.map(item => /*#__PURE__*/_jsx(React.Fragment, {
+          children: item
+        }, item))
       });
     };
     return isFunction(props.optionRender) && record.length ? _optionRender() : labelList === null || labelList === void 0 ? void 0 : labelList.join('，');
@@ -235,7 +232,7 @@ export var ProSelect = function ProSelect(props, ref) {
       children: value || isNumber(value) ? transToLabel([value]) : null
     });
   }
-  var TooltipOption = function TooltipOption(props) {
+  var TooltipOption = props => {
     if (tooltip) {
       return /*#__PURE__*/_jsx(AdaptiveTooltip, {
         children: props.children
@@ -243,10 +240,8 @@ export var ProSelect = function ProSelect(props, ref) {
     }
     return props.children;
   };
-  var isReactElement = function isReactElement(element) {
-    return /*#__PURE__*/isValidElement(element);
-  };
-  var handleChange = function handleChange(value, _option) {
+  var isReactElement = element => /*#__PURE__*/isValidElement(element);
+  var handleChange = (value, _option) => {
     // option/其第一层子节点是react节点且是labelInValue就拿record
     var option = _option;
     if (labelInValue && (isReactElement(_option) || isReactElement(_option === null || _option === void 0 ? void 0 : _option.children))) {
@@ -255,7 +250,7 @@ export var ProSelect = function ProSelect(props, ref) {
     var getChangeValue = selectProps.getChangeValue;
     if (selectProps.mode && selectProps.mode === 'multiple') {
       if (Array.isArray(option)) {
-        option.forEach(function (item) {
+        option.forEach(item => {
           Object.assign(item, item.record);
           delete item.record;
           delete item.children;
@@ -277,7 +272,7 @@ export var ProSelect = function ProSelect(props, ref) {
    * 处理 labelInValue 模式下值的回填
    * @returns
    */
-  var transformValue = function transformValue() {
+  var transformValue = () => {
     if (labelInValue && !selectProps.mode) {
       if (!isObject(value)) {
         return undefined;
@@ -289,9 +284,7 @@ export var ProSelect = function ProSelect(props, ref) {
       if (!Array.isArray(value)) {
         return [];
       }
-      return value.map(function (item) {
-        return item === null || item === void 0 ? void 0 : item[code];
-      });
+      return value.map(item => item === null || item === void 0 ? void 0 : item[code]);
     }
     // Handling Jialuo's Extreme Demands
     if (selectProps.mode && value === null) {
@@ -315,48 +308,48 @@ export var ProSelect = function ProSelect(props, ref) {
   var newSelectList = selectList;
   if (otherProps !== null && otherProps !== void 0 && otherProps.listName && filterInList) {
     newSelectList = getSelectList({
-      otherProps: otherProps,
-      value: value,
+      otherProps,
+      value,
       dataSource: selectList,
-      labelInValue: labelInValue,
-      fieldNames: fieldNames,
+      labelInValue,
+      fieldNames,
       mode: selectProps.mode
     });
   }
   return /*#__PURE__*/_jsx("div", {
     style: props.style,
     className: "pro-select",
-    children: /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({
+    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) {
+      filterOption: isFunction(_onSearch) ? false : (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) {
+      onSearch: value => {
         _onSearch && _onSearch(value, _objectSpread({}, fetchFunction));
       },
-      getPopupContainer: function getPopupContainer(trigger) {
+      getPopupContainer: trigger => {
         return scrollFollowParent ? trigger.parentElement : document.body;
       }
     }, omit(_objectSpread({}, selectProps), ['isView', 'showCodeName', 'form', 'name', 'style', 'onFieldChange'])), {}, {
       value: transformValue(),
-      children: Array.isArray(newSelectList) && newSelectList.map(function (item) {
+      children: Array.isArray(newSelectList) && newSelectList.map(item => {
         return /*#__PURE__*/_jsx(Option, {
           label: item[label],
           value: item[code],
           record: item,
           disabled: !!item.disabled,
           children: /*#__PURE__*/_jsx(TooltipOption, {
-            title: OptionRender ? OptionRender(item) : selectProps.showCodeName ? "".concat(item[code], "-").concat(item[label]) : item[label],
+            title: OptionRender ? OptionRender(item) : selectProps.showCodeName ? `${item[code]}-${item[label]}` : item[label],
             children: OptionRender ? /*#__PURE__*/_jsx("span", {
               children: OptionRender(item)
             }) : /*#__PURE__*/_jsx("span", {
-              children: selectProps.showCodeName ? "".concat(item[code], "-").concat(item[label]) : item[label]
+              children: selectProps.showCodeName ? `${item[code]}-${item[label]}` : item[label]
             })
           }, item[code])
         }, item[code]);

package/es/ProSelect/utils/index.js

@@ -1,4 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 /* eslint-disable no-restricted-syntax */
 
@@ -14,7 +13,7 @@ import _, { isNumber } from 'lodash';
  * @param fieldNames 字段名
  * @param mode 模式
  */
-var findSelectNameValues = function findSelectNameValues(_ref) {
+var findSelectNameValues = _ref => {
   var _ref$list = _ref.list,
     list = _ref$list === void 0 ? [] : _ref$list,
     selectName = _ref.selectName,
@@ -24,7 +23,7 @@ var findSelectNameValues = function findSelectNameValues(_ref) {
     fieldNames = _ref.fieldNames,
     mode = _ref.mode;
   var selectValues = [];
-  list.forEach(function (item) {
+  list.forEach(item => {
     var result = item;
     if (!item || !Object.keys(item).length || Object.keys(item).length === 1 && 'rowKey' in item) {
       return false;
@@ -42,29 +41,23 @@ var findSelectNameValues = function findSelectNameValues(_ref) {
       _iterator.f();
     }
     if (mode === 'multiple') {
-      selectValues = [].concat(_toConsumableArray(selectValues), _toConsumableArray(result || []));
+      selectValues = [...selectValues, ...(result || [])];
     } else {
       selectValues.push(result);
     }
   });
   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;
-  });
+  var result = dataSource.filter(item => !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(item => 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 editingRow = list.find(item => item === null || item === void 0 ? void 0 : item._isEditing);
 
     // 收集其他行的已选择值
     var otherRowsValues = [];
-    list.forEach(function (item) {
+    list.forEach(item => {
       if (item !== editingRow) {
         // 排除当前编辑行
         var _result = item;
@@ -81,7 +74,7 @@ var findSelectNameValues = function findSelectNameValues(_ref) {
           _iterator2.f();
         }
         if (_result) {
-          otherRowsValues.push.apply(otherRowsValues, _toConsumableArray(Array.isArray(_result) ? _result : [_result]));
+          otherRowsValues.push(...(Array.isArray(_result) ? _result : [_result]));
         }
       }
     });
@@ -107,9 +100,7 @@ var findSelectNameValues = function findSelectNameValues(_ref) {
 
     // 从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 dataSource.filter(item => !_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;
 };
@@ -117,7 +108,7 @@ var findSelectNameValues = function findSelectNameValues(_ref) {
 /**
  * 返回当前组件可以显示的数据源
  */
-export var getSelectList = function getSelectList(_ref2) {
+export var getSelectList = _ref2 => {
   var otherProps = _ref2.otherProps,
     value = _ref2.value,
     dataSource = _ref2.dataSource,
@@ -132,18 +123,16 @@ export var getSelectList = function getSelectList(_ref2) {
     form = otherProps.form;
   // 修复formlist无法过滤的问题
   var _name = Array.isArray(name) && isNumber(name[0]) ? listName : name;
-  var firstNumberIndex = listName.lastIndexOf(listName.findLast(function (item) {
-    return typeof item === 'number';
-  }));
+  var firstNumberIndex = listName.lastIndexOf(listName.findLast(item => typeof item === 'number'));
   var fatherName = (_name || listName).slice(0, firstNumberIndex);
   var selectName = (_name || listName).slice(firstNumberIndex + 1);
   return findSelectNameValues({
     list: form.getFieldValue(fatherName) || [],
-    selectName: selectName,
-    value: value,
-    dataSource: dataSource,
-    labelInValue: labelInValue,
-    fieldNames: fieldNames,
-    mode: mode
+    selectName,
+    value,
+    dataSource,
+    labelInValue,
+    fieldNames,
+    mode
   });
 };

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

@@ -1,9 +1,10 @@
+import "antd/es/badge/style";
+import _Badge from "antd/es/badge";
 import cn from 'classnames';
-import { Badge } from 'antd';
 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 AnchorSvg = _ref => {
   var color = _ref.color;
   return /*#__PURE__*/_jsxs("svg", {
     viewBox: "0 0 1097 1024",
@@ -19,7 +20,7 @@ var AnchorSvg = function AnchorSvg(_ref) {
     })]
   });
 };
-var SuccessSvg = function SuccessSvg() {
+var SuccessSvg = () => {
   return /*#__PURE__*/_jsx("svg", {
     viewBox: "0 0 1408 1024",
     width: "18",
@@ -29,7 +30,7 @@ var SuccessSvg = function SuccessSvg() {
     })
   });
 };
-export var MenuItem = function MenuItem(props) {
+export var MenuItem = props => {
   var name = props.name,
     code = props.code,
     onOff = props.onOff,
@@ -43,7 +44,7 @@ export var MenuItem = function MenuItem(props) {
     targetOffset = props.targetOffset,
     _props$scrollToError = props.scrollToError,
     scrollToError = _props$scrollToError === void 0 ? true : _props$scrollToError;
-  var renderMenuIcon = function renderMenuIcon() {
+  var renderMenuIcon = () => {
     if (isCurrentStep) {
       return /*#__PURE__*/_jsx("span", {
         className: cn('pro-step-dot-icon', {
@@ -79,10 +80,10 @@ export var MenuItem = function MenuItem(props) {
       disabled: isDisabled,
       current: isCurrentStep && onOff
     }),
-    onClick: function onClick() {
+    onClick: () => {
       handleScroll(code, {
-        targetOffset: targetOffset,
-        scrollToError: scrollToError
+        targetOffset,
+        scrollToError
       });
     },
     children: [/*#__PURE__*/_jsxs("div", {
@@ -100,7 +101,7 @@ export var MenuItem = function MenuItem(props) {
       className: "pro-step-checked-status",
       children: [isChecked && /*#__PURE__*/_jsx(SuccessSvg, {}), errorNum > 0 && /*#__PURE__*/_jsx("div", {
         className: "pro-step-error-dot",
-        children: /*#__PURE__*/_jsx(Badge, {
+        children: /*#__PURE__*/_jsx(_Badge, {
           count: errorNum
         })
       })]

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

@@ -15,7 +15,7 @@ var defaultLazyLoadConfig = {
   // 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) {
+var ProStepItem = _ref => {
   var id = _ref.id,
     title = _ref.title,
     _ref$collapse = _ref.collapse,
@@ -30,21 +30,21 @@ var ProStepItem = function ProStepItem(_ref) {
     collapse = _useStep.collapse,
     globalLazyLoad = _useStep.lazyLoad;
   var lazyLoad = stepLazyLoad !== null && stepLazyLoad !== void 0 ? stepLazyLoad : globalLazyLoad;
-  useEffect(function () {
+  useEffect(() => {
     // Schedule registration to avoid re-render issues
-    var timeoutId = setTimeout(function () {
+    var timeoutId = setTimeout(() => {
       register === null || register === void 0 || register(_objectSpread({
-        id: id,
-        title: title,
-        order: order,
-        lazyLoad: lazyLoad
+        id,
+        title,
+        order,
+        lazyLoad
       }, restProps));
     }, 0);
-    return function () {
+    return () => {
       clearTimeout(timeoutId);
     };
   }, [id, title, order, lazyLoad, restProps, register]);
-  var renderChildren = function renderChildren() {
+  var renderChildren = () => {
     if (lazyLoad) {
       var lazyLoadProps = isBoolean(lazyLoad) ? defaultLazyLoadConfig : lazyLoad;
       return /*#__PURE__*/_jsx(LazyLoad, _objectSpread(_objectSpread({}, lazyLoadProps), {}, {
@@ -64,11 +64,11 @@ var ProStepItem = function ProStepItem(_ref) {
         title: title,
         icon: true
       }, restProps), {}, {
-        onChange: function onChange(e) {
+        onChange: e => {
           var _restProps$onChange;
           if (lazyLoad) {
             // 延时执行, 避免在折叠时, 懒加载的元素没有高度
-            setTimeout(function () {
+            setTimeout(() => {
               forceCheck();
             }, 100);
           }

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

@@ -13,12 +13,10 @@ import { getLoadedMap } from "../../utils";
  * @param data 模块加载数据
  * @returns 是否所有模块都已加载
  */
-var areAllModulesLoaded = function areAllModulesLoaded(data) {
-  return data.every(function (item) {
-    return (item === null || item === void 0 ? void 0 : item.loaded) === true;
-  });
+var areAllModulesLoaded = data => {
+  return data.every(item => (item === null || item === void 0 ? void 0 : item.loaded) === true);
 };
-var Listener = function Listener(_ref) {
+var Listener = _ref => {
   var children = _ref.children,
     delayTime = _ref.delayTime,
     excludes = _ref.excludes,
@@ -42,17 +40,15 @@ var Listener = function Listener(_ref) {
             forceVisible();
             // 等待0.2秒，让dom渲染做form校验
             _context.next = 7;
-            return new Promise(function (resolve) {
-              return setTimeout(resolve, 200);
-            });
+            return new Promise(resolve => setTimeout(resolve, 200));
           case 7:
             _context.next = 9;
             return notify === null || notify === void 0 ? void 0 : notify({
-              excludes: excludes
+              excludes
             });
           case 9:
             values = _context.sent;
-            setTimeout(function () {
+            setTimeout(() => {
               var localData = localStorage.getItem('cache-pro-step');
               if (localData !== 'false') {
                 var _children$props, _children$props$onCli;

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

@@ -8,7 +8,7 @@ import Anchor from "../Anchor";
 import locale from "../../../locale";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export var Step = function Step(_ref) {
+export var Step = _ref => {
   var _locale$ProStep;
   var fixedTop = _ref.fixedTop,
     _ref$dataSource = _ref.dataSource,
@@ -22,17 +22,15 @@ export var Step = function Step(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     onOff = _useState2[0],
     setOnOff = _useState2[1];
-  var options = useMemo(function () {
+  var options = useMemo(() => {
     var nextDataSource = cloneDeep(dataSource);
     var activeIndex;
     if (activeKey) {
-      activeIndex = nextDataSource.findIndex(function (item) {
-        return item.code === activeKey;
-      });
+      activeIndex = nextDataSource.findIndex(item => item.code === activeKey);
     } else {
       activeIndex = nextDataSource.length - 1;
     }
-    nextDataSource.forEach(function (item, index) {
+    nextDataSource.forEach((item, index) => {
       var errorNum = errorCollection === null || errorCollection === void 0 ? void 0 : errorCollection[item.code];
       item.isStart = index === 0;
       item.isEnd = index === dataSource.length - 1;
@@ -45,17 +43,17 @@ export var Step = function Step(_ref) {
     });
     return nextDataSource;
   }, [dataSource, activeKey, errorCollection]);
-  var handleMouseEnter = function handleMouseEnter() {
+  var handleMouseEnter = () => {
     setOnOff(true);
   };
-  var handleMouseLeave = function handleMouseLeave() {
+  var handleMouseLeave = () => {
     setOnOff(false);
   };
   return /*#__PURE__*/_jsxs("div", {
-    className: "pro-step ".concat(onOff ? 'open' : 'closed'),
+    className: `pro-step ${onOff ? 'open' : 'closed'}`,
     style: _objectSpread({
       top: fixedTop !== null && fixedTop !== void 0 ? fixedTop : 0,
-      maxHeight: "calc(100vh - ".concat(fixedTop, "px)")
+      maxHeight: `calc(100vh - ${fixedTop}px)`
     }, style),
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
@@ -69,7 +67,7 @@ export var Step = function Step(_ref) {
       }), onOff && /*#__PURE__*/_jsx("div", {
         children: locale === null || locale === void 0 || (_locale$ProStep = locale.ProStep) === null || _locale$ProStep === void 0 ? void 0 : _locale$ProStep.catalogue
       })]
-    }), options.map(function (item) {
+    }), options.map(item => {
       return /*#__PURE__*/_jsx(React.Fragment, {
         children: /*#__PURE__*/_jsx(Anchor, _objectSpread(_objectSpread({}, item), {}, {
           scrollToError: scrollToError,