@hw-component/form 1.3.4 → 1.3.5

package/src/pages/Form/index.tsx

@@ -3,197 +3,197 @@ import { useState } from "react";
 import { Button, DatePicker, Form, Input } from "antd";
 
 const formData = (options) => {
-    const op = [
-        {
-            key: 1,
-            value: "是",
+  const op = [
+    {
+      key: 1,
+      value: "是",
+    },
+    {
+      key: 0,
+      value: "否",
+    },
+  ];
+  return [
+    {
+      label: "测试",
+      className: "hdjd",
+    },
+    {
+      label: "测试1",
+      type: "select",
+    },
+    {
+      label: "测试1",
+      type: "inputNumber",
+    },
+    {
+      noStyle: true,
+      render: () => {
+        return <div>你好a</div>;
+      },
+    },
+    {
+      label: "时间",
+      type: "rangePicker",
+      name: "rangePicker",
+      itemProps: {
+        subProvider: () => {
+          return {
+            hdj: "fff",
+          };
         },
-        {
-            key: 0,
-            value: "否",
+      },
+    },
+    {
+      label: "选择",
+      name: "checkboxGroup",
+      type: "checkboxGroup",
+      rules: [{ required: true }],
+      helper: "帮助我",
+      options: [
+        { value: "选择1", key: "check1" },
+        { value: "选择2", key: "check2" },
+      ],
+      direction: "vertical",
+      labelAlign: "topLeft",
+    },
+    {
+      label: "file",
+      name: "file",
+      type: "upload",
+      direction: "vertical",
+      labelAlign: "topLeft",
+    },
+    {
+      label: "开关",
+      name: "switch",
+      type: "switch",
+      rules: [{ required: true }],
+      itemProps: {
+        valueMap: {
+          open: 1,
+          close: 0,
         },
-    ];
-    return [
-        {
-            label: "测试",
-            className: "hdjd",
-        },
-        {
-            label: "测试1",
-            type: "select",
-        },
-        {
-            label: "测试1",
-            type: "inputNumber",
-        },
-        {
-            noStyle: true,
-            render: () => {
-                return <div>你好a</div>;
-            },
-        },
-        {
-            label: "时间",
-            type: "rangePicker",
-            name: "rangePicker",
-            itemProps: {
-                subProvider: () => {
-                   return {
-                       hdj:"fff"
-                   }
-                },
-            },
-        },
-        {
-            label: "选择",
-            name: "checkboxGroup",
-            type: "checkboxGroup",
-            rules: [{ required: true }],
-            helper: "帮助我",
-            options: [
-                { value: "选择1", key: "check1" },
-                { value: "选择2", key: "check2" },
-            ],
-            direction: "vertical",
-            labelAlign: "topLeft",
-        },
-        {
-            label: "file",
-            name: "file",
-            type: "upload",
-            direction: "vertical",
-            labelAlign: "topLeft",
-        },
-        {
-            label: "开关",
-            name: "switch",
-            type: "switch",
-            rules: [{ required: true }],
-            itemProps: {
-                valueMap: {
-                    open: 1,
-                    close: 0,
-                },
-            },
-        },
-        {
-            type: "submit",
-            itemProps: {
-                extraList: [
-                    <Button
-                        key="wh"
-                        onClick={() => {
-                            console.log("起飞");
-                        }}
-                    >
-                        芜湖
-                    </Button>,
-                    "666",
-                    "reset",
-                ],
-            },
-        },
-        {
-            type: "submit",
-            itemProps: {
-                extraList: [
-                    <Button
-                        key="wh"
-                        onClick={() => {
-                            console.log("起飞");
-                        }}
-                    >
-                        芜湖
-                    </Button>,
-                    <Ttta key="aa" />,
-                    "666",
-                    "submit",
-                    "reset",
-                ],
-            },
-        },
-    ];
-};
-function Ttta({ form }) {
-    return (
-        <div
+      },
+    },
+    {
+      type: "submit",
+      itemProps: {
+        extraList: [
+          <Button
+            key="wh"
+            onClick={() => {
+              console.log("起飞");
+            }}
+          >
+            芜湖
+          </Button>,
+          "666",
+          "reset",
+        ],
+      },
+    },
+    {
+      type: "submit",
+      itemProps: {
+        extraList: [
+          <Button
+            key="wh"
             onClick={() => {
-                console.log("form", form);
-                form.setFieldsValue({ switch: 1 });
+              console.log("起飞");
             }}
-        >
-            ttta
-        </div>
-    );
+          >
+            芜湖
+          </Button>,
+          <Ttta key="aa" />,
+          "666",
+          "submit",
+          "reset",
+        ],
+      },
+    },
+  ];
+};
+function Ttta({ form }) {
+  return (
+    <div
+      onClick={() => {
+        console.log("form", form);
+        form.setFieldsValue({ switch: 1 });
+      }}
+    >
+      ttta
+    </div>
+  );
 }
 
 const Test = (props) => {
-    return <div>ffff</div>;
+  return <div>ffff</div>;
 };
 export default () => {
-    const form = useHForm();
-    const [options, setOptions] = useState([{ label: "1", value: 1 }]);
-    const [aForm] = Form.useForm();
-    return (
-        <div style={{ overflow: "auto", height: "90vh" }}>
-            <Form form={aForm} initialValues={{ ttim: "132123" }}>
-                <Form.Item name="ttim" rules={[{ required: true }]}>
-                    <Input />
-                </Form.Item>
-            </Form>
-            <HFormConfigProvider
-                valueSwitchMap={{ open: 1, close: 2 }}
-                valueCheckMap={{ noChecked: 0, checked: 1 }}
-                defaultComponent={{
-                    test: Test,
-                }}
-                itemProps={{
-                    style: {
-                        borderRadius: 10,
-                    },
-                }}
-                fieldNames={{
-                    label: "value",
-                    value: "key",
-                }}
-            >
-                <HForm
-                    configData={formData(options)}
-                    labelWidth={200}
-                    form={form}
-                    labelAlign={"right"}
-                    onFinish={(value) => {
-                        console.log(value);
-                    }}
-                    onValuesChange={(val) => {
-                        console.log(val, "onValuesChange");
-                    }}
-                    initialValues={{
-                        file:"fff"
-                    }}
-                    request={(params) => {
-                        return new Promise<any>((resolve) => {
-                            setTimeout(() => {
-                                resolve(params);
-                            }, 3000);
-                        });
-                    }}
-                />
-            </HFormConfigProvider>
-            <div
-                onClick={() => {
-                    aForm.resetFields();
-                }}
-            >
-                点我
-            </div>
-            <div
-                onClick={() => {
-                    form.resetFieldsInitValue();
-                }}
-            >
-                重置
-            </div>
-        </div>
-    );
-};
+  const form = useHForm();
+  const [options, setOptions] = useState([{ label: "1", value: 1 }]);
+  const [aForm] = Form.useForm();
+  return (
+    <div style={{ overflow: "auto", height: "90vh" }}>
+      <Form form={aForm} initialValues={{ ttim: "132123" }}>
+        <Form.Item name="ttim" rules={[{ required: true }]}>
+          <Input />
+        </Form.Item>
+      </Form>
+      <HFormConfigProvider
+        valueSwitchMap={{ open: 1, close: 2 }}
+        valueCheckMap={{ noChecked: 0, checked: 1 }}
+        defaultComponent={{
+          test: Test,
+        }}
+        itemProps={{
+          style: {
+            borderRadius: 10,
+          },
+        }}
+        fieldNames={{
+          label: "value",
+          value: "key",
+        }}
+      >
+        <HForm
+          configData={formData(options)}
+          labelWidth={200}
+          form={form}
+          labelAlign={"right"}
+          onFinish={(value) => {
+            console.log(value);
+          }}
+          onValuesChange={(val) => {
+            console.log(val, "onValuesChange");
+          }}
+          initialValues={{
+            file: "fff",
+          }}
+          request={(params) => {
+            return new Promise<any>((resolve) => {
+              setTimeout(() => {
+                resolve(params);
+              }, 3000);
+            });
+          }}
+        />
+      </HFormConfigProvider>
+      <div
+        onClick={() => {
+          aForm.resetFields();
+        }}
+      >
+        点我
+      </div>
+      <div
+        onClick={() => {
+          form.resetFieldsInitValue();
+        }}
+      >
+        重置
+      </div>
+    </div>
+  );
+};

package/src/pages/ModalForm/index.tsx

@@ -10,7 +10,7 @@ const data = [
   {
     label: "输入框",
     name: "name",
-    hideLabel:true,
+    hideLabel: true,
     rules: [
       () => {
         return {

package/src/pages/Select/index.tsx

@@ -20,7 +20,7 @@ export default () => {
         placeholder="多选"
         value={selectVal}
         onChange={(val, option) => {
-            console.log(option)
+          console.log(option);
           setSelectVal(val);
         }}
         allSelect={true}