@hw-component/form 1.10.93 → 1.10.94

package/es/Form/FormItem/BasicItem.js

@@ -128,6 +128,7 @@ var Index = function Index(props) {
       rules: cuRules,
       noStyle: noStyle,
       hidden: disHide,
+      dependencies: dependencies,
       children: noStyle ? defaultRender(form) : jsx(Content, {
         helper: helper,
         children: defaultRender(form)

package/lib/Form/FormItem/BasicItem.js

@@ -131,6 +131,7 @@ var Index = function Index(props) {
       rules: cuRules,
       noStyle: noStyle,
       hidden: disHide,
+      dependencies: dependencies,
       children: noStyle ? defaultRender(form) : jsxRuntime.jsx(Content, {
         helper: helper,
         children: defaultRender(form)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "1.10.93",
+  "version": "1.10.94",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",
@@ -40,6 +40,7 @@
     "react-color": "2.19.3"
   },
   "devDependencies": {
+    "ahooks": "2.10.9",
     "@ant-design/icons": "4.6.2",
     "@babel/core": "^7.21.8",
     "@babel/plugin-transform-runtime": "^7.23.2",

package/src/components/Form/FormItem/BasicItem.tsx

@@ -120,6 +120,7 @@ const Index: React.FC<HFormItemProps> = (props) => {
         rules={cuRules}
         noStyle={noStyle}
         hidden={disHide}
+        dependencies={dependencies}
       >
         {noStyle ? (
           defaultRender(form)

package/src/pages/Form/index.tsx

@@ -9,6 +9,7 @@ import {
 } from "../../components";
 import { useEffect, useState } from "react";
 import { Button, Col, Form, Input, Row, Space } from "antd";
+
 const Test3 = ({ value = {}, onChange }) => {
   const { fs, end } = value;
   return (
@@ -149,10 +150,39 @@ export default () => {
   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 form={aForm}>
+          <Form.Item
+              name="password"
+              label="Password"
+              rules={[
+                  {
+                      required: true,
+                      message: 'Please input your password!',
+                  },
+              ]}
+              hasFeedback
+          >
+              <Input />
+          </Form.Item>
+          <Form.Item
+              name="confirm"
+              label="Confirm Password"
+              dependencies={['password']}
+              rules={[
+                  {
+                      required: true,
+                      message: 'Please confirm your password!',
+                  },
+                  {
+                      validator(_, value) {
+                          console.log("ffff")
+                          return Promise.reject(new Error('The two passwords that you entered do not match!'));
+                      },
+                  }
+              ]}
+          >
+              <Input/>
+          </Form.Item>
       </Form>
       <HFormConfigProvider
         valueSwitchMap={{ open: 1, close: 2 }}
@@ -188,14 +218,14 @@ export default () => {
               {
                 name: "num",
                 label: "你好啊",
-                type: "rangePicker",
-                hover: ["123123213", "22222"],
-                itemProps: {
-                  valueMap: {
-                    start: "start",
-                    end: "end",
-                  },
-                },
+                // type: "rangePicker",
+                // hover: ["123123213", "22222"],
+                // itemProps: {
+                //   valueMap: {
+                //     start: "start",
+                //     end: "end",
+                //   },
+                // },
               },
               {
                 name: "num1",
@@ -204,45 +234,19 @@ export default () => {
                 // hidden: () => {
                 //   return !form.getFieldValue("num");
                 // },
-                rules: [{ validator:(rule, value, callback)=>{
-                           console.log(rule, value, callback);
-                    } }],
-              },
-              {
-                name: ["order", "name"],
-                label: "time",
-                type: "select",
-                itemProps: {
-                  options: [{ value: "label", key: 1 }],
-                  mode: "multiple",
-                },
-              },
-              {
-                name: "tt",
-                label: "time1",
-                type: "rangePicker",
-                render: () => {
-                  return <TestItem />;
-                },
-              },
-              {
-                name: "selectInput",
-                label: "selectInput",
-                render: () => {
-                  return <TestItem1 />;
-                },
-              },
-                {
-                    label:"数字组",
-                    type: "inputNumberGroup",
-                    name:"hhhhh",
-                    rules:[{required:true,message:"请输入"},{validator:(rule, value, callback)=>{
-                        return Promise.reject(new Error("错误"))
-                        }}],
-                    itemProps:{
-                        addonMiddle:"发撒冯绍峰撒"
+                rules: [
+                    {
+                        required: true,
+                        message: 'Please confirm your password!',
+                    },
+                    {
+                        validator(_, value) {
+                            console.log("ffff")
+                            return Promise.reject(new Error('The two passwords that you entered do not match!'));
+                        },
                     }
-                }
+                ]
+              },
             ]}
             dismissOnPressEnter={false}
             form={form}