@hw-component/form 1.8.1 → 1.8.2

package/.stylelintrc.js

@@ -1,5 +1,9 @@
 const fabric = require("@umijs/fabric");
-
+const { rules, ...oStyleLint } = fabric.stylelint;
 module.exports = {
-  ...fabric.stylelint,
+  ...oStyleLint,
+  rules: {
+    ...rules,
+    "no-duplicate-selectors": null,
+  },
 };

package/es/Form/Basic.d.ts

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

package/es/Form/Basic.js

@@ -20,7 +20,9 @@ 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 Basic = (function (_ref) {
   var configData = _ref.configData,
-    gutter = _ref.gutter;
+    gutter = _ref.gutter,
+    _ref$dismissOnPressEn = _ref.dismissOnPressEnter,
+    dismissOnPressEnter = _ref$dismissOnPressEn === void 0 ? true : _ref$dismissOnPressEn;
   var _useFormContext = useFormContext(),
     form = _useFormContext.form,
     formItemProps = _useFormContext.itemProps,
@@ -54,7 +56,7 @@ var Basic = (function (_ref) {
         itemProps = _itemData$itemProps === void 0 ? {} : _itemData$itemProps,
         itemColon = itemData.colon;
       var defaultItemProps = _objectSpread(_objectSpread({
-        onPressEnter: defaultOnPressEnter
+        onPressEnter: dismissOnPressEnter ? undefined : defaultOnPressEnter
       }, formItemProps), itemProps);
       return /*#__PURE__*/createElement(Item, _objectSpread(_objectSpread({}, itemData), {}, {
         labelAlign: labelAlign,

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, ...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, ...props }: HFormProps) => JSX.Element;
 export default _default;

package/es/Form/index.js

@@ -18,7 +18,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"];
+var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues", "params", "onValuesChange", "itemSpan", "hideLabel", "gutter", "submitLoading", "labelAlign", "formItemStyle", "itemProps", "colon", "dismissOnPressEnter"];
 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) {
@@ -45,6 +45,7 @@ var HForm = (function (_ref) {
     formItemProps = _ref$itemProps === void 0 ? {} : _ref$itemProps,
     _ref$colon = _ref.colon,
     colon = _ref$colon === void 0 ? true : _ref$colon,
+    dismissOnPressEnter = _ref.dismissOnPressEnter,
     props = _objectWithoutProperties(_ref, _excluded);
   var hForm = useCurrentForm(form);
   var _useState = useState({}),
@@ -109,6 +110,7 @@ var HForm = (function (_ref) {
       }, props), {}, {
         children: [jsx(Basic, {
           configData: configData,
+          dismissOnPressEnter: dismissOnPressEnter,
           gutter: gutter
         }), jsx(InitSet, {})]
       }))

package/es/Form/modal.d.ts

@@ -67,6 +67,7 @@ export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form" | "
     labelAlign?: LabelAlignModal;
     formItemStyle?: React.CSSProperties;
     itemProps?: ItemPropsType;
+    dismissOnPressEnter?: boolean;
 }
 export interface HFormItemProps extends HItemProps {
     required?: boolean;

package/es/index.css

@@ -83,9 +83,6 @@
 .ant-hw-form-form-item .ant-form-item-label {
   overflow: visible;
 }
-.ant-hw-input-group .ant-hw-input-group-disabled {
-  background-color: #f5f5f5;
-}
 .ant-hw-input-group {
   display: -webkit-box !important;
   display: -webkit-flex !important;
@@ -94,6 +91,9 @@
   width: 100%;
   color: rgba(0, 0, 0, 0.25);
 }
+.ant-hw-input-group .ant-hw-input-group-disabled {
+  background-color: #f5f5f5;
+}
 .ant-hw-input-group .ant-hw-input-group-body {
   position: relative;
   display: -webkit-box !important;

package/es/index.d.ts

@@ -5,7 +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 { 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/Form/Basic.d.ts

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

package/lib/Form/Basic.js

@@ -23,7 +23,9 @@ 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 Basic = (function (_ref) {
   var configData = _ref.configData,
-    gutter = _ref.gutter;
+    gutter = _ref.gutter,
+    _ref$dismissOnPressEn = _ref.dismissOnPressEnter,
+    dismissOnPressEnter = _ref$dismissOnPressEn === void 0 ? true : _ref$dismissOnPressEn;
   var _useFormContext = index.useFormContext(),
     form = _useFormContext.form,
     formItemProps = _useFormContext.itemProps,
@@ -57,7 +59,7 @@ var Basic = (function (_ref) {
         itemProps = _itemData$itemProps === void 0 ? {} : _itemData$itemProps,
         itemColon = itemData.colon;
       var defaultItemProps = _objectSpread(_objectSpread({
-        onPressEnter: defaultOnPressEnter
+        onPressEnter: dismissOnPressEnter ? undefined : defaultOnPressEnter
       }, formItemProps), itemProps);
       return /*#__PURE__*/React.createElement(index$1.default, _objectSpread(_objectSpread({}, itemData), {}, {
         labelAlign: labelAlign,

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, ...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, ...props }: HFormProps) => JSX.Element;
 export default _default;

package/lib/Form/index.js

@@ -21,7 +21,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"];
+var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues", "params", "onValuesChange", "itemSpan", "hideLabel", "gutter", "submitLoading", "labelAlign", "formItemStyle", "itemProps", "colon", "dismissOnPressEnter"];
 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) {
@@ -48,6 +48,7 @@ var HForm = (function (_ref) {
     formItemProps = _ref$itemProps === void 0 ? {} : _ref$itemProps,
     _ref$colon = _ref.colon,
     colon = _ref$colon === void 0 ? true : _ref$colon,
+    dismissOnPressEnter = _ref.dismissOnPressEnter,
     props = _objectWithoutProperties(_ref, _excluded);
   var hForm = index.useCurrentForm(form);
   var _useState = React.useState({}),
@@ -112,6 +113,7 @@ var HForm = (function (_ref) {
       }, props), {}, {
         children: [jsxRuntime.jsx(Basic.default, {
           configData: configData,
+          dismissOnPressEnter: dismissOnPressEnter,
           gutter: gutter
         }), jsxRuntime.jsx(InitSet.default, {})]
       }))

package/lib/Form/modal.d.ts

@@ -67,6 +67,7 @@ export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form" | "
     labelAlign?: LabelAlignModal;
     formItemStyle?: React.CSSProperties;
     itemProps?: ItemPropsType;
+    dismissOnPressEnter?: boolean;
 }
 export interface HFormItemProps extends HItemProps {
     required?: boolean;

package/lib/index.css

@@ -83,9 +83,6 @@
 .ant-hw-form-form-item .ant-form-item-label {
   overflow: visible;
 }
-.ant-hw-input-group .ant-hw-input-group-disabled {
-  background-color: #f5f5f5;
-}
 .ant-hw-input-group {
   display: -webkit-box !important;
   display: -webkit-flex !important;
@@ -94,6 +91,9 @@
   width: 100%;
   color: rgba(0, 0, 0, 0.25);
 }
+.ant-hw-input-group .ant-hw-input-group-disabled {
+  background-color: #f5f5f5;
+}
 .ant-hw-input-group .ant-hw-input-group-body {
   position: relative;
   display: -webkit-box !important;

package/lib/index.d.ts

@@ -5,7 +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 { 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "1.8.1",
+  "version": "1.8.2",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",
@@ -22,7 +22,7 @@
   },
   "lint-staged": {
     "**/*.less": "npm run lint:style",
-    "**/*.{js,jsx,ts,tsx}": "npm run lint:fix",
+    "**/*.{js,jsx,ts,tsx}": "npm run lint:js",
     "**/*.{js,jsx,tsx,ts,less,md,json}": [
       "prettier --write"
     ]

package/src/components/Form/Basic.tsx

@@ -1,52 +1,64 @@
-import type {HFormProps, HItemProps, ItemPropsType} from "@/components/Form/modal";
+import type {
+  HFormProps,
+  HItemProps,
+  ItemPropsType,
+} from "@/components/Form/modal";
 import Item from "./FormItem";
-import {Row} from "antd";
-import {useFormContext} from "./Context";
+import { Row } from "antd";
+import { useFormContext } from "./Context";
 import useInitConfigData from "./hooks/useInitConfigData";
-import {useEffect} from "react";
+import { useEffect } from "react";
 
-export default ({configData,gutter}: HFormProps)=>{
-  const {form,itemProps:formItemProps,itemSpan,colon:formColon,setData}=useFormContext();
+export default ({ configData, gutter ,dismissOnPressEnter=true}: 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%"}}>
+  });
+  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,
-          };
+        const {
+          labelWidth: itemLabelWidth,
+          hideLabel,
+          labelAlign,
+          name,
+          style,
+          itemProps = {},
+          colon: itemColon,
+        } = itemData;
+        const defaultItemProps = {
+          onPressEnter: dismissOnPressEnter?undefined: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}
-              />
-          );
+        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>
-}
+    </Row>
+  );
+};

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

@@ -3,7 +3,12 @@ import { Form, Space, Col } from "antd";
 import React from "react";
 import Helper from "./Helper";
 import { useClassName } from "../../hooks";
-import {useFormItemHover, useFormItemLabel, useHide, usePositionClassName} from "./hooks";
+import {
+  useFormItemHover,
+  useFormItemLabel,
+  useHide,
+  usePositionClassName,
+} from "./hooks";
 import { useFormContext } from "../Context";
 import type { HItemProps } from "../modal";
 import { useDefaultRender } from "../hooks/useDefaultRender";
@@ -68,7 +73,7 @@ const Index: React.FC<HFormItemProps> = (props) => {
   const className = usePositionClassName(align);
   const hideItem = useHide({ hide, form });
   const formItemLabel = useFormItemLabel(form, label);
-  const itemHover=useFormItemHover(form,hover)
+  const itemHover = useFormItemHover(form, hover);
   if (hideItem) {
     return null;
   }

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

@@ -2,7 +2,7 @@ import UpFormItem from "./UpFormItem";
 import RegularFormItem from "./RegularFormItem";
 import type React from "react";
 import { useMemo } from "react";
-import type {HFormInstance, HItemProps, HoverFn, HoverModal} from "../modal";
+import type { HFormInstance, HItemProps, HoverFn, HoverModal } from "../modal";
 import type { LabelAlignModal } from "../modal";
 import { useClassName } from "../../hooks";
 import type { HelperModal } from "../modal";
@@ -63,8 +63,8 @@ export const useFormItemLabel = (
 };
 
 export const useFormItemHover = (
-    form: HFormInstance,
-    hover?: string|HoverModal|HoverFn
+  form: HFormInstance,
+  hover?: string | HoverModal | HoverFn
 ) => {
   return typeof hover === "function" ? hover(form) : hover;
 };

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

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

package/src/components/Form/index.less

@@ -39,7 +39,7 @@
     height: auto;
   }
 }
-.@{ant-prefix}-hw-form-base-item-right>.@{ant-prefix}-form-item-label {
+.@{ant-prefix}-hw-form-base-item-right > .@{ant-prefix}-form-item-label {
   .@{ant-prefix}-hw-form-label-item {
     text-align: right;
   }
@@ -48,7 +48,7 @@
   }
 }
 
-.@{ant-prefix}-hw-form-base-item-left>.@{ant-prefix}-form-item-label {
+.@{ant-prefix}-hw-form-base-item-left > .@{ant-prefix}-form-item-label {
   .@{ant-prefix}-hw-form-label-item {
     text-align: left;
   }

package/src/components/Form/index.tsx

@@ -4,7 +4,7 @@ import { useCurrentForm, useInfoReq, useValuesChange } from "./hooks";
 import { FormContext } from "./Context";
 import PageHandler from "../PageHandler";
 import useInitConfigData from "./hooks/useInitConfigData";
-import {useEffect, useMemo, useState} from "react";
+import { useEffect, useMemo, useState } from "react";
 import InitSet from "./InitSet";
 import Basic from "./Basic";
 
@@ -27,10 +27,11 @@ export default ({
   formItemStyle,
   itemProps: formItemProps = {},
   colon = true,
+  dismissOnPressEnter,
   ...props
 }: HFormProps) => {
   const hForm = useCurrentForm(form);
-  const [dispatchSourceData,setDispatchSourceData]=useState({});
+  const [dispatchSourceData, setDispatchSourceData] = useState({});
 
   const { subControl, infoControl } = useInfoReq({
     initialValues,
@@ -59,14 +60,14 @@ export default ({
       hForm.removeDispatchListener();
     };
   }, []);
-  const setData=(newData)=>{
-      setDispatchSourceData((oldData)=>{
-          return {
-            ...oldData,
-            ...newData
-          }
-      })
-  }
+  const setData = (newData) => {
+    setDispatchSourceData((oldData) => {
+      return {
+        ...oldData,
+        ...newData,
+      };
+    });
+  };
   return (
     <PageHandler
       loading={infoLoading}
@@ -82,11 +83,11 @@ export default ({
           labelAlign: formLabelAlign,
           labelWidth,
           formItemStyle,
-          hideLabel:formHideLabel,
+          hideLabel: formHideLabel,
           colon,
-          itemProps:formItemProps,
+          itemProps: formItemProps,
           itemSpan,
-          setData
+          setData,
         }}
       >
         <Form
@@ -95,7 +96,7 @@ export default ({
           onValuesChange={valuesChange}
           {...props}
         >
-          <Basic configData={configData} gutter={gutter}/>
+          <Basic configData={configData} dismissOnPressEnter={dismissOnPressEnter} gutter={gutter} />
           <InitSet />
         </Form>
       </FormContext.Provider>

package/src/components/Form/modal.ts

@@ -62,7 +62,7 @@ export interface HoverModal {
   text?: string;
   icon?: React.ReactNode;
 }
-export type HoverFn=(form: HFormInstance) => string|HoverModal
+export type HoverFn = (form: HFormInstance) => string | HoverModal;
 export type HelperModal = (form: HFormInstance) => React.ReactNode | string;
 
 export type HideModal = (form: HFormInstance) => boolean;
@@ -86,7 +86,7 @@ export interface HItemProps
   itemProps?: ItemPropsType;
   render?: RenderFun;
   helper?: HelperModal | React.ReactNode;
-  hover?: string | HoverModal|HoverFn;
+  hover?: string | HoverModal | HoverFn;
   // formItems?: HItemProps[]; 保留感觉没必要
   labelWidth?: number;
   hide?: boolean | HideModal;
@@ -116,6 +116,7 @@ export interface HFormProps<T = any, R = any>
   labelAlign?: LabelAlignModal;
   formItemStyle?: React.CSSProperties;
   itemProps?: ItemPropsType;
+  dismissOnPressEnter?:boolean;
 }
 export interface HFormItemProps extends HItemProps {
   required?: boolean;

package/src/components/Input/InputNumberGroup.tsx

@@ -18,7 +18,7 @@ interface IProps<T = any> {
   onChange: (value: T) => void;
   addFormat?: (config: Record<string, addFormatItemModal>) => void;
   noHandlerWrap?: boolean;
-  disabled?:boolean;
+  disabled?: boolean;
 }
 const useArrayProps = (props: any) => {
   return useMemo(() => {
@@ -37,7 +37,7 @@ const InputNumberGroup = ({
   addonAfter,
   noHandlerWrap = true,
   addFormat,
-                            disabled
+  disabled,
 }: IProps) => {
   const { min, max } = valueMap;
   const { [min]: minVal, [max]: maxVal } = value;
@@ -50,8 +50,8 @@ const InputNumberGroup = ({
   const borderClassname = useClassName(["hw-input-group-border"]);
   const oneClassname = useClassName(["hw-input-group-one"]);
   const iconClassname = useClassName(["hw-input-group-icon"]);
-  const disabledClassname=useClassName(["hw-input-group-disabled"]);
-  const notDisabledClassname=useClassName(["hw-input-group-not-disabled"])
+  const disabledClassname = useClassName(["hw-input-group-disabled"]);
+  const notDisabledClassname = useClassName(["hw-input-group-not-disabled"]);
 
   const noHandlerWrapClassname = useClassName([
     "hw-input-group-no-handler-wrap",
@@ -103,7 +103,7 @@ const InputNumberGroup = ({
         className={`${bodyClassname} 
         ${focus ? activeClassname : ""} 
         ${noHandlerWrap ? noHandlerWrapClassname : ""}
-         ${disabled?disabledClassname:notDisabledClassname}
+         ${disabled ? disabledClassname : notDisabledClassname}
         `}
       >
         <span className={borderClassname} />
@@ -126,9 +126,9 @@ const InputNumberGroup = ({
           {...fsProps}
           disabled={disabled}
         />
-       <div className={iconClassname}>
-         <SwapRightOutlined  />
-       </div>
+        <div className={iconClassname}>
+          <SwapRightOutlined />
+        </div>
         <InputNumber<number>
           bordered={false}
           value={maxVal}

package/src/components/Input/index.less

@@ -1,15 +1,13 @@
 @import "../styles/local.less";
 @all-input-group: ~"@{ant-prefix}-hw-input-group";
 
-.@{all-input-group} {
-  .@{all-input-group}-disabled {
-    background-color: #f5f5f5;
-  }
-}
 .@{all-input-group} {
   display: flex !important;
   width: 100%;
   color: rgba(0, 0, 0, 0.25);
+  .@{all-input-group}-disabled {
+    background-color: #f5f5f5;
+  }
   .@{all-input-group}-body {
     position: relative;
     display: flex !important;
@@ -44,7 +42,7 @@
     display: flex;
     align-items: center;
     padding: 0 4px;
-    color:rgba(0, 0, 0, 0.25);
+    color: rgba(0, 0, 0, 0.25);
   }
   .@{all-input-group}-one {
     flex: 1;