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

package/es/DialogForm/modal.d.ts

@@ -1,7 +1,7 @@
 import type { ModalProps } from "antd";
 import type { HFormInstance, HItemProps, HFormProps } from "../Form/modal";
 import type { PromiseFnResult } from "../modal";
-import React from "react";
+import type React from "react";
 type RootProps = HFormProps & ModalProps;
 export interface ModifyPropsModal<P = any> {
     configData: HItemProps[];

package/es/Form/config.d.ts

@@ -11,14 +11,14 @@ declare const componentConfig: {
     checkboxGroup: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
     checkBox: import("react").FC<import("../CheckboxGroup/modal").HCheckboxProps>;
     radioGroup: ({ value, options, onChange, fieldNames: propsFieldNames, ...props }: import("../RadioGroup").HRadioGroupProps) => JSX.Element;
-    switch: import("react").FC<import("../Switch").HSwitchProps>;
-    datePicker: import("react").FC<import("../TDPicker/modal").HDatePickerProps>;
+    switch: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
+    datePicker: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
     rangePicker: {
         Component: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
         placeholder: ({ label }: import("./modal").HItemProps) => string[];
         requiredErrMsg: ({ label }: import("./modal").HItemProps) => string;
     };
-    timePicker: ({ value, format, onChange, disabledDate, ...props }: import("../TDPicker/modal").HTimePickerProps) => JSX.Element;
+    timePicker: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
     input: ({ copy, value, addonAfter, ...props }: import("../Input/modal").HInputProps<any>) => JSX.Element;
     upload: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
     urlUpload: ({ placeholder, value, onChange, mediaType, ...props }: import("../Upload/modal").IUrlUploadProps) => JSX.Element;
@@ -26,6 +26,8 @@ declare const componentConfig: {
     textArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
     colorInput: ({ value, onChange, defaultColor, ...props }: import("../Input/modal").HInputProps<any>) => JSX.Element;
     cascader: ({ request, options, fieldNames: propsFieldNames, ...props }: import("../Cascader").HCascaderProps) => JSX.Element;
-    verificationCodeInput: () => JSX.Element;
+    verificationCodeInput: ({ value, request, form, onChange, ...props }: import("../Input/VerificationCodeInput").HVerificationCodeInputProps) => JSX.Element;
+    trimInput: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
+    trimTextArea: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
 };
 export default componentConfig;

package/es/Form/config.js

@@ -7,20 +7,22 @@ import Index from '../Input/ButtonInput.js';
 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 HSwitch from '../Switch/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$3 from '../Upload/UrlUpload/index.js';
+import Index$2 from '../Upload/UrlUpload/index.js';
 import HSubmit from '../Submit/index.js';
 import TextArea from '../TextArea/index.js';
 import ColorInput from '../Input/ColorInput/index.js';
 import Cascader from '../Cascader/index.js';
-import HVerificationCodeInput from '../Input/VerificationCodeInput.js';
+import VerificationCodeInput from '../Input/VerificationCodeInput.js';
+import TrimInput from '../Input/TrimInput.js';
+import TrimTextArea from '../TextArea/TrimTextArea.js';
 
 var placeholderConfig = {
-  inputType: ["input", "inputNumber", "selectInput", "buttonInput", "verificationCodeInput"],
+  inputType: ["input", "inputNumber", "selectInput", "buttonInput", "verificationCodeInput", "trimInput", ""],
   selectType: ["select", "datePicker", "timePicker", "colorInput"]
 };
 var componentConfig = {
@@ -31,18 +33,20 @@ var componentConfig = {
   checkboxGroup: HCheckboxGroup,
   checkBox: Index$1,
   radioGroup: HRadioGroup,
-  switch: Index$2,
+  switch: HSwitch,
   datePicker: HDatePicker,
   rangePicker: HRangePicker,
   timePicker: HTimePicker,
   input: HInput,
   upload: HUpload,
-  urlUpload: Index$3,
+  urlUpload: Index$2,
   submit: HSubmit,
   textArea: TextArea,
   colorInput: ColorInput,
   cascader: Cascader,
-  verificationCodeInput: HVerificationCodeInput
+  verificationCodeInput: VerificationCodeInput,
+  trimInput: TrimInput,
+  trimTextArea: TrimTextArea
 };
 
 export { componentConfig as default, placeholderConfig };

package/es/Input/TrimInput.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
+export default _default;

package/es/Input/TrimInput.js

@@ -0,0 +1,43 @@
+// welcome to hoo hoo hoo
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import 'core-js/modules/es.function.name.js';
+import 'core-js/modules/es.string.trim.js';
+import 'core-js/modules/es.object.keys.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 { jsx } from 'react/jsx-runtime';
+import HInput from './index.js';
+import HFormConnect from '../Form/HFormConnect.js';
+
+var _excluded = ["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 Index = function Index(_ref) {
+  var addFormat = _ref.addFormat,
+    props = _objectWithoutProperties(_ref, _excluded);
+  addFormat === null || addFormat === void 0 || addFormat({
+    float: {
+      inputValue: function inputValue(item, initValue) {
+        var _item$name = item.name,
+          valueName = _item$name === void 0 ? "" : _item$name;
+        return _defineProperty({}, valueName, initValue[valueName]);
+      },
+      outputValue: function outputValue(item, _outputValue) {
+        var _item$name2 = item.name,
+          name = _item$name2 === void 0 ? "" : _item$name2;
+        var itemVal = _outputValue[name];
+        return _defineProperty({}, name, itemVal === null || itemVal === void 0 ? void 0 : itemVal.trim());
+      }
+    }
+  });
+  return jsx(HInput, _objectSpread({}, props));
+};
+var TrimInput = HFormConnect(Index);
+
+export { TrimInput as default };
+// powered by hdj

package/es/Input/VerificationCodeInput.d.ts

@@ -1,8 +1,8 @@
-import type { HFormInstance } from "@/components/Form/modal";
+import type { HFormInstance } from "../Form/modal";
 import type { InputProps } from "antd";
-interface IVerificationCodeInputProps extends Omit<InputProps, "form"> {
+export interface HVerificationCodeInputProps extends Omit<InputProps, "form"> {
     request?: (value: any) => Promise<any>;
     form?: HFormInstance;
 }
-declare const _default: ({ value, request, form, onChange, ...props }: IVerificationCodeInputProps) => JSX.Element;
+declare const _default: ({ value, request, form, onChange, ...props }: HVerificationCodeInputProps) => JSX.Element;
 export default _default;

package/es/Input/VerificationCodeInput.js

@@ -20,7 +20,7 @@ import { useRequest } from 'ahooks';
 var _excluded = ["value", "request", "form", "onChange"];
 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 HVerificationCodeInput = (function (_ref) {
+var VerificationCodeInput = (function (_ref) {
   var value = _ref.value,
     request = _ref.request,
     form = _ref.form,
@@ -106,5 +106,5 @@ var HVerificationCodeInput = (function (_ref) {
   }));
 });
 
-export { HVerificationCodeInput as default };
+export { VerificationCodeInput as default };
 // powered by hdj

package/es/Input/modal.d.ts

@@ -9,6 +9,7 @@ export interface HInputProps<V = any> extends Omit<InputProps, "onChange" | "val
     value?: V;
     defaultColor?: string;
     copy?: boolean;
+    addFormat?: (config: Record<string, addFormatItemModal>) => void;
 }
 interface ValueNameModal {
     input?: string;

package/es/Switch/index.d.ts

@@ -1,11 +1,13 @@
 import type { SwitchProps } from "antd";
 import React from "react";
 import type { ValueSwitchMapModal } from "../modal";
+import type { addFormatItemModal } from "../Form/modal";
 export interface HSwitchProps extends Omit<SwitchProps, "onChange"> {
     valueMap?: ValueSwitchMapModal;
     value?: any;
     onChange?: (val: any) => void;
     beforeText?: React.ReactNode;
+    addFormat?: (format: Record<string, addFormatItemModal>) => void;
 }
-declare const Index: React.FC<HSwitchProps>;
-export default Index;
+declare const _default: React.ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & React.RefAttributes<any>>;
+export default _default;

package/es/Switch/index.js

@@ -1,4 +1,7 @@
 // welcome to hoo hoo hoo
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import 'core-js/modules/es.function.name.js';
 import 'core-js/modules/es.object.keys.js';
 import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.array.filter.js';
@@ -6,14 +9,13 @@ 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 _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Space, Switch } from 'antd';
 import { useMemo } from 'react';
 import { useMatchConfigProps } from '../hooks/index.js';
+import HFormConnect from '../Form/HFormConnect.js';
 
-var _excluded = ["value", "onChange", "valueMap", "children", "unCheckedChildren", "checkedChildren", "beforeText"];
+var _excluded = ["value", "onChange", "valueMap", "children", "unCheckedChildren", "checkedChildren", "beforeText", "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 Index = function Index(_ref) {
@@ -26,6 +28,7 @@ var Index = function Index(_ref) {
     _ref$checkedChildren = _ref.checkedChildren,
     checkedChildren = _ref$checkedChildren === void 0 ? "开启" : _ref$checkedChildren,
     beforeText = _ref.beforeText,
+    addFormat = _ref.addFormat,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useMatchConfigProps = useMatchConfigProps({
       valueSwitchMap: propsValueSwitchMap
@@ -43,6 +46,26 @@ var Index = function Index(_ref) {
     }
     onChange === null || onChange === void 0 || onChange(subVal);
   };
+  addFormat === null || addFormat === void 0 || addFormat({
+    float: {
+      inputValue: function inputValue(item, initValue) {
+        var close = valueSwitchMap.close;
+        var _item$name = item.name,
+          valueName = _item$name === void 0 ? "" : _item$name;
+        var val = initValue[valueName];
+        if (typeof val === "undefined" || val === null) {
+          val = close;
+        }
+        console.log(val, "");
+        return _defineProperty({}, valueName, val);
+      },
+      outputValue: function outputValue(item, _outputValue) {
+        var _item$name2 = item.name,
+          name = _item$name2 === void 0 ? "" : _item$name2;
+        return _defineProperty({}, name, _outputValue[name]);
+      }
+    }
+  });
   return jsxs(Space, {
     children: [beforeText, jsx(Switch, _objectSpread({
       checked: swChecked,
@@ -54,6 +77,7 @@ var Index = function Index(_ref) {
     })]
   });
 };
+var HSwitch = HFormConnect(Index);
 
-export { Index as default };
+export { HSwitch as default };
 // powered by hdj

package/es/TextArea/TrimTextArea.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
+export default _default;

package/es/TextArea/TrimTextArea.js

@@ -0,0 +1,43 @@
+// welcome to hoo hoo hoo
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
+import 'core-js/modules/es.function.name.js';
+import 'core-js/modules/es.string.trim.js';
+import 'core-js/modules/es.object.keys.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 { jsx } from 'react/jsx-runtime';
+import TextArea from './index.js';
+import HFormConnect from '../Form/HFormConnect.js';
+
+var _excluded = ["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 Index = function Index(_ref) {
+  var addFormat = _ref.addFormat,
+    props = _objectWithoutProperties(_ref, _excluded);
+  addFormat === null || addFormat === void 0 || addFormat({
+    float: {
+      inputValue: function inputValue(item, initValue) {
+        var _item$name = item.name,
+          valueName = _item$name === void 0 ? "" : _item$name;
+        return _defineProperty({}, valueName, initValue[valueName]);
+      },
+      outputValue: function outputValue(item, _outputValue) {
+        var _item$name2 = item.name,
+          name = _item$name2 === void 0 ? "" : _item$name2;
+        var itemVal = _outputValue[name];
+        return _defineProperty({}, name, itemVal === null || itemVal === void 0 ? void 0 : itemVal.trim());
+      }
+    }
+  });
+  return jsx(TextArea, _objectSpread({}, props));
+};
+var TrimTextArea = HFormConnect(Index);
+
+export { TrimTextArea as default };
+// powered by hdj

package/es/index.d.ts

@@ -12,17 +12,19 @@ export declare const HUpload: import("react").ForwardRefExoticComponent<import("
 export declare const HUrlUpload: ({ placeholder, value, onChange, mediaType, ...props }: import("./Upload/modal").IUrlUploadProps) => JSX.Element;
 export declare const HButtonInput: import("react").FC<import("./Input/modal").HButtonInputProps>;
 export declare const HCheckBox: import("react").FC<import("./CheckboxGroup/modal").HCheckboxProps>;
-export declare const HSwitch: import("react").FC<import("./Switch").HSwitchProps>;
+export declare const HSwitch: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HCheckboxGroup: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
-export declare const HDatePicker: import("react").FC<import("./TDPicker/modal").HDatePickerProps>;
+export declare const HDatePicker: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HRangePicker: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HRadioGroup: ({ value, options, onChange, fieldNames: propsFieldNames, ...props }: import("./RadioGroup").HRadioGroupProps) => JSX.Element;
-export declare const HTimePicker: ({ value, format, onChange, disabledDate, ...props }: import("./TDPicker/modal").HTimePickerProps) => JSX.Element;
+export declare const HTimePicker: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HInputNumber: ({ style, ...props }: import("antd").InputNumberProps<string | number>) => JSX.Element;
 export declare const HPageHandler: import("react").FC<import("./PageHandler/modal").IHPageHandler<any>>;
 export declare const HTextArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
 export declare const HColorInput: ({ value, onChange, defaultColor, ...props }: import("./Input/modal").HInputProps<any>) => JSX.Element;
-export declare const HModalForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, onValuesChange, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;
-export declare const HDrawerForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, closable, initialValues, labelWidth, onOk, onFinish, size, form, footer, params, onValuesChange, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;
+export declare const HModalForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, onValuesChange, autoClear, contentRender, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;
+export declare const HDrawerForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, closable, initialValues, labelWidth, onOk, onFinish, size, form, footer, params, onValuesChange, autoClear, contentRender, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;
 export declare const HCascader: ({ request, options, fieldNames: propsFieldNames, ...props }: import("./Cascader").HCascaderProps) => JSX.Element;
-export declare const HVerificationCodeInput: () => JSX.Element;
+export declare const HVerificationCodeInput: ({ value, request, form, onChange, ...props }: import("./Input/VerificationCodeInput").HVerificationCodeInputProps) => JSX.Element;
+export declare const HTrimInput: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
+export declare const HTrimTextArea: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;

package/es/index.js

@@ -30,6 +30,8 @@ var HModalForm = ModalForm;
 var HDrawerForm = DrawerForm;
 var HCascader = componentConfig.cascader;
 var HVerificationCodeInput = componentConfig.verificationCodeInput;
+var HTrimInput = componentConfig.trimInput;
+var HTrimTextArea = componentConfig.trimTextArea;
 
-export { HButtonInput, HCascader, HCheckBox, HCheckboxGroup, HColorInput, HDatePicker, HDrawerForm, HInput, HInputNumber, HModalForm, HPageHandler, HRadioGroup, HRangePicker, HSelect, HSelectInput, HSwitch, HTextArea, HTimePicker, HUpload, HUrlUpload, HVerificationCodeInput };
+export { HButtonInput, HCascader, HCheckBox, HCheckboxGroup, HColorInput, HDatePicker, HDrawerForm, HInput, HInputNumber, HModalForm, HPageHandler, HRadioGroup, HRangePicker, HSelect, HSelectInput, HSwitch, HTextArea, HTimePicker, HTrimInput, HTrimTextArea, HUpload, HUrlUpload, HVerificationCodeInput };
 // powered by hdj

package/lib/DialogForm/modal.d.ts

@@ -1,7 +1,7 @@
 import type { ModalProps } from "antd";
 import type { HFormInstance, HItemProps, HFormProps } from "../Form/modal";
 import type { PromiseFnResult } from "../modal";
-import React from "react";
+import type React from "react";
 type RootProps = HFormProps & ModalProps;
 export interface ModifyPropsModal<P = any> {
     configData: HItemProps[];

package/lib/Form/config.d.ts

@@ -11,14 +11,14 @@ declare const componentConfig: {
     checkboxGroup: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
     checkBox: import("react").FC<import("../CheckboxGroup/modal").HCheckboxProps>;
     radioGroup: ({ value, options, onChange, fieldNames: propsFieldNames, ...props }: import("../RadioGroup").HRadioGroupProps) => JSX.Element;
-    switch: import("react").FC<import("../Switch").HSwitchProps>;
-    datePicker: import("react").FC<import("../TDPicker/modal").HDatePickerProps>;
+    switch: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
+    datePicker: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
     rangePicker: {
         Component: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
         placeholder: ({ label }: import("./modal").HItemProps) => string[];
         requiredErrMsg: ({ label }: import("./modal").HItemProps) => string;
     };
-    timePicker: ({ value, format, onChange, disabledDate, ...props }: import("../TDPicker/modal").HTimePickerProps) => JSX.Element;
+    timePicker: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
     input: ({ copy, value, addonAfter, ...props }: import("../Input/modal").HInputProps<any>) => JSX.Element;
     upload: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
     urlUpload: ({ placeholder, value, onChange, mediaType, ...props }: import("../Upload/modal").IUrlUploadProps) => JSX.Element;
@@ -26,6 +26,8 @@ declare const componentConfig: {
     textArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
     colorInput: ({ value, onChange, defaultColor, ...props }: import("../Input/modal").HInputProps<any>) => JSX.Element;
     cascader: ({ request, options, fieldNames: propsFieldNames, ...props }: import("../Cascader").HCascaderProps) => JSX.Element;
-    verificationCodeInput: () => JSX.Element;
+    verificationCodeInput: ({ value, request, form, onChange, ...props }: import("../Input/VerificationCodeInput").HVerificationCodeInputProps) => JSX.Element;
+    trimInput: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
+    trimTextArea: import("react").ForwardRefExoticComponent<import("./modal").HFormItemProps & import("react").RefAttributes<any>>;
 };
 export default componentConfig;

package/lib/Form/config.js

@@ -21,9 +21,11 @@ var index$a = require('../TextArea/index.js');
 var index$b = require('../Input/ColorInput/index.js');
 var index$c = require('../Cascader/index.js');
 var VerificationCodeInput = require('../Input/VerificationCodeInput.js');
+var TrimInput = require('../Input/TrimInput.js');
+var TrimTextArea = require('../TextArea/TrimTextArea.js');
 
 var placeholderConfig = {
-  inputType: ["input", "inputNumber", "selectInput", "buttonInput", "verificationCodeInput"],
+  inputType: ["input", "inputNumber", "selectInput", "buttonInput", "verificationCodeInput", "trimInput", ""],
   selectType: ["select", "datePicker", "timePicker", "colorInput"]
 };
 var componentConfig = {
@@ -45,7 +47,9 @@ var componentConfig = {
   textArea: index$a.default,
   colorInput: index$b.default,
   cascader: index$c.default,
-  verificationCodeInput: VerificationCodeInput.default
+  verificationCodeInput: VerificationCodeInput.default,
+  trimInput: TrimInput.default,
+  trimTextArea: TrimTextArea.default
 };
 
 exports.default = componentConfig;

package/lib/Input/TrimInput.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
+export default _default;

package/lib/Input/TrimInput.js

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('core-js/modules/es.function.name.js');
+require('core-js/modules/es.string.trim.js');
+require('core-js/modules/es.object.keys.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 jsxRuntime = require('react/jsx-runtime');
+var index = require('./index.js');
+var HFormConnect = require('../Form/HFormConnect.js');
+
+var _excluded = ["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 Index = function Index(_ref) {
+  var addFormat = _ref.addFormat,
+    props = _objectWithoutProperties(_ref, _excluded);
+  addFormat === null || addFormat === void 0 || addFormat({
+    float: {
+      inputValue: function inputValue(item, initValue) {
+        var _item$name = item.name,
+          valueName = _item$name === void 0 ? "" : _item$name;
+        return _defineProperty({}, valueName, initValue[valueName]);
+      },
+      outputValue: function outputValue(item, _outputValue) {
+        var _item$name2 = item.name,
+          name = _item$name2 === void 0 ? "" : _item$name2;
+        var itemVal = _outputValue[name];
+        return _defineProperty({}, name, itemVal === null || itemVal === void 0 ? void 0 : itemVal.trim());
+      }
+    }
+  });
+  return jsxRuntime.jsx(index.default, _objectSpread({}, props));
+};
+var TrimInput = HFormConnect.default(Index);
+
+exports.default = TrimInput;
+// powered by h

package/lib/Input/VerificationCodeInput.d.ts

@@ -1,8 +1,8 @@
-import type { HFormInstance } from "@/components/Form/modal";
+import type { HFormInstance } from "../Form/modal";
 import type { InputProps } from "antd";
-interface IVerificationCodeInputProps extends Omit<InputProps, "form"> {
+export interface HVerificationCodeInputProps extends Omit<InputProps, "form"> {
     request?: (value: any) => Promise<any>;
     form?: HFormInstance;
 }
-declare const _default: ({ value, request, form, onChange, ...props }: IVerificationCodeInputProps) => JSX.Element;
+declare const _default: ({ value, request, form, onChange, ...props }: HVerificationCodeInputProps) => JSX.Element;
 export default _default;

package/lib/Input/VerificationCodeInput.js

@@ -23,7 +23,7 @@ var ahooks = require('ahooks');
 var _excluded = ["value", "request", "form", "onChange"];
 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 HVerificationCodeInput = (function (_ref) {
+var VerificationCodeInput = (function (_ref) {
   var value = _ref.value,
     request = _ref.request,
     form = _ref.form,
@@ -109,5 +109,5 @@ var HVerificationCodeInput = (function (_ref) {
   }));
 });
 
-exports.default = HVerificationCodeInput;
+exports.default = VerificationCodeInput;
 // powered by h

package/lib/Input/modal.d.ts

@@ -9,6 +9,7 @@ export interface HInputProps<V = any> extends Omit<InputProps, "onChange" | "val
     value?: V;
     defaultColor?: string;
     copy?: boolean;
+    addFormat?: (config: Record<string, addFormatItemModal>) => void;
 }
 interface ValueNameModal {
     input?: string;

package/lib/Switch/index.d.ts

@@ -1,11 +1,13 @@
 import type { SwitchProps } from "antd";
 import React from "react";
 import type { ValueSwitchMapModal } from "../modal";
+import type { addFormatItemModal } from "../Form/modal";
 export interface HSwitchProps extends Omit<SwitchProps, "onChange"> {
     valueMap?: ValueSwitchMapModal;
     value?: any;
     onChange?: (val: any) => void;
     beforeText?: React.ReactNode;
+    addFormat?: (format: Record<string, addFormatItemModal>) => void;
 }
-declare const Index: React.FC<HSwitchProps>;
-export default Index;
+declare const _default: React.ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & React.RefAttributes<any>>;
+export default _default;

package/lib/Switch/index.js

@@ -2,6 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('core-js/modules/es.function.name.js');
 require('core-js/modules/es.object.keys.js');
 require('core-js/modules/es.symbol.js');
 require('core-js/modules/es.array.filter.js');
@@ -9,14 +12,13 @@ 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');
-var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
 var React = require('react');
 var index = require('../hooks/index.js');
+var HFormConnect = require('../Form/HFormConnect.js');
 
-var _excluded = ["value", "onChange", "valueMap", "children", "unCheckedChildren", "checkedChildren", "beforeText"];
+var _excluded = ["value", "onChange", "valueMap", "children", "unCheckedChildren", "checkedChildren", "beforeText", "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 Index = function Index(_ref) {
@@ -29,6 +31,7 @@ var Index = function Index(_ref) {
     _ref$checkedChildren = _ref.checkedChildren,
     checkedChildren = _ref$checkedChildren === void 0 ? "开启" : _ref$checkedChildren,
     beforeText = _ref.beforeText,
+    addFormat = _ref.addFormat,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useMatchConfigProps = index.useMatchConfigProps({
       valueSwitchMap: propsValueSwitchMap
@@ -46,6 +49,26 @@ var Index = function Index(_ref) {
     }
     onChange === null || onChange === void 0 || onChange(subVal);
   };
+  addFormat === null || addFormat === void 0 || addFormat({
+    float: {
+      inputValue: function inputValue(item, initValue) {
+        var close = valueSwitchMap.close;
+        var _item$name = item.name,
+          valueName = _item$name === void 0 ? "" : _item$name;
+        var val = initValue[valueName];
+        if (typeof val === "undefined" || val === null) {
+          val = close;
+        }
+        console.log(val, "");
+        return _defineProperty({}, valueName, val);
+      },
+      outputValue: function outputValue(item, _outputValue) {
+        var _item$name2 = item.name,
+          name = _item$name2 === void 0 ? "" : _item$name2;
+        return _defineProperty({}, name, _outputValue[name]);
+      }
+    }
+  });
   return jsxRuntime.jsxs(antd.Space, {
     children: [beforeText, jsxRuntime.jsx(antd.Switch, _objectSpread({
       checked: swChecked,
@@ -57,6 +80,7 @@ var Index = function Index(_ref) {
     })]
   });
 };
+var HSwitch = HFormConnect.default(Index);
 
-exports.default = Index;
+exports.default = HSwitch;
 // powered by h

package/lib/TextArea/TrimTextArea.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
+export default _default;

package/lib/TextArea/TrimTextArea.js

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+require('core-js/modules/es.function.name.js');
+require('core-js/modules/es.string.trim.js');
+require('core-js/modules/es.object.keys.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 jsxRuntime = require('react/jsx-runtime');
+var index = require('./index.js');
+var HFormConnect = require('../Form/HFormConnect.js');
+
+var _excluded = ["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 Index = function Index(_ref) {
+  var addFormat = _ref.addFormat,
+    props = _objectWithoutProperties(_ref, _excluded);
+  addFormat === null || addFormat === void 0 || addFormat({
+    float: {
+      inputValue: function inputValue(item, initValue) {
+        var _item$name = item.name,
+          valueName = _item$name === void 0 ? "" : _item$name;
+        return _defineProperty({}, valueName, initValue[valueName]);
+      },
+      outputValue: function outputValue(item, _outputValue) {
+        var _item$name2 = item.name,
+          name = _item$name2 === void 0 ? "" : _item$name2;
+        var itemVal = _outputValue[name];
+        return _defineProperty({}, name, itemVal === null || itemVal === void 0 ? void 0 : itemVal.trim());
+      }
+    }
+  });
+  return jsxRuntime.jsx(index.default, _objectSpread({}, props));
+};
+var TrimTextArea = HFormConnect.default(Index);
+
+exports.default = TrimTextArea;
+// powered by h

package/lib/index.d.ts

@@ -12,17 +12,19 @@ export declare const HUpload: import("react").ForwardRefExoticComponent<import("
 export declare const HUrlUpload: ({ placeholder, value, onChange, mediaType, ...props }: import("./Upload/modal").IUrlUploadProps) => JSX.Element;
 export declare const HButtonInput: import("react").FC<import("./Input/modal").HButtonInputProps>;
 export declare const HCheckBox: import("react").FC<import("./CheckboxGroup/modal").HCheckboxProps>;
-export declare const HSwitch: import("react").FC<import("./Switch").HSwitchProps>;
+export declare const HSwitch: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HCheckboxGroup: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
-export declare const HDatePicker: import("react").FC<import("./TDPicker/modal").HDatePickerProps>;
+export declare const HDatePicker: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HRangePicker: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HRadioGroup: ({ value, options, onChange, fieldNames: propsFieldNames, ...props }: import("./RadioGroup").HRadioGroupProps) => JSX.Element;
-export declare const HTimePicker: ({ value, format, onChange, disabledDate, ...props }: import("./TDPicker/modal").HTimePickerProps) => JSX.Element;
+export declare const HTimePicker: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HInputNumber: ({ style, ...props }: import("antd").InputNumberProps<string | number>) => JSX.Element;
 export declare const HPageHandler: import("react").FC<import("./PageHandler/modal").IHPageHandler<any>>;
 export declare const HTextArea: ({ autoSize, ...props }: import("antd/es/input").TextAreaProps) => JSX.Element;
 export declare const HColorInput: ({ value, onChange, defaultColor, ...props }: import("./Input/modal").HInputProps<any>) => JSX.Element;
-export declare const HModalForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, onValuesChange, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;
-export declare const HDrawerForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, closable, initialValues, labelWidth, onOk, onFinish, size, form, footer, params, onValuesChange, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;
+export declare const HModalForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, initialValues, onFinish, params, onOk, onValuesChange, autoClear, contentRender, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;
+export declare const HDrawerForm: ({ visible, title, onCancel, configData, infoRequest, request, afterClose, dialogForm, closable, initialValues, labelWidth, onOk, onFinish, size, form, footer, params, onValuesChange, autoClear, contentRender, ...props }: import("./DialogForm/modal").DialogFormProps<any, any>) => JSX.Element;
 export declare const HCascader: ({ request, options, fieldNames: propsFieldNames, ...props }: import("./Cascader").HCascaderProps) => JSX.Element;
-export declare const HVerificationCodeInput: () => JSX.Element;
+export declare const HVerificationCodeInput: ({ value, request, form, onChange, ...props }: import("./Input/VerificationCodeInput").HVerificationCodeInputProps) => JSX.Element;
+export declare const HTrimInput: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
+export declare const HTrimTextArea: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;

package/lib/index.js

@@ -31,6 +31,8 @@ var HModalForm = ModalForm.default;
 var HDrawerForm = index$2.default;
 var HCascader = config.default.cascader;
 var HVerificationCodeInput = config.default.verificationCodeInput;
+var HTrimInput = config.default.trimInput;
+var HTrimTextArea = config.default.trimTextArea;
 
 exports.HForm = index.default;
 exports.useHForm = useHForm.default;
@@ -55,6 +57,8 @@ exports.HSelectInput = HSelectInput;
 exports.HSwitch = HSwitch;
 exports.HTextArea = HTextArea;
 exports.HTimePicker = HTimePicker;
+exports.HTrimInput = HTrimInput;
+exports.HTrimTextArea = HTrimTextArea;
 exports.HUpload = HUpload;
 exports.HUrlUpload = HUrlUpload;
 exports.HVerificationCodeInput = HVerificationCodeInput;

package/package.json

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

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

@@ -72,7 +72,8 @@ export default ({
       )
     );
   };
-  const node=<HForm
+  const node = (
+    <HForm
       configData={modalFormData}
       initialValues={initValue}
       onValuesChange={onValuesChange}
@@ -89,7 +90,8 @@ export default ({
       }}
       infoRequest={infoRequest}
       labelWidth={labelWidth}
-  />;
+    />
+  );
   return (
     <Drawer
       visible={modalVisible}
@@ -101,7 +103,7 @@ export default ({
       footer={footerComponent()}
     >
       <FormConfigProvider {...providerConfig}>
-        {contentRender?contentRender(node,currentForm):node}
+        {contentRender ? contentRender(node, currentForm) : node}
       </FormConfigProvider>
     </Drawer>
   );

package/src/components/DialogForm/ModalForm.tsx

@@ -48,7 +48,8 @@ export default ({
     setModalVisible(false);
   };
   const { loading, run } = useSub({ request, onFinish });
-  const node=<HForm
+  const node = (
+    <HForm
       configData={modalFormData}
       initialValues={initValue}
       onValuesChange={onValuesChange}
@@ -64,7 +65,8 @@ export default ({
       params={formParams}
       form={currentForm}
       infoRequest={infoRequest}
-  />;
+    />
+  );
   return (
     <Modal
       title={modalTitle}
@@ -82,7 +84,7 @@ export default ({
       destroyOnClose={true}
     >
       <FormConfigProvider {...providerConfig}>
-        {contentRender?contentRender?.(node, currentForm):node}
+        {contentRender ? contentRender?.(node, currentForm) : node}
       </FormConfigProvider>
     </Modal>
   );

package/src/components/DialogForm/modal.ts

@@ -1,7 +1,7 @@
 import type { ModalProps } from "antd";
 import type { HFormInstance, HItemProps, HFormProps } from "../Form/modal";
 import type { PromiseFnResult } from "../modal";
-import React from "react";
+import type React from "react";
 
 type RootProps = HFormProps & ModalProps;
 
@@ -37,5 +37,8 @@ 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;
+  contentRender?: (
+    dom: React.ReactNode,
+    form: HDialogFormInstance
+  ) => React.ReactNode;
 }

package/src/components/Form/config.ts

@@ -16,8 +16,9 @@ import HSubmit from "../Submit";
 import TextArea from "../TextArea";
 import ColorInput from "../Input/ColorInput";
 import Cascader from "../Cascader";
-import HVerificationCodeInput from "../Input/VerificationCodeInput";
-
+import VerificationCodeInput from "../Input/VerificationCodeInput";
+import TrimInput from "../Input/TrimInput";
+import TrimTextArea from "../TextArea/TrimTextArea";
 export const placeholderConfig = {
   inputType: [
     "input",
@@ -25,6 +26,8 @@ export const placeholderConfig = {
     "selectInput",
     "buttonInput",
     "verificationCodeInput",
+    "trimInput",
+    "",
   ],
   selectType: ["select", "datePicker", "timePicker", "colorInput"],
 };
@@ -47,7 +50,9 @@ const componentConfig = {
   textArea: TextArea,
   colorInput: ColorInput,
   cascader: Cascader,
-  verificationCodeInput: HVerificationCodeInput,
+  verificationCodeInput: VerificationCodeInput,
+  trimInput: TrimInput,
+  trimTextArea: TrimTextArea,
 };
 
 export default componentConfig;

package/src/components/Input/TrimInput.tsx

@@ -0,0 +1,26 @@
+import Input from "./index";
+import type { HInputProps } from "./modal";
+import HFormConnect from "../Form/HFormConnect";
+
+const Index = ({ addFormat, ...props }: HInputProps) => {
+  addFormat?.({
+    float: {
+      inputValue: (item, initValue) => {
+        const { name: valueName = "" } = item;
+        return {
+          [valueName]: initValue[valueName],
+        };
+      },
+      outputValue: (item, outputValue) => {
+        const { name = "" } = item;
+        const { [name]: itemVal } = outputValue;
+        return {
+          [name]: itemVal?.trim(),
+        };
+      },
+    },
+  });
+  return <Input {...props} />;
+};
+
+export default HFormConnect(Index);

package/src/components/Input/VerificationCodeInput.tsx

@@ -1,10 +1,10 @@
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import ButtonInput from "./ButtonInput";
 import { useRequest } from "ahooks";
-import type { HFormInstance } from "@/components/Form/modal";
+import type { HFormInstance } from "../Form/modal";
 import type { InputProps } from "antd";
-interface IVerificationCodeInputProps extends Omit<InputProps, "form"> {
-  request?: (value) => Promise<any>;
+export interface HVerificationCodeInputProps extends Omit<InputProps, "form"> {
+  request?: (value: any) => Promise<any>;
   form?: HFormInstance;
 }
 export default ({
@@ -13,7 +13,7 @@ export default ({
   form,
   onChange,
   ...props
-}: IVerificationCodeInputProps) => {
+}: HVerificationCodeInputProps) => {
   const [countdown, setCountdown] = useState<number>(0);
   const timer = useMemo<{ time: any }>(() => {
     return {

package/src/components/Input/modal.ts

@@ -10,6 +10,7 @@ export interface HInputProps<V = any>
   value?: V;
   defaultColor?: string;
   copy?: boolean;
+  addFormat?: (config: Record<string, addFormatItemModal>) => void;
 }
 
 interface ValueNameModal {

package/src/components/Switch/index.tsx

@@ -3,12 +3,15 @@ import { Space, Switch } from "antd";
 import React, { useMemo } from "react";
 import { useMatchConfigProps } from "../hooks";
 import type { ValueSwitchMapModal } from "../modal";
+import type { addFormatItemModal } from "../Form/modal";
+import HFormConnect from "../Form/HFormConnect";
 
 export interface HSwitchProps extends Omit<SwitchProps, "onChange"> {
   valueMap?: ValueSwitchMapModal;
   value?: any;
   onChange?: (val: any) => void;
   beforeText?: React.ReactNode;
+  addFormat?: (format: Record<string, addFormatItemModal>) => void;
 }
 const Index: React.FC<HSwitchProps> = ({
   value,
@@ -18,6 +21,7 @@ const Index: React.FC<HSwitchProps> = ({
   unCheckedChildren = "关闭",
   checkedChildren = "开启",
   beforeText,
+  addFormat,
   ...props
 }) => {
   const { valueSwitchMap = {} } = useMatchConfigProps({
@@ -34,6 +38,28 @@ const Index: React.FC<HSwitchProps> = ({
     }
     onChange?.(subVal);
   };
+  addFormat?.({
+    float: {
+      inputValue: (item, initValue) => {
+        const { close } = valueSwitchMap;
+        const { name: valueName = "" } = item;
+        let val = initValue[valueName];
+        if (typeof val === "undefined" || val === null) {
+          val = close;
+        }
+        console.log(val, "");
+        return {
+          [valueName]: val,
+        };
+      },
+      outputValue: (item, outputValue) => {
+        const { name = "" } = item;
+        return {
+          [name]: outputValue[name],
+        };
+      },
+    },
+  });
   return (
     <Space>
       {beforeText}
@@ -49,4 +75,4 @@ const Index: React.FC<HSwitchProps> = ({
   );
 };
 
-export default Index;
+export default HFormConnect(Index);

package/src/components/TextArea/TrimTextArea.tsx

@@ -0,0 +1,30 @@
+import TextArea from "./index";
+import type { TextAreaProps } from "antd/es/input";
+import type { addFormatItemModal } from "../Form/modal";
+import HFormConnect from "../Form/HFormConnect";
+
+interface TrimTextAreaProps extends TextAreaProps {
+  addFormat?: (config: Record<string, addFormatItemModal>) => void;
+}
+const Index = ({ addFormat, ...props }: TrimTextAreaProps) => {
+  addFormat?.({
+    float: {
+      inputValue: (item, initValue) => {
+        const { name: valueName = "" } = item;
+        return {
+          [valueName]: initValue[valueName],
+        };
+      },
+      outputValue: (item, outputValue) => {
+        const { name = "" } = item;
+        const { [name]: itemVal } = outputValue;
+        return {
+          [name]: itemVal?.trim(),
+        };
+      },
+    },
+  });
+  return <TextArea {...props} />;
+};
+
+export default HFormConnect(Index);

package/src/components/index.tsx

@@ -29,4 +29,9 @@ export const HColorInput = FormConfig.colorInput;
 export const HModalForm = ModalForm;
 export const HDrawerForm = DrawerForm;
 export const HCascader = FormConfig.cascader;
+// @ts-ignore
 export const HVerificationCodeInput = FormConfig.verificationCodeInput;
+
+export const HTrimInput = FormConfig.trimInput;
+
+export const HTrimTextArea = FormConfig.trimTextArea;

package/src/pages/Form/index.tsx

@@ -82,6 +82,12 @@ const formData = (options) => {
       name: "switch",
       type: "switch",
       rules: [{ required: true }],
+      itemProps: {
+        valueMap: {
+          open: 1,
+          close: 0,
+        },
+      },
     },
     {
       label: "时间",
@@ -170,6 +176,16 @@ const formData = (options) => {
         },
       },
     },
+    {
+      label: "去空input",
+      type: "trimInput",
+      name: "trimInput",
+    },
+    {
+      label: "去空textArea",
+      type: "trimTextArea",
+      name: "trimTextArea",
+    },
     {
       type: "submit",
     },
@@ -201,6 +217,8 @@ export default () => {
           form={form}
           initialValues={{
             name: "fff",
+            trimInput: "trimInput",
+            trimTextArea: "trimTextArea",
           }}
           itemSpan={{ span: 12 }}
           onFinish={(value) => {
@@ -219,6 +237,8 @@ export default () => {
                   colorInput: "rgba(24, 144, 255,1)",
                   upload:
                     "https://img2.baidu.com/it/u=2048195462,703560066&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=333",
+                  trimInput: "trimInput",
+                  trimTextArea: "trimTextArea",
                 });
               }, 3000);
             });

package/src/pages/ModalForm/index.tsx

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