v2.3.6

MonkSoul · Jun 2, 2018 · aff2a01 · aff2a01
1 parent 92c5e02
commit aff2a01
Show file tree

Hide file tree

Showing 8 changed files with 51 additions and 50 deletions.
diff --git a/README.md b/README.md
@@ -8,8 +8,8 @@ gzip压缩版仅 `13.5kb`，非常小巧。
 
 - `原创作者`：百小僧
 - `开源协议`：MIT
-- `当前版本`：v2.3.5
-- `发布日期`：2018.06.01
+- `当前版本`：v2.3.6
+- `发布日期`：2018.06.02
 - `交流Q群`：[18863883](//shang.qq.com/wpa/qunwpa?idkey=60a832c9b6d9e7e56a0057fa341270fe52472e8390f9a8ec5985e47c319a166e)
 - `版权所有`：百签软件（中山）有限公司
 

diff --git a/doc/doc.js b/doc/doc.js
@@ -115,8 +115,8 @@ window.onload = function () {
                 <ul>
                     <li><label>原创作者</label>：百小僧</li>
                     <li><label>开源协议</label>：MIT</li>
-                    <li><label>当前版本</label>：<strong>v2.3.5</strong></li>
-                    <li><label>发布日期</label>：2018.06.01</li>
+                    <li><label>当前版本</label>：<strong>v2.3.6</strong></li>
+                    <li><label>发布日期</label>：2018.06.02</li>
                     <li><label>交流Q群</label>：<a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=60a832c9b6d9e7e56a0057fa341270fe52472e8390f9a8ec5985e47c319a166e">18863883</a></li>
                     <li><label>版权所有</label>：百签软件（中山）有限公司</li>
                 </ul>
@@ -243,6 +243,11 @@ window.onload = function () {
                             layx.destroyInlay("float-log");
                             layx.html('log', 'Layx 更新日志 v' + layx.v, layx.multiLine(function () {/* 
 <div style="padding:0 10px 10px 10px">
+<h3># 2018.06.02 v2.3.6 发布</h3>
+<pre style="margin-top:0">
+- [修复] 加载动画 火狐、Safari旧浏览器样式 bug
+- [修复] bootstrap、Element UI等第三方UI样式冲突 bug
+</pre>
 <h3># 2018.06.01 v2.3.5 发布</h3>
 <pre style="margin-top:0">
 - [新增] options.readonly 参数，设置窗口为只读类型
@@ -393,17 +398,15 @@ window.onload = function () {
 - [修复] 文本窗口样式被全局应用 bug</pre>
 <h3># 2018.05.15 v2.0.2 发布</h3>
 <pre style="margin-top:0">
-- [修复] 低版本Chrome 浏览器bug</pre>
-<h3># 2018.05.15 v2.0.1 发布</h3>
-<pre style="margin-top:0">
 - [新增] var winform = layx.html(id,title,content,options) 快捷打开文本窗口方法
 - [新增] var winform = layx.iframe(id,title,url,options) 快捷打开网页窗口方法
 - [新增] 窗口自动关闭文本可自定义功能：autodestroyText
 - [新增] 打开一个存在的窗口时窗口闪烁获取焦点
 - [更新] 调整最小化后显示宽度为：240px
 - [修复] 点击文本窗口内容无法置顶 bug
 - [修复] 置顶按钮点击切换 title 提示 bug
-- [修复] 置顶层带有阻隔层时没有阻隔的bug</pre>
+- [修复] 置顶层带有阻隔层时没有阻隔的bug
+- [修复] 低版本Chrome 浏览器bug</pre>
 <h3># 2018.05.12 v2.0.0 发布</h3>
 <pre style="margin-top:0">
 - [新增] v2.0.0 正式发布</pre>
@@ -478,20 +481,14 @@ window.onload = function () {
         var winform = layx.html('float-log', 'Layx v' + layx.v + " 更新日志", layx.multiLine(function () {/* 
 <div style="padding:0 10px 0 10px">
 <pre style="margin-top:0;margin-bottom: 0;">
-- [新增] options.readonly 参数，设置窗口为只读类型
-- [新增] options.shadeDestroy参数，用来设置点击阻隔空白区域关闭窗口
-- [新增] options.shadable 支持背景透明度设置，取值范围：0-1
-- [新增] css3 vh、vw单位支持，特用于width，height，minWidth，minHeight使用
-- [更新] layx.css 兼容处理
-- [修复] 网页窗口加载失败后加载提示不能隐藏 bug
-- [修复] 自定义loadingText bug
-- [修复] file:协议 bug
+- [修复] 加载动画 火狐、Safari旧浏览器样式 bug
+- [修复] bootstrap、Element UI等第三方UI样式冲突 bug
 </pre>
 */ }), {
                 floatTarget: logBtn,
                 width: 320,
-                height: 260,
-                minHeight: 190,
+                height: 150,
+                minHeight: 150,
                 alwaysOnTop: true,
                 floatDirection: 'top',
                 autodestroy: 10000,

diff --git a/doc/iframe.html b/doc/iframe.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1,minimum-scale=1,user-scalable=no" />
     <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
     <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
-    <title>Layx 企业级弹窗组件 v2.3.5</title>
+    <title>Layx 企业级弹窗组件 v2.3.6</title>
     <style>
         html,
         body {

diff --git a/doc/index.html b/doc/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1,minimum-scale=1,user-scalable=no" />
     <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
     <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
-    <title>Layx 演示示例 v2.3.5</title>
+    <title>Layx 企业级弹窗组件</title>
     <link href="../layx.min.css" rel="stylesheet" />
     <link href="doc.css" rel="stylesheet" />
 </head>
@@ -72,8 +72,8 @@ <h4 class="tip" name="HTML字符串窗口">HTML字符串窗口</h4>
                 &lt;ul&gt;
                     &lt;li&gt;&lt;label&gt;原创作者&lt;/label&gt;：百小僧&lt;/li&gt;
                     &lt;li&gt;&lt;label&gt;开源协议&lt;/label&gt;：MIT&lt;/li&gt;
-                    &lt;li&gt;&lt;label&gt;当前版本&lt;/label&gt;：v2.3.5&lt;/li&gt;
-                    &lt;li&gt;&lt;label&gt;发布日期&lt;/label&gt;：2018.06.01&lt;/li&gt;
+                    &lt;li&gt;&lt;label&gt;当前版本&lt;/label&gt;：v2.3.6&lt;/li&gt;
+                    &lt;li&gt;&lt;label&gt;发布日期&lt;/label&gt;：2018.06.02&lt;/li&gt;
                     &lt;li&gt;&lt;label&gt;交流Q群&lt;/label&gt;：18863883&lt;/li&gt;
                     &lt;li&gt;&lt;label&gt;版权所有&lt;/label&gt;：百签软件（中山）有限公司&lt;/li&gt;
                 &lt;/ul&gt;

diff --git a/layx.css b/layx.css
@@ -3,9 +3,9 @@
  * gitee : https://gitee.com/monksoul/LayX
  * github : https://github.com/MonkSoul/Layx/
  * author : 百小僧/MonkSoul
- * version : v2.3.5
+ * version : v2.3.6
  * create time : 2018.05.11
- * update time : 2018.06.01
+ * update time : 2018.06.02
  */
 
 *[class^="layx-"] {
@@ -156,6 +156,7 @@ body.ilayx-body {
     fill: currentColor;
     overflow: hidden;
     font-size: 14px;
+    line-height: normal;
 }
 
 .layx-icon {
@@ -198,8 +199,8 @@ body.ilayx-body {
     -webkit-app-region: no-drag;
 }
 
-.layx-title label,
-.layx-group-tab label {
+.layx-title .layx-label,
+.layx-group-tab .layx-label {
     max-width: 100%;
     line-clamp: 1;
     -moz-line-clamp: 1;
@@ -277,7 +278,7 @@ body.ilayx-body {
     border-bottom: 1px solid #fff;
 }
 
-.layx-title label {
+.layx-title .layx-label {
     pointer-events: none;
 }
 
@@ -811,11 +812,11 @@ body.ilayx-body {
 .layx-load-inner2 {
     opacity: 0;
     background-color: #4b86db;
-    -webkit-animation: second-half-show 1.6s steps(1, end) infinite;
-    animation: second-half-show 1.6s steps(1, end) infinite;
-    -moz-animation: second-half-show 1.6s steps(1, end) infinite;
-    -o-animation: second-half-show 1.6s steps(1, end) infinite;
-    -ms-animation: second-half-show 1.6s steps(1, end) infinite;
+    -webkit-animation: layx-second-half-show 1.6s steps(1, end) infinite;
+    animation: layx-second-half-show 1.6s steps(1, end) infinite;
+    -moz-animation: layx-second-half-show 1.6s steps(1, end) infinite;
+    -o-animation: layx-second-half-show 1.6s steps(1, end) infinite;
+    -ms-animation: layx-second-half-show 1.6s steps(1, end) infinite;
 }
 
 .layx-load-spiner, .layx-load-filler, .layx-load-masker {
@@ -857,11 +858,11 @@ body.ilayx-body {
 .layx-load-masker {
     border-radius: 40px 0 0 40px;
     background-color: #89abdd;
-    -webkit-animation: second-half-show 800ms steps(1, end) infinite;
-    animation: second-half-show 800ms steps(1, end) infinite;
-    -moz-animation: second-half-show 800ms steps(1, end) infinite;
-    -o-animation: second-half-show 800ms steps(1, end) infinite;
-    -ms-animation: second-half-show 800ms steps(1, end) infinite;
+    -webkit-animation: layx-second-half-show 800ms steps(1, end) infinite;
+    animation: layx-second-half-show 800ms steps(1, end) infinite;
+    -moz-animation: layx-second-half-show 800ms steps(1, end) infinite;
+    -o-animation: layx-second-half-show 800ms steps(1, end) infinite;
+    -ms-animation: layx-second-half-show 800ms steps(1, end) infinite;
     left: 0;
     top: 0;
     opacity: 0;
@@ -955,7 +956,7 @@ body.ilayx-body {
     }
 }
 
-@-webkit-keyframes second-half-show {
+@-webkit-keyframes layx-second-half-show {
     0% {
         opacity: 0;
     }
@@ -965,7 +966,7 @@ body.ilayx-body {
     }
 }
 
-@keyframes second-half-show {
+@keyframes layx-second-half-show {
     0% {
         opacity: 0;
     }

diff --git a/layx.js b/layx.js
@@ -3,14 +3,14 @@
  * gitee : https://gitee.com/monksoul/LayX
  * github : https://github.com/MonkSoul/Layx/
  * author : 百小僧/MonkSoul
- * version : v2.3.5
+ * version : v2.3.6
  * create time : 2018.05.11
- * update time : 2018.06.01
+ * update time : 2018.06.02
  */
 ;
 !(function (over, win, slf) {
     var Layx = {
-        version: '2.3.5',
+        version: '2.3.6',
         defaults: {
             id: '',
             icon: true,
@@ -407,6 +407,7 @@
                 controlBar.appendChild(title);
                 if (config.type !== "group") {
                     var label = document.createElement("label");
+                    label.classList.add("layx-label");
                     label.innerHTML = config.title;
                     title.setAttribute("title", label.innerText);
                     title.appendChild(label);
@@ -419,6 +420,7 @@
                             groupTab.classList.add("layx-type-group");
                             layxWindow.appendChild(groupTab);
                             var label = document.createElement("label");
+                            label.classList.add("layx-label");
                             label.innerHTML = config.title;
                             title.setAttribute("title", label.innerText);
                             title.appendChild(label);
@@ -457,6 +459,7 @@
                                 title.appendChild(frameTitle);
                             }
                             var groupLabel = document.createElement("label");
+                            groupLabel.classList.add("layx-label");
                             groupLabel.innerHTML = frameConfig.title;
                             frameTitle.setAttribute("title", groupLabel.innerText);
                             frameTitle.appendChild(groupLabel);
@@ -1396,7 +1399,7 @@
                             content = iframe.contentDocument.querySelector("title").innerText;
                         } catch (e) { }
                     }
-                    var label = title.querySelector("label");
+                    var label = title.querySelector(".layx-label");
                     if (label) {
                         label.innerHTML = content;
                         title.setAttribute("title", label.innerHTML);
@@ -1419,7 +1422,7 @@
                             content = iframe.contentDocument.querySelector("title").innerText;
                         } catch (e) { }
                     }
-                    var label = title.querySelector("label");
+                    var label = title.querySelector("layx-label");
                     if (label) {
                         label.innerHTML = content;
                         title.setAttribute("title", label.innerHTML);