askbot-dragon 1.6.21-beta → 1.6.21

package/src/components/welcomeLlmCard.vue

@@ -0,0 +1,141 @@
+<template>
+    <div class="message_list-welcome-m">
+        <div class="mlwm-title" v-if="msgContent.enableTitle">{{ msgContent.title }}</div>
+        <div class="mlwm-des" v-if="msgContent.enableDescription">
+            <span class="mlwm-des-pre">{{ msgContent.description }}</span>
+        </div>
+        <div class="mlwm-msg-type" v-if="msgContent.enableRadioBtn">
+            <div
+                v-for="(item, itemIndex) in msgContent.items"
+                :key="item.id"
+                :class="['mmt-cell', 'mmt-cell-' + itemIndex]"
+                @click="clickFun(item)"
+            >
+                <div class="mmt-cell-img" v-if="msgContent.enableRadioIcon && item.icon">
+                    <img :src="item.icon" alt srcset />
+                </div>
+                <div class="mmt-cell-des">
+                    <span class="mmt-cell-des-title" v-if="msgContent.enableRadioTitle">{{item.title}}</span>
+                    <span class="mmt-cell-des-detail" v-if="msgContent.enableRadioDesc">{{item.description}}</span>
+                </div>
+            </div>
+            <div v-if="msgContent.items.length % 2 != 0" class="mmt-cell booth_elements"></div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "welcomeLlmCard",
+    props: {
+        msgContent: {
+            type: Object,
+            default () {
+                return {}
+            }
+        }
+    },
+    methods: {
+        clickFun (item) {
+            this.$emit('llmCardClickFun', item)
+        }
+    }
+};
+</script>
+
+<style scoped lang="less">
+.message_list-welcome-m {
+    .mlwm-title {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+    }
+    .mlwm-des {
+        color: #666666;
+        margin-top: 9px;
+        font-size: 14px;
+        font-weight: 500;
+        .mlwm-des-after {
+            display: flex;
+            align-items: center;
+            height: 28px;
+            line-height: 28px;
+            .mlwm-des-after-cir {
+                flex: none;
+                width: 6px;
+                height: 6px;
+                background: #366aff;
+                border-radius: 50%;
+                margin-right: 6px;
+            }
+        }
+    }
+
+    .mlwm-msg-type {
+        margin-top: 9px;
+        .mmt-cell {
+            flex: 1;
+            padding: 10px;
+            background: #f0f4ff;
+            border-radius: 8px;
+            margin: 8px 0;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            cursor: pointer;
+            .mmt-cell-img {
+                flex: none;
+                width: 46px;
+                margin-right: 8px;
+                img {
+                    height: 46px;
+                    width: 46px;
+                }
+            }
+            .mmt-cell-des {
+                flex: auto;
+                text-align: left;
+                display: flex;
+                flex-direction: column;
+                padding-right: 12px;
+                .mmt-cell-des-title {
+                    font-size: 14px;
+                    color: #000000;
+                    font-weight: 600;
+                    margin-bottom: 6px;
+                }
+                .mmt-cell-des-detail {
+                    font-size: 12px;
+                    display: flex;
+                    align-items: center;
+                    .mmt-cell-avatar {
+                        flex: none;
+                        width: 20px;
+                        margin-right: 8px;
+                        display: flex;
+                        align-items: center;
+                        img {
+                            height: 20px;
+                            width: 20px;
+                            border-radius: 50%;
+                        }
+                    }
+                    .mmt-creator-name {
+                        padding-right: 6px;
+                        border-right: 1px solid #666666;
+                        color: #666666;
+                    }
+                    .mmt-update-time {
+                        color: #666666;
+                        padding-left: 6px;
+                    }
+                }
+            }
+        }
+        .booth_elements {
+          background: #FFFFFF;
+          cursor: default !important;
+        }
+    }
+}
+</style>

package/src/components/welcomeSuggest.vue

@@ -0,0 +1,98 @@
+<template>
+    <div class="welcome_suggest">
+        <div class="title">
+            <div class="title_desc">{{ msg.content.problemRecommendationDesc }}</div>
+            <div class="title_change_batch" v-if="msg.content.page && msg.content.problemRecommendationValue.length > msg.content.pageCount" @click="changeBatch">
+                <i class="iconfont guoran-tongyichicun-huanyipi"></i>
+                <span>{{$t('dragonCommon.refresh')}}</span>
+            </div>
+        </div>
+        <div class="content">
+            <div
+                class="welcome_item"
+                v-for="(item,index) in suggestList"
+                :key="index"
+                @click="handleWelcome(item)"
+            >{{ item }}</div>
+        </div>
+        <div class></div>
+    </div>
+</template>
+<script>
+export default {
+    props: ["msg"],
+    data () {
+        return {
+            pageCount: 1,
+            suggestList: []
+        }
+    },
+    mounted () {
+        if(this.msg.content.page) {
+            this.changeBatch()
+        } else {
+            this.suggestList = this.msg.content.problemRecommendationValue
+        }
+    },
+    methods: {
+        changeBatch () {
+            let msgSuggestList = JSON.parse(JSON.stringify(this.msg.content.problemRecommendationValue))
+            this.suggestList = msgSuggestList.splice((this.pageCount - 1) * this.msg.content.pageCount, this.msg.content.pageCount)
+            if (this.pageCount == Math.ceil(this.msg.content.problemRecommendationValue.length / this.msg.content.pageCount)) {
+                this.pageCount = 1
+            } else {
+                this.pageCount = this.pageCount + 1
+            }
+        },
+        handleWelcome (item) {
+            this.$emit('handleWelcome', item)
+        }
+    }
+}
+</script>
+<style lang="less" scoped>
+.welcome_suggest {
+    width: 100%;
+    height: auto;
+    .title {
+        width: 100%;
+        height: 28px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .title_desc {
+            flex: 1 0;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+        .title_change_batch {
+            cursor: pointer;
+            color: #366aff;
+            height: 28px;
+            width: 70px;
+            display: flex;
+            align-items: center;
+            font-size: 14px;
+            i {
+                margin-right: 5px;
+            }
+        }
+    }
+    .content {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        margin-top: 8px;
+        .welcome_item {
+            padding: 3px 8px;
+            background: #EEF1FF;
+            color: #366aff;
+            margin-right: 5px;
+            margin-bottom: 5px;
+            border-radius: 28px;
+            cursor: pointer;
+        }
+    }
+}
+</style>

package/src/locales/cn.json

@@ -0,0 +1,62 @@
+{
+    "组件多语言使用说明": "在使用多语言配置文件时，需要在使用的项目中添加对应的配置，默认都配置在dragonCommon字段中，也可以看看有没有其他方式",
+    "dragonCommon": {
+        "download": "下载",
+        "smartSummary": "智能摘要",
+        "chat": "聊一聊",
+        "viewDetails": "查看详情",
+        "folderName": "文件夹名称",
+        "loading": "加载中...",
+        "Safaridownload": "下载地址已复制，请前往Safari浏览器访问下载",
+        "reduce": "缩小",
+        "zoom": "放大",
+        "selectScale": "请选择",
+        "previous": "上一段",
+        "next": "下一段",
+        "answersGeneratedByPre": "答案由",
+        "answersGeneratedByAfter": "段内容生成",
+        "scaleAuto": "自动缩放",
+        "scaleReality": "实际比例",
+        "firstParagraph": "当前已经是第一段了",
+        "lastParagraph": "当前已经是最后一段了",
+        "fileloadException": "文件加载异常",
+        "regenerate": "重新生成",
+        "generating": "生成中",
+        "close": "关闭",
+        "summaryGeneratedByAI": "AI为您总结生成了以下摘要",
+        "viewMore": "查看更多",
+        "from": "出自",
+        "viewOriginal": "查看原文",
+        "lastUpdateTime": "最后更新时间",
+        "owner": "所有者",
+        "enterprise": "所属企业",
+        "source": "文件来源",
+        "folder": "文件夹",
+        "personalknowledge": "个人知识",
+        "enterpriseknowledge": "企业知识",
+        "satisfaction": "满意",
+        "unsatisfied": "不满意",
+        "refresh": "换一批",
+        "AIrecommends": "AI为您推荐以下内容",
+        "youareconsulting": "您正在咨询",
+        "description": "描述",
+        "location": "位置",
+        "user": "使用者",
+        "department": "部门",
+        "manager": "管理者",
+        "uploadImgFile": "上传图片或附件",
+        "cancel": "取消",
+        "confirm": "确定",
+        "noMore": "没有更多了",
+        "establishConversationWith": "与",
+        "you": "您",
+        "bot": "机器人",
+        "transferTo": "您将会话转接给",
+        "transferFrom": "将会话转接给您",
+        "imService": "IM人工",
+        "botService": "机器人",
+        "willServeYou": "将为您服务",
+        "check": "查看",
+        "clickme": "点我"
+    }
+}

package/src/locales/en.json

@@ -0,0 +1,62 @@
+{
+    "组件多语言使用说明": "在使用多语言配置文件时，需要在使用的项目中添加对应的配置，默认都配置在dragonCommon字段中，也可以看看有没有其他方式",
+    "dragonCommon": {
+        "download": "Download",
+        "smartSummary": "Smart Summary",
+        "chat": "Chat",
+        "viewDetails": "View Details",
+        "folderName": "Folder Name",
+        "loading": "Loading...",
+        "Safaridownload": "The download address has been copied, please go to Safari to access the download",
+        "reduce": "Reduce",
+        "zoom": "Zoom",
+        "selectScale": "Select Scale",
+        "previous": "Previous",
+        "next": "Next",
+        "answersGeneratedByPre": "Answers generated by ",
+        "answersGeneratedByAfter": " segments of content",
+        "scaleAuto": "Auto",
+        "scaleReality": "Reality",
+        "firstParagraph": "It's already the first paragraph",
+        "lastParagraph": "It's already the last paragraph",
+        "fileloadException": "File load exception",
+        "regenerate": "Regenerate",
+        "generating": "Generating",
+        "close": "Close",
+        "summaryGeneratedByAI": "AI has generated the following summary for you",
+        "viewMore": "View More",
+        "from": "From",
+        "viewOriginal": "View Original",
+        "lastUpdateTime": "Last Update Time",
+        "owner": "Owner",
+        "enterprise": "Enterprise",
+        "source": "Source",
+        "folder": "Folder",
+        "personalknowledge": "Personal Knowledge",
+        "enterpriseknowledge": "Enterprise Knowledge",
+        "satisfaction": "Satisfaction",
+        "unsatisfied": "Unsatisfied",
+        "refresh": "Refresh",
+        "AIrecommends": "AI recommends the following for you",
+        "youareconsulting": "You are consulting",
+        "description": "Description",
+        "location": "Location",
+        "user": "User",
+        "department": "Department",
+        "manager": "Manager",
+        "uploadImgFile": "Upload",
+        "cancel": "Cancel",
+        "confirm": "Confirm",
+        "noMore": "No more",
+        "establishConversationWith": "Establish conversation with",
+        "you": "You",
+        "bot": "Bot",
+        "transferTo": "You will transfer the conversation to",
+        "transferFrom": "will transfer the conversation to you",
+        "imService": "IM agent",
+        "botService": "Bot",
+        "willServeYou": "will serve you",
+        "check": "Check",
+        "clickme": "Click me"
+    }
+}

package/src/main.js

@@ -10,9 +10,6 @@ import 'video.js/dist/video-js.css'
 import Vant from 'vant';
 import 'vant/lib/index.css';
 
-import CKEditor from '@ckeditor/ckeditor5-vue2';
-Vue.use(CKEditor);
-
 /*import VConsole from 'vconsole'
 const vConsole = new VConsole();
 Vue.use(vConsole);*/
@@ -50,11 +47,30 @@ Viewer.setDefaults({
   Options: { "inline": true, "button": true, "navbar": true, "title": true, "toolbar": true, "tooltip": true, "movable": true, "zoomable": true, "rotatable": true, "scalable": true, "transition": true, "fullscreen": true, "keyboard": true, "url": "data-source" }
 })
 
+import VueI18n from 'vue-i18n'; //多语言
+
+// 导入多语言的 JSON 文件
+import enLocale from './locales/en.json';
+import cnLocale from './locales/cn.json';
+
+Vue.use(VueI18n);
 
+console.log("askbot-dragon: systemLanguage", sessionStorage.getItem("systemLanguage"));
+
+// 创建 VueI18n 实例，并设置默认语言和多语言内容
+const i18n = new VueI18n({
+    locale: sessionStorage.getItem("systemLanguage") || 'cn', // 默认语言
+    messages: {
+        en: enLocale, // 英文
+        cn: cnLocale, // 中文
+        // 其他语言...
+    }
+});
 
 Vue.prototype.requestUrl = requestUrl;
 Vue.prototype.utils = utils;
 
 new Vue({
   render: h => h(App),
+  i18n
 }).$mount('#app')

package/vue.config.js

@@ -49,7 +49,6 @@ module.exports = {
             // 不去 node_modules 中找，而是去找 全局变量 ELEMENT
             // 'element-ui': 'ELEMENT',
             // 'vant': 'Vant',
-            'ckeditor': 'ClassicEditor',
         },
     },
 

package/src/assets/js/obsBrowser.js

@@ -1,63 +0,0 @@
-// 创建ObsClient实例
-import ObsClient from 'esdk-obs-browserjs';
-const obsClient = new ObsClient({
-    access_key_id: "EE4MAFWH4YLQSQF7NNIP",
-    secret_access_key: "Dq9giqqwZoX77dqSIzhA1Yhhe9tarA3LRBGBF4eO",
-    server : 'https://obs.cn-east-3.myhuaweicloud.com',
-    timeout : 1000
-});
-let mainId = sessionStorage.getItem('_mainId') ? sessionStorage.getItem('_mainId') : "";
-let IDX = 256, HEX = [], SIZE = 256, BUFFER;
-while (IDX--) HEX[IDX] = (IDX + 256).toString(16).substring(1);
-function uid(len) {
-    let i = 0, tmp = (len || 11);
-    if (!BUFFER || ((IDX + tmp) > SIZE * 2)) {
-        for (BUFFER = '', IDX = 0; i < SIZE; i++) {
-            BUFFER += HEX[Math.random() * 256 | 0];
-        }
-    }
-
-    return BUFFER.substring(IDX, IDX++ + tmp);
-}
-
-function dataFormat(fmt, date = new Date()) {
-    const o = {
-        "M+": date.getMonth() + 1, //月份
-        "d+": date.getDate(), //日
-        "h+": date.getHours(), //小时
-        "m+": date.getMinutes(), //分
-        "s+": date.getSeconds(), //秒
-        "q+": Math.floor((date.getMonth() + 3) / 3), //季度
-        "S": date.getMilliseconds() //毫秒
-    };
-    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
-    for (const k in o)
-        if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
-    return fmt;
-}
-async function putObject(file,callback){
-    let fileUrl = ''
-    let objName = (process.env.VUE_APP_ENV === 'development' ? 'dev_' : 'pro_') + file.name;
-    let fileName = "front-oss/" + mainId + '/' + dataFormat("yyyy/MM/dd/hh/mm/") + uid(32) + "/" + objName;
-    await obsClient.putObject({
-        Bucket: 'askbot-uat',
-        Key : fileName,
-        SourceFile : file,
-        ACL : obsClient.enums.AclPublicRead,
-        ProgressCallback: callback
-    }).then(function(result) {
-        if(result.CommonMsg.Status < 300){
-            console.log('Create object:' + JSON.stringify(result) + ' successfully!\n',process.env.VUE_APP_ENV);
-            let domain = process.env.VUE_APP_ENV ==='development' ? 'https://askbot-uat.obs.cn-east-3.myhuaweicloud.com/' : ''
-            fileUrl = {
-                url: domain + fileName,
-                name:file.name
-            }
-        }
-    });
-    return fileUrl
-}
-
-export {
-    putObject
-}

package/src/components/utils/ckeditorImageUpload/command.js

@@ -1,112 +0,0 @@
-import Command from "@ckeditor/ckeditor5-core/src/command";
-import { multipartUpload, ossFileUrl } from "../AliyunIssUtil";
-import { putObject } from "../../../assets/js/obsBrowser";
-const ossConfig = {
-    region: "oss-cn-zhangjiakou",
-    //云账号AccessKey有所有API访问权限，建议遵循阿里云安全最佳实践，创建并使用STS方式来进行API访问
-    accessKeyId: "LTAI4G3QtdEdwkEbihBngAsK",
-    accessKeySecret: "OwgdVfc5PeCkIgqIdug660xmiSPchn",
-    // stsToken: '<Your securityToken(STS)>',
-    bucket: "guoranopen-zjk",
-}
-export default class ImageCommand extends Command {
-    refresh() {
-        this.isEnabled = true;
-    }
-    execute(file) {
-        if (file){
-            this.forEachFiles(file.file)
-            return
-        }
-        var inputObj = document.createElement('input')
-        inputObj.setAttribute('id', '_ef');
-        inputObj.setAttribute('type', 'file');
-        inputObj.setAttribute('accept','image/jpeg,image/png,image/gif,image/bmp,image/webp,image/tiff')
-        inputObj.setAttribute("style", 'visibility:hidden');
-        document.body.appendChild(inputObj);
-        inputObj.click();
-        inputObj.onchange = () => {
-            // 循环上传文件
-            let files = inputObj.files;
-            for (let index = 0; index < files.length; index++) {
-                const filed = files[index];
-                let command = this.editor.commands.get("insertAskComponent");
-                    command.execute({
-                        tag: "span-editable",
-                        options: {
-                            name: filed.name + '正在上传...',
-                            data: index,
-                            editable:false,
-                            type:'upload'
-                        },
-                })
-                this.upload(filed).then(res =>{
-                    // let command = this.editor.commands.get("insertAskComponent");
-                    command.execute({
-                        tag: "img",
-                        options: {
-                            width:'100%',
-                            alt: filed.name + index,
-                            src: res.default
-                        },
-                    });
-                })
-            }
-        }
-    }
-    forEachFiles(files){
-        for (let index = 0; index < files.length; index++) {
-            const filed = files[index];
-            let command = this.editor.commands.get("insertAskComponent");
-            command.execute({
-                tag: "span-editable",
-                options: {
-                    name: filed.name + '正在上传...',
-                    data: index,
-                    editable: false,
-                    type: 'upload'
-                },
-            })
-            this.upload(filed).then(res => {
-                // let command = this.editor.commands.get("insertAskComponent");
-                command.execute({
-                    tag: "img",
-                    options: {
-                        width: '100%',
-                        alt: filed.name + index,
-                        src: res.default
-                    },
-                });
-            })
-        }
-    }
-    upload(file) {
-        return new Promise((resolve) => {
-            /* this._initRequest();
-             this._initListeners( resolve, reject, file );
-             this._sendRequest( file );*/
-            this.uploadFile(file, resolve)
-        })
-    }
-    uploadFile(file, resolve) {
-        let imgInfo = {
-            url: '',
-        }
-        // let res = multipartUpload(
-        //     ossConfig,
-        //     file,
-        //     null,
-        //     imgInfo
-        // );
-        let res = putObject(file)
-        console.log(res,'resprespresp');
-        res.then(resp => {
-            imgInfo.url = resp.url;
-            console.log(resp,'resprespresp');
-            console.log(imgInfo)
-            resolve({
-                default: imgInfo.url
-            })
-        })
-    }
-}

package/src/components/utils/ckeditorImageUpload/editing.js

@@ -1,12 +0,0 @@
-import Plugin from "@ckeditor/ckeditor5-core/src/plugin";
-import ImageCommand from "./command";
-export default class MyimageUpload extends Plugin {
-  static get pluginName() {
-    return "imageUpload";
-  }
-  init() {
-    const editor = this.editor;
-    // 注册一个 BoldCommand 命令
-    editor.commands.add('imageUpload', new ImageCommand(editor));
-  }
-}

package/src/components/utils/ckeditorImageUpload/plugin-image.js

@@ -1,12 +0,0 @@
-import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
-import ToolbarUI from './toolbar-ui'
-import ImageUpload from './editing'
-
-export default class MyimageUpload extends Plugin {
-  static get requires() {
-    return [ImageUpload, ToolbarUI];
-  }
-  static get pluginName() {
-    return 'MyimageUpload';
-  }
-}

package/src/components/utils/ckeditorImageUpload/toolbar-ui.js

@@ -1,41 +0,0 @@
-/* eslint-disable */
-import Plugin from "@ckeditor/ckeditor5-core/src/plugin";
-import ButtonView from "@ckeditor/ckeditor5-ui/src/button/buttonview";
-// import aoteman from "@ckeditor/ckeditor5-basic-styles/theme/icons/bold.svg";
-
-// console.log(aoteman.replace('/',''));
-export default class BoldToolbarUI extends Plugin {
-  init() {
-    this._createToolbarButton();
-  }
-
-  _createToolbarButton() {
-    const editor = this.editor;
-    const command = editor.commands.get('imageUpload');
-    editor.ui.componentFactory.add('MyimageUpload', (locale) => {
-      const view = new ButtonView(locale);
-      view.set({
-        label: '上传图片',
-        tooltip: true,
-        withText: true, // 在按钮上展示 label
-        // icon:`<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-        // viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
-        // <path d="M182,4.2H18c-9.9,0-18,8-18,18l0,0v156c0.2,9.7,8.3,17.5,18,17.5h164c9.7,0,17.8-7.8,18-17.5v-156C200,12.3,192,4.2,182,4.2
-        // z M152.5,101.2c-3.1-2.3-7.5-2.3-10.6,0l-31.1,26.1L67.9,58.5c-3.4-3.7-8.9-3.9-12.6-0.6c-0.2,0.2-0.3,0.3-0.6,0.6L18,99.3V22.2h164
-        // v91.3L152.5,101.2z" fill="#333333"/>
-        // <path d="M145.8,38.3c-14,0-25.3,11.3-25.3,25.3s11.3,25.3,25.3,25.3s25.3-11.3,25.3-25.3l0,0C171.1,49.6,159.7,38.3,145.8,38.3z
-        // M145.8,70.3c-4,0-7.3-3.2-7.3-7.3s3.2-7.3,7.3-7.3s7.3,3.2,7.3,7.3c0.2,4-2.8,7.4-6.8,7.6c-0.1,0-0.3,0-0.4,0V70.3z" fill="#333333"/>
-        // </svg>`,
-        class:'icon'
-      });
-
-      // console.log(Template);
-      //  将按钮的状态关联到命令对应值上
-      view.bind("isOn", "isEnabled").to(command, "value", "isEnabled");
-      // 点击按钮时触发相应命令
-      this.listenTo(view, "execute", () => editor.execute('imageUpload'));
-      return view;
-
-    })
-  }
-}