zydx-plus 1.19.93 → 1.19.95

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zydx-plus",
-  "version": "1.19.93",
+  "version": "1.19.95",
   "description": "Vue.js",
   "main": "src/index.js",
   "files": [

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

@@ -80,12 +80,10 @@ export default defineComponent({
     }
   },
   mounted() {
-    setTimeout(() => {
       this.formData.html = this.html
       setTimeout(() => {
-        if(this.readOnly) this.opts.editable.config.readOnly = this.readOnly
+          if(this.readOnly) this.opts.editable.config.readOnly = this.readOnly
       },0)
-    },0)
   },
   setup(props) {
     const { opts, handle, instance, clearContent, syncContent, reloadEditor } = useWangEditor({

package/src/components/editor/src/menu.js

@@ -42,16 +42,14 @@ class signButtonMenu {
         let nodes = JSON.parse(JSON.stringify(node)) //拷贝一份
         if(typeCode(node,'attachment')) return
         const resume = {
-            type: 'paragraph',
-            children: [{
-                type: 'attachment',
-                fileName: signData.text,
-                link: signData.ico,
-                children: [{text:''}]
-            }]
+            type: 'attachment',
+            fileName: signData.text,
+            link: signData.ico,
+            children: [{text:''}]
         }
         nodes.unshift(resume)
         editor.clear()
+        console.log(nodes)
         for(let i = 0; i < nodes.length; i++){
             editor.insertNode(nodes[i])
         }
@@ -166,6 +164,64 @@ class titleButtonMenu {
     }
 }
 
+class literatureButtonMenu {
+    constructor(v) {
+        titleData = v
+        this.title = '参考文献' // 自定义菜单标题
+        this.tag = 'button'
+    }
+    // 获取菜单执行时的 value ，用不到则返回空 字符串或 false
+    getValue(editor) {
+        return false
+    }
+    // 菜单是否需要激活（如选中加粗文本，“加粗”菜单会激活），用不到则返回 false
+    isActive(editor) {
+        return false
+    }
+    // 菜单是否需要禁用（如选中 H1 ，“引用”菜单被禁用），用不到则返回 false
+    isDisabled(editor) {
+        return false
+    }
+    // 点击菜单时触发的函数
+    exec(editor, value) {
+        if (this.isDisabled(editor)) return
+        const resume = {
+            type: 'attachment',
+            text: '[1]作者.期刊论文名称IJ1.期刊名称,发表年份(第几期):页码',
+            color: '#000000',
+            fontSize: '14px',
+        }
+        const resume2 = {
+            type: 'paragraph',
+            children: [{
+                text: '[2]作者.学位论文名称[D1.毕业院校所在城市:毕业院校,论文提交年份:页码',
+                color: '#000000',
+                fontSize: '14px',
+            }]
+        }
+        const resume3 = {
+            type: 'paragraph',
+            children: [{
+                text: '[3]作者.著作名称[M.出版社所在城市:出版社名称,出版年份:页码.',
+                color: '#000000',
+                fontSize: '14px',
+            }]
+        }
+        const resume4 = {
+            type: 'paragraph',
+            children: [{
+                text: '[4]作者.文章名称[N].报纸名称,发行日期(版面)',
+                color: '#000000',
+                fontSize: '14px',
+            }]
+        }
+        editor.insertNode(resume)
+        editor.insertNode(resume2)
+        editor.insertNode(resume3)
+        editor.insertNode(resume4)
+    }
+}
+
 const signMenuConf = {
     key: 'signMenu',
     factory(v) {
@@ -186,7 +242,13 @@ const titleMenuConf = {
         return new titleButtonMenu(v)
     },
 }
+const literatureMenuConf = {
+    key: 'literatureMenu',
+    factory(v) {
+        return new literatureButtonMenu(v)
+    },
+}
 
 export const menuModule = {
-    menus: [signMenuConf,redMenuConf,titleMenuConf]
+    menus: [signMenuConf,redMenuConf,titleMenuConf,literatureMenuConf]
 }

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

@@ -14,7 +14,7 @@
             </div>
         </div>
         <div class="ed-cont" :style="heightStyleCont">
-            <div :style="{'border': (readOnly)? '1px solid #ccc': '0'}" v-if="editorShow">
+            <div :style="{'border': (borderShow)? '1px solid #ccc': '0'}" v-if="editorShow">
                 <editor-content class="editor" :editor="editor" :style="heightStyleCont" />
             </div>
             <div class="editor-but" v-if="butText !== ''&& readOnly">
@@ -154,6 +154,10 @@ export default {
         editorShow: {
             type: Boolean,
             default: true
+        },
+        borderShow: {
+            type: Boolean,
+            default: true
         }
     },
     emits: ['see','del','complete','update:data'],
@@ -297,7 +301,7 @@ export default {
             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.download = this.uploadAttData[index].filename? this.uploadAttData[index].filename : this.uploadAttData[index].annexName;
             a.href = url;
             document.body.appendChild(a);
             a.click();

package/src/components/flip/src/flip.vue

@@ -1,130 +1,136 @@
 <template>
-  <div id="docView">
-      <div style="height: 100%;">
-          <div class="book">
-              <div class="pages">
-                  <div class="wrap" id="canvas-wrap"></div>
-                  <div class="page-but-left" :style="{cursor: pageIndex === 1?'default':'pointer'}" @click="flipLeft(pageIndex-=1,false)"></div>
-                  <div class="page-but-right" :style="{cursor: pageIndex === pdfPages?'default':'pointer'}" @click="flipRight(pageIndex+=1,false)"></div>
-<!--                  <div class="paper z-in" :class="{'data-right': pages}">-->
-<!--                      <div class="page page-2" id="canvas-wrap1"></div>-->
-<!--                      <div class="page page-2-back" id="canvas-wrap2"></div>-->
-<!--                  </div>-->
-<!--                  <div class="paper z-in-ac">-->
-<!--                      <div class="page page-2" id="canvas-wrap3"></div>-->
-<!--                      <div class="page page-2-back" id="canvas-wrap4"></div>-->
-<!--                  </div>-->
-              </div>
-          </div>
-          <div class="but-wrap" v-if="butShow">
-              <button class="but-brown" :disabled="pageIndex === 1" :class="{'but-act': pageIndex === 1}" @click="flipLeft(pageIndex-=1,false)">上一页</button>
-              <button class="but-brown" :disabled="pageIndex === pdfPages" :class="{'but-act': pageIndex === pdfPages}" @click="flipRight(pageIndex+=1,false)">下一页</button>
-          </div>
-      </div>
-  </div>
+    <div class="docView">
+        <div style="height: 100%;">
+            <div class="book">
+                <div class="pages">
+                    <div class="wrap">
+                        <div class="wrap-can">
+                            <canvas :id="id"></canvas>
+                        </div>
+                    </div>
+                    <div class="page-but-left" :style="{cursor: pageIndex === 1?'default':'pointer'}" @click="flipLeft(pageIndex-=1,false)"></div>
+                    <div class="page-but-right" :style="{cursor: pageIndex === pdfPages?'default':'pointer'}" @click="flipRight(pageIndex+=1,false)"></div>
+                    <!--                  <div class="paper z-in" :class="{'data-right': pages}">-->
+                    <!--                      <div class="page page-2" id="canvas-wrap1"></div>-->
+                    <!--                      <div class="page page-2-back" id="canvas-wrap2"></div>-->
+                    <!--                  </div>-->
+                    <!--                  <div class="paper z-in-ac">-->
+                    <!--                      <div class="page page-2" id="canvas-wrap3"></div>-->
+                    <!--                      <div class="page page-2-back" id="canvas-wrap4"></div>-->
+                    <!--                  </div>-->
+                </div>
+            </div>
+            <div class="but-wrap" v-if="butShow">
+                <button class="but-brown" :disabled="pageIndex === 1" :class="{'but-act': pageIndex === 1}" @click="flipLeft(pageIndex-=1,false)">上一页</button>
+                <button class="but-brown" :disabled="pageIndex === pdfPages" :class="{'but-act': pageIndex === pdfPages}" @click="flipRight(pageIndex+=1,false)">下一页</button>
+            </div>
+        </div>
+    </div>
 </template>
 
 <script>
-import * as PdfJs from 'pdfjs-dist/legacy/build/pdf.js' // 注意导入的写法
+import * as PdfJs from 'pdfjs-dist/legacy/build/pdf.js' // 注意导入的写法d
 PdfJs.GlobalWorkerOptions.workerSrc = require('pdfjs-dist/build/pdf.worker.entry')
 export default {
-  name: "zydx-flip",
-  data() {
-    return {
-      pdfPages: 0,
-      imgArr: {},
-      hei: 0,
-      pageIndex: this.page,
-      show: false,
-      load: 0,
-      loadWidth: 0,
-      pages: false,
-      pagesData: [],
-      opacity: 1
-    }
-  },
-  props: {
-    source: {
-      type: String,
-      default: ''
+    name: "zydx-flip",
+    data() {
+        return {
+            pdfPages: 0,
+            imgArr: {},
+            hei: 0,
+            pageIndex: this.page,
+            show: false,
+            load: 0,
+            loadWidth: 0,
+            pages: false,
+            pagesData: [],
+            opacity: 1,
+            id: null
+        }
+    },
+    props: {
+        source: {
+            type: String,
+            default: ''
+        },
+        singlePage: {
+            type: Boolean,
+            default: false
+        },
+        butShow: {
+            type: Boolean,
+            default: true
+        },
+        page: {
+            type: Number,
+            default: 1
+        }
     },
-    singlePage: {
-      type: Boolean,
-      default: false
+    watch: {
+        page: {
+            handler: function (val, oldVal) {
+                this.pageIndex = val
+            },
+            immediate: true
+        }
     },
-    butShow: {
-      type: Boolean,
-      default: true
+    emits: ['flip'],
+    mounted() {
+        this.readPdf()
+        this.id = 'canvas-wrap' + Math.random().toString(36).substr(2)
     },
-    page: {
-      type: Number,
-      default: 1
+    methods: {
+        flipLeft(e,v) {
+            if(e <= 1) {
+                this.pageIndex = 1
+            }else {
+                this.pageIndex = e
+            }
+            this.readPdf()
+            if(!v) {
+                this.$emit('flip', {
+                    page: this.pageIndex,
+                    total: this.pdfPages
+                })
+            }
+        },
+        flipRight(e,v) {
+            if(e >= this.pdfPages) {
+                this.pageIndex = this.pdfPages
+            }else {
+                this.pageIndex = e
+            }
+            this.readPdf()
+            if(!v) {
+                this.$emit('flip', {
+                    page: this.pageIndex,
+                    total: this.pdfPages
+                })
+            }
+        },
+        readPdf() {
+            let that = this
+            const loadingTask = PdfJs.getDocument(this.source)
+            loadingTask.promise.then((pdf) => {
+                that.pdfPages = pdf.numPages // 获取pdf文件的总页数
+                pdf.getPage(that.pageIndex).then(function (page) {
+                    let canvas = document.getElementById(that.id)
+                    let ctx = canvas.getContext('2d');
+                    let viewport = page.getViewport({scale: 1})
+                    canvas.width = viewport.width * 2
+                    canvas.height = viewport.height * 2
+                    canvas.style.width = viewport.width + 'px'
+                    canvas.style.height = viewport.height + 'px'
+                    let renderContext = {
+                        canvasContext: ctx,
+                        viewport: viewport,
+                        transform: [2, 0, 0, 2, 0, 0]//这里会进行放大，解决模糊问题
+                    }
+                    page.render(renderContext)
+                })
+            })
+        }
     }
-  },
-  watch: {
-      page: {
-         handler: function (val, oldVal) {
-            this.pageIndex = val
-         },
-         immediate: true
-      }
-  },
-  emits: ['flip'],
-  mounted() {
-     this.readPdf()
-  },
-  methods: {
-      flipLeft(e,v) {
-          if(e <= 1) {
-              this.pageIndex = 1
-          }else {
-              this.pageIndex = e
-          }
-          this.readPdf()
-          if(!v) {
-              this.$emit('flip', {
-                  page: this.pageIndex,
-                  total: this.pdfPages
-              })
-          }
-      },
-      flipRight(e,v) {
-          if(e >= this.pdfPages) {
-              this.pageIndex = this.pdfPages
-          }else {
-              this.pageIndex = e
-          }
-          this.readPdf()
-          if(!v) {
-              this.$emit('flip', {
-                  page: this.pageIndex,
-                  total: this.pdfPages
-              })
-          }
-      },
-      readPdf() {
-          let that = this
-          const loadingTask = PdfJs.getDocument(this.source)
-          loadingTask.promise.then((pdf) => {
-              that.pdfPages = pdf.numPages // 获取pdf文件的总页数
-              pdf.getPage(that.pageIndex).then(function (page) {
-                  let viewport = page.getViewport({scale: 1})
-                  document.getElementById('canvas-wrap').innerHTML = ''
-                  let container = document.createElement('div')
-                  container.style.width = viewport.width + 'px'
-                  container.style.height = viewport.height + 'px'
-                  container.style.margin = '0 auto'
-                  document.getElementById('canvas-wrap').appendChild(container)
-                  return page.getOperatorList().then(function(opList) {
-                      let svgGfx = new PdfJs.SVGGraphics(page.commonObjs, page.objs)
-                      return svgGfx.getSVG(opList, viewport).then(function(svg) {
-                          container.appendChild(svg)
-                      })
-                  })
-              })
-          })
-      }
-  }
 }
 </script>
 
@@ -132,64 +138,21 @@ export default {
 .wrap{
     width: 100%;
     height: 100%;
+    display: flex;
+    align-items: center;
+}
+.wrap-can{
+    display: inline-block;
+    margin: 0 auto;
 }
 .but-wrap{
     text-align: center;
 }
-.z-in{
-    z-index: 2;
-}
-.z-in-ac{
-    z-index: 1;
-}
 .pages{
     width: 100%;
     height: 100%;
     position: relative;
 }
-.paper{
-    position: absolute;
-    right: 0;
-    transform-style: preserve-3d;
-    width: 100%;
-}
-.page{
-    position: absolute;
-    text-align: center;
-}
-.page img{
-    width: 100%;
-    height: 100%;
-}
-.data-right {
-    opacity: 1;
-    transform-origin: left center;
-    animation: flip-to-left 1.5s ease-in-out forwards;
-}
-.data-left{
-    right: auto;
-    left: 0;
-}
-@keyframes flip-to-left {
-    0% {
-        transform: perspective(3000px) rotateY(0);
-    }
-    95% {
-        transform: perspective(3000px) rotateY(-180deg);
-    }
-    100% {
-        transform: perspective(3000px) rotateY(-180deg);
-    }
-}
-.page-1-back, .page-2-back {
-    transform: scale(-1, 1);
-}
-.page-1, .page-2 {
-    transform: translateZ(1px);
-}
-
-
-
 
 .page-but-left{
     position: absolute;
@@ -214,27 +177,27 @@ export default {
     padding-bottom: 10px;
     font-size: 14px;
 }
-#docView{
-  height: 100%;
+.docView{
+    height: 100%;
 }
 .but-brown{
-  background-color: #c64c10;
-  padding: 0 20px;
-  font-size: 12px;
-  color: #fff;
-  height: 24px;
-  line-height: 24px;
-  border-radius: 5px;
-  border: 0;
-  cursor: pointer;
-  margin-left: 10px;
+    background-color: #c64c10;
+    padding: 0 20px;
+    font-size: 12px;
+    color: #fff;
+    height: 24px;
+    line-height: 24px;
+    border-radius: 5px;
+    border: 0;
+    cursor: pointer;
+    margin-left: 10px;
 }
 .book{
-  width: 100%;
-  height: 100%;
+    width: 100%;
+    height: 100%;
 }
-  .but-act{
+.but-act{
     background-color: #bbbbbb;
     color: #fff;
-  }
+}
 </style>

package/src/components/select/src/select.vue

@@ -21,12 +21,14 @@
         </svg>
       </span>
       <transition>
-        <ul v-if="isOpen"
-            :class="{ 'custom-select-options': true, 'scroll': maxHeight > 0 }">
-          <li v-for="(option, idx) in options"
-              :key="idx"
-              @click="handleClick(option)">{{ option.label }}</li>
-        </ul>
+        <template v-if="options.length">
+          <ul v-if="isOpen"
+              :class="{ 'custom-select-options': true, 'scroll': maxHeight > 0 }">
+            <li v-for="(option, idx) in options"
+                :key="idx"
+                @click="handleClick(option)">{{ option.label }}</li>
+          </ul>
+        </template>
       </transition>
     </div>
   </div>

package/src/components/tab/src/tab.vue

@@ -35,6 +35,15 @@ export default {
       default: () => ['name']
     },
   },
+    watch: {
+        active(val) {
+            this.list.forEach((item, index) => {
+                if (item[this.activeId] === val) {
+                    this.actives = index
+                }
+            })
+        }
+    },
     mounted() {
       if (this.activeId) {
         this.list.forEach((item, index) => {

package/src/components/textarea/src/textarea.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="text" :style="{'min-height': height + 'px'}" contenteditable="true" ref="textarea"></div>
+    <div class="text" :style="{'min-height': height + 'px'}" :contenteditable="true" ref="textarea"></div>
 </template>
 
 <script>
@@ -16,7 +16,7 @@ export default {
         height: {
             type: Number,
             default: 200
-        },
+        }
     },
     watch: {
         value(val) {

package/src/index.js

@@ -57,7 +57,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.19.93',
+    version: '1.19.95',
     install,
     Calendar,
     Message,