@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

package/es/form/layouts/StepsForm/index.js

@@ -1,296 +1,306 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/form/layouts/StepsForm/index.tsx
-import { Button, Col, ConfigProvider, Form, Row, Space, Steps } from "antd";
-import classNames from "classnames";
-import toArray from "rc-util/lib/Children/toArray";
-import useMergedState from "rc-util/lib/hooks/useMergedState";
-import React, {
-  useCallback,
-  useContext,
-  useImperativeHandle,
-  useMemo,
-  useRef,
-  useState
-} from "react";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["current", "onCurrentChange", "submitter", "stepsFormRender", "stepsRender", "stepFormRender", "stepsProps", "onFinish", "formProps", "containerStyle", "formRef", "formMapRef", "layoutRender"];
+import { toArray, useMergedState } from '@rc-component/util';
+import { Button, Col, ConfigProvider, Form, Row, Space, Steps } from 'antd';
+import classNames from 'classnames';
+import React, { useCallback, useContext, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { ProConfigProvider, useIntl } from "../../../provider";
 import { merge, useRefFunction } from "../../../utils";
 import StepForm from "./StepForm";
 import { useStyle } from "./style";
-var StepsFormProvide = React.createContext(void 0);
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var StepsFormProvide = /*#__PURE__*/React.createContext(undefined);
 var StepsLayoutStrategy = {
-  horizontal({ stepsDom, formDom }) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Row, { gutter: { xs: 8, sm: 16, md: 24 } }, /* @__PURE__ */ React.createElement(Col, { span: 24 }, stepsDom)), /* @__PURE__ */ React.createElement(Row, { gutter: { xs: 8, sm: 16, md: 24 } }, /* @__PURE__ */ React.createElement(Col, { span: 24 }, formDom)));
+  horizontal: function horizontal(_ref) {
+    var stepsDom = _ref.stepsDom,
+      formDom = _ref.formDom;
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Row, {
+        gutter: {
+          xs: 8,
+          sm: 16,
+          md: 24
+        },
+        children: /*#__PURE__*/_jsx(Col, {
+          span: 24,
+          children: stepsDom
+        })
+      }), /*#__PURE__*/_jsx(Row, {
+        gutter: {
+          xs: 8,
+          sm: 16,
+          md: 24
+        },
+        children: /*#__PURE__*/_jsx(Col, {
+          span: 24,
+          children: formDom
+        })
+      })]
+    });
   },
-  vertical({ stepsDom, formDom }) {
-    return /* @__PURE__ */ React.createElement(Row, { align: "stretch", wrap: true, gutter: { xs: 8, sm: 16, md: 24 } }, /* @__PURE__ */ React.createElement(Col, { xxl: 4, xl: 6, lg: 7, md: 8, sm: 10, xs: 12 }, React.cloneElement(stepsDom, {
-      style: {
-        height: "100%"
-      }
-    })), /* @__PURE__ */ React.createElement(Col, null, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        style: {
-          display: "flex",
-          alignItems: "center",
-          width: "100%",
-          height: "100%"
-        }
+  vertical: function vertical(_ref2) {
+    var stepsDom = _ref2.stepsDom,
+      formDom = _ref2.formDom;
+    return /*#__PURE__*/_jsxs(Row, {
+      align: "stretch",
+      wrap: true,
+      gutter: {
+        xs: 8,
+        sm: 16,
+        md: 24
       },
-      formDom
-    )));
+      children: [/*#__PURE__*/_jsx(Col, {
+        xxl: 4,
+        xl: 6,
+        lg: 7,
+        md: 8,
+        sm: 10,
+        xs: 12,
+        children: /*#__PURE__*/React.cloneElement(stepsDom, {
+          style: {
+            height: '100%'
+          }
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        children: /*#__PURE__*/_jsx("div", {
+          style: {
+            display: 'flex',
+            alignItems: 'center',
+            width: '100%',
+            height: '100%'
+          },
+          children: formDom
+        })
+      })]
+    });
   }
 };
-var StepFormProvide = React.createContext(
-  null
-);
+
+/**
+ * 给  StepForm 传递信息
+ */
+export var StepFormProvide = /*#__PURE__*/React.createContext(null);
 function StepsForm(props) {
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("pro-steps-form");
-  const { wrapSSR, hashId } = useStyle(prefixCls);
-  const _a = props, {
-    current,
-    onCurrentChange,
-    submitter,
-    stepsFormRender,
-    stepsRender,
-    stepFormRender,
-    stepsProps,
-    onFinish,
-    formProps,
-    containerStyle,
-    formRef,
-    formMapRef: propsFormMapRef,
-    layoutRender: propsLayoutRender
-  } = _a, rest = __objRest(_a, [
-    "current",
-    "onCurrentChange",
-    "submitter",
-    "stepsFormRender",
-    "stepsRender",
-    "stepFormRender",
-    "stepsProps",
-    "onFinish",
-    "formProps",
-    "containerStyle",
-    "formRef",
-    "formMapRef",
-    "layoutRender"
-  ]);
-  const formDataRef = useRef(/* @__PURE__ */ new Map());
-  const formMapRef = useRef(/* @__PURE__ */ new Map());
-  const formArrayRef = useRef([]);
-  const [formArray, setFormArray] = useState([]);
-  const [loading, setLoading] = useState(false);
-  const intl = useIntl();
-  const [step, setStep] = useMergedState(0, {
-    value: props.current,
-    onChange: props.onCurrentChange
-  });
-  const layoutRender = useMemo(() => {
-    return StepsLayoutStrategy[(stepsProps == null ? void 0 : stepsProps.direction) || "horizontal"];
-  }, [stepsProps == null ? void 0 : stepsProps.direction]);
-  const lastStep = useMemo(
-    () => step === formArray.length - 1,
-    [formArray.length, step]
-  );
-  const regForm = useCallback(
-    (name, childrenFormProps) => {
-      if (!formMapRef.current.has(name)) {
-        setFormArray((oldFormArray) => [...oldFormArray, name]);
-      }
-      formMapRef.current.set(name, childrenFormProps);
-    },
-    []
-  );
-  const unRegForm = useCallback((name) => {
-    setFormArray((oldFormArray) => oldFormArray.filter((n) => n !== name));
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('pro-steps-form');
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var current = props.current,
+    onCurrentChange = props.onCurrentChange,
+    submitter = props.submitter,
+    stepsFormRender = props.stepsFormRender,
+    stepsRender = props.stepsRender,
+    stepFormRender = props.stepFormRender,
+    stepsProps = props.stepsProps,
+    onFinish = props.onFinish,
+    formProps = props.formProps,
+    containerStyle = props.containerStyle,
+    formRef = props.formRef,
+    propsFormMapRef = props.formMapRef,
+    propsLayoutRender = props.layoutRender,
+    rest = _objectWithoutProperties(props, _excluded);
+  var formDataRef = useRef(new Map());
+  var formMapRef = useRef(new Map());
+  var formArrayRef = useRef([]);
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    formArray = _useState2[0],
+    setFormArray = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var intl = useIntl();
+
+  /**
+   * 受控的方式来操作表单
+   */
+  var _useMergedState = useMergedState(0, {
+      value: props.current,
+      onChange: props.onCurrentChange
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    step = _useMergedState2[0],
+    setStep = _useMergedState2[1];
+  var layoutRender = useMemo(function () {
+    return StepsLayoutStrategy[(stepsProps === null || stepsProps === void 0 ? void 0 : stepsProps.direction) || 'horizontal'];
+  }, [stepsProps === null || stepsProps === void 0 ? void 0 : stepsProps.direction]);
+  var lastStep = useMemo(function () {
+    return step === formArray.length - 1;
+  }, [formArray.length, step]);
+
+  /**
+   * 注册一个form进入，方便进行 props 的修改
+   */
+  var regForm = useCallback(function (name, childrenFormProps) {
+    if (!formMapRef.current.has(name)) {
+      setFormArray(function (oldFormArray) {
+        return [].concat(_toConsumableArray(oldFormArray), [name]);
+      });
+    }
+    formMapRef.current.set(name, childrenFormProps);
+  }, []);
+
+  /**
+   * 解除挂载掉这个 form，同时步数 -1
+   */
+  var unRegForm = useCallback(function (name) {
+    setFormArray(function (oldFormArray) {
+      return oldFormArray.filter(function (n) {
+        return n !== name;
+      });
+    });
     formMapRef.current.delete(name);
     formDataRef.current.delete(name);
   }, []);
-  useImperativeHandle(propsFormMapRef, () => formArrayRef.current, [
-    formArrayRef.current
-  ]);
-  useImperativeHandle(formRef, () => {
-    var _a2;
-    return (_a2 = formArrayRef.current[step || 0]) == null ? void 0 : _a2.current;
+  useImperativeHandle(propsFormMapRef, function () {
+    return formArrayRef.current;
+  }, [formArrayRef.current]);
+  useImperativeHandle(formRef, function () {
+    var _formArrayRef$current;
+    return (_formArrayRef$current = formArrayRef.current[step || 0]) === null || _formArrayRef$current === void 0 ? void 0 : _formArrayRef$current.current;
   }, [step, formArrayRef.current]);
-  const onFormFinish = useCallback(
-    (name, formData) => __async(this, null, function* () {
-      formDataRef.current.set(name, formData);
-      if (!lastStep || !onFinish) {
-        return;
-      }
-      setLoading(true);
-      const values = merge(
-        {},
-        ...Array.from(formDataRef.current.values())
-      );
-      try {
-        const success = yield onFinish(values);
-        if (success) {
-          setStep(0);
-          formArrayRef.current.forEach((form) => {
-            var _a2;
-            return (_a2 = form.current) == null ? void 0 : _a2.resetFields();
-          });
+
+  /**
+   * ProForm处理了一下 from 的数据，在其中做了一些操作 如果使用 Provider 自带的，自带的数据处理就无法生效了
+   */
+  var onFormFinish = useCallback( /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(name, formData) {
+      var values, success;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            formDataRef.current.set(name, formData);
+            // 如果不是最后一步
+            if (!(!lastStep || !onFinish)) {
+              _context.next = 3;
+              break;
+            }
+            return _context.abrupt("return");
+          case 3:
+            setLoading(true);
+            values = merge.apply(void 0, [{}].concat(_toConsumableArray(Array.from(formDataRef.current.values()))));
+            _context.prev = 5;
+            _context.next = 8;
+            return onFinish(values);
+          case 8:
+            success = _context.sent;
+            if (success) {
+              setStep(0);
+              formArrayRef.current.forEach(function (form) {
+                var _form$current;
+                return (_form$current = form.current) === null || _form$current === void 0 ? void 0 : _form$current.resetFields();
+              });
+            }
+            _context.next = 15;
+            break;
+          case 12:
+            _context.prev = 12;
+            _context.t0 = _context["catch"](5);
+            console.log(_context.t0);
+          case 15:
+            _context.prev = 15;
+            setLoading(false);
+            return _context.finish(15);
+          case 18:
+          case "end":
+            return _context.stop();
         }
-      } catch (error) {
-        console.log(error);
-      } finally {
-        setLoading(false);
-      }
-    }),
-    [lastStep, onFinish, setLoading, setStep]
-  );
-  const stepsDom = useMemo(() => {
-    const itemsProps = {
-      items: formArray.map((item) => {
-        const itemProps = formMapRef.current.get(item);
-        return __spreadValues({
+      }, _callee, null, [[5, 12, 15, 18]]);
+    }));
+    return function (_x, _x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [lastStep, onFinish, setLoading, setStep]);
+  var stepsDom = useMemo(function () {
+    var itemsProps = {
+      items: formArray.map(function (item) {
+        var itemProps = formMapRef.current.get(item);
+        return _objectSpread({
           key: item,
-          title: itemProps == null ? void 0 : itemProps.title
-        }, itemProps == null ? void 0 : itemProps.stepProps);
+          title: itemProps === null || itemProps === void 0 ? void 0 : itemProps.title
+        }, itemProps === null || itemProps === void 0 ? void 0 : itemProps.stepProps);
       })
     };
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: `${prefixCls}-steps-container ${hashId}`.trim(),
-        style: {
-          maxWidth: Math.min(formArray.length * 320, 1160)
-        }
+    return /*#__PURE__*/_jsx("div", {
+      className: "".concat(prefixCls, "-steps-container ").concat(hashId).trim(),
+      style: {
+        maxWidth: Math.min(formArray.length * 320, 1160)
       },
-      /* @__PURE__ */ React.createElement(
-        Steps,
-        __spreadProps(__spreadValues(__spreadValues({}, stepsProps), itemsProps), {
-          current: step,
-          onChange: void 0
-        })
-      )
-    );
+      children: /*#__PURE__*/_jsx(Steps, _objectSpread(_objectSpread(_objectSpread({}, stepsProps), itemsProps), {}, {
+        current: step,
+        onChange: undefined
+      }))
+    });
   }, [formArray, hashId, prefixCls, step, stepsProps]);
-  const onSubmit = useRefFunction(() => {
-    var _a2;
-    const from = formArrayRef.current[step];
-    (_a2 = from.current) == null ? void 0 : _a2.submit();
+  var onSubmit = useRefFunction(function () {
+    var _from$current;
+    var from = formArrayRef.current[step];
+    (_from$current = from.current) === null || _from$current === void 0 || _from$current.submit();
   });
-  const prePage = useRefFunction(() => {
-    if (step < 1)
-      return;
+
+  /** 上一页功能 */
+  var prePage = useRefFunction(function () {
+    if (step < 1) return;
     setStep(step - 1);
   });
-  const next = useMemo(() => {
-    return submitter !== false && /* @__PURE__ */ React.createElement(
-      Button,
-      __spreadProps(__spreadValues({
-        key: "next",
-        type: "primary",
-        loading
-      }, submitter == null ? void 0 : submitter.submitButtonProps), {
-        onClick: () => {
-          var _a2;
-          (_a2 = submitter == null ? void 0 : submitter.onSubmit) == null ? void 0 : _a2.call(submitter);
-          onSubmit();
-        }
-      }),
-      intl.getMessage("stepsForm.next", "下一步")
-    );
+  var next = useMemo(function () {
+    return submitter !== false && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+      type: "primary",
+      loading: loading
+    }, submitter === null || submitter === void 0 ? void 0 : submitter.submitButtonProps), {}, {
+      onClick: function onClick() {
+        var _submitter$onSubmit;
+        submitter === null || submitter === void 0 || (_submitter$onSubmit = submitter.onSubmit) === null || _submitter$onSubmit === void 0 || _submitter$onSubmit.call(submitter);
+        onSubmit();
+      },
+      children: intl.getMessage('stepsForm.next', '下一步')
+    }), "next");
   }, [intl, loading, onSubmit, submitter]);
-  const pre = useMemo(() => {
-    return submitter !== false && /* @__PURE__ */ React.createElement(
-      Button,
-      __spreadProps(__spreadValues({
-        key: "pre"
-      }, submitter == null ? void 0 : submitter.resetButtonProps), {
-        onClick: () => {
-          var _a2;
-          prePage();
-          (_a2 = submitter == null ? void 0 : submitter.onReset) == null ? void 0 : _a2.call(submitter);
-        }
-      }),
-      intl.getMessage("stepsForm.prev", "上一步")
-    );
+  var pre = useMemo(function () {
+    return submitter !== false && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, submitter === null || submitter === void 0 ? void 0 : submitter.resetButtonProps), {}, {
+      onClick: function onClick() {
+        var _submitter$onReset;
+        prePage();
+        submitter === null || submitter === void 0 || (_submitter$onReset = submitter.onReset) === null || _submitter$onReset === void 0 || _submitter$onReset.call(submitter);
+      },
+      children: intl.getMessage('stepsForm.prev', '上一步')
+    }), "pre");
   }, [intl, prePage, submitter]);
-  const submit = useMemo(() => {
-    return submitter !== false && /* @__PURE__ */ React.createElement(
-      Button,
-      __spreadProps(__spreadValues({
-        key: "submit",
-        type: "primary",
-        loading
-      }, submitter == null ? void 0 : submitter.submitButtonProps), {
-        onClick: () => {
-          var _a2;
-          (_a2 = submitter == null ? void 0 : submitter.onSubmit) == null ? void 0 : _a2.call(submitter);
-          onSubmit();
-        }
-      }),
-      intl.getMessage("stepsForm.submit", "提交")
-    );
+  var submit = useMemo(function () {
+    return submitter !== false && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+      type: "primary",
+      loading: loading
+    }, submitter === null || submitter === void 0 ? void 0 : submitter.submitButtonProps), {}, {
+      onClick: function onClick() {
+        var _submitter$onSubmit2;
+        submitter === null || submitter === void 0 || (_submitter$onSubmit2 = submitter.onSubmit) === null || _submitter$onSubmit2 === void 0 || _submitter$onSubmit2.call(submitter);
+        onSubmit();
+      },
+      children: intl.getMessage('stepsForm.submit', '提交')
+    }), "submit");
   }, [intl, loading, onSubmit, submitter]);
-  const nextPage = useRefFunction(() => {
-    if (formArray.length === 0)
-      return;
-    if (step > formArray.length - 2)
-      return;
+  var nextPage = useRefFunction(function () {
+    // Ensure we have forms registered before checking step bounds
+    if (formArray.length === 0) return;
+    if (step > formArray.length - 2) return;
     setStep(step + 1);
   });
-  const submitterDom = useMemo(() => {
-    var _a2;
-    let buttons = [];
-    const index = step || 0;
+  var submitterDom = useMemo(function () {
+    var buttons = [];
+    var index = step || 0;
     if (index < 1) {
+      // 如果有且只有一个 StepForm 第一步就应该是提交按钮
       if (formArray.length === 1) {
         buttons.push(submit);
       } else {
@@ -303,81 +313,65 @@ function StepsForm(props) {
     }
     buttons = buttons.filter(React.isValidElement);
     if (submitter && submitter.render) {
-      const submitterProps = {
-        form: (_a2 = formArrayRef.current[step]) == null ? void 0 : _a2.current,
-        onSubmit,
-        step,
+      var _formArrayRef$current2;
+      var submitterProps = {
+        form: (_formArrayRef$current2 = formArrayRef.current[step]) === null || _formArrayRef$current2 === void 0 ? void 0 : _formArrayRef$current2.current,
+        onSubmit: onSubmit,
+        step: step,
         onPre: prePage
       };
-      return submitter.render(
-        submitterProps,
-        buttons
-      );
+      return submitter.render(submitterProps, buttons);
     }
-    if (submitter && (submitter == null ? void 0 : submitter.render) === false) {
+    if (submitter && (submitter === null || submitter === void 0 ? void 0 : submitter.render) === false) {
       return null;
     }
     return buttons;
   }, [formArray.length, next, onSubmit, pre, prePage, step, submit, submitter]);
-  const formDom = useMemo(() => {
-    return toArray(props.children).map((item, index) => {
-      const itemProps = item.props;
-      const name = itemProps.name || `${index}`;
-      const isShow = step === index;
-      const config = isShow ? {
+  var formDom = useMemo(function () {
+    return toArray(props.children).map(function (item, index) {
+      var itemProps = item.props;
+      var name = itemProps.name || "".concat(index);
+      /** 是否是当前的表单 */
+      var isShow = step === index;
+      var config = isShow ? {
         contentRender: stepFormRender,
         submitter: false
       } : {};
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: classNames(`${prefixCls}-step`, hashId, {
-            [`${prefixCls}-step-active`]: isShow
+      return /*#__PURE__*/_jsx("div", {
+        className: classNames("".concat(prefixCls, "-step"), hashId, _defineProperty({}, "".concat(prefixCls, "-step-active"), isShow)),
+        children: /*#__PURE__*/_jsx(StepFormProvide.Provider, {
+          value: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, config), formProps), itemProps), {}, {
+            name: name,
+            step: index
           }),
-          key: name
-        },
-        /* @__PURE__ */ React.createElement(
-          StepFormProvide.Provider,
-          {
-            value: __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, config), formProps), itemProps), {
-              name,
-              step: index
-            })
-          },
-          item
-        )
-      );
+          children: item
+        })
+      }, name);
     });
   }, [formProps, hashId, prefixCls, props.children, step, stepFormRender]);
-  const finalStepsDom = useMemo(() => {
+  var finalStepsDom = useMemo(function () {
     if (stepsRender) {
-      return stepsRender(
-        formArray.map((item) => {
-          var _a2;
-          return {
-            key: item,
-            title: (_a2 = formMapRef.current.get(item)) == null ? void 0 : _a2.title
-          };
-        }),
-        stepsDom
-      );
+      return stepsRender(formArray.map(function (item) {
+        var _formMapRef$current$g;
+        return {
+          key: item,
+          title: (_formMapRef$current$g = formMapRef.current.get(item)) === null || _formMapRef$current$g === void 0 ? void 0 : _formMapRef$current$g.title
+        };
+      }), stepsDom);
     }
     return stepsDom;
   }, [formArray, stepsDom, stepsRender]);
-  const formContainer = useMemo(
-    () => /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: `${prefixCls}-container ${hashId}`.trim(),
-        style: containerStyle
-      },
-      formDom,
-      stepsFormRender ? null : /* @__PURE__ */ React.createElement(Space, null, submitterDom)
-    ),
-    [containerStyle, formDom, hashId, prefixCls, stepsFormRender, submitterDom]
-  );
-  const stepsFormDom = useMemo(() => {
-    const doms = {
+  var formContainer = useMemo(function () {
+    return /*#__PURE__*/_jsxs("div", {
+      className: "".concat(prefixCls, "-container ").concat(hashId).trim(),
+      style: containerStyle,
+      children: [formDom, stepsFormRender ? null : /*#__PURE__*/_jsx(Space, {
+        children: submitterDom
+      })]
+    });
+  }, [containerStyle, formDom, hashId, prefixCls, stepsFormRender, submitterDom]);
+  var stepsFormDom = useMemo(function () {
+    var doms = {
       stepsDom: finalStepsDom,
       formDom: formContainer
     };
@@ -392,42 +386,34 @@ function StepsForm(props) {
       return propsLayoutRender(doms);
     }
     return layoutRender(doms);
-  }, [
-    finalStepsDom,
-    formContainer,
-    layoutRender,
-    stepsFormRender,
-    submitterDom,
-    propsLayoutRender
-  ]);
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement("div", { className: classNames(prefixCls, hashId) }, /* @__PURE__ */ React.createElement(Form.Provider, __spreadValues({}, rest), /* @__PURE__ */ React.createElement(
-      StepsFormProvide.Provider,
-      {
+  }, [finalStepsDom, formContainer, layoutRender, stepsFormRender, submitterDom, propsLayoutRender]);
+  return wrapSSR( /*#__PURE__*/_jsx("div", {
+    className: classNames(prefixCls, hashId),
+    children: /*#__PURE__*/_jsx(Form.Provider, _objectSpread(_objectSpread({}, rest), {}, {
+      children: /*#__PURE__*/_jsx(StepsFormProvide.Provider, {
         value: {
-          loading,
-          setLoading,
-          regForm,
+          loading: loading,
+          setLoading: setLoading,
+          regForm: regForm,
           keyArray: formArray,
           next: nextPage,
-          formArrayRef,
-          formMapRef,
-          lastStep,
-          unRegForm,
-          onFormFinish
-        }
-      },
-      stepsFormDom
-    )))
-  );
+          formArrayRef: formArrayRef,
+          formMapRef: formMapRef,
+          lastStep: lastStep,
+          unRegForm: unRegForm,
+          onFormFinish: onFormFinish
+        },
+        children: stepsFormDom
+      })
+    }))
+  }));
 }
 function StepsFormWarp(props) {
-  return /* @__PURE__ */ React.createElement(ProConfigProvider, { needDeps: true }, /* @__PURE__ */ React.createElement(StepsForm, __spreadValues({}, props)));
+  return /*#__PURE__*/_jsx(ProConfigProvider, {
+    needDeps: true,
+    children: /*#__PURE__*/_jsx(StepsForm, _objectSpread({}, props))
+  });
 }
 StepsFormWarp.StepForm = StepForm;
 StepsFormWarp.useForm = Form.useForm;
-export {
-  StepFormProvide,
-  StepsFormWarp as StepsForm,
-  StepsFormProvide
-};
+export { StepsFormWarp as StepsForm };