@hw-component/form 1.9.20 → 1.9.22

package/es/Form/Basic.d.ts

@@ -1,3 +1,3 @@
 import type { HFormProps } from "@/components/Form/modal";
-declare const _default: ({ configData, gutter, dismissOnPressEnter, }: HFormProps) => JSX.Element;
+declare const _default: ({ configData, gutter, dismissOnPressEnter, itemSpan, }: HFormProps) => JSX.Element;
 export default _default;

package/es/Form/Basic.js

@@ -13,11 +13,12 @@ var Basic = (function (_ref) {
   var configData = _ref.configData,
     gutter = _ref.gutter,
     _ref$dismissOnPressEn = _ref.dismissOnPressEnter,
-    dismissOnPressEnter = _ref$dismissOnPressEn === void 0 ? true : _ref$dismissOnPressEn;
+    dismissOnPressEnter = _ref$dismissOnPressEn === void 0 ? true : _ref$dismissOnPressEn,
+    itemSpan = _ref.itemSpan;
   var _useFormContext = useFormContext(),
     form = _useFormContext.form,
     formItemProps = _useFormContext.itemProps,
-    itemSpan = _useFormContext.itemSpan,
+    formItemSpan = _useFormContext.itemSpan,
     formColon = _useFormContext.colon,
     setData = _useFormContext.setData;
   var _useInitConfigData = useInitConfigData({
@@ -55,7 +56,7 @@ var Basic = (function (_ref) {
         style: style,
         itemProps: defaultItemProps,
         hideLabel: hideLabel,
-        itemSpan: itemSpan,
+        itemSpan: itemSpan || formItemSpan,
         labelWidth: itemLabelWidth,
         colon: typeof itemColon === "undefined" ? formColon : itemColon
       }));

package/es/Form/FormItem/BasicItem.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import type { HFormItemProps } from "../modal";
-declare const Index: React.FC<HFormItemProps>;
-export default Index;
+declare const _default: (props: HFormItemProps) => JSX.Element;
+export default _default;

package/es/Form/FormItem/BasicItem.js

@@ -3,7 +3,7 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Index$1 from '../Label.js';
-import { Col, Form, Space } from 'antd';
+import { Row, Col, Form, Space } from 'antd';
 import React from 'react';
 import Index$2 from './Helper.js';
 import { useClassName } from '../../hooks/index.js';
@@ -13,8 +13,9 @@ import { useDefaultRender } from '../hooks/useDefaultRender.js';
 import { useDefaultComponents } from '../hooks/index.js';
 import { useFormConfigContext } from '../Context/FormConfigProvider.js';
 
-var _excluded = ["hover", "labelWidth", "required", "colon", "label", "itemProps", "children", "helper", "hide", "render", "itemSpan", "hideLabel", "labelAlign", "style", "className", "noStyle", "hidden"],
-  _excluded2 = ["labelAlign", "itemProps"];
+var _excluded = ["hover", "labelWidth", "required", "colon", "label", "itemProps", "children", "helper", "hide", "render", "itemSpan", "hideLabel", "labelAlign", "style", "className", "noStyle", "hidden", "rowWrapper"],
+  _excluded2 = ["labelAlign", "itemProps"],
+  _excluded3 = ["rowWrapper"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Content = function Content(_ref) {
@@ -64,8 +65,9 @@ var Index = function Index(props) {
     colClassName = props.className,
     _props$noStyle = props.noStyle,
     noStyle = _props$noStyle === void 0 ? false : _props$noStyle,
-    hidden = props.hidden,
-    oProps = _objectWithoutProperties(props, _excluded);
+    hidden = props.hidden;
+    props.rowWrapper;
+    var oProps = _objectWithoutProperties(props, _excluded);
   var _props$labelAlign = props.labelAlign,
     align = _props$labelAlign === void 0 ? "right" : _props$labelAlign,
     itemProps = props.itemProps,
@@ -122,6 +124,19 @@ var Index = function Index(props) {
     }))
   }));
 };
+var BasicItem = (function (props) {
+  var rowWrapper = props.rowWrapper,
+    oProps = _objectWithoutProperties(props, _excluded3);
+  if (rowWrapper) {
+    return jsx(Row, {
+      style: {
+        width: "100%"
+      },
+      children: jsx(Index, _objectSpread({}, oProps))
+    });
+  }
+  return jsx(Index, _objectSpread({}, oProps));
+});
 
-export { Index as default };
+export { BasicItem as default };
 // powered by hdj

package/es/Form/FormItem/RegularFormItem.js

@@ -1,7 +1,7 @@
 // welcome to hoo hoo hoo
 import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import { jsx } from 'react/jsx-runtime';
-import Index from './BasicItem.js';
+import BasicItem from './BasicItem.js';
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -9,7 +9,7 @@ var RegularFormItem = (function (props) {
   var type = props.type,
     colon = props.colon,
     itemSpan = props.itemSpan;
-  return jsx(Index, _objectSpread(_objectSpread({}, props), {}, {
+  return jsx(BasicItem, _objectSpread(_objectSpread({}, props), {}, {
     itemSpan: itemSpan,
     colon: type === "submit" ? false : colon
   }));

package/es/Form/FormItem/UpFormItem.js

@@ -3,7 +3,7 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import { jsx } from 'react/jsx-runtime';
 import { Form } from 'antd';
-import Index from './BasicItem.js';
+import BasicItem from './BasicItem.js';
 import { useShouldUpdate } from './hooks.js';
 
 var _excluded = ["shouldUpdate", "dependencies", "hide", "itemSpan", "hidden"];
@@ -27,7 +27,7 @@ var UpFormItem = (function (_ref) {
     dependencies: dependencies,
     noStyle: true,
     children: function children() {
-      return jsx(Index, _objectSpread({
+      return jsx(BasicItem, _objectSpread({
         hide: hide,
         itemSpan: itemSpan,
         hidden: hidden

package/es/Form/FormItem/index.js

@@ -12,7 +12,8 @@ var Item = (function (props) {
     formLabelAlign = _useFormContext.labelAlign,
     formLabelHide = _useFormContext.hideLabel,
     formItemStyle = _useFormContext.formItemStyle,
-    formColon = _useFormContext.colon;
+    formColon = _useFormContext.colon,
+    formRowWrapper = _useFormContext.rowWrapper;
   var _props$labelWidth = props.labelWidth,
     labelWidth = _props$labelWidth === void 0 ? formLabelWidth : _props$labelWidth,
     _props$labelAlign = props.labelAlign,
@@ -21,12 +22,15 @@ var Item = (function (props) {
     hideLabel = _props$hideLabel === void 0 ? formLabelHide : _props$hideLabel,
     _props$style = props.style,
     style = _props$style === void 0 ? formItemStyle : _props$style,
-    colon = props.colon;
+    colon = props.colon,
+    _props$rowWrapper = props.rowWrapper,
+    rowWrapper = _props$rowWrapper === void 0 ? formRowWrapper : _props$rowWrapper;
   var Component = useFormItemDomControl(props);
   return jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
     labelAlign: labelAlign,
     labelWidth: labelWidth,
     hideLabel: hideLabel,
+    rowWrapper: rowWrapper,
     style: style,
     colon: typeof colon !== "undefined" ? colon : formColon
   }));

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, hideLabel: formHideLabel, gutter, submitLoading, labelAlign: formLabelAlign, formItemStyle, itemProps: formItemProps, colon, dismissOnPressEnter, preserve, ...props }: HFormProps) => JSX.Element;
+declare const _default: ({ configData, labelWidth, form, request, onFinish, infoRequest, valueType, initialValues, params, onValuesChange, itemSpan, hideLabel: formHideLabel, gutter, submitLoading, labelAlign: formLabelAlign, formItemStyle, itemProps: formItemProps, colon, dismissOnPressEnter, preserve, rowWrapper, ...props }: HFormProps) => JSX.Element;
 export default _default;

package/es/Form/index.js

@@ -11,7 +11,7 @@ import { useState, useEffect } from 'react';
 import InitSet from './InitSet.js';
 import Basic from './Basic.js';
 
-var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues", "params", "onValuesChange", "itemSpan", "hideLabel", "gutter", "submitLoading", "labelAlign", "formItemStyle", "itemProps", "colon", "dismissOnPressEnter", "preserve"];
+var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues", "params", "onValuesChange", "itemSpan", "hideLabel", "gutter", "submitLoading", "labelAlign", "formItemStyle", "itemProps", "colon", "dismissOnPressEnter", "preserve", "rowWrapper"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HForm = (function (_ref) {
@@ -40,6 +40,7 @@ var HForm = (function (_ref) {
     colon = _ref$colon === void 0 ? true : _ref$colon,
     dismissOnPressEnter = _ref.dismissOnPressEnter,
     preserve = _ref.preserve,
+    rowWrapper = _ref.rowWrapper,
     props = _objectWithoutProperties(_ref, _excluded);
   var hForm = useCurrentForm(form);
   var _useState = useState({}),
@@ -96,7 +97,8 @@ var HForm = (function (_ref) {
         colon: colon,
         itemProps: formItemProps,
         itemSpan: itemSpan,
-        setData: setData
+        setData: setData,
+        rowWrapper: rowWrapper
       },
       children: jsxs(Form, _objectSpread(_objectSpread({
         form: hForm,

package/es/Form/modal.d.ts

@@ -51,6 +51,7 @@ export interface HItemProps extends Omit<FormItemProps, "name" | "labelAlign" |
     labelAlign?: LabelAlignModal;
     label?: React.ReactNode | HelperModal;
     hidden?: boolean | HideModal;
+    rowWrapper?: boolean;
 }
 export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form" | "onFinish" | "labelAlign"> {
     configData: HItemProps[];
@@ -69,6 +70,7 @@ export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form" | "
     formItemStyle?: React.CSSProperties;
     itemProps?: ItemPropsType;
     dismissOnPressEnter?: boolean;
+    rowWrapper?: boolean;
 }
 export interface HFormItemProps extends HItemProps {
     required?: boolean;
@@ -92,6 +94,7 @@ export interface FormContextProps {
     itemProps?: ItemPropsType;
     itemSpan?: ColProps;
     setData?: (newData: any) => void;
+    rowWrapper?: boolean;
 }
 interface ConfigUploadProps {
     exFiles?: string[];

package/lib/Form/Basic.d.ts

@@ -1,3 +1,3 @@
 import type { HFormProps } from "@/components/Form/modal";
-declare const _default: ({ configData, gutter, dismissOnPressEnter, }: HFormProps) => JSX.Element;
+declare const _default: ({ configData, gutter, dismissOnPressEnter, itemSpan, }: HFormProps) => JSX.Element;
 export default _default;

package/lib/Form/Basic.js

@@ -16,11 +16,12 @@ var Basic = (function (_ref) {
   var configData = _ref.configData,
     gutter = _ref.gutter,
     _ref$dismissOnPressEn = _ref.dismissOnPressEnter,
-    dismissOnPressEnter = _ref$dismissOnPressEn === void 0 ? true : _ref$dismissOnPressEn;
+    dismissOnPressEnter = _ref$dismissOnPressEn === void 0 ? true : _ref$dismissOnPressEn,
+    itemSpan = _ref.itemSpan;
   var _useFormContext = index.useFormContext(),
     form = _useFormContext.form,
     formItemProps = _useFormContext.itemProps,
-    itemSpan = _useFormContext.itemSpan,
+    formItemSpan = _useFormContext.itemSpan,
     formColon = _useFormContext.colon,
     setData = _useFormContext.setData;
   var _useInitConfigData = useInitConfigData.default({
@@ -58,7 +59,7 @@ var Basic = (function (_ref) {
         style: style,
         itemProps: defaultItemProps,
         hideLabel: hideLabel,
-        itemSpan: itemSpan,
+        itemSpan: itemSpan || formItemSpan,
         labelWidth: itemLabelWidth,
         colon: typeof itemColon === "undefined" ? formColon : itemColon
       }));

package/lib/Form/FormItem/BasicItem.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import type { HFormItemProps } from "../modal";
-declare const Index: React.FC<HFormItemProps>;
-export default Index;
+declare const _default: (props: HFormItemProps) => JSX.Element;
+export default _default;

package/lib/Form/FormItem/BasicItem.js

@@ -16,8 +16,9 @@ var useDefaultRender = require('../hooks/useDefaultRender.js');
 var index$1 = require('../hooks/index.js');
 var FormConfigProvider = require('../Context/FormConfigProvider.js');
 
-var _excluded = ["hover", "labelWidth", "required", "colon", "label", "itemProps", "children", "helper", "hide", "render", "itemSpan", "hideLabel", "labelAlign", "style", "className", "noStyle", "hidden"],
-  _excluded2 = ["labelAlign", "itemProps"];
+var _excluded = ["hover", "labelWidth", "required", "colon", "label", "itemProps", "children", "helper", "hide", "render", "itemSpan", "hideLabel", "labelAlign", "style", "className", "noStyle", "hidden", "rowWrapper"],
+  _excluded2 = ["labelAlign", "itemProps"],
+  _excluded3 = ["rowWrapper"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Content = function Content(_ref) {
@@ -67,8 +68,9 @@ var Index = function Index(props) {
     colClassName = props.className,
     _props$noStyle = props.noStyle,
     noStyle = _props$noStyle === void 0 ? false : _props$noStyle,
-    hidden = props.hidden,
-    oProps = _objectWithoutProperties(props, _excluded);
+    hidden = props.hidden;
+    props.rowWrapper;
+    var oProps = _objectWithoutProperties(props, _excluded);
   var _props$labelAlign = props.labelAlign,
     align = _props$labelAlign === void 0 ? "right" : _props$labelAlign,
     itemProps = props.itemProps,
@@ -125,6 +127,19 @@ var Index = function Index(props) {
     }))
   }));
 };
+var BasicItem = (function (props) {
+  var rowWrapper = props.rowWrapper,
+    oProps = _objectWithoutProperties(props, _excluded3);
+  if (rowWrapper) {
+    return jsxRuntime.jsx(antd.Row, {
+      style: {
+        width: "100%"
+      },
+      children: jsxRuntime.jsx(Index, _objectSpread({}, oProps))
+    });
+  }
+  return jsxRuntime.jsx(Index, _objectSpread({}, oProps));
+});
 
-exports.default = Index;
+exports.default = BasicItem;
 // powered by h

package/lib/Form/FormItem/index.js

@@ -15,7 +15,8 @@ var Item = (function (props) {
     formLabelAlign = _useFormContext.labelAlign,
     formLabelHide = _useFormContext.hideLabel,
     formItemStyle = _useFormContext.formItemStyle,
-    formColon = _useFormContext.colon;
+    formColon = _useFormContext.colon,
+    formRowWrapper = _useFormContext.rowWrapper;
   var _props$labelWidth = props.labelWidth,
     labelWidth = _props$labelWidth === void 0 ? formLabelWidth : _props$labelWidth,
     _props$labelAlign = props.labelAlign,
@@ -24,12 +25,15 @@ var Item = (function (props) {
     hideLabel = _props$hideLabel === void 0 ? formLabelHide : _props$hideLabel,
     _props$style = props.style,
     style = _props$style === void 0 ? formItemStyle : _props$style,
-    colon = props.colon;
+    colon = props.colon,
+    _props$rowWrapper = props.rowWrapper,
+    rowWrapper = _props$rowWrapper === void 0 ? formRowWrapper : _props$rowWrapper;
   var Component = hooks.useFormItemDomControl(props);
   return jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
     labelAlign: labelAlign,
     labelWidth: labelWidth,
     hideLabel: hideLabel,
+    rowWrapper: rowWrapper,
     style: style,
     colon: typeof colon !== "undefined" ? colon : formColon
   }));

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, hideLabel: formHideLabel, gutter, submitLoading, labelAlign: formLabelAlign, formItemStyle, itemProps: formItemProps, colon, dismissOnPressEnter, preserve, ...props }: HFormProps) => JSX.Element;
+declare const _default: ({ configData, labelWidth, form, request, onFinish, infoRequest, valueType, initialValues, params, onValuesChange, itemSpan, hideLabel: formHideLabel, gutter, submitLoading, labelAlign: formLabelAlign, formItemStyle, itemProps: formItemProps, colon, dismissOnPressEnter, preserve, rowWrapper, ...props }: HFormProps) => JSX.Element;
 export default _default;

package/lib/Form/index.js

@@ -14,7 +14,7 @@ var React = require('react');
 var InitSet = require('./InitSet.js');
 var Basic = require('./Basic.js');
 
-var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues", "params", "onValuesChange", "itemSpan", "hideLabel", "gutter", "submitLoading", "labelAlign", "formItemStyle", "itemProps", "colon", "dismissOnPressEnter", "preserve"];
+var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues", "params", "onValuesChange", "itemSpan", "hideLabel", "gutter", "submitLoading", "labelAlign", "formItemStyle", "itemProps", "colon", "dismissOnPressEnter", "preserve", "rowWrapper"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HForm = (function (_ref) {
@@ -43,6 +43,7 @@ var HForm = (function (_ref) {
     colon = _ref$colon === void 0 ? true : _ref$colon,
     dismissOnPressEnter = _ref.dismissOnPressEnter,
     preserve = _ref.preserve,
+    rowWrapper = _ref.rowWrapper,
     props = _objectWithoutProperties(_ref, _excluded);
   var hForm = index.useCurrentForm(form);
   var _useState = React.useState({}),
@@ -99,7 +100,8 @@ var HForm = (function (_ref) {
         colon: colon,
         itemProps: formItemProps,
         itemSpan: itemSpan,
-        setData: setData
+        setData: setData,
+        rowWrapper: rowWrapper
       },
       children: jsxRuntime.jsxs(antd.Form, _objectSpread(_objectSpread({
         form: hForm,

package/lib/Form/modal.d.ts

@@ -51,6 +51,7 @@ export interface HItemProps extends Omit<FormItemProps, "name" | "labelAlign" |
     labelAlign?: LabelAlignModal;
     label?: React.ReactNode | HelperModal;
     hidden?: boolean | HideModal;
+    rowWrapper?: boolean;
 }
 export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form" | "onFinish" | "labelAlign"> {
     configData: HItemProps[];
@@ -69,6 +70,7 @@ export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form" | "
     formItemStyle?: React.CSSProperties;
     itemProps?: ItemPropsType;
     dismissOnPressEnter?: boolean;
+    rowWrapper?: boolean;
 }
 export interface HFormItemProps extends HItemProps {
     required?: boolean;
@@ -92,6 +94,7 @@ export interface FormContextProps {
     itemProps?: ItemPropsType;
     itemSpan?: ColProps;
     setData?: (newData: any) => void;
+    rowWrapper?: boolean;
 }
 interface ConfigUploadProps {
     exFiles?: string[];

package/package.json

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

package/src/components/Form/Basic.tsx

@@ -13,11 +13,12 @@ export default ({
   configData,
   gutter,
   dismissOnPressEnter = true,
+  itemSpan,
 }: HFormProps) => {
   const {
     form,
     itemProps: formItemProps,
-    itemSpan,
+    itemSpan:formItemSpan,
     colon: formColon,
     setData,
   } = useFormContext();
@@ -57,7 +58,7 @@ export default ({
             style={style}
             itemProps={defaultItemProps as ItemPropsType}
             hideLabel={hideLabel}
-            itemSpan={itemSpan}
+            itemSpan={itemSpan||formItemSpan}
             labelWidth={itemLabelWidth}
             colon={typeof itemColon === "undefined" ? formColon : itemColon}
           />

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

@@ -1,5 +1,5 @@
 import Label from "../Label";
-import { Form, Space, Col } from "antd";
+import {Form, Space, Col, Row} from "antd";
 import React from "react";
 import Helper from "./Helper";
 import { useClassName } from "../../hooks";
@@ -55,6 +55,7 @@ const Index: React.FC<HFormItemProps> = (props) => {
     className: colClassName,
     noStyle = false,
     hidden,
+    rowWrapper,
     ...oProps
   } = props;
   const { labelAlign: align = "right", itemProps, ...inProps } = props;
@@ -80,6 +81,7 @@ const Index: React.FC<HFormItemProps> = (props) => {
     return null;
   }
   const colStyle = disHide ? { display: "none" } : {};
+
   return (
     <Col
       {...itemSpan}
@@ -117,4 +119,12 @@ const Index: React.FC<HFormItemProps> = (props) => {
   );
 };
 
-export default Index;
+export default (props:HFormItemProps)=>{
+   const {rowWrapper,...oProps}=props;
+   if (rowWrapper){
+     return <Row style={{width:"100%"}}>
+          <Index {...oProps}/>
+     </Row>
+   }
+   return   <Index {...oProps}/>;
+};

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

@@ -10,6 +10,7 @@ export default (props: HItemProps) => {
     hideLabel: formLabelHide,
     formItemStyle,
     colon: formColon,
+    rowWrapper:formRowWrapper,
   } = useFormContext();
   const {
     labelWidth = formLabelWidth,
@@ -17,6 +18,7 @@ export default (props: HItemProps) => {
     hideLabel = formLabelHide,
     style = formItemStyle,
     colon,
+      rowWrapper=formRowWrapper
   } = props;
   const Component = useFormItemDomControl(props);
   return (
@@ -25,6 +27,7 @@ export default (props: HItemProps) => {
       labelAlign={labelAlign}
       labelWidth={labelWidth}
       hideLabel={hideLabel}
+      rowWrapper={rowWrapper}
       style={style}
       colon={typeof colon !== "undefined" ? colon : formColon}
     />

package/src/components/Form/index.tsx

@@ -28,6 +28,7 @@ export default ({
   colon = true,
   dismissOnPressEnter,
   preserve,
+                  rowWrapper,
   ...props
 }: HFormProps) => {
   const hForm = useCurrentForm(form);
@@ -89,6 +90,7 @@ export default ({
           itemProps: formItemProps,
           itemSpan,
           setData,
+          rowWrapper
         }}
       >
         <Form

package/src/components/Form/modal.ts

@@ -88,11 +88,9 @@ export interface HItemProps
   render?: RenderFun;
   helper?: HelperModal | React.ReactNode;
   hover?: string | HoverModal | HoverFn;
-  // formItems?: HItemProps[]; 保留感觉没必要
   labelWidth?: number;
   hide?: boolean | HideModal;
   placeholder?: string | string[];
-  // formatKeys?: string[];
   name?: string;
   dispatch?: DispatchModal;
   itemSpan?: ColProps;
@@ -100,6 +98,7 @@ export interface HItemProps
   labelAlign?: LabelAlignModal;
   label?: React.ReactNode | HelperModal;
   hidden?: boolean | HideModal;
+  rowWrapper?:boolean;
 }
 export interface HFormProps<T = any, R = any>
   extends Omit<FormProps, "form" | "onFinish" | "labelAlign"> {
@@ -119,6 +118,7 @@ export interface HFormProps<T = any, R = any>
   formItemStyle?: React.CSSProperties;
   itemProps?: ItemPropsType;
   dismissOnPressEnter?: boolean;
+  rowWrapper?:boolean;
 }
 export interface HFormItemProps extends HItemProps {
   required?: boolean;
@@ -142,6 +142,7 @@ export interface FormContextProps {
   itemProps?: ItemPropsType;
   itemSpan?: ColProps;
   setData?: (newData: any) => void;
+  rowWrapper?:boolean;
 }
 interface ConfigUploadProps {
   exFiles?: string[];

package/src/pages/Form/index.tsx

@@ -8,6 +8,7 @@ import {
 } from "../../components";
 import { useState } from "react";
 import { Button, DatePicker, Form, Input, Row, Space } from "antd";
+import Basic from "@/components/Form/Basic";
 const Test2 = () => {
   return <Row style={{ background: "red" }} />;
 };
@@ -77,6 +78,7 @@ const formData = (options) => {
       name: "url",
       type: "urlUpload",
       label: "文本",
+        hideLabel:true,
         itemProps: {
             initValueProvider:(props,val)=>{
                 console.log(props,val,"fff")
@@ -87,6 +89,19 @@ const formData = (options) => {
             }
         }
     },
+      {
+          nameKey: "name1",
+          label: "输入框",
+          render:()=>{
+              return <Basic
+               configData={[{
+                   label:"1"
+               },{
+                   label:"2"
+               }]}
+              />
+          }
+      },
     {
       label: "输入框",
       type: "checkboxGroup",
@@ -143,6 +158,10 @@ export default () => {
         <HForm
           configData={formData(options)}
           dismissOnPressEnter={false}
+          labelWidth={88}
+          itemSpan={{
+              span:12
+          }}
           form={form}
           labelAlign={"left"}
           onFinish={(value) => {