@hw-component/form 1.4.7 → 1.4.8

package/es/Input/InputNumberGroup.js

@@ -39,7 +39,9 @@ var InputNumberGroup = function InputNumberGroup(_ref) {
     placeholder = _ref$placeholder === void 0 ? ['请输入', '请输入'] : _ref$placeholder,
     _ref$inputNumberProps = _ref.inputNumberProps,
     inputNumberProps = _ref$inputNumberProps === void 0 ? {} : _ref$inputNumberProps,
-    addonAfter = _ref.addonAfter;
+    addonAfter = _ref.addonAfter,
+    _ref$noHandlerWrap = _ref.noHandlerWrap,
+    noHandlerWrap = _ref$noHandlerWrap === void 0 ? true : _ref$noHandlerWrap;
   var min = valueMap.min,
     max = valueMap.max;
   var minVal = value[min],
@@ -62,6 +64,7 @@ var InputNumberGroup = function InputNumberGroup(_ref) {
   var borderClassname = useClassName(["hw-input-group-border"]);
   var oneClassname = useClassName(["hw-input-group-one"]);
   var iconClassname = useClassName(["hw-input-group-icon"]);
+  var noHandlerWrapClassname = useClassName(["hw-input-group-no-handler-wrap"]);
   var change = function change(key, val) {
     var newVal = _objectSpread({}, value);
     newVal[key] = val;
@@ -74,7 +77,7 @@ var InputNumberGroup = function InputNumberGroup(_ref) {
       value: value,
       onChange: onChange
     }) : addonAfter, jsxs("div", {
-      className: "".concat(bodyClassname, " ").concat(focus ? activeClassname : ''),
+      className: "".concat(bodyClassname, " ").concat(focus ? activeClassname : '', " ").concat(noHandlerWrap ? noHandlerWrapClassname : ""),
       children: [jsx("span", {
         className: borderClassname
       }), jsx(InputNumber, _objectSpread({

package/es/index.css

@@ -111,9 +111,6 @@
           align-items: center;
   border: 1px solid #d9d9d9;
 }
-.ant-hw-input-group .ant-hw-input-group-body .ant-input-number-handler-wrap {
-  display: none;
-}
 .ant-hw-input-group .ant-hw-input-group-body:hover {
   border-color: #40a9ff;
 }
@@ -123,6 +120,9 @@
 .ant-hw-input-group .ant-hw-input-group-body:active {
   border-color: #40a9ff;
 }
+.ant-hw-input-group .ant-hw-input-group-no-handler-wrap .ant-input-number-handler-wrap {
+  display: none;
+}
 .ant-hw-input-group .ant-hw-input-group-border {
   position: absolute;
   left: -1px;

package/lib/Input/InputNumberGroup.js

@@ -42,7 +42,9 @@ var InputNumberGroup = function InputNumberGroup(_ref) {
     placeholder = _ref$placeholder === void 0 ? ['请输入', '请输入'] : _ref$placeholder,
     _ref$inputNumberProps = _ref.inputNumberProps,
     inputNumberProps = _ref$inputNumberProps === void 0 ? {} : _ref$inputNumberProps,
-    addonAfter = _ref.addonAfter;
+    addonAfter = _ref.addonAfter,
+    _ref$noHandlerWrap = _ref.noHandlerWrap,
+    noHandlerWrap = _ref$noHandlerWrap === void 0 ? true : _ref$noHandlerWrap;
   var min = valueMap.min,
     max = valueMap.max;
   var minVal = value[min],
@@ -65,6 +67,7 @@ var InputNumberGroup = function InputNumberGroup(_ref) {
   var borderClassname = index.useClassName(["hw-input-group-border"]);
   var oneClassname = index.useClassName(["hw-input-group-one"]);
   var iconClassname = index.useClassName(["hw-input-group-icon"]);
+  var noHandlerWrapClassname = index.useClassName(["hw-input-group-no-handler-wrap"]);
   var change = function change(key, val) {
     var newVal = _objectSpread({}, value);
     newVal[key] = val;
@@ -77,7 +80,7 @@ var InputNumberGroup = function InputNumberGroup(_ref) {
       value: value,
       onChange: onChange
     }) : addonAfter, jsxRuntime.jsxs("div", {
-      className: "".concat(bodyClassname, " ").concat(focus ? activeClassname : ''),
+      className: "".concat(bodyClassname, " ").concat(focus ? activeClassname : '', " ").concat(noHandlerWrap ? noHandlerWrapClassname : ""),
       children: [jsxRuntime.jsx("span", {
         className: borderClassname
       }), jsxRuntime.jsx(antd.InputNumber, _objectSpread({

package/lib/index.css

@@ -111,9 +111,6 @@
           align-items: center;
   border: 1px solid #d9d9d9;
 }
-.ant-hw-input-group .ant-hw-input-group-body .ant-input-number-handler-wrap {
-  display: none;
-}
 .ant-hw-input-group .ant-hw-input-group-body:hover {
   border-color: #40a9ff;
 }
@@ -123,6 +120,9 @@
 .ant-hw-input-group .ant-hw-input-group-body:active {
   border-color: #40a9ff;
 }
+.ant-hw-input-group .ant-hw-input-group-no-handler-wrap .ant-input-number-handler-wrap {
+  display: none;
+}
 .ant-hw-input-group .ant-hw-input-group-border {
   position: absolute;
   left: -1px;

package/package.json

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

package/src/components/Input/InputNumberGroup.tsx

@@ -17,6 +17,7 @@ interface IProps<T=any> {
     value?:T;
     onChange:(value:T)=>void;
     addFormat?: (config: Record<string, addFormatItemModal>) => void;
+    noHandlerWrap?:boolean;
 }
 const useArrayProps = (props: any) => {
     return useMemo(() => {
@@ -33,6 +34,7 @@ const InputNumberGroup=({
                  placeholder = ['请输入', '请输入'],
                  inputNumberProps = {},
                  addonAfter,
+                            noHandlerWrap=true
              }: IProps) => {
     const { min, max } = valueMap;
     const { [min]: minVal, [max]: maxVal } = value;
@@ -45,6 +47,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 noHandlerWrapClassname = useClassName(["hw-input-group-no-handler-wrap"]);
+
     const change = (key: string, val: number | null) => {
         const newVal = { ...value };
         newVal[key] = val;
@@ -53,7 +57,7 @@ const InputNumberGroup=({
     return (
         <Input.Group compact className={contentClassname}>
             {addonAfter ? React.cloneElement(addonAfter as any, { value, onChange }) : addonAfter}
-            <div className={`${bodyClassname} ${focus ? activeClassname : ''}`}>
+            <div className={`${bodyClassname} ${focus ? activeClassname : ''} ${noHandlerWrap?noHandlerWrapClassname:""}`}>
                 <span className={borderClassname} />
                 <InputNumber<number>
                     bordered={false}

package/src/components/Input/index.less

@@ -11,9 +11,6 @@
     flex: 1;
     align-items: center;
     border: 1px solid #d9d9d9;
-    .@{ant-prefix}-input-number-handler-wrap {
-      display: none;
-    }
     &:hover {
       border-color: #40a9ff;
       .border {
@@ -24,6 +21,11 @@
       border-color: #40a9ff;
     }
   }
+  .@{all-input-group}-no-handler-wrap {
+    .@{ant-prefix}-input-number-handler-wrap {
+      display: none;
+    }
+  }
   .@{all-input-group}-border{
     position: absolute;
     left: -1px;

package/src/pages/Form/index.tsx

@@ -40,10 +40,8 @@ const formData = (options) => {
     {
       label: "测试12312",
       className: "hdjd",
+        type: "colorInput",
       name:"test",
-      render:()=>{
-        return <Test2/>
-      }
     },
   ];
 };