zydx-plus 1.32.194 → 1.32.196

package/package.json

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

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

@@ -355,7 +355,7 @@ export default {
             this.htmlArr = []
             const data = document.querySelectorAll('.editing-cont')[0].childNodes[0].childNodes
             this.wit = document.getElementsByClassName('editor-content')[0].offsetWidth
-            let max = this.wit * 1.4 - 200
+            let max = this.wit * 1.4
             let pHeight = 0
             let html = ''
             for (let i = 0; i < data.length; i++) {
@@ -401,8 +401,7 @@ export default {
             let height = data.offsetHeight
             let rows = Math.round(num / line)  // 行数
             let text = data.innerText
-            let len = this.measureText(text,size) // 文本宽度
-            let textLen = Math.round((width / (len/text.length)) * rows) // 文本长度
+            let textLen = this.measureText(text,size,width * rows)
             let start = text.slice(0, textLen)
             let end = text.slice(textLen)
             return {
@@ -410,31 +409,46 @@ export default {
                 end: {data: end, size: height - num}
             }
         },
-        measureText (text, fontSize=10) {
+        measureText (text, fontSize=10, max=0) {
             text = String(text);
             text = text.split('');
+            let num = 0
             let width = 0;
-            text.forEach(function(item) {
-                if (/[a-zA-Z]/.test(item)) { // 英文匹配
+            for (let i = 0; i< text.length; i++) {
+                if(max !== 0) {
+                    if(width * fontSize / 10 >= max) {
+                        return num
+                    }
+                }
+                if (/[a-zA-Z]/.test(text[i])) { // 英文匹配
                     width += 7;
-                } else if (/[0-9]/.test(item)) { // 数字匹配
+                    num += 1
+                } else if (/[0-9]/.test(text[i])) { // 数字匹配
                     width += 5.5;
-                } else if (/\./.test(item)) { // 英文句点匹配
+                    num += 1
+                } else if (/\./.test(text[i])) { // 英文句点匹配
                     width += 2.7;
-                } else if (/-/.test(item)) { // 英文减号匹配
+                    num += 1
+                } else if (/-/.test(text[i])) { // 英文减号匹配
                     width += 3.25;
-                } else if (/[\u4e00-\u9fa5]/.test(item)) { //中文匹配
-                    width += 10;
-                } else if (/\(|\)/.test(item)) { // 括号匹配
+                    num += 1
+                } else if (/[\u4e00-\u9fa5]/.test(text[i])) { //中文匹配
+                    width += 10.105;
+                    num += 1
+                } else if (/\(|\)/.test(text[i])) { // 括号匹配
                     width += 3.73;
-                } else if (/\s/.test(item)) { // 空格匹配
+                    num += 1
+                } else if (/\s/.test(text[i])) { // 空格匹配
                     width += 2.5;
-                } else if (/[`!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/.test(item)) { // 英文符号匹配
+                    num += 1
+                } else if (/[`!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/.test(text[i])) { // 英文符号匹配
                     width += 8;
+                    num += 1
                 } else {
                     width += 10;
+                    num += 1
                 }
-            });
+            }
             return width * fontSize / 10;
         },
         confirm() {
@@ -516,7 +530,7 @@ export default {
                             const cla = this.randomId()
                             const html = `<p class="imgCont ${cla}"><img src="${data}" alt="" /></p>`
                             this.editor.chain().focus().insertContentAt(this.selection(), html).run()
-                            if(this.selection() <= 6) this.selectionClass2(cla)
+                            if(this.selection() <= 6 && this.selection() > 2) this.selectionClass2(cla)
                             if(this.selectionClass(cla)) {
                                 this.editor.chain().focus().insertContentAt(this.selection(), '<p></p>').run()
                             }
@@ -562,7 +576,7 @@ export default {
             const cla = this.randomId()
             const html = `<p class="imgCont ${cla}"><img src="${this.imgUrl}" alt="" /></p>`
             this.editor.chain().focus().insertContentAt(this.selection(), html).run()
-            if(this.selection() <= 6) this.selectionClass2(cla)
+            if(this.selection() <= 6 && this.selection() > 2) this.selectionClass2(cla)
             if(this.selectionClass(cla)) {
                 this.editor.chain().focus().insertContentAt(this.selection(), '<p></p>').run()
             }
@@ -831,7 +845,8 @@ export default {
 }
 
 :deep(.read-only-p p) {
-    line-height: 25px;
+    line-height: 26px;
+    text-align: justify;
 }
 
 .read-only-a {
@@ -939,7 +954,7 @@ label {
 }
 
 .editing-cont :deep(p) {
-    line-height: 30px;
+    line-height: 26px;
 }
 .editing-cont :deep(img) {
     padding: 5px 0;

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

@@ -1,5 +1,5 @@
 <template>
-    <div :style="heightStyle">
+    <div :style="heightStyle" class="edit">
         <div class="ed-head">
             <div class="ed-title" v-if="titleShow" :style="titleStyle" v-html="title"></div>
             <div class="ed-but" v-if="readOnly">
@@ -347,7 +347,7 @@ export default {
             const html = `<p class="imgCont ${cla}"><img src="${url}" alt="" /></p>`
             this.editor.chain().focus().insertContentAt(this.selection(),html).run()
             console.log(this.selection())
-            if(this.selection() <= 6) this.selectionClass2(cla)
+            if(this.selection() <= 6 && this.selection() > 2) this.selectionClass2(cla)
             if(this.selectionClass(cla)) {
                 this.editor.chain().focus().insertContentAt(this.selection(), '<p></p>').run()
             }
@@ -437,6 +437,9 @@ export default {
 </script>
 
 <style scoped>
+.edit{
+    margin-bottom: 14px;
+}
 :deep(.imgCont) {
     line-height: 0 !important;
 }
@@ -444,20 +447,20 @@ export default {
     display: none !important;
 }
 .editor :deep(h1) {
-    line-height: 30px;
+    line-height: 26px;
     font-size: 18px;
 }
 .editor :deep(h2) {
-    line-height: 30px;
+    line-height: 26px;
     font-size: 16px;
 }
 .editor :deep(h3) {
-    line-height: 30px;
+    line-height: 26px;
     font-size: 14px;
 }
 .editor :deep(p) {
     font-size: 14px;
-    line-height: 30px;
+    line-height: 26px;
 }
 :deep(.ProseMirror) p.is-editor-empty:first-child::before {
     content: attr(data-placeholder);
@@ -533,7 +536,7 @@ export default {
     padding: 5px 0;
 }
 .ed-cont{
-    padding: 5px 0 0;
+    padding-top: 6px;
 }
 .editor{
     border-radius: 3px;

package/src/components/tagging/index.js

@@ -0,0 +1,7 @@
+import main from './src/tagging';
+
+main.install = function(Vue) {
+    Vue.component(main.name, main);
+};
+
+export default main;

package/src/components/tagging/src/browser.js

@@ -0,0 +1,243 @@
+export let agent = navigator.userAgent.toLowerCase()
+export let opera = window.opera
+    export let browser = {
+        /**
+         * @property {boolean} ie 检测当前浏览器是否为IE
+         * @example
+         * ```javascript
+         * if ( UE.browser.ie ) {
+         *     console.log( '当前浏览器是IE' );
+         * }
+         * ```
+         */
+        ie: /(msie\s|trident.*rv:)([\w.]+)/i.test(agent),
+
+        /**
+         * @property {boolean} opera 检测当前浏览器是否为Opera
+         * @example
+         * ```javascript
+         * if ( UE.browser.opera ) {
+         *     console.log( '当前浏览器是Opera' );
+         * }
+         * ```
+         */
+        opera: !!opera && opera.version,
+
+        /**
+         * @property {boolean} webkit 检测当前浏览器是否是webkit内核的浏览器
+         * @example
+         * ```javascript
+         * if ( UE.browser.webkit ) {
+         *     console.log( '当前浏览器是webkit内核浏览器' );
+         * }
+         * ```
+         */
+        webkit: agent.indexOf(" applewebkit/") > -1,
+
+        /**
+         * @property {boolean} mac 检测当前浏览器是否是运行在mac平台下
+         * @example
+         * ```javascript
+         * if ( UE.browser.mac ) {
+         *     console.log( '当前浏览器运行在mac平台下' );
+         * }
+         * ```
+         */
+        mac: agent.indexOf("macintosh") > -1,
+
+        /**
+         * @property {boolean} quirks 检测当前浏览器是否处于“怪异模式”下
+         * @example
+         * ```javascript
+         * if ( UE.browser.quirks ) {
+         *     console.log( '当前浏览器运行处于“怪异模式”' );
+         * }
+         * ```
+         */
+        quirks: document.compatMode == "BackCompat"
+    };
+
+/**
+ * @property {boolean} gecko 检测当前浏览器内核是否是gecko内核
+ * @example
+ * ```javascript
+ * if ( UE.browser.gecko ) {
+ *     console.log( '当前浏览器内核是gecko内核' );
+ * }
+ * ```
+ */
+browser.gecko =
+    navigator.product == "Gecko" &&
+    !browser.webkit &&
+    !browser.opera &&
+    !browser.ie;
+
+var version = 0;
+
+// Internet Explorer 6.0+
+if (browser.ie) {
+    var v1 = agent.match(/(?:msie\s([\w.]+))/);
+    var v2 = agent.match(/(?:trident.*rv:([\w.]+))/);
+    if (v1 && v2 && v1[1] && v2[1]) {
+        version = Math.max(v1[1] * 1, v2[1] * 1);
+    } else if (v1 && v1[1]) {
+        version = v1[1] * 1;
+    } else if (v2 && v2[1]) {
+        version = v2[1] * 1;
+    } else {
+        version = 0;
+    }
+
+    browser.ie11Compat = document.documentMode == 11;
+    /**
+     * @property { boolean } ie9Compat 检测浏览器模式是否为 IE9 兼容模式
+     * @warning 如果浏览器不是IE， 则该值为undefined
+     * @example
+     * ```javascript
+     * if ( UE.browser.ie9Compat ) {
+     *     console.log( '当前浏览器运行在IE9兼容模式下' );
+     * }
+     * ```
+     */
+    browser.ie9Compat = document.documentMode == 9;
+
+    /**
+     * @property { boolean } ie8 检测浏览器是否是IE8浏览器
+     * @warning 如果浏览器不是IE， 则该值为undefined
+     * @example
+     * ```javascript
+     * if ( UE.browser.ie8 ) {
+     *     console.log( '当前浏览器是IE8浏览器' );
+     * }
+     * ```
+     */
+    browser.ie8 = !!document.documentMode;
+
+    /**
+     * @property { boolean } ie8Compat 检测浏览器模式是否为 IE8 兼容模式
+     * @warning 如果浏览器不是IE， 则该值为undefined
+     * @example
+     * ```javascript
+     * if ( UE.browser.ie8Compat ) {
+     *     console.log( '当前浏览器运行在IE8兼容模式下' );
+     * }
+     * ```
+     */
+    browser.ie8Compat = document.documentMode == 8;
+
+    /**
+     * @property { boolean } ie7Compat 检测浏览器模式是否为 IE7 兼容模式
+     * @warning 如果浏览器不是IE， 则该值为undefined
+     * @example
+     * ```javascript
+     * if ( UE.browser.ie7Compat ) {
+     *     console.log( '当前浏览器运行在IE7兼容模式下' );
+     * }
+     * ```
+     */
+    browser.ie7Compat =
+        (version == 7 && !document.documentMode) || document.documentMode == 7;
+
+    /**
+     * @property { boolean } ie6Compat 检测浏览器模式是否为 IE6 模式 或者怪异模式
+     * @warning 如果浏览器不是IE， 则该值为undefined
+     * @example
+     * ```javascript
+     * if ( UE.browser.ie6Compat ) {
+     *     console.log( '当前浏览器运行在IE6模式或者怪异模式下' );
+     * }
+     * ```
+     */
+    browser.ie6Compat = version < 7 || browser.quirks;
+
+    browser.ie9above = version > 8;
+
+    browser.ie9below = version < 9;
+
+    browser.ie11above = version > 10;
+
+    browser.ie11below = version < 11;
+}
+
+// Gecko.
+if (browser.gecko) {
+    var geckoRelease = agent.match(/rv:([\d\.]+)/);
+    if (geckoRelease) {
+        geckoRelease = geckoRelease[1].split(".");
+        version =
+            geckoRelease[0] * 10000 +
+            (geckoRelease[1] || 0) * 100 +
+            (geckoRelease[2] || 0) * 1;
+    }
+}
+
+/**
+ * @property { Number } chrome 检测当前浏览器是否为Chrome, 如果是，则返回Chrome的大版本号
+ * @warning 如果浏览器不是chrome， 则该值为undefined
+ * @example
+ * ```javascript
+ * if ( UE.browser.chrome ) {
+ *     console.log( '当前浏览器是Chrome' );
+ * }
+ * ```
+ */
+if (/chrome\/(\d+\.\d)/i.test(agent)) {
+    browser.chrome = +RegExp["\x241"];
+}
+
+/**
+ * @property { Number } safari 检测当前浏览器是否为Safari, 如果是，则返回Safari的大版本号
+ * @warning 如果浏览器不是safari， 则该值为undefined
+ * @example
+ * ```javascript
+ * if ( UE.browser.safari ) {
+ *     console.log( '当前浏览器是Safari' );
+ * }
+ * ```
+ */
+if (
+    /(\d+\.\d)?(?:\.\d)?\s+safari\/?(\d+\.\d+)?/i.test(agent) &&
+    !/chrome/i.test(agent)
+) {
+    browser.safari = +(RegExp["\x241"] || RegExp["\x242"]);
+}
+
+// Opera 9.50+
+if (browser.opera) version = parseFloat(opera.version());
+
+// WebKit 522+ (Safari 3+)
+if (browser.webkit)
+    version = parseFloat(agent.match(/ applewebkit\/(\d+)/)[1]);
+
+/**
+ * @property { Number } version 检测当前浏览器版本号
+ * @remind
+ * <ul>
+ *     <li>IE系列返回值为5,6,7,8,9,10等</li>
+ *     <li>gecko系列会返回10900，158900等</li>
+ *     <li>webkit系列会返回其build号 (如 522等)</li>
+ * </ul>
+ * @example
+ * ```javascript
+ * console.log( '当前浏览器版本号是： ' + UE.browser.version );
+ * ```
+ */
+browser.version = version;
+
+/**
+ * @property { boolean } isCompatible 检测当前浏览器是否能够与UEditor良好兼容
+ * @example
+ * ```javascript
+ * if ( UE.browser.isCompatible ) {
+ *     console.log( '浏览器与UEditor能够良好兼容' );
+ * }
+ * ```
+ */
+browser.isCompatible =
+    !browser.mobile &&
+    ((browser.ie && version >= 6) ||
+        (browser.gecko && version >= 10801) ||
+        (browser.opera && version >= 9.5) ||
+        (browser.air && version >= 1) ||
+        (browser.webkit && version >= 522) ||
+        false);