zydx-plus 1.30.158 → 1.30.160

package/package.json

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

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

@@ -5,9 +5,9 @@
         <button class="def-but" v-if="butShow" @click="confirm">完成</button>
     </div>
     <div class="read-only" v-if="readOnly">
-        <div class="read-only-page" v-for="(item,index) in htmlArr" >
+        <div class="read-only-page" :style="{width: !page? '100%': '794px',height: !page? 'auto': '1123px','box-shadow': !page? 'none': '0 0 10px rgba(0, 0, 0, 0.1)', 'padding': !page? '10px':'60px'}" v-for="(item,index) in htmlArr" >
             <div class="read-only-p" v-html="item"></div>
-            <div class="read-only-a">{{ index + 1 }}/{{ htmlArr.length }}</div>
+            <div v-if="page" class="read-only-a">{{ index + 1 }}/{{ htmlArr.length }}</div>
         </div>
     </div>
 </template>
@@ -71,12 +71,17 @@ export default defineComponent({
         uploadAttachment: {
             type: Object,
             default: {}
+        },
+        page: {
+            type: Boolean,
+            default: true
         }
     },
     emits: ['confirm','enclosure'],
     watch: {
         html: {
             handler: function (e, oldVal) {
+                // 获取焦点
                 this.editableShow = false
                 this.formData.html = e
                 if(this.readOnly) {
@@ -95,28 +100,34 @@ export default defineComponent({
                 if(e) this.readOnlyPage()
             },
             deep: true
-        },
+        }
     },
     mounted() {
-        // this.$nextTick(() => {
-        //     if(this.readOnly) this.readOnlyPage()
-        // })
         window.closeMaker = this.closeMaker
     },
     methods: {
         readOnlyPage() {
             this.htmlArr = []
             const data = document.querySelectorAll('.w-e-scroll')[0].childNodes[0].childNodes
+            let max = 1123
             let pHeight = 0
             let html = ''
+            if(!this.page) {
+                for (let i = 0; i < data.length; i++) {
+                    html += data[i].outerHTML
+                }
+                this.htmlArr.push(html)
+                return
+            }
             for (let i = 0; i < data.length; i++) {
                 let text = data[i].offsetHeight
-                if((pHeight + text) > 930) {
+                if((pHeight + text) > max) {
+                    // console.log(this.rows(data[i],(pHeight + text) - max))
                     this.htmlArr.push(html)
                     pHeight = 0
                     html = ''
                 }
-                pHeight += text
+                pHeight += text + 5
                 html += data[i].outerHTML
                 if(i === data.length - 1) {
                     this.htmlArr.push(html)
@@ -126,6 +137,21 @@ export default defineComponent({
                 }
             }
         },
+        rows(data,num) {
+            let line = parseInt(window.getComputedStyle(data, null).lineHeight)
+            let height = data.offsetHeight
+            let rows = Math.round(height/line)
+            let text = data.innerText
+            let textLen = Math.round(text.length/rows)
+            let start = text.slice(0,textLen)
+            let end = text.slice(textLen)
+            console.log(Math.round((height - num)/line))
+            console.log(rows)
+            // if(rows - num > 0) {
+            //     console.log(rows - num)
+            // }
+            return {start,end}
+        },
         closeMaker(data) {
             this.$emit('enclosure',data)
         },
@@ -192,12 +218,8 @@ export default defineComponent({
     text-align: right;
 }
 .read-only-page{
-    width: 794px;
-    height: 1123px;
     margin: 0 auto 20px auto;
     background-color: #fff;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-    padding: 60px;
     box-sizing: border-box;
     position: relative;
 }
@@ -268,10 +290,6 @@ export default defineComponent({
 :deep(.w-e-text-container h5) {
     margin: 5px 0;
 }
-:deep(.w-e-text-container h6) {
-    margin: 5px 0;
-}
-
 
 :deep(.w-e-text-placeholder) {
     top: 6px;

package/src/index.js

@@ -71,7 +71,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.30.158',
+    version: '1.30.160',
     install,
     Calendar,
     Message,