askbot-dragon 1.6.78-beta → 1.6.78

package/src/components/imgView.vue

@@ -0,0 +1,32 @@
+<template>
+    <div>
+        <el-image-viewer :zIndex="999999" :on-close="closeViewer" :url-list="urlList" />
+    </div>
+</template>
+
+<script>
+import ElementUI from 'element-ui';
+// import ElImageViewer from ElementUI.Image.components.ImageViewer;
+
+export default {
+    name: "imgView",
+    components: {
+        ElImageViewer: ElementUI.Image.components.ImageViewer
+    },
+    data () {
+        return {};
+    },
+    props: ["urlList"],
+    methods: {
+        closeViewer () {
+            // 关闭组件后从父级dom销毁这个挂载
+            if (this.$el.parentNode) {
+                this.$el.parentNode.removeChild(this.$el);
+            }
+            this.$emit("closeViewer");
+        },
+    },
+};
+</script>
+
+<style scoped></style>

package/src/components/intelligentSummary.vue

@@ -3,21 +3,23 @@
     <div class="summaryHeader">
       <div class="left">
         <i class="iconfont guoran-tongyichicun-write-29-jiqiren"></i>
-        <span>智能摘要</span>
+        <span>{{ $t('dragonCommon.smartSummary') }}</span>
       </div>
       <div class="right">
         <div class="regenerationBtn" @click="regeneration">
-          <template v-if="!isLoading">重新生成</template>
+          <template v-if="!isLoading">
+            {{ $t('dragonCommon.regenerate') }}
+          </template>
           <template v-else>
             <img
-                height="20px"
-                width="20px"
-                src="https://static.guoranbot.com/loading.gif"
-                alt
-                srcset
-                style="margin-right: 6px"
+              height="20px"
+              width="20px"
+              src="../assets/image/loading.gif"
+              alt
+              srcset
+              style="margin-right: 6px"
             />
-            <span>生成中</span>
+            <span>{{ $t('dragonCommon.generating') }}</span>
           </template>
         </div>
         <i class="iconfont guoran-tongyichicun-shouqi" @click="closeSummary"></i>
@@ -28,9 +30,9 @@
     </div>
     <div class="intelligentBottom" v-if="recommendQuestions.length > 0">
       <div class="intelligentQues"
-          v-for="(item,index) in recommendQuestions"
-          :key="index"
-          @click="recommendQues(item)"
+           v-for="(item, index) in recommendQuestions"
+           :key="index"
+           @click="recommendQues(item)"
       >
         {{ item }}
       </div>
@@ -129,16 +131,19 @@ export default {
     },
   },
   mounted() {
+    this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
     this.getKnowledgeSummary();
   }
 };
 </script>
 
 <style scoped lang="less">
+@import "../assets/less/variables.less";
+
 .intelligentSummary{
   background-color: #ffffff;
   border-radius: 20px;
-  border: 1px solid #366AFF;
+  border: 1px solid @border-color-primary;
   margin-bottom: 20px;
   .summaryHeader{
     display: flex;
@@ -149,7 +154,7 @@ export default {
     .left{
       //display: flex;
       //align-items: center;
-      color: #366aff;
+      color: @font-primary-accent-color;
       i{
         padding-right: 6px;
       }
@@ -157,12 +162,12 @@ export default {
     .right{
       display: flex;
       align-items: center;
-      color: #366aff;
+      color: @font-primary-accent-color;
       .regenerationBtn{
         height: 26px;
         background: #E9EFFF;
         border-radius: 12px;
-        color: #366AFF;
+        color: @font-primary-accent-color;
         display: flex;
         align-items: center;
         justify-content: center;
@@ -184,7 +189,7 @@ export default {
     text-align: left;
   }
   .intelligentBottom{
-    background: #F9FAFD;
+    background: @background-color-list-r2;
     padding: 0 20px;
     border-bottom-left-radius: 20px;
     border-bottom-right-radius: 20px;
@@ -197,8 +202,8 @@ export default {
       align-items: center;
       justify-content: center;
       padding: 0 8px;
-      background: #E5EBFF;
-      color: #366AFF;
+      background: @background-color-example;
+      color: @font-primary-accent-color;
       border-radius: 10px;
       margin-right: 5px;
       margin-top: 5px;

package/src/components/interruptComponents/imageSelectionAnswer.vue

@@ -0,0 +1,203 @@
+<template>
+  <div class="imageSelectionAnswer">
+    <div class="imageSelectionText" v-if="msg.content.prompt">
+      {{msg.content.prompt}}
+    </div>
+    <div class="imageList">
+      <div class="imageItem"
+           v-for="(item,index) in msg.content.options"
+           :key="index"
+           :class="disabled || isDisabled ? 'disabledItem' : ''"
+      >
+        <el-image
+            style="width: 120px!important; height: 120px!important;"
+            :src="item.url"
+            @click="onImageClick(item.url)"
+            fit="cover">
+          <template #placeholder>
+            <div class="custom-loading">
+              <i class="el-icon-loading"></i>
+            </div>
+          </template>
+          <template #error>
+            <div class="custom-error">
+              <i class="el-icon-picture-outline"></i>
+            </div>
+          </template>
+        </el-image>
+        <div class="checkIcon"
+             :class="checkImage && checkImage.url === item.url ? 'activeCheckIcon' : 'noCheckIcon'"
+             @click="selectImage(item)"
+        >
+          <div class="centerIcon" v-if="checkImage && checkImage.url === item.url">
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="answerButton" v-if="msg.content.handleSettings && msg.content.handleSettings.length > 0" :class="disabled || isDisabled || !checkImage ? 'disabledButton' : ''">
+      <div class="buttonText"
+           v-for="(item,index) in msg.content.handleSettings"
+           :key="index"
+           @click="imageSelectionConfirm(item)"
+      >
+        {{ item }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "imageSelectionAnswer",
+  data(){
+    return{
+      checkImage:"",
+      isDisabled:false
+    }
+  },
+  props:{
+    answer:{
+      type:Object,
+      default(){
+        return{}
+      }
+    },
+    disabled:{
+      type:Boolean,
+      default:false
+    },
+    msg:{
+      type:Object,
+      default(){
+        return{}
+      }
+    },
+  },
+  methods:{
+    previewList(options){
+      let arr = [];
+      arr = options.map(item => item.url)
+      return arr
+    },
+    selectImage(item){
+      if (this.disabled || this.isDisabled){
+        return
+      }
+      this.checkImage = item;
+    },
+    imageSelectionConfirm(item){
+      if (this.disabled || this.isDisabled || !this.checkImage){
+        return
+      }
+      this.isDisabled = true;
+      this.$emit('imageSelectionConfirm',item,this.checkImage,this.msg)
+    },
+    onImageClick(url){
+      this.$emit('onImageClick',url)
+    },
+  }
+};
+</script>
+
+<style scoped lang="less">
+@import "../../assets/less/variables.less";
+
+.imageSelectionAnswer{
+  .imageSelectionText{
+    padding-bottom: 10px;
+  }
+  .imageList{
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    flex-wrap: wrap;
+    background-color: @background-color-light;
+    .imageItem{
+      position: relative;
+      margin-right: 10px;
+      margin-bottom: 5px;
+      margin-top: 5px;
+      .checkIcon{
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 15px;
+        height: 15px;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex: none;
+      }
+      .activeCheckIcon{
+        background: @primary-color;
+        border: 1px solid @primary-color;
+        .centerIcon{
+          width: 6px;
+          height: 6px;
+          background: @background-color-light;
+          border-radius: 50%;
+          flex: none;
+        }
+      }
+      .noCheckIcon{
+        background: @background-color-light;
+        border: 1px solid @border-color-r6;
+      }
+    }
+  }
+  .answerButton{
+    padding-top: 10px;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-top: 1px solid @border-color-r6;
+    .buttonText{
+      padding: 0 4px;
+      cursor: pointer;
+      color: @font-primary-accent-color;
+    }
+  }
+  .disabledItem{
+    .checkIcon{
+      background-color: @background-color-asset-text-r2 !important;
+    }
+    .centerIcon{
+      background: @primary-color!important;
+    }
+  }
+  .custom-loading,
+  .custom-error {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: @background-color-custom;
+  }
+
+  .custom-loading {
+    color: @font-primary-accent-color;
+  }
+
+  .custom-error {
+    color: red;
+  }
+
+  .el-icon-loading {
+    font-size: 24px;
+    animation: rotating 2s linear infinite;
+  }
+
+  @keyframes rotating {
+    from { transform: rotate(0deg); }
+    to { transform: rotate(360deg); }
+  }
+}
+.disabledButton{
+  .buttonText{
+    color: @font-disable-color !important;
+  }
+}
+</style>

package/src/components/interruptComponents/multipleChoiceAnswer.vue

@@ -0,0 +1,134 @@
+<template>
+  <div class="multipleChoiceAnswer">
+    <div class="multipleText" v-if="msg.content.prompt">
+      {{msg.content.prompt}}
+    </div>
+    <div class="multipleList" :class="msg.content.options && msg.content.options.length == 0 ? 'disabledMultiple' : ''">
+      <el-checkbox-group v-model="checkList">
+        <el-checkbox
+            :label="item._metadata.id"
+            v-for="item in msg.content.options"
+            :key="item._metadata.id"
+            :disabled="disabled || isDisabled"
+        >
+          <el-image
+              style="width: 32px!important; height: 32px!important;margin-right: 4px;flex: none"
+              :src="item.url"
+              v-if="item.url"
+              @click.stop="onImageClick(item.url)"
+              fit="cover"></el-image>
+          {{ item.text }}
+        </el-checkbox>
+      </el-checkbox-group>
+    </div>
+    <div class="answerButton" v-if="msg.content.handleSettings && msg.content.handleSettings.length > 0" :class="disabled || isDisabled || checkList.length === 0 ? 'disabledButton' : ''">
+      <div class="buttonText"
+           v-for="(item,index) in msg.content.handleSettings"
+           :key="index"
+           @click="multipleChoiceConfirm(item)"
+      >
+        {{ item }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "multipleChoiceAnswer",
+  data(){
+    return{
+      checkList:[],
+      isDisabled:false
+    }
+  },
+  props:{
+    disabled:{
+      type:Boolean,
+      default:false
+    },
+    msg:{
+      type:Object,
+      default(){
+        return{}
+      }
+    },
+  },
+  methods:{
+    previewList(options){
+      let arr = [];
+      arr = options.map(item => item.url)
+      return arr
+    },
+    multipleChoiceConfirm(item){
+      if (this.disabled || this.isDisabled || this.checkList.length === 0){
+        return
+      }
+      this.isDisabled = true;
+      this.$emit('multipleChoiceConfirm',item,this.checkList,this.msg)
+    },
+    onImageClick(url){
+      this.$emit('onImageClick',url)
+    },
+  }
+};
+</script>
+
+<style scoped lang="less">
+@import "../../assets/less/variables.less";
+
+.multipleChoiceAnswer{
+  .multipleText{
+    //margin-bottom: 10px;
+  }
+  .multipleList{
+    display: flex;
+    justify-items: flex-start;
+    padding: 8px 0;
+    background-color: @background-color-light;
+    /deep/.el-checkbox-group{
+      //display: flex;
+      //align-items: center;
+      //flex-direction: column;
+      .el-checkbox{
+        margin-right: 0!important;
+        margin-bottom: 10px;
+        display: flex;
+        align-items: center;
+        .el-checkbox__label{
+          display: flex;
+          align-items: center;
+          color: @font-primary-color;
+          white-space: pre-line;
+        }
+      }
+    }
+  }
+  .answerButton{
+    padding-top: 10px;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-top: 1px solid @border-color-r3;
+    .buttonText{
+      padding: 0 4px;
+      cursor: pointer;
+      color: @primary-color;
+    }
+  }
+}
+.disabledMultiple{
+  /deep/.el-checkbox__input{
+    display: none;
+  }
+  /deep/.el-checkbox__label{
+    padding-left: 0;
+  }
+}
+.disabledButton{
+  .buttonText{
+    color: @font-disable-color !important;
+  }
+}
+</style>

package/src/components/interruptComponents/singleChoiceAnswer.vue

@@ -0,0 +1,82 @@
+<template>
+  <div class="singleChoiceAnswer">
+    <div class="singleChoiceText" v-if="msg.content.prompt">
+      {{msg.content.prompt}}
+    </div>
+    <div class="optionsList" :class="isDisabled || disabled ? 'disabledOption' : ''">
+      <div
+          v-for="(option, index) in msg.content.options"
+          class="optionsItem"
+          :key="index"
+          @click="handleClick(option)"
+      >
+        <span> {{ option.text }}</span>
+        <i class="arsenal_icon arsenalangle-right-solid"></i>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "singleChoiceAnswer",
+  data(){
+    return{
+      isDisabled:false
+    }
+  },
+  props:{
+    msg:{
+      type:Object,
+      default(){
+        return{}
+      }
+    },
+    disabled:{
+      type:Boolean,
+      default:false
+    }
+  },
+  methods:{
+    handleClick(item){
+      if (this.disabled || this.isDisabled){
+        return
+      }
+      this.isDisabled = true;
+      this.$emit('singleChoice',item,this.msg)
+    }
+  }
+};
+</script>
+
+<style scoped lang="less">
+@import "../../assets/less/variables.less";
+.singleChoiceAnswer{
+
+  .singleChoiceText{
+    //padding-bottom: 10px;
+  }
+  .optionsList {
+    padding-top: 4px;
+
+    .optionsItem {
+      line-height: 25px;
+      background-color: @background-content-color;
+      color: @primary-color;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 8px 0;
+      i {
+        padding-left: 10px;
+      }
+    }
+  }
+  .disabledOption{
+    .optionsItem{
+      color: @font-disable-color !important;
+    }
+  }
+}
+</style>

package/src/components/kkview.vue

@@ -774,16 +774,6 @@ export default {
             // Math.hypot()计算参数的平方根
             return Math.hypot(stop.x - start.x, stop.y - start.y);
         },
-        setupCanvas (canvas, width, height) {
-            const dpr = 1;
-            // const rect = canvas.getBoundingClientRect();
-            canvas.width = width
-            canvas.height = height
-            const ctx = canvas.getContext('2d');
-            console.log(canvas.width, canvas.height, dpr, this.scale);
-            ctx?.scale(dpr, dpr);
-            return ctx;
-        },
         changeScale (value) {
             if (value == 'zoom') {
                 this.handScale = 'auto'
@@ -913,11 +903,13 @@ export default {
 </script>
 
 <style lang="less" scoped>
+@import "../assets/less/variables.less";
+
 .pdf_view {
     width: 100%;
     height: calc(100% - 110px);
     overflow: auto;
-    background-color: #f5f7fb;
+    background-color: @background-content-color;
     // margin-bottom: 60px;
     box-sizing: border-box;
 
@@ -960,7 +952,7 @@ export default {
         bottom: 0px;
         left: 0;
         z-index: 999;
-        background: #ffffff;
+        background: @background-color-light;
 
         .prev,
         .next {
@@ -974,13 +966,13 @@ export default {
         }
 
         .prev {
-            background: #F2F5FA;
-            color: #000;
+            background: @background-color-prev;
+            color: @font-primary-color;
         }
 
         .next {
-            background: #366aff;
-            color: #ffffff;
+            background: @primary-color;
+            color: @font-primary-light-color;
         }
     }
 
@@ -998,7 +990,7 @@ export default {
         align-items: center;
         justify-content: center;
         height: 50px;
-        background-color: white;
+        background-color: @background-color-light;
         box-shadow: 0px 0px 18px 0px rgba(29, 55, 129, 0.07);
         border-radius: 5px;
         z-index: 1000;
@@ -1008,21 +1000,21 @@ export default {
         }
 
         /deep/.el-pager {
-            background: #EDF0F6;
+            background: @background-color-pagination;
             border-radius: 15px;
         }
 
         /deep/.el-pagination.is-background .btn-next {
             width: 30px;
             height: 30px;
-            background: #EDF0F6;
+            background: @background-color-pagination;
             border-radius: 50%;
         }
 
         /deep/.el-pagination .btn-next {
             width: 30px;
             height: 30px;
-            background: #EDF0F6;
+            background: @background-color-pagination;
             border-radius: 50%;
             padding-left: 0;
             margin-left: 5px;
@@ -1031,7 +1023,7 @@ export default {
         /deep/.el-pagination .btn-prev {
             width: 30px;
             height: 30px;
-            background: #EDF0F6;
+            background: @background-color-pagination;
             border-radius: 50%;
             padding-right: 0;
             margin-right: 5px;
@@ -1043,12 +1035,12 @@ export default {
         }
 
         /deep/.el-pager li {
-            background: #EDF0F6;
+            background: @background-color-pagination;
             height: 30px;
             min-width: 30px;
             line-height: 30px;
             font-size: 12px;
-            color: #717b90;
+            color: @font-pagination-color;
         }
 
         /deep/.el-pager li:first-child {
@@ -1065,15 +1057,15 @@ export default {
             width: 30px;
             height: 30px;
             min-width: 30px;
-            background: #366AFF;
-            border: 3px solid #A1B9FF;
+            background: @font-primary-accent-color;
+            border: 3px solid @border-color-copy;
             border-radius: 50%;
             line-height: 24px;
-            color: white;
+            color: @background-color-light;
         }
 
         /deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
-            background: #366AFF;
+            background: @primary-color;
         }
     }
 
@@ -1083,7 +1075,7 @@ export default {
         position: absolute;
         top: 50px;
         left: 0;
-        background: #ffffff;
+        background: @background-color-light;
         display: flex;
         align-items: center;
         padding: 0 10px;