@hw-component/form 1.9.45 → 1.9.47

package/src/pages/DrawerForm/index.tsx

@@ -68,9 +68,6 @@ export default () => {
         labelWidth={88}
         labelAlign={"left"}
         dialogForm={modalForm}
-        footer={() => {
-          return <div>ff</div>;
-        }}
         request={(values) => {
           console.log(values);
         }}

package/src/pages/Form/index.tsx

@@ -80,52 +80,73 @@ const formData = (options) => {
       itemProps: {
         addonBefore: "前面",
         addonAfter: "后面",
-          disabled:true
+        disabled: true,
       },
     },
-      {
-          name: "inputNumberGroup",
-          label: "inputNumber",
-          type:"inputNumberGroup",
-          rules: [
-              {
-                  validator: () => {
-                      return Promise.reject(new Error("错误"));
-                  },
-              },
-          ],
-          itemProps: {
-              addonBefore: "前面",
-              addonAfter: "后面",
+    {
+      name: "inputNumberGroup",
+      label: "inputNumber",
+      type: "inputNumberGroup",
+      rules: [
+        {
+          validator: () => {
+            return Promise.reject(new Error("错误"));
           },
+        },
+      ],
+      itemProps: {
+        addonBefore: "前面",
+        addonAfter: "后面",
       },
-      {
-          label:"时间",
-          name:"time",
-          type:'datePicker',
-          itemProps: {
-              picker: 'month',
-              placeholder: '请选择月份',
-          },
+    },
+    {
+      label: "时间",
+      name: "time",
+      type: "datePicker",
+      itemProps: {
+        picker: "month",
+        placeholder: "请选择月份",
       },
-      {
-          label:"下拉",
-          name:"select",
-          type:'select',
-          rules: [
-              {
-                  validator: () => {
-                      return Promise.reject(new Error("错误"));
-                  },
-              },
+    },
+    {
+      label: "inputSelect",
+      type: "selectInput",
+      name: "selectInput",
+      itemProps: {
+        selectProps: {
+          options: [
+            {
+              value: "第一",
+              key: 1,
+            },
           ],
-          itemProps: {
-              addonBefore: "前面",
-              addonAfter:<div onClick={()=>{
-                  console.log("fff")
-              }}>后面</div>,
+        },
+      },
+    },
+    {
+      label: "下拉",
+      name: "select",
+      type: "select",
+      rules: [
+        {
+          validator: () => {
+            return Promise.reject(new Error("错误"));
           },
-      }
+        },
+      ],
+      itemProps: {
+        addonBefore: "前面",
+        addonAfter: (
+          <div
+            onClick={() => {
+              console.log("fff");
+            }}
+          >
+            后面
+          </div>
+        ),
+      },
+    },
   ];
 };
 function Ttta({ form }) {
@@ -145,7 +166,7 @@ const Test = (props) => {
 };
 export default () => {
   const form = useHForm();
-  const [id,setId]=useState(1);
+  const [id, setId] = useState(1);
   const [options, setOptions] = useState([{ label: "1", value: 1 }]);
   const [aForm] = Form.useForm();
   return (
@@ -166,46 +187,94 @@ export default () => {
           value: "key",
         }}
       >
-        <div onClick={()=>{
-          setId(2);
-        }}>
+        <div
+          onClick={() => {
+            setId(2);
+          }}
+        >
           点我
         </div>
-       <div style={{width:1000}}>
-           <HForm
-               configData={formData(options)}
-               dismissOnPressEnter={false}
-               labelWidth={88}
-               form={form}
-               infoRequest={{
-                   request:async ()=>{
-                       if (id===1){
-                           return {
-                               name:"你好"
-                           };
-                       }
-                       return  {
+        <div style={{ width: 1000 }}>
+          <HForm
+            configData={[{
+              label: '运营商账号',
+              name: 'mobile',
+              type: 'buttonInput',
+              itemProps: {
+                children: '修改手机号',
+                disabled: true,
+                buttonProps: {
+                  type: 'primary',
+                  ghost: true,
+                  style: {
+                    marginLeft: 8,
+                  },
+                  onClick:()=>{
 
-                       }
-                   },
-                   refreshDeps:[id]
-               }}
-               labelAlign={"left"}
-               onFinish={(value) => {
-                   console.log(value, "onFinish");
-               }}
-               onValuesChange={(val) => {
-                   console.log(val, "onValuesChange");
-               }}
-               request={(params) => {
-                   return new Promise<any>((resolve) => {
-                       setTimeout(() => {
-                           resolve(params);
-                       }, 3000);
-                   });
-               }}
-           />
-       </div>
+                  },
+                },
+              },
+            }, {
+              label: '验证码',
+              name: 'newCode',
+              type: 'verificationCodeInput',
+              itemProps: {
+                request: async ({ newMobile }) => {
+                  return Promise.resolve();
+                },
+                buttonProps: {
+                  ghost: true,
+                },
+              },
+            },{
+              label:"你好",
+              noStyle:true,
+              render:()=>{
+                return <div style={{width:"100%",backgroundColor:'red',height:"100%"}}>
+                  <div style={{height:200}}></div>
+                </div>
+              }
+            },{
+              label:"你好",
+              noStyle:true,
+              render:()=>{
+                return <div style={{width:"100%",backgroundColor:'black',height:"100%"}}></div>
+              }
+            }]}
+            dismissOnPressEnter={false}
+            labelWidth={88}
+            form={form}
+            itemSpan={{
+              span:8
+            }}
+            infoRequest={{
+              request: async () => {
+                if (id === 1) {
+                  return {
+                    name: "你好",
+                    select: 1,
+                  };
+                }
+                return {};
+              },
+              refreshDeps: [id],
+            }}
+            labelAlign={"left"}
+            onFinish={(value) => {
+              console.log(value, "onFinish");
+            }}
+            onValuesChange={(val) => {
+              console.log(val, "onValuesChange");
+            }}
+            request={(params) => {
+              return new Promise<any>((resolve) => {
+                setTimeout(() => {
+                  resolve(params);
+                }, 3000);
+              });
+            }}
+          />
+        </div>
       </HFormConfigProvider>
       <div
         onClick={async () => {

package/src/pages/Input/index.tsx

@@ -24,7 +24,7 @@ export default () => {
       <HInputNumber />
       <HColorInput value={colorVal} onChange={setColorVal} />
       <HVerificationCodeInput
-          layType="text"
+        layType="text"
         request={() => {
           return Promise.resolve({ code: 200 });
         }}

package/src/pages/ModalForm/index.tsx

@@ -160,8 +160,7 @@ export default () => {
       <Button
         onClick={() => {
           num++;
-          modalForm.show({
-          });
+          modalForm.show({});
         }}
       >
         打开
@@ -192,8 +191,8 @@ export default () => {
         <HModalForm
           configData={data}
           labelWidth={88}
-          infoRequest={()=>{
-              console.log("infoRequest")
+          infoRequest={() => {
+            console.log("infoRequest");
           }}
           labelAlign={"left"}
           request={(values, params) => {

package/src/pages/Switch/index.tsx

@@ -1,15 +1,15 @@
 import { Space } from "antd";
 import { HSwitch } from "../../components";
-import {useState} from "react";
-const req=()=>{
-    return new Promise((resolve, reject)=>{
-        setTimeout(()=>{
-            resolve({})
-        },2000)
-    })
-}
+import { useState } from "react";
+const req = () => {
+  return new Promise((resolve, reject) => {
+    setTimeout(() => {
+      resolve({});
+    }, 2000);
+  });
+};
 export default () => {
-  const [val,setVal]=useState();
+  const [val, setVal] = useState();
   return (
     <Space size={"large"} direction={"vertical"} style={{ width: "100%" }}>
       <HSwitch
@@ -17,8 +17,8 @@ export default () => {
         beforeText="开关"
         size="small"
         valueMap={{ open: 1, close: 0 }}
-        onChange={(val) => {
-          console.log(val);
+        onChange={(v) => {
+          console.log(v);
         }}
       >
         打开

package/src/pages/Upload/index.tsx

@@ -21,7 +21,6 @@ export default () => {
         onChange={setFiles}
         multiple={true}
         maxCount={3}
-
         maxSize={Number.MAX_SAFE_INTEGER}
       />
       <HUpload
@@ -33,7 +32,12 @@ export default () => {
         }}
         onChange={setFiles1}
       />
-      <HUrlUpload inputHelper="测试" mediaType={MediaTypeEnum.video} value={files} onChange={setFiles}/>
+      <HUrlUpload
+        inputHelper="测试"
+        mediaType={MediaTypeEnum.video}
+        value={files}
+        onChange={setFiles}
+      />
     </Space>
   );
 };