ai-assistant-pro 0.0.14 → 0.0.16

package/components/demo/api/index.js

@@ -78,9 +78,10 @@ export const pustReanswerToTeacher = (params) => {
     });
 }
 
-export const getDetailList = (resId) => {
+export const getDetailList = (resId, aiId) => {
     return request({
         url: prefix + `/assistant/detail/v2/${resId}`,
+        params: { aiId },
         method: 'get',
     });
 }
@@ -121,7 +122,13 @@ export async function getAutoQuestioning(iaId, message) {
         messages: message,
     });
 }
-
+/**
+ * 发起聊天接口(正常聊天)
+ * @param params 请求参数
+ * @param signal signal 对象
+ * @param onmessage 回调函数
+ * @returns 返回节点详情数据
+ * */
 export async function sendMessageEventSource(params, signal, onmessage) {
     return fetchEventSource(`${baseURL}${prefix}/assistant/conversation?token=${cache.session.getJSON('SRKJ_TOKEN_CACHE')}`, {
         method: 'POST',
@@ -134,4 +141,53 @@ export async function sendMessageEventSource(params, signal, onmessage) {
         body: JSON.stringify(params),
         onmessage,
     });
+}
+
+/**
+ * 发起聊天接口(图文多模态翻译)
+ * @param params 请求参数
+ * @param signal signal 对象
+ * @param onmessage 回调函数
+ * @returns 返回节点详情数据
+ * */
+export async function sendMessageMoreSource(params, signal, onmessage) {
+    return fetchEventSource(`${baseURL}${prefix}/assistant/qa/system-qa/stream?token=${cache.session.getJSON('SRKJ_TOKEN_CACHE')}`, {
+        method: 'POST',
+        signal: signal,
+        openWhenHidden: true,
+        headers: {
+            'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(params),
+        onmessage,
+    });
+}
+/**
+ * 自动追问
+ * @param params 请求参数
+ * @returns 返回节点详情数据
+ */
+export async function loopChatDetail(params) {
+    return request.post(`${prefix}/assistant/qa/get-session-dialog`, {
+       ...params
+    });
+}
+
+/**
+ * 获取前端上传的oss签名
+ */
+export async function getSignature(isPublic) {
+    return request.get(`${prefix}/getSignature`, { params: { isPublic: isPublic } });
+}
+
+/**
+ * 上传oss(直接上传，不通过Nginx代理)
+ * @param uploadUrl
+ * @param params
+ */
+export async function uploadAction(uploadUrl, params) {
+    return request.post(uploadUrl, params, {
+        headers: { 'Content-Type': 'multipart/form-data' },
+        timeout: 30000000,
+    });
 }

package/components/demo/plugins/Formula-show.js

@@ -0,0 +1,52 @@
+export class FormulaShow {                       // JS 语法
+    constructor(parent) {
+        this.title = '编辑' // 自定义菜单标题
+        this.tag = 'button'
+        this.parent = parent;
+    }
+    // 菜单是否需要激活（如选中加粗文本，“加粗”菜单会激活），用不到则返回 false
+    isActive(editor) {                      // JS 语法
+        return false
+    }
+    // 获取菜单执行时的 value ，用不到则返回空 字符串或 false
+    getValue(editor) {                               // JS 语法
+        return ''
+    }
+    upDataParent(parent) {
+        this.parent = parent;
+    }
+    // 菜单是否需要禁用（如选中 H1 ，“引用”菜单被禁用），用不到则返回 false
+    isDisabled(editor) {                     // JS 语法
+        return false
+    }
+    // 点击菜单时触发的函数
+    exec(editor, value) {
+        // Modal menu ，这个函数不用写，空着即可
+        const [currentValue] = editor.getFragment();
+
+        if (currentValue) {
+            this.parent.editFormula(currentValue.children[0].value);
+        } else {
+            console.log('currentValue ger error');
+        }
+
+    }
+    // 弹出框 modal 的定位：1. 返回某一个 SlateNode； 2. 返回 null （根据当前选区自动定位）
+    getModalPositionNode(editor) {                             // JS 语法
+        return null // modal 依据选区定位
+    }
+    // 定义 modal 内部的 DOM Element
+    getModalContentElem(editor) {                        // JS 语法
+        const $content = $('<div></div>')
+        const $button = $('<button>do something</button>')
+        $content.append($button)
+
+        $button.on('click', () => {
+            editor.insertText(' hello ')
+        })
+
+        return $content[0] // 返回 DOM Element 类型
+
+        // PS：也可以把 $content 缓存下来，这样不用每次重复创建、重复绑定事件，优化性能
+    }
+}

package/components/demo/src/chat-tools.vue

@@ -1,16 +1,18 @@
 <template>
     <div class="robot-tools">
-        <div class="robot-reanswer"
-             style="margin-bottom: 8px"
-             v-if="(listData.stop || listData.finish && !sending) && isLast"
-             @click="reAnswer(listData)">
-            <i class="el-icon-refresh-right"></i>
-            重新回答
-        </div>
-        <div class="stopMsg" style="color: #cfcfcf; cursor: default" v-if="listData.stop">已停止生成</div>
-        <div class="stopMsg"
-             @click="stopChat(listData)"
-             v-if="!listData.stop && !listData.finish  && !sending">停止输出</div>
+        <template v-if="activeKey === 'chat'">
+            <div class="robot-reanswer"
+                 style="margin-bottom: 8px"
+                 v-if="(listData.stop || listData.finish && !sending) && isLast"
+                 @click="reAnswer(listData)">
+                <i class="el-icon-refresh-right"></i>
+                重新回答
+            </div>
+            <div class="stopMsg" style="color: #cfcfcf; cursor: default" v-if="listData.stop">已停止生成</div>
+            <div class="stopMsg"
+                 @click="stopChat(listData)"
+                 v-if="!listData.stop && !listData.finish  && !sending">停止输出</div>
+        </template>
         <div class="right-tools">
             <el-tooltip content="赞" effect="light" placement="top">
                 <div class="tools-icon" @click="doZan(listData)">
@@ -90,6 +92,10 @@ export default {
             type: Boolean,
             default: false
         },
+        activeKey: {
+            type: String,
+            default: 'chat',
+        },
     },
     data() {
         return {

package/components/demo/src/chat-type.vue

@@ -0,0 +1,103 @@
+<template>
+    <div class="chat-tab-wrap">
+        <div class="chat-tab-button-wrap"
+             :class="{'chat-tab-button-active': activeKey === 'chat'}">
+            <div class="chat-tab-button chat-button" @click="changeType('chat')"></div>
+        </div>
+        <div class="chat-tab-button-wrap"
+             :class="{'chat-tab-button-active': activeKey === 'image'}">
+            <div class="chat-tab-button image-button" @click="changeType('image')"></div>
+        </div>
+<!--        <div class="chat-tab-button-wrap"-->
+<!--             :class="{'chat-tab-button-active': activeKey === 'translate'}">-->
+<!--            <div class="chat-tab-button translate-button" @click="changeType('translate')"></div>-->
+<!--        </div>-->
+<!--        <div class="chat-tab-button-wrap"-->
+<!--             :class="{'chat-tab-button-active': activeKey === 'multimodal'}">-->
+<!--            <div class="chat-tab-button multimodal-button" @click="changeType('multimodal')"></div>-->
+<!--        </div>-->
+    </div>
+</template>
+<script>
+export default {
+    name: 'ChatType',
+    props: {
+        stop: {
+            type: Boolean,
+            default: false
+        },
+    },
+    data() {
+        return {
+            activeKey: 'chat',
+        }
+    },
+    methods: {
+        changeType(type) {
+            if (this.stop) {
+                this.$message.warning('对话正在进行中，请稍后重试');
+                return false;
+            }
+            this.activeKey = type;
+            this.$emit('on-type-change', type);
+        }
+    }
+}
+</script>
+<style lang="scss" scoped>
+.chat-tab-wrap {
+    display: flex;
+    padding-top: 12px;
+    padding-right: 16px;
+    .chat-tab-button {
+        width: 24px;
+        height: 24px;
+        cursor: pointer;
+        display: inline-block;
+    }
+    .chat-tab-button-wrap {
+        width: 32px;
+        height: 32px;
+        border-radius: 12px;
+        background: transparent;
+        text-align: center;
+        line-height: 43px;
+        margin-right: 32px;
+    }
+    .chat-button {
+        background-image: url("../static/message.png");
+        background-size: 100%;
+    }
+    .image-button {
+        background-image: url("../static/image.png");
+        background-size: 100%;
+    }
+    .translate-button {
+        background-image: url("../static/translate.png");
+        background-size: 100%;
+    }
+    .multimodal-button {
+        background-image: url("../static/multimodal.png");
+        background-size: 100%;
+    }
+    .chat-tab-button-active {
+        background: linear-gradient(135deg, rgb(96, 160, 255) 0%, rgb(48, 96, 255) 100%);
+        .chat-button {
+            background-image: url("../static/message-active.png");
+            background-size: 100%;
+        }
+        .image-button {
+            background-image: url("../static/image-active.png");
+            background-size: 100%;
+        }
+        .translate-button {
+            background-image: url("../static/translate-active.png");
+            background-size: 100%;
+        }
+        .multimodal-button {
+            background-image: url("../static/multimodal-active.png");
+            background-size: 100%;
+        }
+    }
+}
+</style>