@hw-component/form 0.0.3-beta-v5 → 0.0.3-beta-v7

package/src/pages/Form/index.tsx

@@ -96,11 +96,22 @@ const data = [
     type: "urlUpload",
     rules: [{ required: true }],
   },
+  {
+    label: "颜色",
+    name: "colorInput",
+    type: "colorInput",
+  },
+  {
+    label: "测试",
+    type: "test",
+  },
   {
     type: "submit",
   },
 ];
-
+const Test = (props) => {
+  return <div>ffff</div>;
+};
 export default () => {
   const form = useHForm();
   return (
@@ -108,6 +119,9 @@ export default () => {
       <HFormConfigProvider
         valueSwitchMap={{ open: 1, close: 2 }}
         valueCheckMap={{ noChecked: 0, checked: 1 }}
+        defaultComponent={{
+          test: Test,
+        }}
       >
         <HForm
           configData={data}
@@ -128,6 +142,7 @@ export default () => {
                   testEnd: "1693538359",
                   op: 1,
                   opInput: "12121",
+                  colorInput: "rgba(24, 144, 255,1)",
                   upload:
                     "https://img2.baidu.com/it/u=2048195462,703560066&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=333",
                 });

package/src/pages/Input/index.tsx

@@ -3,6 +3,7 @@ import {
   HSelectInput,
   HButtonInput,
   HInputNumber,
+  HColorInput,
 } from "../../components";
 import { Space } from "antd";
 export default () => {
@@ -17,6 +18,7 @@ export default () => {
       />
       <HButtonInput>点我</HButtonInput>
       <HInputNumber />
+      <HColorInput />
     </Space>
   );
 };

package/src/pages/ModalForm/index.tsx

@@ -97,18 +97,18 @@ const data = [
     rules: [{ required: true }],
   },
 ];
-let num=0;
+let num = 0;
 export default () => {
   const modalForm = useHDialogForm();
   return (
     <>
       <Button
         onClick={() => {
-          num++
+          num++;
           modalForm.show({
-            params:{
-              name:num
-            }
+            params: {
+              name: num,
+            },
           });
         }}
       >
@@ -117,18 +117,18 @@ export default () => {
       <HModalForm
         configData={data}
         labelWidth={88}
-        request={(val,params)=>{
-           console.log(val,params);
+        request={(val, params) => {
+          console.log(val, params);
         }}
         infoRequest={(ppp) => {
-          console.log(ppp)
+          console.log(ppp);
           return Promise.resolve({
             check1: 1,
             testStart: "1694747960",
             testEnd: "1693538359",
             op: 1,
             opInput: "12121",
-            name:ppp.name
+            name: ppp.name,
           });
         }}
         dialogForm={modalForm}