@hw-component/form 0.0.6-beta-v5 → 0.0.6-beta-v6

package/es/DialogForm/DrawerForm/index.js

@@ -16,6 +16,7 @@ import { useCurrentForm, useModifyProps, useSub } from '../hooks.js';
 import HForm from '../../Form/index.js';
 import Title from './Title.js';
 import Footer from './Footer.js';
+import Index, { useFormConfigContext } from '../../Form/Context/FormConfigProvider.js';
 
 var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "closable", "initialValues", "labelWidth", "onOk", "onFinish", "size", "form", "footer", "params", "onValuesChange"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -43,6 +44,7 @@ var DrawerForm = (function (_ref) {
     onValuesChange = _ref.onValuesChange,
     props = _objectWithoutProperties(_ref, _excluded);
   var currentForm = useCurrentForm(dialogForm);
+  var providerConfig = useFormConfigContext();
   var _useModifyProps = useModifyProps({
       configData: configData,
       visible: visible,
@@ -91,44 +93,46 @@ var DrawerForm = (function (_ref) {
     closable: false,
     destroyOnClose: true,
     footer: footerComponent(),
-    children: jsx(HForm, _objectSpread(_objectSpread({
-      configData: modalFormData,
-      initialValues: initValue,
-      onValuesChange: onValuesChange
-    }, props), {}, {
-      form: currentForm,
-      params: formParams,
-      onFinish: function () {
-        var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, subParams) {
-          var result, close;
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return run(values, subParams);
-              case 2:
-                result = _context.sent;
-                close = onOk === null || onOk === void 0 ? void 0 : onOk(result, subParams);
-                if (!(close === false)) {
-                  _context.next = 6;
-                  break;
-                }
-                return _context.abrupt("return");
-              case 6:
-                cancel();
-              case 7:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }));
-        function onFinish(_x, _x2) {
-          return _onFinish.apply(this, arguments);
-        }
-        return onFinish;
-      }(),
-      infoRequest: infoRequest,
-      labelWidth: labelWidth
+    children: jsx(Index, _objectSpread(_objectSpread({}, providerConfig), {}, {
+      children: jsx(HForm, _objectSpread(_objectSpread({
+        configData: modalFormData,
+        initialValues: initValue,
+        onValuesChange: onValuesChange
+      }, props), {}, {
+        form: currentForm,
+        params: formParams,
+        onFinish: function () {
+          var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, subParams) {
+            var result, close;
+            return _regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return run(values, subParams);
+                case 2:
+                  result = _context.sent;
+                  close = onOk === null || onOk === void 0 ? void 0 : onOk(result, subParams);
+                  if (!(close === false)) {
+                    _context.next = 6;
+                    break;
+                  }
+                  return _context.abrupt("return");
+                case 6:
+                  cancel();
+                case 7:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function onFinish(_x, _x2) {
+            return _onFinish.apply(this, arguments);
+          }
+          return onFinish;
+        }(),
+        infoRequest: infoRequest,
+        labelWidth: labelWidth
+      }))
     }))
   }));
 });

package/es/DialogForm/ModalForm.js

@@ -13,6 +13,7 @@ import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
 import { jsx } from 'react/jsx-runtime';
 import { Modal } from 'antd';
 import HForm from '../Form/index.js';
+import Index, { useFormConfigContext } from '../Form/Context/FormConfigProvider.js';
 import { useCurrentForm, useModifyProps, useSub } from './hooks.js';
 
 var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "initialValues", "onFinish", "params", "onOk", "onValuesChange"];
@@ -35,6 +36,7 @@ var ModalForm = (function (_ref) {
     onValuesChange = _ref.onValuesChange,
     props = _objectWithoutProperties(_ref, _excluded);
   var currentForm = useCurrentForm(dialogForm);
+  var providerConfig = useFormConfigContext();
   var _useModifyProps = useModifyProps({
       configData: configData,
       visible: visible,
@@ -73,43 +75,45 @@ var ModalForm = (function (_ref) {
   }, props), {}, {
     onOk: currentForm.submit,
     destroyOnClose: true,
-    children: jsx(HForm, _objectSpread(_objectSpread({
-      configData: modalFormData,
-      initialValues: initValue,
-      onValuesChange: onValuesChange,
-      onFinish: function () {
-        var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, outParams) {
-          var result, close;
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return run(values, outParams);
-              case 2:
-                result = _context.sent;
-                close = onOk === null || onOk === void 0 ? void 0 : onOk(result, outParams);
-                if (!(close === false)) {
-                  _context.next = 6;
-                  break;
-                }
-                return _context.abrupt("return");
-              case 6:
-                cancel();
-              case 7:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }));
-        function onFinish(_x, _x2) {
-          return _onFinish.apply(this, arguments);
-        }
-        return onFinish;
-      }()
-    }, props), {}, {
-      params: formParams,
-      form: currentForm,
-      infoRequest: infoRequest
+    children: jsx(Index, _objectSpread(_objectSpread({}, providerConfig), {}, {
+      children: jsx(HForm, _objectSpread(_objectSpread({
+        configData: modalFormData,
+        initialValues: initValue,
+        onValuesChange: onValuesChange,
+        onFinish: function () {
+          var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, outParams) {
+            var result, close;
+            return _regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return run(values, outParams);
+                case 2:
+                  result = _context.sent;
+                  close = onOk === null || onOk === void 0 ? void 0 : onOk(result, outParams);
+                  if (!(close === false)) {
+                    _context.next = 6;
+                    break;
+                  }
+                  return _context.abrupt("return");
+                case 6:
+                  cancel();
+                case 7:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function onFinish(_x, _x2) {
+            return _onFinish.apply(this, arguments);
+          }
+          return onFinish;
+        }()
+      }, props), {}, {
+        params: formParams,
+        form: currentForm,
+        infoRequest: infoRequest
+      }))
     }))
   }));
 });

package/lib/DialogForm/DrawerForm/index.js

@@ -19,6 +19,7 @@ var hooks = require('../hooks.js');
 var index = require('../../Form/index.js');
 var Title = require('./Title.js');
 var Footer = require('./Footer.js');
+var FormConfigProvider = require('../../Form/Context/FormConfigProvider.js');
 
 var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "closable", "initialValues", "labelWidth", "onOk", "onFinish", "size", "form", "footer", "params", "onValuesChange"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -46,6 +47,7 @@ var DrawerForm = (function (_ref) {
     onValuesChange = _ref.onValuesChange,
     props = _objectWithoutProperties(_ref, _excluded);
   var currentForm = hooks.useCurrentForm(dialogForm);
+  var providerConfig = FormConfigProvider.useFormConfigContext();
   var _useModifyProps = hooks.useModifyProps({
       configData: configData,
       visible: visible,
@@ -94,44 +96,46 @@ var DrawerForm = (function (_ref) {
     closable: false,
     destroyOnClose: true,
     footer: footerComponent(),
-    children: jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({
-      configData: modalFormData,
-      initialValues: initValue,
-      onValuesChange: onValuesChange
-    }, props), {}, {
-      form: currentForm,
-      params: formParams,
-      onFinish: function () {
-        var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, subParams) {
-          var result, close;
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return run(values, subParams);
-              case 2:
-                result = _context.sent;
-                close = onOk === null || onOk === void 0 ? void 0 : onOk(result, subParams);
-                if (!(close === false)) {
-                  _context.next = 6;
-                  break;
-                }
-                return _context.abrupt("return");
-              case 6:
-                cancel();
-              case 7:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }));
-        function onFinish(_x, _x2) {
-          return _onFinish.apply(this, arguments);
-        }
-        return onFinish;
-      }(),
-      infoRequest: infoRequest,
-      labelWidth: labelWidth
+    children: jsxRuntime.jsx(FormConfigProvider.default, _objectSpread(_objectSpread({}, providerConfig), {}, {
+      children: jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({
+        configData: modalFormData,
+        initialValues: initValue,
+        onValuesChange: onValuesChange
+      }, props), {}, {
+        form: currentForm,
+        params: formParams,
+        onFinish: function () {
+          var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, subParams) {
+            var result, close;
+            return _regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return run(values, subParams);
+                case 2:
+                  result = _context.sent;
+                  close = onOk === null || onOk === void 0 ? void 0 : onOk(result, subParams);
+                  if (!(close === false)) {
+                    _context.next = 6;
+                    break;
+                  }
+                  return _context.abrupt("return");
+                case 6:
+                  cancel();
+                case 7:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function onFinish(_x, _x2) {
+            return _onFinish.apply(this, arguments);
+          }
+          return onFinish;
+        }(),
+        infoRequest: infoRequest,
+        labelWidth: labelWidth
+      }))
     }))
   }));
 });

package/lib/DialogForm/ModalForm.js

@@ -16,6 +16,7 @@ var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
 var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
 var index = require('../Form/index.js');
+var FormConfigProvider = require('../Form/Context/FormConfigProvider.js');
 var hooks = require('./hooks.js');
 
 var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "initialValues", "onFinish", "params", "onOk", "onValuesChange"];
@@ -38,6 +39,7 @@ var ModalForm = (function (_ref) {
     onValuesChange = _ref.onValuesChange,
     props = _objectWithoutProperties(_ref, _excluded);
   var currentForm = hooks.useCurrentForm(dialogForm);
+  var providerConfig = FormConfigProvider.useFormConfigContext();
   var _useModifyProps = hooks.useModifyProps({
       configData: configData,
       visible: visible,
@@ -76,43 +78,45 @@ var ModalForm = (function (_ref) {
   }, props), {}, {
     onOk: currentForm.submit,
     destroyOnClose: true,
-    children: jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({
-      configData: modalFormData,
-      initialValues: initValue,
-      onValuesChange: onValuesChange,
-      onFinish: function () {
-        var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, outParams) {
-          var result, close;
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                _context.next = 2;
-                return run(values, outParams);
-              case 2:
-                result = _context.sent;
-                close = onOk === null || onOk === void 0 ? void 0 : onOk(result, outParams);
-                if (!(close === false)) {
-                  _context.next = 6;
-                  break;
-                }
-                return _context.abrupt("return");
-              case 6:
-                cancel();
-              case 7:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee);
-        }));
-        function onFinish(_x, _x2) {
-          return _onFinish.apply(this, arguments);
-        }
-        return onFinish;
-      }()
-    }, props), {}, {
-      params: formParams,
-      form: currentForm,
-      infoRequest: infoRequest
+    children: jsxRuntime.jsx(FormConfigProvider.default, _objectSpread(_objectSpread({}, providerConfig), {}, {
+      children: jsxRuntime.jsx(index.default, _objectSpread(_objectSpread({
+        configData: modalFormData,
+        initialValues: initValue,
+        onValuesChange: onValuesChange,
+        onFinish: function () {
+          var _onFinish = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(values, outParams) {
+            var result, close;
+            return _regeneratorRuntime.wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return run(values, outParams);
+                case 2:
+                  result = _context.sent;
+                  close = onOk === null || onOk === void 0 ? void 0 : onOk(result, outParams);
+                  if (!(close === false)) {
+                    _context.next = 6;
+                    break;
+                  }
+                  return _context.abrupt("return");
+                case 6:
+                  cancel();
+                case 7:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function onFinish(_x, _x2) {
+            return _onFinish.apply(this, arguments);
+          }
+          return onFinish;
+        }()
+      }, props), {}, {
+        params: formParams,
+        form: currentForm,
+        infoRequest: infoRequest
+      }))
     }))
   }));
 });

package/package.json

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

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

@@ -4,6 +4,7 @@ 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";
 export default ({
   visible,
   title,
@@ -26,6 +27,7 @@ export default ({
   ...props
 }: DialogFormProps) => {
   const currentForm = useCurrentForm(dialogForm);
+  const providerConfig=useFormConfigContext();
   const {
     modalVisible,
     modalFormData,
@@ -72,24 +74,26 @@ export default ({
       destroyOnClose={true}
       footer={footerComponent()}
     >
-      <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}
-      />
+      <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}
+        />
+      </FormConfigProvider>
     </Drawer>
   );
 };

package/src/components/DialogForm/ModalForm.tsx

@@ -1,6 +1,7 @@
 import { Modal } from "antd";
 import type { DialogFormProps } from "./modal";
 import HForm from "../Form";
+import FormConfigProvider, {useFormConfigContext} from '../Form/Context/FormConfigProvider'
 import { useCurrentForm, useModifyProps, useSub } from "./hooks";
 export default ({
   visible,
@@ -19,6 +20,7 @@ export default ({
   ...props
 }: DialogFormProps) => {
   const currentForm = useCurrentForm(dialogForm);
+  const providerConfig=useFormConfigContext();
   const {
     modalVisible,
     modalFormData,
@@ -55,23 +57,25 @@ export default ({
       onOk={currentForm.submit}
       destroyOnClose={true}
     >
-      <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}
-      />
+      <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}
+        />
+      </FormConfigProvider>
     </Modal>
   );
 };

package/src/components/DialogForm/hooks.ts

@@ -45,8 +45,8 @@ export const useModifyProps = ({
     dialogForm.show = (showParams = {}) => {
       const {
         configData: changeConfigData,
-        initialValues: changeInitialValues={},
-        params: changeParams={},
+        initialValues: changeInitialValues = {},
+        params: changeParams = {},
         title: changeTitle,
       } = showParams;
       if (!!changeConfigData) {

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

@@ -159,10 +159,10 @@ export default () => {
           });
         });
       },
-      resetFields:()=>{
+      resetFields: () => {
         form.resetFields();
-        isLoading=false;
-      }
+        isLoading = false;
+      },
     };
   }, []);
 };

package/src/components/Upload/UrlUpload/index.tsx

@@ -6,13 +6,13 @@ import TypeEle from "../MediaTypeEle/TypeEle";
 import { useRef, useState } from "react";
 import type { RcFile, UploadFile } from "antd/es/upload/interface";
 
-const mkSubFileList=(fileList: UploadFile[],maxCount=1)=>{
-  const len=fileList.length;
-  if (len>maxCount){
-   return fileList.slice(len-maxCount);
+const mkSubFileList = (fileList: UploadFile[], maxCount = 1) => {
+  const len = fileList.length;
+  if (len > maxCount) {
+    return fileList.slice(len - maxCount);
   }
-  return  fileList;
-}
+  return fileList;
+};
 
 const Index = ({
   placeholder = "请输入文件地址",
@@ -21,12 +21,12 @@ const Index = ({
   mediaType,
   ...props
 }: IUrlUploadProps) => {
-  const {maxCount}=props;
+  const { maxCount } = props;
   const [url, setUrl] = useState("");
   const [load, setLoad] = useState<boolean>(false);
   const ref = useRef<IUploadRefModal | null>(null);
   const onReady = () => {
-    let newFileList = [...value];
+    const newFileList = [...value];
     newFileList.push({
       url,
       uid: new Date().valueOf().toString(),
@@ -37,7 +37,7 @@ const Index = ({
         url,
       },
     });
-    onChange?.(mkSubFileList(newFileList,maxCount));
+    onChange?.(mkSubFileList(newFileList, maxCount));
     setUrl("");
     setLoad(false);
   };
@@ -69,7 +69,10 @@ const Index = ({
         type,
       };
     });
-    ref.current?.change({ fileList:mkSubFileList([...value,...newFileList],maxCount), file: newFileList[0] });
+    ref.current?.change({
+      fileList: mkSubFileList([...value, ...newFileList], maxCount),
+      file: newFileList[0],
+    });
     setUrl("");
     setLoad(false);
   };
@@ -84,11 +87,7 @@ const Index = ({
           setUrl(e.target.value);
         }}
       />
-      <Upload {...props}
-              ref={ref}
-              value={value}
-              onChange={onChange}
-      />
+      <Upload {...props} ref={ref} value={value} onChange={onChange} />
       {load && (
         <div style={{ display: "none" }}>
           <TypeEle

package/src/pages/DrawerForm/index.tsx

@@ -117,14 +117,13 @@ export default () => {
         显示
       </Button>
       <Button
-          onClick={() => {
-            modalForm.show();
-          }}
+        onClick={() => {
+          modalForm.show();
+        }}
       >
-         打开
+        打开
       </Button>
       <HDrawerForm
-
         configData={data}
         labelWidth={88}
         dialogForm={modalForm}

package/src/pages/Form/index.tsx

@@ -115,7 +115,7 @@ const formData = (options) => {
       name: "urlUpload",
       type: "urlUpload",
       itemProps: {
-        maxCount:3
+        maxCount: 3,
       },
       rules: [{ required: true }],
     },
@@ -154,7 +154,7 @@ export default () => {
           labelWidth={200}
           form={form}
           initialValues={{
-            name:'fff'
+            name: "fff",
           }}
           onFinish={(value) => {
             console.log(value);
@@ -187,15 +187,15 @@ export default () => {
       </HFormConfigProvider>
       <div
         onClick={() => {
-          form.setFieldsValue({name:"123"})
+          form.setFieldsValue({ name: "123" });
         }}
       >
         点我
       </div>
       <div
-          onClick={() => {
-            form.resetFields();
-          }}
+        onClick={() => {
+          form.resetFields();
+        }}
       >
         重置
       </div>

package/src/pages/ModalForm/index.tsx

@@ -1,5 +1,5 @@
 import { Button } from "antd";
-import { HModalForm, useHDialogForm } from "../../components";
+import { HModalForm, useHDialogForm ,HFormConfigProvider} from "../../components";
 const data = [
   {
     label: "输入框",
@@ -133,28 +133,37 @@ export default () => {
         打开
       </Button>
       <Button
-          onClick={() => {
-            modalForm.show({
-              params: {
-                name: num,
-              },
-              initialValues:{
-                name:"name"
-              }
-            });
-          }}
+        onClick={() => {
+          modalForm.show({
+            params: {
+              name: num,
+            },
+            initialValues: {
+              name: "name",
+            },
+          });
+        }}
       >
         宣誓
       </Button>
-      <HModalForm
-        configData={data}
-        labelWidth={88}
-        request={(val, params) => {
-          console.log(val, params);
-        }}
-        dialogForm={modalForm}
-        title="测试"
-      />
+      <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"});
+             }
+          }}
+      >
+        <HModalForm
+            configData={data}
+            labelWidth={88}
+            request={(val, params) => {
+              console.log(val, params);
+            }}
+            dialogForm={modalForm}
+            title="测试"
+        />
+      </HFormConfigProvider>
     </>
   );
 };