From c9616fc6a501cf32c8a470520fadc92f16f04d51 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E9=87=91=E9=BE=99?=
 <zhangjinlong@zhangjinlongdeiMac.local>
Date: Fri, 9 Oct 2020 00:39:26 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=AE=9E=E6=97=B6=E5=88=B7=E6=96=B0?=
 =?UTF-8?q?=EF=BC=88=E4=BF=9D=E5=AD=98=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../PanelComponents/FormEditor/index.tsx      | 43 ++++++++++++-------
 1 file changed, 28 insertions(+), 15 deletions(-)

diff --git a/src/components/PanelComponents/FormEditor/index.tsx b/src/components/PanelComponents/FormEditor/index.tsx
index cba150f..195c453 100644
--- a/src/components/PanelComponents/FormEditor/index.tsx
+++ b/src/components/PanelComponents/FormEditor/index.tsx
@@ -52,6 +52,11 @@ const FormEditor = (props: FormEditorProps) => {
       form.resetFields();
     };
   }, [defaultValue, form]);
+
+  const handleInputChange = (values: any) => {
+    let btn = document.getElementById('btn');
+    btn?.click();
+  };
   return (
     <Form
       form={form}
@@ -65,32 +70,32 @@ const FormEditor = (props: FormEditorProps) => {
           <React.Fragment key={i}>
             {item.type === 'Number' && (
               <Form.Item label={item.name} name={item.key}>
-                <InputNumber max={item.range && item.range[1]} />
+                <InputNumber max={item.range && item.range[1]} onChange={handleInputChange} />
               </Form.Item>
             )}
             {item.type === 'Text' && (
               <Form.Item label={item.name} name={item.key}>
-                <Input />
+                <Input onChange={handleInputChange} />
               </Form.Item>
             )}
             {item.type === 'TextArea' && (
               <Form.Item label={item.name} name={item.key}>
-                <TextArea rows={4} />
+                <TextArea rows={4} onChange={handleInputChange} />
               </Form.Item>
             )}
             {item.type === 'DataList' && (
               <Form.Item label={item.name} name={item.key}>
-                <DataList />
+                <DataList onChange={handleInputChange} />
               </Form.Item>
             )}
             {item.type === 'Color' && (
               <Form.Item label={item.name} name={item.key}>
-                <Color />
+                <Color onChange={handleInputChange} />
               </Form.Item>
             )}
             {item.type === 'MutiText' && (
               <Form.Item label={item.name} name={item.key}>
-                <MutiText />
+                <MutiText onChange={handleInputChange} />
               </Form.Item>
             )}
             {item.type === 'Select' && (
@@ -98,7 +103,7 @@ const FormEditor = (props: FormEditorProps) => {
                 <Select placeholder="请选择">
                   {item.range.map((v: any, i: number) => {
                     return (
-                      <Option value={v.key} key={i}>
+                      <Option value={v.key} key={i} onChange={handleInputChange}>
                         {v.text}
                       </Option>
                     );
@@ -111,7 +116,7 @@ const FormEditor = (props: FormEditorProps) => {
                 <Radio.Group>
                   {item.range.map((v: any, i: number) => {
                     return (
-                      <Radio value={v.key} key={i}>
+                      <Radio value={v.key} key={i} onChange={handleInputChange}>
                         {v.text}
                       </Radio>
                     );
@@ -121,7 +126,7 @@ const FormEditor = (props: FormEditorProps) => {
             )}
             {item.type === 'Switch' && (
               <Form.Item label={item.name} name={item.key} valuePropName="checked">
-                <Switch />
+                <Switch onChange={handleInputChange} />
               </Form.Item>
             )}
             {item.type === 'Upload' && (
@@ -131,34 +136,42 @@ const FormEditor = (props: FormEditorProps) => {
                 valuePropName="fileList"
                 getValueFromEvent={normFile}
               >
-                <Upload cropRate={item.cropRate} isCrop={item.isCrop} />
+                <Upload
+                  cropRate={item.cropRate}
+                  isCrop={item.isCrop}
+                  onChange={handleInputChange}
+                />
               </Form.Item>
             )}
             {item.type === 'CardPicker' && (
               <Form.Item label={item.name} name={item.key} valuePropName="type">
-                <CardPicker icons={item.icons} type={defaultValue['type']} />
+                <CardPicker
+                  icons={item.icons}
+                  type={defaultValue['type']}
+                  onChange={handleInputChange}
+                />
               </Form.Item>
             )}
             {item.type === 'Table' && (
               <Form.Item label={item.name} name={item.key} valuePropName="data">
-                <Table data={item.data} />
+                <Table data={item.data} onChange={handleInputChange} />
               </Form.Item>
             )}
             {item.type === 'Pos' && (
               <Form.Item label={item.name} name={item.key}>
-                <Pos />
+                <Pos onChange={handleInputChange} />
               </Form.Item>
             )}
             {item.type === 'FormItems' && (
               <Form.Item label={item.name} name={item.key} valuePropName="formList">
-                <FormItems data={item.data} />
+                <FormItems data={item.data} onChange={handleInputChange} />
               </Form.Item>
             )}
           </React.Fragment>
         );
       })}
       <Form.Item wrapperCol={{ span: 12, offset: 6 }}>
-        <Button type="primary" htmlType="submit">
+        <Button type="primary" hidden={true} htmlType="submit" id="btn">
           保存
         </Button>
         <Button danger style={{ marginLeft: '20px' }} onClick={handleDel}>