APIAuto: 完成 ASK AI DEEP SEARCH 并优化样式和交互

Author: TommyLemon

APIJSON-Java-Server/APIJSONBoot-MultiDataSource/src/main/resources/static/api/index.html

@@ -743,7 +743,7 @@
 
                 <div class="right-main" id="vHtml" v-show="view == 'html'"></div>
                 <div class="right-main" id="vMarkdown" v-show="view == 'markdown'"></div>
-                <div style="bottom: -6px; text-align: right; position: absolute; width: 100%; padding: 4px 20px 0px 4px; background-color: white;">
+                <div style="bottom: -6px; text-align: right; position: absolute; margin-left: 8px; width: 100%; padding: 4px 20px 0px 4px; background-color: white;">
 <!--                <div style="float: right" >-->
                         <input v-show="view == 'markdown'" id="vSearch" v-model="search" style="min-width: 60px; display: inline-flex; text-align: center" @keyup="doOnKeyUp(event, 'document', true)" placeholder="搜索文档" />
                         <button v-show="view == 'markdown'" @click="pageDown('document')">上页 < </button>
@@ -753,8 +753,10 @@
                         <input v-show="view == 'markdown'" id="vCount" v-model="count" style="width: 30px;text-align: center"  type="number" @keyup="doOnKeyUp(event, 'document', true)" placeholder="条数" />
                         <a v-show="view == 'markdown'" >条</a>
                     <!--                    </div>-->
-                    <input id="vAskAI" style="min-width: 60px; display: inline-flex; padding: 0px 4px 0px 4px" @keyup="doOnKeyUp(event, 'ask', true)"  placeholder="Ask AI" :style="{'width': view == 'markdown' ? 'auto' : '82%', 'text-align': view == 'markdown' ? 'center' : 'left'}" />
-                    <label style="float: right; margin-left: 8px; padding-left: 15px; padding-top: 3px; justify-content: center; align-items: center; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"><input id="vDeepSearch" type="checkbox" name="Deep Search" style="height: 100%; text-align: center; position: absolute; margin-left: -15px; bottom: -0px">Deep Search</label>
+                    <div style="display: inline-flex; border: black 1px solid; border-radius: 2px; float: right; margin-left: 8px; padding-left: 3px; padding-top: 3px;" :style="{'width': view == 'markdown' ? 'auto' : '100%', 'height': view == 'markdown' ? '27px' : 'auto'}">
+                        <textarea id="vAskAI" style="rows: 5; width: 100%; padding: 0px 4px 0px 4px" @keyup="doOnKeyUp(event, 'ask', true)" placeholder="Ask AI, Shift+Enter 换行" ></textarea>
+                        <label style="top: -2px; height: 27px; width: 60px; margin-left: 3px; margin-right: 3px; justify-content: center; align-items: center; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"><input id="vDeepSearch" type="checkbox" name="Deep" >DEEP </label>
+                    </div>
                 </div>
 
                 <ul class="dropdown-menu" id="vOption" style="display: block; left: 0px; top: 0px; max-height: 100%; max-width: 100%; overflow: scroll; overflow-x: scroll; overflow-y:scroll;" v-show="options != null && options.length > 0">
@@ -1053,6 +1055,7 @@
   var vPage = document.getElementById('vPage');
   var vCount = document.getElementById('vCount');
   var vAskAI = document.getElementById('vAskAI');
+  var vDeepSearch = document.getElementById('vDeepSearch');
   var vSearch = document.getElementById('vSearch');
   var vTestCasePage = document.getElementById('vTestCasePage');
   var vTestCaseCount = document.getElementById('vTestCaseCount');

APIJSON-Java-Server/APIJSONBoot-MultiDataSource/src/main/resources/static/api/js/main.js

@@ -7507,6 +7507,15 @@ Content-Type: ` + contentType) + (StringUtil.isEmpty(headerStr, true) ? '' : hea
 
         if (type == 'ask') {
           if (isEnter) {
+            event.preventDefault();
+
+            if (event.shiftKey) {
+              vAskAI.value = StringUtil.trim(vAskAI.value) + '\n'
+              return
+            }
+
+            vAskAI.value = StringUtil.trim(vAskAI.value)
+
             var isRes = false;
             if (StringUtil.isEmpty(vAskAI.value) && StringUtil.isNotEmpty(this.jsoncon, true) ) {
               var res = JSON.parse(this.jsoncon);
@@ -7624,7 +7633,7 @@ Content-Type: ` + contentType) + (StringUtil.isEmpty(headerStr, true) ? '' : hea
 //            }
 
             this.request(true, REQUEST_TYPE_POST, REQUEST_TYPE_JSON, 'https://api.devin.ai/ada/query', {
-              "engine_id": "multihop",
+              "engine_id": vDeepSearch.checked ? "agent" : "multihop",
               "user_query": "<relevant_context>" + (isRes ? "这是用 HTTP 接口工具 TommyLemon/APIAuto 发请求后的响应结果，分析并" : "") + "用中文回答：</relevant_context>" + user_query,
               "keywords": [],
               "repo_names": [