zydx-plus 1.34.463 → 1.35.464

package/package.json

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

package/src/components/biz_header/src/button_name.js

@@ -2256,8 +2256,8 @@ let buttonNames = {
                                 default: "demand",
                                 demand: '学习要求',
                                 resourceIndex: '学习任务',
-                                actionAnalysis: '学习评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '学习点评',
+                                qualityAnalysis: '素养点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2281,8 +2281,7 @@ let buttonNames = {
                                 default: "demand",
                                 demand: '调查要求',
                                 resourceIndex: '调查试题',
-                                actionAnalysis: '调查评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '调查点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2306,8 +2305,8 @@ let buttonNames = {
                                 default: "demand",
                                 demand: '检测要求',
                                 resourceIndex: '检测试题',
-                                actionAnalysis: '检测评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '检测点评',
+                                qualityAnalysis: '素养点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2331,8 +2330,8 @@ let buttonNames = {
                                 default: "demand",
                                 demand: '思政要求',
                                 resourceIndex: '思政任务',
-                                actionAnalysis: '思政评析',
-                                qualityAnalysis:'素养评析'
+                                actionAnalysis: '思政点评',
+                                qualityAnalysis:'素养点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2355,8 +2354,8 @@ let buttonNames = {
                             headLevel: {
                                 default: "demand",
                                 demand: '笔记要求',
-                                actionAnalysis: '笔记评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '笔记点评',
+                                qualityAnalysis: '素养点评'
                             }
                         }
                     }
@@ -2369,8 +2368,8 @@ let buttonNames = {
                                 default: "demand",
                                 demand: '回答要求',
                                 resourceIndex: '提问问题',
-                                actionAnalysis: '回答评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '回答点评',
+                                qualityAnalysis: '素养点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2394,8 +2393,8 @@ let buttonNames = {
                                 default: "demand",
                                 demand: '思考要求',
                                 resourceIndex: '思考问题',
-                                actionAnalysis: '思考评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '思考点评',
+                                qualityAnalysis: '素养点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2419,8 +2418,8 @@ let buttonNames = {
                                 default: "demand",
                                 demand: '提问要求',
                                 resourceIndex: '虚拟提问',
-                                actionAnalysis: '提问评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '提问点评',
+                                qualityAnalysis: '素养点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2443,8 +2442,8 @@ let buttonNames = {
                             headLevel: {
                                 default: "demand",
                                 demand: '问答要求',
-                                actionAnalysis: '问答评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '问答点评',
+                                qualityAnalysis: '素养点评'
                             }
                         }
                     }
@@ -2457,8 +2456,8 @@ let buttonNames = {
                                 default: "demand",
                                 demand: '讨论要求',
                                 resourceIndex: '讨论题目',
-                                actionAnalysis: '讨论评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '讨论点评',
+                                qualityAnalysis: '素养点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2482,8 +2481,8 @@ let buttonNames = {
                                 default: "demand",
                                 demand: '风暴要求',
                                 resourceIndex: '风暴题目',
-                                actionAnalysis: '风暴评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '风暴点评',
+                                qualityAnalysis: '素养点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2507,8 +2506,8 @@ let buttonNames = {
                                 default: "demand",
                                 demand: '回答要求',
                                 resourceIndex: '追问任务',
-                                actionAnalysis: '回答评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '回答点评',
+                                qualityAnalysis: '素养点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2532,8 +2531,8 @@ let buttonNames = {
                                 default: "demand",
                                 demand: '训练要求',
                                 resourceIndex: '训练试题',
-                                actionAnalysis: '训练评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '训练点评',
+                                qualityAnalysis: '素养点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2557,8 +2556,8 @@ let buttonNames = {
                                 default: "demand",
                                 demand: '案析要求',
                                 resourceIndex: '案析任务',
-                                actionAnalysis: '案例评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '案例点评',
+                                qualityAnalysis: '素养点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2582,8 +2581,8 @@ let buttonNames = {
                                 default: "demand",
                                 demand: '学习要求',
                                 resourceIndex: '学习任务',
-                                actionAnalysis: '学习评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '学习点评',
+                                qualityAnalysis: '素养点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2606,8 +2605,8 @@ let buttonNames = {
                             headLevel: {
                                 default: "demand",
                                 demand: '讲解要求',
-                                actionAnalysis: '讲解评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '讲解点评',
+                                qualityAnalysis: '素养点评'
                             }
                         }
                     }
@@ -2620,8 +2619,8 @@ let buttonNames = {
                                 default: "demand",
                                 demand: '学习要求',
                                 resourceIndex: '学习任务',
-                                actionAnalysis: '学习评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '学习点评',
+                                qualityAnalysis: '素养点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2645,8 +2644,8 @@ let buttonNames = {
                                 default: "demand",
                                 demand: '作业要求',
                                 resourceIndex: '作业题目',
-                                actionAnalysis: '作业评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '作业点评',
+                                qualityAnalysis: '素养点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2670,8 +2669,8 @@ let buttonNames = {
                                 default: "demand",
                                 demand: '聆听要求',
                                 resourceIndex: '聆听任务',
-                                actionAnalysis: '聆听评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '聆听点评',
+                                qualityAnalysis: '素养点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2695,8 +2694,8 @@ let buttonNames = {
                                 default: "demand",
                                 demand: '阅读要求',
                                 readResource: '阅读资源',
-                                actionAnalysis: '阅读评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '阅读点评',
+                                qualityAnalysis: '素养点评'
                             }
                         }
                     }
@@ -2709,8 +2708,8 @@ let buttonNames = {
                                 default: "demand",
                                 demand: '写作要求',
                                 guideIndex: '指导意见',
-                                actionAnalysis: '写作评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '写作点评',
+                                qualityAnalysis: '素养点评'
                             }
                         }
                     }
@@ -2804,8 +2803,8 @@ let buttonNames = {
                                 demand: '实践要求',
                                 resourceIndex: '实践任务',
                                 guideIndex: '指导意见',
-                                actionAnalysis: '实践评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '实践点评',
+                                qualityAnalysis: '素养点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2830,8 +2829,8 @@ let buttonNames = {
                                 demand: '实验要求',
                                 resourceIndex: '实验任务',
                                 guideIndex: '指导意见',
-                                actionAnalysis: '实验评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '实验点评',
+                                qualityAnalysis: '素养点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2856,8 +2855,8 @@ let buttonNames = {
                                 demand: '项目要求',
                                 resourceIndex: '学习项目',
                                 guideIndex: '指导意见',
-                                actionAnalysis: '学习评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '学习点评',
+                                qualityAnalysis: '素养点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2882,8 +2881,8 @@ let buttonNames = {
                                 demand: '创新要求',
                                 resourceIndex: '创新任务',
                                 guideIndex: '指导意见',
-                                actionAnalysis: '创新评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '创新点评',
+                                qualityAnalysis: '素养点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2907,8 +2906,8 @@ let buttonNames = {
                                 default: "demand",
                                 demand: '考试要求',
                                 resourceIndex: '考试试题',
-                                actionAnalysis: '考试评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '考试点评',
+                                qualityAnalysis: '素养点评'
                             },
                             otherLevel: {
                                 default: "singletonClass",
@@ -2933,8 +2932,8 @@ let buttonNames = {
                                 demand: '动力规则',
                                 resourceIndex1: '学习激励',
                                 resourceIndex2: '教师督学',
-                                actionAnalysis: '动力评析',
-                                qualityAnalysis: '素养评析'
+                                actionAnalysis: '动力点评',
+                                // qualityAnalysis: '素养点评'
                             }
                         }
                     }
@@ -2946,8 +2945,8 @@ let buttonNames = {
                           headLevel: {
                               default: "demand",
                               demand: '学习要求',
-                              actionAnalysis: '学习评析',
-                              qualityAnalysis: '素养评析'
+                              actionAnalysis: '学习点评',
+                              // qualityAnalysis: '素养点评'
                           }
                       }
                   }
@@ -2959,8 +2958,8 @@ let buttonNames = {
                         headLevel: {
                             default: "demand",
                             demand: '考勤要求',
-                            actionAnalysis: '考勤评析',
-                            qualityAnalysis: '素养评析'
+                            actionAnalysis: '考勤点评',
+                            // qualityAnalysis: '素养点评'
                         }
                     }
                 }

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

@@ -19,7 +19,7 @@
       </div>
     </div>
     <div>
-      <div class="book">
+      <div class="book" ref="book">
         <div class="pages">
           <div class="wrap-box" ref="wrap-box"  v-if="doublePage">
             <div class="wrap wrap-block" :ref="`wrap-${item.id}`" v-for="(item,index) in pageInfoArr" :key="index">
@@ -48,7 +48,7 @@
           <div class="wrap" ref="wrap" v-else>
             <div class="wrap-can" v-show="!loading" ref="wrapCan">
               <canvas @click.stop="turnText" class="wrap-can-one" @mousedown.stop="mouseDown"
-                      @mousemove.stop="mouseMove" :id="id"></canvas>
+                      @mousemove.stop="mouseMove" :id="`${id}`"></canvas>
               <canvas :id="`${id}2`"></canvas>
               <div
                   v-show="state === 'text'&&textY2>0&&textX2>0"
@@ -67,13 +67,13 @@
               </div>
             </div>
           </div>
-          <div class="page-but-left" :style="{cursor: pageIndex === 1?'default':'pointer'}" v-if="!doublePage"
+          <div class="page-but-left" :style="{cursor: pageIndex === 1?'default':'pointer'}" v-if="!loading&&!doublePage"
                @click.stop="flipRight(pageIndex-=1,false)">
             <img v-if="pageIndex !== 1"
                  src="data:image/png;base64,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"
                  alt=""/>
           </div>
-          <div class="page-but-right" :style="{cursor: pageIndex === pdfPages?'default':'pointer'}" v-if="!doublePage"
+          <div class="page-but-right" :style="{cursor: pageIndex === pdfPages?'default':'pointer'}" v-if="!loading&&!doublePage"
                @click.stop="flipLeft(pageIndex+=1,false)">
             <img v-if="pageIndex !== pdfPages"
                  src="data:image/png;base64,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"
@@ -182,7 +182,7 @@ export default {
     },
     butShow: {
       type: Boolean,
-      default: true
+      default: false
     },
     page: {
       type: Number,
@@ -299,6 +299,17 @@ export default {
       if (this.isDrawing || this.checkDrawing) this.mouseUp()
       this.textMoveStart = false
     }
+    setTimeout(()=>{
+      const el = this.$refs.book;
+      const resizeObserver = new ResizeObserver(() => {
+        if(this.doublePage){
+          this.readDoublePdf()
+        }else {
+          this.readPdf()
+        }
+      });
+      resizeObserver.observe(el);
+    },300)
   },
   beforeDestroy() {
     window.removeEventListener('keydown', this.handleKeyEvent)
@@ -1345,7 +1356,7 @@ export default {
   margin: 0 auto;
   position: relative;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
-//cursor: none;
+/*cursor: none;*/
 }
 
 .wrap-can img {
@@ -1427,7 +1438,7 @@ export default {
 
 .book {
   width: 100%;
-  min-height: 600px;
+  /*min-height: 600px;*/
   max-height: 1200px;
   overflow-y: auto;
 }
@@ -1442,7 +1453,8 @@ export default {
 }
 
 .loading-back {
-  position: absolute;
+  min-height: 600px;
+  /*position: absolute;*/
   top: 0;
   left: 0;
   right: 0;
@@ -1537,6 +1549,6 @@ div{
 .full-screen-img>img{
   width: 20px;
   height: 20px;
-//margin-left: 5px;
+/*margin-left: 5px;*/
 }
 </style>

package/src/components/read/src/read.vue

@@ -1,11 +1,11 @@
 <template>
-  <div class="read">
+  <div class="read" ref="read">
       <vue-office-docx v-if="fileType === 'docx'" :src="url" style="height: 100%;" @rendered="renderedHandler"  @error="errorHandler" />
       <vue-office-excel v-if="fileType === 'xlsx' && xlsx" :src="url" style="height: 100%;" @rendered="renderedHandler"  @error="errorHandler" />
-      <div class="view-pdf" @scroll="scroll" v-if="fileType === 'pdf'">
+      <div class="view-pdf" @scroll="scroll" ref="view-pdf" v-if="fileType === 'pdf'">
           <div class="pageContainer" v-for="(item,index) in idArr">
-              <canvas :id="item"></canvas>
-              <div class="pdfPage">{{ index + 1 }}/{{ pdfPages }}</div>
+            <canvas :id="item"></canvas>
+            <div class="pdfPage">{{ index + 1 }}/{{ pdfPages }}</div>
           </div>
       </div>
       <div class="mp4" v-if="fileType === 'mp4'">
@@ -35,6 +35,7 @@ import '@vue-office/docx/lib/index.css'
 import '@vue-office/excel/lib/index.css'
 
 import Mess from '../../tipBox/index'
+import {debounce} from "@/components/utils";
 let pdfs = null
 export default {
     name: "zydx-read",
@@ -127,7 +128,16 @@ export default {
                 this.loading = true
             }
             // if(this.fileType === 'mp4') this.videoFun()
-            if (this.fileType === 'pdf') this.init()
+            if (this.fileType === 'pdf') {
+              this.init()
+              setTimeout(()=>{
+                const el = this.$refs.read;
+                const resizeObserver = new ResizeObserver(() => {
+                    this.refreshCanvas()
+                });
+                resizeObserver.observe(el);
+              },300)
+            }
             setTimeout(() => {
                 this.repeat = false
             }, 1000)
@@ -150,6 +160,7 @@ export default {
             })
             loadingTask.promise.then((pdf) => {
                 pdfs = pdf
+              console.log('pdfs',pdfs)
                 that.pdfPages = pdf.numPages // 获取pdf文件的总页数
                 that.page = pdf.numPages
                 that.pageIndex = that.page > 1? 2:1
@@ -170,7 +181,7 @@ export default {
           let total = scrollTop + windowHeitht
           if(total >= scrollHeight - 50){
             if(this.pageIndex >= this.page) return
-            if((this.page - this.pageIndex) > 2) {
+            if((this.page - this.pageIndex) >= 2) {
               this.pageIndex += 2
               this.getPDF(pdfs,2)
             }else {
@@ -180,6 +191,7 @@ export default {
           }
         },
         getPDF(pdf,page) {
+          console.log('getPDF=====page',page)
             let that = this
             for (let i = 0; i < page; i++) {
                 const id = 'canvas' + Math.random().toString(36).substr(2)
@@ -188,11 +200,22 @@ export default {
                     let canvas = document.getElementById(id)
                     that.canvasArr.push(canvas)
                     let ctx = canvas.getContext('2d');
-                    let viewport = page.getViewport({scale: that.scales})
-                    canvas.width = viewport.width * 2
-                    canvas.height = viewport.height * 2
-                    canvas.style.width = viewport.width + 'px'
-                    canvas.style.height = viewport.height + 'px'
+                    // let viewport = page.getViewport({scale: that.scales})
+                    // canvas.width = viewport.width * 2
+                    // canvas.height = viewport.height * 2
+                    // canvas.style.width = viewport.width + 'px'
+                    // canvas.style.height = viewport.height + 'px'
+
+                    let boxWidth = that.$refs['view-pdf'].offsetWidth
+                    let scales=(boxWidth/846)*(boxWidth/(boxWidth-(boxWidth*0.115*2)))
+                    let viewport = page.getViewport({scale: scales})
+                    const sc = viewport.width / viewport.height
+                    const wid = boxWidth - 20
+                    const hei = wid / sc
+                    canvas.width = wid * 2
+                    canvas.height = hei * 2
+                    canvas.style.width = wid + 'px'
+                    canvas.style.height = hei + 'px'
                     let renderContext = {
                         canvasContext: ctx,
                         viewport: viewport,
@@ -202,7 +225,33 @@ export default {
                 })
             }
             that.renderedHandler()
-        }
+        },
+        refreshCanvas:debounce(function (){
+          let that = this
+          that.idArr.forEach((item,index)=>{
+            pdfs.getPage( index + 1).then(function (page) {
+              let canvas = document.getElementById(item)
+              that.canvasArr.push(canvas)
+              let ctx = canvas.getContext('2d');
+              let boxWidth = that.$refs['view-pdf'].offsetWidth
+              let scales=(boxWidth/846)*(boxWidth/(boxWidth-(boxWidth*0.115*2)))
+              let viewport = page.getViewport({scale: scales})
+              const sc = viewport.width / viewport.height
+              const wid = boxWidth - 20
+              const hei = wid / sc
+              canvas.width = wid * 2
+              canvas.height = hei * 2
+              canvas.style.width = wid + 'px'
+              canvas.style.height = hei + 'px'
+              let renderContext = {
+                canvasContext: ctx,
+                viewport: viewport,
+                transform: [2, 0, 0, 2, 0, 0]
+              }
+              page.render(renderContext)
+            })
+          })
+        },50)
     }
 }
 </script>
@@ -219,6 +268,7 @@ export default {
     width: 100%;
 }
 .pageContainer{
+    width: 100%;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
     margin-bottom: 10px;
     display: inline-block;

package/src/components/tipBox/src/main.vue

@@ -17,7 +17,7 @@
             <div class="tip-img" v-if="type === 'img'">
               <img :src="url" alt=""/>
             </div>
-            <div v-if="type === 'radio'">
+            <div class="tip-radio" v-if="type === 'radio'">
               <div class="radio-list" v-for="(item,index) in radioArr" :key="index">
                 <label>
                   <input type="radio" name="radio" :value="item.value" :checked="item.checked"

package/src/components/tipBox/src/zydxStyle.css

@@ -387,3 +387,7 @@
     margin-top: 10px;
     color: #666;
 }
+.tip-radio{
+    display: flex;
+    justify-content: space-around;
+}

package/src/components/utils/index.js

@@ -0,0 +1,13 @@
+export const debounceTimer = 500
+// 防抖
+export function debounce(fn, delay = debounceTimer) {
+    var timeoutID = null
+    return function () {
+        clearTimeout(timeoutID)
+        var args = arguments
+        var that = this
+        timeoutID = setTimeout(function () {
+            fn.apply(that, args)
+        }, delay)
+    }
+}

package/src/components/variableBox/index.vue

@@ -0,0 +1,129 @@
+<template>
+  <div class="box" ref="boxRef">
+    <!--      左侧内容，默认展示70%，默认最小宽度310px-->
+    <div v-if="isShowsLeft" class="left" ref="leftRef">
+      <slot name="left"></slot>
+    </div>
+    <div v-if="isShowsRight||isShowsLeft" class="resize" ref="resizeRef"></div>
+    <div v-if="isShowsRight" class="right" ref="rightRef">
+      <!--      右侧内容，默认展示30%，默认最小宽度310px-->
+      <slot name="right"></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "zydx-variable-box",
+  props: {
+    isShowsRight:{
+      type: Boolean,
+      default: true
+    },
+    isShowsLeft:{
+      type: Boolean,
+      default: true
+    },
+  },
+  watch: {
+    isShowsRight:{
+      handler: function (v) {
+        setTimeout(() => {
+          if(v) {
+            this.handleResize()
+          } else {
+            this.$refs.leftRef.style.width = '100%'
+          }
+        } , 100)
+      },
+      immediate: true,
+      deep: true
+    },
+    isShowsLeft:{
+      handler: function (v) {
+        setTimeout(() => {
+          if(v) {
+            this.handleResize()
+          } else {
+            this.$refs.rightRef.style.width = '100%'
+          }
+        } , 100)
+      },
+      immediate: true,
+      deep: true
+    }
+  },
+  data() {
+    return {};
+  },
+  mounted() {
+  },
+  methods: {
+    handleResize(leftMinWidth = 310, rightMinWidth = 310) {
+      // 获取Dom节点
+      const boxDom = this.$refs.boxRef,
+          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 + "%"; // 右边区域 = 总大小 - 左边宽度 - 拖动条宽度
+        };
+        document.onmouseup = () => {
+          document.onmousemove = null;
+          document.onmouseup = null;
+          resizeDom.releaseCapture && resizeDom.releaseCapture(); // 鼠标捕获释放
+        };
+        resizeDom.setCapture && resizeDom.setCapture(); // 启用鼠标捕获
+        return false;
+      };
+    }
+  }
+};
+</script>
+
+<style scoped>
+.box {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  box-sizing: border-box;
+}
+.left {
+  width: calc(100% - 315px);
+  background-color: #f1eab3;
+  border-right: 2px solid #dcdfe6;
+  overflow: hidden;
+}
+.resize {
+  position: relative;
+  width: 5px;
+  cursor: col-resize;
+  background-size: cover;
+  background-position: center;
+}
+.resize:hover {
+  /*background-color: #45a3ff;*/
+  background-color: white;
+}
+.right {
+  width: 310px;
+  background-color: #b5ef8f;
+  border-left: 2px solid #dcdfe6;
+  overflow: hidden;
+}
+</style>

package/src/index.js

@@ -36,6 +36,7 @@ import tagging from './components/tagging/index';
 import seek from './components/seek/index';
 import sketchpad from './components/sketchpad/index';
 import chat from './components/chat/index';
+import variableBox from './components/variableBox/index';
 
 const components = [
     Calendar,
@@ -72,7 +73,8 @@ const components = [
     tagging,
     seek,
     sketchpad,
-    chat
+    chat,
+    variableBox
 ];
 
 function install(app) {
@@ -85,7 +87,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.34.463',
+    version: '1.35.464',
     install,
     Calendar,
     Message,
@@ -124,6 +126,7 @@ export default {
     tagging,
     seek,
     sketchpad,
-    chat
+    chat,
+    variableBox
 };