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

package/lib/Form/hooks/useInitConfigData.js

@@ -6,7 +6,6 @@ var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
 var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
-var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
 var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
 var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
 var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
@@ -14,6 +13,8 @@ var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWit
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
 var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/index-of');
+var _Array$isArray = require('@babel/runtime-corejs3/core-js/array/is-array');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
 var React = require('react');
 var config = require('../config.js');
 var index = require('./index.js');
@@ -96,14 +97,66 @@ var itemControl = function itemControl(item, form, defaultComponents) {
     render: render
   });
 };
-var useInitConfigData = (function (_ref) {
-  var configData = _ref.configData,
-    form = _ref.form;
+var itemDispatchProvider = function itemDispatchProvider(name, config, dispatchSourceData) {
+  var dependencies = config.dependencies,
+    fnKey = config.fnKey;
+  var itemDispatch = dispatchSourceData[dependencies];
+  if (!itemDispatch) {
+    return _defineProperty({}, dependencies, _defineProperty({}, name, fnKey));
+  }
+  var itemNameDispatch = _defineProperty({}, name, fnKey);
+  return _defineProperty({}, dependencies, _objectSpread(_objectSpread({}, itemDispatch), itemNameDispatch));
+};
+var dispatchProvider = function dispatchProvider(item, dispatchSourceData) {
+  var _item$name = item.name,
+    name = _item$name === void 0 ? "" : _item$name,
+    _item$dispatch = item.dispatch,
+    dispatch = _item$dispatch === void 0 ? {} : _item$dispatch,
+    _item$dependencies = item.dependencies,
+    dependencies = _item$dependencies === void 0 ? "allDependencies" : _item$dependencies;
+  var fnKey = dispatch.fnKey,
+    _dispatch$dependencie = dispatch.dependencies,
+    dispatchDependencies = _dispatch$dependencie === void 0 ? dependencies : _dispatch$dependencie,
+    _dispatch$manual = dispatch.manual,
+    manual = _dispatch$manual === void 0 ? true : _dispatch$manual;
+  if (!fnKey) {
+    return {};
+  }
+  if (_Array$isArray(dispatchDependencies)) {
+    var allDispatch = _objectSpread({}, dispatchSourceData);
+    _forEachInstanceProperty(dispatchDependencies).call(dispatchDependencies, function (key) {
+      var itemDispatch = itemDispatchProvider(name, {
+        dependencies: key,
+        fnKey: fnKey,
+        manual: manual
+      }, dispatchSourceData);
+      allDispatch = _objectSpread(_objectSpread({}, allDispatch), itemDispatch);
+    });
+    return allDispatch;
+  }
+  var itemDispatch = itemDispatchProvider(name, {
+    dependencies: dispatchDependencies,
+    fnKey: fnKey,
+    manual: manual
+  }, dispatchSourceData);
+  return _objectSpread(_objectSpread({}, dispatchSourceData), itemDispatch);
+};
+var useInitConfigData = (function (_ref3) {
+  var configData = _ref3.configData,
+    form = _ref3.form;
   var defaultComponents = index.useDefaultComponents();
   return React.useMemo(function () {
-    return _mapInstanceProperty(configData).call(configData, function (item) {
-      return itemControl(item, form, defaultComponents);
+    var newConfigData = [];
+    var dispatchSourceData = {};
+    _forEachInstanceProperty(configData).call(configData, function (item) {
+      var itemDispatch = dispatchProvider(item, dispatchSourceData);
+      dispatchSourceData = _objectSpread(_objectSpread({}, dispatchSourceData), itemDispatch);
+      newConfigData.push(itemControl(item, form, defaultComponents));
     });
+    return {
+      newConfigData: newConfigData,
+      dispatchSourceData: dispatchSourceData
+    };
   }, [configData]);
 });
 

package/lib/Form/index.d.ts

@@ -1,3 +1,3 @@
 import type { HFormProps } from "./modal";
-declare const _default: ({ configData, labelWidth, form, request, onFinish, infoRequest, valueType, initialValues, params, ...props }: HFormProps) => JSX.Element;
+declare const _default: ({ configData, labelWidth, form, request, onFinish, infoRequest, valueType, initialValues, params, onValuesChange, ...props }: HFormProps) => JSX.Element;
 export default _default;

package/lib/Form/index.js

@@ -23,7 +23,7 @@ var index$1 = require('../PageHandler/index.js');
 var useInitConfigData = require('./hooks/useInitConfigData.js');
 var InitSet = require('./InitSet.js');
 
-var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues", "params"];
+var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues", "params", "onValuesChange"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HForm = (function (_ref) {
@@ -38,12 +38,16 @@ var HForm = (function (_ref) {
     initialValues = _ref.initialValues,
     _ref$params = _ref.params,
     params = _ref$params === void 0 ? {} : _ref$params,
+    onValuesChange = _ref.onValuesChange,
     props = _objectWithoutProperties(_ref, _excluded);
   var hForm = index.useCurrentForm(form);
-  var newConfigData = useInitConfigData.default({
-    configData: configData,
-    form: hForm
-  });
+  var _useInitConfigData = useInitConfigData.default({
+      configData: configData,
+      form: hForm
+    }),
+    newConfigData = _useInitConfigData.newConfigData,
+    dispatchSourceData = _useInitConfigData.dispatchSourceData;
+  console.log(dispatchSourceData, "dispatchSourceData");
   var _useInfoReq = index.useInfoReq({
       initialValues: initialValues,
       request: request,
@@ -55,6 +59,11 @@ var HForm = (function (_ref) {
     }),
     subControl = _useInfoReq.subControl,
     infoControl = _useInfoReq.infoControl;
+  var valuesChange = index.useValuesChange({
+    onValuesChange: onValuesChange,
+    dispatch: dispatchSourceData,
+    form: hForm
+  });
   var run = subControl.run,
     loading = subControl.loading;
   var infoRun = infoControl.run,
@@ -79,7 +88,8 @@ var HForm = (function (_ref) {
       },
       children: jsxRuntime.jsxs(antd.Form, _objectSpread(_objectSpread({
         form: hForm,
-        onFinish: run
+        onFinish: run,
+        onValuesChange: valuesChange
       }, props), {}, {
         children: [_mapInstanceProperty(newConfigData).call(newConfigData, function (itemData, index) {
           var itemLabelWidth = itemData.labelWidth;

package/lib/Form/modal.d.ts

@@ -23,6 +23,12 @@ export interface HoverModal {
 type HelperModal = (form: HFormInstance) => React.ReactNode | string;
 export type HideModal = (form: HFormInstance) => boolean;
 export type AddDispatchListenerFn = (action: ActionModal, fn: argsFn) => void;
+export type DispatchSourceDataModal = Record<string, Record<string, string>>;
+export interface DispatchModal<T = string | string[]> {
+    fnKey?: string;
+    dependencies?: T;
+    manual?: boolean;
+}
 export interface HItemProps extends Omit<FormItemProps, "name"> {
     type?: string;
     itemProps?: ItemPropsType;
@@ -33,6 +39,7 @@ export interface HItemProps extends Omit<FormItemProps, "name"> {
     hide?: boolean | HideModal;
     placeholder?: string | string[];
     name?: string;
+    dispatch?: DispatchModal;
 }
 export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form" | "onFinish"> {
     configData: HItemProps[];
@@ -80,6 +87,7 @@ export interface IFormConfigContextProps {
 interface ActionModal {
     key: string;
     name?: string;
+    dispatch?: DispatchModal;
 }
 export interface HFormInstance extends FormInstance {
     addFormat: (name: string, formats?: FormatItemModal) => void;

package/lib/Select/hooks/norHooks.d.ts

@@ -3,14 +3,14 @@ interface ParamsModal {
     options?: OptionType[];
     params?: any;
 }
-export declare const useOptionReq: ({ manual, request, options, serviceSearch, showSearch, onSearch: propsOnSearch, }: PartialHSelectProps) => {
-    run: (params?: any, type?: any) => Promise<OptionType[] | undefined>;
+export declare const useOptionReq: ({ manual, request, options, serviceSearch, showSearch, onSearch: propsOnSearch, dispatch, }: PartialHSelectProps) => {
+    run: (requestParams?: any) => Promise<OptionType[] | undefined>;
     loading: boolean;
     error: Error | undefined;
     data: OptionType[] | undefined;
     onSearch: ((value: string) => void) | undefined;
     mathShowSearch: boolean | undefined;
-    reload: ({ options: changeOpts, params: requestParams, }: ParamsModal) => void | Promise<OptionType[] | undefined>;
+    reload: ({ options: changeOpts, params }: ParamsModal) => void | Promise<OptionType[] | undefined>;
 };
 export declare const useFilterOption: ({ filterOption, serviceSearch, }: PartialHSelectProps) => boolean | import("rc-select/lib/Select").FilterFunc<import("rc-select/lib/Select").DefaultOptionType> | undefined;
 export {};

package/lib/Select/hooks/norHooks.js

@@ -3,6 +3,7 @@
 var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/values');
 var _Promise = require('@babel/runtime-corejs3/core-js/promise');
 var React = require('react');
 var ahooks = require('ahooks');
@@ -14,7 +15,10 @@ var useOptionReq = function useOptionReq(_ref) {
     options = _ref.options,
     serviceSearch = _ref.serviceSearch,
     showSearch = _ref.showSearch,
-    propsOnSearch = _ref.onSearch;
+    propsOnSearch = _ref.onSearch,
+    _ref$dispatch = _ref.dispatch,
+    dispatch = _ref$dispatch === void 0 ? {} : _ref$dispatch;
+  var dispatchManual = dispatch.manual;
   var _useFormContext = index.useFormContext(),
     form = _useFormContext.form;
   var _useState = React.useState(),
@@ -22,16 +26,20 @@ var useOptionReq = function useOptionReq(_ref) {
     data = _useState2[0],
     setData = _useState2[1];
   var _useRequest = ahooks.useRequest( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var params,
+      var requestParams,
+        _requestParams$params,
+        params,
+        values,
+        _requestParams$type,
         type,
         formData,
         _args = arguments;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            params = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
-            type = _args.length > 1 && _args[1] !== undefined ? _args[1] : "init";
-            formData = form === null || form === void 0 ? void 0 : form.getFieldsValue();
+            requestParams = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
+            _requestParams$params = requestParams.params, params = _requestParams$params === void 0 ? {} : _requestParams$params, values = _valuesInstanceProperty(requestParams), _requestParams$type = requestParams.type, type = _requestParams$type === void 0 ? "init" : _requestParams$type;
+            formData = values || (form === null || form === void 0 ? void 0 : form.getFieldsValue());
             if (type === "init") {
               setData(undefined);
             }
@@ -48,7 +56,7 @@ var useOptionReq = function useOptionReq(_ref) {
         }
       }, _callee);
     })), {
-      manual: manual,
+      manual: dispatchManual === false ? true : manual,
       debounceInterval: 300,
       onSuccess: function onSuccess(resultData) {
         setData(resultData);
@@ -59,11 +67,13 @@ var useOptionReq = function useOptionReq(_ref) {
     error = _useRequest.error;
   var reload = function reload(_ref3) {
     var changeOpts = _ref3.options,
-      requestParams = _ref3.params;
+      params = _ref3.params;
     if (changeOpts) {
       return setData(changeOpts);
     }
-    return run(requestParams);
+    return run({
+      params: params
+    });
   };
   var onSearch = function onSearch(inputValue) {
     if (!serviceSearch) {
@@ -71,7 +81,9 @@ var useOptionReq = function useOptionReq(_ref) {
       return;
     }
     run({
-      inputValue: inputValue
+      params: {
+        inputValue: inputValue
+      }
     });
   };
   React.useEffect(function () {

package/lib/Select/index.js

@@ -23,7 +23,7 @@ var AllSelect = require('./components/AllSelect.js');
 var index = require('../hooks/index.js');
 var HFormConnect = require('../Form/HFormConnect.js');
 
-var _excluded = ["style", "mode", "options", "modeConfig", "value", "onChange", "fieldNames", "request", "manual", "optionLabelProp", "filterProvider", "optionFilterProp", "serviceSearch", "onSearch", "filterOption", "showSearch", "labelInValue", "noMatchItemRender", "allSelect", "addDispatchListener", "addFormat"];
+var _excluded = ["style", "mode", "options", "modeConfig", "value", "onChange", "fieldNames", "request", "manual", "optionLabelProp", "filterProvider", "optionFilterProp", "serviceSearch", "onSearch", "filterOption", "showSearch", "labelInValue", "noMatchItemRender", "allSelect", "addDispatchListener", "addFormat", "dispatch"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Option = antd.Select.Option;
@@ -56,7 +56,8 @@ var Index = function Index(_ref) {
     allSelect = _ref.allSelect,
     addDispatchListener = _ref.addDispatchListener;
     _ref.addFormat;
-    var props = _objectWithoutProperties(_ref, _excluded);
+    var dispatch = _ref.dispatch,
+    props = _objectWithoutProperties(_ref, _excluded);
   var _ref2 = (modeConfig === null || modeConfig === void 0 ? void 0 : modeConfig[mode || ""]) || {},
     icon = _ref2.icon,
     render = _ref2.render;
@@ -75,7 +76,8 @@ var Index = function Index(_ref) {
       request: request,
       serviceSearch: serviceSearch,
       showSearch: showSearch,
-      onSearch: propsOnSearch
+      onSearch: propsOnSearch,
+      dispatch: dispatch
     }),
     run = _useOptionReq.run,
     loading = _useOptionReq.loading,

package/lib/Select/modal.d.ts

@@ -3,6 +3,7 @@ import type React from "react";
 import type { PromiseFnResult } from "../modal";
 import type { argsFn } from "@/components/Form/modal";
 import type { addFormatItemModal } from "@/components/Form/modal";
+import type { DispatchModal } from "@/components/Form/modal";
 export type OptionType = Record<string, any>;
 export type PartialHSelectProps = Partial<HSelectProps>;
 export type RenderFn = (data: OptionType) => React.ReactNode;
@@ -27,6 +28,7 @@ export interface HSelectProps extends Omit<SelectProps, "options" | "placeholder
     addDispatchListener?: (key: string, fn: argsFn) => void;
     addFormat?: (format: Record<string, addFormatItemModal>) => void;
     placeholder?: string;
+    dispatch?: DispatchModal;
 }
 export interface FilterDataModal {
     value: any;

package/package.json

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

package/src/components/Form/HFormConnect.tsx

@@ -36,7 +36,7 @@ export default (
     props: HFormItemProps,
     ref
   ) => {
-    const { name = "" } = props;
+    const { name = "", dispatch } = props;
 
     const { form, valueType = "float" } = useFormContext();
 
@@ -48,7 +48,7 @@ export default (
       form?.addFormat(name, formatMaker(props, aFormat[valueType]));
     };
     const addDispatchListener = (key: string, fn: argsFn) => {
-      form?.addDispatchListener({ key, name }, fn);
+      form?.addDispatchListener({ key, name, dispatch }, fn);
     };
     const Component = component as React.ForwardRefRenderFunction<
       any,

package/src/components/Form/hooks/index.ts

@@ -4,6 +4,14 @@ import useHForm from "./useHForm";
 import { useEffect, useMemo } from "react";
 import FormConfig from "../config";
 import { useFormConfigContext } from "../Context/FormConfigProvider";
+import type { DispatchModal } from "../modal";
+
+interface UseValuesChangeModal {
+  onValuesChange: HFormProps["onValuesChange"];
+  dispatch: DispatchModal;
+  form: HFormInstance;
+}
+
 export const useCurrentForm = (form?: HFormInstance) => {
   const selfForm = useHForm();
   return form || selfForm;
@@ -66,3 +74,31 @@ export const useDefaultComponents = () => {
   const defaultComponent = useFormConfigContext("defaultComponent");
   return { ...FormConfig, ...defaultComponent };
 };
+
+export const useValuesChange = ({
+  onValuesChange,
+  dispatch,
+  form,
+}: UseValuesChangeModal) => {
+  return (changedValues: any, values: any) => {
+    const changeKey = Object.keys(changedValues)[0];
+    const dispatchItem = dispatch[changeKey];
+    if (!!dispatchItem) {
+      const dispatchKey = Object.keys(dispatchItem);
+      dispatchKey.forEach((name) => {
+        const key = dispatchItem[name];
+        form.dispatch(
+          {
+            key,
+            name,
+          },
+          {
+            changedValues,
+            oldValues: values,
+          }
+        );
+      });
+    }
+    onValuesChange?.(changedValues, values);
+  };
+};

package/src/components/Form/hooks/useHForm.ts

@@ -13,9 +13,13 @@ export default () => {
   return useMemo<HFormInstance>(() => {
     const formatSourceData: Record<string, FormatItemModal> = {};
     let dispatchSourceData: Record<string, DispatchItemData> = {};
+    const initDispatch: Record<string, argsFn> = {};
     let cacheValues: Record<string, any> = {};
     let isLoading = false;
-    const norAddItemDispatch = (name, fn) => {
+    const norAddItemDispatch = (name, manual, fn) => {
+      if (manual === false&&name) {
+        initDispatch[name]=fn;
+      }
       if (!name) {
         return {
           keysFn: {},
@@ -34,10 +38,15 @@ export default () => {
         return Promise.resolve(params);
       },
       initValues() {
+        let newValue = {};
         if (cacheValues) {
-          const newValue = this.formatValues(cacheValues);
+          newValue = this.formatValues(cacheValues);
           form.setFieldsValue(newValue);
         }
+        const initKeys=Object.keys(initDispatch);
+        initKeys.forEach((key) => {
+          initDispatch[key]({ changedValues: newValue, oldValues: newValue });
+        });
         isLoading = true;
       },
       addFormat(name: string, format?: FormatItemModal) {
@@ -89,10 +98,11 @@ export default () => {
         });
       },
       addDispatchListener(action, fn) {
-        const { key, name } = action;
+        const { key, name, dispatch = {} } = action;
+        const { manual } = dispatch;
         const items = dispatchSourceData[key];
         if (!items) {
-          dispatchSourceData[key] = norAddItemDispatch(name, fn);
+          dispatchSourceData[key] = norAddItemDispatch(name, manual, fn);
           return;
         }
         const { keysFn, defaultFn } = items;
@@ -101,6 +111,9 @@ export default () => {
         } else {
           defaultFn.push(fn);
         }
+        if (manual===false&&name){
+          initDispatch[name]=fn;
+        }
         dispatchSourceData[key] = {
           keysFn,
           defaultFn,

package/src/components/Form/hooks/useInitConfigData.tsx

@@ -10,6 +10,8 @@ import type { Rule } from "rc-field-form/lib/interface";
 import type { FormInstance } from "antd";
 import { useDefaultComponents } from "../hooks";
 import type { ConfigComponentModal } from "../modal";
+import type { DispatchSourceDataModal } from "../modal";
+import type { DispatchModal } from "../modal";
 
 const mathRequired = (
   configItem: HFormItemProps,
@@ -98,13 +100,88 @@ const itemControl = (
     render,
   };
 };
+const itemDispatchProvider = (
+  name: string,
+  config: Required<DispatchModal<string>>,
+  dispatchSourceData: DispatchSourceDataModal
+) => {
+  const { dependencies, fnKey } = config;
+  const itemDispatch = dispatchSourceData[dependencies as string];
+  if (!itemDispatch) {
+    return {
+      [dependencies]: {
+        [name]: fnKey,
+      },
+    };
+  }
+  const itemNameDispatch = {
+    [name]: fnKey,
+  };
+  return {
+    [dependencies]: {
+      ...itemDispatch,
+      ...itemNameDispatch,
+    },
+  };
+};
+const dispatchProvider = (
+  item: HItemProps,
+  dispatchSourceData: DispatchSourceDataModal
+) => {
+  const { name = "", dispatch = {}, dependencies = "allDependencies" } = item;
+  const {
+    fnKey,
+    dependencies: dispatchDependencies = dependencies as string | string[],
+    manual = true,
+  } = dispatch;
+  if (!fnKey) {
+    return {};
+  }
+  if (Array.isArray(dispatchDependencies)) {
+    let allDispatch: DispatchSourceDataModal = {
+      ...dispatchSourceData,
+    };
+    dispatchDependencies.forEach((key) => {
+      const itemDispatch = itemDispatchProvider(
+        name,
+        { dependencies: key, fnKey, manual },
+        dispatchSourceData
+      );
+      allDispatch = {
+        ...allDispatch,
+        ...itemDispatch,
+      };
+    });
+    return allDispatch;
+  }
+  const itemDispatch = itemDispatchProvider(
+    name,
+    { dependencies: dispatchDependencies, fnKey, manual },
+    dispatchSourceData
+  );
+  return {
+    ...dispatchSourceData,
+    ...itemDispatch,
+  };
+};
 type InitConfigModal = Required<Pick<HFormProps, "configData" | "form">>;
 
 export default ({ configData, form }: InitConfigModal) => {
   const defaultComponents = useDefaultComponents();
   return useMemo(() => {
-    return configData.map((item) => {
-      return itemControl(item, form, defaultComponents);
+    const newConfigData:HItemProps[] = [];
+    let dispatchSourceData: DispatchSourceDataModal = {};
+    configData.forEach((item) => {
+      const itemDispatch = dispatchProvider(item, dispatchSourceData);
+      dispatchSourceData = {
+        ...dispatchSourceData,
+        ...itemDispatch,
+      };
+      newConfigData.push(itemControl(item, form, defaultComponents));
     });
+    return {
+      newConfigData,
+      dispatchSourceData,
+    };
   }, [configData]);
 };

package/src/components/Form/index.tsx

@@ -1,7 +1,7 @@
 import { Form } from "antd";
-import type { HFormProps } from "./modal";
+import type { HFormProps, HItemProps } from "./modal";
 import Item from "./FormItem";
-import { useCurrentForm, useInfoReq } from "./hooks";
+import { useCurrentForm, useInfoReq, useValuesChange } from "./hooks";
 import { FormContext } from "./Context";
 import PageHandler from "../PageHandler";
 import useInitConfigData from "./hooks/useInitConfigData";
@@ -18,13 +18,15 @@ export default ({
   valueType = "float",
   initialValues,
   params = {},
+  onValuesChange,
   ...props
 }: HFormProps) => {
   const hForm = useCurrentForm(form);
-  const newConfigData = useInitConfigData({
+  const { newConfigData, dispatchSourceData } = useInitConfigData({
     configData,
     form: hForm,
   });
+  console.log(dispatchSourceData,"dispatchSourceData")
   const { subControl, infoControl } = useInfoReq({
     initialValues,
     request,
@@ -34,7 +36,11 @@ export default ({
     infoRequest,
     params,
   });
-
+  const valuesChange = useValuesChange({
+    onValuesChange,
+    dispatch: dispatchSourceData,
+    form: hForm,
+  });
   const { run, loading } = subControl;
   const {
     run: infoRun,
@@ -56,8 +62,13 @@ export default ({
       reload={infoRun}
     >
       <FormContext.Provider value={{ loading, form: hForm, valueType }}>
-        <Form form={hForm} onFinish={run} {...props}>
-          {newConfigData.map((itemData, index) => {
+        <Form
+          form={hForm}
+          onFinish={run}
+          onValuesChange={valuesChange}
+          {...props}
+        >
+          {newConfigData.map((itemData: HItemProps, index) => {
             const { labelWidth: itemLabelWidth } = itemData;
             return (
               <Item

package/src/components/Form/modal.ts

@@ -27,6 +27,7 @@ import type {
 } from "../modal";
 import type { ForwardedRef } from "react";
 import type { DataFnProvider } from "../modal";
+
 type RenderFun = (
   props: HItemProps,
   node: React.ReactNode,
@@ -56,7 +57,12 @@ type HelperModal = (form: HFormInstance) => React.ReactNode | string;
 export type HideModal = (form: HFormInstance) => boolean;
 
 export type AddDispatchListenerFn = (action: ActionModal, fn: argsFn) => void;
-
+export type DispatchSourceDataModal = Record<string, Record<string, string>>;
+export interface DispatchModal<T = string | string[]> {
+  fnKey?: string;
+  dependencies?: T;
+  manual?: boolean;
+}
 export interface HItemProps extends Omit<FormItemProps, "name"> {
   type?: string;
   itemProps?: ItemPropsType;
@@ -69,6 +75,7 @@ export interface HItemProps extends Omit<FormItemProps, "name"> {
   placeholder?: string | string[];
   // formatKeys?: string[];
   name?: string;
+  dispatch?: DispatchModal;
 }
 
 export interface HFormProps<T = any, R = any>
@@ -82,7 +89,6 @@ export interface HFormProps<T = any, R = any>
   params?: any;
   onFinish?: (values: T, params?: any) => void;
 }
-
 export interface HFormItemProps extends HItemProps {
   required?: boolean;
   value?: any;
@@ -123,6 +129,7 @@ export interface IFormConfigContextProps {
 interface ActionModal {
   key: string;
   name?: string;
+  dispatch?: DispatchModal;
 }
 export interface HFormInstance extends FormInstance {
   addFormat: (name: string, formats?: FormatItemModal) => void;