askbot-dragon 1.6.21-beta → 1.6.21

package/src/components/MyEditor.vue

@@ -0,0 +1,342 @@
+<template>
+    <div class="my_editor">
+        <div class="editor_head" v-if="havToolbar">
+            <button class="button" @click="handleUpdate">
+                <svg
+                    t="1703581982515"
+                    class="icon"
+                    viewBox="0 0 1024 1024"
+                    version="1.1"
+                    xmlns="http://www.w3.org/2000/svg"
+                    p-id="74840"
+                    width="200"
+                    height="200"
+                >
+                    <path
+                        d="M566.839921 866.857572V983.050833c0 22.522042-7.677969 33.271198-29.688146 37.877979-18.427125 4.094917-37.366115 3.583052-55.281375-2.047458-17.403396-5.63051-24.057636-15.867802-24.057636-33.271198v-410.003534c0-7.166104-1.535594-9.213563-9.213562-9.213562-80.36274 0.511865-330.152658 0-410.515399 0-19.450854 0-29.688146-7.166104-34.294927-26.105094-5.118646-19.450854-5.118646-39.925438 0.511865-58.864427 5.118646-16.891531 15.355938-23.545771 32.759333-23.545771h412.562857c7.166104 0 8.189833-1.535594 8.189833-8.189834V41.219994c0-25.081365 7.166104-34.806792 32.247469-38.901708 18.93899-3.583052 38.389844-3.583052 56.305105 4.094917 13.820344 5.63051 20.474583 15.867802 20.474583 30.711875v412.562856c0 6.65424 1.535594 8.189833 8.189833 8.189834h406.932346c23.545771 0 33.783063 7.677969 38.901709 30.711875 4.094917 18.427125 4.094917 37.366115-2.047458 55.281375-5.118646 16.379667-15.355938 23.033906-32.247469 23.033907h-410.515398c-7.166104 0-10.237292 1.023729-9.725428 9.725427 0.511865 40.437302 0.511865 249.789918 0.511865 290.22722z"
+                        p-id="74841"
+                    />
+                </svg>
+                {{$t('dragonCommon.uploadImgFile')}}
+            </button>
+        </div>
+        <div
+            class="editor_content"
+            id="my_editor_content"
+            v-html="text"
+            contenteditable
+            ref="editorContent"
+            @focus="ischecked = true"
+            @blur="blurFn"
+            @input="changeInput"
+            :data-placeholder="placeholder"
+        ></div>
+    </div>
+</template>
+
+<script>
+import { v4 as uuidv4 } from "uuid";
+import { multipartUpload, ossFileUrl } from "./utils/AliyunIssUtil";
+
+export default {
+    props: ["value", "placeholder", "havToolbar"],
+    data () {
+        return {
+            ischecked: false,
+            text: ''
+        }
+    },
+    watch: {
+        value: {
+            handler () {
+                // 解决光标跳动BUG
+                if (!this.ischecked) {
+                    this.text = this.value
+                }
+            },
+            deep: true,
+            immediate: true
+        }
+    },
+    methods: {
+        blurFn (e) {
+            this.ischecked = false
+            this.text = this.value
+            e.view.blur()
+        },
+        changeInput (e) {
+            this.$emit("input", e.target.innerHTML)
+        },
+        handleUpdate () {
+            let inputObj = document.createElement('input')
+            inputObj.setAttribute('id', '_ef');
+            inputObj.setAttribute('type', 'file');
+            inputObj.setAttribute('accept', '*')
+            inputObj.setAttribute('multiple', true)
+            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 file = files[index];
+                    let uid = uuidv4()
+                    // let command = this.editor.commands.get("insertAskComponent");
+                    // const listeners = this.editor.config.get('askPluginListener');
+                    // let beforeButtonInsert = findListener(listeners, "UPLOAD");
+                    if (file.type.includes('image')) {
+                        // if (this.editor.uploadImg) {
+                        //     this.editor.uploadImg.push(uid)
+                        // } else {
+                        //     this.editor.uploadImg = []
+                        //     this.editor.uploadImg.push(uid)
+                        // }
+                        this.imgUploadCallback(file, uid, index)
+                    } else {
+                        this.fileUploadCallback(file, uid)
+                    }
+                }
+            }
+        },
+        appenNode (type, uid, value) {
+            let node = document.createElement(type)
+            node.setAttribute("uid", uid)
+            if (type == 'img') {
+                node.setAttribute("src", value)
+                node.setAttribute("class", 'image')
+                setTimeout(() => {
+                    this.appenNode('div', '', '')
+                })
+            }
+            if (type == 'div' && uid) {
+                node.innerText = value
+                node.setAttribute("class", 'loading')
+                setTimeout(() => {
+                    this.appenNode('div', '', '')
+                })
+            }
+            if (type == 'div' && !uid) {
+                node.setAttribute("class", 'wrap')
+            }
+            this.$refs.editorContent.appendChild(node)
+        },
+        deleteNode (uid) {
+            console.log(uid);
+            try {
+                let node = document.querySelector("[uid=" + uid + ']')
+                if (node) {
+                    this.$refs.editorContent.removeChild(node)
+                }
+            } catch {
+                console.error("未找到该节点");
+            }
+        },
+        imgUploadCallback (file, uid, index) {
+            console.log(file, uid, index);
+            this.appenNode("div", "div" + index + uid, file.name + "正在上传，请稍后...")
+            this.upload(file).then(res => {
+                this.appenNode('img', "img" + index + uid, res.default)
+                this.deleteNode("div" + index + uid)
+                this.$emit("input", this.$refs.editorContent.innerHTML)
+            })
+        },
+        upload (file) {
+            return new Promise((resolve) => {
+                this.uploadFile(file, resolve)
+            })
+        },
+        uploadFile (file, resolve) {
+            let imgInfo = {
+                url: '',
+            }
+            let res = multipartUpload(
+                file,
+                null,
+                imgInfo
+            );
+            res.then(resp => {
+                imgInfo.url = ossFileUrl(resp.name)
+                resolve({
+                    name: resp.name,
+                    default: imgInfo.url
+                })
+            })
+        },
+        fileUploadCallback (file, uid) {
+            this.$emit("fileUploadCallback", {
+                param: {
+                    uid: uid,
+                    type: 'pending',
+                    name: file.name
+                }
+            })
+            this.upload(file).then(res => {
+                this.$emit("fileUploadCallback", {
+                    param: {
+                        uid: uid,
+                        name: file.name,
+                        type: 'success',
+                        url: res.default
+                    }
+                })
+                this.$emit("input", this.$refs.editorContent.innerHTML)
+            })
+        },
+
+    },
+    mounted () {
+        this.$nextTick(() => {
+            let myEditorContent = this.$refs.editorContent
+            console.log(myEditorContent, 'myEditorContent');
+            myEditorContent.addEventListener("paste", (e) => {
+                let { files } = e.clipboardData
+                console.log(files, e.clipboardData, 'filesfilesfilesfiles');
+                if (files.length > 0) {
+                    for (let index = 0; index < files.length; index++) {
+                        let uid = uuidv4()
+                        if (files[index].type.indexOf('image') != -1) {
+                            this.imgUploadCallback(files[index], uid, index)
+                            e.preventDefault();
+                        } else {
+                            this.fileUploadCallback(files[index], uid)
+                            e.preventDefault();
+                        }
+                    }
+                }
+            })
+            myEditorContent.addEventListener("dragenter", function () {
+            });
+            myEditorContent.addEventListener("dragover", function (e) {
+                e.preventDefault();
+            });
+            myEditorContent.addEventListener("drop", (e) => {
+                e.preventDefault();
+                let files = e.dataTransfer.files; // 这个就相当于文件上传组件
+                if (files.length > 0) {
+                    for (let index = 0; index < files.length; index++) {
+                        let uid = uuidv4()
+                        if (files[index].type.indexOf('image') != -1) {
+                            this.imgUploadCallback(files[index], uid, index)
+                            e.preventDefault();
+                        } else {
+                            this.fileUploadCallback(files[index], uid)
+                            e.preventDefault();
+                        }
+                    }
+                }
+            }, false);
+        })
+
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.my_editor {
+    width: 100%;
+    border: 1px solid #e0e6f7;
+    border-radius: 9px !important;
+    background: #ffffff;
+    /deep/.editor_content {
+        border-bottom-left-radius: 9px !important;
+        border-bottom-right-radius: 9px !important;
+        padding: 10px;
+        box-sizing: border-box;
+        min-height: 150px !important;
+        font-size: 14px !important;
+        outline: none;
+        div {
+            margin-bottom: 8px;
+            white-space: pre-wrap;
+        }
+        .image {
+            height: 140px;
+            object-fit: contain;
+        }
+        // .image{
+        //     outline: 3px solid #366aff;
+        // }
+        .loading {
+            background: rgba(0, 89, 255, 0.2);
+            display: inline-block;
+            padding: 2px 5px;
+            border-radius: 3px;
+            padding-left: 20px;
+            position: relative;
+            font-size: 12px;
+            -webkit-user-modify: read-only;
+            -moz-user-modify: read-only;
+        }
+        .loading::after {
+            content: '';
+            background-image: url(../assets/image/building.png);
+            background-size: 100%;
+            width: 15px;
+            height: 15px;
+            position: absolute;
+            top: 3px;
+            left: 2px;
+            color: #366aff;
+            -webkit-animation: rotate 1.5s linear infinite;
+            animation: rotate 1.5s linear infinite;
+        }
+        // .wrap {
+        //     height: 1px;
+        //     width: 100%;
+        // }
+    }
+    .editor_content:focus {
+        box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1) inset, 0, 0;
+    }
+    .editor_content:empty::before {
+        content: attr(data-placeholder);
+        color: #b3b3b3;
+        font-size: 14px;
+    }
+    .editor_head {
+        display: flex;
+        align-items: center;
+        width: 100%;
+        height: 38px;
+        padding: 0 10px;
+        padding-left: 3px;
+        box-sizing: border-box;
+        color: #366aff;
+        font-size: 14px;
+        border-bottom: 1px solid #e0e6f7;
+
+        .button {
+            padding: 5px 8px;
+            background: #ffffff;
+            border: none;
+            border-radius: 2px;
+            svg {
+                fill: #366aff;
+                width: 12px !important;
+                height: 12px !important;
+            }
+        }
+        .button:focus {
+            // box-shadow: var(--ck-focus-outer-shadow),0 0;
+            outline: none;
+            background: #f0f0f0;
+            transition: box-shadow 0.2s ease-in-out, border 0.2s ease-in-ou;
+        }
+        .button:active {
+            border: 1px solid #366aff;
+        }
+    }
+}
+@keyframes rotate {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+
+    100% {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+</style>

package/src/components/QwFeedback.vue

@@ -0,0 +1,303 @@
+<template>
+    <div class="qw-feedback">
+        <div class="qw-guide-text" v-if="msg.content.guideText">
+            <!-- 不要替换成图片地址或者字体 -->
+            <svg
+                t="1730450955692"
+                class="icon"
+                viewBox="0 0 1024 1024"
+                version="1.1"
+                xmlns="http://www.w3.org/2000/svg"
+                p-id="8682"
+                width="22"
+                height="22"
+            >
+                <path
+                    d="M565.096296 289.185185s-0.948148 0 0 0c-110.933333-20.859259-208.592593 40.77037-237.985185 148.859259-14.222222 53.096296-24.651852 101.451852 44.562963 221.866667 14.222222 25.6 11.377778 70.162963 8.533333 95.762963-1.896296 14.222222 64.474074 36.02963 89.125926 42.666667l95.762963-509.155556z"
+                    fill="#FDB813"
+                    p-id="8683"
+                ></path>
+                <path
+                    d="M732.918519 513.896296c11.377778-111.881481-56.888889-203.851852-166.874075-224.711111h-0.948148L469.333333 798.340741c25.6 2.844444 94.814815 6.637037 98.607408-7.585185 6.637037-25.6 20.859259-67.318519 42.666666-86.281482C719.644444 618.192593 727.22963 568.888889 732.918519 513.896296z"
+                    fill="#FD9B13"
+                    p-id="8684"
+                ></path>
+                <path
+                    d="M467.437037 806.874074c-7.585185-0.948148-12.325926-7.585185-14.222222-14.222222l-38.874074-256c-0.948148-5.688889 0.948148-11.377778 4.74074-15.170371 3.792593-3.792593 9.481481-5.688889 15.170371-4.74074l167.822222 31.288889c5.688889 0.948148 10.42963 4.740741 12.325926 9.481481 1.896296 4.740741 1.896296 11.377778-0.948148 16.118519L486.4 798.340741c-3.792593 6.637037-11.377778 10.42963-18.962963 8.533333z m-14.222222-251.259259l27.496296 182.992592L572.681481 578.37037l-119.466666-22.755555z"
+                    fill="#F12A3F"
+                    p-id="8685"
+                ></path>
+                <path
+                    d="M375.466667 709.214815l-25.6 137.481481c0 2.844444 1.896296 5.688889 7.585185 10.42963l65.422222 54.992593c5.688889 4.740741 15.17037 8.533333 23.703704 10.429629l36.029629-193.422222-107.14074-19.911111z"
+                    fill="#2D4375"
+                    p-id="8686"
+                ></path>
+                <path
+                    d="M482.607407 729.125926l-36.029629 193.422222c9.481481 1.896296 18.014815 1.896296 25.6-0.948148l80.592592-27.496296c6.637037-1.896296 10.42963-4.740741 11.377778-6.637037L589.748148 749.037037l-107.140741-19.911111z"
+                    fill="#1E2D4F"
+                    p-id="8687"
+                ></path>
+                <path
+                    d="M612.503704 217.125926c-3.792593 18.014815-20.859259 29.392593-38.874074 26.548148-18.014815-3.792593-30.340741-20.859259-26.548149-38.874074l18.962963-100.503704c3.792593-18.014815 20.859259-29.392593 38.874075-26.548148 18.014815 3.792593 30.340741 20.859259 26.548148 38.874074l-18.962963 100.503704z"
+                    fill="#FDB813"
+                    p-id="8688"
+                ></path>
+                <path
+                    d="M382.103704 228.503704c10.42963 15.17037 6.637037 36.02963-8.533334 46.459259-15.17037 10.42963-36.02963 6.637037-46.459259-8.533333l-57.837037-84.385186c-10.42963-15.17037-6.637037-36.02963 8.533333-46.459259 15.17037-10.42963 36.02963-6.637037 46.45926 8.533334l57.837037 84.385185zM757.57037 298.666667c-15.17037 10.42963-18.962963 31.288889-8.533333 46.459259 10.42963 15.17037 31.288889 18.962963 46.459259 8.533333l84.385185-57.837037c15.17037-10.42963 18.962963-31.288889 8.533334-46.459259-10.42963-15.17037-31.288889-18.962963-46.459259-8.533333l-84.385186 57.837037z"
+                    fill="#FDB813"
+                    p-id="8689"
+                ></path>
+                <path
+                    d="M252.207407 361.244444c18.014815 3.792593 30.340741 20.859259 26.548149 38.874075-3.792593 18.014815-20.859259 29.392593-38.874075 26.548148l-100.503703-18.962963c-18.014815-3.792593-30.340741-20.859259-26.548148-38.874074 3.792593-18.014815 20.859259-29.392593 38.874074-26.548149l100.503703 18.962963zM931.081481 488.296296c18.014815 3.792593 30.340741 20.859259 26.548149 38.874074-3.792593 18.014815-20.859259 29.392593-38.874074 26.548149l-100.503704-18.962963c-18.014815-3.792593-30.340741-20.859259-26.548148-38.874075 3.792593-18.014815 20.859259-29.392593 38.874074-26.548148l100.503703 18.962963z"
+                    fill="#FDB813"
+                    p-id="8690"
+                ></path>
+                <path
+                    d="M593.540741 807.822222c1.896296-7.585185-3.792593-15.17037-11.377778-16.118518l-107.140741-19.911111-4.740741 27.496296 107.140741 19.911111c6.637037 0.948148 14.222222-3.792593 16.118519-11.377778z"
+                    fill="#CEEFF6"
+                    p-id="8691"
+                ></path>
+                <path
+                    d="M366.933333 750.933333c-7.585185-1.896296-15.17037 3.792593-16.118518 11.377778-1.896296 7.585185 3.792593 15.17037 11.377778 16.118519l107.14074 19.911111 4.740741-27.496297-107.140741-19.911111zM356.503704 808.77037c-7.585185-1.896296-15.17037 3.792593-16.118519 11.377778-1.896296 7.585185 3.792593 15.17037 11.377778 16.118519l107.140741 19.911111 4.74074-27.496297-107.14074-19.911111z"
+                    fill="#FFFFFF"
+                    p-id="8692"
+                ></path>
+                <path
+                    d="M570.785185 848.592593l-107.140741-19.911112-4.74074 27.496297 107.14074 19.911111c7.585185 1.896296 15.17037-3.792593 16.118519-11.377778 1.896296-7.585185-2.844444-15.17037-11.377778-16.118518z"
+                    fill="#CEEFF6"
+                    p-id="8693"
+                ></path>
+            </svg>
+            <!-- 不要替换成图片地址或者字体 -->
+            <p class="radio-description" v-html="msg.content.guideText"></p>
+        </div>
+
+        <div class="options-list">
+            <div
+                v-for="(option, index) in showOptions"
+                class="options-item"
+                :class="
+                    index !== msg.content.questionList.length - 1
+                        ? 'recommend-item'
+                        : 'last-item'
+                "
+                :key="'qwfeedback_' + index"
+                @click="handleWelcome(option)"
+            >
+                <span> {{ getFilteredName(option) }}</span>
+                <i class="arsenal_icon arsenalangle-right-solid"></i>
+            </div>
+        </div>
+        <div v-if="showPage" class="switch-page">
+            <!-- <span @click="changeActivePage" class="switch-page-btn"
+                >换一批</span
+            > -->
+            <span @click="showMore" class="switch-page-btn">{{$t('dragonCommon.viewMore')}}</span>
+        </div>
+    </div>
+</template>
+  
+<script>
+export default {
+    name: "answerRadio",
+    data() {
+        return {
+            isMobile: false,
+            formatOptions: [],
+            activeIndex: 0,
+            pageSize: 5,
+            showPage: false,
+            showOptions: [],
+        };
+    },
+    props: ["msg"],
+    mounted() {
+        this.$i18n.locale = sessionStorage.getItem("systemLanguage") || 'cn';
+        console.log(this.msg, "msg");
+        // 关键词推荐 前端分页
+        this.msg.content.questionList = this.msg.content.questionList.slice(0, 20);
+        if (this.msg.content.questionList.length > this.pageSize) {
+            this.formatOptions = this.chunkArray(
+                this.msg.content.questionList,
+                this.pageSize
+            );
+            this.activeIndex = 0;
+            this.showPage = true;
+        } else {
+            this.formatOptions = [this.msg.content.questionList];
+            this.activeIndex = 0;
+        }
+        this.showOptions = this.formatOptions[0];
+        this.judgeIsMobile();
+    },
+    methods: {
+        getFilteredName(name) {
+            if (typeof name === "string") {
+                return name.replace(/<\/?p>/g, "");
+            } else {
+                return name;
+            }
+        },
+        showMore() {
+            if (this.activeIndex == this.formatOptions.length - 2) {
+                this.activeIndex++;
+                this.showPage = false;
+            } else {
+                this.activeIndex++;
+            }
+            this.showOptions = [
+                ...this.showOptions.concat(
+                    this.formatOptions[this.activeIndex]
+                ),
+            ];
+        },
+        changeActivePage() {
+            if (this.activeIndex >= this.formatOptions.length - 1) {
+                this.activeIndex = 0;
+            } else {
+                this.activeIndex++;
+            }
+            this.showOptions = this.formatOptions[this.activeIndex];
+        },
+        chunkArray(array, size) {
+            let chunks = [];
+            for (let i = 0; i < array.length; i += size) {
+                let chunk = array.slice(i, i + size);
+                chunks.push(chunk);
+            }
+            return chunks;
+        },
+        judgeIsMobile() {
+            let flag = navigator.userAgent.match(
+                /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
+            );
+            if (flag) {
+                this.isMobile = true;
+            } else {
+                this.isMobile = false;
+            }
+            console.log(this.isMobile, "this.isMobile");
+        },
+        handleWelcome (item) {
+            console.log(item, 'item');
+            
+            this.$emit('handleWelcome', item)
+        },
+        radioClick(msg, option, index) {
+            let value = option.answerId
+                ? msg.id +
+                  "_" +
+                  index +
+                  "_" +
+                  option.value +
+                  "_" +
+                  option.name +
+                  "_" +
+                  option.answerId
+                : msg.id + "_" + index + "_" + option.value + "_" + option.name;
+            this.$emit(
+                "onRadioClick",
+                value,
+                option.name,
+                msg.apiKey,
+                msg.actionCategory,
+                msg.msgId ? msg.msgId : "",
+                option.apiKey
+            );
+        },
+    },
+};
+</script>
+  
+<style scoped lang="less">
+.qw-feedback {
+    background-color: white;
+    padding-bottom: 16px;
+    .qw-guide-text {
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        background-color: #d9e3fa;
+        padding: 16px;
+        .radio-description {
+            margin-left: 6px;
+        }
+    }
+    .switch-page {
+        margin-top: 10px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        .switch-page-btn {
+            width: 80px;
+            height: 24px;
+            border-radius: 15px;
+            border: solid 1px #366aff;
+            color: #366aff;
+            line-height: 24px;
+            text-align: center;
+            cursor: pointer;
+            font-size: 12px;
+        }
+    }
+    .radio-description {
+        word-wrap: break-word;
+        word-break: break-all;
+        overflow: hidden;
+        /*padding: 8px 10px 10px 0;*/
+        height: auto;
+        /* border-bottom: 1px solid #EEEEEE;*/
+    }
+
+    .bottom-link {
+        height: 1px;
+        background-color: #eeeeee;
+    }
+
+    .options-list {
+        padding-top: 4px;
+        /* padding-top: 10px;*/
+        padding-left: 16px;
+        padding-right: 16px;
+
+        .options-item {
+            // height: 25px;
+            line-height: 25px;
+            background-color: #ffffff;
+            color: #366aff;
+            cursor: pointer;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+
+            i {
+                padding-left: 10px;
+            }
+
+            .options-item-text {
+                text-overflow: ellipsis;
+                display: -webkit-box; //使用了flex，需要加
+                overflow: hidden; //超出隐藏
+                word-break: break-all; //纯英文、数字、中文
+                text-overflow: ellipsis; //省略号
+                -webkit-box-orient: vertical; //垂直
+                -webkit-line-clamp: 1; //显示一行
+                white-space: pre-line; //
+            }
+        }
+
+        .recommend-item {
+            padding: 8px 0;
+        }
+
+        .last-item {
+            padding-top: 8px;
+        }
+
+        .end {
+            border-bottom-left-radius: 25px !important;
+            border-bottom-right-radius: 25px !important;
+        }
+    }
+}
+</style>

package/src/components/actionSatisfaction.vue

@@ -17,7 +17,7 @@
                   )
                 "
       >
-        满意
+        {{$t('dragonCommon.satisfaction')}}
       </div>
       <div
           class="statisfaction-item"
@@ -32,7 +32,7 @@
                   )
                 "
       >
-        不满意
+      {{$t('dragonCommon.unsatisfied')}}
       </div>
     </div>
 

package/src/components/actionSendToBot.vue

@@ -53,10 +53,10 @@
       }
     }
     .recommend-item{
-      padding: 8px 0;
+      padding: 4px 0;
     }
     .last-item{
-      padding-top: 8px;
+      padding-top: 4px;
     }
   }
 }