升级 react-transition-group

package.json

@@ -66,7 +66,7 @@
     "react-progress-2": "^4.4.2",
     "react-select": "1.2.1",
     "react-textarea-autosize": "5.1.0",
-    "react-transition-group": "2.2.1",
+    "react-transition-group": "4.4.1",
     "react-visibility-sensor": "3.11.0",
     "redux": "^3.7.2",
     "setimmediate": "1.0.5",

scss/components/_result-box.scss

@@ -19,6 +19,19 @@
     }
   }
 
+  &.is-clickable {
+    cursor: pointer;
+
+    &:hover {
+      border-color: $Form-input-onFocused-borderColor;
+      box-shadow: $Form-input-boxShadow;
+
+      @if $Form-input-onFocused-bg !=$Form-input-bg {
+        background-color: $Form-input-onFocused-bg;
+      }
+    }
+  }
+
   &.is-error.is-focused {
     border-color: $Form-input-onError-borderColor;
   }

src/components/ResultBox.tsx

@@ -124,7 +124,8 @@ export class ResultBox extends React.Component<ResultBoxProps> {
           className,
           isFocused ? 'is-focused' : '',
           disabled ? 'is-disabled' : '',
-          hasError ? 'is-error' : ''
+          hasError ? 'is-error' : '',
+          onResultClick ? 'is-clickable' : ''
         )}
         onClick={onResultClick}
         tabIndex={!allowInput && onFocus ? 0 : -1}