@hw-component/form 0.0.7-beta-v3 → 0.0.7-beta-v4

package/es/Form/FormItem/BasicItem.js

@@ -10,7 +10,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 { Form, Space } from 'antd';
+import { Col, Form, Space } from 'antd';
 import React from 'react';
 import Index$2 from './Helper.js';
 import { useClassName } from '../../hooks/index.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"];
+var _excluded = ["hover", "labelWidth", "required", "colon", "label", "itemProps", "children", "helper", "hide", "render", "itemSpan"];
 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) {
@@ -58,7 +58,9 @@ var Index = function Index(props) {
     var helper = props.helper,
     hide = props.hide;
     props.render;
-    var oProps = _objectWithoutProperties(props, _excluded);
+    var _props$itemSpan = props.itemSpan,
+    itemSpan = _props$itemSpan === void 0 ? {} : _props$itemSpan,
+    oProps = _objectWithoutProperties(props, _excluded);
   var _useFormContext = useFormContext(),
     form = _useFormContext.form;
   var defaultComponent = useDefaultComponents();
@@ -70,21 +72,23 @@ var Index = function Index(props) {
   if (hideItem) {
     return null;
   }
-  return jsx(Form.Item, _objectSpread(_objectSpread({
-    label: jsx(Index$1, {
-      hover: hover,
-      labelWidth: labelWidth,
-      required: required,
-      colon: colon,
-      children: label
-    })
-  }, oProps), {}, {
-    colon: false,
-    required: false,
-    children: jsx(Content, {
-      helper: helper,
-      children: defaultRender(form)
-    })
+  return jsx(Col, _objectSpread(_objectSpread({}, itemSpan), {}, {
+    children: jsx(Form.Item, _objectSpread(_objectSpread({
+      label: jsx(Index$1, {
+        hover: hover,
+        labelWidth: labelWidth,
+        required: required,
+        colon: colon,
+        children: label
+      })
+    }, oProps), {}, {
+      colon: false,
+      required: false,
+      children: jsx(Content, {
+        helper: helper,
+        children: defaultRender(form)
+      })
+    }))
   }));
 };
 

package/es/Form/FormItem/RegularFormItem.js

@@ -14,8 +14,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 RegularFormItem = (function (props) {
   var type = props.type,
-    colon = props.colon;
+    colon = props.colon,
+    itemSpan = props.itemSpan;
   return jsx(Index, _objectSpread(_objectSpread({}, props), {}, {
+    itemSpan: itemSpan,
     colon: type === "submit" ? false : colon
   }));
 });

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

@@ -1,3 +1,3 @@
 import type { HFormItemProps } from "../modal";
-declare const _default: ({ shouldUpdate, dependencies, hide, ...props }: HFormItemProps) => JSX.Element;
+declare const _default: ({ shouldUpdate, dependencies, hide, itemSpan, ...props }: HFormItemProps) => JSX.Element;
 export default _default;

package/es/Form/FormItem/UpFormItem.js

@@ -13,7 +13,7 @@ import { Form } from 'antd';
 import Index from './BasicItem.js';
 import { useShouldUpdate } from './hooks.js';
 
-var _excluded = ["shouldUpdate", "dependencies", "hide"];
+var _excluded = ["shouldUpdate", "dependencies", "hide", "itemSpan"];
 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 Item = Form.Item;
@@ -21,6 +21,7 @@ var UpFormItem = (function (_ref) {
   var shouldUpdate = _ref.shouldUpdate,
     dependencies = _ref.dependencies,
     hide = _ref.hide,
+    itemSpan = _ref.itemSpan,
     props = _objectWithoutProperties(_ref, _excluded);
   var resultShouldUpdate = useShouldUpdate({
     shouldUpdate: shouldUpdate,
@@ -32,7 +33,8 @@ var UpFormItem = (function (_ref) {
     noStyle: true,
     children: function children() {
       return jsx(Index, _objectSpread({
-        hide: hide
+        hide: hide,
+        itemSpan: itemSpan
       }, props));
     }
   });

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, ...props }: HFormProps) => JSX.Element;
+declare const _default: ({ configData, labelWidth, form, request, onFinish, infoRequest, valueType, initialValues, params, onValuesChange, itemSpan, ...props }: HFormProps) => JSX.Element;
 export default _default;

package/es/Form/index.js

@@ -11,7 +11,7 @@ import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWitho
 import 'core-js/modules/es.array.map.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useEffect, createElement } from 'react';
-import { Form } from 'antd';
+import { Form, Row } from 'antd';
 import Item from './FormItem/index.js';
 import { useCurrentForm, useInfoReq, useValuesChange } from './hooks/index.js';
 import { FormContext } from './Context/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"];
+var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues", "params", "onValuesChange", "itemSpan"];
 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) {
@@ -35,6 +35,7 @@ var HForm = (function (_ref) {
     _ref$params = _ref.params,
     params = _ref$params === void 0 ? {} : _ref$params,
     onValuesChange = _ref.onValuesChange,
+    itemSpan = _ref.itemSpan,
     props = _objectWithoutProperties(_ref, _excluded);
   var hForm = useCurrentForm(form);
   var _useInitConfigData = useInitConfigData({
@@ -86,12 +87,15 @@ var HForm = (function (_ref) {
         onFinish: run,
         onValuesChange: valuesChange
       }, props), {}, {
-        children: [newConfigData.map(function (itemData, index) {
-          var itemLabelWidth = itemData.labelWidth;
-          return /*#__PURE__*/createElement(Item, _objectSpread(_objectSpread({}, itemData), {}, {
-            key: index,
-            labelWidth: itemLabelWidth || labelWidth
-          }));
+        children: [jsx(Row, {
+          children: newConfigData.map(function (itemData, index) {
+            var itemLabelWidth = itemData.labelWidth;
+            return /*#__PURE__*/createElement(Item, _objectSpread(_objectSpread({}, itemData), {}, {
+              key: index,
+              itemSpan: itemSpan,
+              labelWidth: itemLabelWidth || labelWidth
+            }));
+          })
         }), jsx(InitSet, {})]
       }))
     })

package/es/Form/modal.d.ts

@@ -14,6 +14,7 @@ import type { RangePickerProps } from "antd/es/date-picker";
 import type { PromiseFnResult, ValueCheckMapModal, ValueSwitchMapModal, DateRangePickerValueMapModal } from "../modal";
 import type { ForwardedRef } from "react";
 import type { DataFnProvider } from "../modal";
+import { ColProps } from "antd/lib/grid/col";
 type RenderFun = (props: HItemProps, node: React.ReactNode, form: FormInstance) => React.ReactNode;
 type ItemPropsType = HCheckboxProps | HInputProps | HSelectInputProps | HButtonProps | HRadioGroupProps | HSelectProps | ButtonProps | HSwitchProps | HDatePickerProps | HRangePickerProps | HTimePickerProps | TextAreaProps | IUpLoadProps | CascaderProps<any>;
 export interface HoverModal {
@@ -41,6 +42,7 @@ export interface HItemProps extends Omit<FormItemProps, "name"> {
     placeholder?: string | string[];
     name?: string;
     dispatch?: DispatchModal;
+    itemSpan?: ColProps;
 }
 export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form" | "onFinish"> {
     configData: HItemProps[];
@@ -51,11 +53,13 @@ export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form" | "
     form?: HFormInstance;
     params?: any;
     onFinish?: (values: T, params?: any) => void;
+    itemSpan?: ColProps;
 }
 export interface HFormItemProps extends HItemProps {
     required?: boolean;
     value?: any;
     onChange?: (val: any, item: any) => void;
+    itemSpan?: ColProps;
 }
 export type argsFn = (...args: any[]) => void;
 export interface FormContextProps {

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"];
+var _excluded = ["hover", "labelWidth", "required", "colon", "label", "itemProps", "children", "helper", "hide", "render", "itemSpan"];
 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) {
@@ -61,7 +61,9 @@ var Index = function Index(props) {
     var helper = props.helper,
     hide = props.hide;
     props.render;
-    var oProps = _objectWithoutProperties(props, _excluded);
+    var _props$itemSpan = props.itemSpan,
+    itemSpan = _props$itemSpan === void 0 ? {} : _props$itemSpan,
+    oProps = _objectWithoutProperties(props, _excluded);
   var _useFormContext = index.useFormContext(),
     form = _useFormContext.form;
   var defaultComponent = index$1.useDefaultComponents();
@@ -73,21 +75,23 @@ var Index = function Index(props) {
   if (hideItem) {
     return null;
   }
-  return jsxRuntime.jsx(antd.Form.Item, _objectSpread(_objectSpread({
-    label: jsxRuntime.jsx(Label.default, {
-      hover: hover,
-      labelWidth: labelWidth,
-      required: required,
-      colon: colon,
-      children: label
-    })
-  }, oProps), {}, {
-    colon: false,
-    required: false,
-    children: jsxRuntime.jsx(Content, {
-      helper: helper,
-      children: defaultRender(form)
-    })
+  return jsxRuntime.jsx(antd.Col, _objectSpread(_objectSpread({}, itemSpan), {}, {
+    children: jsxRuntime.jsx(antd.Form.Item, _objectSpread(_objectSpread({
+      label: jsxRuntime.jsx(Label.default, {
+        hover: hover,
+        labelWidth: labelWidth,
+        required: required,
+        colon: colon,
+        children: label
+      })
+    }, oProps), {}, {
+      colon: false,
+      required: false,
+      children: jsxRuntime.jsx(Content, {
+        helper: helper,
+        children: defaultRender(form)
+      })
+    }))
   }));
 };
 

package/lib/Form/FormItem/RegularFormItem.js

@@ -17,8 +17,10 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 RegularFormItem = (function (props) {
   var type = props.type,
-    colon = props.colon;
+    colon = props.colon,
+    itemSpan = props.itemSpan;
   return jsxRuntime.jsx(BasicItem.default, _objectSpread(_objectSpread({}, props), {}, {
+    itemSpan: itemSpan,
     colon: type === "submit" ? false : colon
   }));
 });

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

@@ -1,3 +1,3 @@
 import type { HFormItemProps } from "../modal";
-declare const _default: ({ shouldUpdate, dependencies, hide, ...props }: HFormItemProps) => JSX.Element;
+declare const _default: ({ shouldUpdate, dependencies, hide, itemSpan, ...props }: HFormItemProps) => JSX.Element;
 export default _default;

package/lib/Form/FormItem/UpFormItem.js

@@ -16,7 +16,7 @@ var antd = require('antd');
 var BasicItem = require('./BasicItem.js');
 var hooks = require('./hooks.js');
 
-var _excluded = ["shouldUpdate", "dependencies", "hide"];
+var _excluded = ["shouldUpdate", "dependencies", "hide", "itemSpan"];
 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 Item = antd.Form.Item;
@@ -24,6 +24,7 @@ var UpFormItem = (function (_ref) {
   var shouldUpdate = _ref.shouldUpdate,
     dependencies = _ref.dependencies,
     hide = _ref.hide,
+    itemSpan = _ref.itemSpan,
     props = _objectWithoutProperties(_ref, _excluded);
   var resultShouldUpdate = hooks.useShouldUpdate({
     shouldUpdate: shouldUpdate,
@@ -35,7 +36,8 @@ var UpFormItem = (function (_ref) {
     noStyle: true,
     children: function children() {
       return jsxRuntime.jsx(BasicItem.default, _objectSpread({
-        hide: hide
+        hide: hide,
+        itemSpan: itemSpan
       }, props));
     }
   });

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, ...props }: HFormProps) => JSX.Element;
+declare const _default: ({ configData, labelWidth, form, request, onFinish, infoRequest, valueType, initialValues, params, onValuesChange, itemSpan, ...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"];
+var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues", "params", "onValuesChange", "itemSpan"];
 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) {
@@ -38,6 +38,7 @@ var HForm = (function (_ref) {
     _ref$params = _ref.params,
     params = _ref$params === void 0 ? {} : _ref$params,
     onValuesChange = _ref.onValuesChange,
+    itemSpan = _ref.itemSpan,
     props = _objectWithoutProperties(_ref, _excluded);
   var hForm = index.useCurrentForm(form);
   var _useInitConfigData = useInitConfigData.default({
@@ -89,12 +90,15 @@ var HForm = (function (_ref) {
         onFinish: run,
         onValuesChange: valuesChange
       }, props), {}, {
-        children: [newConfigData.map(function (itemData, index) {
-          var itemLabelWidth = itemData.labelWidth;
-          return /*#__PURE__*/React.createElement(index$3.default, _objectSpread(_objectSpread({}, itemData), {}, {
-            key: index,
-            labelWidth: itemLabelWidth || labelWidth
-          }));
+        children: [jsxRuntime.jsx(antd.Row, {
+          children: newConfigData.map(function (itemData, index) {
+            var itemLabelWidth = itemData.labelWidth;
+            return /*#__PURE__*/React.createElement(index$3.default, _objectSpread(_objectSpread({}, itemData), {}, {
+              key: index,
+              itemSpan: itemSpan,
+              labelWidth: itemLabelWidth || labelWidth
+            }));
+          })
         }), jsxRuntime.jsx(InitSet.default, {})]
       }))
     })

package/lib/Form/modal.d.ts

@@ -14,6 +14,7 @@ import type { RangePickerProps } from "antd/es/date-picker";
 import type { PromiseFnResult, ValueCheckMapModal, ValueSwitchMapModal, DateRangePickerValueMapModal } from "../modal";
 import type { ForwardedRef } from "react";
 import type { DataFnProvider } from "../modal";
+import { ColProps } from "antd/lib/grid/col";
 type RenderFun = (props: HItemProps, node: React.ReactNode, form: FormInstance) => React.ReactNode;
 type ItemPropsType = HCheckboxProps | HInputProps | HSelectInputProps | HButtonProps | HRadioGroupProps | HSelectProps | ButtonProps | HSwitchProps | HDatePickerProps | HRangePickerProps | HTimePickerProps | TextAreaProps | IUpLoadProps | CascaderProps<any>;
 export interface HoverModal {
@@ -41,6 +42,7 @@ export interface HItemProps extends Omit<FormItemProps, "name"> {
     placeholder?: string | string[];
     name?: string;
     dispatch?: DispatchModal;
+    itemSpan?: ColProps;
 }
 export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form" | "onFinish"> {
     configData: HItemProps[];
@@ -51,11 +53,13 @@ export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form" | "
     form?: HFormInstance;
     params?: any;
     onFinish?: (values: T, params?: any) => void;
+    itemSpan?: ColProps;
 }
 export interface HFormItemProps extends HItemProps {
     required?: boolean;
     value?: any;
     onChange?: (val: any, item: any) => void;
+    itemSpan?: ColProps;
 }
 export type argsFn = (...args: any[]) => void;
 export interface FormContextProps {

package/package.json

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

package/src/components/Cascader/index.tsx

@@ -3,9 +3,9 @@ import { Cascader } from "antd";
 import { useRequest } from "ahooks";
 import { useMatchConfigProps } from "../hooks";
 import type { PromiseFnResult } from "../modal";
-export type HCascaderProps={
+export type HCascaderProps = {
   request?: PromiseFnResult<any>;
-}&CascaderProps<any>
+} & CascaderProps<any>;
 
 export default ({
   request,

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

@@ -1,5 +1,5 @@
 import Label from "../Label";
-import { Form, Space } from "antd";
+import { Form, Space ,Col} from "antd";
 import React from "react";
 import Helper from "./Helper";
 import { useClassName } from "../../hooks";
@@ -43,6 +43,7 @@ const Index: React.FC<HFormItemProps> = (props) => {
     helper,
     hide,
     render,
+    itemSpan={},
     ...oProps
   } = props;
   const { form } = useFormContext();
@@ -53,23 +54,25 @@ const Index: React.FC<HFormItemProps> = (props) => {
     return null;
   }
   return (
-    <Form.Item
-      label={
-        <Label
-          hover={hover}
-          labelWidth={labelWidth}
-          required={required}
-          colon={colon}
-        >
-          {label}
-        </Label>
-      }
-      {...oProps}
-      colon={false}
-      required={false}
-    >
-      <Content helper={helper}>{defaultRender(form)}</Content>
-    </Form.Item>
+     <Col {...itemSpan}>
+       <Form.Item
+           label={
+             <Label
+                 hover={hover}
+                 labelWidth={labelWidth}
+                 required={required}
+                 colon={colon}
+             >
+               {label}
+             </Label>
+           }
+           {...oProps}
+           colon={false}
+           required={false}
+       >
+         <Content helper={helper}>{defaultRender(form)}</Content>
+       </Form.Item>
+     </Col>
   );
 };
 

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

@@ -2,6 +2,6 @@ import BasicItem from "./BasicItem";
 import type { HItemProps } from "../modal";
 
 export default (props: HItemProps) => {
-  const { type, colon } = props;
-  return <BasicItem {...props} colon={type === "submit" ? false : colon} />;
+  const { type, colon,itemSpan} = props;
+  return <BasicItem {...props} itemSpan={itemSpan} colon={type === "submit" ? false : colon} />;
 };

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

@@ -7,13 +7,14 @@ export default ({
   shouldUpdate,
   dependencies,
   hide,
+                  itemSpan,
   ...props
 }: HFormItemProps) => {
   const resultShouldUpdate = useShouldUpdate({ shouldUpdate, hide });
   return (
     <Item shouldUpdate={resultShouldUpdate} dependencies={dependencies} noStyle>
       {() => {
-        return <BasicItem hide={hide} {...props} />;
+        return <BasicItem hide={hide} itemSpan={itemSpan} {...props} />;
       }}
     </Item>
   );

package/src/components/Form/index.tsx

@@ -1,4 +1,4 @@
-import { Form } from "antd";
+import { Form ,Row} from "antd";
 import type { HFormProps, HItemProps } from "./modal";
 import Item from "./FormItem";
 import { useCurrentForm, useInfoReq, useValuesChange } from "./hooks";
@@ -19,6 +19,7 @@ export default ({
   initialValues,
   params = {},
   onValuesChange,
+  itemSpan,
   ...props
 }: HFormProps) => {
   const hForm = useCurrentForm(form);
@@ -67,16 +68,19 @@ export default ({
           onValuesChange={valuesChange}
           {...props}
         >
-          {newConfigData.map((itemData: HItemProps, index) => {
-            const { labelWidth: itemLabelWidth } = itemData;
-            return (
-              <Item
-                {...itemData}
-                key={index}
-                labelWidth={itemLabelWidth || labelWidth}
-              />
-            );
-          })}
+          <Row>
+            {newConfigData.map((itemData: HItemProps, index) => {
+              const { labelWidth: itemLabelWidth } = itemData;
+              return (
+                  <Item
+                      {...itemData}
+                      key={index}
+                      itemSpan={itemSpan}
+                      labelWidth={itemLabelWidth || labelWidth}
+                  />
+              );
+            })}
+          </Row>
           <InitSet />
         </Form>
       </FormContext.Provider>

package/src/components/Form/modal.ts

@@ -32,6 +32,7 @@ import type {
 } from "../modal";
 import type { ForwardedRef } from "react";
 import type { DataFnProvider } from "../modal";
+import {ColProps} from "antd/lib/grid/col";
 
 type RenderFun = (
   props: HItemProps,
@@ -86,6 +87,7 @@ export interface HItemProps extends Omit<FormItemProps, "name"> {
   // formatKeys?: string[];
   name?: string;
   dispatch?: DispatchModal;
+  itemSpan?:ColProps
 }
 
 export interface HFormProps<T = any, R = any>
@@ -98,11 +100,13 @@ export interface HFormProps<T = any, R = any>
   form?: HFormInstance;
   params?: any;
   onFinish?: (values: T, params?: any) => void;
+  itemSpan?:ColProps
 }
 export interface HFormItemProps extends HItemProps {
   required?: boolean;
   value?: any;
   onChange?: (val: any, item: any) => void;
+  itemSpan?:ColProps
 }
 export type argsFn = (...args: any[]) => void;
 export interface FormContextProps {

package/src/components/Input/index.tsx

@@ -1,21 +1,26 @@
-import { Input ,message} from "antd";
+import { Input, message } from "antd";
 import type { HInputProps } from "./modal";
-import {CopyOutlined} from '@ant-design/icons'
+import { CopyOutlined } from "@ant-design/icons";
 // @ts-ignore
-import { CopyToClipboard } from 'react-copy-to-clipboard';
-const CopyDom=({value}:HInputProps)=>{
-  return <CopyToClipboard
+import { CopyToClipboard } from "react-copy-to-clipboard";
+const CopyDom = ({ value }: HInputProps) => {
+  return (
+    <CopyToClipboard
       text={value}
       onCopy={() => {
         message.success("复制成功!");
       }}
-  >
-    <CopyOutlined/>
-  </CopyToClipboard>
-}
-export default ({ copy,value,addonAfter,...props }: HInputProps) => {
-
-  return <Input {...props} value={value}
-                addonAfter={copy?<CopyDom value={value}/>:addonAfter}
-  />;
+    >
+      <CopyOutlined />
+    </CopyToClipboard>
+  );
+};
+export default ({ copy, value, addonAfter, ...props }: HInputProps) => {
+  return (
+    <Input
+      {...props}
+      value={value}
+      addonAfter={copy ? <CopyDom value={value} /> : addonAfter}
+    />
+  );
 };

package/src/components/Input/modal.ts

@@ -9,7 +9,7 @@ export interface HInputProps<V = any>
   onChange?: (value: V) => void;
   value?: V;
   defaultColor?: string;
-  copy?:boolean;
+  copy?: boolean;
 }
 
 interface ValueNameModal {

package/src/pages/Form/index.tsx

@@ -169,6 +169,7 @@ export default () => {
           initialValues={{
             name: "fff",
           }}
+          itemSpan={{span:12}}
           onFinish={(value) => {
             console.log(value);
           }}