Merge pull request #1234 from layui/2.x

release v2.8.1

README.md

@@ -25,7 +25,7 @@
 
 ---
 
-Layui 是一套开源的 Web UI 组件库，采用自身轻量级模块化规范，遵循原生态的 `HTML/CSS/JavaScript` 开发模式，极易上手，拿来即用。其风格简约轻盈，而内在雅致丰盈，甚至包括文档在内的每一处细节都经过精心雕琢，非常适合网页界面的快速构建。Layui 区别于一众主流的前端框架，却并非逆道而行，而是信奉返璞归真之道。确切地说，它更多是面向于追求简单的务实主义者，即无需涉足各类构建工具，只需面向浏览器本身，便可将页面所需呈现的元素与交互信手拈来。
+Layui 是一套开源免费的 Web UI 组件库，采用自身轻量级模块化规范，遵循原生态的 `HTML/CSS/JavaScript` 开发模式，极易上手，拿来即用。其风格简约轻盈，而内在雅致丰盈，甚至包括文档在内的每一处细节都经过精心雕琢，非常适合网页界面的快速构建。Layui 区别于一众主流的前端框架，却并非逆道而行，而是信奉返璞归真之道。确切地说，它更多是面向于追求简单的务实主义者，即无需涉足各类构建工具，只需面向浏览器本身，便可将页面所需呈现的元素与交互信手拈来。
 
 ## 快速上手
 

docs/index.md

@@ -5,7 +5,7 @@ toc: true
  
 <h1 id="introduce" lay-toc="{title: '简介'}">开始使用</h1>
 
-> Layui 是一套开源的 Web UI 组件库，采用自身轻量级模块化规范，遵循原生态的 HTML/CSS/JavaScript 开发模式，极易上手，拿来即用。其风格简约轻盈，而内在雅致丰盈，甚至包括文档在内的每一处细节都经过精心雕琢，非常适合网页界面的快速构建。Layui 区别于一众主流的前端框架，却并非逆道而行，而是信奉返璞归真之道。确切地说，它更多是面向于追求简单的务实主义者，即无需涉足各类构建工具，只需面向浏览器本身，便可将页面所需呈现的元素与交互信手拈来。
+> Layui 是一套开源免费的 Web UI 组件库，采用自身轻量级模块化规范，遵循原生态的 HTML/CSS/JavaScript 开发模式，极易上手，拿来即用。其风格简约轻盈，而内在雅致丰盈，甚至包括文档在内的每一处细节都经过精心雕琢，非常适合网页界面的快速构建。Layui 区别于一众主流的前端框架，却并非逆道而行，而是信奉返璞归真之道。确切地说，它更多是面向于追求简单的务实主义者，即无需涉足各类构建工具，只需面向浏览器本身，便可将页面所需呈现的元素与交互信手拈来。
 
 <p style="font-size: 68px; text-align: center; color: #16baaa;">
   Layui
@@ -110,8 +110,8 @@ npm i layui
 
 <h2 id="help" lay-toc="{}">其他帮助</h2>
 
-- 在线测试：<a href="https://codepen.io/layui/pen/bGxZXrd" target="_blank">https://codepen.io/layui/pen/bGxZXrd</a>
-- 深色主题：<a href="https://github.com/Sight-wcg/layui-theme-dark" target="_blank">https://github.com/Sight-wcg/layui-theme-dark</a>
+- <a href="https://codepen.io/layui/pen/bGxZXrd" target="_blank" rel="nofollow">在线测试</a>
+- <a href="https://github.com/Sight-wcg/layui-theme-dark" target="_blank">深色主题</a> (社区贡献)
 
 
 ## 初识寄语

docs/layer/index.md

@@ -213,6 +213,7 @@ layer.tips('显示在目标元素上方', '#id', {
 | formType | 输入框类型。支持以下可选值：<ul><li> `0` 文本输入框 </li><li> `1` 密令输入框 </li><li> `2` 多行文本输入框 </li></ul> | number | `0` |
 | value | 输入框初始值 | string | - |
 | maxlength | 可输入的最大字符长度 | number | `500` |
+| placeholder | 输入框内容为空时的占位符 | string | - |
 
 
 - 参数 `yes` : 点击确定后的回调函数

docs/layout/index.md

@@ -126,14 +126,14 @@ layui.use(['element', 'layer', 'util'], function(){
     },
     menuRight: function(){  // 右侧菜单事件
       layer.open({
-        type: 1
-        ,title: '更多'
-        ,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
-        ,area: ['260px', '100%']
-        ,offset: 'rt' //右上角
-        ,anim: 'slideLeft'
-        ,shadeClose: true
-        ,scrollbar: false
+        type: 1,
+        title: '更多',
+        content: '<div style="padding: 15px;">处理右侧面板的操作</div>',
+        area: ['260px', '100%'],
+        offset: 'rt', // 右上角
+        anim: 'slideLeft', // 从右侧抽屉滑出
+        shadeClose: true,
+        scrollbar: false
       });
     }
   });

docs/versions.md

@@ -5,18 +5,33 @@ toc: true
  
 # 更新日志
 
-<h2 id="2.8.0" lay-toc="{title: '2.8.0'}">
+<h2 id="2.8.1" lay-toc="{title: '2.8.1'}">
+  2.8.1 
+  <span class="layui-badge-rim">2023-04-25</span>
+</h2>
+
+- 修复 `table.reloadData()` 未支持 `page` 属性的问题
+- 修复 `treeTable` 点击排序后导致树形结构功能异常的问题 # 1232/I6YGU6
+- 修复 `layer` 的 win10 风格并开启 `icon` 属性时信息框显示异常问题
+- 优化 `switch` 在选中前后的尺寸差异 # I6YJO4
+- 优化 `colorpicker` 点击颜色滑块时跳动到顶部的问题
+
+### 下载： [layui-v2.8.1.zip](https://gitee.com/layui/layui/attach_files/1387965/download)
+
+---
+
+<h2 id="2.8.0" lay-toc="{title: '2.8.0', hot: true}">
   2.8.0 
   <span class="layui-badge-rim">2023-04-24</span>
 </h2>
 
 从 `2.8.0-beta.1` 到 `rc.16`，经二十个预览版的持续迭代，Layui 终于迎来了：`2.8.0` 正式版。
-<br>同时，新域名下的 [新官网](https://layui.dev) 也正式上线（导读：[Layui 新版文档站上线初衷](https://gitee.com/layui/layui/issues/)），新版文档亦开源在 [Github](https://github.com/layui/layui/tree/main/docs) 以供协同维护。
+<br>同时，新域名下的 [新文档站](https://layui.dev) 也正式上线（导读：[Layui 新版文档站上线初衷](https://gitee.com/layui/layui/issues/I6Y8EN)），新版文档亦开源在 [Github](https://github.com/layui/layui/tree/main/docs) 以供协同维护。
 
 正是开发者们依然坚持的热爱，促使了 `Layui` 这一朴实的归来。
 
 - #### 基础
-  - 优化 css 的构建，将原先 layer/laydate/code 的 css 统一构建到 layui.css，以尽量减少请求
+  - 优化 css 的构建，将原先 layer/laydate/code 的 css 统一构建到 `layui.css`，以尽量减少请求
   - 变更*主色调*为：`#16baaa` <i style="display:inline-block; vertical-align: middle; width: 16px; height: 16px; padding: 3px; margin-right: 16px; border-radius: 2px; background-color: #16baaa;"></i>*在原有的墨绿基础上赋予了清新*
   - 新增 `18` 个字体图标
   - 新增 grid 布局的超大屏 `xl` 响应式支持
@@ -183,7 +198,11 @@ toc: true
     - **调整** `showHeight` 属性名称为 `margin`
   - 新增 `util.openWin(options)` 方法，用于打开浏览器新标签页
 
-### 下载： [layui-v2.8.0.zip](https://gitee.com/layui/layui/attach_files/)
+### 下载： [layui-v2.8.0.zip](https://gitee.com/layui/layui/attach_files/1385823/download)
+
+---
+
+历史：[2.8.0 预览版更新日志](https://gitee.com/layui/layui/issues/I6FHNK)
 
 ---
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "layui",
-  "version": "2.8.0",
+  "version": "2.8.1",
   "description": "Classic modular Front-End UI library",
   "main": "dist/layui.js",
   "license": "MIT",

src/css/layui.css

@@ -846,7 +846,7 @@ a cite{font-style: normal; *cursor:pointer;}
 .layui-form-switch em{position: relative; top: 0; width: 25px; margin-left: 21px; padding: 0!important; text-align: center!important; color: #999!important; font-style: normal!important; font-size: 12px;}
 .layui-form-onswitch{border-color: #16b777; background-color: #16b777;}
 .layui-form-onswitch i{left: 100%; margin-left: -21px; background-color: #fff;}
-.layui-form-onswitch em{margin-left: 5px; margin-right: 21px; color: #fff!important;}
+.layui-form-onswitch em{margin-left: 0; margin-right: 21px; color: #fff!important;}
 
 .layui-checkbox-disabled{border-color: #eee !important;}
 .layui-checkbox-disabled span{background-color: #eee !important;}

src/css/modules/laydate.css

@@ -1,8 +1,6 @@
 /**
- 
- @Name: laydata
- 
- **/
+ * laydate style
+ */
  
 
 html #layuicss-laydate{display: none; position: absolute; width: 1989px;}

src/css/modules/layer.css

@@ -209,6 +209,7 @@ html #layuicss-layer{display: none; position: absolute; width: 1989px;}
 .layui-layer-win10 .layui-layer-setwin span:hover{background-color: #E5E5E5;}
 .layui-layer-win10 .layui-layer-setwin span.layui-icon-close:hover{background-color: #E81123; color: #fff;}
 .layui-layer-win10.layui-layer-dialog .layui-layer-content{padding: 8px 16px 32px; color: #0033BC;}
+.layui-layer-win10.layui-layer-dialog .layui-layer-padding{padding-top: 18px; padding-left: 58px;}
 .layui-layer-win10 .layui-layer-btn{padding: 5px 5px 10px; border-top:1px solid #DFDFDF; background-color: #F0F0F0;}
 .layui-layer-win10 .layui-layer-btn a{height: 18px; line-height: 18px; background-color: #E1E1E1; border-color: #ADADAD; color: #000; font-size: 12px; transition: all .3s;}
 .layui-layer-win10 .layui-layer-btn a:hover{border-color: #2A8EDD; background-color: #E5F1FB;}

src/layui.js

@@ -15,7 +15,7 @@
   }
 
   ,Layui = function(){
-    this.v = '2.8.0'; // Layui 版本号
+    this.v = '2.8.1'; // Layui 版本号
   }
   
   //识别预先可能定义的指定全局对象

src/modules/colorpicker.js

@@ -470,9 +470,9 @@ layui.define(['jquery', 'lay'], function(exports){
     });
     
     side.on('click', function(e){
-      var top = e.clientY - $(this).offset().top;
+      var top = e.clientY - $(this).offset().top + $win.scrollTop();
       if(top < 0)top = 0;
-      if(top > this.offsetHeight)top = this.offsetHeight;     
+      if(top > this.offsetHeight) top = this.offsetHeight;     
       var h = top/180*360;
       _h = h;
       change(h, _s, _b, _a); 

src/modules/table.js

@@ -2788,7 +2788,7 @@ layui.define(['lay', 'laytpl', 'laypage', 'form', 'util'], function(exports){
     var dataParams = new RegExp('^('+ [
       'elem', 'id', 'cols', 'width', 'height', 'maxHeight',
       'toolbar', 'defaultToolbar',
-      'className', 'css', 'totalRow', 'page', 'pagebar'
+      'className', 'css', 'totalRow', 'pagebar'
     ].join('|') + ')$');
 
     // 过滤与数据无关的参数