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

package/lib/ProSelect/utils/index.js

@@ -1,114 +1,138 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProSelect/utils/index.ts
-var utils_exports = {};
-__export(utils_exports, {
-  getSelectList: () => getSelectList
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(utils_exports);
-var import_lodash = __toESM(require("lodash"));
-var findSelectNameValues = ({
-  list = [],
-  selectName,
-  value,
-  dataSource,
-  labelInValue,
-  fieldNames,
-  mode
-}) => {
-  let selectValues = [];
-  list.forEach((item) => {
-    let result2 = item;
-    if (!item || !Object.keys(item).length || Object.keys(item).length === 1 && "rowKey" in item) {
+exports.getSelectList = void 0;
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+var _lodash = _interopRequireWildcard(require("lodash"));
+/* eslint-disable no-restricted-syntax */
+
+/**
+ * 查找选择器名称的值
+ * @param list 表单列表
+ * @param selectName 选择器名称
+ * @param value 选择器值
+ * @param dataSource 数据源
+ * @param labelInValue 是否为labelInValue模式
+ * @param fieldNames 字段名
+ * @param mode 模式
+ */
+var findSelectNameValues = _ref => {
+  var _ref$list = _ref.list,
+    list = _ref$list === void 0 ? [] : _ref$list,
+    selectName = _ref.selectName,
+    value = _ref.value,
+    dataSource = _ref.dataSource,
+    labelInValue = _ref.labelInValue,
+    fieldNames = _ref.fieldNames,
+    mode = _ref.mode;
+  var selectValues = [];
+  list.forEach(item => {
+    var result = item;
+    if (!item || !Object.keys(item).length || Object.keys(item).length === 1 && 'rowKey' in item) {
       return false;
     }
-    for (const key of selectName) {
-      result2 = result2[key];
+    var _iterator = (0, _createForOfIteratorHelper2.default)(selectName),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var key = _step.value;
+        result = result[key];
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
     }
-    if (mode === "multiple") {
-      selectValues = [...selectValues, ...result2 || []];
+    if (mode === 'multiple') {
+      selectValues = [...selectValues, ...(result || [])];
     } else {
-      selectValues.push(result2);
+      selectValues.push(result);
     }
   });
-  const diffList = import_lodash.default.difference(selectValues, mode === "multiple" ? value : [value]);
-  const result = dataSource.filter(
-    (item) => !diffList.includes(labelInValue ? item : item[fieldNames == null ? void 0 : fieldNames.value] || (item == null ? void 0 : item.value))
-  );
-  const isSingle = list == null ? void 0 : list.find((item) => item == null ? void 0 : item._isEditing);
-  if (mode === "multiple" && isSingle) {
-    const editingRow = list.find((item) => item == null ? void 0 : item._isEditing);
-    const otherRowsValues = [];
-    list.forEach((item) => {
+  var diffList = _lodash.default.difference(selectValues, mode === 'multiple' ? value : [value]);
+  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(item => item === null || item === void 0 ? void 0 : item._isEditing);
+
+    // 收集其他行的已选择值
+    var otherRowsValues = [];
+    list.forEach(item => {
       if (item !== editingRow) {
-        let result2 = item;
-        for (const key of selectName) {
-          result2 = result2[key];
+        // 排除当前编辑行
+        var _result = item;
+        var _iterator2 = (0, _createForOfIteratorHelper2.default)(selectName),
+          _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var key = _step2.value;
+            _result = _result[key];
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
         }
-        if (result2) {
-          otherRowsValues.push(...Array.isArray(result2) ? result2 : [result2]);
+        if (_result) {
+          otherRowsValues.push(...(Array.isArray(_result) ? _result : [_result]));
         }
       }
     });
-    let currentRowValues = [];
+
+    // 获取当前编辑行的已选择值
+    var currentRowValues = [];
     if (editingRow) {
-      let result2 = editingRow;
-      for (const key of selectName) {
-        result2 = result2[key];
+      var _result2 = editingRow;
+      var _iterator3 = (0, _createForOfIteratorHelper2.default)(selectName),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var key = _step3.value;
+          _result2 = _result2[key];
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
       }
-      currentRowValues = Array.isArray(result2) ? result2 : result2 ? [result2] : [];
+      currentRowValues = Array.isArray(_result2) ? _result2 : _result2 ? [_result2] : [];
     }
-    const diffList2 = import_lodash.default.difference(otherRowsValues, currentRowValues);
-    return dataSource.filter(
-      (item) => !diffList2.includes(labelInValue ? item : item[fieldNames == null ? void 0 : fieldNames.value] || (item == null ? void 0 : item.value))
-    );
+
+    // 从dataSource中过滤掉其他行的值，但保留当前行的值
+    var _diffList = _lodash.default.difference(otherRowsValues, currentRowValues);
+    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;
 };
-var getSelectList = ({
-  otherProps,
-  value,
-  dataSource,
-  labelInValue,
-  fieldNames,
-  mode
-}) => {
+
+/**
+ * 返回当前组件可以显示的数据源
+ */
+var getSelectList = _ref2 => {
+  var otherProps = _ref2.otherProps,
+    value = _ref2.value,
+    dataSource = _ref2.dataSource,
+    labelInValue = _ref2.labelInValue,
+    fieldNames = _ref2.fieldNames,
+    mode = _ref2.mode;
   if (!otherProps) {
     return null;
   }
-  const { name, listName, form } = otherProps;
-  const _name = Array.isArray(name) && (0, import_lodash.isNumber)(name[0]) ? listName : name;
-  const firstNumberIndex = listName.lastIndexOf(
-    listName.findLast((item) => typeof item === "number")
-  );
-  const fatherName = (_name || listName).slice(0, firstNumberIndex);
-  const selectName = (_name || listName).slice(firstNumberIndex + 1);
+  var name = otherProps.name,
+    listName = otherProps.listName,
+    form = otherProps.form;
+  // 修复formlist无法过滤的问题
+  var _name = Array.isArray(name) && (0, _lodash.isNumber)(name[0]) ? listName : name;
+  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,
@@ -119,7 +143,4 @@ var getSelectList = ({
     mode
   });
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getSelectList
-});
+exports.getSelectList = getSelectList;

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

@@ -1,123 +1,118 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProStep/components/Anchor/index.tsx
-var Anchor_exports = {};
-__export(Anchor_exports, {
-  MenuItem: () => MenuItem,
-  default: () => Anchor_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Anchor_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_antd = require("antd");
-var import_utils = require("../../utils");
-var AnchorSvg = ({ color }) => {
-  return /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 1097 1024", width: "18", height: "18", style: { fill: color } }, /* @__PURE__ */ React.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.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" }));
+exports.default = exports.MenuItem = void 0;
+require("antd/es/badge/style");
+var _badge = _interopRequireDefault(require("antd/es/badge"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("../../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+var AnchorSvg = _ref => {
+  var color = _ref.color;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+    viewBox: "0 0 1097 1024",
+    width: "18",
+    height: "18",
+    style: {
+      fill: color
+    },
+    children: [/*#__PURE__*/(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"
+    }), /*#__PURE__*/(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 = () => {
-  return /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 1408 1024", width: "18", height: "18" }, /* @__PURE__ */ React.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" }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+    viewBox: "0 0 1408 1024",
+    width: "18",
+    height: "18",
+    children: /*#__PURE__*/(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 = (props) => {
-  const {
-    name,
-    code,
-    onOff,
-    isStart,
-    isEnd,
-    isDisabled,
-    isCurrentStep,
-    isChecked,
-    errorNum,
-    currentNum,
-    targetOffset,
-    scrollToError = true
-  } = props;
-  const renderMenuIcon = () => {
+var MenuItem = props => {
+  var name = props.name,
+    code = props.code,
+    onOff = props.onOff,
+    isStart = props.isStart,
+    isEnd = props.isEnd,
+    isDisabled = props.isDisabled,
+    isCurrentStep = props.isCurrentStep,
+    isChecked = props.isChecked,
+    errorNum = props.errorNum,
+    currentNum = props.currentNum,
+    targetOffset = props.targetOffset,
+    _props$scrollToError = props.scrollToError,
+    scrollToError = _props$scrollToError === void 0 ? true : _props$scrollToError;
+  var renderMenuIcon = () => {
     if (isCurrentStep) {
-      return /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          className: (0, import_classnames.default)("pro-step-dot-icon", {
-            errored: !!errorNum,
-            disabled: isDisabled
-          })
-        },
-        currentNum
-      );
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _classnames.default)('pro-step-dot-icon', {
+          errored: !!errorNum,
+          disabled: isDisabled
+        }),
+        children: currentNum
+      });
     }
-    let color;
-    !!errorNum && (color = "#ff5050");
-    isDisabled && (color = "#939599");
+    var color;
+    !!errorNum && (color = '#ff5050');
+    isDisabled && (color = '#939599');
     if (isStart) {
-      return /* @__PURE__ */ React.createElement(AnchorSvg, { color });
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(AnchorSvg, {
+        color: color
+      });
     }
     if (isEnd) {
-      return /* @__PURE__ */ React.createElement(AnchorSvg, { color: isDisabled ? "#939599" : void 0 });
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(AnchorSvg, {
+        color: isDisabled ? '#939599' : undefined
+      });
     }
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: (0, import_classnames.default)("pro-step-dot", {
-          errored: !!errorNum,
-          disabled: isDisabled
-        })
-      }
-    );
-  };
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: (0, import_classnames.default)("pro-step-com-menu-item", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)('pro-step-dot', {
         errored: !!errorNum,
-        disabled: isDisabled,
-        current: isCurrentStep && onOff
-      }),
-      onClick: () => {
-        (0, import_utils.handleScroll)(code, {
-          targetOffset,
-          scrollToError
-        });
-      }
+        disabled: isDisabled
+      })
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)('pro-step-com-menu-item', {
+      errored: !!errorNum,
+      disabled: isDisabled,
+      current: isCurrentStep && onOff
+    }),
+    onClick: () => {
+      (0, _utils.handleScroll)(code, {
+        targetOffset,
+        scrollToError
+      });
     },
-    /* @__PURE__ */ React.createElement("div", { className: "pro-step-menu-item" }, /* @__PURE__ */ React.createElement("div", { className: "pro-step-menu-icon" }, renderMenuIcon()), onOff && /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: (0, import_classnames.default)("pro-step-menu-name", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "pro-step-menu-item",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "pro-step-menu-icon",
+        children: renderMenuIcon()
+      }), onOff && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames.default)('pro-step-menu-name', {
           disabled: isDisabled
+        }),
+        children: name
+      })]
+    }), !isDisabled && onOff && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "pro-step-checked-status",
+      children: [isChecked && /*#__PURE__*/(0, _jsxRuntime.jsx)(SuccessSvg, {}), errorNum > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "pro-step-error-dot",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_badge.default, {
+          count: errorNum
         })
-      },
-      name
-    )),
-    !isDisabled && onOff && /* @__PURE__ */ React.createElement("div", { className: "pro-step-checked-status" }, isChecked && /* @__PURE__ */ React.createElement(SuccessSvg, null), errorNum > 0 && /* @__PURE__ */ React.createElement("div", { className: "pro-step-error-dot" }, /* @__PURE__ */ React.createElement(import_antd.Badge, { count: errorNum })))
-  );
+      })]
+    })]
+  });
 };
-var Anchor_default = MenuItem;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  MenuItem
-});
+exports.MenuItem = MenuItem;
+var _default = exports.default = MenuItem;

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

@@ -1,102 +1,98 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/ProStep/components/Item/index.tsx
-var Item_exports = {};
-__export(Item_exports, {
-  default: () => Item_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Item_exports);
-var import_react = require("react");
-var import_react_lazyload = __toESM(require("react-lazyload"));
-var import_lodash = require("lodash");
-var import__ = require("../../index");
-var import_ProCollapse = __toESM(require("../../../ProLayout/components/ProCollapse"));
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("react");
+var _reactLazyload = _interopRequireWildcard(require("react-lazyload"));
+var _lodash = require("lodash");
+var _index = require("../../index");
+var _ProCollapse = _interopRequireDefault(require("../../../ProLayout/components/ProCollapse"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["id", "title", "collapse", "children", "lazyLoad", "order"];
+// 默认的懒加载配置
 var defaultLazyLoadConfig = {
   height: 200,
   // Default placeholder height
   offset: 100,
   // Start loading when the target is 100px from the viewport
-  once: true
-  // Load only once upon first entry into the viewport
+  once: true // Load only once upon first entry into the viewport
 };
-var ProStepItem = ({
-  id,
-  title,
-  collapse: collapseItem = true,
-  children,
-  lazyLoad: stepLazyLoad,
-  order = 0,
-  ...restProps
-}) => {
-  const { register, collapse, lazyLoad: globalLazyLoad } = (0, import__.useStep)();
-  const lazyLoad = stepLazyLoad ?? globalLazyLoad;
-  (0, import_react.useEffect)(() => {
-    const timeoutId = setTimeout(() => {
-      register == null ? void 0 : register({
+var ProStepItem = _ref => {
+  var id = _ref.id,
+    title = _ref.title,
+    _ref$collapse = _ref.collapse,
+    collapseItem = _ref$collapse === void 0 ? true : _ref$collapse,
+    children = _ref.children,
+    stepLazyLoad = _ref.lazyLoad,
+    _ref$order = _ref.order,
+    order = _ref$order === void 0 ? 0 : _ref$order,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useStep = (0, _index.useStep)(),
+    register = _useStep.register,
+    collapse = _useStep.collapse,
+    globalLazyLoad = _useStep.lazyLoad;
+  var lazyLoad = stepLazyLoad !== null && stepLazyLoad !== void 0 ? stepLazyLoad : globalLazyLoad;
+  (0, _react.useEffect)(() => {
+    // Schedule registration to avoid re-render issues
+    var timeoutId = setTimeout(() => {
+      register === null || register === void 0 || register((0, _objectSpread2.default)({
         id,
         title,
         order,
-        lazyLoad,
-        ...restProps
-      });
+        lazyLoad
+      }, restProps));
     }, 0);
     return () => {
       clearTimeout(timeoutId);
     };
   }, [id, title, order, lazyLoad, restProps, register]);
-  const renderChildren = () => {
+  var renderChildren = () => {
     if (lazyLoad) {
-      const lazyLoadProps = (0, import_lodash.isBoolean)(lazyLoad) ? defaultLazyLoadConfig : lazyLoad;
-      return /* @__PURE__ */ React.createElement(import_react_lazyload.default, { ...lazyLoadProps, classNamePrefix: id }, children);
+      var lazyLoadProps = (0, _lodash.isBoolean)(lazyLoad) ? defaultLazyLoadConfig : lazyLoad;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLazyload.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, lazyLoadProps), {}, {
+        classNamePrefix: id,
+        children: children
+      }));
     }
     return children;
   };
+
+  // If there's no `register` function or if collapsing is enabled, wrap in ProCollapse
   if (!register || collapse && collapseItem && title) {
-    return /* @__PURE__ */ React.createElement("div", { className: "pro-step-item", id }, /* @__PURE__ */ React.createElement(
-      import_ProCollapse.default,
-      {
-        title,
-        icon: true,
-        ...restProps,
-        onChange: (e) => {
-          var _a;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "pro-step-item",
+      id: id,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProCollapse.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        title: title,
+        icon: true
+      }, restProps), {}, {
+        onChange: e => {
+          var _restProps$onChange;
           if (lazyLoad) {
+            // 延时执行, 避免在折叠时, 懒加载的元素没有高度
             setTimeout(() => {
-              (0, import_react_lazyload.forceCheck)();
+              (0, _reactLazyload.forceCheck)();
             }, 100);
           }
-          (_a = restProps == null ? void 0 : restProps.onChange) == null ? void 0 : _a.call(restProps, e);
-        }
-      },
-      renderChildren()
-    ));
+          // 默认执行
+          restProps === null || restProps === void 0 || (_restProps$onChange = restProps.onChange) === null || _restProps$onChange === void 0 || _restProps$onChange.call(restProps, e);
+        },
+        children: renderChildren()
+      }))
+    });
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "pro-step-item", id }, renderChildren());
+
+  // Otherwise, just render children
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "pro-step-item",
+    id: id,
+    children: renderChildren()
+  });
 };
-var Item_default = ProStepItem;
+var _default = exports.default = ProStepItem;