From 42f3ce1bf28dd4cc5ec7956bafd8bbbbc1c6dd82 Mon Sep 17 00:00:00 2001
From: vapao <live1989@foxmail.com>
Date: Mon, 19 Oct 2020 16:33:42 +0800
Subject: [PATCH] =?UTF-8?q?U=20=E4=BC=98=E5=8C=96=E5=85=8B=E9=9A=86?=
 =?UTF-8?q?=E5=8F=91=E5=B8=83=E6=94=AF=E6=8C=81=E8=BE=93=E5=85=A5=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 spug_web/src/pages/deploy/app/CloneConfirm.js | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/spug_web/src/pages/deploy/app/CloneConfirm.js b/spug_web/src/pages/deploy/app/CloneConfirm.js
index c36eb60..dc742fc 100644
--- a/spug_web/src/pages/deploy/app/CloneConfirm.js
+++ b/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>
     )