💄 修改复杂单选组件和复杂多选组件的样式

Author: liyuan-meng

src/components/complex-checkbox/index.less

@@ -31,7 +31,7 @@
     border: 1px solid #e8e8e8;
     min-width: 120px;
     &:hover {
-      background: @gray-2;
+      //background: @gray-2;
       border: 1px solid #496bf5;
     }
     &-checked {

src/components/complex-radio/index.less

@@ -35,7 +35,8 @@
     border: 1px solid #e8e8e8;
 
     &:hover {
-      background: @gray-2;
+      //background: @gray-2;
+      border: 1px solid #496bf5;
     }
 
     &-checked {
@@ -52,6 +53,7 @@
       border: 1px solid #e8e8e8;
 
       &:hover {
+        border: 1px solid #e8e8e8;
         background: #f5f5f5;
       }
     }

src/components/form/demos/basic-forms.md

@@ -43,7 +43,7 @@ export default function FormHorizontalDemo() {
   };
 
   return (
-    <Form key={`${size}-${labelAlign}-${layout}`} field={field} size={size === 'default' ? undefined : size}
+    <Form fixedError key={`${size}-${labelAlign}-${layout}`} field={field} size={size === 'default' ? undefined : size}
           labelAlign={labelAlign}
           layout={layout}
           labelCol={{ span: 6 }} style={{ width: 494, margin: '0 auto' }}>

src/components/form/index.js

@@ -71,7 +71,7 @@ export default class Form extends Component {
       gap,
       ...others
     } = this.props;
-    const props = omit(others, [ 'scrollToFirstError' ]);
+    const props = omit(others, ['scrollToFirstError']);
     const classNames = classnames(`${prefixCls}-form`, className);
 
     return (
@@ -114,7 +114,7 @@ Form.propTypes = {
     FORM_SIZE_TYPES.DEFAULT,
     FORM_SIZE_TYPES.LARGE,
   ]),
-  labelAlign: PropTypes.oneOf([ LABEL_ALIGN.LEFT, LABEL_ALIGN.RIGHT ]),
+  labelAlign: PropTypes.oneOf([LABEL_ALIGN.LEFT, LABEL_ALIGN.RIGHT]),
   labelCol: PropTypes.shape({
     span: PropTypes.number,
     offset: PropTypes.number,
@@ -141,6 +141,6 @@ Form.defaultProps = {
   wrapperCol: {},
   children: null,
   scrollToFirstError: false,
-  fixedError: true,
+  fixedError: false,
   gap: 20,
 };

src/components/form/index.md

@@ -30,7 +30,7 @@ group:
 | labelWrap  | 配合`label`属性使用，表示`label`是否在超宽时换行                    | boolean             | `false`     |
 | className  | Form 的 className 属性                                                | string              | -          |
 | scrollToFirstError | 提交失败自动滚动到第一个错误字段，`field`字段不存在时无效			| boolean              | `false`     |
-| fixedError | 展示报错提示时表单项位置是否发生变化			| boolean              | `true`     |
+| fixedError | 展示报错提示时表单项位置是否发生变化			| boolean              | `false`     |
 | gap | 各个表单项的间距			|  number              | 20     |
 
 如果 Form 和 Form.Item 相同的属性，Form.Item 的优先级更高，如果 Form 上设置了就不用每一个 Form.Item 上都进行设置，更加方便