fix(check-picker): fixed the group icon not showing in CheckPicker (#…

…1422)

* fix(check-picker): fixed the group icon not showing in CheckPicker

* chore(test): update nodejs-ci.yml

.github/workflows/nodejs-ci.yml

@@ -27,6 +27,10 @@ jobs:
 
     steps:
       - uses: actions/checkout@v2
+
+      - name: Setup kernel, increase watchers
+        run: echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p
+
       - name: Use Node.js 12.x
         uses: actions/setup-node@v1
         with:

src/Picker/DropdownMenuGroup.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
 import { WithAsProps } from '../@types/common';
+import ArrowDown from '@rsuite/icons/legacy/ArrowDown';
 
 export interface DropdownMenuGroupProps extends WithAsProps, React.HTMLAttributes<HTMLDivElement> {}
 
@@ -20,7 +21,7 @@ const DropdownMenuGroup = React.forwardRef(
       <Component role="group" {...rest} ref={ref} className={classes}>
         <div className={prefix`title`} tabIndex={-1}>
           <span>{children}</span>
-          <span aria-hidden className={prefix`caret`} />
+          <ArrowDown aria-hidden className={prefix`caret`} />
         </div>
       </Component>
     );

src/Picker/styles/mixin.less

@@ -44,11 +44,7 @@
       top: @padding-base-vertical;
       right: @padding-base-horizontal;
       transition: transform 0.3s linear;
-
-      &::before {
-        content: @picker-select-arrow-down;
-        font-family: @font-family-icon;
-      }
+      padding: 3px;
     }
   }
 }