@hw-component/form 0.0.1-bate → 0.0.1-beta-v2

package/lib/Form/modal.d.ts

@@ -20,17 +20,17 @@ 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 interface HItemProps extends Omit<FormItemProps, "name"> {
     type?: string;
     itemProps?: ItemPropsType;
     render?: RenderFun;
-    helper?: HelperModal;
+    helper?: HelperModal | string;
     hover?: string | HoverModal;
     labelWidth?: number;
     hide?: boolean | HideModal;
     placeholder?: string | string[];
-    formatKeys?: string[];
-    name: string;
+    name?: string;
 }
 export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form"> {
     configData: HItemProps[];
@@ -46,6 +46,7 @@ export interface HFormItemProps extends HItemProps {
 export interface FormItemWithRender extends Omit<HFormItemProps, "render"> {
     render: (form: HFormInstance) => React.ReactNode;
 }
+export type argsFn = (...args: any[]) => void;
 export interface FormContextProps {
     loading?: boolean;
     form: HFormInstance;
@@ -64,14 +65,18 @@ export interface IFormConfigContextProps {
     dateRanges?: RangePickerProps["ranges"];
     uploadProps?: ConfigUploadProps;
 }
+interface ActionModal {
+    key: string;
+    name?: string;
+}
 export interface HFormInstance extends FormInstance {
     addFormat: (name: string, formats?: FormatItemModal) => void;
-    initValues: (values?: Record<string, any>) => void;
+    initValues: VoidFunction;
     formatValues: (values?: Record<string, any>, formatKey?: string) => Record<string, any>;
-    dispatch: (key: string) => void;
+    dispatch: (action: ActionModal, ...args: any[]) => void;
     outputValues: (values?: Record<string, any>) => Record<string, any>;
-    addDispatchListener: (key: string, fn: VoidFunction) => void;
-    removeDispatchListener: (key?: string) => void;
+    addDispatchListener: AddDispatchListenerFn;
+    removeDispatchListener: (action?: ActionModal, fn?: argsFn) => void;
 }
 export interface ConnectConfigModal {
     format?: Record<string, addFormatItemModal>;
@@ -88,5 +93,6 @@ export interface addFormatItemModal {
 }
 export interface ConnectResultProps {
     addFormat?: (format: Record<string, addFormatItemModal>) => void;
+    addDispatchListener?: (key: string, fn: argsFn) => void;
 }
 export {};

package/lib/Input/SelectInput.d.ts

@@ -4,6 +4,6 @@ export declare enum SelectInputType {
     input = 0,
     select = 1
 }
-export declare const Index: ({ selectProps, value, onChange, valueName, addFormat, ...props }: HSelectInputProps) => JSX.Element;
+export declare const Index: ({ selectProps, value, onChange, valueName, addFormat, addDispatchListener, ...props }: HSelectInputProps) => JSX.Element;
 declare const _default: (props: import("../Form/modal").HFormItemProps) => import("react").ReactElement<import("../Form/modal").ConnectResultProps, string | import("react").JSXElementConstructor<any>>;
 export default _default;

package/lib/Input/SelectInput.js

@@ -20,7 +20,7 @@ var index = require('../Select/index.js');
 var defaultConfig = require('./defaultConfig.js');
 var HFormConnect = require('../Form/HFormConnect.js');
 
-var _excluded = ["selectProps", "value", "onChange", "valueName", "addFormat"],
+var _excluded = ["selectProps", "value", "onChange", "valueName", "addFormat", "addDispatchListener"],
   _excluded2 = ["style", "placeholder"];
 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 _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -37,8 +37,9 @@ var Index = function Index(_ref) {
     onChange = _ref.onChange,
     _ref$valueName = _ref.valueName,
     valueName = _ref$valueName === void 0 ? defaultConfig.defaultValueName : _ref$valueName,
-    addFormat = _ref.addFormat,
-    props = _objectWithoutProperties(_ref, _excluded);
+    addFormat = _ref.addFormat;
+    _ref.addDispatchListener;
+    var props = _objectWithoutProperties(_ref, _excluded);
   var _valueName$input = valueName.input,
     input = _valueName$input === void 0 ? "" : _valueName$input,
     _valueName$select = valueName.select,
@@ -60,7 +61,8 @@ var Index = function Index(_ref) {
     "float": {
       inputValue: function inputValue(item, initValue) {
         var _context;
-        var name = item.name;
+        var _item$name = item.name,
+          name = _item$name === void 0 ? "" : _item$name;
         var resultObj = {};
         _forEachInstanceProperty(_context = _Object$values(valueName)).call(_context, function (key) {
           resultObj[key] = initValue[key];
@@ -68,7 +70,8 @@ var Index = function Index(_ref) {
         return _defineProperty({}, name, resultObj);
       },
       outputValue: function outputValue(item, _outputValue) {
-        var name = item.name;
+        var _item$name2 = item.name,
+          name = _item$name2 === void 0 ? "" : _item$name2;
         var _outputValue$name = _outputValue[name],
           itemVal = _outputValue$name === void 0 ? {} : _outputValue$name;
         var newItemVal = _defineProperty({}, itemVal[select], itemVal[input]);

package/lib/Input/modal.d.ts

@@ -3,6 +3,7 @@ import type { HSelectProps } from "../Select/modal";
 import type { SelectInputType } from "./SelectInput";
 import type { PromiseFnResult } from "../modal";
 import type { addFormatItemModal } from "../Form/modal";
+import type { AddDispatchListenerFn } from "../Form/modal";
 export type HInputProps = InputProps;
 interface ValueNameModal {
     input?: string;
@@ -14,6 +15,7 @@ export interface HSelectInputProps extends Omit<HInputProps, "value" | "onChange
     onChange?: (value: Record<string, any>, type: SelectInputType) => void;
     valueName?: ValueNameModal;
     addFormat?: (config: Record<string, addFormatItemModal>) => void;
+    addDispatchListener?: AddDispatchListenerFn;
 }
 export interface HButtonProps extends Omit<ButtonProps, "onClick"> {
     onClick: (value: string | readonly string[] | number | undefined, e: HTMLElement) => void;

package/lib/ModalForm/hooks.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { HModalFormInstance, ModifyPropsModal } from "@/components/ModalForm/modal";
+export declare const useModifyProps: ({ visible, configData, initialValues, }: ModifyPropsModal) => {
+    modalFormData: import("../Form/modal").HItemProps[];
+    modalVisible: boolean | undefined;
+    setModalVisible: import("react").Dispatch<import("react").SetStateAction<boolean | undefined>>;
+    setModalFormData: import("react").Dispatch<import("react").SetStateAction<import("../Form/modal").HItemProps[]>>;
+    initValue: Record<string, any> | undefined;
+    setInitValue: import("react").Dispatch<import("react").SetStateAction<Record<string, any> | undefined>>;
+};
+export declare const useHModalForm: () => HModalFormInstance;
+export declare const useCurrentForm: (hModalForm?: HModalFormInstance) => HModalFormInstance;

package/lib/ModalForm/hooks.js

@@ -0,0 +1,66 @@
+'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 _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+var React = require('react');
+var useHForm = require('../Form/hooks/useHForm.js');
+
+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 useModifyProps = function useModifyProps(_ref) {
+  var visible = _ref.visible,
+    configData = _ref.configData,
+    initialValues = _ref.initialValues;
+  var _useState = React.useState(visible),
+    _useState2 = _slicedToArray(_useState, 2),
+    modalVisible = _useState2[0],
+    setModalVisible = _useState2[1];
+  var _useState3 = React.useState(configData),
+    _useState4 = _slicedToArray(_useState3, 2),
+    modalFormData = _useState4[0],
+    setModalFormData = _useState4[1];
+  var _useState5 = React.useState(initialValues),
+    _useState6 = _slicedToArray(_useState5, 2),
+    initValue = _useState6[0],
+    setInitValue = _useState6[1];
+  React.useEffect(function () {
+    setModalVisible(visible);
+  }, [visible]);
+  React.useEffect(function () {
+    setModalFormData(configData);
+  }, [configData]);
+  return {
+    modalFormData: modalFormData,
+    modalVisible: modalVisible,
+    setModalVisible: setModalVisible,
+    setModalFormData: setModalFormData,
+    initValue: initValue,
+    setInitValue: setInitValue
+  };
+};
+var useHModalForm = function useHModalForm() {
+  var hForm = useHForm.default();
+  return React.useMemo(function () {
+    return _objectSpread(_objectSpread({}, hForm), {}, {
+      show: function show(params) {},
+      hide: function hide() {}
+    });
+  }, []);
+};
+var useCurrentForm = function useCurrentForm(hModalForm) {
+  var defaultHModalForm = useHModalForm();
+  return hModalForm || defaultHModalForm;
+};
+
+exports.useCurrentForm = useCurrentForm;
+exports.useHModalForm = useHModalForm;
+exports.useModifyProps = useModifyProps;
+// powered by h

package/lib/ModalForm/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { ModalFormProps } from "@/components/ModalForm/modal";
+declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, modalForm, initialValues, ...props }: ModalFormProps) => JSX.Element;
+export default _default;

package/lib/ModalForm/index.js

@@ -0,0 +1,75 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var antd = require('antd');
+var index = require('../Form/index.js');
+var hooks = require('./hooks.js');
+
+var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "modalForm", "initialValues"];
+var ModalForm = (function (_ref) {
+  var visible = _ref.visible,
+    title = _ref.title,
+    onCancel = _ref.onCancel,
+    configData = _ref.configData,
+    infoRequest = _ref.infoRequest;
+    _ref.request;
+    var _afterClose = _ref.afterClose,
+    modalForm = _ref.modalForm,
+    _ref$initialValues = _ref.initialValues,
+    initialValues = _ref$initialValues === void 0 ? {} : _ref$initialValues,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useModifyProps = hooks.useModifyProps({
+      configData: configData,
+      visible: visible,
+      initialValues: initialValues
+    }),
+    modalVisible = _useModifyProps.modalVisible,
+    modalFormData = _useModifyProps.modalFormData,
+    setModalVisible = _useModifyProps.setModalVisible,
+    setModalFormData = _useModifyProps.setModalFormData,
+    initValue = _useModifyProps.initValue,
+    setInitValue = _useModifyProps.setInitValue;
+  var currentForm = hooks.useCurrentForm(modalForm);
+  React.useEffect(function () {
+    currentForm.show = function (_ref2) {
+      var changeConfigData = _ref2.configData,
+        changeInitialValues = _ref2.initialValues;
+      if (!!changeConfigData) {
+        setModalFormData(changeConfigData);
+      }
+      setInitValue(changeInitialValues);
+      setModalVisible(true);
+    };
+    currentForm.hide = function () {
+      setModalVisible(false);
+    };
+  }, []);
+  var cancel = function cancel(e) {
+    if (onCancel) {
+      return onCancel === null || onCancel === void 0 ? void 0 : onCancel(e);
+    }
+    setModalVisible(false);
+  };
+  return /*#__PURE__*/React.createElement(antd.Modal, _extends({
+    title: title,
+    visible: modalVisible,
+    onCancel: cancel,
+    afterClose: function afterClose() {
+      currentForm.resetFields();
+      _afterClose === null || _afterClose === void 0 ? void 0 : _afterClose();
+    }
+  }, props), /*#__PURE__*/React.createElement(index.default, _extends({
+    configData: modalFormData,
+    initialValues: initValue
+  }, props, {
+    form: currentForm,
+    infoRequest: infoRequest
+  })));
+});
+
+exports.default = ModalForm;
+// powered by h

package/lib/ModalForm/modal.d.ts

@@ -0,0 +1,20 @@
+import type { HFormProps } from "@/components/Form/modal";
+import type { ModalProps } from "antd";
+import type { HFormInstance, HItemProps } from "@/components/Form/modal";
+type RootProps = HFormProps & ModalProps;
+export interface ModifyPropsModal {
+    configData: HItemProps[];
+    visible?: boolean;
+    initialValues?: Record<string, any>;
+}
+export interface ShowParamsModal extends Partial<ModifyPropsModal> {
+    initialValues?: Record<string, any>;
+}
+export interface HModalFormInstance extends HFormInstance {
+    show: (data: ShowParamsModal) => void;
+    hide: VoidFunction;
+}
+export interface ModalFormProps extends RootProps {
+    modalForm?: HModalFormInstance;
+}
+export {};

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

@@ -1,6 +1,6 @@
 import type { OptionType, PartialHSelectProps } from "@/components/Select/modal";
 export declare const useOptionReq: ({ manual, request, options, serviceSearch, showSearch, onSearch: propsOnSearch, }: PartialHSelectProps) => {
-    run: (params?: any, type?: any) => Promise<any>;
+    run: (params?: any, type?: any) => Promise<OptionType[] | undefined>;
     loading: boolean;
     error: Error | undefined;
     data: OptionType[] | undefined;

package/lib/TDPicker/RangePicker.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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');
@@ -14,6 +13,7 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
 var _Object$values = require('@babel/runtime-corejs3/core-js/object/values');
+var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
 var antd = require('antd');
 var hooks = require('./hooks.js');
@@ -70,15 +70,20 @@ var HRangePicker = function HRangePicker(_ref) {
     "float": {
       inputValue: function inputValue(item, initValue) {
         var _context;
-        var valueName = item.name;
+        var _item$name = item.name,
+          valueName = _item$name === void 0 ? "" : _item$name;
         var resultObj = {};
         _forEachInstanceProperty(_context = _Object$values(dateMapKeys)).call(_context, function (key) {
-          resultObj[key] = initValue[key];
+          if (initValue[key]) {
+            resultObj[key] = initValue[key];
+          }
         });
-        return _defineProperty({}, valueName, resultObj);
+        var hasKeys = _Object$keys(resultObj).length !== 0;
+        return _defineProperty({}, valueName, hasKeys ? resultObj : null);
       },
       outputValue: function outputValue(item, _outputValue) {
-        var valueName = item.name;
+        var _item$name2 = item.name,
+          valueName = _item$name2 === void 0 ? "" : _item$name2;
         var _outputValue$valueNam = _outputValue[valueName],
           itemVal = _outputValue$valueNam === void 0 ? {} : _outputValue$valueNam;
         return _objectSpread({}, itemVal);

package/lib/TextArea/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { TextAreaProps } from "antd/es/input";
 declare const _default: ({ autoSize, ...props }: TextAreaProps) => JSX.Element;
 export default _default;

package/lib/index.d.ts

@@ -2,9 +2,10 @@
 import "./styles/index.less";
 export { default as HForm } from "./Form";
 export { default as useHForm } from "./Form/hooks/useHForm";
+export { useHModalForm } from "./ModalForm/hooks";
 export declare const HSelect: ({ style, mode, options, modeConfig, value, onChange, fieldNames: propsFieldNames, request, manual, optionLabelProp, filterProvider, optionFilterProp, serviceSearch, onSearch: propsOnSearch, filterOption, showSearch, labelInValue, noMatchItemRender, allSelect, ...props }: import("./Select/modal").HSelectProps) => JSX.Element;
 export declare const HInput: ({ ...props }: import("antd").InputProps) => JSX.Element;
-export declare const HSelectInput: ({ selectProps, value, onChange, valueName, ...props }: import("./Input/modal").HSelectInputProps) => JSX.Element;
+export declare const HSelectInput: (props: import("./Form/modal").HFormItemProps) => import("react").ReactElement<import("./Form/modal").ConnectResultProps, string | import("react").JSXElementConstructor<any>>;
 export declare const HUpload: import("react").ForwardRefExoticComponent<import("./Upload/modal").IUpLoadProps & import("react").RefAttributes<import("./Upload/modal").IUploadRefModal>>;
 export declare const HUrlUpload: ({ placeholder, value, onChange, mediaType, ...props }: import("./Upload/modal").IUrlUploadProps) => JSX.Element;
 export declare const HButtonInput: import("react").FC<import("./Input/modal").HButtonInputProps>;
@@ -12,9 +13,10 @@ export declare const HCheckBox: import("react").FC<import("./CheckboxGroup/modal
 export declare const HSwitch: import("react").FC<import("./Switch").HSwitchProps>;
 export declare const HCheckboxGroup: (props: import("./Form/modal").HFormItemProps) => import("react").ReactElement<import("./Form/modal").ConnectResultProps, string | import("react").JSXElementConstructor<any>>;
 export declare const HDatePicker: ({ value, onChange, showTime, format, ...props }: import("./TDPicker/modal").HDatePickerProps) => JSX.Element;
-export declare const HRangePicker: ({ value, onChange, showTime, format, valueMap, ranges, name, ...props }: import("./TDPicker/modal").HRangePickerProps) => JSX.Element;
+export declare const HRangePicker: (props: import("./Form/modal").HFormItemProps) => import("react").ReactElement<import("./Form/modal").ConnectResultProps, string | import("react").JSXElementConstructor<any>>;
 export declare const HRadioGroup: ({ value, options, onChange, fieldNames: propsFieldNames, ...props }: import("./RadioGroup").HRadioGroupProps) => JSX.Element;
 export declare const HTimePicker: ({ value, format, onChange, ...props }: import("./TDPicker/modal").HTimePickerProps) => JSX.Element;
 export declare const HInputNumber: ({ style, ...props }: import("antd").InputNumberProps<string | number>) => JSX.Element;
 export declare const HPageHandler: import("react").FC<import("./PageHandler/modal").IHPageHandler<any>>;
 export declare const HFormConfigProvider: import("react").FC<import("./Form/modal").IFormConfigContextProps>;
+export declare const HModalForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, modalForm, initialValues, ...props }: import("./ModalForm/modal").ModalFormProps) => JSX.Element;

package/lib/index.js

@@ -4,6 +4,8 @@ var config = require('./Form/config.js');
 var index$1 = require('./PageHandler/index.js');
 var index = require('./Form/index.js');
 var useHForm = require('./Form/hooks/useHForm.js');
+var hooks = require('./ModalForm/hooks.js');
+var index$2 = require('./ModalForm/index.js');
 
 var HSelect = config.default.select;
 var HInput = config.default.input;
@@ -21,9 +23,11 @@ var HTimePicker = config.default.timePicker;
 var HInputNumber = config.default.inputNumber;
 var HPageHandler = index$1.default;
 var HFormConfigProvider = config.default.formConfigProvider;
+var HModalForm = index$2.default;
 
 exports.HForm = index.default;
 exports.useHForm = useHForm.default;
+exports.useHModalForm = hooks.useHModalForm;
 exports.HButtonInput = HButtonInput;
 exports.HCheckBox = HCheckBox;
 exports.HCheckboxGroup = HCheckboxGroup;
@@ -31,6 +35,7 @@ exports.HDatePicker = HDatePicker;
 exports.HFormConfigProvider = HFormConfigProvider;
 exports.HInput = HInput;
 exports.HInputNumber = HInputNumber;
+exports.HModalForm = HModalForm;
 exports.HPageHandler = HPageHandler;
 exports.HRadioGroup = HRadioGroup;
 exports.HRangePicker = HRangePicker;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "0.0.1-bate",
+  "version": "0.0.1-beta-v2",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",
@@ -29,7 +29,7 @@
   "dependencies": {
     "@ant-design/icons": "4.6.2",
     "ahooks": "2.10.9",
-    "antd": "4.20.0",
+    "antd": "4.20.7",
     "react": "16.14.0",
     "react-dom": "17.0.2",
     "react-router-dom": "^6.11.2"

package/src/components/CheckboxGroup/index.tsx

@@ -32,7 +32,7 @@ const Index = ({
   addFormat?.({
     float: {
       inputValue: (item, initValue) => {
-        const { name } = item;
+        const { name = "" } = item;
         const keys = checkOptions?.map((optItem) => {
           return optItem.value;
         });
@@ -45,7 +45,7 @@ const Index = ({
         };
       },
       outputValue: (item, outputValue) => {
-        const { name } = item;
+        const { name = "" } = item;
         const { [name]: itemVal = {} } = outputValue;
         return {
           ...itemVal,

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

@@ -1,7 +1,6 @@
 import React from "react";
-import type { HItemProps } from "@/components/Form/modal";
-import type { FormInstance } from "antd";
-import { Typography, Row } from "antd";
+import type { HItemProps, HFormInstance } from "@/components/Form/modal";
+import { Typography } from "antd";
 import { useFormContext } from "../Context";
 
 interface HelperProps {
@@ -16,7 +15,7 @@ const Index: React.FC<HelperProps> = ({ helper }) => {
   if (typeof helper === "function") {
     return (
       <Typography.Text type={"secondary"}>
-        {helper(form as FormInstance)}
+        {helper(form as HFormInstance)}
       </Typography.Text>
     );
   }

package/src/components/Form/HFormConnect.tsx

@@ -4,6 +4,7 @@ import React, { useEffect } from "react";
 import type { ConnectConfigModal } from "@/components/Form/modal";
 import type { addFormatItemModal } from "@/components/Form/modal";
 import type { ConnectResultProps } from "@/components/Form/modal";
+import type { argsFn } from "@/components/Form/modal";
 
 const formatMaker = (
   itemProps: HFormItemProps,
@@ -29,7 +30,7 @@ export default (
 ) => {
   const { format = {} } = config;
   return (props: HFormItemProps) => {
-    const { name } = props;
+    const { name = "" } = props;
 
     const { form, valueType = "float" } = useFormContext();
 
@@ -40,10 +41,13 @@ export default (
     const addFormat = (aFormat: Record<string, addFormatItemModal>) => {
       form?.addFormat(name, formatMaker(props, aFormat[valueType]));
     };
-
+    const addDispatchListener = (key: string, fn: argsFn) => {
+      form?.addDispatchListener({ key, name }, fn);
+    };
     return React.createElement<ConnectResultProps>(Component, {
       ...props,
       addFormat,
+      addDispatchListener,
     });
   };
 };

package/src/components/Form/InitSet.tsx

@@ -1,12 +1,10 @@
 import { useFormContext } from "./Context";
 import { useEffect } from "react";
-interface InitSetProps {
-  initValues?: Record<string, any>;
-}
-export default ({ initValues }: InitSetProps) => {
+
+export default () => {
   const { form } = useFormContext();
   useEffect(() => {
-    form.initValues(initValues);
+    form.initValues();
   }, []);
   return <></>;
 };

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

@@ -20,23 +20,3 @@ export const useSub = ({ request, onFinish, form }: ParamsModal) => {
     { manual: true }
   );
 }; //提交
-
-export const useInit = ({ infoRequest, initialValues = {} }: ParamsModal) => {
-  const {
-    run: infoRun,
-    loading: infoLoading,
-    error: infoErr,
-    data: infoData,
-  } = useRequest(async () => {
-    if (infoRequest) {
-      return infoRequest();
-    }
-    return initialValues;
-  });
-  return {
-    infoRun,
-    infoLoading,
-    infoErr,
-    infoData,
-  };
-}; //初始化