From ace857d8bf7937ffe6aaa7d4b85921e9d228e93e Mon Sep 17 00:00:00 2001
From: HeskeyBaozi <hezhiyu233@foxmail.com>
Date: Thu, 6 Sep 2018 21:26:17 +0800
Subject: [PATCH] add check icon in multi select

---
 components/select/index.tsx        |  5 +++++
 components/select/style/index.less | 10 +++++-----
 package.json                       |  2 +-
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/components/select/index.tsx b/components/select/index.tsx
index 306966d7df..4db3f2da3d 100755
--- a/components/select/index.tsx
+++ b/components/select/index.tsx
@@ -182,10 +182,15 @@ export default class Select extends React.Component<SelectProps, {}> {
       <Icon type="close" className={`${prefixCls}-remove-icon`} />
     );
 
+    const menuItemSelectedIcon = (
+      <Icon type="check" className={`${prefixCls}-selected-icon`} />
+    );
+
     return (
       <RcSelect
         inputIcon={inputIcon}
         removeIcon={removeIcon}
+        menuItemSelectedIcon={menuItemSelectedIcon}
         {...restProps}
         {...modeConfig}
         prefixCls={prefixCls}
diff --git a/components/select/style/index.less b/components/select/style/index.less
index e04b555c9c..9f8eb2625d 100644
--- a/components/select/style/index.less
+++ b/components/select/style/index.less
@@ -541,7 +541,7 @@
 
   &&--multiple {
     .@{select-prefix-cls}-dropdown-menu-item {
-      &:after {
+      & .@{select-prefix-cls}-selected-icon {
         color: transparent;
         .iconfont-size-under-12px(10px);
         transition: all 0.2s ease;
@@ -553,16 +553,16 @@
         text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
       }
 
-      &:hover:after {
+      &:hover .@{select-prefix-cls}-selected-icon {
         color: #ddd;
       }
 
-      &-disabled:after {
+      &-disabled .@{select-prefix-cls}-selected-icon {
         display: none;
       }
 
-      &-selected:after,
-      &-selected:hover:after {
+      &-selected .@{select-prefix-cls}-selected-icon,
+      &-selected:hover .@{select-prefix-cls}-selected-icon {
         color: @primary-color;
         display: inline-block;
       }
diff --git a/package.json b/package.json
index 9558e8bf1d..38789548f5 100644
--- a/package.json
+++ b/package.json
@@ -71,7 +71,7 @@
     "rc-pagination": "~1.17.0",
     "rc-progress": "~2.2.2",
     "rc-rate": "~2.4.0",
-    "rc-select": "~8.2.3",
+    "rc-select": "~8.2.6",
     "rc-slider": "~8.6.0",
     "rc-steps": "~3.3.0",
     "rc-switch": "~1.7.0",