@hw-component/form 0.0.6-beta-v8 → 0.0.7-beta-v1

package/es/DialogForm/DrawerForm/index.js

@@ -50,7 +50,8 @@ var DrawerForm = (function (_ref) {
       initialValues: initialValues,
       dialogForm: currentForm,
       params: params,
-      title: title
+      title: title,
+      onCancel: onCancel
     }),
     modalVisible = _useModifyProps.modalVisible,
     modalFormData = _useModifyProps.modalFormData,

package/es/DialogForm/ModalForm.js

@@ -42,7 +42,8 @@ var ModalForm = (function (_ref) {
       initialValues: initialValues,
       dialogForm: currentForm,
       params: params,
-      title: title
+      title: title,
+      onCancel: onCancel
     }),
     modalVisible = _useModifyProps.modalVisible,
     modalFormData = _useModifyProps.modalFormData,

package/es/DialogForm/hooks.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { DialogFormProps, HDialogFormInstance, ModifyPropsModal } from "./modal";
-export declare const useModifyProps: ({ visible, configData, initialValues, dialogForm, afterClose, params, title, }: ModifyPropsModal) => {
+export declare const useModifyProps: ({ visible, configData, initialValues, dialogForm, afterClose, params, title, onCancel, }: ModifyPropsModal) => {
     modalFormData: import("../Form/modal").HItemProps[];
     modalVisible: boolean | undefined;
     setModalVisible: import("react").Dispatch<import("react").SetStateAction<boolean | undefined>>;

package/es/DialogForm/hooks.js

@@ -23,7 +23,8 @@ var useModifyProps = function useModifyProps(_ref) {
     dialogForm = _ref.dialogForm,
     afterClose = _ref.afterClose,
     params = _ref.params,
-    title = _ref.title;
+    title = _ref.title,
+    onCancel = _ref.onCancel;
   var _useState = useState(visible),
     _useState2 = _slicedToArray(_useState, 2),
     modalVisible = _useState2[0],
@@ -45,6 +46,7 @@ var useModifyProps = function useModifyProps(_ref) {
     modalTitle = _useState10[0],
     setModalTitle = _useState10[1];
   var onAfterClose = function onAfterClose() {
+    onCancel === null || onCancel === void 0 || onCancel();
     setTimeout(function () {
       dialogForm.clear();
       afterClose === null || afterClose === void 0 || afterClose();

package/es/DialogForm/modal.d.ts

@@ -10,6 +10,7 @@ export interface ModifyPropsModal<P = any> {
     afterClose?: VoidFunction;
     params?: P;
     title?: DialogFormProps["title"];
+    onCancel?: VoidFunction;
 }
 export interface ShowParamsModal<P = any, T = any> {
     configData?: HItemProps[];

package/es/Form/config.d.ts

@@ -24,6 +24,13 @@ declare const componentConfig: {
     urlUpload: ({ placeholder, value, onChange, mediaType, ...props }: import("../Upload/modal").IUrlUploadProps) => JSX.Element;
     submit: ({ text, type, form, loading, position, reset, ...props }: import("../Submit").ISubmitProps) => JSX.Element;
     textArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
-    colorInput: ({ value, onChange, ...props }: import("../Input/modal").HInputProps<any>) => JSX.Element;
+    colorInput: ({ value, onChange, defaultColor, ...props }: import("../Input/modal").HInputProps<any>) => JSX.Element;
+    cascader: (<OptionType extends import("rc-cascader").DefaultOptionType | import("rc-cascader").BaseOptionType = import("rc-cascader").DefaultOptionType>(props: import("react").PropsWithChildren<import("antd").CascaderProps<OptionType>> & {
+        ref?: import("react").Ref<import("antd/lib/cascader").CascaderRef> | undefined;
+    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
+        displayName: string;
+        SHOW_PARENT: "SHOW_PARENT";
+        SHOW_CHILD: "SHOW_CHILD";
+    };
 };
 export default componentConfig;

package/es/Form/config.js

@@ -16,6 +16,7 @@ import Index$4 from '../Upload/UrlUpload/index.js';
 import HSubmit from '../Submit/index.js';
 import TextArea from '../TextArea/index.js';
 import ColorInput from '../Input/ColorInput/index.js';
+import { Cascader } from 'antd';
 
 var placeholderConfig = {
   inputType: ["input", "inputNumber", "selectInput", "buttonInput"],
@@ -38,7 +39,8 @@ var componentConfig = {
   urlUpload: Index$4,
   submit: HSubmit,
   textArea: TextArea,
-  colorInput: ColorInput
+  colorInput: ColorInput,
+  cascader: Cascader
 };
 
 export { componentConfig as default, placeholderConfig };

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

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

package/es/Form/hooks/index.js

@@ -63,33 +63,29 @@ var useInfoReq = function useInfoReq(_ref) {
   });
   var infoControl = useRequest( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var reqParams,
+      result,
       setValue,
       _args2 = arguments;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           reqParams = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : reqData.params;
-          setValue = initialValues;
           reqData.params = reqParams;
-          if (!(!initialValues && !infoRequest)) {
-            _context2.next = 6;
-            break;
-          }
-          form === null || form === void 0 || form.setFieldsValue({});
-          return _context2.abrupt("return", {});
-        case 6:
           if (!infoRequest) {
-            _context2.next = 10;
+            _context2.next = 8;
             break;
           }
-          _context2.next = 9;
+          _context2.next = 5;
           return infoRequest(reqParams);
-        case 9:
-          setValue = _context2.sent;
-        case 10:
+        case 5:
+          result = _context2.sent;
+          form === null || form === void 0 || form.setFieldsValue(result);
+          return _context2.abrupt("return", result || {});
+        case 8:
+          setValue = initialValues || {};
           form === null || form === void 0 || form.setFieldsValue(setValue);
-          return _context2.abrupt("return", setValue || {});
-        case 12:
+          return _context2.abrupt("return", setValue);
+        case 11:
         case "end":
           return _context2.stop();
       }

package/es/Form/modal.d.ts

@@ -1,4 +1,4 @@
-import type { FormInstance, FormItemProps, FormProps } from "antd";
+import type { CascaderProps, FormInstance, FormItemProps, FormProps } from "antd";
 import type { HCheckboxProps } from "../CheckboxGroup/modal";
 import type React from "react";
 import type { HButtonProps, HInputProps, HSelectInputProps } from "../Input/modal";
@@ -15,7 +15,7 @@ import type { PromiseFnResult, ValueCheckMapModal, ValueSwitchMapModal, DateRang
 import type { ForwardedRef } from "react";
 import type { DataFnProvider } from "../modal";
 type RenderFun = (props: HItemProps, node: React.ReactNode, form: FormInstance) => React.ReactNode;
-type ItemPropsType = HCheckboxProps | HInputProps | HSelectInputProps | HButtonProps | HRadioGroupProps | HSelectProps | ButtonProps | HSwitchProps | HDatePickerProps | HRangePickerProps | HTimePickerProps | TextAreaProps | IUpLoadProps;
+type ItemPropsType = HCheckboxProps | HInputProps | HSelectInputProps | HButtonProps | HRadioGroupProps | HSelectProps | ButtonProps | HSwitchProps | HDatePickerProps | HRangePickerProps | HTimePickerProps | TextAreaProps | IUpLoadProps | CascaderProps<any>;
 export interface HoverModal {
     text?: string;
     icon?: React.ReactNode;

package/lib/DialogForm/DrawerForm/index.js

@@ -53,7 +53,8 @@ var DrawerForm = (function (_ref) {
       initialValues: initialValues,
       dialogForm: currentForm,
       params: params,
-      title: title
+      title: title,
+      onCancel: onCancel
     }),
     modalVisible = _useModifyProps.modalVisible,
     modalFormData = _useModifyProps.modalFormData,

package/lib/DialogForm/ModalForm.js

@@ -45,7 +45,8 @@ var ModalForm = (function (_ref) {
       initialValues: initialValues,
       dialogForm: currentForm,
       params: params,
-      title: title
+      title: title,
+      onCancel: onCancel
     }),
     modalVisible = _useModifyProps.modalVisible,
     modalFormData = _useModifyProps.modalFormData,

package/lib/DialogForm/hooks.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { DialogFormProps, HDialogFormInstance, ModifyPropsModal } from "./modal";
-export declare const useModifyProps: ({ visible, configData, initialValues, dialogForm, afterClose, params, title, }: ModifyPropsModal) => {
+export declare const useModifyProps: ({ visible, configData, initialValues, dialogForm, afterClose, params, title, onCancel, }: ModifyPropsModal) => {
     modalFormData: import("../Form/modal").HItemProps[];
     modalVisible: boolean | undefined;
     setModalVisible: import("react").Dispatch<import("react").SetStateAction<boolean | undefined>>;

package/lib/DialogForm/hooks.js

@@ -24,7 +24,8 @@ var useModifyProps = function useModifyProps(_ref) {
     dialogForm = _ref.dialogForm,
     afterClose = _ref.afterClose,
     params = _ref.params,
-    title = _ref.title;
+    title = _ref.title,
+    onCancel = _ref.onCancel;
   var _useState = React.useState(visible),
     _useState2 = _slicedToArray(_useState, 2),
     modalVisible = _useState2[0],
@@ -46,6 +47,7 @@ var useModifyProps = function useModifyProps(_ref) {
     modalTitle = _useState10[0],
     setModalTitle = _useState10[1];
   var onAfterClose = function onAfterClose() {
+    onCancel === null || onCancel === void 0 || onCancel();
     setTimeout(function () {
       dialogForm.clear();
       afterClose === null || afterClose === void 0 || afterClose();

package/lib/DialogForm/modal.d.ts

@@ -10,6 +10,7 @@ export interface ModifyPropsModal<P = any> {
     afterClose?: VoidFunction;
     params?: P;
     title?: DialogFormProps["title"];
+    onCancel?: VoidFunction;
 }
 export interface ShowParamsModal<P = any, T = any> {
     configData?: HItemProps[];

package/lib/Form/config.d.ts

@@ -24,6 +24,13 @@ declare const componentConfig: {
     urlUpload: ({ placeholder, value, onChange, mediaType, ...props }: import("../Upload/modal").IUrlUploadProps) => JSX.Element;
     submit: ({ text, type, form, loading, position, reset, ...props }: import("../Submit").ISubmitProps) => JSX.Element;
     textArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
-    colorInput: ({ value, onChange, ...props }: import("../Input/modal").HInputProps<any>) => JSX.Element;
+    colorInput: ({ value, onChange, defaultColor, ...props }: import("../Input/modal").HInputProps<any>) => JSX.Element;
+    cascader: (<OptionType extends import("rc-cascader").DefaultOptionType | import("rc-cascader").BaseOptionType = import("rc-cascader").DefaultOptionType>(props: import("react").PropsWithChildren<import("antd").CascaderProps<OptionType>> & {
+        ref?: import("react").Ref<import("antd/lib/cascader").CascaderRef> | undefined;
+    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
+        displayName: string;
+        SHOW_PARENT: "SHOW_PARENT";
+        SHOW_CHILD: "SHOW_CHILD";
+    };
 };
 export default componentConfig;

package/lib/Form/config.js

@@ -19,6 +19,7 @@ var index$8 = require('../Upload/UrlUpload/index.js');
 var index$9 = require('../Submit/index.js');
 var index$a = require('../TextArea/index.js');
 var index$b = require('../Input/ColorInput/index.js');
+var antd = require('antd');
 
 var placeholderConfig = {
   inputType: ["input", "inputNumber", "selectInput", "buttonInput"],
@@ -41,7 +42,8 @@ var componentConfig = {
   urlUpload: index$8.default,
   submit: index$9.default,
   textArea: index$a.default,
-  colorInput: index$b.default
+  colorInput: index$b.default,
+  cascader: antd.Cascader
 };
 
 exports.default = componentConfig;

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

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

package/lib/Form/hooks/index.js

@@ -64,33 +64,29 @@ var useInfoReq = function useInfoReq(_ref) {
   });
   var infoControl = ahooks.useRequest( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var reqParams,
+      result,
       setValue,
       _args2 = arguments;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           reqParams = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : reqData.params;
-          setValue = initialValues;
           reqData.params = reqParams;
-          if (!(!initialValues && !infoRequest)) {
-            _context2.next = 6;
-            break;
-          }
-          form === null || form === void 0 || form.setFieldsValue({});
-          return _context2.abrupt("return", {});
-        case 6:
           if (!infoRequest) {
-            _context2.next = 10;
+            _context2.next = 8;
             break;
           }
-          _context2.next = 9;
+          _context2.next = 5;
           return infoRequest(reqParams);
-        case 9:
-          setValue = _context2.sent;
-        case 10:
+        case 5:
+          result = _context2.sent;
+          form === null || form === void 0 || form.setFieldsValue(result);
+          return _context2.abrupt("return", result || {});
+        case 8:
+          setValue = initialValues || {};
           form === null || form === void 0 || form.setFieldsValue(setValue);
-          return _context2.abrupt("return", setValue || {});
-        case 12:
+          return _context2.abrupt("return", setValue);
+        case 11:
         case "end":
           return _context2.stop();
       }

package/lib/Form/modal.d.ts

@@ -1,4 +1,4 @@
-import type { FormInstance, FormItemProps, FormProps } from "antd";
+import type { CascaderProps, FormInstance, FormItemProps, FormProps } from "antd";
 import type { HCheckboxProps } from "../CheckboxGroup/modal";
 import type React from "react";
 import type { HButtonProps, HInputProps, HSelectInputProps } from "../Input/modal";
@@ -15,7 +15,7 @@ import type { PromiseFnResult, ValueCheckMapModal, ValueSwitchMapModal, DateRang
 import type { ForwardedRef } from "react";
 import type { DataFnProvider } from "../modal";
 type RenderFun = (props: HItemProps, node: React.ReactNode, form: FormInstance) => React.ReactNode;
-type ItemPropsType = HCheckboxProps | HInputProps | HSelectInputProps | HButtonProps | HRadioGroupProps | HSelectProps | ButtonProps | HSwitchProps | HDatePickerProps | HRangePickerProps | HTimePickerProps | TextAreaProps | IUpLoadProps;
+type ItemPropsType = HCheckboxProps | HInputProps | HSelectInputProps | HButtonProps | HRadioGroupProps | HSelectProps | ButtonProps | HSwitchProps | HDatePickerProps | HRangePickerProps | HTimePickerProps | TextAreaProps | IUpLoadProps | CascaderProps<any>;
 export interface HoverModal {
     text?: string;
     icon?: React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "0.0.6-beta-v8",
+  "version": "0.0.7-beta-v1",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",

package/src/components/DialogForm/DrawerForm/index.tsx

@@ -4,7 +4,9 @@ import { useCurrentForm, useModifyProps, useSub } from "../hooks";
 import HForm from "../../Form";
 import Title from "./Title";
 import Footer from "./Footer";
-import FormConfigProvider,{useFormConfigContext} from "../../Form/Context/FormConfigProvider";
+import FormConfigProvider, {
+  useFormConfigContext,
+} from "../../Form/Context/FormConfigProvider";
 export default ({
   visible,
   title,
@@ -27,7 +29,7 @@ export default ({
   ...props
 }: DialogFormProps) => {
   const currentForm = useCurrentForm(dialogForm);
-  const providerConfig=useFormConfigContext();
+  const providerConfig = useFormConfigContext();
   const {
     modalVisible,
     modalFormData,
@@ -35,14 +37,15 @@ export default ({
     initValue,
     onAfterClose,
     formParams,
-    title:modalTitle
+    title: modalTitle,
   } = useModifyProps({
     configData,
     visible,
     initialValues,
     dialogForm: currentForm,
     params,
-    title
+    title,
+    onCancel,
   });
   const cancel = () => {
     onAfterClose();
@@ -78,22 +81,22 @@ export default ({
     >
       <FormConfigProvider {...providerConfig}>
         <HForm
-            configData={modalFormData}
-            initialValues={initValue}
-            onValuesChange={onValuesChange}
-            {...props}
-            form={currentForm}
-            params={formParams}
-            onFinish={async (values, subParams) => {
-              const result = await run(values, subParams);
-              const close = onOk?.(result, subParams);
-              if (close === false) {
-                return;
-              }
-              cancel();
-            }}
-            infoRequest={infoRequest}
-            labelWidth={labelWidth}
+          configData={modalFormData}
+          initialValues={initValue}
+          onValuesChange={onValuesChange}
+          {...props}
+          form={currentForm}
+          params={formParams}
+          onFinish={async (values, subParams) => {
+            const result = await run(values, subParams);
+            const close = onOk?.(result, subParams);
+            if (close === false) {
+              return;
+            }
+            cancel();
+          }}
+          infoRequest={infoRequest}
+          labelWidth={labelWidth}
         />
       </FormConfigProvider>
     </Drawer>

package/src/components/DialogForm/ModalForm.tsx

@@ -1,7 +1,9 @@
 import { Modal } from "antd";
 import type { DialogFormProps } from "./modal";
 import HForm from "../Form";
-import FormConfigProvider, {useFormConfigContext} from '../Form/Context/FormConfigProvider'
+import FormConfigProvider, {
+  useFormConfigContext,
+} from "../Form/Context/FormConfigProvider";
 import { useCurrentForm, useModifyProps, useSub } from "./hooks";
 export default ({
   visible,
@@ -20,7 +22,7 @@ export default ({
   ...props
 }: DialogFormProps) => {
   const currentForm = useCurrentForm(dialogForm);
-  const providerConfig=useFormConfigContext();
+  const providerConfig = useFormConfigContext();
   const {
     modalVisible,
     modalFormData,
@@ -35,6 +37,7 @@ export default ({
     dialogForm: currentForm,
     params,
     title,
+    onCancel,
   });
   const cancel = () => {
     if (onCancel) {
@@ -59,21 +62,21 @@ export default ({
     >
       <FormConfigProvider {...providerConfig}>
         <HForm
-            configData={modalFormData}
-            initialValues={initValue}
-            onValuesChange={onValuesChange}
-            onFinish={async (values, outParams) => {
-              const result = await run(values, outParams);
-              const close = onOk?.(result, outParams);
-              if (close === false) {
-                return;
-              }
-              cancel();
-            }}
-            {...props}
-            params={formParams}
-            form={currentForm}
-            infoRequest={infoRequest}
+          configData={modalFormData}
+          initialValues={initValue}
+          onValuesChange={onValuesChange}
+          onFinish={async (values, outParams) => {
+            const result = await run(values, outParams);
+            const close = onOk?.(result, outParams);
+            if (close === false) {
+              return;
+            }
+            cancel();
+          }}
+          {...props}
+          params={formParams}
+          form={currentForm}
+          infoRequest={infoRequest}
         />
       </FormConfigProvider>
     </Modal>

package/src/components/DialogForm/hooks.ts

@@ -15,6 +15,7 @@ export const useModifyProps = ({
   afterClose,
   params,
   title,
+  onCancel,
 }: ModifyPropsModal) => {
   const [modalVisible, setModalVisible] = useState(visible);
   const [modalFormData, setModalFormData] = useState(configData);
@@ -22,6 +23,7 @@ export const useModifyProps = ({
   const [formParams, setFormParams] = useState(params);
   const [modalTitle, setModalTitle] = useState(title);
   const onAfterClose = () => {
+    onCancel?.();
     setTimeout(() => {
       dialogForm.clear();
       afterClose?.();

package/src/components/DialogForm/modal.ts

@@ -12,6 +12,7 @@ export interface ModifyPropsModal<P = any> {
   afterClose?: VoidFunction;
   params?: P;
   title?: DialogFormProps["title"];
+  onCancel?: VoidFunction;
 }
 export interface ShowParamsModal<P = any, T = any> {
   configData?: HItemProps[];

package/src/components/Form/config.ts

@@ -15,7 +15,7 @@ import HUrlUpload from "../Upload/UrlUpload";
 import HSubmit from "../Submit";
 import TextArea from "../TextArea";
 import ColorInput from "../Input/ColorInput";
-
+import {Cascader} from 'antd';
 export const placeholderConfig = {
   inputType: ["input", "inputNumber", "selectInput", "buttonInput"],
   selectType: ["select", "datePicker", "timePicker", "colorInput"],
@@ -38,6 +38,7 @@ const componentConfig = {
   submit: HSubmit,
   textArea: TextArea,
   colorInput: ColorInput,
+  cascader:Cascader
 };
 
 export default componentConfig;

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

@@ -44,17 +44,15 @@ export const useInfoReq = ({
     { manual: true }
   );
   const infoControl = useRequest(async (reqParams = reqData.params) => {
-    let setValue = initialValues;
     reqData.params = reqParams;
-    if (!initialValues && !infoRequest) {
-      form?.setFieldsValue({});
-      return {};
-    }
     if (infoRequest) {
-      setValue = await infoRequest(reqParams);
+      const result = await infoRequest(reqParams);
+      form?.setFieldsValue(result);
+      return result || {};
     }
+    const setValue = initialValues || {};
     form?.setFieldsValue(setValue);
-    return setValue || {};
+    return setValue;
   });
   const { run, mutate } = infoControl;
   useEffect(() => {

package/src/components/Form/modal.ts

@@ -1,4 +1,4 @@
-import type { FormInstance, FormItemProps, FormProps } from "antd";
+import type {CascaderProps, FormInstance, FormItemProps, FormProps} from "antd";
 import type { HCheckboxProps } from "../CheckboxGroup/modal";
 import type React from "react";
 import type {
@@ -46,7 +46,8 @@ type ItemPropsType =
   | HRangePickerProps
   | HTimePickerProps
   | TextAreaProps
-  | IUpLoadProps;
+  | IUpLoadProps
+    |CascaderProps<any>;
 
 export interface HoverModal {
   text?: string;
@@ -147,7 +148,7 @@ export interface HFormInstance extends FormInstance {
   addDispatchListener: AddDispatchListenerFn;
   removeDispatchListener: (action?: ActionModal, fn?: argsFn) => void;
   reload: PromiseFnResult;
-  clear:VoidFunction;
+  clear: VoidFunction;
 }
 
 export interface ConnectConfigModal {

package/src/pages/ModalForm/index.tsx

@@ -1,7 +1,11 @@
 import { Button } from "antd";
-import { HModalForm, useHDialogForm ,HFormConfigProvider} from "../../components";
-import {useState} from "react";
-import {ShowParamsModal} from "@/components/DialogForm/modal";
+import {
+  HModalForm,
+  useHDialogForm,
+  HFormConfigProvider,
+} from "../../components";
+import { useState } from "react";
+import { ShowParamsModal } from "@/components/DialogForm/modal";
 const data = [
   {
     label: "输入框",
@@ -120,8 +124,6 @@ const data = [
 let num = 0;
 export default () => {
   const modalForm = useHDialogForm();
-  const [testModal,setTestModal]=useState<ShowParamsModal>({});
-  const {visible,params}=testModal;
   return (
     <>
       <Button
@@ -151,21 +153,23 @@ export default () => {
         宣誓
       </Button>
       <HFormConfigProvider
-          uploadProps={{
-             request:()=>{
-               console.log("request,request,request,request")
-               return Promise.resolve({url:"https://gw.alicdn.com/imgextra/i2/O1CN01MYuwJQ1GXVBWryCFJ_!!6000000000632-2-tps-1125-570.png_468x468q75.jpg_.webp"});
-             }
-          }}
+        uploadProps={{
+          request: () => {
+            console.log("request,request,request,request");
+            return Promise.resolve({
+              url: "https://gw.alicdn.com/imgextra/i2/O1CN01MYuwJQ1GXVBWryCFJ_!!6000000000632-2-tps-1125-570.png_468x468q75.jpg_.webp",
+            });
+          },
+        }}
       >
         <HModalForm
-            configData={data}
-            labelWidth={88}
-            request={(val, params) => {
-              console.log(val, params);
-            }}
-            dialogForm={modalForm}
-            title="测试"
+          configData={data}
+          labelWidth={88}
+          request={(val, params) => {
+            console.log(val, params);
+          }}
+          dialogForm={modalForm}
+          title="测试"
         />
       </HFormConfigProvider>
     </>