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

package/lib/ProSelect/utils/index.js

@@ -1,94 +1,125 @@
-"use strict";
+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);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProSelect/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  getSelectList: () => getSelectList
 });
-exports.getSelectList = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-var _difference2 = _interopRequireDefault(require("lodash/difference"));
-var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
-/* eslint-disable no-restricted-syntax */
-
-/**
- * 查找选择器名称的值
- * @param list 表单列表
- * @param selectName 选择器名称
- * @param value 选择器值
- * @param dataSource 数据源
- * @param labelInValue 是否为labelInValue模式
- * @param fieldNames 字段名
- * @param mode 模式
- */
-var findSelectNameValues = function 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(function (item) {
-    var result = item;
-    if (!item || !Object.keys(item).length || Object.keys(item).length === 1 && 'rowKey' in item) {
+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) {
       return false;
     }
-    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();
+    for (const key of selectName) {
+      result2 = result2[key];
     }
-    if (mode === 'multiple') {
-      selectValues = [].concat((0, _toConsumableArray2.default)(selectValues), (0, _toConsumableArray2.default)(result || []));
+    if (mode === "multiple") {
+      selectValues = [...selectValues, ...result2 || []];
     } else {
-      selectValues.push(result);
+      selectValues.push(result2);
     }
   });
-  var diffList = (0, _difference2.default)(selectValues, mode === 'multiple' ? value : [value]);
-  return dataSource.filter(function (item) {
-    return !diffList.includes(labelInValue ? item : item[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value] || (item === null || item === void 0 ? void 0 : item.value));
-  });
+  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) => {
+      if (item !== editingRow) {
+        let result2 = item;
+        for (const key of selectName) {
+          result2 = result2[key];
+        }
+        if (result2) {
+          otherRowsValues.push(...Array.isArray(result2) ? result2 : [result2]);
+        }
+      }
+    });
+    let currentRowValues = [];
+    if (editingRow) {
+      let result2 = editingRow;
+      for (const key of selectName) {
+        result2 = result2[key];
+      }
+      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))
+    );
+  }
+  return result;
 };
-/**
- * 返回当前组件可以显示的数据源
- */
-var getSelectList = exports.getSelectList = function getSelectList(_ref2) {
-  var otherProps = _ref2.otherProps,
-    value = _ref2.value,
-    dataSource = _ref2.dataSource,
-    labelInValue = _ref2.labelInValue,
-    fieldNames = _ref2.fieldNames,
-    mode = _ref2.mode;
+var getSelectList = ({
+  otherProps,
+  value,
+  dataSource,
+  labelInValue,
+  fieldNames,
+  mode
+}) => {
   if (!otherProps) {
     return null;
   }
-  var name = otherProps.name,
-    listName = otherProps.listName,
-    form = otherProps.form;
-  // 修复formlist无法过滤的问题
-  var _name = Array.isArray(name) && (0, _isNumber2.default)(name[0]) ? listName : name;
-  var firstNumberIndex = listName.lastIndexOf(listName.findLast(function (item) {
-    return typeof item === 'number';
-  }));
-  var fatherName = (_name || listName).slice(0, firstNumberIndex);
-  var selectName = (_name || listName).slice(firstNumberIndex + 1);
+  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);
   return findSelectNameValues({
     list: form.getFieldValue(fatherName) || [],
-    selectName: selectName,
-    value: value,
-    dataSource: dataSource,
-    labelInValue: labelInValue,
-    fieldNames: fieldNames,
-    mode: mode
+    selectName,
+    value,
+    dataSource,
+    labelInValue,
+    fieldNames,
+    mode
   });
-};
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getSelectList
+});

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { MenuItemProps } from '../../propsType';
 export declare const MenuItem: (props: MenuItemProps) => JSX.Element;
 export default MenuItem;

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

@@ -1,116 +1,123 @@
-"use strict";
+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);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProStep/components/Anchor/index.tsx
+var Anchor_exports = {};
+__export(Anchor_exports, {
+  MenuItem: () => MenuItem,
+  default: () => Anchor_default
 });
-exports.default = exports.MenuItem = void 0;
-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;
-  return (0, _jsxRuntime.jsxs)("svg", {
-    viewBox: "0 0 1097 1024",
-    width: "18",
-    height: "18",
-    style: {
-      fill: color
-    },
-    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"
-    })]
-  });
+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" }));
 };
-var SuccessSvg = function SuccessSvg() {
-  return (0, _jsxRuntime.jsx)("svg", {
-    viewBox: "0 0 1408 1024",
-    width: "18",
-    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 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" }));
 };
-var MenuItem = exports.MenuItem = function 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 = function renderMenuIcon() {
+var MenuItem = (props) => {
+  const {
+    name,
+    code,
+    onOff,
+    isStart,
+    isEnd,
+    isDisabled,
+    isCurrentStep,
+    isChecked,
+    errorNum,
+    currentNum,
+    targetOffset,
+    scrollToError = true
+  } = props;
+  const renderMenuIcon = () => {
     if (isCurrentStep) {
-      return (0, _jsxRuntime.jsx)("span", {
-        className: (0, _classnames.default)('pro-step-dot-icon', {
-          errored: !!errorNum,
-          disabled: isDisabled
-        }),
-        children: currentNum
-      });
+      return /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          className: (0, import_classnames.default)("pro-step-dot-icon", {
+            errored: !!errorNum,
+            disabled: isDisabled
+          })
+        },
+        currentNum
+      );
     }
-    var color;
-    !!errorNum && (color = '#ff5050');
-    isDisabled && (color = '#939599');
+    let color;
+    !!errorNum && (color = "#ff5050");
+    isDisabled && (color = "#939599");
     if (isStart) {
-      return (0, _jsxRuntime.jsx)(AnchorSvg, {
-        color: color
-      });
+      return /* @__PURE__ */ React.createElement(AnchorSvg, { color });
     }
     if (isEnd) {
-      return (0, _jsxRuntime.jsx)(AnchorSvg, {
-        color: isDisabled ? '#939599' : undefined
-      });
+      return /* @__PURE__ */ React.createElement(AnchorSvg, { color: isDisabled ? "#939599" : void 0 });
     }
-    return (0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames.default)('pro-step-dot', {
-        errored: !!errorNum,
-        disabled: isDisabled
-      })
-    });
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)("pro-step-dot", {
+          errored: !!errorNum,
+          disabled: isDisabled
+        })
+      }
+    );
   };
-  return (0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames.default)('pro-step-com-menu-item', {
-      errored: !!errorNum,
-      disabled: isDisabled,
-      current: isCurrentStep && onOff
-    }),
-    onClick: function onClick() {
-      (0, _utils.handleScroll)(code, {
-        targetOffset: targetOffset,
-        scrollToError: scrollToError
-      });
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pro-step-com-menu-item", {
+        errored: !!errorNum,
+        disabled: isDisabled,
+        current: isCurrentStep && onOff
+      }),
+      onClick: () => {
+        (0, import_utils.handleScroll)(code, {
+          targetOffset,
+          scrollToError
+        });
+      }
     },
-    children: [(0, _jsxRuntime.jsxs)("div", {
-      className: "pro-step-menu-item",
-      children: [(0, _jsxRuntime.jsx)("div", {
-        className: "pro-step-menu-icon",
-        children: renderMenuIcon()
-      }), onOff && (0, _jsxRuntime.jsx)("div", {
-        className: (0, _classnames.default)('pro-step-menu-name', {
+    /* @__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", {
           disabled: isDisabled
-        }),
-        children: name
-      })]
-    }), !isDisabled && onOff && (0, _jsxRuntime.jsxs)("div", {
-      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)(_antd.Badge, {
-          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 _default = exports.default = MenuItem;
+var Anchor_default = MenuItem;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MenuItem
+});

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ProStepItemType } from '../../propsType';
 declare const ProStepItem: ({ id, title, collapse: collapseItem, children, lazyLoad: stepLazyLoad, order, ...restProps }: ProStepItemType) => JSX.Element;
 export default ProStepItem;

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

@@ -1,95 +1,102 @@
-"use strict";
+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);
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProStep/components/Item/index.tsx
+var Item_exports = {};
+__export(Item_exports, {
+  default: () => Item_default
 });
-exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _isBoolean2 = _interopRequireDefault(require("lodash/isBoolean"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _reactLazyload = _interopRequireWildcard(require("react-lazyload"));
-var _index = require("../../index");
-var _ProCollapse = _interopRequireDefault(require("../../../ProLayout/components/ProCollapse"));
-var _excluded = ["id", "title", "collapse", "children", "lazyLoad", "order"];
-// 默认的懒加载配置
+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"));
 var defaultLazyLoadConfig = {
   height: 200,
+  // Default placeholder height
   offset: 100,
-  once: true // Load only once upon first entry into the viewport
+  // Start loading when the target is 100px from the viewport
+  once: true
+  // Load only once upon first entry into the viewport
 };
-var ProStepItem = function ProStepItem(_ref) {
-  var 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)(function () {
-    // Schedule registration to avoid re-render issues
-    var timeoutId = setTimeout(function () {
-      register === null || register === void 0 ? void 0 : register((0, _objectSpread2.default)({
-        id: id,
-        title: title,
-        order: order,
-        lazyLoad: lazyLoad
-      }, restProps));
+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({
+        id,
+        title,
+        order,
+        lazyLoad,
+        ...restProps
+      });
     }, 0);
-    return function () {
+    return () => {
       clearTimeout(timeoutId);
     };
   }, [id, title, order, lazyLoad, restProps, register]);
-  var renderChildren = function renderChildren() {
+  const renderChildren = () => {
     if (lazyLoad) {
-      var lazyLoadProps = (0, _isBoolean2.default)(lazyLoad) ? defaultLazyLoadConfig : lazyLoad;
-      var LazyLoadComponent = _reactLazyload.default;
-      return (0, _jsxRuntime.jsx)(LazyLoadComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, lazyLoadProps), {}, {
-        classNamePrefix: id,
-        children: children
-      }));
+      const lazyLoadProps = (0, import_lodash.isBoolean)(lazyLoad) ? defaultLazyLoadConfig : lazyLoad;
+      return /* @__PURE__ */ React.createElement(import_react_lazyload.default, { ...lazyLoadProps, classNamePrefix: id }, children);
     }
     return children;
   };
-  // If there's no `register` function or if collapsing is enabled, wrap in ProCollapse
   if (!register || collapse && collapseItem && title) {
-    return (0, _jsxRuntime.jsx)("div", {
-      className: "pro-step-item",
-      id: id,
-      children: (0, _jsxRuntime.jsx)(_ProCollapse.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        title: title,
-        icon: true
-      }, restProps), {}, {
-        onChange: function onChange(e) {
-          var _restProps$onChange;
+    return /* @__PURE__ */ React.createElement("div", { className: "pro-step-item", id }, /* @__PURE__ */ React.createElement(
+      import_ProCollapse.default,
+      {
+        title,
+        icon: true,
+        ...restProps,
+        onChange: (e) => {
+          var _a;
           if (lazyLoad) {
-            // 延时执行, 避免在折叠时, 懒加载的元素没有高度
-            setTimeout(function () {
-              (0, _reactLazyload.forceCheck)();
+            setTimeout(() => {
+              (0, import_react_lazyload.forceCheck)();
             }, 100);
           }
-          // 默认执行
-          restProps === null || restProps === void 0 ? void 0 : (_restProps$onChange = restProps.onChange) === null || _restProps$onChange === void 0 ? void 0 : _restProps$onChange.call(restProps, e);
-        },
-        children: renderChildren()
-      }))
-    });
+          (_a = restProps == null ? void 0 : restProps.onChange) == null ? void 0 : _a.call(restProps, e);
+        }
+      },
+      renderChildren()
+    ));
   }
-  // Otherwise, just render children
-  return (0, _jsxRuntime.jsx)("div", {
-    className: "pro-step-item",
-    id: id,
-    children: renderChildren()
-  });
+  return /* @__PURE__ */ React.createElement("div", { className: "pro-step-item", id }, renderChildren());
 };
-var _default = exports.default = ProStepItem;
+var Item_default = ProStepItem;