add Transfer component

add Transfer component

src/styles/components/index.less

@@ -26,4 +26,5 @@
 @import "poptip";
 @import "input";
 @import "slider";
-@import "cascader";
+@import "cascader";
+@import "transfer";

src/styles/components/input.less

@@ -19,6 +19,10 @@
         z-index: 1;
     }
 
+    &-icon + &{
+        padding-right: 32px;
+    }
+
     &-wrapper-large &-icon{
         font-size: 18px;
         height: @input-height-large;
@@ -29,10 +33,10 @@
         font-size: 14px;
         height: @input-height-small;
         line-height: @input-height-small;
-    }
 
-    &-icon + &{
-        padding-right: 32px;
+        + .@{input-prefix-cls} {
+            padding-right: 24px;
+        }
     }
 }
 

src/styles/components/transfer.less

@@ -0,0 +1,89 @@
+@transfer-prefix-cls: ~"@{css-prefix}transfer";
+@transfer-item-prefix-cls: ~"@{css-prefix}transfer-list-content-item";
+
+.@{transfer-prefix-cls} {
+    position: relative;
+    line-height: @line-height-base;
+
+    &-list{
+        display: inline-block;
+        width: 180px;
+        height: 210px;
+        font-size: @font-size-small;
+        vertical-align: middle;
+        border: 1px solid @border-color-base;
+        border-radius: @border-radius-base;
+        position: relative;
+        padding-top: 35px;
+
+        &-header {
+            padding: 8px 16px;
+            border-radius: @border-radius-base @border-radius-base 0 0;
+            background: #fff;
+            color: @text-color;
+            border-bottom: 1px solid @border-color-split;
+            overflow: hidden;
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+
+            &-count {
+                margin: 0 !important;
+                float: right;
+            }
+        }
+
+        &-body{
+            height: 100%;
+            position: relative;
+
+            &-with-search{
+                padding-top: 40px;
+            }
+        }
+
+        &-content{
+            height: 100%;
+            padding: 4px 0;
+            overflow: auto;
+
+            &-item{
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+            }
+        }
+        &-body-with-search &-content{
+            padding: 0;
+        }
+
+        &-body-search-wrapper{
+            padding: 8px;
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+        }
+
+        &-search{
+            position: relative;
+        }
+    }
+    &-operation {
+        display: inline-block;
+        overflow: hidden;
+        margin: 0 16px;
+        vertical-align: middle;
+
+        .@{btn-prefix-cls} {
+            display: block;
+            min-width: @btn-circle-size-small;
+
+            &:first-child {
+                margin-bottom: 12px;
+            }
+        }
+    }
+}
+.select-item(@transfer-prefix-cls, @transfer-item-prefix-cls);

src/styles/mixins/checkbox.less

@@ -11,6 +11,10 @@
         line-height: 1;
         position: relative;
 
+        &-disabled{
+            cursor: @cursor-disabled;
+        }
+
         &:hover {
             .@{checkbox-inner-prefix-cls} {
                 border-color: #bcbcbc;
@@ -56,6 +60,10 @@
             z-index: 1;
             cursor: pointer;
             opacity: 0;
+
+            &[disabled]{
+                cursor: @cursor-disabled;
+            }
         }
     }
 
@@ -141,6 +149,9 @@
         & + & {
             margin-left: 8px;
         }
+        &-disabled{
+            cursor: @cursor-disabled;
+        }
     }
 
     .@{checkbox-prefix-cls}-wrapper + span,