@hw-component/form 0.0.8-beta-v5 → 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/es/Form/HFormConnect.js

@@ -1,13 +1,13 @@
 // welcome to hoo hoo hoo
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import 'core-js/modules/es.object.keys.js';
+import 'core-js/modules/es.function.name.js';
 import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.array.filter.js';
 import 'core-js/modules/es.object.to-string.js';
 import 'core-js/modules/es.object.get-own-property-descriptor.js';
 import 'core-js/modules/web.dom-collections.for-each.js';
 import 'core-js/modules/es.object.get-own-property-descriptors.js';
-import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
-import 'core-js/modules/es.function.name.js';
 import { jsx } from 'react/jsx-runtime';
 import { useFormContext } from './Context/index.js';
 import React, { useEffect } from 'react';
@@ -15,19 +15,26 @@ import React, { useEffect } from 'react';
 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 formatMaker = function formatMaker(itemProps, formats) {
-  if (!formats) {
-    return formats;
+  var _ref = formats || {},
+    inputValue = _ref.inputValue,
+    outputValue = _ref.outputValue;
+  var _itemProps$initValueP = itemProps.initValueProvider,
+    initValueProvider = _itemProps$initValueP === void 0 ? inputValue : _itemProps$initValueP,
+    _itemProps$subProvide = itemProps.subProvider,
+    subProvider = _itemProps$subProvide === void 0 ? outputValue : _itemProps$subProvide;
+  var resultObj = {};
+  if (initValueProvider) {
+    resultObj.inputValue = function (value) {
+      return initValueProvider(itemProps, value);
+    };
   }
-  var _inputValue = formats.inputValue,
-    _outputValue = formats.outputValue;
-  return {
-    inputValue: function inputValue(value) {
-      return _inputValue(itemProps, value);
-    },
-    outputValue: function outputValue(value) {
-      return _outputValue(itemProps, value);
-    }
-  };
+  if (subProvider) {
+    resultObj.outputValue = function (value) {
+      return subProvider(itemProps, value);
+    };
+  }
+  var keysLen = Object.keys(resultObj).length;
+  return keysLen === 0 ? undefined : resultObj;
 };
 var HFormConnect = (function (component) {
   var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

package/es/Form/config.js

@@ -8,11 +8,11 @@ import HCheckboxGroup from '../CheckboxGroup/index.js';
 import Index$1 from '../CheckboxGroup/CheckBox/index.js';
 import HRadioGroup from '../RadioGroup/index.js';
 import Index$2 from '../Switch/index.js';
-import Index$3 from '../TDPicker/index.js';
+import HDatePicker from '../TDPicker/index.js';
 import HRangePicker from '../TDPicker/RangePicker.js';
 import HTimePicker from '../TDPicker/TimePicker.js';
 import HUpload from '../Upload/index.js';
-import Index$4 from '../Upload/UrlUpload/index.js';
+import Index$3 from '../Upload/UrlUpload/index.js';
 import HSubmit from '../Submit/index.js';
 import TextArea from '../TextArea/index.js';
 import ColorInput from '../Input/ColorInput/index.js';
@@ -32,12 +32,12 @@ var componentConfig = {
   checkBox: Index$1,
   radioGroup: HRadioGroup,
   switch: Index$2,
-  datePicker: Index$3,
+  datePicker: HDatePicker,
   rangePicker: HRangePicker,
   timePicker: HTimePicker,
   input: HInput,
   upload: HUpload,
-  urlUpload: Index$4,
+  urlUpload: Index$3,
   submit: HSubmit,
   textArea: TextArea,
   colorInput: ColorInput,

package/es/Form/modal.d.ts

@@ -60,6 +60,8 @@ export interface HFormItemProps extends HItemProps {
     value?: any;
     onChange?: (val: any, item: any) => void;
     itemSpan?: ColProps;
+    initValueProvider?: AddValueFormat;
+    subProvider?: AddValueFormat;
 }
 export type argsFn = (...args: any[]) => void;
 export interface FormContextProps {
@@ -110,8 +112,8 @@ export interface ConnectConfigModal {
 }
 type ValueFormat = (value: Record<string, any>) => Record<string, any>;
 export interface FormatItemModal {
-    inputValue: ValueFormat;
-    outputValue: ValueFormat;
+    inputValue?: ValueFormat;
+    outputValue?: ValueFormat;
 }
 type AddValueFormat = (item: HFormItemProps, value: Record<string, any>) => Record<string, any>;
 export interface addFormatItemModal {

package/es/TDPicker/TimePicker.d.ts

@@ -1,3 +1,3 @@
-import type { HTimePickerProps } from "./modal";
-declare const _default: ({ value, format, onChange, disabledDate, ...props }: HTimePickerProps) => JSX.Element;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export default _default;

package/es/TDPicker/TimePicker.js

@@ -11,17 +11,20 @@ import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWitho
 import { jsx } from 'react/jsx-runtime';
 import { TimePicker } from 'antd';
 import { useTimePickerValue, useTimePickerChange } from './hooks.js';
+import HFormConnect from '../Form/HFormConnect.js';
 
-var _excluded = ["value", "format", "onChange", "disabledDate"];
+var _excluded = ["value", "format", "onChange", "addFormat", "disabledDate"];
 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 HTimePicker = (function (_ref) {
+var Index = function Index(_ref) {
   var value = _ref.value,
     _ref$format = _ref.format,
     format = _ref$format === void 0 ? "X" : _ref$format,
     onChange = _ref.onChange,
+    addFormat = _ref.addFormat,
     _disabledDate = _ref.disabledDate,
     props = _objectWithoutProperties(_ref, _excluded);
+  addFormat === null || addFormat === void 0 || addFormat({});
   var timeVal = useTimePickerValue({
     value: value,
     format: format
@@ -38,7 +41,8 @@ var HTimePicker = (function (_ref) {
       return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, timeVal));
     }
   }, props));
-});
+};
+var HTimePicker = HFormConnect(Index);
 
 export { HTimePicker as default };
 // powered by hdj

package/es/TDPicker/index.d.ts

@@ -1,4 +1,3 @@
-import type { HDatePickerProps } from "./modal";
 import React from "react";
-declare const Index: React.FC<HDatePickerProps>;
-export default Index;
+declare const _default: React.ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & React.RefAttributes<any>>;
+export default _default;

package/es/TDPicker/index.js

@@ -11,8 +11,9 @@ import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWitho
 import { jsx } from 'react/jsx-runtime';
 import { DatePicker } from 'antd';
 import { useTimeVal, useTimeChange } from './hooks.js';
+import HFormConnect from '../Form/HFormConnect.js';
 
-var _excluded = ["value", "onChange", "showTime", "format", "disabledDate"];
+var _excluded = ["value", "onChange", "showTime", "format", "disabledDate", "addFormat"];
 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 Picker = DatePicker;
@@ -24,7 +25,9 @@ var Index = function Index(_ref) {
     _ref$format = _ref.format,
     format = _ref$format === void 0 ? "X" : _ref$format,
     _disabledDate = _ref.disabledDate,
+    addFormat = _ref.addFormat,
     props = _objectWithoutProperties(_ref, _excluded);
+  addFormat === null || addFormat === void 0 || addFormat({});
   var timeVal = useTimeVal({
     value: value,
     format: format
@@ -42,6 +45,7 @@ var Index = function Index(_ref) {
     }
   }, props));
 };
+var HDatePicker = HFormConnect(Index);
 
-export { Index as default };
+export { HDatePicker as default };
 // powered by hdj

package/es/TDPicker/modal.d.ts

@@ -14,6 +14,7 @@ export interface HDatePickerProps extends Omit<DatePickerProps, "onChange" | "fo
     format?: string;
     showTime?: boolean | SharedTimeProps<Moment>;
     disabledDate?: DisabledDateFnModal;
+    addFormat?: (config: Record<string, addFormatItemModal>) => void;
 }
 export interface HRangePickerProps extends Omit<RangePickerProps, "onChange" | "format" | "ranges" | "value" | "disabledDate"> {
     value?: [any, any] | Record<string, any>;
@@ -31,5 +32,6 @@ export interface HTimePickerProps extends Omit<TimePickerProps, "onChange" | "fo
     onChange?: (time?: Moment | string | number) => void;
     format?: DurationInputArg2 | string;
     disabledDate?: DisabledDateFnModal;
+    addFormat?: (config: Record<string, addFormatItemModal>) => void;
 }
 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/lib/Form/HFormConnect.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 require('core-js/modules/es.object.keys.js');
+require('core-js/modules/es.function.name.js');
 require('core-js/modules/es.symbol.js');
 require('core-js/modules/es.array.filter.js');
 require('core-js/modules/es.object.to-string.js');
 require('core-js/modules/es.object.get-own-property-descriptor.js');
 require('core-js/modules/web.dom-collections.for-each.js');
 require('core-js/modules/es.object.get-own-property-descriptors.js');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-require('core-js/modules/es.function.name.js');
 var jsxRuntime = require('react/jsx-runtime');
 var index = require('./Context/index.js');
 var React = require('react');
@@ -18,19 +18,26 @@ var React = require('react');
 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 formatMaker = function formatMaker(itemProps, formats) {
-  if (!formats) {
-    return formats;
+  var _ref = formats || {},
+    inputValue = _ref.inputValue,
+    outputValue = _ref.outputValue;
+  var _itemProps$initValueP = itemProps.initValueProvider,
+    initValueProvider = _itemProps$initValueP === void 0 ? inputValue : _itemProps$initValueP,
+    _itemProps$subProvide = itemProps.subProvider,
+    subProvider = _itemProps$subProvide === void 0 ? outputValue : _itemProps$subProvide;
+  var resultObj = {};
+  if (initValueProvider) {
+    resultObj.inputValue = function (value) {
+      return initValueProvider(itemProps, value);
+    };
   }
-  var _inputValue = formats.inputValue,
-    _outputValue = formats.outputValue;
-  return {
-    inputValue: function inputValue(value) {
-      return _inputValue(itemProps, value);
-    },
-    outputValue: function outputValue(value) {
-      return _outputValue(itemProps, value);
-    }
-  };
+  if (subProvider) {
+    resultObj.outputValue = function (value) {
+      return subProvider(itemProps, value);
+    };
+  }
+  var keysLen = Object.keys(resultObj).length;
+  return keysLen === 0 ? undefined : resultObj;
 };
 var HFormConnect = (function (component) {
   var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

package/lib/Form/modal.d.ts

@@ -60,6 +60,8 @@ export interface HFormItemProps extends HItemProps {
     value?: any;
     onChange?: (val: any, item: any) => void;
     itemSpan?: ColProps;
+    initValueProvider?: AddValueFormat;
+    subProvider?: AddValueFormat;
 }
 export type argsFn = (...args: any[]) => void;
 export interface FormContextProps {
@@ -110,8 +112,8 @@ export interface ConnectConfigModal {
 }
 type ValueFormat = (value: Record<string, any>) => Record<string, any>;
 export interface FormatItemModal {
-    inputValue: ValueFormat;
-    outputValue: ValueFormat;
+    inputValue?: ValueFormat;
+    outputValue?: ValueFormat;
 }
 type AddValueFormat = (item: HFormItemProps, value: Record<string, any>) => Record<string, any>;
 export interface addFormatItemModal {

package/lib/TDPicker/TimePicker.d.ts

@@ -1,3 +1,3 @@
-import type { HTimePickerProps } from "./modal";
-declare const _default: ({ value, format, onChange, disabledDate, ...props }: HTimePickerProps) => JSX.Element;
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export default _default;

package/lib/TDPicker/TimePicker.js

@@ -14,17 +14,20 @@ var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWit
 var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
 var hooks = require('./hooks.js');
+var HFormConnect = require('../Form/HFormConnect.js');
 
-var _excluded = ["value", "format", "onChange", "disabledDate"];
+var _excluded = ["value", "format", "onChange", "addFormat", "disabledDate"];
 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 HTimePicker = (function (_ref) {
+var Index = function Index(_ref) {
   var value = _ref.value,
     _ref$format = _ref.format,
     format = _ref$format === void 0 ? "X" : _ref$format,
     onChange = _ref.onChange,
+    addFormat = _ref.addFormat,
     _disabledDate = _ref.disabledDate,
     props = _objectWithoutProperties(_ref, _excluded);
+  addFormat === null || addFormat === void 0 || addFormat({});
   var timeVal = hooks.useTimePickerValue({
     value: value,
     format: format
@@ -41,7 +44,8 @@ var HTimePicker = (function (_ref) {
       return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, timeVal));
     }
   }, props));
-});
+};
+var HTimePicker = HFormConnect.default(Index);
 
 exports.default = HTimePicker;
 // powered by h

package/lib/TDPicker/index.d.ts

@@ -1,4 +1,3 @@
-import type { HDatePickerProps } from "./modal";
 import React from "react";
-declare const Index: React.FC<HDatePickerProps>;
-export default Index;
+declare const _default: React.ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & React.RefAttributes<any>>;
+export default _default;

package/lib/TDPicker/index.js

@@ -14,8 +14,9 @@ var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWit
 var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
 var hooks = require('./hooks.js');
+var HFormConnect = require('../Form/HFormConnect.js');
 
-var _excluded = ["value", "onChange", "showTime", "format", "disabledDate"];
+var _excluded = ["value", "onChange", "showTime", "format", "disabledDate", "addFormat"];
 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 Picker = antd.DatePicker;
@@ -27,7 +28,9 @@ var Index = function Index(_ref) {
     _ref$format = _ref.format,
     format = _ref$format === void 0 ? "X" : _ref$format,
     _disabledDate = _ref.disabledDate,
+    addFormat = _ref.addFormat,
     props = _objectWithoutProperties(_ref, _excluded);
+  addFormat === null || addFormat === void 0 || addFormat({});
   var timeVal = hooks.useTimeVal({
     value: value,
     format: format
@@ -45,6 +48,7 @@ var Index = function Index(_ref) {
     }
   }, props));
 };
+var HDatePicker = HFormConnect.default(Index);
 
-exports.default = Index;
+exports.default = HDatePicker;
 // powered by h

package/lib/TDPicker/modal.d.ts

@@ -14,6 +14,7 @@ export interface HDatePickerProps extends Omit<DatePickerProps, "onChange" | "fo
     format?: string;
     showTime?: boolean | SharedTimeProps<Moment>;
     disabledDate?: DisabledDateFnModal;
+    addFormat?: (config: Record<string, addFormatItemModal>) => void;
 }
 export interface HRangePickerProps extends Omit<RangePickerProps, "onChange" | "format" | "ranges" | "value" | "disabledDate"> {
     value?: [any, any] | Record<string, any>;
@@ -31,5 +32,6 @@ export interface HTimePickerProps extends Omit<TimePickerProps, "onChange" | "fo
     onChange?: (time?: Moment | string | number) => void;
     format?: DurationInputArg2 | string;
     disabledDate?: DisabledDateFnModal;
+    addFormat?: (config: Record<string, addFormatItemModal>) => void;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "0.0.8-beta-v5",
+  "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/components/Form/HFormConnect.tsx

@@ -5,23 +5,30 @@ 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";
-
+interface ResultModal {
+  inputValue?: (value: Record<string, any>) => Record<string, any>;
+  outputValue?: (value: Record<string, any>) => Record<string, any>;
+}
 const formatMaker = (
   itemProps: HFormItemProps,
   formats?: addFormatItemModal
 ) => {
-  if (!formats) {
-    return formats;
+  const { inputValue, outputValue } = formats || {};
+  const { initValueProvider = inputValue, subProvider = outputValue } =
+    itemProps;
+  const resultObj: ResultModal = {};
+  if (initValueProvider) {
+    resultObj.inputValue = (value) => {
+      return initValueProvider(itemProps, value);
+    };
   }
-  const { inputValue, outputValue } = formats;
-  return {
-    inputValue: (value) => {
-      return inputValue(itemProps, value);
-    },
-    outputValue: (value) => {
-      return outputValue(itemProps, value);
-    },
-  };
+  if (subProvider) {
+    resultObj.outputValue = (value) => {
+      return subProvider(itemProps, value);
+    };
+  }
+  const keysLen = Object.keys(resultObj).length;
+  return keysLen === 0 ? undefined : resultObj;
 };
 
 export default (

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

@@ -140,7 +140,7 @@ export default () => {
         Reflect.deleteProperty(dispatchSourceData, key);
       },
       outputValues(value) {
-        const val=value||form.getFieldsValue()
+        const val = value || form.getFieldsValue();
         return this.formatValues(val, "outputValue");
       },
       ...form,

package/src/components/Form/modal.ts

@@ -107,6 +107,8 @@ export interface HFormItemProps extends HItemProps {
   value?: any;
   onChange?: (val: any, item: any) => void;
   itemSpan?: ColProps;
+  initValueProvider?: AddValueFormat;
+  subProvider?: AddValueFormat;
 }
 export type argsFn = (...args: any[]) => void;
 export interface FormContextProps {
@@ -167,8 +169,8 @@ export interface ConnectConfigModal {
 type ValueFormat = (value: Record<string, any>) => Record<string, any>;
 
 export interface FormatItemModal {
-  inputValue: ValueFormat;
-  outputValue: ValueFormat;
+  inputValue?: ValueFormat;
+  outputValue?: ValueFormat;
 }
 
 type AddValueFormat = (

package/src/components/TDPicker/TimePicker.tsx

@@ -1,14 +1,17 @@
 import { TimePicker } from "antd";
 import type { HTimePickerProps } from "./modal";
 import { useTimePickerChange, useTimePickerValue } from "./hooks";
+import HFormConnect from "../Form/HFormConnect";
 
-export default ({
+const Index = ({
   value,
   format = "X",
   onChange,
+  addFormat,
   disabledDate,
   ...props
 }: HTimePickerProps) => {
+  addFormat?.({});
   const timeVal = useTimePickerValue({ value, format });
   const change = useTimePickerChange({ value, format, onChange });
 
@@ -23,3 +26,4 @@ export default ({
     />
   );
 };
+export default HFormConnect(Index);

package/src/components/TDPicker/index.tsx

@@ -2,6 +2,7 @@ import { DatePicker } from "antd";
 import type { HDatePickerProps } from "./modal";
 import { useTimeChange, useTimeVal } from "./hooks";
 import React from "react";
+import HFormConnect from "../Form/HFormConnect";
 const Picker = DatePicker as any;
 const Index: React.FC<HDatePickerProps> = ({
   value,
@@ -9,8 +10,10 @@ const Index: React.FC<HDatePickerProps> = ({
   showTime = true,
   format = "X",
   disabledDate,
+  addFormat,
   ...props
 }) => {
+  addFormat?.({});
   const timeVal = useTimeVal({ value, format });
   const change = useTimeChange({ format, onChange });
   return (
@@ -25,4 +28,4 @@ const Index: React.FC<HDatePickerProps> = ({
     />
   );
 };
-export default Index;
+export default HFormConnect(Index);

package/src/components/TDPicker/modal.ts

@@ -19,6 +19,7 @@ export interface HDatePickerProps
   format?: string;
   showTime?: boolean | SharedTimeProps<Moment>;
   disabledDate?: DisabledDateFnModal;
+  addFormat?: (config: Record<string, addFormatItemModal>) => void;
 }
 export interface HRangePickerProps
   extends Omit<
@@ -43,4 +44,5 @@ export interface HTimePickerProps
   onChange?: (time?: Moment | string | number) => void;
   format?: DurationInputArg2 | string;
   disabledDate?: DisabledDateFnModal;
+  addFormat?: (config: Record<string, addFormatItemModal>) => void;
 }

package/src/pages/Form/index.tsx

@@ -89,6 +89,19 @@ const formData = (options) => {
       type: "datePicker",
       hover: "时间选择",
       helper: "帮助我",
+      itemProps: {
+        subProvider: (item, val) => {
+          return {
+            datePicker: "fakfjkfjsklfjskljsak",
+          };
+        },
+        initValueProvider: (item, val) => {
+          console.log(val, "vvv");
+          return {
+            datePicker: 1706510695,
+          };
+        },
+      },
       rules: [{ required: true }],
     },
     {

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);
           }}