Fix Transfer notFound, close #3996

components/transfer/list.tsx

@@ -208,10 +208,11 @@ export default class TransferList extends React.Component<TransferListProps, any
               transitionName={this.state.mounted ? `${prefixCls}-content-item-highlight` : ''}
               transitionLeave={false}
             >
-              {showItems.length > 0
-                ? showItems
-                : <div key="not-found" className={`${prefixCls}-body-not-found`}>{notFoundContent || 'Not Found'}</div>}
+              {showItems}
             </Animate>
+            <div className={`${prefixCls}-body-not-found`}>
+              {notFoundContent || 'Not Found'}
+            </div>
           </div>}
         {footerDom ? <div className={`${prefixCls}-footer`}>
           {footerDom}

components/transfer/style/index.less

@@ -77,13 +77,6 @@
         padding: 4px;
         width: 100%;
       }
-
-      &-not-found {
-        padding-top: 24px;
-        color: #ccc;
-        text-align: center;
-        height: 100%;
-      }
     }
 
     &-body-with-search {
@@ -118,6 +111,21 @@
       }
     }
 
+    &-body-not-found {
+      padding-top: 0;
+      color: #ccc;
+      text-align: center;
+      display: none;
+      position: absolute;
+      top: 50%;
+      width: 100%;
+      margin-top: -10px;
+    }
+
+    &-content:empty + &-body-not-found {
+      display: block;
+    }
+
     &-footer {
       border-top: 1px solid @border-color-split;
       border-radius: 0 0 @border-radius-base @border-radius-base;