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

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/hooks/useHForm.js

@@ -165,7 +165,8 @@ var useHForm = (function () {
         Reflect.deleteProperty(dispatchSourceData, key);
       },
       outputValues: function outputValues(value) {
-        return this.formatValues(value, "outputValue");
+        var val = value || form.getFieldsValue();
+        return this.formatValues(val, "outputValue");
       }
     }, form), {}, {
       setFieldsValue: function setFieldsValue(values) {

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/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/hooks/useHForm.js

@@ -168,7 +168,8 @@ var useHForm = (function () {
         Reflect.deleteProperty(dispatchSourceData, key);
       },
       outputValues: function outputValues(value) {
-        return this.formatValues(value, "outputValue");
+        var val = value || form.getFieldsValue();
+        return this.formatValues(val, "outputValue");
       }
     }, form), {}, {
       setFieldsValue: function setFieldsValue(values) {

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-v4",
+  "version": "0.0.8-beta-v6",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",

package/src/components/CheckboxGroup/hooks.ts

@@ -58,7 +58,7 @@ export const useValueProvider = ({
   }, [valueMap]);
 
   useEffect(() => {
-    const { checked ,noChecked} = oldValueCheckMap.valueMap;
+    const { checked, noChecked } = oldValueCheckMap.valueMap;
     if (!value) {
       return;
     }
@@ -68,8 +68,8 @@ export const useValueProvider = ({
     }
     setVal((oldVal) => {
       const newVal = { ...oldVal };
-      Object.keys(newVal).forEach((key)=>{
-        newVal[key]=noChecked
+      Object.keys(newVal).forEach((key) => {
+        newVal[key] = noChecked;
       });
       value.forEach((itemVal) => {
         newVal[itemVal] = checked;

package/src/components/CheckboxGroup/index.tsx

@@ -47,10 +47,10 @@ const Index = ({
       outputValue: (item, outputValue) => {
         const { name = "" } = item;
         const { [name]: itemVal = {} } = outputValue;
-        if (Array.isArray(itemVal)){
-          return  {
-            [name]:itemVal
-          }
+        if (Array.isArray(itemVal)) {
+          return {
+            [name]: itemVal,
+          };
         }
         return {
           ...itemVal,

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,8 @@ export default () => {
         Reflect.deleteProperty(dispatchSourceData, key);
       },
       outputValues(value) {
-        return this.formatValues(value, "outputValue");
+        const val = value || form.getFieldsValue();
+        return this.formatValues(val, "outputValue");
       },
       ...form,
       setFieldsValue(values) {

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/Checkbox/index.tsx

@@ -1,8 +1,6 @@
 import { Space } from "antd";
 import { HCheckboxGroup } from "../../components";
-import {useState} from "react";
 export default () => {
-  const [val,setVal]=useState();
   return (
     <Space size={"large"} direction={"vertical"} style={{ width: "100%" }}>
       <HCheckboxGroup
@@ -10,11 +8,6 @@ export default () => {
           { label: "测试", value: "uu" },
           { label: "测试1", value: "uu1" },
         ]}
-        value={val}
-
-        onChange={(val)=>{
-            setVal(val)
-        }}
       />
     </Space>
   );

package/src/pages/Form/index.tsx

@@ -76,7 +76,6 @@ const formData = (options) => {
         { value: "选择1", key: "check1" },
         { value: "选择2", key: "check2" },
       ],
-      keyInValue:false
     },
     {
       label: "开关",
@@ -90,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 }],
     },
     {