zydx-plus 1.35.466 → 1.35.467

package/package.json

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

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

@@ -1177,9 +1177,9 @@ export default {
         })
       })
     },
-    readPdf:debounce(()=> {
+    readPdf:debounce(function (){
       let that = this
-      this.mouse()
+      that.mouse()
       pdfs.getPage(that.pageIndex).then(function (page) {
         let canvas = document.getElementById(that.id)
         let canvas2 = document.getElementById(`${that.id}2`)
@@ -1230,11 +1230,11 @@ export default {
         }, 1000)
       })
     },200),
-    readDoublePdf:debounce(()=>{
+    readDoublePdf:debounce(function (){
       let that = this
-      this.mouse()
-      this.$nextTick(()=>{
-        this.pageInfoArr.forEach((item,index)=>{
+      that.mouse()
+      that.$nextTick(()=>{
+        that.pageInfoArr.forEach((item,index)=>{
           pdfs.getPage(index+1).then(function (page) {
             let canvas = document.getElementById(item.id)
             let canvas2 = document.getElementById(`${item.id}2`)

package/src/components/variableBox/index.vue

@@ -16,25 +16,25 @@
 export default {
   name: "zydx-variable-box",
   props: {
-    isShowsRight:{
+    isShowsRight: {
       type: Boolean,
       default: true
     },
-    isShowsLeft:{
+    isShowsLeft: {
       type: Boolean,
       default: true
     },
   },
   watch: {
-    isShowsRight:{
+    isShowsRight: {
       handler: function (v) {
         setTimeout(() => {
-          if(this.isShowsRight) {
+          if (this.isShowsRight) {
             this.handleResize()
           } else {
             this.$refs.leftRef.style.width = '100%'
           }
-        } , 100)
+        }, 200)
       },
       immediate: true,
       deep: true
@@ -47,7 +47,7 @@ export default {
           } else {
             this.$refs.rightRef.style.width = '100%'
           }
-        }, 100)
+        }, 200)
       },
       immediate: true,
       deep: true
@@ -65,32 +65,36 @@ export default {
           leftDom = this.$refs.leftRef,
           resizeDom = this.$refs.resizeRef,
           rightDom = this.$refs.rightRef;
-      resizeDom.onmousedown = e => {
-        const startX = e.clientX; // 记录坐标起始位置
-        leftDom.left = leftDom.offsetWidth; // 左边元素起始宽度
-        document.onmousemove = e => {
-          const endX = e.clientX; // 鼠标拖动的终止位置
-          let moveLen = leftDom.left + (endX - startX); // 移动的距离 =  endX - startX，左边区域最后的宽度 = resizeDom.left + 移动的距离
-          const maxWidth = boxDom.clientWidth - resizeDom.offsetWidth; // 左右两边区域的总宽度 = 外层容器宽度 - 中间区域拖拉框的宽度
-          // 限制左边区域的最小宽度为 leftMinWidth
-          if (moveLen < leftMinWidth) {
-            moveLen = leftMinWidth;
-          }
-          // 右边区域最小宽度为 rightMinWidth
-          if (moveLen > maxWidth - rightMinWidth) {
-            moveLen = maxWidth - rightMinWidth;
-          }
-          leftDom.style.width = (moveLen / maxWidth) * 100 + "%"; // 设置左边区域的宽度，通过换算为百分比的形式，实现窗体放大缩小自适应
-          rightDom.style.width = ((maxWidth - moveLen) / maxWidth) * 100 + "%"; // 右边区域 = 总大小 - 左边宽度 - 拖动条宽度
+      if (resizeDom) {
+        leftDom.style.width = '50%'
+        rightDom.style.width = '50%'
+        resizeDom.onmousedown = e => {
+          const startX = e.clientX; // 记录坐标起始位置
+          leftDom.left = leftDom.offsetWidth; // 左边元素起始宽度
+          document.onmousemove = e => {
+            const endX = e.clientX; // 鼠标拖动的终止位置
+            let moveLen = leftDom.left + (endX - startX); // 移动的距离 =  endX - startX，左边区域最后的宽度 = resizeDom.left + 移动的距离
+            const maxWidth = boxDom.clientWidth - resizeDom.offsetWidth; // 左右两边区域的总宽度 = 外层容器宽度 - 中间区域拖拉框的宽度
+            // 限制左边区域的最小宽度为 leftMinWidth
+            if (moveLen < leftMinWidth) {
+              moveLen = leftMinWidth;
+            }
+            // 右边区域最小宽度为 rightMinWidth
+            if (moveLen > maxWidth - rightMinWidth) {
+              moveLen = maxWidth - rightMinWidth;
+            }
+            leftDom.style.width = (moveLen / maxWidth) * 100 + "%"; // 设置左边区域的宽度，通过换算为百分比的形式，实现窗体放大缩小自适应
+            rightDom.style.width = ((maxWidth - moveLen) / maxWidth) * 100 + "%"; // 右边区域 = 总大小 - 左边宽度 - 拖动条宽度
+          };
+          document.onmouseup = () => {
+            document.onmousemove = null;
+            document.onmouseup = null;
+            resizeDom.releaseCapture && resizeDom.releaseCapture(); // 鼠标捕获释放
+          };
+          resizeDom.setCapture && resizeDom.setCapture(); // 启用鼠标捕获
+          return false;
         };
-        document.onmouseup = () => {
-          document.onmousemove = null;
-          document.onmouseup = null;
-          resizeDom.releaseCapture && resizeDom.releaseCapture(); // 鼠标捕获释放
-        };
-        resizeDom.setCapture && resizeDom.setCapture(); // 启用鼠标捕获
-        return false;
-      };
+      }
     }
   }
 };
@@ -104,8 +108,7 @@ export default {
   box-sizing: border-box;
 }
 .left {
-  width: 100%;
-  /*background-color: #f1eab3;*/
+  width: 50%;
 }
 .resize {
   position: relative;
@@ -120,7 +123,6 @@ export default {
   background-color: white;
 }
 .right {
-  width: 310px;
-  /* background-color: #b5ef8f;*/
+  width: 50%;
 }
 </style>

package/src/index.js

@@ -87,7 +87,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.35.466',
+    version: '1.35.467',
     install,
     Calendar,
     Message,