zydx-plus 1.15.65 → 1.16.66

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zydx-plus",
-  "version": "1.15.65",
+  "version": "1.16.66",
   "description": "Vue.js",
   "main": "src/index.js",
   "files": [
@@ -29,7 +29,10 @@
     "@wangeditor/plugin-formula": "^1.0.11",
     "katex": "^0.15.6",
     "simple-mind-map": "^0.5.8",
-    "html2json": "^1.0.2"
+    "html2json": "^1.0.2",
+    "@tiptap/extension-image": "^2.0.3",
+    "@tiptap/starter-kit": "^2.0.3",
+    "@tiptap/vue-3": "^2.0.3"
   },
   "peerDependencies": {
     "vue": "^3.2.13"

package/src/components/dragPopup/index.js

@@ -0,0 +1,6 @@
+import main from './src/dragPopup';
+
+main.install = function(Vue) {
+    Vue.component(main.name, main);
+};
+export default main;

package/src/components/dragPopup/src/dragPopup.vue

@@ -0,0 +1,176 @@
+<template>
+   <div class="drag-pop" :style="position">
+       <div class="drag-head"
+            :style="{'background-color':titleColor}"
+            @mousedown="mousedown"
+            @mousemove="mousemove"
+            @mouseup="mouseup"
+            @mouseleave="mousemove">
+           <span>{{ title }}</span>
+           <i @click="close"></i>
+       </div>
+       <div class="drag-cont" :style="{'border':'2px solid' + titleColor}" @mousemove="footMove" @mouseleave="footMove">
+           <slot name="content"></slot>
+           <i class="down" v-if="dragStatus" @mousedown="footDown($event,'d')" @mouseup="footUp"></i>
+           <i class="in" @mousedown="footDown($event,'in')" @mouseup="footUp"></i>
+           <i class="right" v-if="dragStatus" @mousedown="footDown($event,'r')" @mouseup="footUp"></i>
+       </div>
+   </div>
+</template>
+
+<script>
+export default {
+    name: "zydx-drag-popup",
+    data() {
+        return {
+            x: 0,//left:x
+            y: 0,//top:y
+            leftOffset: 0,//鼠标距离移动窗口左侧偏移量
+            footDownOffset: this.height,//高度
+            topOffset: 0,//鼠标距离移动窗口顶部偏移量
+            footRightOffset: this.width,//宽度
+            isMove: false,//是否移动标识
+            footIsMove: false,//是否移动标识
+            direction: '',//移动方向
+        }
+    },
+    props: {
+        width: {
+            type: Number,
+            default: 600
+        },
+        height: {
+            type: Number,
+            default: 400
+        },
+        titleColor: {
+            type: String,
+            default: '#5daf34'
+        },
+        title: {
+            type: String,
+            default: '提示弹窗'
+        },
+        dragStatus: {
+            type: Boolean,
+            default: true
+        }
+    },
+    created() {
+        // 获取游览器可视区域宽高
+        let clientWidth = document.documentElement.clientWidth;
+        let clientHeight = document.documentElement.clientHeight;
+        this.x = clientWidth / 2 - this.footDownOffset / 2;
+        this.y = clientHeight / 2 - this.footRightOffset / 2;
+    },
+    computed: {
+        position() {
+            return `top:${this.y}px;left:${this.x}px;width:${this.footRightOffset}px;height:${this.footDownOffset}px;`;
+        },
+    },
+    methods: {
+        footDown(event,v) {
+            event.preventDefault()
+            this.direction = v
+            this.footIsMove = true;
+        },
+        footMove(event) {
+            if(!this.footIsMove) return;
+            if(this.direction === 'd') {
+                this.footDownOffset = event.clientY - this.y;
+            } else if(this.direction === 'in') {
+                this.footDownOffset = event.clientY - this.y;
+                this.footRightOffset = event.clientX - this.x;
+            } else if(this.direction === 'r') {
+                this.footRightOffset = event.clientX - this.x;
+            }
+        },
+        footUp() {
+            this.footIsMove = false;
+        },
+        mousedown(event) {
+            event.preventDefault()
+            //鼠标按下事件
+            this.leftOffset = event.offsetX;
+            this.topOffset = event.offsetY;
+            this.isMove = true;
+        },
+        //鼠标移动
+        mousemove(event) {
+            if (!this.isMove) return;
+            this.x = event.clientX - this.leftOffset;
+            this.y = event.clientY - this.topOffset;
+        },
+        //鼠标抬起
+        mouseup() {
+            this.isMove = false;
+        },
+        close() {
+            this.$emit('close');
+        }
+    }
+}
+</script>
+
+<style scoped>
+.down{
+    position: absolute;
+    bottom: -20px;
+    right: 20px;
+    width: calc(100% - 20px);
+    height: 40px;
+    z-index: 1;
+    display: inline-block;
+    cursor: ns-resize;
+}
+.in{
+    position: absolute;
+    bottom: -20px;
+    right: -20px;
+    width: 40px;
+    height: 40px;
+    z-index: 1;
+    display: inline-block;
+    cursor: nwse-resize;
+}
+.right{
+    position: absolute;
+    bottom: 20px;
+    right: -20px;
+    width: 40px;
+    height: calc(100% - 20px);
+    z-index: 1;
+    display: inline-block;
+    cursor: ew-resize;
+}
+.drag-head i {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 40px;
+    height: 40px;
+    cursor: pointer;
+    background: url('data:image/png;base64,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') no-repeat center center;
+    background-size: 30px 30px;
+}
+.drag-pop {
+    position: fixed;
+    box-shadow: 0 0 2px 1px #95a5a6;
+    background-color: #fff;
+    border-radius: 3px;
+}
+.drag-head{
+    height: 40px;
+    line-height: 40px;
+    padding: 0 20px;
+    cursor: move;
+    color: #fff;
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px;
+}
+.drag-cont{
+    padding: 20px;
+    height: calc(100% - 40px);
+    position: relative;
+}
+</style>

package/src/components/editor2/src/editor.vue

@@ -1,25 +1,32 @@
 <template>
     <div class="ed-head">
-        <div class="ed-head-but" v-for="(item,index) in toolbar">
-            <button v-if="item.key === 'but'" class="but" @click="item.onClick">{{ item.title }}</button>
-            <label v-else-if="item.key === 'upImg' || item.key === 'uploadAtt'">
-                <input type="file" @change="upload($event,item.key)" :accept="(item.key === 'upImg')?'image/*':'application/*'" style="display: none;">
-                <span class="but">{{ item.title }}</span>
-            </label>
-            <button v-else class="but" @click="toolTap(item.key)">{{ item.title }}</button>
+        <div class="ed-title">{{ title }}</div>
+        <div class="ed-but">
+            <div class="ed-head-but" v-for="(item,index) in toolbar">
+                <button v-if="item.key === 'but'" class="but" @click="item.onClick" :style="{color: (item.active)? '#00ff00' :'#000'}">{{ item.title }}</button>
+
+                <label v-else-if="item.key === 'upImg' || item.key === 'uploadAtt'">
+                    <input type="file" @change="upload($event,item.key)" :accept="(item.key === 'upImg')?'image/*':'application/*'" style="display: none;">
+                    <span class="but">{{ item.title }}</span>
+                </label>
+                <button v-else class="but" @click="toolTap(item.key)">{{ item.title }}</button>
+            </div>
         </div>
     </div>
     <div class="ed-cont">
-        <div class="editor" :id="id" contenteditable="true"></div>
+        <editor-content class="editor" :style="heightStyle" :editor="editor" />
+        <div class="editor-but" v-if="butText !== ''">
+            <button class="but" @click="complete">{{ butText }}</button>
+        </div>
         <div class="enclosure" v-if="uploadAttData.length > 0">
             <p>附件列表：</p>
             <div class="enclosure-list" v-for="(item,index) in uploadAttData">
                 <div class="enclosure-item">
-                    <span>{{ index + 1 }}. {{ item.name }}</span>
+                    <span>{{ index + 1 }}. {{ item.fileName }}</span>
                 </div>
                 <div class="enclosure-item en-but">
                     <button class="but" @click="see(index)">查看</button>
-                    <button class="but">下载</button>
+                    <button class="but" @click="download(index)">下载</button>
                     <button class="but" @click="del(index)">删除</button>
                 </div>
             </div>
@@ -28,35 +35,76 @@
 </template>
 <script>
 import { html2json, json2html } from 'html2json'
+import { Editor, EditorContent } from '@tiptap/vue-3'
+import StarterKit from '@tiptap/starter-kit'
+import Image from '@tiptap/extension-image'
 export default {
     name: 'zydx-xiao-editor',
+    components: {
+        EditorContent
+    },
     data() {
         return {
             uploadAttData: [],
+            editor: null,
+            heightStyle: {}
         };
     },
+    beforeUnmount() {
+        this.editor.destroy()
+    },
     props: {
         data: {
             type: Object,
             default: () => {}
         },
-        ref: {
+        toolbar: {
+            type: Array,
+            default: []
+        },
+        title: {
             type: String,
-            default: 'editor'
+            default: ''
         },
-        id: {
+        readOnly: {
+            type: Boolean,
+            default: true
+        },
+        butText: {
             type: String,
-            default: 'editor'
+            default: ''
         },
-        toolbar: {
-            type: Array,
-            default: []
+        height: {
+            type: String,
+            default: '200px'
+        },
+        uploadImage: {
+            type: Object,
+            default: {}
+        },
+        uploadAttachment: {
+            type: Object,
+            default: {}
         }
     },
+    emits: ['see','complete'],
     mounted() {
         if(this.data === undefined) return
         this.uploadAttData = this.data.enclosure
-        document.getElementById(this.id).innerHTML = json2html({node: "root",child: this.data.html})
+        this.heightStyle = (this.height === '100%')? {height: '100%'} : {'min-height': this.height}
+        this.editor = new Editor({
+            content: json2html({node: "root",child: this.data.html}),
+            editable: this.readOnly,
+            extensions: [
+                StarterKit,
+                Image.configure({
+                    inline: true,
+                    HTMLAttributes: {
+                        width: '100%'
+                    }
+                }),
+            ],
+        })
     },
     methods: {
         del(index) {
@@ -65,44 +113,109 @@ export default {
         see(index) {
             this.$emit('see', this.uploadAttData[index])
         },
+        uploadFile(file) {
+            return new Promise((rl,re) => {
+                const meta = Object.keys(this.uploadImage.meta)
+                const param = new FormData()
+                param.append('file', file)
+                for(let i = 0; i < meta.length; i++) {
+                    param.append(meta[i], this.uploadImage.meta[meta[i]])
+                }
+                const xhr = new XMLHttpRequest()
+                xhr.open('POST', this.uploadImage.server)
+                const headers = Object.keys(this.uploadImage.headers)
+                for(let i = 0; i < headers.length; i++) {
+                    xhr.setRequestHeader(headers[i], this.uploadImage.headers[headers[i]])
+                }
+                xhr.onreadystatechange = () => {
+                    if(xhr.readyState === 4) {
+                        if(xhr.status === 200) {
+                            rl(JSON.parse(xhr.responseText))
+                        }
+                    }
+                }
+                xhr.send(param)
+            })
+        },
         upload(e,v) {
             const file = e.target.files[0]
-            if(v === 'uploadAtt') {
-                this.uploadAttData.push(file)
-            }else {
-                const reader = new FileReader()
-                reader.readAsDataURL(file)
-                reader.onload = (es) => {
-                    const img = document.createElement('img')
-                    img.style.width = '100%'
-                    img.style.margin = '3px 0'
-                    img.src = es.target.result
-                    document.getElementById(this.id).appendChild(img)
+            this.uploadFile(file).then(r => {
+                if(v === 'uploadAtt') {
+                    this.uploadAttData.push(r.data)
+                }else {
+                    const url = this.uploadImage.url + r.data.filePath
+                    const html = [
+                        {
+                            node: "element",
+                            tag: "p",
+                            child: [{
+                                attr: {
+                                    src: url,
+                                    width:"100%"
+                                },
+                                tag: 'img',
+                                node: "element",
+                            }]
+                        }
+                    ]
+                    this.insertContent(html)
                 }
-            }
+            })
             e.target.value = ''
         },
+        insertContent(v) {
+            for(let i=0; i< v.length; i++) {
+                let html = json2html(v[i])
+                this.editor.chain().focus().insertContentAt(this.selection(),html).run()
+            }
+        },
+        download(index) {
+            const url = this.uploadImage.url + this.uploadAttData[index].filePath
+            let a = document.createElement('a');
+            a.style = 'display: none';
+            a.download = this.uploadAttData[index].filename;
+            a.href = url;
+            document.body.appendChild(a);
+            a.click();
+            document.body.removeChild(a);
+        },
+        selection() {
+            const { from } = this.editor.state.selection
+            return from
+        },
+        complete() {
+            this.$emit('complete', this.getData())
+            if(this.uploadAttData.length > 0) {
+                this.$emit('complete', {
+                    html: this.getData(),
+                    enclosure: this.uploadAttData
+                })
+            }else {
+                this.$emit('complete', {html: this.getData()})
+            }
+        },
         // 获取编辑器内容
         getContent(el) {
             // 编辑器内容转json
-            const html = document.getElementById(this.id).innerHTML
+            if(this.uploadAttData.length > 0) {
+                el({
+                    html: this.getData(),
+                    enclosure: this.uploadAttData
+                })
+            }else {
+                el({html: this.getData()})
+            }
+        },
+        getData() {
+            const html = this.editor.getHTML()
             const json = html2json(html)
-            json.child.map(x => {
-                if(x.tag === undefined) {
-                    x.tag = 'p'
-                    x.node = 'element'
-                    x.child = [{ text: x.text }]
-                }
-                if(x.tag === 'div') x.tag = 'p'
-                return x
-            })
-            el({
-                html: json.child,
-                enclosure: this.uploadAttData
-            })
+            return json.child
         },
         toolTap(v) {
-            document.execCommand('formatBlock', false, `<${v}>`);
+            if(v === 'h1') this.editor.chain().focus().toggleHeading({level:1}).run()
+            if(v === 'h2') this.editor.chain().focus().toggleHeading({level:2}).run()
+            if(v === 'h3') this.editor.chain().focus().toggleHeading({level:3}).run()
+            if(v === 'p') this.editor.chain().focus().setParagraph().run()
         }
     }
 }
@@ -110,9 +223,23 @@ export default {
 </script>
 
 <style scoped>
+.editor-but{
+    text-align: right;
+    margin: 10px 0;
+}
+.ed-head{
+    display: flex;
+    justify-content: center;
+}
 .ed-head-but{
     display: inline-block;
 }
+.ed-title{
+    flex: 1;
+    text-align: left;
+    line-height: 22px;
+    font-size: 14px;
+}
 .enclosure-list{
     display: flex;
     justify-content: space-between;
@@ -137,7 +264,10 @@ export default {
     border: 1px solid #ccc;
     border-radius: 3px;
     padding: 20px;
-    min-height: 200px;
+    outline: none;
+}
+.editor img{
+    max-width: 100%;
 }
   .ed-head{
       text-align: right;

package/src/index.js

@@ -18,6 +18,7 @@ import word from './components/word/index';
 import mind from './components/mind/index';
 import bizHeader from './components/biz_header/index';
 import editor2 from './components/editor2/index';
+import dragPopup from './components/dragPopup/index';
 
 const components = [
     Calendar,
@@ -37,7 +38,8 @@ const components = [
     word,
     mind,
     bizHeader,
-    editor2
+    editor2,
+    dragPopup
 ];
 
 function install(app) {
@@ -49,7 +51,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.15.65',
+    version: '1.16.66',
     install,
     Calendar,
     Message,
@@ -70,6 +72,7 @@ export default {
     word,
     mind,
     bizHeader,
-    editor2
+    editor2,
+    dragPopup
 };