@zat-design/sisyphus-react 3.0.16-beta.2 → 3.1.4

package/lib/ProSelect/index.js

@@ -9,16 +9,19 @@ exports.default = exports.ProSelect = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _ahooks = require("ahooks");
 var _antd = require("antd");
 var _react = _interopRequireWildcard(require("react"));
 var _lodash = require("lodash");
-var _zatDesignProComponent = require("zat-design-pro-component");
+var _ProConfigProvider = require("../ProConfigProvider");
 var _Container = _interopRequireDefault(require("../ProForm/components/Container"));
-var _excluded = ["dataSource", "defaultDisableValue", "optionRender", "onChange", "useRequest", "updateDataSource", "transformResponse", "fieldNames", "tooltip", "onSearch", "otherProps", "labelInValue"];
+require("./index.less");
+var _AdaptiveTooltip = _interopRequireDefault(require("./components/AdaptiveTooltip"));
+var _excluded = ["dataSource", "defaultDisableValue", "useRequest", "fieldNames", "tooltip", "otherProps", "labelInValue", "scrollFollowParent", "defaultOne", "onSearch", "optionRender", "onChange", "updateDataSource", "transformResponse"];
 var Option = _antd.Select.Option;
-var ProSelect = function ProSelect(props, ref) {
-  var _ref = (0, _zatDesignProComponent.useProConfig)('ProSelect') || {},
+var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
+  var _ref = (0, _ProConfigProvider.useProConfig)('ProSelect') || {},
     _ref$fieldNames = _ref.fieldNames,
     proSelectFieldNames = _ref$fieldNames === void 0 ? {} : _ref$fieldNames;
   var label = 'label';
@@ -30,17 +33,20 @@ var ProSelect = function ProSelect(props, ref) {
   var _props$dataSource = props.dataSource,
     dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
     defaultDisableValue = props.defaultDisableValue,
-    optionRender = props.optionRender,
-    onChange = props.onChange,
     useRequest = props.useRequest,
-    updateDataSource = props.updateDataSource,
-    transformResponse = props.transformResponse,
     fieldNames = props.fieldNames,
     _props$tooltip = props.tooltip,
     tooltip = _props$tooltip === void 0 ? false : _props$tooltip,
-    _onSearch = props.onSearch,
     otherProps = props.otherProps,
     labelInValue = props.labelInValue,
+    _props$scrollFollowPa = props.scrollFollowParent,
+    scrollFollowParent = _props$scrollFollowPa === void 0 ? true : _props$scrollFollowPa,
+    defaultOne = props.defaultOne,
+    _onSearch = props.onSearch,
+    optionRender = props.optionRender,
+    onChange = props.onChange,
+    updateDataSource = props.updateDataSource,
+    transformResponse = props.transformResponse,
     selectProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var value = props.value;
   var _ref2 = otherProps || {},
@@ -54,6 +60,11 @@ var ProSelect = function ProSelect(props, ref) {
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     selectList = _useState2[0],
     setSelectList = _useState2[1];
+  // 用来控制只有第一次才会设置 defaultOne 属性、🔒
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isDefaultOne = _useState4[0],
+    setIsDefaultOne = _useState4[1];
   var OptionRender = optionRender;
   var defaultOnSuccessFun = function defaultOnSuccessFun(res) {
     var _res$status = res.status,
@@ -118,13 +129,14 @@ var ProSelect = function ProSelect(props, ref) {
   }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options, defaultDisableValue]);
   // disable默认值
   if (defaultDisableValue) {
-    return /*#__PURE__*/_react.default.createElement("span", {
-      title: defaultDisableValue
-    }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
-      disabled: true,
-      defaultValue: defaultDisableValue,
-      style: props === null || props === void 0 ? void 0 : props.style
-    }));
+    return (0, _jsxRuntime.jsx)("span", {
+      title: defaultDisableValue,
+      children: (0, _jsxRuntime.jsx)(_antd.Input, {
+        disabled: true,
+        defaultValue: defaultDisableValue,
+        style: props === null || props === void 0 ? void 0 : props.style
+      })
+    });
   }
   var transToLabel = function transToLabel(value) {
     if (!Array.isArray(selectList) || !selectList.length) {
@@ -137,7 +149,10 @@ var ProSelect = function ProSelect(props, ref) {
         }
         return item[code] === v;
       });
-      return selectProps.showCodeName ? "".concat(option[code], "-").concat(option[label]) : option === null || option === void 0 ? void 0 : option[label];
+      if (option) {
+        return selectProps.showCodeName ? "".concat(option[code], "-").concat(option[label]) : option === null || option === void 0 ? void 0 : option[label];
+      }
+      return '-';
     });
     var record = value.map(function (v) {
       return selectList.find(function (item) {
@@ -158,38 +173,36 @@ var ProSelect = function ProSelect(props, ref) {
       record.forEach(function (item) {
         arr.push(props.optionRender(item));
       });
-      return /*#__PURE__*/_react.default.createElement(_antd.Space, {
+      return (0, _jsxRuntime.jsx)(_antd.Space, {
         direction: "vertical",
-        size: 4
-      }, arr.map(function (item) {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-          key: item
-        }, item);
-      }));
+        size: 4,
+        children: arr.map(function (item) {
+          return (0, _jsxRuntime.jsx)(_react.default.Fragment, {
+            children: item
+          }, item);
+        })
+      });
     };
     return (0, _lodash.isFunction)(props.optionRender) && record.length ? _optionRender() : labelList === null || labelList === void 0 ? void 0 : labelList.join('，');
   };
   if (isView || props.isView) {
     if (Array.isArray(value)) {
-      return /*#__PURE__*/_react.default.createElement(_Container.default, {
+      return (0, _jsxRuntime.jsx)(_Container.default, {
         tooltip: true,
-        viewEmpty: viewEmpty
-      }, transToLabel(value));
+        viewEmpty: viewEmpty,
+        children: transToLabel(value)
+      });
     }
-    return /*#__PURE__*/_react.default.createElement(_Container.default, {
-      viewEmpty: viewEmpty
-    }, value ? transToLabel([value]) : null);
+    return (0, _jsxRuntime.jsx)(_Container.default, {
+      viewEmpty: viewEmpty,
+      children: value ? transToLabel([value]) : null
+    });
   }
   var TooltipOption = function TooltipOption(props) {
     if (tooltip) {
-      return /*#__PURE__*/_react.default.createElement(_antd.Tooltip, {
-        placement: "topLeft",
-        title: /*#__PURE__*/_react.default.createElement("div", {
-          onMouseDown: function onMouseDown(e) {
-            return e.stopPropagation();
-          }
-        }, props.title)
-      }, props.children);
+      return (0, _jsxRuntime.jsx)(_AdaptiveTooltip.default, {
+        children: props.children
+      });
     }
     return props.children;
   };
@@ -203,14 +216,14 @@ var ProSelect = function ProSelect(props, ref) {
         });
       }
       if (labelInValue) {
-        onChange && onChange(getValueObject(value), option);
+        onChange === null || onChange === void 0 ? void 0 : onChange(getValueObject(value), option);
       } else {
-        onChange && onChange(value, option);
+        onChange === null || onChange === void 0 ? void 0 : onChange(value, option);
       }
     } else if (!selectProps.mode && labelInValue) {
       onChange(getValueObject(value), option);
     } else {
-      onChange && onChange(value, option === null || option === void 0 ? void 0 : option.record);
+      onChange === null || onChange === void 0 ? void 0 : onChange(value, option === null || option === void 0 ? void 0 : option.record);
     }
   };
   /**
@@ -220,7 +233,6 @@ var ProSelect = function ProSelect(props, ref) {
   var transformValue = function transformValue() {
     if (labelInValue && !selectProps.mode) {
       if (!(0, _lodash.isObject)(value)) {
-        console.warn('labelInValue 模式下的值必须为对象');
         return undefined;
       }
       return value === null || value === void 0 ? void 0 : value[code];
@@ -238,12 +250,22 @@ var ProSelect = function ProSelect(props, ref) {
     if (selectProps.mode && value === null) {
       return undefined;
     }
+    if (defaultOne && !value && !isDefaultOne) {
+      var option = selectList === null || selectList === void 0 ? void 0 : selectList[0];
+      // selectList 可能是异步回来的值
+      if (option) {
+        setIsDefaultOne(true);
+        onChange === null || onChange === void 0 ? void 0 : onChange(option === null || option === void 0 ? void 0 : option[code], option);
+        return option === null || option === void 0 ? void 0 : option[code];
+      }
+    }
     return value;
   };
-  return /*#__PURE__*/_react.default.createElement(_antd.Select, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+  return (0, _jsxRuntime.jsx)(_antd.Select, (0, _objectSpread2.default)((0, _objectSpread2.default)({
     placeholder: "\u8BF7\u9009\u62E9",
     allowClear: true,
     showArrow: true,
+    loading: fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading,
     onChange: handleChange,
     optionLabelProp: "children" // 解决warning报错，添加默认值
     ,
@@ -255,25 +277,29 @@ var ProSelect = function ProSelect(props, ref) {
     },
     onSearch: function onSearch(value) {
       _onSearch && _onSearch(value, (0, _objectSpread2.default)({}, fetchFunction));
+    },
+    getPopupContainer: function getPopupContainer(trigger) {
+      return scrollFollowParent ? trigger.parentElement : document.body;
     }
-  }, (0, _lodash.omit)((0, _lodash.cloneDeep)(selectProps), ['isView', 'showCodeName'])), {}, {
-    value: transformValue()
-  }), Array.isArray(selectList) && selectList.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement(Option, {
-      key: item[code],
-      value: item[code],
-      record: item,
-      disabled: !!item.disabled
-    }, /*#__PURE__*/_react.default.createElement(TooltipOption, {
-      title: OptionRender ? OptionRender(item) : selectProps.showCodeName ? "".concat(item[code], "-").concat(item[label]) : item[label],
-      key: item[code]
-    }, OptionRender ? /*#__PURE__*/_react.default.createElement("span", {
-      title: OptionRender(item)
-    }, OptionRender(item)) : /*#__PURE__*/_react.default.createElement("span", {
-      title: "".concat(item[code], "-").concat(item[label])
-    }, selectProps.showCodeName ? "".concat(item[code], "-").concat(item[label]) : item[label])));
+  }, (0, _lodash.omit)((0, _lodash.cloneDeep)(selectProps), ['isView', 'showCodeName', 'form', 'name'])), {}, {
+    value: transformValue(),
+    children: Array.isArray(selectList) && selectList.map(function (item) {
+      return (0, _jsxRuntime.jsx)(Option, {
+        value: item[code],
+        record: item,
+        disabled: !!item.disabled,
+        children: (0, _jsxRuntime.jsx)(TooltipOption, {
+          title: OptionRender ? OptionRender(item) : selectProps.showCodeName ? "".concat(item[code], "-").concat(item[label]) : item[label],
+          children: OptionRender ? (0, _jsxRuntime.jsx)("span", {
+            title: OptionRender(item),
+            children: OptionRender(item)
+          }) : (0, _jsxRuntime.jsx)("span", {
+            title: "".concat(item[code], "-").concat(item[label]),
+            children: selectProps.showCodeName ? "".concat(item[code], "-").concat(item[label]) : item[label]
+          })
+        }, item[code])
+      }, item[code]);
+    })
   }));
 };
-exports.ProSelect = ProSelect;
-var _default = /*#__PURE__*/(0, _react.forwardRef)(ProSelect);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(ProSelect);

package/lib/ProSelect/index.less

@@ -0,0 +1,8 @@
+.pro-select-ellipse {
+  display: block;
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  word-break: keep-all;
+}

package/lib/ProSelect/propsType.d.ts

@@ -10,28 +10,38 @@ export interface DataOption {
 export interface PropSelectProps extends Omit<SelectProps, 'onSearch'> {
     /** 是否查看模式 */
     isView?: boolean;
+    /** 默认数组第一项 */
+    defaultOne?: boolean;
     /** 数据源 */
     dataSource?: DataOption[];
-    /** 兼容 2.0 版本、3.0 使用view 模式 */
+    /** @deprecated  兼容 2.0 版本、3.0 使用view 模式 */
     defaultDisableValue?: string;
-    /** 兼容 2.0 版本、3.0 使用 transformResponse */
-    updateDataSource?: (data: any, setSelectList: any) => void;
-    /** 格式化数据 */
-    transformResponse?: (data: any) => DataOption[];
     /** 是否展示 tooltip、当 label 特别长的时候使用 */
     tooltip?: boolean;
     /** 是否展示 code-label 形式 */
     showCodeName?: boolean;
     /** 集成表单 form 的属性 */
     otherProps?: ProFormOtherProps;
-    onSearch?: (value: string, useRequest: Result<any, any>) => void;
-    /** 自定义展示 */
-    optionRender?: (value: DataOption) => string | ReactNode;
+    /** 下拉框滚动是否跟随父级 */
+    scrollFollowParent?: boolean;
     /** 远程请求接口 */
     useRequest?: {
-        service: Service<any, any>;
+        service?: Service<any, any>;
         options?: Options<any, any>;
     };
+    /**
+     * @deprecated 兼容 2.0 版本、3.0 使用 transformResponse
+     * @param data
+     * @param setSelectList
+     * @returns
+     */
+    updateDataSource?: (data: any, setSelectList: any) => void;
+    /** 格式化数据 */
+    transformResponse?: (data: any) => DataOption[];
+    /** 点击搜索执行 */
+    onSearch?: (value: string, useRequest: Result<any, any>) => void;
+    /** 自定义展示 */
+    optionRender?: (value: DataOption) => string | ReactNode;
 }
 export interface ProSelectAction {
     /** 实例方法、根据 code ｜ code[] 批量获取数据 */

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

@@ -1,3 +1,2 @@
-import React from 'react';
-export declare const MenuItem: (props: any) => React.JSX.Element;
+export declare const MenuItem: (props: any) => JSX.Element;
 export default MenuItem;

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

@@ -5,34 +5,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MenuItem = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("../../utils");
 var AnchorSvg = function AnchorSvg(_ref) {
   var color = _ref.color;
-  return /*#__PURE__*/_react.default.createElement("svg", {
+  return (0, _jsxRuntime.jsxs)("svg", {
     viewBox: "0 0 1097 1024",
     width: "18",
     height: "18",
     style: {
       fill: color
-    }
-  }, /*#__PURE__*/_react.default.createElement("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"
-  }), /*#__PURE__*/_react.default.createElement("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"
-  }));
+    },
+    children: [(0, _jsxRuntime.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"
+    }), (0, _jsxRuntime.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 /*#__PURE__*/_react.default.createElement("svg", {
+  return (0, _jsxRuntime.jsx)("svg", {
     viewBox: "0 0 1408 1024",
     width: "18",
-    height: "18"
-  }, /*#__PURE__*/_react.default.createElement("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"
-  }));
+    height: "18",
+    children: (0, _jsxRuntime.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"
+    })
+  });
 };
-var MenuItem = function MenuItem(props) {
+var MenuItem = exports.MenuItem = function MenuItem(props) {
   var name = props.name,
     code = props.code,
     onOff = props.onOff,
@@ -46,34 +48,35 @@ var MenuItem = function MenuItem(props) {
     targetOffset = props.targetOffset;
   var renderMenuIcon = function renderMenuIcon() {
     if (isCurrentStep) {
-      return /*#__PURE__*/_react.default.createElement("span", {
+      return (0, _jsxRuntime.jsx)("span", {
         className: (0, _classnames.default)('dot-icon', {
           errored: !!errorNum,
           disabled: isDisabled
-        })
-      }, currentNum);
+        }),
+        children: currentNum
+      });
     }
     var color;
     !!errorNum && (color = '#ff5050');
     isDisabled && (color = '#939599');
     if (isStart) {
-      return /*#__PURE__*/_react.default.createElement(AnchorSvg, {
+      return (0, _jsxRuntime.jsx)(AnchorSvg, {
         color: color
       });
     }
     if (isEnd) {
-      return /*#__PURE__*/_react.default.createElement(AnchorSvg, {
+      return (0, _jsxRuntime.jsx)(AnchorSvg, {
         color: isDisabled ? '#939599' : undefined
       });
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return (0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames.default)('dot', {
         errored: !!errorNum,
         disabled: isDisabled
       })
     });
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames.default)('com-menu-item', {
       errored: !!errorNum,
       disabled: isDisabled,
@@ -83,21 +86,27 @@ var MenuItem = function MenuItem(props) {
       (0, _utils.handleScroll)(code, {
         targetOffset: targetOffset
       });
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "menu-item"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "menu-icon"
-  }, renderMenuIcon()), onOff && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('menu-name', {
-      disabled: isDisabled
-    })
-  }, name)), !isDisabled && onOff && /*#__PURE__*/_react.default.createElement("div", {
-    className: "checked-status"
-  }, isChecked && /*#__PURE__*/_react.default.createElement(SuccessSvg, null), errorNum > 0 && /*#__PURE__*/_react.default.createElement("div", {
-    className: "errorDot"
-  }, /*#__PURE__*/_react.default.createElement("span", null, errorNum <= 3 ? errorNum : '!'))));
+    },
+    children: [(0, _jsxRuntime.jsxs)("div", {
+      className: "menu-item",
+      children: [(0, _jsxRuntime.jsx)("div", {
+        className: "menu-icon",
+        children: renderMenuIcon()
+      }), onOff && (0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames.default)('menu-name', {
+          disabled: isDisabled
+        }),
+        children: name
+      })]
+    }), !isDisabled && onOff && (0, _jsxRuntime.jsxs)("div", {
+      className: "checked-status",
+      children: [isChecked && (0, _jsxRuntime.jsx)(SuccessSvg, {}), errorNum > 0 && (0, _jsxRuntime.jsx)("div", {
+        className: "errorDot",
+        children: (0, _jsxRuntime.jsx)("span", {
+          children: errorNum <= 3 ? errorNum : '!'
+        })
+      })]
+    })]
+  });
 };
-exports.MenuItem = MenuItem;
-var _default = MenuItem;
-exports.default = _default;
+var _default = exports.default = MenuItem;

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

@@ -1,7 +1,3 @@
-import React from 'react';
-declare const _default: ({ id, children, ...restProps }: {
-    [x: string]: any;
-    id: any;
-    children: any;
-}) => React.JSX.Element;
+import { ProStepItem } from '../../propsType';
+declare const _default: ({ id, title, collapse: collapseItem, children, ...restProps }: ProStepItem) => JSX.Element;
 export default _default;

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

@@ -7,20 +7,35 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _index = require("../../index");
-var _excluded = ["id", "children"];
-var _default = function _default(_ref) {
+var _ProCollapse = _interopRequireDefault(require("../../../ProLayout/components/ProCollapse"));
+var _excluded = ["id", "title", "collapse", "children"];
+var _default = exports.default = function _default(_ref) {
   var id = _ref.id,
+    title = _ref.title,
+    _ref$collapse = _ref.collapse,
+    collapseItem = _ref$collapse === void 0 ? true : _ref$collapse,
     children = _ref.children,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useStep = (0, _index.useStep)(),
-    register = _useStep.register;
-  register((0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
+    register = _useStep.register,
+    collapse = _useStep.collapse;
+  register === null || register === void 0 ? void 0 : register((0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
+    title: title,
     id: id
   }));
-  return /*#__PURE__*/_react.default.createElement("div", {
-    id: id
-  }, children);
-};
-exports.default = _default;
+  return (0, _jsxRuntime.jsx)("div", {
+    className: "pro-step-item",
+    id: id,
+    children: !register || collapse && collapseItem && title ? (0, _jsxRuntime.jsx)(_ProCollapse.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      id: id,
+      title: title
+    }, restProps), {}, {
+      children: children
+    })) : (0, _jsxRuntime.jsx)("div", {
+      id: id,
+      children: children
+    })
+  });
+};

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

@@ -10,7 +10,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _lodash = require("lodash");
 var _react = _interopRequireDefault(require("react"));
 var _index = require("../../index");
-var _default = function _default(_ref) {
+var _default = exports.default = function _default(_ref) {
   var children = _ref.children;
   var _useStep = (0, _index.useStep)(),
     notify = _useStep.notify;
@@ -39,5 +39,4 @@ var _default = function _default(_ref) {
       }, _callee);
     })), 3000)
   });
-};
-exports.default = _default;
+};

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

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

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

@@ -8,12 +8,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Step = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _react = _interopRequireWildcard(require("react"));
 var _lodash = require("lodash");
 var _reactSvg = require("react-svg");
 var _catalog = _interopRequireDefault(require("../../../assets/catalog.svg"));
 var _Anchor = _interopRequireDefault(require("../Anchor"));
-var Step = function Step(_ref) {
+var Step = exports.Step = function Step(_ref) {
   var fixedTop = _ref.fixedTop,
     _ref$dataSource = _ref.dataSource,
     dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
@@ -54,27 +55,29 @@ var Step = function Step(_ref) {
   var handleMouseLeave = function handleMouseLeave() {
     setOnOff(false);
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _jsxRuntime.jsxs)("div", {
     className: "pro-step ".concat(onOff ? 'open' : 'closed'),
     style: (0, _objectSpread2.default)({
       top: fixedTop !== null && fixedTop !== void 0 ? fixedTop : 0,
       maxHeight: "calc(100vh - ".concat(fixedTop, "px)")
     }, style),
     onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "step-menu"
-  }, /*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, {
-    className: "menu-icon",
-    src: _catalog.default
-  }), onOff && /*#__PURE__*/_react.default.createElement("div", null, "\u76EE\u5F55")), options.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-      key: item.code
-    }, /*#__PURE__*/_react.default.createElement(_Anchor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-      onOff: onOff
-    })));
-  }));
+    onMouseLeave: handleMouseLeave,
+    children: [(0, _jsxRuntime.jsxs)("div", {
+      className: "step-menu",
+      children: [(0, _jsxRuntime.jsx)(_reactSvg.ReactSVG, {
+        className: "menu-icon",
+        src: _catalog.default
+      }), onOff && (0, _jsxRuntime.jsx)("div", {
+        children: "\u76EE\u5F55"
+      })]
+    }), options.map(function (item) {
+      return (0, _jsxRuntime.jsx)(_react.default.Fragment, {
+        children: (0, _jsxRuntime.jsx)(_Anchor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+          onOff: onOff
+        }))
+      }, item.code);
+    })]
+  });
 };
-exports.Step = Step;
-var _default = Step;
-exports.default = _default;
+var _default = exports.default = Step;

package/lib/ProStep/index.d.ts

@@ -1,17 +1,13 @@
-import React from 'react';
+/// <reference types="react" />
 import { ProStepPropsType } from './propsType';
 import './style/index.less';
-export declare const ProStepContext: React.Context<any>;
+export declare const ProStepContext: import("react").Context<any>;
 export declare const useStep: () => any;
 declare const ProStep: {
-    ({ children, ...resetProps }: ProStepPropsType): React.JSX.Element;
+    ({ children, ...resetProps }: ProStepPropsType): JSX.Element;
     useStep: () => any;
-    Item: ({ id, children, ...restProps }: {
-        [x: string]: any;
-        id: any;
-        children: any;
-    }) => React.JSX.Element;
-    Listener: ({ children, }: any) => React.DetailedReactHTMLElement<{
+    Item: ({ id, title, collapse: collapseItem, children, ...restProps }: import("./propsType").ProStepItem) => JSX.Element;
+    Listener: ({ children, }: any) => import("react").DetailedReactHTMLElement<{
         onClick: import("lodash").DebouncedFunc<() => Promise<void>>;
     }, HTMLElement>;
 };