@hw-component/form 1.1.9 → 1.2.1

package/es/Form/config.d.ts

@@ -26,7 +26,7 @@ declare const componentConfig: {
     textArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
     colorInput: ({ value, onChange, defaultColor, ...props }: import("../Input/modal").HInputProps<any>) => JSX.Element;
     cascader: ({ request, options, fieldNames: propsFieldNames, ...props }: import("../Cascader").HCascaderProps) => JSX.Element;
-    verificationCodeInput: ({ value, request, form, onChange, ...props }: import("../Input/VerificationCodeInput").HVerificationCodeInputProps) => JSX.Element;
+    verificationCodeInput: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
     trimInput: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
     trimTextArea: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
 };

package/es/Form/config.js

@@ -17,7 +17,7 @@ import HSubmit from '../Submit/index.js';
 import TextArea from '../TextArea/index.js';
 import ColorInput from '../Input/ColorInput/index.js';
 import Cascader from '../Cascader/index.js';
-import VerificationCodeInput from '../Input/VerificationCodeInput.js';
+import VerificationCodeInput from '../Input/VerificationCodeInput/index.js';
 import TrimInput from '../Input/TrimInput.js';
 import TrimTextArea from '../TextArea/TrimTextArea.js';
 

package/es/Input/VerificationCodeInput/hooks.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ButtonProps } from "./index";
+export declare const useDis: (buttonProps: ButtonProps) => {
+    disabled: boolean | undefined;
+    setBtnDisabled: ({ changedValues }: {
+        changedValues: any;
+    }) => void;
+    countdown: number;
+    setCountdown: import("react").Dispatch<import("react").SetStateAction<number>>;
+};

package/es/Input/VerificationCodeInput/hooks.js

@@ -0,0 +1,46 @@
+// welcome to hoo hoo hoo
+import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
+import { useState, useEffect } from 'react';
+
+var useDis = function useDis(buttonProps) {
+  var disabled = buttonProps.disabled;
+  var _useState = useState(!!disabled),
+    _useState2 = _slicedToArray(_useState, 2),
+    btnDis = _useState2[0],
+    setBtnDis = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    countdown = _useState4[0],
+    setCountdown = _useState4[1];
+  var setBtnDisabled = function setBtnDisabled(_ref) {
+    var changedValues = _ref.changedValues;
+    if (!!countdown) {
+      return setBtnDis(true);
+    }
+    if (typeof disabled === "function") {
+      var resultDisabled = disabled(changedValues);
+      return setBtnDis(resultDisabled);
+    }
+    return setBtnDis(disabled);
+  };
+  useEffect(function () {
+    setBtnDis(!!countdown);
+  }, [countdown]);
+  useEffect(function () {
+    if (!!countdown) {
+      return;
+    }
+    if (typeof disabled === "boolean") {
+      setBtnDis(disabled);
+    }
+  }, [disabled]);
+  return {
+    disabled: btnDis,
+    setBtnDisabled: setBtnDisabled,
+    countdown: countdown,
+    setCountdown: setCountdown
+  };
+};
+
+export { useDis };
+// powered by hdj

package/es/Input/VerificationCodeInput/index.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { HFormInstance } from "../../Form/modal";
+import { HButtonInputProps } from "../modal";
+import { argsFn } from "../../Form/modal";
+type disabledFn = (data: any) => boolean;
+export interface ButtonProps extends Omit<HButtonInputProps["buttonProps"], "disabled"> {
+    disabled?: boolean | disabledFn;
+}
+export interface HVerificationCodeInputProps extends Omit<HButtonInputProps, "form" | "buttonProps"> {
+    request?: (value: any) => Promise<any>;
+    form?: HFormInstance;
+    addDispatchListener?: (key: string, fn: argsFn) => void;
+    buttonProps?: ButtonProps;
+}
+declare const _default: React.ForwardRefExoticComponent<import("../../Form/modal").HFormItemProps & React.RefAttributes<any>>;
+export default _default;

package/es/Input/{VerificationCodeInput.js → VerificationCodeInput/index.js}

@@ -1,7 +1,6 @@
 // welcome to hoo hoo hoo
 import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
 import 'core-js/modules/es.object.to-string.js';
@@ -13,25 +12,29 @@ import 'core-js/modules/es.object.get-own-property-descriptor.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
 import 'core-js/modules/es.object.get-own-property-descriptors.js';
 import { jsx } from 'react/jsx-runtime';
-import { useState, useMemo, useCallback, useEffect } from 'react';
-import Index from './ButtonInput.js';
+import { useMemo, useCallback, useEffect } from 'react';
+import Index$1 from '../ButtonInput.js';
 import { useRequest } from 'ahooks';
+import HFormConnect from '../../Form/HFormConnect.js';
+import { useDis } from './hooks.js';
 
-var _excluded = ["value", "request", "form", "onChange", "buttonProps"];
+var _excluded = ["value", "request", "form", "onChange", "addDispatchListener", "buttonProps"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var VerificationCodeInput = (function (_ref) {
+var Index = function Index(_ref) {
   var value = _ref.value,
     request = _ref.request,
     form = _ref.form,
     onChange = _ref.onChange,
+    addDispatchListener = _ref.addDispatchListener,
     _ref$buttonProps = _ref.buttonProps,
     buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
     props = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    countdown = _useState2[0],
-    setCountdown = _useState2[1];
+  var _useDis = useDis(buttonProps),
+    disabled = _useDis.disabled,
+    setBtnDisabled = _useDis.setBtnDisabled,
+    countdown = _useDis.countdown,
+    setCountdown = _useDis.setCountdown;
   var timer = useMemo(function () {
     return {
       time: undefined
@@ -97,17 +100,20 @@ var VerificationCodeInput = (function (_ref) {
   };
   var defaultButtonProps = {
     onClick: run,
-    loading: loading,
-    disabled: !!countdown
+    loading: loading
   };
-  return jsx(Index, _objectSpread(_objectSpread({
+  addDispatchListener === null || addDispatchListener === void 0 || addDispatchListener("disabled", setBtnDisabled);
+  return jsx(Index$1, _objectSpread(_objectSpread({
     value: value,
     onChange: onChange,
-    buttonProps: _objectSpread(_objectSpread({}, defaultButtonProps), buttonProps)
+    buttonProps: _objectSpread(_objectSpread(_objectSpread({}, defaultButtonProps), buttonProps), {}, {
+      disabled: disabled
+    })
   }, props), {}, {
     children: text()
   }));
-});
+};
+var VerificationCodeInput = HFormConnect(Index);
 
 export { VerificationCodeInput as default };
 // powered by hdj

package/es/index.d.ts

@@ -22,9 +22,9 @@ export declare const HInputNumber: ({ style, ...props }: import("antd").InputNum
 export declare const HPageHandler: import("react").FC<import("./PageHandler/modal").IHPageHandler<any>>;
 export declare const HTextArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
 export declare const HColorInput: ({ value, onChange, defaultColor, ...props }: import("./Input/modal").HInputProps<any>) => JSX.Element;
-export declare const HModalForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, onValuesChange, autoClear, contentRender, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;
+export declare const HModalForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, onValuesChange, autoClear, contentRender, footer, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;
 export declare const HDrawerForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, closable, initialValues, labelWidth, onOk, onFinish, size, form, footer, params, onValuesChange, autoClear, contentRender, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;
 export declare const HCascader: ({ request, options, fieldNames: propsFieldNames, ...props }: import("./Cascader").HCascaderProps) => JSX.Element;
-export declare const HVerificationCodeInput: ({ value, request, form, onChange, ...props }: import("./Input/VerificationCodeInput").HVerificationCodeInputProps) => JSX.Element;
+export declare const HVerificationCodeInput: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HTrimInput: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HTrimTextArea: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;

package/lib/Form/config.d.ts

@@ -26,7 +26,7 @@ declare const componentConfig: {
     textArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
     colorInput: ({ value, onChange, defaultColor, ...props }: import("../Input/modal").HInputProps<any>) => JSX.Element;
     cascader: ({ request, options, fieldNames: propsFieldNames, ...props }: import("../Cascader").HCascaderProps) => JSX.Element;
-    verificationCodeInput: ({ value, request, form, onChange, ...props }: import("../Input/VerificationCodeInput").HVerificationCodeInputProps) => JSX.Element;
+    verificationCodeInput: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
     trimInput: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
     trimTextArea: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
 };

package/lib/Form/config.js

@@ -20,7 +20,7 @@ var index$9 = require('../Submit/index.js');
 var index$a = require('../TextArea/index.js');
 var index$b = require('../Input/ColorInput/index.js');
 var index$c = require('../Cascader/index.js');
-var VerificationCodeInput = require('../Input/VerificationCodeInput.js');
+var index$d = require('../Input/VerificationCodeInput/index.js');
 var TrimInput = require('../Input/TrimInput.js');
 var TrimTextArea = require('../TextArea/TrimTextArea.js');
 
@@ -47,7 +47,7 @@ var componentConfig = {
   textArea: index$a.default,
   colorInput: index$b.default,
   cascader: index$c.default,
-  verificationCodeInput: VerificationCodeInput.default,
+  verificationCodeInput: index$d.default,
   trimInput: TrimInput.default,
   trimTextArea: TrimTextArea.default
 };

package/lib/Input/VerificationCodeInput/hooks.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ButtonProps } from "./index";
+export declare const useDis: (buttonProps: ButtonProps) => {
+    disabled: boolean | undefined;
+    setBtnDisabled: ({ changedValues }: {
+        changedValues: any;
+    }) => void;
+    countdown: number;
+    setCountdown: import("react").Dispatch<import("react").SetStateAction<number>>;
+};

package/lib/Input/VerificationCodeInput/hooks.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var React = require('react');
+
+var useDis = function useDis(buttonProps) {
+  var disabled = buttonProps.disabled;
+  var _useState = React.useState(!!disabled),
+    _useState2 = _slicedToArray(_useState, 2),
+    btnDis = _useState2[0],
+    setBtnDis = _useState2[1];
+  var _useState3 = React.useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    countdown = _useState4[0],
+    setCountdown = _useState4[1];
+  var setBtnDisabled = function setBtnDisabled(_ref) {
+    var changedValues = _ref.changedValues;
+    if (!!countdown) {
+      return setBtnDis(true);
+    }
+    if (typeof disabled === "function") {
+      var resultDisabled = disabled(changedValues);
+      return setBtnDis(resultDisabled);
+    }
+    return setBtnDis(disabled);
+  };
+  React.useEffect(function () {
+    setBtnDis(!!countdown);
+  }, [countdown]);
+  React.useEffect(function () {
+    if (!!countdown) {
+      return;
+    }
+    if (typeof disabled === "boolean") {
+      setBtnDis(disabled);
+    }
+  }, [disabled]);
+  return {
+    disabled: btnDis,
+    setBtnDisabled: setBtnDisabled,
+    countdown: countdown,
+    setCountdown: setCountdown
+  };
+};
+
+exports.useDis = useDis;
+// powered by h

package/lib/Input/VerificationCodeInput/index.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import type { HFormInstance } from "../../Form/modal";
+import { HButtonInputProps } from "../modal";
+import { argsFn } from "../../Form/modal";
+type disabledFn = (data: any) => boolean;
+export interface ButtonProps extends Omit<HButtonInputProps["buttonProps"], "disabled"> {
+    disabled?: boolean | disabledFn;
+}
+export interface HVerificationCodeInputProps extends Omit<HButtonInputProps, "form" | "buttonProps"> {
+    request?: (value: any) => Promise<any>;
+    form?: HFormInstance;
+    addDispatchListener?: (key: string, fn: argsFn) => void;
+    buttonProps?: ButtonProps;
+}
+declare const _default: React.ForwardRefExoticComponent<import("../../Form/modal").HFormItemProps & React.RefAttributes<any>>;
+export default _default;

package/lib/Input/{VerificationCodeInput.js → VerificationCodeInput/index.js}

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
 require('core-js/modules/es.object.to-string.js');
@@ -17,24 +16,28 @@ require('core-js/modules/web.dom-collections.for-each.js');
 require('core-js/modules/es.object.get-own-property-descriptors.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var ButtonInput = require('./ButtonInput.js');
+var ButtonInput = require('../ButtonInput.js');
 var ahooks = require('ahooks');
+var HFormConnect = require('../../Form/HFormConnect.js');
+var hooks = require('./hooks.js');
 
-var _excluded = ["value", "request", "form", "onChange", "buttonProps"];
+var _excluded = ["value", "request", "form", "onChange", "addDispatchListener", "buttonProps"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var VerificationCodeInput = (function (_ref) {
+var Index = function Index(_ref) {
   var value = _ref.value,
     request = _ref.request,
     form = _ref.form,
     onChange = _ref.onChange,
+    addDispatchListener = _ref.addDispatchListener,
     _ref$buttonProps = _ref.buttonProps,
     buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
     props = _objectWithoutProperties(_ref, _excluded);
-  var _useState = React.useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    countdown = _useState2[0],
-    setCountdown = _useState2[1];
+  var _useDis = hooks.useDis(buttonProps),
+    disabled = _useDis.disabled,
+    setBtnDisabled = _useDis.setBtnDisabled,
+    countdown = _useDis.countdown,
+    setCountdown = _useDis.setCountdown;
   var timer = React.useMemo(function () {
     return {
       time: undefined
@@ -100,17 +103,20 @@ var VerificationCodeInput = (function (_ref) {
   };
   var defaultButtonProps = {
     onClick: run,
-    loading: loading,
-    disabled: !!countdown
+    loading: loading
   };
+  addDispatchListener === null || addDispatchListener === void 0 || addDispatchListener("disabled", setBtnDisabled);
   return jsxRuntime.jsx(ButtonInput.default, _objectSpread(_objectSpread({
     value: value,
     onChange: onChange,
-    buttonProps: _objectSpread(_objectSpread({}, defaultButtonProps), buttonProps)
+    buttonProps: _objectSpread(_objectSpread(_objectSpread({}, defaultButtonProps), buttonProps), {}, {
+      disabled: disabled
+    })
   }, props), {}, {
     children: text()
   }));
-});
+};
+var VerificationCodeInput = HFormConnect.default(Index);
 
 exports.default = VerificationCodeInput;
 // powered by h

package/lib/index.d.ts

@@ -22,9 +22,9 @@ export declare const HInputNumber: ({ style, ...props }: import("antd").InputNum
 export declare const HPageHandler: import("react").FC<import("./PageHandler/modal").IHPageHandler<any>>;
 export declare const HTextArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
 export declare const HColorInput: ({ value, onChange, defaultColor, ...props }: import("./Input/modal").HInputProps<any>) => JSX.Element;
-export declare const HModalForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, onValuesChange, autoClear, contentRender, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;
+export declare const HModalForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, onValuesChange, autoClear, contentRender, footer, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;
 export declare const HDrawerForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, closable, initialValues, labelWidth, onOk, onFinish, size, form, footer, params, onValuesChange, autoClear, contentRender, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;
 export declare const HCascader: ({ request, options, fieldNames: propsFieldNames, ...props }: import("./Cascader").HCascaderProps) => JSX.Element;
-export declare const HVerificationCodeInput: ({ value, request, form, onChange, ...props }: import("./Input/VerificationCodeInput").HVerificationCodeInputProps) => JSX.Element;
+export declare const HVerificationCodeInput: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HTrimInput: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HTrimTextArea: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "1.1.9",
+  "version": "1.2.1",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",

package/src/components/Input/VerificationCodeInput/hooks.ts

@@ -0,0 +1,36 @@
+import {ButtonProps} from "./index";
+import {useEffect, useState} from "react";
+
+export const useDis=(buttonProps:ButtonProps)=>{
+    const {disabled}=buttonProps;
+    const [btnDis,setBtnDis]=useState<boolean|undefined>(!!disabled);
+    const [countdown, setCountdown] = useState<number>(0);
+    const setBtnDisabled=({changedValues})=>{
+        if (!!countdown){
+            return setBtnDis(true);
+        }
+        if (typeof disabled==="function"){
+            const resultDisabled=disabled(changedValues);
+            return setBtnDis(resultDisabled);
+        }
+        return  setBtnDis(disabled);
+    }
+    useEffect(() => {
+       setBtnDis(!!countdown);
+    }, [countdown]);
+    useEffect(() => {
+        if (!!countdown){
+            return;
+        }
+        if (typeof disabled==="boolean"){
+            setBtnDis(disabled);
+        }
+
+    }, [disabled]);
+    return {
+        disabled:btnDis,
+        setBtnDisabled,
+        countdown,
+        setCountdown
+    }
+}

package/src/components/Input/VerificationCodeInput/index.tsx

@@ -0,0 +1,96 @@
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import ButtonInput from "../ButtonInput";
+import { useRequest } from "ahooks";
+import type { HFormInstance } from "../../Form/modal";
+import {HButtonInputProps} from "../modal";
+import HFormConnect from "../../Form/HFormConnect";
+import {argsFn} from "../../Form/modal";
+import {useDis} from "./hooks";
+
+type disabledFn=(data:any)=>boolean;
+export interface ButtonProps extends Omit<HButtonInputProps["buttonProps"],"disabled">{
+    disabled?:boolean|disabledFn;
+}
+
+export interface HVerificationCodeInputProps extends Omit<HButtonInputProps, "form"|"buttonProps"> {
+    request?: (value: any) => Promise<any>;
+    form?: HFormInstance;
+    addDispatchListener?: (key: string, fn: argsFn) => void;
+    buttonProps?:ButtonProps;
+}
+const Index= ({
+                  value,
+                  request,
+                  form,
+                  onChange,
+                  addDispatchListener,
+                  buttonProps={},
+                  ...props
+              }: HVerificationCodeInputProps) => {
+    const {disabled,setBtnDisabled,countdown,setCountdown}=useDis(buttonProps);
+    const timer = useMemo<{ time: any }>(() => {
+        return {
+            time: undefined,
+        };
+    }, []);
+    const timerControl = useCallback(() => {
+        timer.time = setInterval(() => {
+            setCountdown((oldVal = 0) => {
+                const newVal = oldVal - 1;
+                if (newVal <= 0) {
+                    clearInterval(timer.time);
+                }
+                return newVal;
+            });
+        }, 1000);
+    }, []);
+    const { run, loading } = useRequest(
+        async () => {
+            if (!request) {
+                return Promise.resolve({});
+            }
+            const val = form?.getFieldsValue();
+            const result = await request?.(val);
+            if (result) {
+                setCountdown(60);
+            }
+            timerControl();
+            return result;
+        },
+        { manual: true }
+    );
+    useEffect(() => {
+        return () => {
+            clearInterval(timer.time);
+        };
+    }, []);
+    const text = () => {
+        if (!countdown) {
+            return "获取验证码";
+        }
+        let countdownStr = `${countdown}`;
+        if (countdown < 10) {
+            countdownStr = `0${countdownStr}`;
+        }
+        return `${countdownStr}秒后重新获取`;
+    };
+
+    const defaultButtonProps={
+        onClick: run,
+        loading,
+    }
+    addDispatchListener?.("disabled",setBtnDisabled);
+    return (
+        <ButtonInput
+            value={value}
+            onChange={onChange}
+            buttonProps={{...defaultButtonProps,...buttonProps,disabled}}
+            {...props}
+        >
+            {text()}
+        </ButtonInput>
+    );
+};
+
+export default HFormConnect(Index);
+

package/src/pages/Form/index.tsx

@@ -1,12 +1,14 @@
 import { HForm, HFormConfigProvider, useHForm } from "../../components";
 import { Button, Form, Input } from "antd";
 import React from "react";
+import {useRequest} from "ahooks";
 
 const formData = () => {
   return [
     {
       label: "测试",
       className: "hdjd",
+      name:"nameTest"
     },
     {
       label: "测试1",
@@ -78,9 +80,6 @@ const formData = () => {
       type: "verificationCodeInput",
       name:"verificationCodeInput",
       label:"验证码",
-      shouldUpdate:(prevValue,curValue)=>{
-        return prevValue.switch!==curValue.switch;
-      },
       itemProps: {
         request:()=>{
          return new Promise((resolve)=>{
@@ -88,33 +87,20 @@ const formData = () => {
               resolve({})
             },4000);
          })
+        },
+        buttonProps:{
+          disabled:({nameTest})=>{
+            if (nameTest){
+              return false;
+            }
+            return true;
+          }
         }
       },
-      render:(item,node,form)=>{
-        const phone=form.getFieldValue("switch");
-        if (!phone){
-          return React.cloneElement(node,{buttonProps:{ghost: true,disabled:true}});
-        }
-          return React.cloneElement(node,{buttonProps:{ghost:true}})
-      }
-    },
-    {
-      type: "submit",
-      itemProps: {
-        extraList: [
-          <Button
-            key="wh"
-            onClick={() => {
-              console.log("起飞");
-            }}
-          >
-            芜湖
-          </Button>,
-          <Ttta key="aa" />,
-          "666",
-          "submit",
-          "reset",
-        ],
+      dispatch: {
+        fnKey: "disabled",
+        dependencies: ["nameTest"],
+        manual:false
       },
     },
   ];
@@ -138,6 +124,13 @@ const Test = (props) => {
 export default () => {
   const form = useHForm();
   const [aForm] = Form.useForm();
+  const {run,loading}=useRequest(async ()=>{
+     await new Promise((resolve)=>{
+        setTimeout(()=>{
+           resolve({})
+        },2000)
+     })
+  },{manual:true});
   return (
     <div style={{ overflow: "auto", height: "90vh" ,padding:30}}>
       <Form form={aForm} initialValues={{ ttim: "132123" }}>
@@ -165,24 +158,12 @@ export default () => {
           configData={formData()}
           labelWidth={200}
           form={form}
-          onFinish={(value) => {
-            console.log(value);
-          }}
-          onValuesChange={(val) => {
-            console.log(val, "onValuesChange");
-          }}
-          request={(params) => {
-            return new Promise<any>((resolve) => {
-              setTimeout(() => {
-                resolve(params);
-              }, 3000);
-            });
-          }}
+          onFinish={run}
         />
       </HFormConfigProvider>
       <div
         onClick={() => {
-          aForm.resetFields();
+          form.submit();
         }}
       >
         点我

package/es/Input/VerificationCodeInput.d.ts

@@ -1,8 +0,0 @@
-import type { HFormInstance } from "../Form/modal";
-import { HButtonInputProps } from "@/components/Input/modal";
-export interface HVerificationCodeInputProps extends Omit<HButtonInputProps, "form"> {
-    request?: (value: any) => Promise<any>;
-    form?: HFormInstance;
-}
-declare const _default: ({ value, request, form, onChange, buttonProps, ...props }: HVerificationCodeInputProps) => JSX.Element;
-export default _default;

package/lib/Input/VerificationCodeInput.d.ts

@@ -1,8 +0,0 @@
-import type { HFormInstance } from "../Form/modal";
-import { HButtonInputProps } from "@/components/Input/modal";
-export interface HVerificationCodeInputProps extends Omit<HButtonInputProps, "form"> {
-    request?: (value: any) => Promise<any>;
-    form?: HFormInstance;
-}
-declare const _default: ({ value, request, form, onChange, buttonProps, ...props }: HVerificationCodeInputProps) => JSX.Element;
-export default _default;

package/src/components/Input/VerificationCodeInput.tsx

@@ -1,80 +0,0 @@
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import ButtonInput from "./ButtonInput";
-import { useRequest } from "ahooks";
-import type { HFormInstance } from "../Form/modal";
-import {HButtonInputProps} from "@/components/Input/modal";
-export interface HVerificationCodeInputProps extends Omit<HButtonInputProps, "form"> {
-  request?: (value: any) => Promise<any>;
-  form?: HFormInstance;
-}
-export default ({
-  value,
-  request,
-  form,
-  onChange,
-  buttonProps={},
-  ...props
-}: HVerificationCodeInputProps) => {
-  const [countdown, setCountdown] = useState<number>(0);
-  const timer = useMemo<{ time: any }>(() => {
-    return {
-      time: undefined,
-    };
-  }, []);
-  const timerControl = useCallback(() => {
-    timer.time = setInterval(() => {
-      setCountdown((oldVal = 0) => {
-        const newVal = oldVal - 1;
-        if (newVal <= 0) {
-          clearInterval(timer.time);
-        }
-        return newVal;
-      });
-    }, 1000);
-  }, []);
-  const { run, loading } = useRequest(
-    async () => {
-      if (!request) {
-        return Promise.resolve({});
-      }
-      const val = form?.getFieldsValue();
-      const result = await request?.(val);
-      if (result) {
-        setCountdown(60);
-      }
-      timerControl();
-      return result;
-    },
-    { manual: true }
-  );
-  useEffect(() => {
-    return () => {
-      clearInterval(timer.time);
-    };
-  }, []);
-  const text = () => {
-    if (!countdown) {
-      return "获取验证码";
-    }
-    let countdownStr = `${countdown}`;
-    if (countdown < 10) {
-      countdownStr = `0${countdownStr}`;
-    }
-    return `${countdownStr}秒后重新获取`;
-  };
-  const defaultButtonProps={
-    onClick: run,
-    loading,
-    disabled: !!countdown
-  }
-  return (
-    <ButtonInput
-      value={value}
-      onChange={onChange}
-      buttonProps={{...defaultButtonProps,...buttonProps}}
-      {...props}
-    >
-      {text()}
-    </ButtonInput>
-  );
-};