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

package/es/ProLayout/components/ProHeader/index.js

@@ -1,27 +1,19 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/modal/style";
-import _Modal from "antd/es/modal";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import "antd/es/breadcrumb/style";
-import _Breadcrumb from "antd/es/breadcrumb";
-import "antd/es/divider/style";
-import _Divider from "antd/es/divider";
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
-import "antd/es/space/style";
-import _Space from "antd/es/space";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _isString from "lodash/isString";
 import _isNumber from "lodash/isNumber";
 import _isEmpty from "lodash/isEmpty";
 import _isFunction from "lodash/isFunction";
+var _excluded = ["width"];
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /* eslint-disable react/no-array-index-key */
-
+import { Space, Divider, Breadcrumb, Tooltip, Modal } from 'antd';
 import { memo, useEffect, useState, useRef } from 'react';
 import { tools } from '@zat-design/utils';
 import classnames from 'classnames';
-import moment from 'moment';
+import dayjs from 'dayjs';
 import { useToggle, useSize } from 'ahooks';
 import { ReactSVG } from 'react-svg';
 import foldSvg from '../../../assets/arrow.svg';
@@ -31,12 +23,8 @@ import locale from '../../../locale';
 import { checkDescribeItemsHidden } from './utils';
 var formatAmount = tools.formatAmount;
 var ProHeader = function ProHeader(props) {
-  var _props$breadcrumbList = props.breadcrumbList,
-    breadcrumbList = _props$breadcrumbList === void 0 ? [] : _props$breadcrumbList,
-    breadcrumbColumns = props.breadcrumbColumns,
+  var breadcrumbColumns = props.breadcrumbColumns,
     actionRender = props.actionRender,
-    _props$describeList = props.describeList,
-    describeList = _props$describeList === void 0 ? [] : _props$describeList,
     describeColumns = props.describeColumns,
     subDescribeColumns = props.subDescribeColumns,
     onBack = props.onBack,
@@ -49,7 +37,7 @@ var ProHeader = function ProHeader(props) {
     _props$showShadow = props.showShadow,
     showShadow = _props$showShadow === void 0 ? false : _props$showShadow,
     _props$zIndex = props.zIndex,
-    zIndex = _props$zIndex === void 0 ? 100 : _props$zIndex,
+    zIndex = _props$zIndex === void 0 ? 98 : _props$zIndex,
     title = props.title,
     _props$autoBack = props.autoBack,
     autoBack = _props$autoBack === void 0 ? 2 : _props$autoBack,
@@ -72,9 +60,9 @@ var ProHeader = function ProHeader(props) {
   var size = useSize(ref);
   var _title = title;
   // 面包屑配置数据源
-  var _breadcrumbColumns = breadcrumbColumns || breadcrumbList;
+  var _breadcrumbColumns = breadcrumbColumns || [];
   // 次级配置数据源
-  var _subDescribeColumns = subDescribeColumns || describeList;
+  var _subDescribeColumns = subDescribeColumns || [];
   useEffect(function () {
     if (bodyOverFlowHidden) {
       var bodyElement = document.querySelector('body');
@@ -123,7 +111,7 @@ var ProHeader = function ProHeader(props) {
         var onlyTag = tag && !label && !value;
         var tagRender = function tagRender(parmas) {
           if (Array.isArray(parmas === null || parmas === void 0 ? void 0 : parmas.tag) && (parmas === null || parmas === void 0 ? void 0 : parmas.tag.length)) {
-            return _jsx(_Space, {
+            return _jsx(Space, {
               size: 4,
               children: parmas.tag.map(function (tagItem, index) {
                 return _jsx("div", {
@@ -140,7 +128,7 @@ var ProHeader = function ProHeader(props) {
         };
         /** 单行渲染 */
         var valueRender = function valueRender(parmas) {
-          return _jsxs(_Space, {
+          return _jsxs(Space, {
             size: 4,
             align: (parmas === null || parmas === void 0 ? void 0 : parmas.tag) ? 'baseline' : 'center',
             children: [(parmas === null || parmas === void 0 ? void 0 : parmas.link) ? _jsx("a", {
@@ -183,9 +171,11 @@ var ProHeader = function ProHeader(props) {
                 }, index);
               })
             });
-            return _jsx(_Tooltip, {
+            return _jsx(Tooltip, {
               placement: "bottomLeft",
-              overlayClassName: "pro-header-describe-items-tip",
+              classNames: {
+                root: 'pro-header-describe-items-tip'
+              },
               title: tipResult,
               children: result
             });
@@ -201,7 +191,7 @@ var ProHeader = function ProHeader(props) {
           style: {
             width: width
           },
-          children: _jsxs(_Space, {
+          children: _jsxs(Space, {
             size: 4,
             children: [label ? _jsx("span", {
               className: "pro-header-describe-label",
@@ -226,7 +216,7 @@ var ProHeader = function ProHeader(props) {
    * 次级描述数据渲染
    */
   var subDescribeRender = function subDescribeRender(describeData) {
-    var _moment, _moment2;
+    var _dayjs, _dayjs2;
     var value = describeData.value,
       type = describeData.type,
       valueType = describeData.valueType,
@@ -257,11 +247,11 @@ var ProHeader = function ProHeader(props) {
         break;
       case 'date':
         // 年月日
-        result = value ? (_moment = moment(value)) === null || _moment === void 0 ? void 0 : _moment.format('YYYY-MM-DD') : '-';
+        result = value ? (_dayjs = dayjs(value)) === null || _dayjs === void 0 ? void 0 : _dayjs.format('YYYY-MM-DD') : '-';
         break;
       case 'dateTime':
         // 年月日 时分秒
-        result = value ? (_moment2 = moment(value)) === null || _moment2 === void 0 ? void 0 : _moment2.format('YYYY-MM-DD HH:mm:ss') : '-';
+        result = value ? (_dayjs2 = dayjs(value)) === null || _dayjs2 === void 0 ? void 0 : _dayjs2.format('YYYY-MM-DD HH:mm:ss') : '-';
         break;
       default:
         result = String(value).includes('undefined') || !value ? '-' : value;
@@ -281,8 +271,8 @@ var ProHeader = function ProHeader(props) {
    */
   var actionsRender = function actionsRender() {
     if (Array.isArray(actionRender) && actionRender.length) {
-      return _jsx(_Space, {
-        split: _jsx(_Divider, {
+      return _jsx(Space, {
+        split: _jsx(Divider, {
           type: "vertical"
         }),
         children: actionRender.map(function (item, index) {
@@ -309,7 +299,7 @@ var ProHeader = function ProHeader(props) {
    */
   var breadcrumbRender = function breadcrumbRender() {
     if (Array.isArray(_breadcrumbColumns) && !_breadcrumbColumns.length) {
-      return '';
+      return [];
     }
     var list = _breadcrumbColumns === null || _breadcrumbColumns === void 0 ? void 0 : _breadcrumbColumns.filter(function (item) {
       return item.type === 'breadcrumb';
@@ -322,7 +312,7 @@ var ProHeader = function ProHeader(props) {
         tag = item.tag;
       var tagRender = function tagRender() {
         if (Array.isArray(tag) && tag.length) {
-          return _jsx(_Space, {
+          return _jsx(Space, {
             size: 8,
             children: tag.map(function (tagItem, index) {
               return _jsx("div", {
@@ -339,19 +329,20 @@ var ProHeader = function ProHeader(props) {
       };
       // show或者值不存在为false直接隐藏¸
       if (!show || !value) {
-        return '';
+        return null;
       }
       // 判断第一层dom节点为空
       if ((value === null || value === void 0 ? void 0 : value.type) && !(value === null || value === void 0 ? void 0 : (_value$props = value.props) === null || _value$props === void 0 ? void 0 : _value$props.children)) {
-        return '';
+        return null;
       }
-      return _jsx(_Breadcrumb.Item, {
-        children: _jsxs(_Space, {
+      return {
+        key: index,
+        title: _jsxs(Space, {
           size: 4,
           children: [value, " ", tagRender()]
         })
-      }, index);
-    });
+      };
+    }).filter(Boolean); // 过滤掉null值
   };
   /**
    * 头部左侧导航栏后业务信息
@@ -401,7 +392,7 @@ var ProHeader = function ProHeader(props) {
             style: {
               width: width
             },
-            children: _jsxs(_Space, {
+            children: _jsxs(Space, {
               size: 4,
               children: [val, " ", tag ? _jsx("div", {
                 className: "pro-header-tag",
@@ -411,7 +402,7 @@ var ProHeader = function ProHeader(props) {
           });
           if (type === 'copy') {
             return valRender = _jsxs(_Fragment, {
-              children: [width ? _jsx(_Tooltip, {
+              children: [width ? _jsx(Tooltip, {
                 title: val,
                 children: valRender
               }) : valRender, _jsx(Copy, {
@@ -420,7 +411,7 @@ var ProHeader = function ProHeader(props) {
             });
           }
           if (width) {
-            return _jsx(_Tooltip, {
+            return _jsx(Tooltip, {
               title: val,
               children: valRender
             });
@@ -464,14 +455,20 @@ var ProHeader = function ProHeader(props) {
       }
       return false;
     }
-    _Modal.confirm(_objectSpread({
+    // 处理 Modal.confirm 的 width 类型兼容性问题
+    var _ref = isConfirmBackModalProps || {},
+      width = _ref.width,
+      restModalProps = _objectWithoutProperties(_ref, _excluded);
+    Modal.confirm(_objectSpread(_objectSpread({
       title: "".concat(locale.ProHeader.confirmTitle),
       okText: "".concat(locale.ProHeader.confirm),
       cancelText: "".concat(locale.ProHeader.cancel),
       onOk: function onOk() {
         onBack && onBack();
       }
-    }, isConfirmBackModalProps));
+    }, width && (typeof width === 'string' || typeof width === 'number') ? {
+      width: width
+    } : {}), restModalProps));
   };
   return _jsx("div", {
     className: cls,
@@ -490,13 +487,13 @@ var ProHeader = function ProHeader(props) {
             'pro-header-left': true,
             'pro-header-left-space': !backState
           }),
-          children: _jsxs(_Space, {
+          children: _jsxs(Space, {
             size: backState ? 4 : 0,
             children: [backState ? _jsx(ProBackBtn, {
               onBack: onConfirm
-            }) : null, _jsx(_Breadcrumb, {
+            }) : null, _jsx(Breadcrumb, {
               separator: ">",
-              children: breadcrumbRender()
+              items: breadcrumbRender()
             }), infoRender()]
           })
         }), _jsx("div", {

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

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 @import '../components/ProBackBtn/style/index';
 
 .pro-header {

package/es/ProLayout/index.js

@@ -1,9 +1,8 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import "antd/es/message/style";
-import _message from "antd/es/message";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { message } from 'antd';
 import { createContext } from 'react';
 import classNames from 'classnames';
 import { useSetState, useToggle, useDeepCompareEffect } from 'ahooks';
@@ -18,7 +17,8 @@ var ProLayout = function ProLayout(props) {
   var children = props.children,
     _props$className = props.className,
     className = _props$className === void 0 ? '' : _props$className,
-    pure = props.pure,
+    _props$pure = props.pure,
+    pure = _props$pure === void 0 ? false : _props$pure,
     headerHeight = props.headerHeight,
     contentStyle = props.contentStyle,
     _props$waterMarkProps = props.waterMarkProps,
@@ -53,7 +53,7 @@ var ProLayout = function ProLayout(props) {
   }, [props.collapsed]);
   useDeepCompareEffect(function () {
     if (Array.isArray(dataSource) && !dataSource.length) {
-      return _message.warning('Warning: Missing menu data source, or menu data source is not an array');
+      return message.warning('Warning: Missing menu data source, or menu data source is not an array');
     }
     var userData = transformMenus(dataSource, pathPrefix);
     // 确保 menus 始终是一个数组
@@ -74,8 +74,8 @@ var ProLayout = function ProLayout(props) {
     'pro-layout-row': true,
     'pro-layout-row-has-notice': notice,
     'pro-layout-row-pure': typeof pure === 'boolean' && pure,
-    'pro-layout-row-top-pure': typeof pure !== 'boolean' && pure.topMenu,
-    'pro-layout-row-left-pure': typeof pure !== 'boolean' && pure.leftMenu
+    'pro-layout-row-top-pure': typeof pure !== 'boolean' && (pure === null || pure === void 0 ? void 0 : pure.topMenu),
+    'pro-layout-row-left-pure': typeof pure !== 'boolean' && (pure === null || pure === void 0 ? void 0 : pure.leftMenu)
   });
   var noticeHeight = notice ? 32 : 0;
   var layoutDom = _jsxs("div", {
@@ -132,6 +132,7 @@ ProLayout.defaultProps = {
   headerHeight: 48,
   contentStyle: {}
 };
+// 下一版本会移除
 ProLayout.ProCollapse = ProCollapse;
 ProLayout.ProFooter = ProFooter;
 ProLayout.ProHeader = ProHeader;

package/es/ProLayout/style/index.less

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 @import '../components/Layout/index.less';
 @import '../components/ProCollapse/style/index.less';
@@ -204,6 +204,7 @@
 
     .anticon-caret-down {
       color: #999 !important;
+      inset-inline-end: 8px;
     }
 
     .pro-layout-row .pro-layout-menu {
@@ -236,7 +237,7 @@
       &:before {
         position: absolute;
         left: var(--zaui-space-size-sm, 8px);
-        width: calc(100% - 16px);
+        width: calc(100% - 8px);
         min-height: 38px;
         height: 80%;
         background-color: var(--zaui-brand, #006aff);

package/es/ProSelect/components/AdaptiveTooltip.js

@@ -1,7 +1,6 @@
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Tooltip } from 'antd';
 import { useEffect, useState } from 'react';
 var AdaptiveTooltip = function AdaptiveTooltip(_ref) {
   var children = _ref.children;
@@ -28,7 +27,7 @@ var AdaptiveTooltip = function AdaptiveTooltip(_ref) {
       window.removeEventListener('resize', handleResize);
     };
   }, [children]);
-  return _jsx(_Tooltip, {
+  return _jsx(Tooltip, {
     placement: placement,
     title: _jsx("div", {
       onMouseDown: function onMouseDown(e) {

package/es/ProSelect/index.js

@@ -1,14 +1,6 @@
-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";
 import _isNumber from "lodash/isNumber";
 import _omit from "lodash/omit";
 import _isString from "lodash/isString";
@@ -17,6 +9,7 @@ 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';
@@ -25,7 +18,7 @@ import { ProForm } from '..';
 import locale from '../locale';
 import { getSelectList } from './utils';
 import './index.less';
-var Option = _Select.Option;
+var Option = Select.Option;
 export var ProSelect = function ProSelect(props, ref) {
   var _selectProps$showCode, _useRequest$options3, _locale$ProSelect;
   var _ref = useProConfig('ProSelect') || {},
@@ -86,7 +79,7 @@ export var ProSelect = function ProSelect(props, ref) {
       msg = res.message,
       data = res.data;
     if (status !== 200) {
-      _message.error(msg);
+      message.error(msg);
       return;
     }
     setSelectList(data || []);
@@ -101,7 +94,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;
@@ -175,7 +168,7 @@ export var ProSelect = function ProSelect(props, ref) {
   if (defaultDisableValue) {
     return _jsx("span", {
       title: defaultDisableValue,
-      children: _jsx(_Input, {
+      children: _jsx(Input, {
         disabled: true,
         defaultValue: defaultDisableValue,
         style: props === null || props === void 0 ? void 0 : props.style
@@ -217,7 +210,7 @@ export var ProSelect = function ProSelect(props, ref) {
       record.forEach(function (item) {
         arr.push(props.optionRender(item));
       });
-      return _jsx(_Space, {
+      return _jsx(Space, {
         direction: "vertical",
         size: 4,
         children: arr.map(function (item) {
@@ -332,14 +325,11 @@ export var ProSelect = function ProSelect(props, ref) {
   return _jsx("div", {
     style: props.style,
     className: "pro-select",
-    children: _jsx(_Select, _objectSpread(_objectSpread({
+    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,
       allowClear: true,
-      showArrow: true,
       loading: fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading,
       onChange: handleChange,
-      // optionLabelProp={otherProps?.isDiffChange ? 'label' : 'children'} // 解决warning报错，添加默认值
-      // optionLabelProp="label" // 解决warning报错，添加默认值
       showSearch: true,
       filterOption: _isFunction(_onSearch) ? false : function (input, option) {
         var _option$children, _option$children$prop;

package/es/ProSelect/index.less

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

package/es/ProSelect/propsType.d.ts

@@ -10,7 +10,7 @@ export interface DataOptionType {
      * @description 展示标签
      * @default -
      */
-    label?: string;
+    label?: ReactNode;
     /**
      * @description 选项值
      * @default -

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

@@ -1,7 +1,6 @@
-import "antd/es/badge/style";
-import _Badge from "antd/es/badge";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import cn from 'classnames';
+import { Badge } from 'antd';
 import { handleScroll } from '../../utils';
 var AnchorSvg = function AnchorSvg(_ref) {
   var color = _ref.color;
@@ -100,7 +99,7 @@ export var MenuItem = function MenuItem(props) {
       className: "pro-step-checked-status",
       children: [isChecked && _jsx(SuccessSvg, {}), errorNum > 0 && _jsx("div", {
         className: "pro-step-error-dot",
-        children: _jsx(_Badge, {
+        children: _jsx(Badge, {
           count: errorNum
         })
       })]

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

@@ -45,7 +45,8 @@ var ProStepItem = function ProStepItem(_ref) {
   var renderChildren = function renderChildren() {
     if (lazyLoad) {
       var lazyLoadProps = _isBoolean(lazyLoad) ? defaultLazyLoadConfig : lazyLoad;
-      return _jsx(LazyLoad, _objectSpread(_objectSpread({}, lazyLoadProps), {}, {
+      var LazyLoadComponent = LazyLoad;
+      return _jsx(LazyLoadComponent, _objectSpread(_objectSpread({}, lazyLoadProps), {}, {
         classNamePrefix: id,
         children: children
       }));

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

@@ -1,9 +1,10 @@
-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 React from 'react';
 import { forceVisible } from 'react-lazyload';
 import { useStep } from '../../index';
@@ -27,31 +28,31 @@ var Listener = function Listener(_ref) {
     notify = _useStep.notify,
     registerMap = _useStep.registerMap;
   return /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread({}, props), {}, {
-    onClick: _throttle(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    onClick: _throttle(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
       var loadedMap, loaded, values;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
           case 0:
             localStorage.setItem('cache-pro-step', '');
             loadedMap = getLoadedMap(registerMap);
             loaded = areAllModulesLoaded(loadedMap); // 存在lazyload模块时，全局按钮执行全加载
             if (loaded) {
-              _context.next = 7;
+              _context.n = 1;
               break;
             }
             forceVisible();
             // 等待0.2秒，让dom渲染做form校验
-            _context.next = 7;
+            _context.n = 1;
             return new Promise(function (resolve) {
               return setTimeout(resolve, 200);
             });
-          case 7:
-            _context.next = 9;
+          case 1:
+            _context.n = 2;
             return notify === null || notify === void 0 ? void 0 : notify({
               excludes: excludes
             });
-          case 9:
-            values = _context.sent;
+          case 2:
+            values = _context.v;
             setTimeout(function () {
               var localData = localStorage.getItem('cache-pro-step');
               if (localData !== 'false') {
@@ -59,10 +60,7 @@ var Listener = function Listener(_ref) {
                 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);
               }
             }, delayTime !== null && delayTime !== void 0 ? delayTime : 0);
-            return _context.abrupt("return", null);
-          case 12:
-          case "end":
-            return _context.stop();
+            return _context.a(2, null);
         }
       }, _callee);
     })), 1000)

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

@@ -63,6 +63,7 @@ export var Step = function Step(_ref) {
       children: [_jsx(ProIcon, {
         src: catalogSvg,
         className: "pro-step-menu-icon",
+        size: 48,
         actionMap: {}
       }), onOff && _jsx("div", {
         children: locale === null || locale === void 0 ? void 0 : (_locale$ProStep = locale.ProStep) === null || _locale$ProStep === void 0 ? void 0 : _locale$ProStep.catalogue