@hw-component/form 1.7.0 → 1.7.2

package/es/Form/Basic.d.ts

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

package/es/Form/Basic.js

@@ -0,0 +1,74 @@
+// welcome to hoo hoo hoo
+import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
+import 'core-js/modules/es.array.map.js';
+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';
+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 { useEffect, createElement } from 'react';
+import Item from './FormItem/index.js';
+import { Row } from 'antd';
+import { useFormContext } from './Context/index.js';
+import useInitConfigData from './hooks/useInitConfigData.js';
+
+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 Basic = (function (_ref) {
+  var configData = _ref.configData,
+    gutter = _ref.gutter;
+  var _useFormContext = useFormContext(),
+    form = _useFormContext.form,
+    formItemProps = _useFormContext.itemProps,
+    itemSpan = _useFormContext.itemSpan,
+    formColon = _useFormContext.colon,
+    setData = _useFormContext.setData;
+  var _useInitConfigData = useInitConfigData({
+      configData: configData,
+      form: form
+    }),
+    newConfigData = _useInitConfigData.newConfigData,
+    dispatchSourceData = _useInitConfigData.dispatchSourceData;
+  useEffect(function () {
+    setData === null || setData === void 0 || setData(dispatchSourceData);
+  }, []);
+  var defaultOnPressEnter = function defaultOnPressEnter() {
+    form.submit();
+  };
+  return jsx(Row, {
+    gutter: gutter,
+    style: {
+      width: "100%"
+    },
+    children: newConfigData.map(function (itemData, index) {
+      var itemLabelWidth = itemData.labelWidth,
+        hideLabel = itemData.hideLabel,
+        labelAlign = itemData.labelAlign,
+        name = itemData.name,
+        style = itemData.style,
+        _itemData$itemProps = itemData.itemProps,
+        itemProps = _itemData$itemProps === void 0 ? {} : _itemData$itemProps,
+        itemColon = itemData.colon;
+      var defaultItemProps = _objectSpread(_objectSpread({
+        onPressEnter: defaultOnPressEnter
+      }, formItemProps), itemProps);
+      return /*#__PURE__*/createElement(Item, _objectSpread(_objectSpread({}, itemData), {}, {
+        labelAlign: labelAlign,
+        key: name || index,
+        style: style,
+        itemProps: defaultItemProps,
+        hideLabel: hideLabel,
+        itemSpan: itemSpan,
+        labelWidth: itemLabelWidth,
+        colon: typeof itemColon === "undefined" ? formColon : itemColon
+      }));
+    })
+  });
+});
+
+export { Basic as default };
+// powered by hdj

package/es/Form/FormItem/index.js

@@ -16,15 +16,26 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var Item = (function (props) {
   var _useFormContext = useFormContext(),
     formLabelWidth = _useFormContext.labelWidth,
-    formLabelAlign = _useFormContext.labelAlign;
+    formLabelAlign = _useFormContext.labelAlign,
+    formLabelHide = _useFormContext.hideLabel,
+    formItemStyle = _useFormContext.formItemStyle,
+    formColon = _useFormContext.colon;
   var _props$labelWidth = props.labelWidth,
     labelWidth = _props$labelWidth === void 0 ? formLabelWidth : _props$labelWidth,
     _props$labelAlign = props.labelAlign,
-    labelAlign = _props$labelAlign === void 0 ? formLabelAlign : _props$labelAlign;
+    labelAlign = _props$labelAlign === void 0 ? formLabelAlign : _props$labelAlign,
+    _props$hideLabel = props.hideLabel,
+    hideLabel = _props$hideLabel === void 0 ? formLabelHide : _props$hideLabel,
+    _props$style = props.style,
+    style = _props$style === void 0 ? formItemStyle : _props$style,
+    colon = props.colon;
   var Component = useFormItemDomControl(props);
   return jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
     labelAlign: labelAlign,
-    labelWidth: labelWidth
+    labelWidth: labelWidth,
+    hideLabel: hideLabel,
+    style: style,
+    colon: typeof colon === "undefined" ? colon : formColon
   }));
 });
 

package/es/Form/index.js

@@ -7,18 +7,16 @@ 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 _slicedToArray from '@babel/runtime-corejs3/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.function.name.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useEffect, createElement } from 'react';
-import { Form, Row } from 'antd';
-import Item from './FormItem/index.js';
+import { Form } from 'antd';
 import { useCurrentForm, useInfoReq, useValuesChange } from './hooks/index.js';
 import { FormContext } from './Context/index.js';
 import Index from '../PageHandler/index.js';
-import useInitConfigData from './hooks/useInitConfigData.js';
+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"];
 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; }
@@ -49,12 +47,10 @@ var HForm = (function (_ref) {
     colon = _ref$colon === void 0 ? true : _ref$colon,
     props = _objectWithoutProperties(_ref, _excluded);
   var hForm = useCurrentForm(form);
-  var _useInitConfigData = useInitConfigData({
-      configData: configData,
-      form: hForm
-    }),
-    newConfigData = _useInitConfigData.newConfigData,
-    dispatchSourceData = _useInitConfigData.dispatchSourceData;
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    dispatchSourceData = _useState2[0],
+    setDispatchSourceData = _useState2[1];
   var _useInfoReq = useInfoReq({
       initialValues: initialValues,
       request: request,
@@ -82,8 +78,10 @@ var HForm = (function (_ref) {
       hForm.removeDispatchListener();
     };
   }, []);
-  var defaultOnPressEnter = function defaultOnPressEnter() {
-    hForm.submit();
+  var setData = function setData(newData) {
+    setDispatchSourceData(function (oldData) {
+      return _objectSpread(_objectSpread({}, oldData), newData);
+    });
   };
   return jsx(Index, {
     loading: infoLoading,
@@ -96,41 +94,22 @@ var HForm = (function (_ref) {
         form: hForm,
         valueType: valueType,
         labelAlign: formLabelAlign,
-        labelWidth: labelWidth
+        labelWidth: labelWidth,
+        formItemStyle: formItemStyle,
+        hideLabel: formHideLabel,
+        colon: colon,
+        itemProps: formItemProps,
+        itemSpan: itemSpan,
+        setData: setData
       },
       children: jsxs(Form, _objectSpread(_objectSpread({
         form: hForm,
         onFinish: run,
         onValuesChange: valuesChange
       }, props), {}, {
-        children: [jsx(Row, {
-          gutter: gutter,
-          children: newConfigData.map(function (itemData, index) {
-            var itemLabelWidth = itemData.labelWidth,
-              _itemData$hideLabel = itemData.hideLabel,
-              hideLabel = _itemData$hideLabel === void 0 ? formHideLabel : _itemData$hideLabel,
-              _itemData$labelAlign = itemData.labelAlign,
-              labelAlign = _itemData$labelAlign === void 0 ? formLabelAlign : _itemData$labelAlign,
-              name = itemData.name,
-              _itemData$style = itemData.style,
-              style = _itemData$style === void 0 ? formItemStyle : _itemData$style,
-              _itemData$itemProps = itemData.itemProps,
-              itemProps = _itemData$itemProps === void 0 ? {} : _itemData$itemProps,
-              itemColon = itemData.colon;
-            var defaultItemProps = _objectSpread(_objectSpread({
-              onPressEnter: defaultOnPressEnter
-            }, formItemProps), itemProps);
-            return /*#__PURE__*/createElement(Item, _objectSpread(_objectSpread({}, itemData), {}, {
-              labelAlign: labelAlign,
-              key: name || index,
-              style: style,
-              itemProps: defaultItemProps,
-              hideLabel: hideLabel,
-              itemSpan: itemSpan,
-              labelWidth: itemLabelWidth || labelWidth,
-              colon: typeof itemColon === "undefined" ? colon : itemColon
-            }));
-          })
+        children: [jsx(Basic, {
+          configData: configData,
+          gutter: gutter
         }), jsx(InitSet, {})]
       }))
     })

package/es/Form/modal.d.ts

@@ -83,6 +83,12 @@ export interface FormContextProps {
     valueType?: string;
     labelAlign?: LabelAlignModal;
     labelWidth?: number;
+    formItemStyle?: React.CSSProperties;
+    hideLabel?: boolean;
+    colon?: boolean;
+    itemProps?: ItemPropsType;
+    itemSpan?: ColProps;
+    setData?: (newData: any) => void;
 }
 interface ConfigUploadProps {
     exFiles?: string[];

package/es/index.d.ts

@@ -5,6 +5,7 @@ export { default as useHForm } from "./Form/hooks/useHForm";
 export { useHDialogForm } from "./DialogForm/hooks";
 export { default as HFormConnect } from "./Form/HFormConnect";
 export { default as HFormConfigProvider } from "./Form/Context/FormConfigProvider";
+export { default as HBasicForm } from './Form/Basic';
 export declare const HSelect: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HInput: ({ copy, value, addonAfter, ...props }: import("./Input/modal").HInputProps<any>) => JSX.Element;
 export declare const HSelectInput: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;

package/es/index.js

@@ -6,6 +6,7 @@ export { default as useHForm } from './Form/hooks/useHForm.js';
 export { useHDialogForm } from './DialogForm/hooks.js';
 export { default as HFormConnect } from './Form/HFormConnect.js';
 export { default as HFormConfigProvider } from './Form/Context/FormConfigProvider.js';
+export { default as HBasicForm } from './Form/Basic.js';
 import Index$1 from './DialogForm/ModalForm.js';
 import Index$2 from './DialogForm/DrawerForm/index.js';
 

package/lib/Form/Basic.d.ts

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

package/lib/Form/Basic.js

@@ -0,0 +1,77 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+require('core-js/modules/es.array.map.js');
+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');
+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 React = require('react');
+var index$1 = require('./FormItem/index.js');
+var antd = require('antd');
+var index = require('./Context/index.js');
+var useInitConfigData = require('./hooks/useInitConfigData.js');
+
+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 Basic = (function (_ref) {
+  var configData = _ref.configData,
+    gutter = _ref.gutter;
+  var _useFormContext = index.useFormContext(),
+    form = _useFormContext.form,
+    formItemProps = _useFormContext.itemProps,
+    itemSpan = _useFormContext.itemSpan,
+    formColon = _useFormContext.colon,
+    setData = _useFormContext.setData;
+  var _useInitConfigData = useInitConfigData.default({
+      configData: configData,
+      form: form
+    }),
+    newConfigData = _useInitConfigData.newConfigData,
+    dispatchSourceData = _useInitConfigData.dispatchSourceData;
+  React.useEffect(function () {
+    setData === null || setData === void 0 || setData(dispatchSourceData);
+  }, []);
+  var defaultOnPressEnter = function defaultOnPressEnter() {
+    form.submit();
+  };
+  return jsxRuntime.jsx(antd.Row, {
+    gutter: gutter,
+    style: {
+      width: "100%"
+    },
+    children: newConfigData.map(function (itemData, index) {
+      var itemLabelWidth = itemData.labelWidth,
+        hideLabel = itemData.hideLabel,
+        labelAlign = itemData.labelAlign,
+        name = itemData.name,
+        style = itemData.style,
+        _itemData$itemProps = itemData.itemProps,
+        itemProps = _itemData$itemProps === void 0 ? {} : _itemData$itemProps,
+        itemColon = itemData.colon;
+      var defaultItemProps = _objectSpread(_objectSpread({
+        onPressEnter: defaultOnPressEnter
+      }, formItemProps), itemProps);
+      return /*#__PURE__*/React.createElement(index$1.default, _objectSpread(_objectSpread({}, itemData), {}, {
+        labelAlign: labelAlign,
+        key: name || index,
+        style: style,
+        itemProps: defaultItemProps,
+        hideLabel: hideLabel,
+        itemSpan: itemSpan,
+        labelWidth: itemLabelWidth,
+        colon: typeof itemColon === "undefined" ? formColon : itemColon
+      }));
+    })
+  });
+});
+
+exports.default = Basic;
+// powered by h

package/lib/Form/FormItem/index.js

@@ -19,15 +19,26 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var Item = (function (props) {
   var _useFormContext = index.useFormContext(),
     formLabelWidth = _useFormContext.labelWidth,
-    formLabelAlign = _useFormContext.labelAlign;
+    formLabelAlign = _useFormContext.labelAlign,
+    formLabelHide = _useFormContext.hideLabel,
+    formItemStyle = _useFormContext.formItemStyle,
+    formColon = _useFormContext.colon;
   var _props$labelWidth = props.labelWidth,
     labelWidth = _props$labelWidth === void 0 ? formLabelWidth : _props$labelWidth,
     _props$labelAlign = props.labelAlign,
-    labelAlign = _props$labelAlign === void 0 ? formLabelAlign : _props$labelAlign;
+    labelAlign = _props$labelAlign === void 0 ? formLabelAlign : _props$labelAlign,
+    _props$hideLabel = props.hideLabel,
+    hideLabel = _props$hideLabel === void 0 ? formLabelHide : _props$hideLabel,
+    _props$style = props.style,
+    style = _props$style === void 0 ? formItemStyle : _props$style,
+    colon = props.colon;
   var Component = hooks.useFormItemDomControl(props);
   return jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
     labelAlign: labelAlign,
-    labelWidth: labelWidth
+    labelWidth: labelWidth,
+    hideLabel: hideLabel,
+    style: style,
+    colon: typeof colon === "undefined" ? colon : formColon
   }));
 });
 

package/lib/Form/index.js

@@ -10,18 +10,16 @@ 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 _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-require('core-js/modules/es.array.map.js');
-require('core-js/modules/es.function.name.js');
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var antd = require('antd');
-var index$3 = require('./FormItem/index.js');
 var index = require('./hooks/index.js');
 var index$2 = require('./Context/index.js');
 var index$1 = require('../PageHandler/index.js');
-var useInitConfigData = require('./hooks/useInitConfigData.js');
+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"];
 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; }
@@ -52,12 +50,10 @@ var HForm = (function (_ref) {
     colon = _ref$colon === void 0 ? true : _ref$colon,
     props = _objectWithoutProperties(_ref, _excluded);
   var hForm = index.useCurrentForm(form);
-  var _useInitConfigData = useInitConfigData.default({
-      configData: configData,
-      form: hForm
-    }),
-    newConfigData = _useInitConfigData.newConfigData,
-    dispatchSourceData = _useInitConfigData.dispatchSourceData;
+  var _useState = React.useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    dispatchSourceData = _useState2[0],
+    setDispatchSourceData = _useState2[1];
   var _useInfoReq = index.useInfoReq({
       initialValues: initialValues,
       request: request,
@@ -85,8 +81,10 @@ var HForm = (function (_ref) {
       hForm.removeDispatchListener();
     };
   }, []);
-  var defaultOnPressEnter = function defaultOnPressEnter() {
-    hForm.submit();
+  var setData = function setData(newData) {
+    setDispatchSourceData(function (oldData) {
+      return _objectSpread(_objectSpread({}, oldData), newData);
+    });
   };
   return jsxRuntime.jsx(index$1.default, {
     loading: infoLoading,
@@ -99,41 +97,22 @@ var HForm = (function (_ref) {
         form: hForm,
         valueType: valueType,
         labelAlign: formLabelAlign,
-        labelWidth: labelWidth
+        labelWidth: labelWidth,
+        formItemStyle: formItemStyle,
+        hideLabel: formHideLabel,
+        colon: colon,
+        itemProps: formItemProps,
+        itemSpan: itemSpan,
+        setData: setData
       },
       children: jsxRuntime.jsxs(antd.Form, _objectSpread(_objectSpread({
         form: hForm,
         onFinish: run,
         onValuesChange: valuesChange
       }, props), {}, {
-        children: [jsxRuntime.jsx(antd.Row, {
-          gutter: gutter,
-          children: newConfigData.map(function (itemData, index) {
-            var itemLabelWidth = itemData.labelWidth,
-              _itemData$hideLabel = itemData.hideLabel,
-              hideLabel = _itemData$hideLabel === void 0 ? formHideLabel : _itemData$hideLabel,
-              _itemData$labelAlign = itemData.labelAlign,
-              labelAlign = _itemData$labelAlign === void 0 ? formLabelAlign : _itemData$labelAlign,
-              name = itemData.name,
-              _itemData$style = itemData.style,
-              style = _itemData$style === void 0 ? formItemStyle : _itemData$style,
-              _itemData$itemProps = itemData.itemProps,
-              itemProps = _itemData$itemProps === void 0 ? {} : _itemData$itemProps,
-              itemColon = itemData.colon;
-            var defaultItemProps = _objectSpread(_objectSpread({
-              onPressEnter: defaultOnPressEnter
-            }, formItemProps), itemProps);
-            return /*#__PURE__*/React.createElement(index$3.default, _objectSpread(_objectSpread({}, itemData), {}, {
-              labelAlign: labelAlign,
-              key: name || index,
-              style: style,
-              itemProps: defaultItemProps,
-              hideLabel: hideLabel,
-              itemSpan: itemSpan,
-              labelWidth: itemLabelWidth || labelWidth,
-              colon: typeof itemColon === "undefined" ? colon : itemColon
-            }));
-          })
+        children: [jsxRuntime.jsx(Basic.default, {
+          configData: configData,
+          gutter: gutter
         }), jsxRuntime.jsx(InitSet.default, {})]
       }))
     })

package/lib/Form/modal.d.ts

@@ -83,6 +83,12 @@ export interface FormContextProps {
     valueType?: string;
     labelAlign?: LabelAlignModal;
     labelWidth?: number;
+    formItemStyle?: React.CSSProperties;
+    hideLabel?: boolean;
+    colon?: boolean;
+    itemProps?: ItemPropsType;
+    itemSpan?: ColProps;
+    setData?: (newData: any) => void;
 }
 interface ConfigUploadProps {
     exFiles?: string[];

package/lib/index.d.ts

@@ -5,6 +5,7 @@ export { default as useHForm } from "./Form/hooks/useHForm";
 export { useHDialogForm } from "./DialogForm/hooks";
 export { default as HFormConnect } from "./Form/HFormConnect";
 export { default as HFormConfigProvider } from "./Form/Context/FormConfigProvider";
+export { default as HBasicForm } from './Form/Basic';
 export declare const HSelect: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
 export declare const HInput: ({ copy, value, addonAfter, ...props }: import("./Input/modal").HInputProps<any>) => JSX.Element;
 export declare const HSelectInput: import("react").ForwardRefExoticComponent<import("./Form/modal").HFormItemProps & import("react").RefAttributes<any>>;

package/lib/index.js

@@ -7,6 +7,7 @@ var useHForm = require('./Form/hooks/useHForm.js');
 var hooks = require('./DialogForm/hooks.js');
 var HFormConnect = require('./Form/HFormConnect.js');
 var FormConfigProvider = require('./Form/Context/FormConfigProvider.js');
+var Basic = require('./Form/Basic.js');
 var ModalForm = require('./DialogForm/ModalForm.js');
 var index$2 = require('./DialogForm/DrawerForm/index.js');
 
@@ -40,6 +41,7 @@ exports.useHForm = useHForm.default;
 exports.useHDialogForm = hooks.useHDialogForm;
 exports.HFormConnect = HFormConnect.default;
 exports.HFormConfigProvider = FormConfigProvider.default;
+exports.HBasicForm = Basic.default;
 exports.HButtonInput = HButtonInput;
 exports.HCascader = HCascader;
 exports.HCheckBox = HCheckBox;

package/package.json

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

package/src/components/Form/Basic.tsx

@@ -0,0 +1,51 @@
+import {HFormProps, HItemProps, ItemPropsType} from "@/components/Form/modal";
+import Item from "./FormItem";
+import {Row} from "antd";
+import {useFormContext} from "./Context";
+import useInitConfigData from "./hooks/useInitConfigData";
+import {useEffect} from "react";
+
+export default ({configData,gutter}:HFormProps)=>{
+  const {form,itemProps:formItemProps,itemSpan,colon:formColon,setData}=useFormContext();
+  const { newConfigData, dispatchSourceData } = useInitConfigData({
+    configData,
+    form,
+   });
+   useEffect(()=>{
+       setData?.(dispatchSourceData);
+   },[]);
+    const defaultOnPressEnter = () => {
+        form.submit();
+    };
+  return <Row gutter={gutter} style={{width:"100%"}}>
+      {newConfigData.map((itemData: HItemProps, index) => {
+          const {
+              labelWidth: itemLabelWidth,
+              hideLabel ,
+              labelAlign,
+              name,
+              style ,
+              itemProps = {},
+              colon: itemColon,
+          } = itemData;
+          const defaultItemProps = {
+              onPressEnter: defaultOnPressEnter,
+              ...formItemProps,
+              ...itemProps,
+          };
+          return (
+              <Item
+                  {...itemData}
+                  labelAlign={labelAlign}
+                  key={name || index}
+                  style={style}
+                  itemProps={defaultItemProps as ItemPropsType}
+                  hideLabel={hideLabel}
+                  itemSpan={itemSpan}
+                  labelWidth={itemLabelWidth}
+                  colon={typeof itemColon === "undefined" ? formColon : itemColon}
+              />
+          );
+      })}
+  </Row>
+}

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

@@ -4,11 +4,28 @@ import type { HItemProps } from "../modal";
 import { useFormContext } from "../Context";
 
 export default (props: HItemProps) => {
-  const { labelWidth: formLabelWidth, labelAlign: formLabelAlign } =
-    useFormContext();
-  const { labelWidth = formLabelWidth, labelAlign = formLabelAlign } = props;
+  const {
+    labelWidth: formLabelWidth,
+    labelAlign: formLabelAlign ,
+    hideLabel:formLabelHide,
+    formItemStyle,
+    colon:formColon
+  } = useFormContext();
+  const {
+    labelWidth = formLabelWidth,
+    labelAlign = formLabelAlign,
+    hideLabel=formLabelHide,
+    style=formItemStyle,
+    colon
+  } = props;
   const Component = useFormItemDomControl(props);
   return (
-    <Component {...props} labelAlign={labelAlign} labelWidth={labelWidth} />
+    <Component {...props}
+               labelAlign={labelAlign}
+               labelWidth={labelWidth}
+               hideLabel={hideLabel}
+               style={style}
+               colon={typeof colon === "undefined" ? colon : formColon}
+    />
   );
 };

package/src/components/Form/index.tsx

@@ -1,13 +1,12 @@
-import { Form, Input, Row } from "antd";
-import type { HFormProps, HItemProps } from "./modal";
-import Item from "./FormItem";
+import { Form } from "antd";
+import type { HFormProps } from "./modal";
 import { useCurrentForm, useInfoReq, useValuesChange } from "./hooks";
 import { FormContext } from "./Context";
 import PageHandler from "../PageHandler";
 import useInitConfigData from "./hooks/useInitConfigData";
-import { useEffect } from "react";
+import {useEffect, useMemo, useState} from "react";
 import InitSet from "./InitSet";
-import type { ItemPropsType } from "./modal";
+import Basic from "./Basic";
 
 export default ({
   configData,
@@ -31,10 +30,8 @@ export default ({
   ...props
 }: HFormProps) => {
   const hForm = useCurrentForm(form);
-  const { newConfigData, dispatchSourceData } = useInitConfigData({
-    configData,
-    form: hForm,
-  });
+  const [dispatchSourceData,setDispatchSourceData]=useState({});
+
   const { subControl, infoControl } = useInfoReq({
     initialValues,
     request,
@@ -62,9 +59,14 @@ export default ({
       hForm.removeDispatchListener();
     };
   }, []);
-  const defaultOnPressEnter = () => {
-    hForm.submit();
-  };
+  const setData=(newData)=>{
+      setDispatchSourceData((oldData)=>{
+          return {
+            ...oldData,
+            ...newData
+          }
+      })
+  }
   return (
     <PageHandler
       loading={infoLoading}
@@ -79,6 +81,12 @@ export default ({
           valueType,
           labelAlign: formLabelAlign,
           labelWidth,
+          formItemStyle,
+          hideLabel:formHideLabel,
+          colon,
+          itemProps:formItemProps,
+          itemSpan,
+          setData
         }}
       >
         <Form
@@ -87,37 +95,7 @@ export default ({
           onValuesChange={valuesChange}
           {...props}
         >
-          <Row gutter={gutter}>
-            {newConfigData.map((itemData: HItemProps, index) => {
-              const {
-                labelWidth: itemLabelWidth,
-                hideLabel = formHideLabel,
-                labelAlign = formLabelAlign,
-                name,
-                style = formItemStyle,
-                itemProps = {},
-                colon: itemColon,
-              } = itemData;
-              const defaultItemProps = {
-                onPressEnter: defaultOnPressEnter,
-                ...formItemProps,
-                ...itemProps,
-              };
-              return (
-                <Item
-                  {...itemData}
-                  labelAlign={labelAlign}
-                  key={name || index}
-                  style={style}
-                  itemProps={defaultItemProps as ItemPropsType}
-                  hideLabel={hideLabel}
-                  itemSpan={itemSpan}
-                  labelWidth={itemLabelWidth || labelWidth}
-                  colon={typeof itemColon === "undefined" ? colon : itemColon}
-                />
-              );
-            })}
-          </Row>
+          <Basic configData={configData} gutter={gutter}/>
           <InitSet />
         </Form>
       </FormContext.Provider>

package/src/components/Form/modal.ts

@@ -132,6 +132,12 @@ export interface FormContextProps {
   valueType?: string;
   labelAlign?: LabelAlignModal;
   labelWidth?: number;
+  formItemStyle?:React.CSSProperties;
+  hideLabel?:boolean;
+  colon?:boolean;
+  itemProps?: ItemPropsType;
+  itemSpan?: ColProps;
+  setData?:(newData:any)=>void;
 }
 interface ConfigUploadProps {
   exFiles?: string[];

package/src/components/index.tsx

@@ -6,6 +6,7 @@ export { default as useHForm } from "./Form/hooks/useHForm";
 export { useHDialogForm } from "./DialogForm/hooks";
 export { default as HFormConnect } from "./Form/HFormConnect";
 export { default as HFormConfigProvider } from "./Form/Context/FormConfigProvider";
+export {default as HBasicForm} from './Form/Basic';
 
 import ModalForm from "./DialogForm/ModalForm";
 import DrawerForm from "./DialogForm/DrawerForm";

package/src/pages/Form/index.tsx

@@ -1,8 +1,9 @@
 import {
-  HForm,
-  HFormConfigProvider,
-  HSwitch,
-  useHForm,
+    HBasicForm,
+    HForm,
+    HFormConfigProvider,
+    HSwitch,
+    useHForm,
 } from "../../components";
 import { useState } from "react";
 import { Button, DatePicker, Form, Input, Row } from "antd";
@@ -25,39 +26,52 @@ const Test3 = ({ value, onChange }) => {
 };
 const formData = (options) => {
   return [
-    {
-      label: "12321",
-      className: "3",
-      name: "inputNumberGroup",
-      type: "inputNumberGroup",
-      itemProps: {
-        addonAfter: <Test3 />,
+      {
+          label: '手机号',
+          name: 'phone',
       },
-    },
-    {
-      label: "下拉",
-      className: "hdjd",
-      type: "select",
-      name: "test321",
-      itemProps: {
-        options: [
-          {
-            value: "选项1",
-            key: 1,
+      {
+          label: '验证码',
+          name: 'verifyCode',
+          type: 'select',
+          dispatch: {
+              fnKey: 'reload',
+              dependencies: ['phone'],
           },
-          {
-            value: "选项2",
-            key: 2,
+          itemProps: {
+              request: ({ phone }) => {
+                  console.log("request")
+                  return Promise.resolve({});
+              },
           },
-        ],
-        showSearch: true,
       },
-    },
-    {
-      label: "测试12312",
-      className: "hdjd",
-      name: "test123",
-    },
+      {
+        noStyle:true,
+        render:()=>{
+            return <HBasicForm configData={[
+                {
+                    label: "下拉",
+                    className: "hdjddd",
+                    type: "select",
+                    name: "test321",
+                    rules:[{required:true}],
+                    itemProps: {
+                        options: [
+                            {
+                                value: "选项1",
+                                key: 1,
+                            },
+                            {
+                                value: "选项2",
+                                key: 2,
+                            },
+                        ],
+                        showSearch: true,
+                    },
+                },
+            ]}/>
+        }
+      },
     {
       type: "submit",
     },
@@ -102,9 +116,10 @@ export default () => {
       >
         <HForm
           configData={formData(options)}
-          labelWidth={200}
+          labelWidth={300}
           form={form}
           labelAlign={"right"}
+          colon={false}
           onFinish={(value) => {
             console.log(value, "onFinish");
           }}