@hw-component/form 1.4.8 → 1.5.0

package/es/Upload/hooks/customRequest.js

@@ -17,7 +17,7 @@ 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 subReq = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-    var request, file, _yield$request, url;
+    var request, file, _yield$request, url, thumbUrl;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -37,23 +37,25 @@ var subReq = /*#__PURE__*/function () {
         case 6:
           _yield$request = _context.sent;
           url = _yield$request.url;
+          thumbUrl = _yield$request.thumbUrl;
           return _context.abrupt("return", {
             url: url,
+            thumbUrl: thumbUrl,
             status: "done"
           });
-        case 11:
-          _context.prev = 11;
+        case 12:
+          _context.prev = 12;
           _context.t0 = _context["catch"](3);
           message.error(_context.t0.message);
           return _context.abrupt("return", {
             url: "",
             status: "error"
           });
-        case 15:
+        case 16:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[3, 11]]);
+    }, _callee, null, [[3, 12]]);
   }));
   return function subReq(_x) {
     return _ref2.apply(this, arguments);
@@ -62,19 +64,22 @@ var subReq = /*#__PURE__*/function () {
 var fileListProvider = function fileListProvider(changeFile, files) {
   var status = changeFile.status,
     url = changeFile.url,
-    uid = changeFile.uid;
+    uid = changeFile.uid,
+    thumbUrl = changeFile.thumbUrl;
   if (status === "error") {
     return files === null || files === void 0 ? void 0 : files.filter(function (item) {
       return item.uid !== uid;
     });
   }
   return files === null || files === void 0 ? void 0 : files.map(function (item) {
+    var fileDefaultThumbUrl = item.thumbUrl || thumbUrl;
     var resultUrl = url || item.thumbUrl;
     if (item.uid === uid) {
       item.status = status;
       item.response = {
         url: resultUrl
       };
+      item.thumbUrl = fileDefaultThumbUrl;
       return item;
     }
     return item;

package/lib/Input/InputNumberGroup.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { HItemProps } from "@/components/Form/modal";
+import React from "react";
+import type { HItemProps } from "@/components/Form/modal";
 declare const _default: {
     Component: React.ForwardRefExoticComponent<import("@/components/Form/modal").HFormItemProps & React.RefAttributes<any>>;
     placeholder: ({ label }: HItemProps) => string[];

package/lib/Input/InputNumberGroup.js

@@ -9,8 +9,16 @@ 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');
+require('core-js/modules/es.symbol.to-primitive.js');
+require('core-js/modules/es.date.to-primitive.js');
+require('core-js/modules/es.symbol.description.js');
+require('core-js/modules/es.number.constructor.js');
+var _typeof = require('@babel/runtime-corejs3/helpers/typeof');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('core-js/modules/es.function.name.js');
+require('core-js/modules/es.array.map.js');
 require('core-js/modules/es.array.concat.js');
 var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
@@ -19,6 +27,8 @@ var React = require('react');
 var index = require('../hooks/index.js');
 var HFormConnect = require('../Form/HFormConnect.js');
 
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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 useArrayProps = function useArrayProps(props) {
@@ -34,17 +44,18 @@ var InputNumberGroup = function InputNumberGroup(_ref) {
     value = _ref$value === void 0 ? {} : _ref$value,
     _ref$valueMap = _ref.valueMap,
     valueMap = _ref$valueMap === void 0 ? {
-      min: 'min',
-      max: 'max'
+      min: "min",
+      max: "max"
     } : _ref$valueMap,
     onChange = _ref.onChange,
     _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? ['请输入', '请输入'] : _ref$placeholder,
+    placeholder = _ref$placeholder === void 0 ? ["请输入", "请输入"] : _ref$placeholder,
     _ref$inputNumberProps = _ref.inputNumberProps,
     inputNumberProps = _ref$inputNumberProps === void 0 ? {} : _ref$inputNumberProps,
     addonAfter = _ref.addonAfter,
     _ref$noHandlerWrap = _ref.noHandlerWrap,
-    noHandlerWrap = _ref$noHandlerWrap === void 0 ? true : _ref$noHandlerWrap;
+    noHandlerWrap = _ref$noHandlerWrap === void 0 ? true : _ref$noHandlerWrap,
+    addFormat = _ref.addFormat;
   var min = valueMap.min,
     max = valueMap.max;
   var minVal = value[min],
@@ -68,6 +79,34 @@ var InputNumberGroup = function InputNumberGroup(_ref) {
   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"]);
+  addFormat === null || addFormat === void 0 || addFormat({
+    float: {
+      inputValue: function inputValue(item, initValue) {
+        var _objectSpread2;
+        var _item$name = item.name,
+          valueName = _item$name === void 0 ? "" : _item$name;
+        var minKey = valueMap.min,
+          maxKey = valueMap.max;
+        var cuValue = initValue[valueName];
+        var minInitVal = initValue[minKey];
+        var maxInitVal = initValue[maxKey];
+        return _defineProperty({}, valueName, _objectSpread((_objectSpread2 = {}, _defineProperty(_objectSpread2, min, minInitVal), _defineProperty(_objectSpread2, max, maxInitVal), _objectSpread2), cuValue));
+      },
+      outputValue: function outputValue(item, _outputValue) {
+        var _ref3;
+        var _item$name2 = item.name,
+          valueName = _item$name2 === void 0 ? "" : _item$name2;
+        var _outputValue$valueNam = _outputValue[valueName],
+          itemVal = _outputValue$valueNam === void 0 ? {} : _outputValue$valueNam;
+        var minKey = valueMap.min,
+          maxKey = valueMap.max;
+        var minSubVal = itemVal[minKey],
+          maxSubVal = itemVal[maxKey],
+          oItemVal = _objectWithoutProperties(itemVal, [minKey, maxKey].map(_toPropertyKey));
+        return _ref3 = {}, _defineProperty(_ref3, maxKey, maxSubVal), _defineProperty(_ref3, minKey, minSubVal), _defineProperty(_ref3, valueName, oItemVal), _ref3;
+      }
+    }
+  });
   var change = function change(key, val) {
     var newVal = _objectSpread({}, value);
     newVal[key] = val;
@@ -80,7 +119,7 @@ var InputNumberGroup = function InputNumberGroup(_ref) {
       value: value,
       onChange: onChange
     }) : addonAfter, jsxRuntime.jsxs("div", {
-      className: "".concat(bodyClassname, " ").concat(focus ? activeClassname : '', " ").concat(noHandlerWrap ? noHandlerWrapClassname : ""),
+      className: "".concat(bodyClassname, " ").concat(focus ? activeClassname : "", " ").concat(noHandlerWrap ? noHandlerWrapClassname : ""),
       children: [jsxRuntime.jsx("span", {
         className: borderClassname
       }), jsxRuntime.jsx(antd.InputNumber, _objectSpread({
@@ -123,8 +162,8 @@ var InputNumberGroup = function InputNumberGroup(_ref) {
 var Index = HFormConnect.default(InputNumberGroup);
 var HInputNumberGroup = {
   Component: Index,
-  placeholder: function placeholder(_ref2) {
-    var label = _ref2.label;
+  placeholder: function placeholder(_ref4) {
+    var label = _ref4.label;
     return ["\u8BF7\u8F93\u5165".concat(label, "\u6700\u5C0F\u503C"), "\u8BF7\u8F93\u5165".concat(label, "\u6700\u5927\u503C")];
   }
 };

package/lib/Upload/hooks/customRequest.js

@@ -18,7 +18,7 @@ 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 subReq = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-    var request, file, _yield$request, url;
+    var request, file, _yield$request, url, thumbUrl;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
@@ -38,23 +38,25 @@ var subReq = /*#__PURE__*/function () {
         case 6:
           _yield$request = _context.sent;
           url = _yield$request.url;
+          thumbUrl = _yield$request.thumbUrl;
           return _context.abrupt("return", {
             url: url,
+            thumbUrl: thumbUrl,
             status: "done"
           });
-        case 11:
-          _context.prev = 11;
+        case 12:
+          _context.prev = 12;
           _context.t0 = _context["catch"](3);
           antd.message.error(_context.t0.message);
           return _context.abrupt("return", {
             url: "",
             status: "error"
           });
-        case 15:
+        case 16:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[3, 11]]);
+    }, _callee, null, [[3, 12]]);
   }));
   return function subReq(_x) {
     return _ref2.apply(this, arguments);
@@ -63,19 +65,22 @@ var subReq = /*#__PURE__*/function () {
 var fileListProvider = function fileListProvider(changeFile, files) {
   var status = changeFile.status,
     url = changeFile.url,
-    uid = changeFile.uid;
+    uid = changeFile.uid,
+    thumbUrl = changeFile.thumbUrl;
   if (status === "error") {
     return files === null || files === void 0 ? void 0 : files.filter(function (item) {
       return item.uid !== uid;
     });
   }
   return files === null || files === void 0 ? void 0 : files.map(function (item) {
+    var fileDefaultThumbUrl = item.thumbUrl || thumbUrl;
     var resultUrl = url || item.thumbUrl;
     if (item.uid === uid) {
       item.status = status;
       item.response = {
         url: resultUrl
       };
+      item.thumbUrl = fileDefaultThumbUrl;
       return item;
     }
     return item;

package/package.json

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

package/src/components/Form/HFormConnect.tsx

@@ -43,26 +43,25 @@ export default (
     props: HFormItemProps,
     ref
   ) => {
-
     const { form, valueType = "float" } = useFormContext();
 
     useEffect(() => {
-      const {name}=props;
-      if (!name){
+      const { name } = props;
+      if (!name) {
         return;
       }
       form?.addFormat(name, formatMaker(props, format[valueType]));
     }, [valueType, props]);
     const addFormat = (aFormat: Record<string, addFormatItemModal>) => {
-      const {name}=props;
-      if (!name){
+      const { name } = props;
+      if (!name) {
         return;
       }
       form?.addFormat(name, formatMaker(props, aFormat[valueType]));
     };
     const addDispatchListener = (key: string, fn: argsFn) => {
-      const { name , dispatch } = props;
-      if (!name){
+      const { name, dispatch } = props;
+      if (!name) {
         return;
       }
       form?.addDispatchListener({ key, name, dispatch }, fn);

package/src/components/Form/config.ts

@@ -19,7 +19,7 @@ import Cascader from "../Cascader";
 import VerificationCodeInput from "../Input/VerificationCodeInput";
 import TrimInput from "../Input/TrimInput";
 import TrimTextArea from "../TextArea/TrimTextArea";
-import HInputNumberGroup from '../Input/InputNumberGroup'
+import HInputNumberGroup from "../Input/InputNumberGroup";
 export const placeholderConfig = {
   inputType: [
     "input",
@@ -29,7 +29,7 @@ export const placeholderConfig = {
     "verificationCodeInput",
     "trimInput",
     "urlUpload",
-    "textArea"
+    "textArea",
   ],
   selectType: ["select", "datePicker", "timePicker", "colorInput"],
 };
@@ -56,7 +56,6 @@ const componentConfig = {
   trimInput: TrimInput,
   trimTextArea: TrimTextArea,
   inputNumberGroup: HInputNumberGroup,
-
 };
 
 export default componentConfig;

package/src/components/Form/hooks/useHForm.ts

@@ -157,13 +157,16 @@ export default () => {
         form.setFieldsValue(newValue);
       },
       validateFields(nameList) {
-        return new Promise((resolve,reject) => {
-          form.validateFields(nameList).then((value) => {
-            const result = this.formatValues(value, "outputValue");
-            return resolve(result);
-          }).catch((e)=>{
-            reject(e);
-          });
+        return new Promise((resolve, reject) => {
+          form
+            .validateFields(nameList)
+            .then((value) => {
+              const result = this.formatValues(value, "outputValue");
+              return resolve(result);
+            })
+            .catch((e) => {
+              reject(e);
+            });
         });
       },
       resetFieldsInitValue: () => {

package/src/components/Input/InputNumberGroup.tsx

@@ -1,108 +1,149 @@
-import { InputNumber, Input } from 'antd';
-import { SwapRightOutlined } from '@ant-design/icons';
-import React, { useMemo, useState } from 'react';
-import type { InputNumberProps } from 'antd/lib/input-number';
+import { InputNumber, Input } from "antd";
+import { SwapRightOutlined } from "@ant-design/icons";
+import React, { useMemo, useState } from "react";
+import type { InputNumberProps } from "antd/lib/input-number";
 import { useClassName } from "../hooks";
-import {addFormatItemModal, HItemProps} from "@/components/Form/modal";
+import type { addFormatItemModal, HItemProps } from "@/components/Form/modal";
 import HFormConnect from "../Form/HFormConnect";
 
-interface IProps<T=any> {
-    placeholder?: [string, string] | string;
-    addonAfter?: React.ReactNode;
-    valueMap?: {
-        min: string;
-        max: string;
-    };
-    inputNumberProps?: [InputNumberProps, InputNumberProps] | InputNumberProps;
-    value?:T;
-    onChange:(value:T)=>void;
-    addFormat?: (config: Record<string, addFormatItemModal>) => void;
-    noHandlerWrap?:boolean;
+interface IProps<T = any> {
+  placeholder?: [string, string] | string;
+  addonAfter?: React.ReactNode;
+  valueMap?: {
+    min: string;
+    max: string;
+  };
+  inputNumberProps?: [InputNumberProps, InputNumberProps] | InputNumberProps;
+  value?: T;
+  onChange: (value: T) => void;
+  addFormat?: (config: Record<string, addFormatItemModal>) => void;
+  noHandlerWrap?: boolean;
 }
 const useArrayProps = (props: any) => {
-    return useMemo(() => {
-        if (Array.isArray(props)) {
-            return props;
-        }
-        return [props, props];
-    }, [props]);
+  return useMemo(() => {
+    if (Array.isArray(props)) {
+      return props;
+    }
+    return [props, props];
+  }, [props]);
 };
-const InputNumberGroup=({
-                 value = {},
-                 valueMap = { min: 'min', max: 'max' },
-                 onChange,
-                 placeholder = ['请输入', '请输入'],
-                 inputNumberProps = {},
-                 addonAfter,
-                            noHandlerWrap=true
-             }: IProps) => {
-    const { min, max } = valueMap;
-    const { [min]: minVal, [max]: maxVal } = value;
-    const [fsPlaceholder, edPlaceholder] = useArrayProps(placeholder);
-    const [fsProps, edProps] = useArrayProps(inputNumberProps);
-    const [focus, setFocus] = useState(false);
-    const contentClassname = useClassName(["hw-input-group"]);
-    const bodyClassname = useClassName(["hw-input-group-body"]);
-    const activeClassname = useClassName(["hw-input-group-active"]);
-    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;
-        onChange?.(newVal);
-    };
-    return (
-        <Input.Group compact className={contentClassname}>
-            {addonAfter ? React.cloneElement(addonAfter as any, { value, onChange }) : addonAfter}
-            <div className={`${bodyClassname} ${focus ? activeClassname : ''} ${noHandlerWrap?noHandlerWrapClassname:""}`}>
-                <span className={borderClassname} />
-                <InputNumber<number>
-                    bordered={false}
-                    value={minVal}
-                    max={maxVal}
-                    min={0}
-                    className={oneClassname}
-                    onFocus={() => {
-                        setFocus(true);
-                    }}
-                    onBlur={() => {
-                        setFocus(false);
-                    }}
-                    onChange={(val) => {
-                        change(min, val);
-                    }}
-                    placeholder={fsPlaceholder}
-                    {...fsProps}
-                />
-                <SwapRightOutlined className={iconClassname} />
-                <InputNumber<number>
-                    bordered={false}
-                    value={maxVal}
-                    className={oneClassname}
-                    placeholder={edPlaceholder}
-                    min={minVal}
-                    onFocus={() => {
-                        setFocus(true);
-                    }}
-                    onBlur={() => {
-                        setFocus(false);
-                    }}
-                    onChange={(val) => {
-                        change(max, val);
-                    }}
-                    {...edProps}
-                />
-            </div>
-        </Input.Group>
-    );
+const InputNumberGroup = ({
+  value = {},
+  valueMap = { min: "min", max: "max" },
+  onChange,
+  placeholder = ["请输入", "请输入"],
+  inputNumberProps = {},
+  addonAfter,
+  noHandlerWrap = true,
+  addFormat,
+}: IProps) => {
+  const { min, max } = valueMap;
+  const { [min]: minVal, [max]: maxVal } = value;
+  const [fsPlaceholder, edPlaceholder] = useArrayProps(placeholder);
+  const [fsProps, edProps] = useArrayProps(inputNumberProps);
+  const [focus, setFocus] = useState(false);
+  const contentClassname = useClassName(["hw-input-group"]);
+  const bodyClassname = useClassName(["hw-input-group-body"]);
+  const activeClassname = useClassName(["hw-input-group-active"]);
+  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",
+  ]);
+  addFormat?.({
+    float: {
+      inputValue: (item, initValue) => {
+        const { name: valueName = "" } = item;
+        const { min: minKey, max: maxKey } = valueMap;
+        const cuValue = initValue[valueName];
+        const minInitVal = initValue[minKey];
+        const maxInitVal = initValue[maxKey];
+        return {
+          [valueName]: {
+            [min]: minInitVal,
+            [max]: maxInitVal,
+            ...cuValue,
+          },
+        };
+      },
+      outputValue: (item, outputValue) => {
+        const { name: valueName = "" } = item;
+        const { [valueName]: itemVal = {} } = outputValue;
+        const { min: minKey, max: maxKey } = valueMap;
+        const {
+          [minKey]: minSubVal,
+          [maxKey]: maxSubVal,
+          ...oItemVal
+        } = itemVal;
+        return {
+          [maxKey]: maxSubVal,
+          [minKey]: minSubVal,
+          [valueName]: oItemVal,
+        };
+      },
+    },
+  });
+  const change = (key: string, val: number | null) => {
+    const newVal = { ...value };
+    newVal[key] = val;
+    onChange?.(newVal);
+  };
+  return (
+    <Input.Group compact className={contentClassname}>
+      {addonAfter
+        ? React.cloneElement(addonAfter as any, { value, onChange })
+        : addonAfter}
+      <div
+        className={`${bodyClassname} ${focus ? activeClassname : ""} ${
+          noHandlerWrap ? noHandlerWrapClassname : ""
+        }`}
+      >
+        <span className={borderClassname} />
+        <InputNumber<number>
+          bordered={false}
+          value={minVal}
+          max={maxVal}
+          min={0}
+          className={oneClassname}
+          onFocus={() => {
+            setFocus(true);
+          }}
+          onBlur={() => {
+            setFocus(false);
+          }}
+          onChange={(val) => {
+            change(min, val);
+          }}
+          placeholder={fsPlaceholder}
+          {...fsProps}
+        />
+        <SwapRightOutlined className={iconClassname} />
+        <InputNumber<number>
+          bordered={false}
+          value={maxVal}
+          className={oneClassname}
+          placeholder={edPlaceholder}
+          min={minVal}
+          onFocus={() => {
+            setFocus(true);
+          }}
+          onBlur={() => {
+            setFocus(false);
+          }}
+          onChange={(val) => {
+            change(max, val);
+          }}
+          {...edProps}
+        />
+      </div>
+    </Input.Group>
+  );
 };
-const Index=HFormConnect(InputNumberGroup)
+const Index = HFormConnect(InputNumberGroup);
 export default {
-    Component: Index,
-    placeholder: ({ label }: HItemProps) => {
-        return [`请输入${label}最小值`, `请输入${label}最大值`];
-    }
-};
+  Component: Index,
+  placeholder: ({ label }: HItemProps) => {
+    return [`请输入${label}最小值`, `请输入${label}最大值`];
+  },
+};

package/src/components/Input/index.less

@@ -5,7 +5,7 @@
   align-items: center;
   width: 100%;
   color: rgba(0, 0, 0, 0.25);
-  .@{all-input-group}-body{
+  .@{all-input-group}-body {
     position: relative;
     display: flex !important;
     flex: 1;
@@ -26,7 +26,7 @@
       display: none;
     }
   }
-  .@{all-input-group}-border{
+  .@{all-input-group}-border {
     position: absolute;
     left: -1px;
     display: none;
@@ -34,13 +34,13 @@
     height: 100%;
     background-color: #40a9ff;
   }
-  .@{all-input-group}-icon{
+  .@{all-input-group}-icon {
     padding: 0 4px;
   }
-  .@{all-input-group}-one{
+  .@{all-input-group}-one {
     flex: 1;
   }
-  .@{all-input-group}-active{
+  .@{all-input-group}-active {
     border-color: #40a9ff;
     box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
   }