修复菜单组件高度限制，默认主题变更

component/pear/css/module/menu.css

@@ -14,6 +14,14 @@
 	line-height: 48px;
 }
 
+.pear-side-scroll::-webkit-scrollbar {
+	width: 0px;
+	height: 0px;
+}
+.pear-side-scroll{
+	width: 230px;
+}
+
 .pear-nav-tree .layui-nav-child {
 	padding-top: 5px;
 	padding-bottom: 5px;

component/pear/module/admin.js

@@ -206,7 +206,7 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
 				localStorage.setItem("theme-color-context", currentColor.color);
 				pearTheme.changeTheme(window, option.other.autoHead);
 				var menu = localStorage.getItem("theme-menu");
-				if (menu === "null") {
+				if (menu == null) {
 					menu = option.theme.defaultMenu;
 				} else {
 					if (option.theme.allowCustom === false) {
@@ -239,13 +239,12 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
 			this.jump = function(id, title, url) {
 				if (config.tab.muiltTab) {
 					bodyTab.addTabOnly({
-							id: id,
-							title: title,
-							url: url,
-							icon: null,
-							close: true
-						},
-						300);
+						id: id,
+						title: title,
+						url: url,
+						icon: null,
+						close: true
+					}, 300);
 				} else {
 					sideMenu.selectItem(id);
 					bodyFrame.changePage(url, title, true);
@@ -366,7 +365,7 @@ layui.define(['message', 'table', 'jquery', 'element', 'yaml', 'form', 'tab', 'm
 				move: false,
 				content: html + buildColorHtml() + buildLinkHtml() + bottomTool(),
 				success: function(layero, index) {
-		
+
 					var color = localStorage.getItem("theme-color");
 					var menu = localStorage.getItem("theme-menu");
 

component/pear/module/menu.js

@@ -42,10 +42,11 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
 			}
 		} else {
 			//renderMenu中需要调用done事件，done事件中需要menu对象，但是此时还未返回menu对象，做个延时提前返回对象
-			window.setTimeout(function() {
-				renderMenu(option);
-			}, 500);
+			window.setTimeout(function() { renderMenu(option);}, 500);
 		}
+		
+		// 处理高度
+		$("#"+opt.elem).height(option.height)
 		return new pearMenu(opt);
 	}
 
@@ -194,7 +195,7 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
 	}
 
 	function createMenu(option) {
-		var menuHtml = '<ul lay-filter="' + option.elem +
+		var menuHtml = '<div style="height:100%!important;" class="pear-side-scroll layui-side-scroll ' + option.theme + '"><ul lay-filter="' + option.elem +
 			'" class="layui-nav arrow   pear-menu layui-nav-tree pear-nav-tree">'
 		$.each(option.data, function(i, item) {
 			var content = '<li class="layui-nav-item" >';
@@ -227,7 +228,7 @@ layui.define(['table', 'jquery', 'element'], function(exports) {
 			menuHtml += content;
 		});
 		// 结 束 菜 单 结 构 的 初 始 化
-		menuHtml += "</ul>";
+		menuHtml += "</ul></div>";
 		// 将 菜 单 拼 接 到 初 始 化 容 器 中
 		$("#" + option.elem).html(menuHtml);
 	}

config/pear.config.yml

@@ -39,7 +39,7 @@ theme:
   ## 默认主题色，对应 colors 配置中的 ID 标识
   defaultColor: "2"
   ## 默认的菜单主题 dark-theme 黑 / light-theme 白
-  defaultMenu: "dark-theme"
+  defaultMenu: "light-theme"
   ## 是否允许用户切换主题，false 时关闭自定义主题面板
   allowCustom: true
 ## 供选择的主题色配置列表

view/document/menu.html

@@ -52,7 +52,7 @@
 								var sideMenu = menu.render({
 								    elem: 'sideMenu',
 								    async: true,
-								    theme: "dark-theme",
+								    theme: "light-theme",
 								    height: '300px',
 								    control: false, 
 								    defaultMenu: 0,
@@ -91,7 +91,7 @@
 		 	var sideMenu = menu.render({
 			    elem: 'sideMenu',
 				async: true,
-				theme: "dark-theme",
+				theme: "light-theme",
 				height: '300px',
 				control: false, 
 				defaultMenu: 0,