askbot-dragon 0.9.30 → 1.0.0

package/src/components/utils/{command.js → ckeditorfileUpload/common.js}

@@ -1,88 +1,97 @@
-import Command from "@ckeditor/ckeditor5-core/src/command";
-import { multipartUpload, ossFileUrl } from "./AliyunIssUtil";
-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];
-                this.upload(filed).then(res =>{
-                    let command = this.editor.commands.get("insertAskComponent");
-                    command.execute({
-                        tag: "img",
-                        options: {
-                            width:'100%',
-                            name: res.default,
-                            src: res.default
-                        },
-                    });
-                })
-            }
-        }
-    }
-    forEachFiles(files){
-        for (let index = 0; index < files.length; index++) {
-            const filed = files[index];
-            this.upload(filed).then(res =>{
-                let command = this.editor.commands.get("insertAskComponent");
-                command.execute({
-                    tag: "img",
-                    options: {
-                        width:'100%',
-                        name: res.default,
-                        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
-        );
-        res.then(resp => {
-            imgInfo.url = ossFileUrl(ossConfig, resp.name)
-            console.log(imgInfo)
-            resolve({
-                default: imgInfo.url
-            })
-        })
-    }
+import Command from "@ckeditor/ckeditor5-core/src/command";
+import { multipartUpload, ossFileUrl } from "../AliyunIssUtil";
+const ossConfig = {
+    region: "oss-cn-zhangjiakou",
+    //云账号AccessKey有所有API访问权限，建议遵循阿里云安全最佳实践，创建并使用STS方式来进行API访问
+    accessKeyId: "LTAI4G3QtdEdwkEbihBngAsK",
+    accessKeySecret: "OwgdVfc5PeCkIgqIdug660xmiSPchn",
+    // stsToken: '<Your securityToken(STS)>',
+    bucket: "guoranopen-zjk",
+}
+
+export default class FileCommand 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','*')
+        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];
+                this.upload(filed).then(res =>{
+                    // 需要回调通知父组件 上传成功
+                    let command = this.editor.commands.get("insertAskComponent");
+                    command.execute({
+                        tag: "span-editable",
+                        options: {
+                            name: filed.name,
+                            data: res.default,
+                            editable:false,
+                            type:'MyFile'
+                        },
+                        // src: res.default
+                    })
+                })
+            }
+        }
+    }
+
+    forEachFiles(files){
+        for (let index = 0; index < files.length; index++) {
+            const filed = files[index];
+            this.upload(filed).then(res =>{
+                // 需要回调通知父组件 上传成功
+                let command = this.editor.commands.get("insertAskComponent");
+                command.execute({
+                    tag: "span-editable",
+                    options: {
+                        name: filed.name,
+                        data: res.default,
+                        editable:false,
+                        type:'MyFile'
+                    },
+                    // 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
+        );
+        res.then(resp => {
+            imgInfo.url = ossFileUrl(ossConfig, resp.name)
+            resolve({
+                name: resp.name,
+                default: imgInfo.url
+            })
+        })
+    }
 }

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

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

package/src/components/utils/ckeditorfileUpload/plugin_file.js

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

package/src/components/utils/ckeditorfileUpload/toolbar_ui.js

@@ -0,0 +1,34 @@
+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";
+// import aoteman from '../../assets/image/2.jpg'
+
+// console.log(aoteman.replace('/',''));
+export default class BoldToolbarUI extends Plugin {
+  init() {
+    this._createToolbarButton();
+  }
+
+  _createToolbarButton() {
+    const editor = this.editor;
+    const command = editor.commands.get('fileUpload');
+    editor.ui.componentFactory.add('MyFileUpload', (locale) => {
+      const view = new ButtonView(locale);
+      view.set({
+        label: '上传附件',
+        tooltip: true,
+        withText: true, // 在按钮上展示 label
+        // icon:`<svg t="1674962541538" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="30473" width="14" height="14"><path d="M81.92 432.64L0 732.672V156.672C0 126.976 24.064 102.4 54.272 102.4h256c14.336 0 27.648 5.632 38.4 15.872l110.08 110.08c2.048 2.048 4.608 3.072 7.68 3.072h385.024c29.696 0 54.272 24.064 54.272 54.272v75.776H176.128c-44.544 0-82.944 28.672-94.208 71.168z m931.328-7.168c-9.728-13.824-26.112-20.992-43.008-20.992H175.616c-24.064 0-45.568 16.384-51.712 39.936L12.288 852.992c-7.68 28.672 8.704 58.368 37.888 66.048 4.608 1.024 9.216 2.048 14.336 2.048h794.112c24.064 0 45.568-16.384 51.712-39.936l111.616-409.088c4.608-16.384 1.024-33.28-8.704-46.592z" p-id="30474"></path></svg>`,
+        // icon:'<svg t="1674984294045" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" style="width: 20px !important;height: 18px !important;" p-id="30878" ><path d="M94.72 444.928L14.848 737.792V175.616C14.848 146.432 38.4 122.88 67.584 122.88H317.44c13.824 0 27.136 5.632 37.376 15.36l107.52 107.52c2.048 2.048 4.608 3.072 7.68 3.072h375.808c29.184 0 52.736 23.552 52.736 52.736v73.728h-711.68c-43.52 0-80.896 28.16-92.16 69.632zM1003.52 437.76c-9.728-13.312-25.6-20.48-41.984-20.48H186.368c-23.552 0-44.544 15.872-50.688 38.912L26.624 855.04c-7.68 28.16 8.704 56.832 36.864 64.512 4.608 1.024 9.216 2.048 13.824 2.048h775.168c23.552 0 44.544-15.872 50.688-38.912l109.056-399.36c4.608-15.872 1.024-32.768-8.704-45.568z" p-id="30879"></path></svg>',
+      });
+
+      // console.log(Template);
+      //  将按钮的状态关联到命令对应值上
+      view.bind("isOn", "isEnabled").to(command, "value", "isEnabled");
+      // 点击按钮时触发相应命令
+      this.listenTo(view, "execute", () => editor.execute('fileUpload'));
+      return view;
+
+    })
+  }
+}

package/src/components/utils/format_date.js

@@ -1,26 +1,26 @@
-const formatDate = (fmt) => { //author: meizz
-    var o = {
-        "M+": this.getMonth() + 1, //月份
-        "d+": this.getDate(), //日
-        "h+": this.getHours(), //小时
-        "m+": this.getMinutes(), //分
-        "s+": this.getSeconds(), //秒
-        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
-        "S": this.getMilliseconds() //毫秒
-    };
-    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
-    for (var 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;
-}
-function forMatTime(value){
-    let startTime = ''
-    let currentTime = new Date(), year = currentTime.getFullYear(),
-        month = currentTime.getMonth() + 1 < 10 ? '0' + (currentTime.getMonth() + 1) : currentTime.getMonth() + 1,
-        day = currentTime.getDate() < 10 ? '0' + currentTime.getDate() : currentTime.getDate();
-    startTime = year + "-" + month + "-" + day +' ' + value;
-    return new Date(startTime)
-}
-export { formatDate,forMatTime };
-
+const formatDate = (fmt) => { //author: meizz
+    var o = {
+        "M+": this.getMonth() + 1, //月份
+        "d+": this.getDate(), //日
+        "h+": this.getHours(), //小时
+        "m+": this.getMinutes(), //分
+        "s+": this.getSeconds(), //秒
+        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
+        "S": this.getMilliseconds() //毫秒
+    };
+    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
+    for (var 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;
+}
+function forMatTime(value){
+    let startTime = ''
+    let currentTime = new Date(), year = currentTime.getFullYear(),
+        month = currentTime.getMonth() + 1 < 10 ? '0' + (currentTime.getMonth() + 1) : currentTime.getMonth() + 1,
+        day = currentTime.getDate() < 10 ? '0' + currentTime.getDate() : currentTime.getDate();
+    startTime = year + "-" + month + "-" + day +' ' + value;
+    return new Date(startTime)
+}
+export { formatDate,forMatTime };
+
 // new Date("2019-12-14T00:09:16.000+0000").Format("yyyy-MM-dd hh:mm:ss")

package/src/components/utils/index.js

@@ -1,7 +1,7 @@
-import {formatDate}  from './format_date';
-
-let utils = {
-    formatDate
-}
-
+import {formatDate}  from './format_date';
+
+let utils = {
+    formatDate
+}
+
 export { utils }

package/src/components/utils/math_utils.js

@@ -1,29 +1,29 @@
-//生成从minNum到maxNum-1的随机数
-function randomNum(minNum,maxNum){
-    switch(arguments.length){
-        case 1:
-            return parseInt(Math.random()*minNum+1,10)-1;
-        case 2:
-            return parseInt(Math.random()*(maxNum-minNum+1)+minNum,10)-1;
-        default:
-            return 0;
-    }
-}
-function uniqueData(tempArr) {
-    let result = [];
-    let obj = {};
-    if (!tempArr){
-        return []
-    }
-    for (let i = 0; i < tempArr.length; i++) {
-        if (!obj[tempArr[i].value]) {
-            result.push(tempArr[i]);
-            obj[tempArr[i].value] = true;
-        }
-    }
-    return result;
-}
-export {
-    randomNum,
-    uniqueData
-}
+//生成从minNum到maxNum-1的随机数
+function randomNum(minNum,maxNum){
+    switch(arguments.length){
+        case 1:
+            return parseInt(Math.random()*minNum+1,10)-1;
+        case 2:
+            return parseInt(Math.random()*(maxNum-minNum+1)+minNum,10)-1;
+        default:
+            return 0;
+    }
+}
+function uniqueData(tempArr) {
+    let result = [];
+    let obj = {};
+    if (!tempArr){
+        return []
+    }
+    for (let i = 0; i < tempArr.length; i++) {
+        if (!obj[tempArr[i].value]) {
+            result.push(tempArr[i]);
+            obj[tempArr[i].value] = true;
+        }
+    }
+    return result;
+}
+export {
+    randomNum,
+    uniqueData
+}

package/src/components/voiceComponent.vue

@@ -1,120 +1,120 @@
-<template>
-  <div id="voice-component">
-    <div id="voice-component-container">
-      <div id="voice-component-c">
-        <div class="voice-btn">
-          <i class="iconfont arsenalchess-pawn-solid"></i>
-        </div>
-      </div>
-      <div class="close-voice" @click="closeVoice">
-        <div class="voice-style">
-          <i class="arsenal_icon arsenalcuo1"></i>
-        </div>
-      </div>
-      <div class="voice-tip">
-        <slot name="voiceTip"></slot>
-      </div>
-    </div>
-
-  </div>
-</template>
-
-<script>
-export default {
-  name: "voice_component",
-  data(){
-    return{
-
-    }
-  },
-  methods:{
-    closeVoice(){
-      this.$emit('closeVoice')
-    }
-  }
-}
-</script>
-
-<style scoped lang="less">
-#voice-component{
-  position: fixed;
-  bottom: 0;
-  width: 100%;
-  z-index: 9999;
-  left: 0;
-  #voice-component-container{
-    position: relative;
-   /* .half-top-ovals{
-      width: 130%;
-      position: relative;
-      left: -15%;
-      height: 80px;
-      padding-bottom: 40px;
-      padding-right: 20px;
-      padding-left: 20px;
-     !* width: 200px;*!
-      background: lightcoral;
-      border-radius: 50% 50% 0 0;
-    }*/
-    #voice-component-c{
-      height: 200px;
-      width: 130%;
-      position: relative;
-      left: -15%;
-      bottom: -80px;
-      background: linear-gradient(180deg, #EEF1F7, #FFFFFF);
-      border: 2px solid white;
-      border-radius: 100% 100% 0 0;
-      border-bottom: none;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      .voice-btn{
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        position: absolute;
-        top: 50px;
-        i{
-          color: #366aff;
-          font-size: 30px;
-        }
-      }
-    }
-    .voice-tip{
-      width: 100%;
-      position: absolute;
-      top: -40px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      color: #FFFFFF;
-      font-size: 13px;
-    }
-    .close-voice{
-      width: 100%;
-      position: absolute;
-      top: -35px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      .voice-style{
-        width: 60px;
-        height: 60px;
-        background: #EEF1F7;
-        border-radius: 50%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        transition: all 0.3s;
-        i{
-          font-size: 24px;
-          color: #999999;
-          transition: all 0.3s;
-        }
-      }
-    }
-  }
-
-}
+<template>
+  <div id="voice-component">
+    <div id="voice-component-container">
+      <div id="voice-component-c">
+        <div class="voice-btn">
+          <i class="iconfont arsenalchess-pawn-solid"></i>
+        </div>
+      </div>
+      <div class="close-voice" @click="closeVoice">
+        <div class="voice-style">
+          <i class="arsenal_icon arsenalcuo1"></i>
+        </div>
+      </div>
+      <div class="voice-tip">
+        <slot name="voiceTip"></slot>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: "voice_component",
+  data(){
+    return{
+
+    }
+  },
+  methods:{
+    closeVoice(){
+      this.$emit('closeVoice')
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+#voice-component{
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  z-index: 9999;
+  left: 0;
+  #voice-component-container{
+    position: relative;
+   /* .half-top-ovals{
+      width: 130%;
+      position: relative;
+      left: -15%;
+      height: 80px;
+      padding-bottom: 40px;
+      padding-right: 20px;
+      padding-left: 20px;
+     !* width: 200px;*!
+      background: lightcoral;
+      border-radius: 50% 50% 0 0;
+    }*/
+    #voice-component-c{
+      height: 200px;
+      width: 130%;
+      position: relative;
+      left: -15%;
+      bottom: -80px;
+      background: linear-gradient(180deg, #EEF1F7, #FFFFFF);
+      border: 2px solid white;
+      border-radius: 100% 100% 0 0;
+      border-bottom: none;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      .voice-btn{
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        position: absolute;
+        top: 50px;
+        i{
+          color: #366aff;
+          font-size: 30px;
+        }
+      }
+    }
+    .voice-tip{
+      width: 100%;
+      position: absolute;
+      top: -40px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #FFFFFF;
+      font-size: 13px;
+    }
+    .close-voice{
+      width: 100%;
+      position: absolute;
+      top: -35px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      .voice-style{
+        width: 60px;
+        height: 60px;
+        background: #EEF1F7;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        transition: all 0.3s;
+        i{
+          font-size: 24px;
+          color: #999999;
+          transition: all 0.3s;
+        }
+      }
+    }
+  }
+
+}
 </style>