@hw-component/form 0.0.8-beta-v6 → 0.0.8-beta-v7

package/es/DialogForm/DrawerForm/index.d.ts

@@ -1,3 +1,3 @@
 import type { DialogFormProps } from "../modal";
-declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, closable, initialValues, labelWidth, onOk, onFinish, size, form, footer, params, onValuesChange, autoClear, ...props }: DialogFormProps) => JSX.Element;
+declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, closable, initialValues, labelWidth, onOk, onFinish, size, form, footer, params, onValuesChange, autoClear, contentRender, ...props }: DialogFormProps) => JSX.Element;
 export default _default;

package/es/DialogForm/DrawerForm/index.js

@@ -18,7 +18,7 @@ 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", "autoClear"];
+var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "closable", "initialValues", "labelWidth", "onOk", "onFinish", "size", "form", "footer", "params", "onValuesChange", "autoClear", "contentRender"];
 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; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var DrawerForm = (function (_ref) {
@@ -43,6 +43,7 @@ var DrawerForm = (function (_ref) {
     onValuesChange = _ref.onValuesChange,
     _ref$autoClear = _ref.autoClear,
     autoClear = _ref$autoClear === void 0 ? true : _ref$autoClear,
+    contentRender = _ref.contentRender,
     props = _objectWithoutProperties(_ref, _excluded);
   var currentForm = useCurrentForm(dialogForm);
   var providerConfig = useFormConfigContext();
@@ -86,6 +87,45 @@ var DrawerForm = (function (_ref) {
       confirmLoading: loading
     });
   };
+  var node = 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
+  }));
   return jsx(Drawer, _objectSpread(_objectSpread({
     visible: modalVisible,
     title: jsx(Title, {
@@ -99,45 +139,7 @@ var DrawerForm = (function (_ref) {
     destroyOnClose: true,
     footer: footerComponent(),
     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
-      }))
+      children: contentRender ? contentRender(node, currentForm) : node
     }))
   }));
 });

package/es/DialogForm/ModalForm.d.ts

@@ -1,3 +1,3 @@
 import type { DialogFormProps } from "./modal";
-declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, onValuesChange, autoClear, ...props }: DialogFormProps) => JSX.Element;
+declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, onValuesChange, autoClear, contentRender, ...props }: DialogFormProps) => JSX.Element;
 export default _default;

package/es/DialogForm/ModalForm.js

@@ -16,7 +16,7 @@ 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", "autoClear"];
+var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "initialValues", "onFinish", "params", "onOk", "onValuesChange", "autoClear", "contentRender"];
 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; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ModalForm = (function (_ref) {
@@ -35,6 +35,7 @@ var ModalForm = (function (_ref) {
     onValuesChange = _ref.onValuesChange,
     _ref$autoClear = _ref.autoClear,
     autoClear = _ref$autoClear === void 0 ? true : _ref$autoClear,
+    contentRender = _ref.contentRender,
     props = _objectWithoutProperties(_ref, _excluded);
   var currentForm = useCurrentForm(dialogForm);
   var providerConfig = useFormConfigContext();
@@ -65,6 +66,44 @@ var ModalForm = (function (_ref) {
     }),
     loading = _useSub.loading,
     run = _useSub.run;
+  var node = 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
+  }));
   return jsx(Modal, _objectSpread(_objectSpread({
     title: modalTitle,
     visible: modalVisible,
@@ -80,44 +119,7 @@ var ModalForm = (function (_ref) {
     onOk: currentForm.submit,
     destroyOnClose: true,
     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
-      }))
+      children: contentRender ? contentRender === null || contentRender === void 0 ? void 0 : contentRender(node, currentForm) : node
     }))
   }));
 });

package/es/DialogForm/modal.d.ts

@@ -1,6 +1,7 @@
 import type { ModalProps } from "antd";
 import type { HFormInstance, HItemProps, HFormProps } from "../Form/modal";
 import type { PromiseFnResult } from "../modal";
+import React from "react";
 type RootProps = HFormProps & ModalProps;
 export interface ModifyPropsModal<P = any> {
     configData: HItemProps[];
@@ -32,5 +33,6 @@ export interface DialogFormProps<P = any, T = any> extends Omit<RootProps, "onFi
     onOk?: (data: T, params: P) => boolean | void;
     infoRequest?: (params: P) => Promise<T>;
     autoClear?: boolean;
+    contentRender?: (dom: React.ReactNode, form: HDialogFormInstance) => React.ReactNode;
 }
 export {};

package/lib/DialogForm/DrawerForm/index.d.ts

@@ -1,3 +1,3 @@
 import type { DialogFormProps } from "../modal";
-declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, closable, initialValues, labelWidth, onOk, onFinish, size, form, footer, params, onValuesChange, autoClear, ...props }: DialogFormProps) => JSX.Element;
+declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, closable, initialValues, labelWidth, onOk, onFinish, size, form, footer, params, onValuesChange, autoClear, contentRender, ...props }: DialogFormProps) => JSX.Element;
 export default _default;

package/lib/DialogForm/DrawerForm/index.js

@@ -21,7 +21,7 @@ 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", "autoClear"];
+var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "closable", "initialValues", "labelWidth", "onOk", "onFinish", "size", "form", "footer", "params", "onValuesChange", "autoClear", "contentRender"];
 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; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var DrawerForm = (function (_ref) {
@@ -46,6 +46,7 @@ var DrawerForm = (function (_ref) {
     onValuesChange = _ref.onValuesChange,
     _ref$autoClear = _ref.autoClear,
     autoClear = _ref$autoClear === void 0 ? true : _ref$autoClear,
+    contentRender = _ref.contentRender,
     props = _objectWithoutProperties(_ref, _excluded);
   var currentForm = hooks.useCurrentForm(dialogForm);
   var providerConfig = FormConfigProvider.useFormConfigContext();
@@ -89,6 +90,45 @@ var DrawerForm = (function (_ref) {
       confirmLoading: loading
     });
   };
+  var node = 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
+  }));
   return jsxRuntime.jsx(antd.Drawer, _objectSpread(_objectSpread({
     visible: modalVisible,
     title: jsxRuntime.jsx(Title.default, {
@@ -102,45 +142,7 @@ var DrawerForm = (function (_ref) {
     destroyOnClose: true,
     footer: footerComponent(),
     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
-      }))
+      children: contentRender ? contentRender(node, currentForm) : node
     }))
   }));
 });

package/lib/DialogForm/ModalForm.d.ts

@@ -1,3 +1,3 @@
 import type { DialogFormProps } from "./modal";
-declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, onValuesChange, autoClear, ...props }: DialogFormProps) => JSX.Element;
+declare const _default: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, onValuesChange, autoClear, contentRender, ...props }: DialogFormProps) => JSX.Element;
 export default _default;

package/lib/DialogForm/ModalForm.js

@@ -19,7 +19,7 @@ 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", "autoClear"];
+var _excluded = ["visible", "title", "onCancel", "configData", "infoRequest", "request", "afterClose", "dialogForm", "initialValues", "onFinish", "params", "onOk", "onValuesChange", "autoClear", "contentRender"];
 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; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ModalForm = (function (_ref) {
@@ -38,6 +38,7 @@ var ModalForm = (function (_ref) {
     onValuesChange = _ref.onValuesChange,
     _ref$autoClear = _ref.autoClear,
     autoClear = _ref$autoClear === void 0 ? true : _ref$autoClear,
+    contentRender = _ref.contentRender,
     props = _objectWithoutProperties(_ref, _excluded);
   var currentForm = hooks.useCurrentForm(dialogForm);
   var providerConfig = FormConfigProvider.useFormConfigContext();
@@ -68,6 +69,44 @@ var ModalForm = (function (_ref) {
     }),
     loading = _useSub.loading,
     run = _useSub.run;
+  var node = 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
+  }));
   return jsxRuntime.jsx(antd.Modal, _objectSpread(_objectSpread({
     title: modalTitle,
     visible: modalVisible,
@@ -83,44 +122,7 @@ var ModalForm = (function (_ref) {
     onOk: currentForm.submit,
     destroyOnClose: true,
     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
-      }))
+      children: contentRender ? contentRender === null || contentRender === void 0 ? void 0 : contentRender(node, currentForm) : node
     }))
   }));
 });

package/lib/DialogForm/modal.d.ts

@@ -1,6 +1,7 @@
 import type { ModalProps } from "antd";
 import type { HFormInstance, HItemProps, HFormProps } from "../Form/modal";
 import type { PromiseFnResult } from "../modal";
+import React from "react";
 type RootProps = HFormProps & ModalProps;
 export interface ModifyPropsModal<P = any> {
     configData: HItemProps[];
@@ -32,5 +33,6 @@ export interface DialogFormProps<P = any, T = any> extends Omit<RootProps, "onFi
     onOk?: (data: T, params: P) => boolean | void;
     infoRequest?: (params: P) => Promise<T>;
     autoClear?: boolean;
+    contentRender?: (dom: React.ReactNode, form: HDialogFormInstance) => React.ReactNode;
 }
 export {};

package/package.json

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

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

@@ -27,6 +27,7 @@ export default ({
   params,
   onValuesChange,
   autoClear = true,
+  contentRender,
   ...props
 }: DialogFormProps) => {
   const currentForm = useCurrentForm(dialogForm);
@@ -71,6 +72,24 @@ export default ({
       )
     );
   };
+  const node=<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}
+  />;
   return (
     <Drawer
       visible={modalVisible}
@@ -82,24 +101,7 @@ export default ({
       footer={footerComponent()}
     >
       <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}
-        />
+        {contentRender?contentRender(node,currentForm):node}
       </FormConfigProvider>
     </Drawer>
   );

package/src/components/DialogForm/ModalForm.tsx

@@ -20,6 +20,7 @@ export default ({
   onOk,
   onValuesChange,
   autoClear = true,
+  contentRender,
   ...props
 }: DialogFormProps) => {
   const currentForm = useCurrentForm(dialogForm);
@@ -47,6 +48,23 @@ export default ({
     setModalVisible(false);
   };
   const { loading, run } = useSub({ request, onFinish });
+  const node=<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}
+  />;
   return (
     <Modal
       title={modalTitle}
@@ -64,23 +82,7 @@ export default ({
       destroyOnClose={true}
     >
       <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}
-        />
+        {contentRender?contentRender?.(node, currentForm):node}
       </FormConfigProvider>
     </Modal>
   );

package/src/components/DialogForm/modal.ts

@@ -1,6 +1,7 @@
 import type { ModalProps } from "antd";
 import type { HFormInstance, HItemProps, HFormProps } from "../Form/modal";
 import type { PromiseFnResult } from "../modal";
+import React from "react";
 
 type RootProps = HFormProps & ModalProps;
 
@@ -36,4 +37,5 @@ export interface DialogFormProps<P = any, T = any>
   onOk?: (data: T, params: P) => boolean | void;
   infoRequest?: (params: P) => Promise<T>;
   autoClear?: boolean;
+  contentRender?:(dom:React.ReactNode,form:HDialogFormInstance)=>React.ReactNode;
 }

package/src/pages/ModalForm/index.tsx

@@ -176,6 +176,12 @@ export default () => {
           configData={data}
           labelWidth={88}
           autoClear={false}
+          contentRender={(node,form)=>{
+            return <div>
+              <div>测试一些</div>
+              {node}
+            </div>
+          }}
           request={(val, params) => {
             console.log(val, params);
           }}