U 优化克隆发布支持输入搜索

spug_web/src/pages/deploy/app/CloneConfirm.js

@@ -5,7 +5,7 @@
  */
 import React from 'react';
 import { observer } from 'mobx-react';
-import { Cascader, Form } from 'antd';
+import { Cascader, Form, Alert } from 'antd';
 import envStore from 'pages/config/environment/store';
 import store from './store';
 import lds from 'lodash';
@@ -42,16 +42,25 @@ class CloneConfirm extends React.Component {
     })
   }
 
+  filter = (inputValue, path) => {
+    return path.some(option => option.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1);
+  }
+
   render() {
     const options = this.handleData(Object.values(toJS(store.records)));
     return (
       <Form>
-        <Form.Item required label="应用及环境" help="克隆配置，将基于选择对象的配置来创建新的发布配置。">
+        <Form.Item
+          required
+          label="应用及环境"
+          help="克隆配置，将基于选择对象的配置来创建新的发布配置。"
+          extra={<Alert showIcon type="warning" message="使用搜索进行选择时可能需要选择两次。"/>}>
           <Cascader
             options={options}
             placeholder="请选择目标应用及环境"
             loadData={this.handleLoadData}
-            onChange={this.props.onChange}/>
+            onChange={this.props.onChange}
+            showSearch={{filter: this.filter}}/>
         </Form.Item>
       </Form>
     )