askbot-dragon 1.7.44-beta → 1.7.48-beta

package/src/components/markDownText.vue

@@ -1,198 +1,198 @@
-<template>
-    <div @click="lookImage">
-        <vue-markdown class="mark_down" :source="typedContent" :ref="'markdown' + msgId">
-        </vue-markdown>
-        <div v-if="showPreview">
-            <img-view :url-list="imgList" @closeViewer="closeViewer"></img-view>
-        </div>
-    </div>
-</template>
-
-<script>
-import VueMarkdown from "vue-markdown";
-import ImgView from "./imgView.vue";
-
-export default {
-    name: "markDownText",
-    data() {
-        return {
-            typedContent: "",
-            typingSpeed: 15,
-            showPreview: false,
-            imgList: [],
-        };
-    },
-    props: {
-        chainValues: {
-            type: String,
-            default: "",
-        },
-        msgId: {
-            type: String,
-            default: "",
-        },
-        isHistory: {
-            type: Boolean,
-            default: false,
-        },
-    },
-    components: {
-        ImgView,
-        VueMarkdown,
-    },
-    mounted() {
-        this.$nextTick(() => {
-            // let ref = 'markdown' + this.msgId
-            // const el = this.$refs[ref].$el;
-            // if (this.isHistory){
-            //   el.innerHTML = this.chainValues;
-            // } else {
-            //   new Typed(el, {
-            //     strings: [this.chainValues],
-            //     typeSpeed: 30,
-            //     showCursor: false
-            //   })
-            // }
-            this.typedContent = this.chainValues;
-            // if (this.isHistory) {
-            //     this.typedContent = this.chainValues;
-            // } else {
-            //     this.startTypingEffect();
-            // }
-        });
-    },
-    methods: {
-        startTypingEffect() {
-            let i = 0;
-            const interval = setInterval(() => {
-                if (i < this.chainValues.length) {
-                    this.typedContent += this.chainValues.charAt(i);
-                    i++;
-                } else {
-                    clearInterval(interval);
-                }
-            }, this.typingSpeed);
-        },
-        lookImage(e) {
-            let previewImageUrl = "";
-            console.log("e.target", e.target);
-            if (e.target.localName == "img") {
-                previewImageUrl = e.target.currentSrc;
-                this.showPreview = true;
-            }
-            let richtext = JSON.parse(JSON.stringify(this.typedContent));
-            this.imgList = [];
-            richtext.replace(
-                /<img [^>]*src=['"]([^'"]+)[^>]*>/g,
-                (match, capture) => {
-                    this.imgList.push(capture);
-                }
-            );
-            /*当前点击的图片作为第一个图片*/
-            let index = this.imgList.indexOf(previewImageUrl);
-            this.imgList.splice(index, 1);
-            this.imgList.unshift(previewImageUrl);
-        },
-        closeViewer() {
-            this.showPreview = false;
-        },
-    },
-};
-</script>
-
-<style scoped lang="less">
-.mark_down {
-    line-height: 24px;
-    overflow-x: auto;
-    /deep/p {
-        margin-bottom: 14px;
-        font-size: 16px;
-    }
-
-    /deep/p:only-child {
-        margin: 0 !important;
-    }
-
-    /deep/p:last-child {
-        margin-bottom: 0 !important;
-    }
-
-    /deep/ul {
-        margin-bottom: 16px;
-        list-style: disc;
-        padding-left: 16px;
-
-        li {
-            margin: 7px 0 !important;
-            font-size: 16px;
-            // padding-left: 40px;
-
-        }
-    }
-
-    /deep/ ol {
-        list-style: auto;
-        padding-left: 16px;
-
-        li {
-            margin: 7px 0 !important;
-            font-size: 16px;
-            // padding-left: 40px;
-        }
-    }
-
-    /deep/img {
-        max-width: 400px;
-    }
-
-    /deep/h3,
-    /deep/h2,
-    /deep/h1,
-    /deep/h4,
-    /deep/h5,
-    /deep/h6 {
-        color: #000000;
-        font-weight: 500;
-        line-height: 26px;
-    }
-
-    /deep/h3 {
-        font-size: 20px;
-    }
-
-    /deep/h2 {
-        font-size: 22px;
-    }
-
-    /deep/h1 {
-        font-size: 24px;
-    }
-
-    /deep/h3 {
-        font-size: 20px;
-    }
-
-    /deep/ table {
-        border-spacing: 0;
-        // border-radius: 8px;
-        // overflow: hidden;
-        border: solid 1px #e0e6f7;
-        min-width: 800px;
-        overflow-x: auto;
-    }
-    /deep/ th {
-        background: #EEF1FF;
-        border: solid 1px #e0e6f7;
-        padding: 10px;
-        height: 60px;
-        min-width: 100px;
-    }
-
-    /deep/ td {
-        border: solid 1px #e0e6f7;
-        padding: 10px;
-        height: 48px;
-        min-width: 100px;
-    }
-}
+<template>
+    <div @click="lookImage">
+        <vue-markdown class="mark_down" :source="typedContent" :ref="'markdown' + msgId">
+        </vue-markdown>
+        <div v-if="showPreview">
+            <img-view :url-list="imgList" @closeViewer="closeViewer"></img-view>
+        </div>
+    </div>
+</template>
+
+<script>
+import VueMarkdown from "vue-markdown";
+import ImgView from "./imgView.vue";
+
+export default {
+    name: "markDownText",
+    data() {
+        return {
+            typedContent: "",
+            typingSpeed: 15,
+            showPreview: false,
+            imgList: [],
+        };
+    },
+    props: {
+        chainValues: {
+            type: String,
+            default: "",
+        },
+        msgId: {
+            type: String,
+            default: "",
+        },
+        isHistory: {
+            type: Boolean,
+            default: false,
+        },
+    },
+    components: {
+        ImgView,
+        VueMarkdown,
+    },
+    mounted() {
+        this.$nextTick(() => {
+            // let ref = 'markdown' + this.msgId
+            // const el = this.$refs[ref].$el;
+            // if (this.isHistory){
+            //   el.innerHTML = this.chainValues;
+            // } else {
+            //   new Typed(el, {
+            //     strings: [this.chainValues],
+            //     typeSpeed: 30,
+            //     showCursor: false
+            //   })
+            // }
+            this.typedContent = this.chainValues;
+            // if (this.isHistory) {
+            //     this.typedContent = this.chainValues;
+            // } else {
+            //     this.startTypingEffect();
+            // }
+        });
+    },
+    methods: {
+        startTypingEffect() {
+            let i = 0;
+            const interval = setInterval(() => {
+                if (i < this.chainValues.length) {
+                    this.typedContent += this.chainValues.charAt(i);
+                    i++;
+                } else {
+                    clearInterval(interval);
+                }
+            }, this.typingSpeed);
+        },
+        lookImage(e) {
+            let previewImageUrl = "";
+            console.log("e.target", e.target);
+            if (e.target.localName == "img") {
+                previewImageUrl = e.target.currentSrc;
+                this.showPreview = true;
+            }
+            let richtext = JSON.parse(JSON.stringify(this.typedContent));
+            this.imgList = [];
+            richtext.replace(
+                /<img [^>]*src=['"]([^'"]+)[^>]*>/g,
+                (match, capture) => {
+                    this.imgList.push(capture);
+                }
+            );
+            /*当前点击的图片作为第一个图片*/
+            let index = this.imgList.indexOf(previewImageUrl);
+            this.imgList.splice(index, 1);
+            this.imgList.unshift(previewImageUrl);
+        },
+        closeViewer() {
+            this.showPreview = false;
+        },
+    },
+};
+</script>
+
+<style scoped lang="less">
+.mark_down {
+    line-height: 24px;
+    overflow-x: auto;
+    /deep/p {
+        margin-bottom: 14px;
+        font-size: 16px;
+    }
+
+    /deep/p:only-child {
+        margin: 0 !important;
+    }
+
+    /deep/p:last-child {
+        margin-bottom: 0 !important;
+    }
+
+    /deep/ul {
+        margin-bottom: 16px;
+        list-style: disc;
+        padding-left: 16px;
+
+        li {
+            margin: 7px 0 !important;
+            font-size: 16px;
+            // padding-left: 40px;
+
+        }
+    }
+
+    /deep/ ol {
+        list-style: auto;
+        padding-left: 16px;
+
+        li {
+            margin: 7px 0 !important;
+            font-size: 16px;
+            // padding-left: 40px;
+        }
+    }
+
+    /deep/img {
+        max-width: 400px;
+    }
+
+    /deep/h3,
+    /deep/h2,
+    /deep/h1,
+    /deep/h4,
+    /deep/h5,
+    /deep/h6 {
+        color: #000000;
+        font-weight: 500;
+        line-height: 26px;
+    }
+
+    /deep/h3 {
+        font-size: 20px;
+    }
+
+    /deep/h2 {
+        font-size: 22px;
+    }
+
+    /deep/h1 {
+        font-size: 24px;
+    }
+
+    /deep/h3 {
+        font-size: 20px;
+    }
+
+    /deep/ table {
+        border-spacing: 0;
+        // border-radius: 8px;
+        // overflow: hidden;
+        border: solid 1px #e0e6f7;
+        min-width: 800px;
+        overflow-x: auto;
+    }
+    /deep/ th {
+        background: #EEF1FF;
+        border: solid 1px #e0e6f7;
+        padding: 10px;
+        height: 60px;
+        min-width: 100px;
+    }
+
+    /deep/ td {
+        border: solid 1px #e0e6f7;
+        padding: 10px;
+        height: 48px;
+        min-width: 100px;
+    }
+}
 </style>

package/src/components/message/ActionAlertIframe.vue

@@ -1,113 +1,113 @@
-<template>
-    <div id="action_alert_iframe">
-        <iframe
-            class="grzh-iframe"
-            :id="tampId"
-            :data-name="tampId"
-            :src="actionAlertIframe.template"
-            :width="actionAlertIframe.version == 1?actionAlertIframe.width:'100%'"
-            :height="actionAlertIframe.height"
-            :scrolling="actionAlertIframe.scrolling"
-            frameborder="no"
-            border="0"
-        ></iframe>
-    </div>
-</template>
-<script>
-export default {
-    name: "action_alert_iframe",
-    props: ["actionAlertIframe"],
-    data() {
-        return {
-            name: "action_alert_iframe",
-            dataName: "",
-            tampId:'',
-            // 组件接收数据
-            actionAlertIframeObj: {
-                template: "url地址(可插入变量)",
-                description: "描述",
-                height: "frame高度",
-                width: "iframe 的宽度",
-                scrolling: "yes/no/auto(是否在 iframe 中显示滚动条)",
-                sandbox: [
-                    "预留",
-                    "启用一系列对 <iframe> 中内容的额外限制",
-                    "参考 https://www.w3school.com.cn/tags/att_iframe_sandbox.asp",
-                ],
-                frameborder: "0/1(是否显示框架周围的边框)",
-                displayStyle:
-                    "iframe 样式(点击弹出/嵌入iframe 字符串类型后端未做限制)",
-            },
-        };
-    },
-    methods: {},
-    mounted() {
-        this.tampId = 'iframeId++' + new Date().getTime();
-        let tampUrl = this.actionAlertIframe.template;
-        function GetRequest() {
-            var url = tampUrl.split("?")[1]; //获取url中"?"符后的字串
-            var theRequest = new Object();
-            if (url) {
-                // var str = url.substr(1);
-                let strs = url.split("&");
-                for (var i = 0; i < strs.length; i++) {
-                    theRequest[strs[i].split("=")[0]] = unescape(
-                        strs[i].split("=")[1]
-                    );
-                }
-            }
-            return theRequest;
-        }
-        if (JSON.stringify(GetRequest()) == "{}") {
-          this.actionAlertIframe.template = this.actionAlertIframe.template  + "?iframeId=" + this.tampId
-        } else {
-          this.actionAlertIframe.template = this.actionAlertIframe.template  + "&iframeId=" + this.tampId
-        }
-    },
-};
-</script>
-<style lang="less" scoped>
-// <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
-#action_alert_iframe {
-    width: 100%;
-    margin: 0 auto;
-    overflow-x: auto;
-    .grzh-iframe {
-        scrollbar-face-color: #9aa1c4;
-        /* 滚动条滑块按钮的颜色 */
-        scrollbar-highlight-color: #f60;
-        /* 滚动条整体颜色 */
-        scrollbar-3dlight-color: #f00;
-        scrollbar-darkshadow-color: #000;
-        /* 滚动条阴影 */
-        scrollbar-shadow-color: #000;
-        /* 三角箭头颜色 */
-        scrollbar-arrow-color: #394264;
-        /* 滚动条轨道颜色 */
-        scrollbar-track-color: #394264;
-
-        ::-webkit-scrollbar {
-            width: 5px;
-            height: 5px;
-        }
-        ::-webkit-scrollbar-thumb {
-            background-color: #999;
-            -webkit-border-radius: 5px;
-            border-radius: 5px;
-        }
-        ::-webkit-scrollbar-thumb:vertical:hover {
-            background-color: #666;
-        }
-        ::-webkit-scrollbar-thumb:vertical:active {
-            background-color: #333;
-        }
-        ::-webkit-scrollbar-button {
-            display: none;
-        }
-        ::-webkit-scrollbar-track {
-            background-color: #f1f1f1;
-        }
-    }
-}
+<template>
+    <div id="action_alert_iframe">
+        <iframe
+            class="grzh-iframe"
+            :id="tampId"
+            :data-name="tampId"
+            :src="actionAlertIframe.template"
+            :width="actionAlertIframe.version == 1?actionAlertIframe.width:'100%'"
+            :height="actionAlertIframe.height"
+            :scrolling="actionAlertIframe.scrolling"
+            frameborder="no"
+            border="0"
+        ></iframe>
+    </div>
+</template>
+<script>
+export default {
+    name: "action_alert_iframe",
+    props: ["actionAlertIframe"],
+    data() {
+        return {
+            name: "action_alert_iframe",
+            dataName: "",
+            tampId:'',
+            // 组件接收数据
+            actionAlertIframeObj: {
+                template: "url地址(可插入变量)",
+                description: "描述",
+                height: "frame高度",
+                width: "iframe 的宽度",
+                scrolling: "yes/no/auto(是否在 iframe 中显示滚动条)",
+                sandbox: [
+                    "预留",
+                    "启用一系列对 <iframe> 中内容的额外限制",
+                    "参考 https://www.w3school.com.cn/tags/att_iframe_sandbox.asp",
+                ],
+                frameborder: "0/1(是否显示框架周围的边框)",
+                displayStyle:
+                    "iframe 样式(点击弹出/嵌入iframe 字符串类型后端未做限制)",
+            },
+        };
+    },
+    methods: {},
+    mounted() {
+        this.tampId = 'iframeId++' + new Date().getTime();
+        let tampUrl = this.actionAlertIframe.template;
+        function GetRequest() {
+            var url = tampUrl.split("?")[1]; //获取url中"?"符后的字串
+            var theRequest = new Object();
+            if (url) {
+                // var str = url.substr(1);
+                let strs = url.split("&");
+                for (var i = 0; i < strs.length; i++) {
+                    theRequest[strs[i].split("=")[0]] = unescape(
+                        strs[i].split("=")[1]
+                    );
+                }
+            }
+            return theRequest;
+        }
+        if (JSON.stringify(GetRequest()) == "{}") {
+          this.actionAlertIframe.template = this.actionAlertIframe.template  + "?iframeId=" + this.tampId
+        } else {
+          this.actionAlertIframe.template = this.actionAlertIframe.template  + "&iframeId=" + this.tampId
+        }
+    },
+};
+</script>
+<style lang="less" scoped>
+// <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+#action_alert_iframe {
+    width: 100%;
+    margin: 0 auto;
+    overflow-x: auto;
+    .grzh-iframe {
+        scrollbar-face-color: #9aa1c4;
+        /* 滚动条滑块按钮的颜色 */
+        scrollbar-highlight-color: #f60;
+        /* 滚动条整体颜色 */
+        scrollbar-3dlight-color: #f00;
+        scrollbar-darkshadow-color: #000;
+        /* 滚动条阴影 */
+        scrollbar-shadow-color: #000;
+        /* 三角箭头颜色 */
+        scrollbar-arrow-color: #394264;
+        /* 滚动条轨道颜色 */
+        scrollbar-track-color: #394264;
+
+        ::-webkit-scrollbar {
+            width: 5px;
+            height: 5px;
+        }
+        ::-webkit-scrollbar-thumb {
+            background-color: #999;
+            -webkit-border-radius: 5px;
+            border-radius: 5px;
+        }
+        ::-webkit-scrollbar-thumb:vertical:hover {
+            background-color: #666;
+        }
+        ::-webkit-scrollbar-thumb:vertical:active {
+            background-color: #333;
+        }
+        ::-webkit-scrollbar-button {
+            display: none;
+        }
+        ::-webkit-scrollbar-track {
+            background-color: #f1f1f1;
+        }
+    }
+}
 </style>