@hw-component/form 1.4.9 → 1.5.0

package/src/pages/Form/index.tsx

@@ -1,21 +1,28 @@
-import {HForm, HFormConfigProvider, HSwitch, useHForm} from "../../components";
+import {
+  HForm,
+  HFormConfigProvider,
+  HSwitch,
+  useHForm,
+} from "../../components";
 import { useState } from "react";
-import {Button, DatePicker, Form, Input, Row} from "antd";
-const Test2=()=>{
-  return <Row style={{background:"red"}}>
-
-  </Row>
-}
-const Test3=({value,onChange})=>{
-     return <Input value={value.input}
-                   style={{width:100}}
-                   onChange={(e)=>{
-          onChange({
-              ...value,
-              input:e.target.value
-          })
-     }}/>
-}
+import { Button, DatePicker, Form, Input, Row } from "antd";
+const Test2 = () => {
+  return <Row style={{ background: "red" }} />;
+};
+const Test3 = ({ value, onChange }) => {
+  return (
+    <Input
+      value={value.input}
+      style={{ width: 100 }}
+      onChange={(e) => {
+        onChange({
+          ...value,
+          input: e.target.value,
+        });
+      }}
+    />
+  );
+};
 const formData = (options) => {
   const op = [
     {
@@ -28,20 +35,20 @@ const formData = (options) => {
     },
   ];
   return [
-      {
-          label: "12321",
-          className: "3",
-          name:"inputNumberGroup",
-          type:"inputNumberGroup",
-          itemProps:{
-              addonAfter:<Test3/>
-          },
+    {
+      label: "12321",
+      className: "3",
+      name: "inputNumberGroup",
+      type: "inputNumberGroup",
+      itemProps: {
+        addonAfter: <Test3 />,
       },
+    },
     {
       label: "测试12312",
       className: "hdjd",
-        type: "colorInput",
-      name:"test",
+      type: "colorInput",
+      name: "test",
     },
   ];
 };
@@ -93,18 +100,18 @@ export default () => {
           form={form}
           labelAlign={"right"}
           onFinish={(value) => {
-            console.log(value,"fff");
+            console.log(value, "fff");
           }}
           onValuesChange={(val) => {
             console.log(val, "onValuesChange");
           }}
           initialValues={{
             file: "https://img0.baidu.com/it/u=530540642,263790536&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=667",
-            min:1,
-            max:2,
-              inputNumberGroup:{
-                  input:"xxxxxxx"
-              }
+            min: 1,
+            max: 2,
+            inputNumberGroup: {
+              input: "xxxxxxx",
+            },
           }}
           request={(params) => {
             return new Promise<any>((resolve) => {
@@ -117,19 +124,19 @@ export default () => {
       </HFormConfigProvider>
       <div
         onClick={async () => {
-           const result=await form.validateFields();
-           console.log(result);
+          const result = await form.validateFields();
+          console.log(result);
         }}
       >
         点我
       </div>
-        <div
-            onClick={() => {
-               form.submit()
-            }}
-        >
-            提交
-        </div>
+      <div
+        onClick={() => {
+          form.submit();
+        }}
+      >
+        提交
+      </div>
       <div
         onClick={() => {
           form.resetFields();

package/src/pages/ModalForm/index.tsx

@@ -2,14 +2,15 @@ import { Button } from "antd";
 import {
   HModalForm,
   useHDialogForm,
-  HFormConfigProvider, HUrlUpload,
+  HFormConfigProvider,
+  HUrlUpload,
 } from "../../components";
 import { useState } from "react";
 import { ShowParamsModal } from "@/components/DialogForm/modal";
 
-const Test=(props)=>{
-  return <HUrlUpload {...props}/>
-}
+const Test = (props) => {
+  return <HUrlUpload {...props} />;
+};
 const data = [
   {
     label: "输入框",
@@ -109,9 +110,9 @@ const data = [
   {
     label: "地址文件",
     name: "urlUpload",
-    render:()=>{
-      return <Test/>
-    }
+    render: () => {
+      return <Test />;
+    },
   },
   {
     label: "下拉框",
@@ -154,9 +155,9 @@ export default () => {
             params: {
               name: num,
             },
-            initialValues:{
-              urlUpload:"ffff"
-            }
+            initialValues: {
+              urlUpload: "ffff",
+            },
           });
         }}
       >

package/src/pages/Select/index.tsx

@@ -14,7 +14,7 @@ export default () => {
       <HSelect
         fieldNames={{ label: "name", value: "value" }}
         options={[
-          { name: "测试1", value: 10, userId: 112321,disabled:true },
+          { name: "测试1", value: 10, userId: 112321, disabled: true },
           { name: "测试2", value: 20, userId: 112321 },
         ]}
         placeholder="多选"

package/src/pages/Upload/index.tsx

@@ -6,9 +6,21 @@ import { MediaTypeEnum } from "../../components/Upload/enums";
 export default () => {
   const [files, setFiles] = useState([]);
   const [files1, setFiles1] = useState([]);
+  console.log(files)
   return (
     <Space size={"large"} direction={"vertical"} style={{ width: "100%" }}>
-      <HUpload value={files} onChange={setFiles} multiple={true} maxCount={3} />
+      <HUpload exFiles={null}
+               value={files}
+               request={()=>{
+                   return {
+                       url:"https://inews.gtimg.com/om_bt/OGlQWfsaAoKkuCcMZ2o9IVEPqd-72DQy5EAN02XBHUwfYAA/641",
+                       thumbUrl:"https://inews.gtimg.com/om_bt/OGlQWfsaAoKkuCcMZ2o9IVEPqd-72DQy5EAN02XBHUwfYAA/641"
+                   }
+               }}
+               onChange={setFiles}
+               multiple={true}
+               maxCount={3}
+               maxSize={Number.MAX_SAFE_INTEGER}/>
       <HUrlUpload
         value={files1}
         mediaType={MediaTypeEnum.file}