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

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

@@ -1,321 +1,314 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-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 __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 __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());
-  });
-};
+"use strict";
 
-// src/form/layouts/StepsForm/index.tsx
-var StepsForm_exports = {};
-__export(StepsForm_exports, {
-  StepFormProvide: () => StepFormProvide,
-  StepsForm: () => StepsFormWarp,
-  StepsFormProvide: () => StepsFormProvide
+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(StepsForm_exports);
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_toArray = __toESM(require("rc-util/lib/Children/toArray"));
-var import_useMergedState = __toESM(require("rc-util/lib/hooks/useMergedState"));
-var import_react = __toESM(require("react"));
-var import_provider = require("../../../provider");
-var import_utils = require("../../../utils");
-var import_StepForm = __toESM(require("./StepForm"));
-var import_style = require("./style");
-var StepsFormProvide = import_react.default.createContext(void 0);
+exports.StepFormProvide = void 0;
+exports.StepsForm = StepsFormWarp;
+exports.StepsFormProvide = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _util = require("@rc-component/util");
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _provider = require("../../../provider");
+var _utils = require("../../../utils");
+var _StepForm = _interopRequireDefault(require("./StepForm"));
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["current", "onCurrentChange", "submitter", "stepsFormRender", "stepsRender", "stepFormRender", "stepsProps", "onFinish", "formProps", "containerStyle", "formRef", "formMapRef", "layoutRender"];
+var StepsFormProvide = exports.StepsFormProvide = /*#__PURE__*/_react.default.createContext(undefined);
 var StepsLayoutStrategy = {
-  horizontal({ stepsDom, formDom }) {
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { gutter: { xs: 8, sm: 16, md: 24 } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, stepsDom)), /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { gutter: { xs: 8, sm: 16, md: 24 } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { span: 24 }, formDom)));
+  horizontal: function horizontal(_ref) {
+    var stepsDom = _ref.stepsDom,
+      formDom = _ref.formDom;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Row, {
+        gutter: {
+          xs: 8,
+          sm: 16,
+          md: 24
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
+          span: 24,
+          children: stepsDom
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Row, {
+        gutter: {
+          xs: 8,
+          sm: 16,
+          md: 24
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
+          span: 24,
+          children: formDom
+        })
+      })]
+    });
   },
-  vertical({ stepsDom, formDom }) {
-    return /* @__PURE__ */ import_react.default.createElement(import_antd.Row, { align: "stretch", wrap: true, gutter: { xs: 8, sm: 16, md: 24 } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Col, { xxl: 4, xl: 6, lg: 7, md: 8, sm: 10, xs: 12 }, import_react.default.cloneElement(stepsDom, {
-      style: {
-        height: "100%"
-      }
-    })), /* @__PURE__ */ import_react.default.createElement(import_antd.Col, null, /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        style: {
-          display: "flex",
-          alignItems: "center",
-          width: "100%",
-          height: "100%"
-        }
+  vertical: function vertical(_ref2) {
+    var stepsDom = _ref2.stepsDom,
+      formDom = _ref2.formDom;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Row, {
+      align: "stretch",
+      wrap: true,
+      gutter: {
+        xs: 8,
+        sm: 16,
+        md: 24
       },
-      formDom
-    )));
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
+        xxl: 4,
+        xl: 6,
+        lg: 7,
+        md: 8,
+        sm: 10,
+        xs: 12,
+        children: /*#__PURE__*/_react.default.cloneElement(stepsDom, {
+          style: {
+            height: '100%'
+          }
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Col, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            display: 'flex',
+            alignItems: 'center',
+            width: '100%',
+            height: '100%'
+          },
+          children: formDom
+        })
+      })]
+    });
   }
 };
-var StepFormProvide = import_react.default.createContext(
-  null
-);
+
+/**
+ * 给  StepForm 传递信息
+ */
+var StepFormProvide = exports.StepFormProvide = /*#__PURE__*/_react.default.createContext(null);
 function StepsForm(props) {
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("pro-steps-form");
-  const { wrapSSR, hashId } = (0, import_style.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 = (0, import_react.useRef)(/* @__PURE__ */ new Map());
-  const formMapRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
-  const formArrayRef = (0, import_react.useRef)([]);
-  const [formArray, setFormArray] = (0, import_react.useState)([]);
-  const [loading, setLoading] = (0, import_react.useState)(false);
-  const intl = (0, import_provider.useIntl)();
-  const [step, setStep] = (0, import_useMergedState.default)(0, {
-    value: props.current,
-    onChange: props.onCurrentChange
-  });
-  const layoutRender = (0, import_react.useMemo)(() => {
-    return StepsLayoutStrategy[(stepsProps == null ? void 0 : stepsProps.direction) || "horizontal"];
-  }, [stepsProps == null ? void 0 : stepsProps.direction]);
-  const lastStep = (0, import_react.useMemo)(
-    () => step === formArray.length - 1,
-    [formArray.length, step]
-  );
-  const regForm = (0, import_react.useCallback)(
-    (name, childrenFormProps) => {
-      if (!formMapRef.current.has(name)) {
-        setFormArray((oldFormArray) => [...oldFormArray, name]);
-      }
-      formMapRef.current.set(name, childrenFormProps);
-    },
-    []
-  );
-  const unRegForm = (0, import_react.useCallback)((name) => {
-    setFormArray((oldFormArray) => oldFormArray.filter((n) => n !== name));
+  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('pro-steps-form');
+  var _useStyle = (0, _style.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 = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var formDataRef = (0, _react.useRef)(new Map());
+  var formMapRef = (0, _react.useRef)(new Map());
+  var formArrayRef = (0, _react.useRef)([]);
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    formArray = _useState2[0],
+    setFormArray = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var intl = (0, _provider.useIntl)();
+
+  /**
+   * 受控的方式来操作表单
+   */
+  var _useMergedState = (0, _util.useMergedState)(0, {
+      value: props.current,
+      onChange: props.onCurrentChange
+    }),
+    _useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
+    step = _useMergedState2[0],
+    setStep = _useMergedState2[1];
+  var layoutRender = (0, _react.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 = (0, _react.useMemo)(function () {
+    return step === formArray.length - 1;
+  }, [formArray.length, step]);
+
+  /**
+   * 注册一个form进入，方便进行 props 的修改
+   */
+  var regForm = (0, _react.useCallback)(function (name, childrenFormProps) {
+    if (!formMapRef.current.has(name)) {
+      setFormArray(function (oldFormArray) {
+        return [].concat((0, _toConsumableArray2.default)(oldFormArray), [name]);
+      });
+    }
+    formMapRef.current.set(name, childrenFormProps);
+  }, []);
+
+  /**
+   * 解除挂载掉这个 form，同时步数 -1
+   */
+  var unRegForm = (0, _react.useCallback)(function (name) {
+    setFormArray(function (oldFormArray) {
+      return oldFormArray.filter(function (n) {
+        return n !== name;
+      });
+    });
     formMapRef.current.delete(name);
     formDataRef.current.delete(name);
   }, []);
-  (0, import_react.useImperativeHandle)(propsFormMapRef, () => formArrayRef.current, [
-    formArrayRef.current
-  ]);
-  (0, import_react.useImperativeHandle)(formRef, () => {
-    var _a2;
-    return (_a2 = formArrayRef.current[step || 0]) == null ? void 0 : _a2.current;
+  (0, _react.useImperativeHandle)(propsFormMapRef, function () {
+    return formArrayRef.current;
+  }, [formArrayRef.current]);
+  (0, _react.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 = (0, import_react.useCallback)(
-    (name, formData) => __async(this, null, function* () {
-      formDataRef.current.set(name, formData);
-      if (!lastStep || !onFinish) {
-        return;
-      }
-      setLoading(true);
-      const values = (0, import_utils.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 = (0, _react.useCallback)( /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(name, formData) {
+      var values, success;
+      return (0, _regeneratorRuntime2.default)().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 = _utils.merge.apply(void 0, [{}].concat((0, _toConsumableArray2.default)(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 = (0, import_react.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 = (0, _react.useMemo)(function () {
+    var itemsProps = {
+      items: formArray.map(function (item) {
+        var itemProps = formMapRef.current.get(item);
+        return (0, _objectSpread2.default)({
           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__ */ import_react.default.createElement(
-      "div",
-      {
-        className: `${prefixCls}-steps-container ${hashId}`.trim(),
-        style: {
-          maxWidth: Math.min(formArray.length * 320, 1160)
-        }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "".concat(prefixCls, "-steps-container ").concat(hashId).trim(),
+      style: {
+        maxWidth: Math.min(formArray.length * 320, 1160)
       },
-      /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Steps,
-        __spreadProps(__spreadValues(__spreadValues({}, stepsProps), itemsProps), {
-          current: step,
-          onChange: void 0
-        })
-      )
-    );
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Steps, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, stepsProps), itemsProps), {}, {
+        current: step,
+        onChange: undefined
+      }))
+    });
   }, [formArray, hashId, prefixCls, step, stepsProps]);
-  const onSubmit = (0, import_utils.useRefFunction)(() => {
-    var _a2;
-    const from = formArrayRef.current[step];
-    (_a2 = from.current) == null ? void 0 : _a2.submit();
+  var onSubmit = (0, _utils.useRefFunction)(function () {
+    var _from$current;
+    var from = formArrayRef.current[step];
+    (_from$current = from.current) === null || _from$current === void 0 || _from$current.submit();
   });
-  const prePage = (0, import_utils.useRefFunction)(() => {
-    if (step < 1)
-      return;
+
+  /** 上一页功能 */
+  var prePage = (0, _utils.useRefFunction)(function () {
+    if (step < 1) return;
     setStep(step - 1);
   });
-  const next = (0, import_react.useMemo)(() => {
-    return submitter !== false && /* @__PURE__ */ import_react.default.createElement(
-      import_antd.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 = (0, _react.useMemo)(function () {
+    return submitter !== false && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      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 = (0, import_react.useMemo)(() => {
-    return submitter !== false && /* @__PURE__ */ import_react.default.createElement(
-      import_antd.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 = (0, _react.useMemo)(function () {
+    return submitter !== false && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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 = (0, import_react.useMemo)(() => {
-    return submitter !== false && /* @__PURE__ */ import_react.default.createElement(
-      import_antd.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 = (0, _react.useMemo)(function () {
+    return submitter !== false && /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      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 = (0, import_utils.useRefFunction)(() => {
-    if (formArray.length === 0)
-      return;
-    if (step > formArray.length - 2)
-      return;
+  var nextPage = (0, _utils.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 = (0, import_react.useMemo)(() => {
-    var _a2;
-    let buttons = [];
-    const index = step || 0;
+  var submitterDom = (0, _react.useMemo)(function () {
+    var buttons = [];
+    var index = step || 0;
     if (index < 1) {
+      // 如果有且只有一个 StepForm 第一步就应该是提交按钮
       if (formArray.length === 1) {
         buttons.push(submit);
       } else {
@@ -326,83 +319,67 @@ function StepsForm(props) {
     } else {
       buttons.push(pre, next);
     }
-    buttons = buttons.filter(import_react.default.isValidElement);
+    buttons = buttons.filter(_react.default.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 = (0, import_react.useMemo)(() => {
-    return (0, import_toArray.default)(props.children).map((item, index) => {
-      const itemProps = item.props;
-      const name = itemProps.name || `${index}`;
-      const isShow = step === index;
-      const config = isShow ? {
+  var formDom = (0, _react.useMemo)(function () {
+    return (0, _util.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__ */ import_react.default.createElement(
-        "div",
-        {
-          className: (0, import_classnames.default)(`${prefixCls}-step`, hashId, {
-            [`${prefixCls}-step-active`]: isShow
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames.default)("".concat(prefixCls, "-step"), hashId, (0, _defineProperty2.default)({}, "".concat(prefixCls, "-step-active"), isShow)),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepFormProvide.Provider, {
+          value: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), formProps), itemProps), {}, {
+            name: name,
+            step: index
           }),
-          key: name
-        },
-        /* @__PURE__ */ import_react.default.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 = (0, import_react.useMemo)(() => {
+  var finalStepsDom = (0, _react.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 = (0, import_react.useMemo)(
-    () => /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: `${prefixCls}-container ${hashId}`.trim(),
-        style: containerStyle
-      },
-      formDom,
-      stepsFormRender ? null : /* @__PURE__ */ import_react.default.createElement(import_antd.Space, null, submitterDom)
-    ),
-    [containerStyle, formDom, hashId, prefixCls, stepsFormRender, submitterDom]
-  );
-  const stepsFormDom = (0, import_react.useMemo)(() => {
-    const doms = {
+  var formContainer = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "".concat(prefixCls, "-container ").concat(hashId).trim(),
+      style: containerStyle,
+      children: [formDom, stepsFormRender ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
+        children: submitterDom
+      })]
+    });
+  }, [containerStyle, formDom, hashId, prefixCls, stepsFormRender, submitterDom]);
+  var stepsFormDom = (0, _react.useMemo)(function () {
+    var doms = {
       stepsDom: finalStepsDom,
       formDom: formContainer
     };
@@ -417,37 +394,33 @@ function StepsForm(props) {
       return propsLayoutRender(doms);
     }
     return layoutRender(doms);
-  }, [
-    finalStepsDom,
-    formContainer,
-    layoutRender,
-    stepsFormRender,
-    submitterDom,
-    propsLayoutRender
-  ]);
-  return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(prefixCls, hashId) }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Provider, __spreadValues({}, rest), /* @__PURE__ */ import_react.default.createElement(
-      StepsFormProvide.Provider,
-      {
+  }, [finalStepsDom, formContainer, layoutRender, stepsFormRender, submitterDom, propsLayoutRender]);
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(prefixCls, hashId),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Form.Provider, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, rest), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.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__ */ import_react.default.createElement(import_provider.ProConfigProvider, { needDeps: true }, /* @__PURE__ */ import_react.default.createElement(StepsForm, __spreadValues({}, props)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provider.ProConfigProvider, {
+    needDeps: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepsForm, (0, _objectSpread2.default)({}, props))
+  });
 }
-StepsFormWarp.StepForm = import_StepForm.default;
-StepsFormWarp.useForm = import_antd.Form.useForm;
+StepsFormWarp.StepForm = _StepForm.default;
+StepsFormWarp.useForm = _antd.Form.useForm;