fix(next): fix FormDrawer demo error (#3080)

alibaba · Apr 28, 2022 · 79d9477 · 79d9477
1 parent c2b7ba9
commit 79d9477
Show file tree

Hide file tree

Showing 2 changed files with 70 additions and 14 deletions.
diff --git a/packages/next/docs/components/FormDrawer.md b/packages/next/docs/components/FormDrawer.md
@@ -29,7 +29,7 @@ export default () => {
   return (
     <Button
       onClick={() => {
-        FormDrawer('Drawer Form', (resolve) => {
+        FormDrawer('Drawer Form', () => {
           return (
             <FormLayout labelCol={6} wrapperCol={14}>
               <SchemaField>
@@ -64,7 +64,15 @@ export default () => {
               </SchemaField>
               <FormDrawer.Footer>
                 <FormButtonGroup align="right">
-                  <Submit onClick={resolve}>Submit</Submit>
+                  <Submit
+                    onSubmit={() => {
+                      return new Promise((resolve) => {
+                        setTimeout(resolve, 1000)
+                      })
+                    }}
+                  >
+                    Submit
+                  </Submit>
                   <Reset>Reset</Reset>
                 </FormButtonGroup>
               </FormDrawer.Footer>
@@ -146,13 +154,21 @@ export default () => {
   return (
     <Button
       onClick={() => {
-        FormDrawer('Pop-up form', (resolve) => {
+        FormDrawer('Pop-up form', () => {
           return (
             <FormLayout labelCol={6} wrapperCol={14}>
               <SchemaField schema={schema} />
               <FormDrawer.Footer>
                 <FormButtonGroup align="right">
-                  <Submit onClick={resolve}>Submit</Submit>
+                  <Submit
+                    onSubmit={() => {
+                      return new Promise((resolve) => {
+                        setTimeout(resolve, 1000)
+                      })
+                    }}
+                  >
+                    Submit
+                  </Submit>
                   <Reset>Reset</Reset>
                 </FormButtonGroup>
               </FormDrawer.Footer>
@@ -193,7 +209,7 @@ export default () => {
   return (
     <Button
       onClick={() => {
-        FormDrawer('Pop-up form', (resolve) => {
+        FormDrawer('Pop-up form', () => {
           return (
             <FormLayout labelCol={6} wrapperCol={14}>
               <Field
@@ -226,7 +242,15 @@ export default () => {
               />
               <FormDrawer.Footer>
                 <FormButtonGroup align="right">
-                  <Submit onClick={resolve}>Submit</Submit>
+                  <Submit
+                    onSubmit={() => {
+                      return new Promise((resolve) => {
+                        setTimeout(resolve, 1000)
+                      })
+                    }}
+                  >
+                    Submit
+                  </Submit>
                   <Reset>Reset</Reset>
                 </FormButtonGroup>
               </FormDrawer.Footer>
@@ -272,7 +296,7 @@ export default () => {
     >
       <Button
         onClick={() => {
-          FormDrawer('Pop-up form', (resolve) => {
+          FormDrawer('Pop-up form', () => {
             return (
               <FormLayout labelCol={6} wrapperCol={14}>
                 <Field
@@ -305,7 +329,15 @@ export default () => {
                 />
                 <FormDrawer.Footer>
                   <FormButtonGroup align="right">
-                    <Submit onClick={resolve}>Submit</Submit>
+                    <Submit
+                      onSubmit={() => {
+                        return new Promise((resolve) => {
+                          setTimeout(resolve, 1000)
+                        })
+                      }}
+                    >
+                      Submit
+                    </Submit>
                     <Reset>Reset</Reset>
                   </FormButtonGroup>
                 </FormDrawer.Footer>

diff --git a/packages/next/docs/components/FormDrawer.zh-CN.md b/packages/next/docs/components/FormDrawer.zh-CN.md
@@ -159,13 +159,21 @@ export default () => {
   return (
     <Button
       onClick={() => {
-        FormDrawer('弹窗表单', (resolve) => {
+        FormDrawer('弹窗表单', () => {
           return (
             <FormLayout labelCol={6} wrapperCol={14}>
               <SchemaField schema={schema} />
               <FormDrawer.Footer>
                 <FormButtonGroup align="right">
-                  <Submit onClick={resolve}>提交</Submit>
+                  <Submit
+                    onSubmit={() => {
+                      return new Promise((resolve) => {
+                        setTimeout(resolve, 1000)
+                      })
+                    }}
+                  >
+                    提交
+                  </Submit>
                   <Reset>重置</Reset>
                 </FormButtonGroup>
               </FormDrawer.Footer>
@@ -206,7 +214,7 @@ export default () => {
   return (
     <Button
       onClick={() => {
-        FormDrawer('弹窗表单', (resolve) => {
+        FormDrawer('弹窗表单', () => {
           return (
             <FormLayout labelCol={6} wrapperCol={14}>
               <Field
@@ -239,7 +247,15 @@ export default () => {
               />
               <FormDrawer.Footer>
                 <FormButtonGroup align="right">
-                  <Submit onClick={resolve}>提交</Submit>
+                  <Submit
+                    onSubmit={() => {
+                      return new Promise((resolve) => {
+                        setTimeout(resolve, 1000)
+                      })
+                    }}
+                  >
+                    提交
+                  </Submit>
                   <Reset>重置</Reset>
                 </FormButtonGroup>
               </FormDrawer.Footer>
@@ -285,7 +301,7 @@ export default () => {
     >
       <Button
         onClick={() => {
-          FormDrawer('弹窗表单', (resolve) => {
+          FormDrawer('弹窗表单', () => {
             return (
               <FormLayout labelCol={6} wrapperCol={14}>
                 <Field
@@ -318,7 +334,15 @@ export default () => {
                 />
                 <FormDrawer.Footer>
                   <FormButtonGroup align="right">
-                    <Submit onClick={resolve}>提交</Submit>
+                    <Submit
+                      onSubmit={() => {
+                        return new Promise((resolve) => {
+                          setTimeout(resolve, 1000)
+                        })
+                      }}
+                    >
+                      提交
+                    </Submit>
                     <Reset>重置</Reset>
                   </FormButtonGroup>
                 </FormDrawer.Footer>