🐛下拉框支持不限，问题修改

Author: liyuan-meng

src/components/select/demos/unlimited.md

@@ -9,14 +9,14 @@ desc: 基本使用
  * title: 基本使用
  * desc: 多选下拉带不限
  */
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Select } from 'cloud-react';
 
 const Option = Select.Option;
 
 const dataList = [
   {
-    label: '不限',
+    label: '不限语言',
     value: '',
   },
   {
@@ -38,16 +38,22 @@ const dataList = [
 ];
 
 export default function SelectDemo() {
-  const [v, setValue] = useState(['1', '2']);
+  const [v, setValue] = useState([]);
   const [multiDataList, setDataList] = useState(dataList);
+  
+  useEffect(() => {
+    setTimeout(() => {
+      setValue(['1', '2'])
+    }, 1000)
+  }, [])
   return (
     <div className="demo">
       <Select
         value={v}
         onChange={values => {
           setValue(values);
         }}
-        style={{ width: 120 }}
+        style={{ width: 200 }}
         multiple
         supportUnlimited
         unlimitedLabel="不限语言"

src/components/select/index.less

@@ -244,6 +244,10 @@
       .@{select-prefix-cls}-multi-search-placeholder {
         position: absolute;
         color: rgba(0, 0, 0, 0.25);
+
+        .multi-unlimited {
+          color: @gray-9;
+        }
       }
 
       .@{select-prefix-cls}-multiple-search-item {

src/components/select/views/multi-search.js

@@ -17,6 +17,8 @@ export default function MultiSearch({
   setSearchStatus,
   disabled,
   searchable,
+  supportUnlimited,
+  unlimitedLabel,
 }) {
   const searchRef = useRef();
   const [selectList, setSelectList] = useState([]);
@@ -111,7 +113,13 @@ export default function MultiSearch({
           />
         </div>
       )}
-      {selectList.length || searchValue ? '' : <p className={`${selector}-multi-search-placeholder`}>{placeholder}</p>}
+      {selectList.length || searchValue ? '' : (
+        <p className={`${selector}-multi-search-placeholder`}>
+          {supportUnlimited ? (
+            <span className="multi-unlimited">{unlimitedLabel || '不限'}</span>
+          ) : placeholder}
+        </p>
+      )}
     </div>
   );
 }

src/components/select/views/selected.js

@@ -61,7 +61,6 @@ export default class Selected extends React.Component {
     const labels = getLables(props);
     this.state = {
       selected: labels || '',
-      selectedList: [],
       clear: false,
       prevProps: this.props,
       searchValue: '',
@@ -74,7 +73,6 @@ export default class Selected extends React.Component {
       const labels = getLables(props);
       return {
         selected: labels || '',
-        selectedList: props.dataSource,
         prevProps: props,
       };
     }
@@ -200,7 +198,9 @@ export default class Selected extends React.Component {
           <SearchCom
             placeholder={placeholder}
             selected={this.state.selected}
-            selectedList={this.state.selectedList}
+            selectedList={this.props.dataSource}
+            unlimitedLabel={this.props.unlimitedLabel}
+            supportUnlimited={this.props.supportUnlimited}
             onSearch={this.props.onSearch}
             open={open}
             searchValue={this.state.searchValue}