docs: 完善stepsform文档

Author: LsyWeb

react/StepsForm/README.md

@@ -7,30 +7,30 @@
 
 ```jsx
 <StepsForm
-  defaultCurrent={step}
+  defaultCurrent={0}
   onFinish={async (values) => {
     console.log("所有步骤完成", values);
   }}
 >
-  <StepForm
+  <StepsForm.StepForm
     onFinish={async (values) => {
       console.log("第一步完成", "values");
       await delay(2000);
       return true;
     }}
   >
     第一步表单
-  </StepForm>
-  <StepForm
+  </StepsForm.StepForm>
+  <StepsForm.StepForm
     onFinish={async (values) => {
       console.log("第2步完成", "values");
       await delay(2000);
-      return true;
+      return false; // 返回false则不会进入下一步
     }}
   >
     第二步表单
-  </StepForm>
+  </StepsForm.StepForm>
 
-  <StepForm>第三步表单</StepForm>
+  <StepsForm.StepForm>第三步表单</StepsForm.StepForm>
 </StepsForm>
 ```

react/StepsForm/SetpForm.tsx renamed to react/StepsForm/StepForm.tsx

@@ -15,6 +15,7 @@ type SetpFormProps = {
    */
   onFinish?: (values: any) => Promise<boolean>;
 } & FormProps;
+
 export const StepForm = ({ children, onFinish, ...props }: SetpFormProps) => {
   const {
     currentIndex,
@@ -24,6 +25,7 @@ export const StepForm = ({ children, onFinish, ...props }: SetpFormProps) => {
     setCurrentIndex,
     onLastFinish,
   } = useContext(StepsFormContext);
+  
   const [loading, setLoading] = useState<boolean>(false);
 
   return (

react/StepsForm/context.ts

@@ -37,5 +37,7 @@ const StepsFormContext = React.createContext<StepsFormContextType>({
   values: undefined,
   currentIndex: 0,
 })
+
 export const { Provider: StepsFormProvider } = StepsFormContext
+
 export default StepsFormContext

react/StepsForm/index.tsx

@@ -1,9 +1,12 @@
 import { useEffect, useMemo, useRef, useState, ReactNode } from "react";
 import styles from "./index.module.scss";
 import { StepsFormProvider } from "./context";
-import StepForm from "./SetpForm";
+import StepForm from "./StepForm";
 
 type StepsFormProps = {
+  /**
+   * 表单内容，每个子元素需要时一个StepForm组件
+   */
   children: ReactNode;
   /**
    * 默认初始显示第几步