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

package/es/Form/HFormConnect.js

@@ -35,7 +35,8 @@ var HFormConnect = (function (component) {
     format = _config$format === void 0 ? {} : _config$format;
   var Index = function Index(props, ref) {
     var _props$name = props.name,
-      name = _props$name === void 0 ? "" : _props$name;
+      name = _props$name === void 0 ? "" : _props$name,
+      dispatch = props.dispatch;
     var _useFormContext = useFormContext(),
       form = _useFormContext.form,
       _useFormContext$value = _useFormContext.valueType,
@@ -49,7 +50,8 @@ var HFormConnect = (function (component) {
     var addDispatchListener = function addDispatchListener(key, fn) {
       form === null || form === void 0 ? void 0 : form.addDispatchListener({
         key: key,
-        name: name
+        name: name,
+        dispatch: dispatch
       }, fn);
     };
     var Component = component;

package/es/Form/hooks/index.d.ts

@@ -1,4 +1,10 @@
 import type { HFormProps, HFormInstance } from "../modal";
+import type { DispatchModal } from "../modal";
+interface UseValuesChangeModal {
+    onValuesChange: HFormProps["onValuesChange"];
+    dispatch: DispatchModal;
+    form: HFormInstance;
+}
 export declare const useCurrentForm: (form?: HFormInstance) => HFormInstance;
 type ParamsModal = Omit<HFormProps, "configData">;
 export declare const useInfoReq: ({ initialValues, infoRequest, form, params, request, onFinish, }: ParamsModal) => {
@@ -6,4 +12,5 @@ export declare const useInfoReq: ({ initialValues, infoRequest, form, params, re
     infoControl: import("@ahooksjs/use-request/lib/types").BaseResult<import("rc-field-form/lib/interface").Store, [reqParams?: any]>;
 };
 export declare const useDefaultComponents: () => any;
+export declare const useValuesChange: ({ onValuesChange, dispatch, form, }: UseValuesChangeModal) => (changedValues: any, values: any) => void;
 export {};

package/es/Form/hooks/index.js

@@ -1,14 +1,14 @@
 // welcome to hoo hoo hoo
-import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
 import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
 import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
-import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
 import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
 import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
 import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
+import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
 import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
 import { useRequest } from 'ahooks';
 import useHForm from './useHForm.js';
@@ -114,6 +114,29 @@ var useDefaultComponents = function useDefaultComponents() {
   var defaultComponent = useFormConfigContext("defaultComponent");
   return _objectSpread(_objectSpread({}, componentConfig), defaultComponent);
 };
+var useValuesChange = function useValuesChange(_ref4) {
+  var onValuesChange = _ref4.onValuesChange,
+    dispatch = _ref4.dispatch,
+    form = _ref4.form;
+  return function (changedValues, values) {
+    var changeKey = _Object$keys(changedValues)[0];
+    var dispatchItem = dispatch[changeKey];
+    if (!!dispatchItem) {
+      var dispatchKey = _Object$keys(dispatchItem);
+      _forEachInstanceProperty(dispatchKey).call(dispatchKey, function (name) {
+        var key = dispatchItem[name];
+        form.dispatch({
+          key: key,
+          name: name
+        }, {
+          changedValues: changedValues,
+          oldValues: values
+        });
+      });
+    }
+    onValuesChange === null || onValuesChange === void 0 ? void 0 : onValuesChange(changedValues, values);
+  };
+};
 
-export { useCurrentForm, useDefaultComponents, useInfoReq };
+export { useCurrentForm, useDefaultComponents, useInfoReq, useValuesChange };
 // powered by hdj

package/es/Form/hooks/useHForm.js

@@ -26,9 +26,13 @@ var useHForm = (function () {
   return useMemo(function () {
     var formatSourceData = {};
     var dispatchSourceData = {};
+    var initDispatch = {};
     var cacheValues = {};
     var isLoading = false;
-    var norAddItemDispatch = function norAddItemDispatch(name, fn) {
+    var norAddItemDispatch = function norAddItemDispatch(name, manual, fn) {
+      if (manual === false && name) {
+        initDispatch[name] = fn;
+      }
       if (!name) {
         return {
           keysFn: {},
@@ -45,10 +49,18 @@ var useHForm = (function () {
         return _Promise.resolve(params);
       },
       initValues: function initValues() {
+        var newValue = {};
         if (cacheValues) {
-          var newValue = this.formatValues(cacheValues);
+          newValue = this.formatValues(cacheValues);
           form.setFieldsValue(newValue);
         }
+        var initKeys = _Object$keys(initDispatch);
+        _forEachInstanceProperty(initKeys).call(initKeys, function (key) {
+          initDispatch[key]({
+            changedValues: newValue,
+            oldValues: newValue
+          });
+        });
         isLoading = true;
       },
       addFormat: function addFormat(name, format) {
@@ -109,10 +121,13 @@ var useHForm = (function () {
       },
       addDispatchListener: function addDispatchListener(action, fn) {
         var key = action.key,
-          name = action.name;
+          name = action.name,
+          _action$dispatch = action.dispatch,
+          dispatch = _action$dispatch === void 0 ? {} : _action$dispatch;
+        var manual = dispatch.manual;
         var items = dispatchSourceData[key];
         if (!items) {
-          dispatchSourceData[key] = norAddItemDispatch(name, fn);
+          dispatchSourceData[key] = norAddItemDispatch(name, manual, fn);
           return;
         }
         var keysFn = items.keysFn,
@@ -122,6 +137,9 @@ var useHForm = (function () {
         } else {
           defaultFn.push(fn);
         }
+        if (manual === false && name) {
+          initDispatch[name] = fn;
+        }
         dispatchSourceData[key] = {
           keysFn: keysFn,
           defaultFn: defaultFn

package/es/Form/hooks/useInitConfigData.d.ts

@@ -1,4 +1,8 @@
-import type { HFormItemProps, HFormProps } from "../modal";
+import type { HFormProps, HItemProps } from "../modal";
+import type { DispatchSourceDataModal } from "../modal";
 type InitConfigModal = Required<Pick<HFormProps, "configData" | "form">>;
-declare const _default: ({ configData, form }: InitConfigModal) => HFormItemProps[];
+declare const _default: ({ configData, form }: InitConfigModal) => {
+    newConfigData: HItemProps[];
+    dispatchSourceData: DispatchSourceDataModal;
+};
 export default _default;

package/es/Form/hooks/useInitConfigData.js

@@ -3,7 +3,6 @@ import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
 import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
 import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
-import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
 import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
 import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
 import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
@@ -11,6 +10,8 @@ import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWitho
 import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
 import _indexOfInstanceProperty from '@babel/runtime-corejs3/core-js/instance/index-of';
+import _Array$isArray from '@babel/runtime-corejs3/core-js/array/is-array';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
 import { useMemo } from 'react';
 import { placeholderConfig } from '../config.js';
 import { useDefaultComponents } from './index.js';
@@ -93,14 +94,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 = useDefaultComponents();
   return 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/es/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/es/Form/index.js

@@ -14,13 +14,13 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useEffect, createElement } from 'react';
 import { Form } from 'antd';
 import Item from './FormItem/index.js';
-import { useCurrentForm, useInfoReq } from './hooks/index.js';
+import { useCurrentForm, useInfoReq, useValuesChange } from './hooks/index.js';
 import { FormContext } from './Context/index.js';
 import Index from '../PageHandler/index.js';
 import useInitConfigData from './hooks/useInitConfigData.js';
 import InitSet from './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) {
@@ -35,12 +35,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 = useCurrentForm(form);
-  var newConfigData = useInitConfigData({
-    configData: configData,
-    form: hForm
-  });
+  var _useInitConfigData = useInitConfigData({
+      configData: configData,
+      form: hForm
+    }),
+    newConfigData = _useInitConfigData.newConfigData,
+    dispatchSourceData = _useInitConfigData.dispatchSourceData;
+  console.log(dispatchSourceData, "dispatchSourceData");
   var _useInfoReq = useInfoReq({
       initialValues: initialValues,
       request: request,
@@ -52,6 +56,11 @@ var HForm = (function (_ref) {
     }),
     subControl = _useInfoReq.subControl,
     infoControl = _useInfoReq.infoControl;
+  var valuesChange = useValuesChange({
+    onValuesChange: onValuesChange,
+    dispatch: dispatchSourceData,
+    form: hForm
+  });
   var run = subControl.run,
     loading = subControl.loading;
   var infoRun = infoControl.run,
@@ -76,7 +85,8 @@ var HForm = (function (_ref) {
       },
       children: jsxs(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/es/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/es/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/es/Select/hooks/norHooks.js

@@ -2,6 +2,7 @@
 import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import _valuesInstanceProperty from '@babel/runtime-corejs3/core-js/instance/values';
 import _Promise from '@babel/runtime-corejs3/core-js/promise';
 import { useState, useEffect } from 'react';
 import { useRequest } from 'ahooks';
@@ -13,7 +14,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 = useFormContext(),
     form = _useFormContext.form;
   var _useState = useState(),
@@ -21,16 +25,20 @@ var useOptionReq = function useOptionReq(_ref) {
     data = _useState2[0],
     setData = _useState2[1];
   var _useRequest = 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);
             }
@@ -47,7 +55,7 @@ var useOptionReq = function useOptionReq(_ref) {
         }
       }, _callee);
     })), {
-      manual: manual,
+      manual: dispatchManual === false ? true : manual,
       debounceInterval: 300,
       onSuccess: function onSuccess(resultData) {
         setData(resultData);
@@ -58,11 +66,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) {
@@ -70,7 +80,9 @@ var useOptionReq = function useOptionReq(_ref) {
       return;
     }
     run({
-      inputValue: inputValue
+      params: {
+        inputValue: inputValue
+      }
     });
   };
   useEffect(function () {

package/es/Select/index.js

@@ -20,7 +20,7 @@ import Index$2 from './components/AllSelect.js';
 import { useMatchConfigProps, useChangeOptions } from '../hooks/index.js';
 import HFormConnect from '../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 = Select.Option;
@@ -53,7 +53,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;
@@ -72,7 +73,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/es/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/lib/Form/HFormConnect.js

@@ -38,7 +38,8 @@ var HFormConnect = (function (component) {
     format = _config$format === void 0 ? {} : _config$format;
   var Index = function Index(props, ref) {
     var _props$name = props.name,
-      name = _props$name === void 0 ? "" : _props$name;
+      name = _props$name === void 0 ? "" : _props$name,
+      dispatch = props.dispatch;
     var _useFormContext = index.useFormContext(),
       form = _useFormContext.form,
       _useFormContext$value = _useFormContext.valueType,
@@ -52,7 +53,8 @@ var HFormConnect = (function (component) {
     var addDispatchListener = function addDispatchListener(key, fn) {
       form === null || form === void 0 ? void 0 : form.addDispatchListener({
         key: key,
-        name: name
+        name: name,
+        dispatch: dispatch
       }, fn);
     };
     var Component = component;

package/lib/Form/hooks/index.d.ts

@@ -1,4 +1,10 @@
 import type { HFormProps, HFormInstance } from "../modal";
+import type { DispatchModal } from "../modal";
+interface UseValuesChangeModal {
+    onValuesChange: HFormProps["onValuesChange"];
+    dispatch: DispatchModal;
+    form: HFormInstance;
+}
 export declare const useCurrentForm: (form?: HFormInstance) => HFormInstance;
 type ParamsModal = Omit<HFormProps, "configData">;
 export declare const useInfoReq: ({ initialValues, infoRequest, form, params, request, onFinish, }: ParamsModal) => {
@@ -6,4 +12,5 @@ export declare const useInfoReq: ({ initialValues, infoRequest, form, params, re
     infoControl: import("@ahooksjs/use-request/lib/types").BaseResult<import("rc-field-form/lib/interface").Store, [reqParams?: any]>;
 };
 export declare const useDefaultComponents: () => any;
+export declare const useValuesChange: ({ onValuesChange, dispatch, form, }: UseValuesChangeModal) => (changedValues: any, values: any) => void;
 export {};

package/lib/Form/hooks/index.js

@@ -1,15 +1,15 @@
 'use strict';
 
-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');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
 var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
 var ahooks = require('ahooks');
 var useHForm = require('./useHForm.js');
@@ -115,8 +115,32 @@ var useDefaultComponents = function useDefaultComponents() {
   var defaultComponent = FormConfigProvider.useFormConfigContext("defaultComponent");
   return _objectSpread(_objectSpread({}, config.default), defaultComponent);
 };
+var useValuesChange = function useValuesChange(_ref4) {
+  var onValuesChange = _ref4.onValuesChange,
+    dispatch = _ref4.dispatch,
+    form = _ref4.form;
+  return function (changedValues, values) {
+    var changeKey = _Object$keys(changedValues)[0];
+    var dispatchItem = dispatch[changeKey];
+    if (!!dispatchItem) {
+      var dispatchKey = _Object$keys(dispatchItem);
+      _forEachInstanceProperty(dispatchKey).call(dispatchKey, function (name) {
+        var key = dispatchItem[name];
+        form.dispatch({
+          key: key,
+          name: name
+        }, {
+          changedValues: changedValues,
+          oldValues: values
+        });
+      });
+    }
+    onValuesChange === null || onValuesChange === void 0 ? void 0 : onValuesChange(changedValues, values);
+  };
+};
 
 exports.useCurrentForm = useCurrentForm;
 exports.useDefaultComponents = useDefaultComponents;
 exports.useInfoReq = useInfoReq;
+exports.useValuesChange = useValuesChange;
 // powered by h

package/lib/Form/hooks/useHForm.js

@@ -29,9 +29,13 @@ var useHForm = (function () {
   return React.useMemo(function () {
     var formatSourceData = {};
     var dispatchSourceData = {};
+    var initDispatch = {};
     var cacheValues = {};
     var isLoading = false;
-    var norAddItemDispatch = function norAddItemDispatch(name, fn) {
+    var norAddItemDispatch = function norAddItemDispatch(name, manual, fn) {
+      if (manual === false && name) {
+        initDispatch[name] = fn;
+      }
       if (!name) {
         return {
           keysFn: {},
@@ -48,10 +52,18 @@ var useHForm = (function () {
         return _Promise.resolve(params);
       },
       initValues: function initValues() {
+        var newValue = {};
         if (cacheValues) {
-          var newValue = this.formatValues(cacheValues);
+          newValue = this.formatValues(cacheValues);
           form.setFieldsValue(newValue);
         }
+        var initKeys = _Object$keys(initDispatch);
+        _forEachInstanceProperty(initKeys).call(initKeys, function (key) {
+          initDispatch[key]({
+            changedValues: newValue,
+            oldValues: newValue
+          });
+        });
         isLoading = true;
       },
       addFormat: function addFormat(name, format) {
@@ -112,10 +124,13 @@ var useHForm = (function () {
       },
       addDispatchListener: function addDispatchListener(action, fn) {
         var key = action.key,
-          name = action.name;
+          name = action.name,
+          _action$dispatch = action.dispatch,
+          dispatch = _action$dispatch === void 0 ? {} : _action$dispatch;
+        var manual = dispatch.manual;
         var items = dispatchSourceData[key];
         if (!items) {
-          dispatchSourceData[key] = norAddItemDispatch(name, fn);
+          dispatchSourceData[key] = norAddItemDispatch(name, manual, fn);
           return;
         }
         var keysFn = items.keysFn,
@@ -125,6 +140,9 @@ var useHForm = (function () {
         } else {
           defaultFn.push(fn);
         }
+        if (manual === false && name) {
+          initDispatch[name] = fn;
+        }
         dispatchSourceData[key] = {
           keysFn: keysFn,
           defaultFn: defaultFn

package/lib/Form/hooks/useInitConfigData.d.ts

@@ -1,4 +1,8 @@
-import type { HFormItemProps, HFormProps } from "../modal";
+import type { HFormProps, HItemProps } from "../modal";
+import type { DispatchSourceDataModal } from "../modal";
 type InitConfigModal = Required<Pick<HFormProps, "configData" | "form">>;
-declare const _default: ({ configData, form }: InitConfigModal) => HFormItemProps[];
+declare const _default: ({ configData, form }: InitConfigModal) => {
+    newConfigData: HItemProps[];
+    dispatchSourceData: DispatchSourceDataModal;
+};
 export default _default;