@hw-component/form 0.0.9-beta-v3 → 0.0.9-beta-v5

package/es/CheckboxGroup/index.js

@@ -27,7 +27,8 @@ var Index = function Index(_ref) {
     disabled = _ref.disabled,
     _ref$keyInValue = _ref.keyInValue,
     keyInValue = _ref$keyInValue === void 0 ? true : _ref$keyInValue,
-    addFormat = _ref.addFormat;
+    addFormat = _ref.addFormat,
+    direction = _ref.direction;
   var _useMatchConfigProps = useMatchConfigProps({
       fieldNames: fieldNames,
       valueCheckMap: valueMap
@@ -74,6 +75,7 @@ var Index = function Index(_ref) {
     }
   });
   return jsx(Space, {
+    direction: direction,
     children: checkOptions === null || checkOptions === void 0 ? void 0 : checkOptions.map(function (item) {
       var label = item.label,
         itemVal = item.value;

package/es/CheckboxGroup/modal.d.ts

@@ -11,4 +11,5 @@ export interface HCheckboxProps extends Omit<CheckboxProps, "value" | "onChange"
     onChange?: (value: Record<string, any> | any[]) => void;
     addFormat?: (config: Record<string, addFormatItemModal>) => void;
     subParams?: (formatValue: Record<string, any>, sourceValue: any[]) => any;
+    direction?: "horizontal" | "vertical";
 }

package/es/Form/FormItem/BasicItem.js

@@ -19,7 +19,7 @@ import { useFormContext } from '../Context/index.js';
 import { useDefaultRender } from '../hooks/useDefaultRender.js';
 import { useDefaultComponents } from '../hooks/index.js';
 
-var _excluded = ["hover", "labelWidth", "required", "colon", "label", "itemProps", "children", "helper", "hide", "render", "itemSpan"];
+var _excluded = ["hover", "labelWidth", "required", "colon", "label", "itemProps", "children", "helper", "hide", "render", "itemSpan", "hideLabel"];
 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 Content = function Content(_ref) {
@@ -62,6 +62,8 @@ var Index = function Index(props) {
     itemSpan = _props$itemSpan === void 0 ? {
       span: 24
     } : _props$itemSpan,
+    _props$hideLabel = props.hideLabel,
+    hideLabel = _props$hideLabel === void 0 ? false : _props$hideLabel,
     oProps = _objectWithoutProperties(props, _excluded);
   var _useFormContext = useFormContext(),
     form = _useFormContext.form;
@@ -76,7 +78,7 @@ var Index = function Index(props) {
   }
   return jsx(Col, _objectSpread(_objectSpread({}, itemSpan), {}, {
     children: jsx(Form.Item, _objectSpread(_objectSpread({
-      label: jsx(Index$1, {
+      label: !hideLabel && jsx(Index$1, {
         hover: hover,
         labelWidth: labelWidth,
         required: required,

package/es/Form/index.d.ts

@@ -1,3 +1,3 @@
 import type { HFormProps } from "./modal";
-declare const _default: ({ configData, labelWidth, form, request, onFinish, infoRequest, valueType, initialValues, params, onValuesChange, itemSpan, ...props }: HFormProps) => JSX.Element;
+declare const _default: ({ configData, labelWidth, form, request, onFinish, infoRequest, valueType, initialValues, params, onValuesChange, itemSpan, hideLabel: formHideLabel, ...props }: HFormProps) => JSX.Element;
 export default _default;

package/es/Form/index.js

@@ -19,7 +19,7 @@ import Index from '../PageHandler/index.js';
 import useInitConfigData from './hooks/useInitConfigData.js';
 import InitSet from './InitSet.js';
 
-var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues", "params", "onValuesChange", "itemSpan"];
+var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues", "params", "onValuesChange", "itemSpan", "hideLabel"];
 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 HForm = (function (_ref) {
@@ -36,6 +36,8 @@ var HForm = (function (_ref) {
     params = _ref$params === void 0 ? {} : _ref$params,
     onValuesChange = _ref.onValuesChange,
     itemSpan = _ref.itemSpan,
+    _ref$hideLabel = _ref.hideLabel,
+    formHideLabel = _ref$hideLabel === void 0 ? false : _ref$hideLabel,
     props = _objectWithoutProperties(_ref, _excluded);
   var hForm = useCurrentForm(form);
   var _useInitConfigData = useInitConfigData({
@@ -89,9 +91,12 @@ var HForm = (function (_ref) {
       }, props), {}, {
         children: [jsx(Row, {
           children: newConfigData.map(function (itemData, index) {
-            var itemLabelWidth = itemData.labelWidth;
+            var itemLabelWidth = itemData.labelWidth,
+              _itemData$hideLabel = itemData.hideLabel,
+              hideLabel = _itemData$hideLabel === void 0 ? formHideLabel : _itemData$hideLabel;
             return /*#__PURE__*/createElement(Item, _objectSpread(_objectSpread({}, itemData), {}, {
               key: index,
+              hideLabel: hideLabel,
               itemSpan: itemSpan,
               labelWidth: itemLabelWidth || labelWidth
             }));

package/es/Form/modal.d.ts

@@ -43,6 +43,7 @@ export interface HItemProps extends Omit<FormItemProps, "name"> {
     name?: string;
     dispatch?: DispatchModal;
     itemSpan?: ColProps;
+    hideLabel?: boolean;
 }
 export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form" | "onFinish"> {
     configData: HItemProps[];
@@ -54,6 +55,7 @@ export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form" | "
     params?: any;
     onFinish?: (values: T, params?: any) => void;
     itemSpan?: ColProps;
+    hideLabel?: boolean;
 }
 export interface HFormItemProps extends HItemProps {
     required?: boolean;

package/es/TDPicker/index.js

@@ -13,7 +13,7 @@ import { DatePicker } from 'antd';
 import { useTimeVal, useTimeChange } from './hooks.js';
 import HFormConnect from '../Form/HFormConnect.js';
 
-var _excluded = ["value", "onChange", "showTime", "format", "disabledDate", "addFormat"];
+var _excluded = ["value", "onChange", "showTime", "format", "disabledDate", "addFormat", "style"];
 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;
@@ -26,6 +26,10 @@ var Index = function Index(_ref) {
     format = _ref$format === void 0 ? "X" : _ref$format,
     _disabledDate = _ref.disabledDate,
     addFormat = _ref.addFormat,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {
+      width: "100%"
+    } : _ref$style,
     props = _objectWithoutProperties(_ref, _excluded);
   addFormat === null || addFormat === void 0 || addFormat({});
   var timeVal = useTimeVal({
@@ -40,6 +44,7 @@ var Index = function Index(_ref) {
     value: timeVal,
     onChange: change,
     showTime: showTime,
+    style: style,
     disabledDate: function disabledDate(currentDate) {
       return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, timeVal));
     }

package/lib/CheckboxGroup/index.js

@@ -30,7 +30,8 @@ var Index = function Index(_ref) {
     disabled = _ref.disabled,
     _ref$keyInValue = _ref.keyInValue,
     keyInValue = _ref$keyInValue === void 0 ? true : _ref$keyInValue,
-    addFormat = _ref.addFormat;
+    addFormat = _ref.addFormat,
+    direction = _ref.direction;
   var _useMatchConfigProps = index.useMatchConfigProps({
       fieldNames: fieldNames,
       valueCheckMap: valueMap
@@ -77,6 +78,7 @@ var Index = function Index(_ref) {
     }
   });
   return jsxRuntime.jsx(antd.Space, {
+    direction: direction,
     children: checkOptions === null || checkOptions === void 0 ? void 0 : checkOptions.map(function (item) {
       var label = item.label,
         itemVal = item.value;

package/lib/CheckboxGroup/modal.d.ts

@@ -11,4 +11,5 @@ export interface HCheckboxProps extends Omit<CheckboxProps, "value" | "onChange"
     onChange?: (value: Record<string, any> | any[]) => void;
     addFormat?: (config: Record<string, addFormatItemModal>) => void;
     subParams?: (formatValue: Record<string, any>, sourceValue: any[]) => any;
+    direction?: "horizontal" | "vertical";
 }

package/lib/Form/FormItem/BasicItem.js

@@ -22,7 +22,7 @@ var index = require('../Context/index.js');
 var useDefaultRender = require('../hooks/useDefaultRender.js');
 var index$1 = require('../hooks/index.js');
 
-var _excluded = ["hover", "labelWidth", "required", "colon", "label", "itemProps", "children", "helper", "hide", "render", "itemSpan"];
+var _excluded = ["hover", "labelWidth", "required", "colon", "label", "itemProps", "children", "helper", "hide", "render", "itemSpan", "hideLabel"];
 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 Content = function Content(_ref) {
@@ -65,6 +65,8 @@ var Index = function Index(props) {
     itemSpan = _props$itemSpan === void 0 ? {
       span: 24
     } : _props$itemSpan,
+    _props$hideLabel = props.hideLabel,
+    hideLabel = _props$hideLabel === void 0 ? false : _props$hideLabel,
     oProps = _objectWithoutProperties(props, _excluded);
   var _useFormContext = index.useFormContext(),
     form = _useFormContext.form;
@@ -79,7 +81,7 @@ var Index = function Index(props) {
   }
   return jsxRuntime.jsx(antd.Col, _objectSpread(_objectSpread({}, itemSpan), {}, {
     children: jsxRuntime.jsx(antd.Form.Item, _objectSpread(_objectSpread({
-      label: jsxRuntime.jsx(Label.default, {
+      label: !hideLabel && jsxRuntime.jsx(Label.default, {
         hover: hover,
         labelWidth: labelWidth,
         required: required,

package/lib/Form/index.d.ts

@@ -1,3 +1,3 @@
 import type { HFormProps } from "./modal";
-declare const _default: ({ configData, labelWidth, form, request, onFinish, infoRequest, valueType, initialValues, params, onValuesChange, itemSpan, ...props }: HFormProps) => JSX.Element;
+declare const _default: ({ configData, labelWidth, form, request, onFinish, infoRequest, valueType, initialValues, params, onValuesChange, itemSpan, hideLabel: formHideLabel, ...props }: HFormProps) => JSX.Element;
 export default _default;

package/lib/Form/index.js

@@ -22,7 +22,7 @@ var index$1 = require('../PageHandler/index.js');
 var useInitConfigData = require('./hooks/useInitConfigData.js');
 var InitSet = require('./InitSet.js');
 
-var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues", "params", "onValuesChange", "itemSpan"];
+var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues", "params", "onValuesChange", "itemSpan", "hideLabel"];
 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 HForm = (function (_ref) {
@@ -39,6 +39,8 @@ var HForm = (function (_ref) {
     params = _ref$params === void 0 ? {} : _ref$params,
     onValuesChange = _ref.onValuesChange,
     itemSpan = _ref.itemSpan,
+    _ref$hideLabel = _ref.hideLabel,
+    formHideLabel = _ref$hideLabel === void 0 ? false : _ref$hideLabel,
     props = _objectWithoutProperties(_ref, _excluded);
   var hForm = index.useCurrentForm(form);
   var _useInitConfigData = useInitConfigData.default({
@@ -92,9 +94,12 @@ var HForm = (function (_ref) {
       }, props), {}, {
         children: [jsxRuntime.jsx(antd.Row, {
           children: newConfigData.map(function (itemData, index) {
-            var itemLabelWidth = itemData.labelWidth;
+            var itemLabelWidth = itemData.labelWidth,
+              _itemData$hideLabel = itemData.hideLabel,
+              hideLabel = _itemData$hideLabel === void 0 ? formHideLabel : _itemData$hideLabel;
             return /*#__PURE__*/React.createElement(index$3.default, _objectSpread(_objectSpread({}, itemData), {}, {
               key: index,
+              hideLabel: hideLabel,
               itemSpan: itemSpan,
               labelWidth: itemLabelWidth || labelWidth
             }));

package/lib/Form/modal.d.ts

@@ -43,6 +43,7 @@ export interface HItemProps extends Omit<FormItemProps, "name"> {
     name?: string;
     dispatch?: DispatchModal;
     itemSpan?: ColProps;
+    hideLabel?: boolean;
 }
 export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form" | "onFinish"> {
     configData: HItemProps[];
@@ -54,6 +55,7 @@ export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form" | "
     params?: any;
     onFinish?: (values: T, params?: any) => void;
     itemSpan?: ColProps;
+    hideLabel?: boolean;
 }
 export interface HFormItemProps extends HItemProps {
     required?: boolean;

package/lib/TDPicker/index.js

@@ -16,7 +16,7 @@ var antd = require('antd');
 var hooks = require('./hooks.js');
 var HFormConnect = require('../Form/HFormConnect.js');
 
-var _excluded = ["value", "onChange", "showTime", "format", "disabledDate", "addFormat"];
+var _excluded = ["value", "onChange", "showTime", "format", "disabledDate", "addFormat", "style"];
 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;
@@ -29,6 +29,10 @@ var Index = function Index(_ref) {
     format = _ref$format === void 0 ? "X" : _ref$format,
     _disabledDate = _ref.disabledDate,
     addFormat = _ref.addFormat,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {
+      width: "100%"
+    } : _ref$style,
     props = _objectWithoutProperties(_ref, _excluded);
   addFormat === null || addFormat === void 0 || addFormat({});
   var timeVal = hooks.useTimeVal({
@@ -43,6 +47,7 @@ var Index = function Index(_ref) {
     value: timeVal,
     onChange: change,
     showTime: showTime,
+    style: style,
     disabledDate: function disabledDate(currentDate) {
       return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, timeVal));
     }

package/package.json

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

package/src/components/CheckboxGroup/index.tsx

@@ -15,6 +15,7 @@ const Index = ({
   disabled,
   keyInValue = true,
   addFormat,
+  direction,
 }: HCheckboxProps) => {
   const { valueCheckMap: resultValueCheckMap, fieldNames: resultFieldNames } =
     useMatchConfigProps({ fieldNames, valueCheckMap: valueMap }); //匹配全局
@@ -59,7 +60,7 @@ const Index = ({
     },
   });
   return (
-    <Space>
+    <Space direction={direction}>
       {checkOptions?.map((item) => {
         const { label, value: itemVal } = item;
         const checked = val[itemVal];

package/src/components/CheckboxGroup/modal.ts

@@ -13,4 +13,5 @@ export interface HCheckboxProps
   onChange?: (value: Record<string, any> | any[]) => void;
   addFormat?: (config: Record<string, addFormatItemModal>) => void;
   subParams?: (formatValue: Record<string, any>, sourceValue: any[]) => any;
+  direction?: "horizontal" | "vertical";
 }

package/src/components/Form/FormItem/BasicItem.tsx

@@ -44,6 +44,7 @@ const Index: React.FC<HFormItemProps> = (props) => {
     hide,
     render,
     itemSpan = { span: 24 },
+    hideLabel = false,
     ...oProps
   } = props;
   const { form } = useFormContext();
@@ -57,14 +58,16 @@ const Index: React.FC<HFormItemProps> = (props) => {
     <Col {...itemSpan}>
       <Form.Item
         label={
-          <Label
-            hover={hover}
-            labelWidth={labelWidth}
-            required={required}
-            colon={colon}
-          >
-            {label}
-          </Label>
+          !hideLabel && (
+            <Label
+              hover={hover}
+              labelWidth={labelWidth}
+              required={required}
+              colon={colon}
+            >
+              {label}
+            </Label>
+          )
         }
         {...oProps}
         colon={false}

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

@@ -16,7 +16,7 @@ export default () => {
     const initDispatch: Record<string, argsFn> = {};
     let cacheValues: Record<string, any> = {};
     let isLoading = false;
-    let initSaveValue={};
+    let initSaveValue = {};
     const norAddItemDispatch = (name, manual, fn) => {
       if (manual === false && name) {
         initDispatch[name] = fn;
@@ -42,7 +42,7 @@ export default () => {
         let newValue = {};
         if (cacheValues) {
           newValue = this.formatValues(cacheValues);
-          initSaveValue=newValue;
+          initSaveValue = newValue;
           form.setFieldsValue(newValue);
         }
         const initKeys = Object.keys(initDispatch);
@@ -161,17 +161,17 @@ export default () => {
           });
         });
       },
-      resetFieldsInitValue:()=>{
-         const oldValue=form.getFieldsValue();
-         const keys=Object.keys(oldValue);
-         const newVale={};
-         keys.forEach((key)=>{
-            newVale[key]=undefined;
-         });
-         form.setFieldsValue({
-           ...newVale,
-           ...initSaveValue,
-         });
+      resetFieldsInitValue: () => {
+        const oldValue = form.getFieldsValue();
+        const keys = Object.keys(oldValue);
+        const newVale = {};
+        keys.forEach((key) => {
+          newVale[key] = undefined;
+        });
+        form.setFieldsValue({
+          ...newVale,
+          ...initSaveValue,
+        });
       },
       clear: () => {
         form.resetFields();

package/src/components/Form/index.tsx

@@ -20,6 +20,7 @@ export default ({
   params = {},
   onValuesChange,
   itemSpan,
+  hideLabel: formHideLabel = false,
   ...props
 }: HFormProps) => {
   const hForm = useCurrentForm(form);
@@ -70,11 +71,13 @@ export default ({
         >
           <Row>
             {newConfigData.map((itemData: HItemProps, index) => {
-              const { labelWidth: itemLabelWidth } = itemData;
+              const { labelWidth: itemLabelWidth, hideLabel = formHideLabel } =
+                itemData;
               return (
                 <Item
                   {...itemData}
                   key={index}
+                  hideLabel={hideLabel}
                   itemSpan={itemSpan}
                   labelWidth={itemLabelWidth || labelWidth}
                 />

package/src/components/Form/modal.ts

@@ -88,6 +88,7 @@ export interface HItemProps extends Omit<FormItemProps, "name"> {
   name?: string;
   dispatch?: DispatchModal;
   itemSpan?: ColProps;
+  hideLabel?: boolean;
 }
 
 export interface HFormProps<T = any, R = any>
@@ -101,6 +102,7 @@ export interface HFormProps<T = any, R = any>
   params?: any;
   onFinish?: (values: T, params?: any) => void;
   itemSpan?: ColProps;
+  hideLabel?: boolean;
 }
 export interface HFormItemProps extends HItemProps {
   required?: boolean;
@@ -160,7 +162,7 @@ export interface HFormInstance extends FormInstance {
   removeDispatchListener: (action?: ActionModal, fn?: argsFn) => void;
   reload: PromiseFnResult;
   clear: VoidFunction;
-  resetFieldsInitValue:VoidFunction;
+  resetFieldsInitValue: VoidFunction;
 }
 
 export interface ConnectConfigModal {

package/src/components/TDPicker/index.tsx

@@ -11,6 +11,7 @@ const Index: React.FC<HDatePickerProps> = ({
   format = "X",
   disabledDate,
   addFormat,
+  style = { width: "100%" },
   ...props
 }) => {
   addFormat?.({});
@@ -21,6 +22,7 @@ const Index: React.FC<HDatePickerProps> = ({
       value={timeVal}
       onChange={change}
       showTime={showTime}
+      style={style}
       disabledDate={(currentDate) => {
         return !!disabledDate?.(currentDate, timeVal);
       }}

package/src/pages/Form/index.tsx

@@ -1,6 +1,6 @@
 import { HForm, HFormConfigProvider, useHForm } from "../../components";
 import { useState } from "react";
-import {Button, DatePicker, Form, Input} from "antd";
+import { Button, DatePicker, Form, Input } from "antd";
 
 const formData = (options) => {
   const op = [
@@ -77,6 +77,7 @@ const formData = (options) => {
         { value: "选择1", key: "check1" },
         { value: "选择2", key: "check2" },
       ],
+      direction: "vertical",
     },
     {
       label: "开关",
@@ -241,12 +242,12 @@ const Test = (props) => {
 export default () => {
   const form = useHForm();
   const [options, setOptions] = useState([{ label: "1", value: 1 }]);
-  const [aForm]=Form.useForm();
+  const [aForm] = Form.useForm();
   return (
     <div style={{ overflow: "auto", height: "90vh" }}>
-      <Form  form={aForm} initialValues={{ttim:"132123"}}>
-        <Form.Item name="ttim" rules={[{required:true}]}>
-          <Input/>
+      <Form form={aForm} initialValues={{ ttim: "132123" }}>
+        <Form.Item name="ttim" rules={[{ required: true }]}>
+          <Input />
         </Form.Item>
       </Form>
       <HFormConfigProvider
@@ -264,12 +265,13 @@ export default () => {
           configData={formData(options)}
           labelWidth={200}
           form={form}
+          hideLabel={true}
           initialValues={{
             name: "fff",
             trimInput: "trimInput",
             trimTextArea: "trimTextArea",
           }}
-          itemSpan={{ span: 12 }}
+          itemSpan={{ span: 12, xs: 24, md: 12 }}
           onFinish={(value) => {
             console.log(value);
           }}