@hw-component/form 0.0.4-beta-v4 → 0.0.4-beta-v6

package/lib/Form/hooks/useHForm.js

@@ -12,8 +12,8 @@ var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArr
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _Promise = require('@babel/runtime-corejs3/core-js/promise');
-var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
 var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
 var _Reflect$deleteProperty = require('@babel/runtime-corejs3/core-js/reflect/delete-property');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/concat');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
@@ -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) {
+        initDispatch.push(fn);
+      }
       if (!name) {
         return {
           keysFn: {},
@@ -48,10 +52,17 @@ 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);
         }
+        _forEachInstanceProperty(initDispatch).call(initDispatch, function (fn) {
+          fn({
+            changedValues: newValue,
+            oldValues: newValue
+          });
+        });
         isLoading = true;
       },
       addFormat: function addFormat(name, format) {
@@ -112,10 +123,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,

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;

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,15 @@ 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;
   var _useInfoReq = index.useInfoReq({
       initialValues: initialValues,
       request: request,
@@ -55,6 +58,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 +87,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/Input/SelectInput.d.ts

@@ -5,5 +5,5 @@ export declare enum SelectInputType {
     select = 1
 }
 export declare const Index: ({ selectProps, value, onChange, valueName, addFormat, addDispatchListener, ...props }: HSelectInputProps) => JSX.Element;
-declare const _default: import("react").ForwardRefExoticComponent<import("@/components/Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
+declare const _default: import("react").ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export default _default;

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,9 +3,11 @@
 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');
+var index = require('../../Form/Context/index.js');
 
 var useOptionReq = function useOptionReq(_ref) {
   var manual = _ref.manual,
@@ -13,37 +15,48 @@ 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(),
     _useState2 = _slicedToArray(_useState, 2),
     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";
+            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);
             }
             if (!request) {
-              _context.next = 5;
+              _context.next = 6;
               break;
             }
-            return _context.abrupt("return", request(params));
-          case 5:
-            return _context.abrupt("return", _Promise.resolve(options));
+            return _context.abrupt("return", request(params, formData));
           case 6:
+            return _context.abrupt("return", _Promise.resolve(options));
+          case 7:
           case "end":
             return _context.stop();
         }
       }, _callee);
     })), {
-      manual: manual,
+      manual: dispatchManual === false ? true : manual,
       debounceInterval: 300,
       onSuccess: function onSuccess(resultData) {
         setData(resultData);
@@ -54,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) {
@@ -66,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"];
+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;
@@ -54,7 +54,9 @@ var Index = function Index(_ref) {
     _ref$noMatchItemRende = _ref.noMatchItemRender,
     noMatchItemRender = _ref$noMatchItemRende === void 0 ? defaultConfig.defaultSelectConfig.noMatchItemRender : _ref$noMatchItemRende,
     allSelect = _ref.allSelect,
-    addDispatchListener = _ref.addDispatchListener,
+    addDispatchListener = _ref.addDispatchListener;
+    _ref.addFormat;
+    var dispatch = _ref.dispatch,
     props = _objectWithoutProperties(_ref, _excluded);
   var _ref2 = (modeConfig === null || modeConfig === void 0 ? void 0 : modeConfig[mode || ""]) || {},
     icon = _ref2.icon,
@@ -74,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

@@ -2,6 +2,8 @@ import type { SelectProps } from "antd";
 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;
@@ -13,7 +15,7 @@ export interface ModeConfig {
     multiple?: ModeConfigItem;
     tags?: ModeConfigItem;
 }
-export interface HSelectProps extends Omit<SelectProps, "options"> {
+export interface HSelectProps extends Omit<SelectProps, "options" | "placeholder"> {
     style?: React.CSSProperties;
     request?: PromiseFnResult<any, OptionType[]>;
     manual?: boolean;
@@ -24,6 +26,9 @@ export interface HSelectProps extends Omit<SelectProps, "options"> {
     noMatchItemRender?: RenderFn;
     allSelect?: boolean;
     addDispatchListener?: (key: string, fn: argsFn) => void;
+    addFormat?: (format: Record<string, addFormatItemModal>) => void;
+    placeholder?: string;
+    dispatch?: DispatchModal;
 }
 export interface FilterDataModal {
     value: any;

package/lib/modal.d.ts

@@ -2,7 +2,7 @@ export interface ValueCheckMapModal {
     checked?: any;
     noChecked?: any;
 }
-export type PromiseFnResult<T = any, R = any> = (params: T) => Promise<R>;
+export type PromiseFnResult<T = any, R = any> = (params: T, formDataValues?: any) => Promise<R>;
 export interface ValueSwitchMapModal {
     open?: any;
     close?: any;

package/package.json

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

package/src/components/DialogForm/ModalForm.tsx

@@ -25,14 +25,14 @@ export default ({
     setModalVisible,
     initValue,
     formParams,
-    title:modalTitle
+    title: modalTitle,
   } = useModifyProps({
     configData,
     visible,
     initialValues,
     dialogForm: currentForm,
     params,
-    title
+    title,
   });
   const cancel = () => {
     if (onCancel) {

package/src/components/DialogForm/hooks.ts

@@ -14,13 +14,13 @@ export const useModifyProps = ({
   dialogForm,
   afterClose,
   params,
-  title
+  title,
 }: ModifyPropsModal) => {
   const [modalVisible, setModalVisible] = useState(visible);
   const [modalFormData, setModalFormData] = useState(configData);
   const [initValue, setInitValue] = useState(initialValues);
   const [formParams, setFormParams] = useState(params);
-  const [modalTitle,setModalTitle]=useState(title)
+  const [modalTitle, setModalTitle] = useState(title);
   const onAfterClose = () => {
     setTimeout(() => {
       dialogForm.resetFields();
@@ -47,7 +47,7 @@ export const useModifyProps = ({
         configData: changeConfigData,
         initialValues: changeInitialValues,
         params: changeParams,
-        title:changeTitle
+        title: changeTitle,
       } = showParams;
       if (!!changeConfigData) {
         setModalFormData(changeConfigData);
@@ -55,7 +55,7 @@ export const useModifyProps = ({
       if (!!changeParams) {
         setFormParams(changeParams);
       }
-      if (!!changeTitle){
+      if (!!changeTitle) {
         setModalTitle(changeTitle);
       }
       setInitValue(changeInitialValues);
@@ -75,7 +75,7 @@ export const useModifyProps = ({
     setInitValue,
     onAfterClose,
     formParams,
-    title:modalTitle
+    title: modalTitle,
   };
 };
 export const useHDialogForm = () => {

package/src/components/DialogForm/modal.ts

@@ -11,7 +11,7 @@ export interface ModifyPropsModal<P = any> {
   dialogForm: HDialogFormInstance;
   afterClose?: VoidFunction;
   params?: P;
-  title?:DialogFormProps["title"];
+  title?: DialogFormProps["title"];
 }
 export interface ShowParamsModal<P = any, T = any> {
   configData?: HItemProps[];
@@ -19,7 +19,7 @@ export interface ShowParamsModal<P = any, T = any> {
   initialValues?: Record<string, any>;
   infoRequest?: PromiseFnResult<P, T>;
   params?: P;
-  title?:DialogFormProps["title"];
+  title?: DialogFormProps["title"];
 }
 
 export interface HDialogFormInstance<P = any, T = any> extends HFormInstance {

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: argsFn[] = [];
     let cacheValues: Record<string, any> = {};
     let isLoading = false;
-    const norAddItemDispatch = (name, fn) => {
+    const norAddItemDispatch = (name, manual, fn) => {
+      if (manual === false) {
+        initDispatch.push(fn);
+      }
       if (!name) {
         return {
           keysFn: {},
@@ -34,10 +38,14 @@ export default () => {
         return Promise.resolve(params);
       },
       initValues() {
+        let newValue = {};
         if (cacheValues) {
-          const newValue = this.formatValues(cacheValues);
+          newValue = this.formatValues(cacheValues);
           form.setFieldsValue(newValue);
         }
+        initDispatch.forEach((fn) => {
+          fn({ changedValues: newValue, oldValues: newValue });
+        });
         isLoading = true;
       },
       addFormat(name: string, format?: FormatItemModal) {
@@ -89,10 +97,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;