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

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

@@ -1,24 +1,24 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .back-button-container {
   &.@{ant-prefix}-btn {
     color      : var(--zaui-text);
     font-weight: 400;
-    background : var(--zaui-disabled-bg);
-    border     : none;
+    background : var(--zaui-disabled-bg) !important;
+    border     : none !important;
 
     &:hover {
-      color     : var(--zaui-aide-text);
-      background: var(--zaui-disabled-bg);
-      border    : none;
+      color     : var(--zaui-aide-text) !important;
+      background: var(--zaui-disabled-bg) !important;
+      border    : none !important;
     }
 
     &:active,
     &:focus {
-      color      : var(--zaui-text);
+      color      : var(--zaui-text) !important;
       font-weight: 400;
-      background : var(--zaui-disabled-bg);
+      background : var(--zaui-disabled-bg) !important;
     }
   }
 }

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

@@ -6,27 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/modal/style");
-var _modal = _interopRequireDefault(require("antd/es/modal"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-require("antd/es/breadcrumb/style");
-var _breadcrumb = _interopRequireDefault(require("antd/es/breadcrumb"));
-require("antd/es/divider/style");
-var _divider = _interopRequireDefault(require("antd/es/divider"));
-require("antd/es/tooltip/style");
-var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
 var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
 var _isEmpty2 = _interopRequireDefault(require("lodash/isEmpty"));
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _antd = require("antd");
 var _react = require("react");
 var _utils = require("@zat-design/utils");
 var _classnames2 = _interopRequireDefault(require("classnames"));
-var _moment3 = _interopRequireDefault(require("moment"));
+var _dayjs3 = _interopRequireDefault(require("dayjs"));
 var _ahooks = require("ahooks");
 var _reactSvg = require("react-svg");
 var _arrow = _interopRequireDefault(require("../../../assets/arrow.svg"));
@@ -34,16 +26,12 @@ var _components = require("./components");
 var _getEnumLabel = _interopRequireDefault(require("../../../ProEnum/utils/getEnumLabel"));
 var _locale = _interopRequireDefault(require("../../../locale"));
 var _utils2 = require("./utils");
+var _excluded = ["width"];
 /* eslint-disable react/no-array-index-key */
-
 var formatAmount = _utils.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,
@@ -56,7 +44,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,
@@ -79,9 +67,9 @@ var ProHeader = function ProHeader(props) {
   var size = (0, _ahooks.useSize)(ref);
   var _title = title;
   // 面包屑配置数据源
-  var _breadcrumbColumns = breadcrumbColumns || breadcrumbList;
+  var _breadcrumbColumns = breadcrumbColumns || [];
   // 次级配置数据源
-  var _subDescribeColumns = subDescribeColumns || describeList;
+  var _subDescribeColumns = subDescribeColumns || [];
   (0, _react.useEffect)(function () {
     if (bodyOverFlowHidden) {
       var bodyElement = document.querySelector('body');
@@ -130,7 +118,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 (0, _jsxRuntime.jsx)(_space.default, {
+            return (0, _jsxRuntime.jsx)(_antd.Space, {
               size: 4,
               children: parmas.tag.map(function (tagItem, index) {
                 return (0, _jsxRuntime.jsx)("div", {
@@ -147,7 +135,7 @@ var ProHeader = function ProHeader(props) {
         };
         /** 单行渲染 */
         var valueRender = function valueRender(parmas) {
-          return (0, _jsxRuntime.jsxs)(_space.default, {
+          return (0, _jsxRuntime.jsxs)(_antd.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) ? (0, _jsxRuntime.jsx)("a", {
@@ -190,9 +178,11 @@ var ProHeader = function ProHeader(props) {
                 }, index);
               })
             });
-            return (0, _jsxRuntime.jsx)(_tooltip.default, {
+            return (0, _jsxRuntime.jsx)(_antd.Tooltip, {
               placement: "bottomLeft",
-              overlayClassName: "pro-header-describe-items-tip",
+              classNames: {
+                root: 'pro-header-describe-items-tip'
+              },
               title: tipResult,
               children: result
             });
@@ -208,7 +198,7 @@ var ProHeader = function ProHeader(props) {
           style: {
             width: width
           },
-          children: (0, _jsxRuntime.jsxs)(_space.default, {
+          children: (0, _jsxRuntime.jsxs)(_antd.Space, {
             size: 4,
             children: [label ? (0, _jsxRuntime.jsx)("span", {
               className: "pro-header-describe-label",
@@ -233,7 +223,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,
@@ -264,11 +254,11 @@ var ProHeader = function ProHeader(props) {
         break;
       case 'date':
         // 年月日
-        result = value ? (_moment = (0, _moment3.default)(value)) === null || _moment === void 0 ? void 0 : _moment.format('YYYY-MM-DD') : '-';
+        result = value ? (_dayjs = (0, _dayjs3.default)(value)) === null || _dayjs === void 0 ? void 0 : _dayjs.format('YYYY-MM-DD') : '-';
         break;
       case 'dateTime':
         // 年月日 时分秒
-        result = value ? (_moment2 = (0, _moment3.default)(value)) === null || _moment2 === void 0 ? void 0 : _moment2.format('YYYY-MM-DD HH:mm:ss') : '-';
+        result = value ? (_dayjs2 = (0, _dayjs3.default)(value)) === null || _dayjs2 === void 0 ? void 0 : _dayjs2.format('YYYY-MM-DD HH:mm:ss') : '-';
         break;
       default:
         result = String(value).includes('undefined') || !value ? '-' : value;
@@ -288,8 +278,8 @@ var ProHeader = function ProHeader(props) {
    */
   var actionsRender = function actionsRender() {
     if (Array.isArray(actionRender) && actionRender.length) {
-      return (0, _jsxRuntime.jsx)(_space.default, {
-        split: (0, _jsxRuntime.jsx)(_divider.default, {
+      return (0, _jsxRuntime.jsx)(_antd.Space, {
+        split: (0, _jsxRuntime.jsx)(_antd.Divider, {
           type: "vertical"
         }),
         children: actionRender.map(function (item, index) {
@@ -316,7 +306,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';
@@ -329,7 +319,7 @@ var ProHeader = function ProHeader(props) {
         tag = item.tag;
       var tagRender = function tagRender() {
         if (Array.isArray(tag) && tag.length) {
-          return (0, _jsxRuntime.jsx)(_space.default, {
+          return (0, _jsxRuntime.jsx)(_antd.Space, {
             size: 8,
             children: tag.map(function (tagItem, index) {
               return (0, _jsxRuntime.jsx)("div", {
@@ -346,19 +336,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 (0, _jsxRuntime.jsx)(_breadcrumb.default.Item, {
-        children: (0, _jsxRuntime.jsxs)(_space.default, {
+      return {
+        key: index,
+        title: (0, _jsxRuntime.jsxs)(_antd.Space, {
           size: 4,
           children: [value, " ", tagRender()]
         })
-      }, index);
-    });
+      };
+    }).filter(Boolean); // 过滤掉null值
   };
   /**
    * 头部左侧导航栏后业务信息
@@ -408,7 +399,7 @@ var ProHeader = function ProHeader(props) {
             style: {
               width: width
             },
-            children: (0, _jsxRuntime.jsxs)(_space.default, {
+            children: (0, _jsxRuntime.jsxs)(_antd.Space, {
               size: 4,
               children: [val, " ", tag ? (0, _jsxRuntime.jsx)("div", {
                 className: "pro-header-tag",
@@ -418,7 +409,7 @@ var ProHeader = function ProHeader(props) {
           });
           if (type === 'copy') {
             return valRender = (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-              children: [width ? (0, _jsxRuntime.jsx)(_tooltip.default, {
+              children: [width ? (0, _jsxRuntime.jsx)(_antd.Tooltip, {
                 title: val,
                 children: valRender
               }) : valRender, (0, _jsxRuntime.jsx)(_components.Copy, {
@@ -427,7 +418,7 @@ var ProHeader = function ProHeader(props) {
             });
           }
           if (width) {
-            return (0, _jsxRuntime.jsx)(_tooltip.default, {
+            return (0, _jsxRuntime.jsx)(_antd.Tooltip, {
               title: val,
               children: valRender
             });
@@ -471,14 +462,20 @@ var ProHeader = function ProHeader(props) {
       }
       return false;
     }
-    _modal.default.confirm((0, _objectSpread2.default)({
+    // 处理 Modal.confirm 的 width 类型兼容性问题
+    var _ref = isConfirmBackModalProps || {},
+      width = _ref.width,
+      restModalProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    _antd.Modal.confirm((0, _objectSpread2.default)((0, _objectSpread2.default)({
       title: "".concat(_locale.default.ProHeader.confirmTitle),
       okText: "".concat(_locale.default.ProHeader.confirm),
       cancelText: "".concat(_locale.default.ProHeader.cancel),
       onOk: function onOk() {
         onBack && onBack();
       }
-    }, isConfirmBackModalProps));
+    }, width && (typeof width === 'string' || typeof width === 'number') ? {
+      width: width
+    } : {}), restModalProps));
   };
   return (0, _jsxRuntime.jsx)("div", {
     className: cls,
@@ -497,13 +494,13 @@ var ProHeader = function ProHeader(props) {
             'pro-header-left': true,
             'pro-header-left-space': !backState
           }),
-          children: (0, _jsxRuntime.jsxs)(_space.default, {
+          children: (0, _jsxRuntime.jsxs)(_antd.Space, {
             size: backState ? 4 : 0,
             children: [backState ? (0, _jsxRuntime.jsx)(_components.ProBackBtn, {
               onBack: onConfirm
-            }) : null, (0, _jsxRuntime.jsx)(_breadcrumb.default, {
+            }) : null, (0, _jsxRuntime.jsx)(_antd.Breadcrumb, {
               separator: ">",
-              children: breadcrumbRender()
+              items: breadcrumbRender()
             }), infoRender()]
           })
         }), (0, _jsxRuntime.jsx)("div", {

package/lib/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/lib/ProLayout/index.js

@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.LayoutContext = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-require("antd/es/message/style");
-var _message2 = _interopRequireDefault(require("antd/es/message"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _antd = require("antd");
 var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _ahooks = require("ahooks");
@@ -25,7 +24,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,
@@ -60,7 +60,7 @@ var ProLayout = function ProLayout(props) {
   }, [props.collapsed]);
   (0, _ahooks.useDeepCompareEffect)(function () {
     if (Array.isArray(dataSource) && !dataSource.length) {
-      return _message2.default.warning('Warning: Missing menu data source, or menu data source is not an array');
+      return _antd.message.warning('Warning: Missing menu data source, or menu data source is not an array');
     }
     var userData = (0, _utils.transformMenus)(dataSource, pathPrefix);
     // 确保 menus 始终是一个数组
@@ -81,8 +81,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 = (0, _jsxRuntime.jsxs)("div", {
@@ -139,6 +139,7 @@ ProLayout.defaultProps = {
   headerHeight: 48,
   contentStyle: {}
 };
+// 下一版本会移除
 ProLayout.ProCollapse = _components.ProCollapse;
 ProLayout.ProFooter = _components.ProFooter;
 ProLayout.ProHeader = _components.ProHeader;

package/lib/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/lib/ProSelect/components/AdaptiveTooltip.js

@@ -5,10 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/tooltip/style");
-var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _antd = require("antd");
 var _react = require("react");
 var AdaptiveTooltip = function AdaptiveTooltip(_ref) {
   var children = _ref.children;
@@ -35,7 +34,7 @@ var AdaptiveTooltip = function AdaptiveTooltip(_ref) {
       window.removeEventListener('resize', handleResize);
     };
   }, [children]);
-  return (0, _jsxRuntime.jsx)(_tooltip.default, {
+  return (0, _jsxRuntime.jsx)(_antd.Tooltip, {
     placement: placement,
     title: (0, _jsxRuntime.jsx)("div", {
       onMouseDown: function onMouseDown(e) {

package/lib/ProSelect/index.js

@@ -6,17 +6,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ProSelect = void 0;
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
-require("antd/es/input/style");
-var _input = _interopRequireDefault(require("antd/es/input"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/message/style");
-var _message2 = _interopRequireDefault(require("antd/es/message"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-require("antd/es/select/style");
-var _select = _interopRequireDefault(require("antd/es/select"));
 var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
@@ -24,6 +16,7 @@ var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _ahooks = require("ahooks");
+var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _ProConfigProvider = require("../ProConfigProvider");
 var _Container = _interopRequireDefault(require("../ProForm/components/Container"));
@@ -33,7 +26,7 @@ var _locale = _interopRequireDefault(require("../locale"));
 var _utils = require("./utils");
 require("./index.less");
 var _excluded = ["dataSource", "defaultDisableValue", "useRequest", "fieldNames", "tooltip", "otherProps", "labelInValue", "filterInList", "scrollFollowParent", "defaultOne", "onSearch", "optionRender", "onChange", "updateDataSource", "transformResponse", "getValueProps", "isView"];
-var Option = _select.default.Option;
+var Option = _antd.Select.Option;
 var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
   var _selectProps$showCode, _useRequest$options3, _locale$ProSelect;
   var _ref = (0, _ProConfigProvider.useProConfig)('ProSelect') || {},
@@ -94,7 +87,7 @@ var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
       msg = res.message,
       data = res.data;
     if (status !== 200) {
-      _message2.default.error(msg);
+      _antd.message.error(msg);
       return;
     }
     setSelectList(data || []);
@@ -109,7 +102,7 @@ var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
       msg = _ref3.message,
       data = _ref3.data;
     if (status !== 200) {
-      _message2.default.error(msg);
+      _antd.message.error(msg);
       return;
     }
     return data;
@@ -183,7 +176,7 @@ var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
   if (defaultDisableValue) {
     return (0, _jsxRuntime.jsx)("span", {
       title: defaultDisableValue,
-      children: (0, _jsxRuntime.jsx)(_input.default, {
+      children: (0, _jsxRuntime.jsx)(_antd.Input, {
         disabled: true,
         defaultValue: defaultDisableValue,
         style: props === null || props === void 0 ? void 0 : props.style
@@ -225,7 +218,7 @@ var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
       record.forEach(function (item) {
         arr.push(props.optionRender(item));
       });
-      return (0, _jsxRuntime.jsx)(_space.default, {
+      return (0, _jsxRuntime.jsx)(_antd.Space, {
         direction: "vertical",
         size: 4,
         children: arr.map(function (item) {
@@ -340,14 +333,11 @@ var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
   return (0, _jsxRuntime.jsx)("div", {
     style: props.style,
     className: "pro-select",
-    children: (0, _jsxRuntime.jsx)(_select.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    children: (0, _jsxRuntime.jsx)(_antd.Select, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       placeholder: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProSelect = _locale.default.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: (0, _isFunction2.default)(_onSearch) ? false : function (input, option) {
         var _option$children, _option$children$prop;

package/lib/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/lib/ProSelect/propsType.d.ts

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

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

@@ -5,10 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MenuItem = void 0;
-require("antd/es/badge/style");
-var _badge = _interopRequireDefault(require("antd/es/badge"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _antd = require("antd");
 var _utils = require("../../utils");
 var AnchorSvg = function AnchorSvg(_ref) {
   var color = _ref.color;
@@ -107,7 +106,7 @@ var MenuItem = exports.MenuItem = function MenuItem(props) {
       className: "pro-step-checked-status",
       children: [isChecked && (0, _jsxRuntime.jsx)(SuccessSvg, {}), errorNum > 0 && (0, _jsxRuntime.jsx)("div", {
         className: "pro-step-error-dot",
-        children: (0, _jsxRuntime.jsx)(_badge.default, {
+        children: (0, _jsxRuntime.jsx)(_antd.Badge, {
           count: errorNum
         })
       })]

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

@@ -53,7 +53,8 @@ var ProStepItem = function ProStepItem(_ref) {
   var renderChildren = function renderChildren() {
     if (lazyLoad) {
       var lazyLoadProps = (0, _isBoolean2.default)(lazyLoad) ? defaultLazyLoadConfig : lazyLoad;
-      return (0, _jsxRuntime.jsx)(_reactLazyload.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, lazyLoadProps), {}, {
+      var LazyLoadComponent = _reactLazyload.default;
+      return (0, _jsxRuntime.jsx)(LazyLoadComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, lazyLoadProps), {}, {
         classNamePrefix: id,
         children: children
       }));

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -15,6 +14,8 @@ var _reactLazyload = require("react-lazyload");
 var _index = require("../../index");
 var _utils = require("../../utils");
 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); }
 /**
  * 检查所有模块是否已加载完成
  * @param data 模块加载数据
@@ -34,31 +35,31 @@ var Listener = function Listener(_ref) {
     notify = _useStep.notify,
     registerMap = _useStep.registerMap;
   return /*#__PURE__*/_react.default.cloneElement(children, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-    onClick: (0, _throttle2.default)(/*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+    onClick: (0, _throttle2.default)(/*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator().m(function _callee() {
       var loadedMap, loaded, values;
-      return (0, _regeneratorRuntime2.default)().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 = (0, _utils.getLoadedMap)(registerMap);
             loaded = areAllModulesLoaded(loadedMap); // 存在lazyload模块时，全局按钮执行全加载
             if (loaded) {
-              _context.next = 7;
+              _context.n = 1;
               break;
             }
             (0, _reactLazyload.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') {
@@ -66,10 +67,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/lib/ProStep/components/Step/index.js

@@ -71,6 +71,7 @@ var Step = exports.Step = function Step(_ref) {
       children: [(0, _jsxRuntime.jsx)(_index.default, {
         src: _catalog.default,
         className: "pro-step-menu-icon",
+        size: 48,
         actionMap: {}
       }), onOff && (0, _jsxRuntime.jsx)("div", {
         children: _locale.default === null || _locale.default === void 0 ? void 0 : (_locale$ProStep = _locale.default.ProStep) === null || _locale$ProStep === void 0 ? void 0 : _locale$ProStep.catalogue