@hw-component/form 1.10.97 → 1.11.1

package/src/pages/Form/index.tsx

@@ -6,9 +6,11 @@ import {
   HBasicForm,
   HRangePicker,
   HSelectInput,
+  HUpload
 } from "../../components";
 import { useEffect, useState } from "react";
 import { Button, Col, Form, Input, Row, Space } from "antd";
+import ImgCrop from 'antd-img-crop';
 
 const Test3 = ({ value = {}, onChange }) => {
   const { fs, end } = value;
@@ -143,6 +145,25 @@ const TestItem1 = ({ value, onChange }) => {
   );
 };
 
+const HeaderImg=({ value=[], onChange }) => {
+    console.log(value);
+    return (
+        <ImgCrop rotate>
+            <HUpload
+                value={value}
+                request={null}
+                onChange={(info)=>{
+                    console.log(info,"info")
+                    onChange(info.fileList)
+                }}
+
+            >
+                天际
+            </HUpload>
+        </ImgCrop>
+    );
+};
+
 export default () => {
   const form = useHForm();
   const [id, setId] = useState(1);
@@ -226,6 +247,9 @@ export default () => {
                 label: "你好啊",
                 type: "rangePicker",
                 hover: ["123123213", "22222"],
+                rules: [
+                  { required: true, message: "Please input your password!" },
+                ],
                 itemProps: {
                   valueMap: {
                     start: "start",
@@ -236,25 +260,14 @@ export default () => {
               {
                 name: "num1",
                 label: "必填",
-                type:"selectInput",
+                type:"imgCropUpload",
                 dependencies: ["num"],
               },
             ]}
             dismissOnPressEnter={false}
             form={form}
             initialValues={{
-              deviceType: 1,
-              tt: {
-                select: "test",
-                time: {
-                  EndTime: null,
-                  StartTime: null,
-                },
-              },
-              selectInput: {
-                select: "1",
-                input: "",
-              },
+
             }}
             labelAlign={"top"}
             onValuesChange={(val) => {