zydx-plus 1.32.251 → 1.32.253

package/package.json

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

package/src/components/editor/src/extend/data-url.js

@@ -0,0 +1,33 @@
+import { Extension } from '@tiptap/core'
+
+export const dataUrl = Extension.create({
+    name: 'dataUrl',
+
+    addOptions() {
+        return {
+            types: ['heading', 'paragraph'],
+        }
+    },
+
+    addGlobalAttributes() {
+        return [
+            {
+                types: this.options.types,
+                attributes: {
+                    dataUrl: {
+                        default: null,
+                        parseHTML: element => element.getAttribute('data-url'),
+                        renderHTML: attributes => {
+                            if (!attributes.dataUrl) {
+                                return {}
+                            }
+                            return {
+                                'data-url': attributes.dataUrl,
+                            }
+                        },
+                    },
+                },
+            },
+        ]
+    }
+})

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

@@ -82,7 +82,19 @@ export default {
     },
     getContent() {
       const html = this.$refs.textarea.innerHTML
-      return html.replace(/<div>/g, '<br>').replace(/<\/div>/g, '').replace(/<p>/g, '<br>').replace(/<\/p>/g, '')
+      const br = html.replace(/<div>/g, '<br>').replace(/<\/div>/g, '').replace(/<p>/g, '<br>').replace(/<\/p>/g, '')
+      // 如果br后边没有内容，就去掉br
+      if (br.indexOf('<br>') !== -1) {
+        const arr = br.split('<br>')
+        arr.forEach((item, index) => {
+          if (item === '') {
+            arr.splice(index, 1)
+          }
+        })
+        return arr.join('<br>')
+      }else {
+        return br
+      }
     }
   }
 }

package/src/components/time/src/time.vue

@@ -1,228 +1,290 @@
 <template>
-    <div class="time">
-        <div class="time-cont">
-            <div class="time-input" :style="{width: width, height: height}">
-                <img src="data:image/png;base64,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" alt=""/>
-                <em @click="timeTap" :style="{'line-height': height}">{{ hour }}:{{ minute }}</em>
+  <div class="time">
+    <div class="time-cont">
+      <div class="time-input" :style="{width: width, height: height}">
+        <img
+            src="data:image/png;base64,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"
+            alt=""/>
+        <em @click="timeTap" :style="{'line-height': height}">{{ hour }}:{{ minute }}</em>
+      </div>
+      <div class="time-down" v-show="timeShow">
+        <div class="time-choice">
+          <div class="cle-frame"></div>
+          <div class="cle-time-y">
+            <ul :ref="'ul'+id" @scroll="scrollHour($event)" @mousedown="mousedown" @mousemove="mousemove" @mouseup="mouseup" @mouseleave="mouseup">
+              <li v-for="(item,index) in 30"></li>
+            </ul>
+            <div class="cle-time-li" :style="{transform: 'translateY('+ transHour +'px)'}">
+              <p v-for="(item,index) in 30" :class="{'cle-time-act': index === -(transHour/26)+3}">
+                {{ (index > 2 && index < 27) ? ((index - 3) < 10) ? '0' + (index - 3) : (index - 3) : '' }}</p>
             </div>
-            <div class="time-down" v-show="timeShow">
-                <div class="time-choice">
-                    <div class="cle-frame"></div>
-                    <div class="cle-time-y">
-                        <ul @scroll="scrollHour($event)">
-                            <li v-for="(item,index) in 30"></li>
-                        </ul>
-                        <div class="cle-time-li" :style="{transform: 'translateY('+ transHour +'px)'}">
-                            <p v-for="(item,index) in 30" :class="{'cle-time-act': index === -(transHour/26)+3}">{{ (index > 2 && index < 27)? ((index - 3) < 10)? '0'+(index - 3): (index - 3) : '' }}</p>
-                        </div>
-                    </div>
-                    <div class="cle-time-y">
-                        <ul @scroll="scrollMinute($event)">
-                            <li v-for="(item,index) in 66"></li>
-                        </ul>
-                        <div class="cle-time-li" :style="{transform: 'translateY('+ transMinute +'px)'}">
-                            <p v-for="(item,index) in 66" :class="{'cle-time-act': index === -(transMinute/26)+3}">{{ (index > 2 && index < 63)? ((index - 3) < 10)? '0'+(index - 3): (index - 3) : '' }}</p>
-                        </div>
-                    </div>
-                </div>
-                <div class="time-but">
-                    <button class="but" @click="confirm">确认</button>
-                </div>
+          </div>
+          <div class="cle-time-y">
+            <ul :ref="'ul2'+id" @scroll="scrollMinute($event)" @mousedown="mousedown2" @mousemove="mousemove2" @mouseup="mouseup2" @mouseleave="mouseup2">
+              <li v-for="(item,index) in 66"></li>
+            </ul>
+            <div class="cle-time-li" :style="{transform: 'translateY('+ transMinute +'px)'}">
+              <p v-for="(item,index) in 66" :class="{'cle-time-act': index === -(transMinute/26)+3}">
+                {{ (index > 2 && index < 63) ? ((index - 3) < 10) ? '0' + (index - 3) : (index - 3) : '' }}</p>
             </div>
+          </div>
         </div>
+        <div class="time-but">
+          <button class="but" @click="confirm">确认</button>
+        </div>
+      </div>
     </div>
+  </div>
 </template>
 
 <script>
 export default {
-    name: "zydx-time",
-    data() {
-        return {
-            transHour: 0, // 小时选择器的偏移量
-            transMinute: 0, // 分钟选择器的偏移量
-            hour: '00', // 选择的小时
-            minute: '00', // 选择的分钟
-            dayChange: undefined, // 选择的日期
-            timeShow: false,
-            hei: 26
-        }
+  name: "zydx-time",
+  data() {
+    return {
+      transHour: 0, // 小时选择器的偏移量
+      transMinute: 0, // 分钟选择器的偏移量
+      hour: '00', // 选择的小时
+      minute: '00', // 选择的分钟
+      dayChange: undefined, // 选择的日期
+      timeShow: false,
+      hei: 26,
+      flag: false,
+      downY: 0,
+      scrollTop: 0,
+      flag2: false,
+      downY2: 0,
+      scrollTop2: 0,
+      id: '',
+    }
+  },
+  props: {
+    time: {
+      type: String,
+      default: '00:00'
     },
-    props: {
-        time: {
-            type: String,
-            default: '00:00'
-        },
-        width: {
-            type: String,
-            default: '200px'
-        },
-        height: {
-            type: String,
-            default: '30px'
-        }
+    width: {
+      type: String,
+      default: '200px'
     },
-    watch: {
-        time: {
-            handler(val) {
-                if(val === '' || val === undefined || val === null) {
-                    this.hour = '00'
-                    this.minute = '00'
-                    return
-                }
-                this.hour = val.split(':')[0]
-                this.minute = val.split(':')[1]
-            },
-            deep: true
+    height: {
+      type: String,
+      default: '30px'
+    }
+  },
+  watch: {
+    time: {
+      handler(val) {
+        if (val === '' || val === undefined || val === null) {
+          this.hour = '00'
+          this.minute = '00'
+          return
         }
+        this.hour = val.split(':')[0]
+        this.minute = val.split(':')[1]
+      },
+      deep: true
+    }
+  },
+  mounted() {
+    if (this.time === '' || this.time === undefined || this.time === null) {
+      this.hour = '00'
+      this.minute = '00'
+      return
+    }
+    this.hour = this.time.split(':')[0]
+    this.minute = this.time.split(':')[1]
+    this.id = Math.random().toString(36).substr(2)
+  },
+  methods: {
+    mousedown(event) {
+      this.flag = true;
+      this.downY = event.clientY; // 获取到点击的x下标
     },
-    mounted() {
-        if(this.time === '' || this.time === undefined || this.time === null) {
-            this.hour = '00'
-            this.minute = '00'
-            return
-        }
-        this.hour = this.time.split(':')[0]
-        this.minute = this.time.split(':')[1]
+    mousemove(event) {
+      if (this.flag) { // 判断是否是鼠标按下滚动元素区域
+        let moveY = event.clientY; // 获取移动的x轴
+        let scrollY = moveY - this.downY; // 当前移动的x轴下标减去刚点击下去的x轴下标得到鼠标滑动距离
+        this.scrollTop = this.scrollTop - scrollY // 鼠标按下的滚动条偏移量减去当前鼠标的滑动距离
+        this.$refs['ul'+ this.id].scrollTo(0, this.scrollTop/(this.hei - 1));
+      }
     },
-    methods: {
-        timeTap() {
-            this.timeShow = !this.timeShow
-            if(this.timeShow) {
-                const hours = parseInt(this.hour)
-                const minutes = parseInt(this.minute)
-                this.transHour = -(hours * this.hei)
-                this.transMinute = -(minutes * this.hei)
-            }
-        },
-        confirm() {
-            this.timeShow = false
-            this.$emit('timeChange', this.cleDate)
-        },
-        scrollMinute(e) {
-            let top = e.target.scrollTop
-            let index = Math.floor(top/this.hei)
-            this.transMinute = -(index * this.hei)
-            this.minute = (index < 10)? '0'+ index: index
-            this.cleDate = `${this.hour}:${this.minute}`
-        },
-        scrollHour(e) {
-            let top = e.target.scrollTop
-            let index = Math.floor(top/this.hei)
-            this.transHour = -(index * this.hei)
-            this.hour = (index < 10)? '0'+ index: index
-            this.cleDate = `${this.hour}:${this.minute}`
-        },
-    }
+    mouseup() {
+      this.flag = false;
+    },
+    mousedown2(event) {
+      this.flag2 = true;
+      this.downY2 = event.clientY; // 获取到点击的x下标
+    },
+    mousemove2(event) {
+      if (this.flag2) { // 判断是否是鼠标按下滚动元素区域
+        let moveY = event.clientY; // 获取移动的x轴
+        let scrollY = moveY - this.downY2; // 当前移动的x轴下标减去刚点击下去的x轴下标得到鼠标滑动距离
+        this.scrollTop2 = this.scrollTop2 - scrollY // 鼠标按下的滚动条偏移量减去当前鼠标的滑动距离
+        this.$refs['ul2'+ this.id].scrollTo(0, this.scrollTop2/(this.hei - 1));
+      }
+    },
+    mouseup2() {
+      this.flag2 = false;
+    },
+    timeTap() {
+      this.timeShow = !this.timeShow
+      if (this.timeShow) {
+        const hours = parseInt(this.hour)
+        const minutes = parseInt(this.minute)
+        this.transHour = -(hours * this.hei)
+        this.transMinute = -(minutes * this.hei)
+      }
+    },
+    confirm() {
+      this.timeShow = false
+      this.$emit('timeChange', this.cleDate)
+    },
+    scrollMinute(e) {
+      let top = e.target.scrollTop
+      let index = Math.floor(top / this.hei)
+      this.transMinute = -(index * this.hei)
+      this.minute = (index < 10) ? '0' + index : index
+      this.cleDate = `${this.hour}:${this.minute}`
+    },
+    scrollHour(e) {
+      let top = e.target.scrollTop
+      let index = Math.floor(top / this.hei)
+      this.transHour = -(index * this.hei)
+      this.hour = (index < 10) ? '0' + index : index
+      this.cleDate = `${this.hour}:${this.minute}`
+    },
+  }
 }
 </script>
 
 <style scoped>
-.time-cont{
-    position: relative;
+.time-cont {
+  position: relative;
 }
+
 .time-input {
-    border-radius: 3px;
-    position: relative;
-}
-.time-input img{
-    width: 20px;
-    position: absolute;
-    top: 50%;
-    left: 10px;
-    z-index: 1;
-    margin-top: -10px;
-}
-.time-input em{
-    font-style: normal;
-    display: inline-block;
-    padding-left: 40px;
-    width: 100%;
-    box-sizing: border-box;
-    background-color: #fff;
-    border-radius: 3px;
-    border: 1px solid #ccc;
-}
-.time-down{
-    position: absolute;
-    top: 31px;
-    left: 0;
-    width: 200px;
-    height: 220px;
-    background-color: #fff;
-    box-shadow: 0 0 5px rgba(0, 0, 0, .12);
-    overflow: hidden;
-}
-.time-but{
-    background-color: #fff;
-    padding: 15px 5px 5px 5px;
-    text-align: right;
-}
-.but{
-    margin-left: 5px;
-    font-size: 12px;
-    background-color: transparent;
-    border: 1px solid #000;
-    border-radius: 3px;
-    padding: 2px 5px;
-    cursor: pointer;
-    min-width: 60px;
-    height: 21px;
-}
-.time-choice{
-    display: flex;
-    width: 100%;
-    height: 180px;
-}
-.cle-time-y{
-    flex: 1;
-    text-align: center;
-    font-size: 12px;
-    position: relative;
-    overflow: hidden;
-}
-.cle-time-li{
-    position: absolute !important;
-    top: 0;
-    left: 0;
-    right: 0;
-    z-index: 1;
-    transition-duration: 100ms;
-}
-.cle-time-li>p{
-    padding: 5px 0;
-    height: 26px;
-    box-sizing: border-box;
-    color: #999;
-}
-.cle-time-act{
-    color: #000 !important;
-    font-weight: 600;
-}
-.cle-time-y ul{
-    height: 100%;
-    overflow-y: scroll;
-    scrollbar-width: none;
-    position: relative;
-    z-index: 2;
-}
-ul::-webkit-scrollbar {width: 0}
-.cle-frame{
-    height: 26px;
-    box-sizing: border-box;
-    border-top: 1px solid #ccc;
-    border-bottom: 1px solid #ccc;
-    position: absolute;
-    top: 78px;
-    left: 0;
-    z-index: 1;
-    width: calc(100% - 20px);
-    margin: 0 10px;
-}
-.cle-time-y li{
-    padding: 5px 0;
-    height: 26px;
-    box-sizing: border-box;
-    font-size: 16px;
-    line-height: 18px;
+  border-radius: 3px;
+  position: relative;
+}
+
+.time-input img {
+  width: 20px;
+  position: absolute;
+  top: 50%;
+  left: 10px;
+  z-index: 1;
+  margin-top: -10px;
+}
+
+.time-input em {
+  font-style: normal;
+  display: inline-block;
+  padding-left: 40px;
+  width: 100%;
+  box-sizing: border-box;
+  background-color: #fff;
+  border-radius: 3px;
+  border: 1px solid #ccc;
+}
+
+.time-down {
+  position: absolute;
+  top: 32px;
+  left: 0;
+  width: 200px;
+  height: 220px;
+  background-color: #fff;
+  box-shadow: 0 0 5px rgba(0, 0, 0, .12);
+  overflow: hidden;
+  user-select: none;
+}
+
+.time-but {
+  background-color: #fff;
+  padding: 15px 5px 5px 5px;
+  text-align: right;
+}
+
+.but {
+  margin-left: 5px;
+  font-size: 12px;
+  background-color: transparent;
+  border: 1px solid #000;
+  border-radius: 3px;
+  padding: 2px 5px;
+  cursor: pointer;
+  min-width: 60px;
+  height: 21px;
+}
+
+.time-choice {
+  display: flex;
+  width: 100%;
+  height: 180px;
+}
+
+.cle-time-y {
+  flex: 1;
+  text-align: center;
+  font-size: 12px;
+  position: relative;
+  overflow: hidden;
+  cursor: pointer;
+}
+
+.cle-time-li {
+  position: absolute !important;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1;
+  transition-duration: 100ms;
+}
+
+.cle-time-li > p {
+  padding: 5px 0;
+  height: 26px;
+  box-sizing: border-box;
+  color: #999;
+  line-height: 18px !important;
+}
+
+.cle-time-act {
+  color: #000 !important;
+  font-weight: 600;
+}
+
+.cle-time-y ul {
+  height: 100%;
+  overflow-y: scroll;
+  scrollbar-width: none;
+  position: relative;
+  z-index: 2;
+}
+
+ul::-webkit-scrollbar {
+  width: 0
+}
+
+.cle-frame {
+  height: 26px;
+  box-sizing: border-box;
+  border-top: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
+  position: absolute;
+  top: 78px;
+  left: 0;
+  z-index: 1;
+  width: calc(100% - 20px);
+  margin: 0 10px;
+}
+
+.cle-time-y li {
+  padding: 5px 0;
+  height: 26px;
+  box-sizing: border-box;
+  font-size: 16px;
+  line-height: 18px !important;
 }
 </style>

package/src/components/word/src/word.css

@@ -103,6 +103,7 @@
 }
 .subject span em{
     font-style: normal;
+    padding-left: 5px;
 }
 .choice-box{
     text-indent: 2em;

package/src/components/word/src/word.vue

@@ -328,7 +328,7 @@ export default {
         styleText(v) {
             if(!v || v === 'null') return
             for(let i=0; i< v.length; i++) {
-                if(v[i].content[0].length > 20) {
+                if(v[i].content[0].length > 10) {
                     return true
                 }
             }

package/src/index.js

@@ -79,7 +79,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.32.251',
+    version: '1.32.253',
     install,
     Calendar,
     Message,