将js代码架构改为app下渲染；

public/static/plugs/lay-module/layuimini/miniMenu.js

@@ -1,12 +1,6 @@
-/**
- * date:2020/02/27
- * author:Mr.Chung
- * version:2.0
- * description:layuimini 菜单框架扩展
- */
-define(["jquery"], function ($) {
+(function () {
     var element = layui.element,
-        laytpl  = layui.laytpl,
+        laytpl = layui.laytpl,
         layer = layui.layer;
 
     var miniMenu = {
@@ -39,9 +33,9 @@ define(["jquery"], function ($) {
             var leftMenuHtml = '',
                 childOpenClass = '',
                 leftMenuCheckDefault = 'layui-this';
-            var me = this ;
+            var me = this;
             if (menuChildOpen) childOpenClass = ' layui-nav-itemed';
-            leftMenuHtml = this.renderLeftMenu(menuList,{ childOpenClass:childOpenClass }) ;
+            leftMenuHtml = this.renderLeftMenu(menuList, { childOpenClass: childOpenClass });
             $('.layui-layout-body').addClass('layuimini-single-module'); //单模块标识
             $('.layuimini-header-menu').remove();
             $('.layuimini-menu-left').html(leftMenuHtml);
@@ -52,63 +46,63 @@ define(["jquery"], function ($) {
         /**
          * 渲染一级菜单
          */
-        compileMenu: function(menu,isSub){
-            var menuHtml = '<li {{#if( d.menu){ }}  data-menu="{{-d.menu}}" {{#}}} class="layui-nav-item menu-li {{-d.childOpenClass}} {{-d.className}}"  {{#if( d.id){ }}  id="{{-d.id}}" {{#}}}> <a {{#if( d.href){ }} layuimini-href="{{-d.href}}" {{#}}} {{#if( d.target){ }}  target="{{-d.target}}" {{#}}} href="javascript:;">{{#if( d.icon){ }}  <i class="{{-d.icon}}"></i> {{#}}} <span class="layui-left-nav">{{-d.title}}</span></a>  {{# if(d.children){}} {{-d.children}} {{#}}} </li>' ;
-            if(isSub){
-                menuHtml = '<dd class="menu-dd {{-d.childOpenClass}} {{- d.className }}"> <a href="javascript:;"  {{#if( d.menu){ }}  data-menu="{{-d.menu}}" {{#}}} {{#if( d.id){ }}  id="{{-d.id}}" {{#}}} {{#if(( !d.child || !d.child.length ) && d.href){ }} layuimini-href="{{-d.href}}" {{#}}} {{#if( d.target){ }}  target="{{-d.target}}" {{#}}}> {{#if( d.icon){ }}  <i class="{{-d.icon}}"></i> {{#}}} <span class="layui-left-nav"> {{-d.title}}</span></a> {{# if(d.children){}} {{-d.children}} {{#}}}</dd>'
+        compileMenu: function (menu, isSub) {
+            var menuHtml = '<li {{#if( d.menu){ }}  data-menu="{{-d.menu}}" {{#}}} class="layui-nav-item menu-li {{-d.childOpenClass}} {{-d.className}}"  {{#if( d.id){ }}  id="{{-d.id}}" {{#}}}> <a {{#if( d.href){ }} layuimini-href="{{-d.href}}" {{#}}} {{#if( d.target){ }}  target="{{-d.target}}" {{#}}} href="javascript:;">{{#if( d.icon){ }}  <i class="{{-d.icon}}"></i> {{#}}} <span class="layui-left-nav">{{-d.title}}</span></a>  {{# if(d.children){}} {{-d.children}} {{#}}} </li>';
+            if (isSub) {
+                menuHtml = '<dd class="menu-dd {{-d.childOpenClass}} {{- d.className }}"> <a href="javascript:;"  {{#if( d.menu){ }}  data-menu="{{-d.menu}}" {{#}}} {{#if( d.id){ }}  id="{{-d.id}}" {{#}}} {{#if(( !d.child || !d.child.length ) && d.href){ }} layuimini-href="{{-d.href}}" {{#}}} {{#if( d.target){ }}  target="{{-d.target}}" {{#}}}> {{#if( d.icon){ }}  <i class="{{-d.icon}}"></i> {{#}}} <span class="layui-left-nav"> {{-d.title}}</span></a> {{# if(d.children){}} {{-d.children}} {{#}}}</dd>';
             }
             return laytpl(menuHtml).render(menu);
         },
-        compileMenuContainer :function(menu,isSub){
-            var wrapperHtml = '<ul class="layui-nav layui-nav-tree layui-left-nav-tree {{-d.className}}" id="{{-d.id}}">{{-d.children}}</ul>' ;
-            if(isSub){
-                wrapperHtml = '<dl class="layui-nav-child ">{{-d.children}}</dl>' ;
+        compileMenuContainer: function (menu, isSub) {
+            var wrapperHtml = '<ul class="layui-nav layui-nav-tree layui-left-nav-tree {{-d.className}}" id="{{-d.id}}">{{-d.children}}</ul>';
+            if (isSub) {
+                wrapperHtml = '<dl class="layui-nav-child ">{{-d.children}}</dl>';
             }
-            if(!menu.children){
+            if (!menu.children) {
                 return "";
             }
             return laytpl(wrapperHtml).render(menu);
         },
 
-        each:function(list,callback){
+        each: function (list, callback) {
             var _list = [];
-            for(var i = 0 ,length = list.length ; i<length ;i++ ){
-                _list[i] = callback(i,list[i]) ;
+            for (var i = 0, length = list.length; i < length; i++) {
+                _list[i] = callback(i, list[i]);
             }
-            return _list ;
+            return _list;
         },
-        renderChildrenMenu:function(menuList,options){
-            var me = this ;
-            menuList = menuList || [] ;
-            var html = this.each(menuList,function (idx,menu) {
-                if(menu.child && menu.child.length){
-                    menu.children = me.renderChildrenMenu(menu.child,{ childOpenClass: options.childOpenClass || '' });
+        renderChildrenMenu: function (menuList, options) {
+            var me = this;
+            menuList = menuList || [];
+            var html = this.each(menuList, function (idx, menu) {
+                if (menu.child && menu.child.length) {
+                    menu.children = me.renderChildrenMenu(menu.child, { childOpenClass: options.childOpenClass || '' });
                 }
-                menu.className = "" ;
-                menu.childOpenClass = options.childOpenClass || ''
-                return me.compileMenu(menu,true)
+                menu.className = "";
+                menu.childOpenClass = options.childOpenClass || '';
+                return me.compileMenu(menu, true);
             }).join("");
-            return me.compileMenuContainer({ children:html },true)
+            return me.compileMenuContainer({ children: html }, true);
         },
-        renderLeftMenu :function(leftMenus,options){
+        renderLeftMenu: function (leftMenus, options) {
             options = options || {};
-            var me = this ;
-            var leftMenusHtml =  me.each(leftMenus || [],function (idx,leftMenu) { // 左侧菜单遍历
-                var children = me.renderChildrenMenu(leftMenu.child, { childOpenClass:options.childOpenClass });
+            var me = this;
+            var leftMenusHtml = me.each(leftMenus || [], function (idx, leftMenu) { // 左侧菜单遍历
+                var children = me.renderChildrenMenu(leftMenu.child, { childOpenClass: options.childOpenClass });
                 var leftMenuHtml = me.compileMenu({
-                    href:leftMenu.href,
-                    target:leftMenu.target,
-                    childOpenClass:options.childOpenClass,
-                    icon:leftMenu.icon,
-                    title:leftMenu.title,
-                    children:children,
+                    href: leftMenu.href,
+                    target: leftMenu.target,
+                    childOpenClass: options.childOpenClass,
+                    icon: leftMenu.icon,
+                    title: leftMenu.title,
+                    children: children,
                     className: '',
                 });
-                return leftMenuHtml ;
+                return leftMenuHtml;
             }).join("");
 
-            leftMenusHtml = me.compileMenuContainer({ id:options.parentMenuId,className:options.leftMenuCheckDefault,children:leftMenusHtml }) ;
-            return leftMenusHtml ;
+            leftMenusHtml = me.compileMenuContainer({ id: options.parentMenuId, className: options.leftMenuCheckDefault, children: leftMenusHtml });
+            return leftMenusHtml;
         },
         /**
          * 多模块
@@ -117,7 +111,7 @@ define(["jquery"], function ($) {
          */
         renderMultiModule: function (menuList, menuChildOpen) {
             menuList = menuList || [];
-            var me = this ;
+            var me = this;
             var headerMenuHtml = '',
                 headerMobileMenuHtml = '',
                 leftMenuHtml = '',
@@ -127,27 +121,27 @@ define(["jquery"], function ($) {
 
             if (menuChildOpen) childOpenClass = ' layui-nav-itemed';
             var headerMenuHtml = this.each(menuList, function (index, val) { //顶部菜单渲染
-                var menu = 'multi_module_' + index ;
-                var id = menu+"HeaderId";
-                var topMenuItemHtml = "" ;
+                var menu = 'multi_module_' + index;
+                var id = menu + "HeaderId";
+                var topMenuItemHtml = "";
                 topMenuItemHtml = me.compileMenu({
-                    className:headerMenuCheckDefault,
-                    menu:menu,
-                    id:id,
-                    title:val.title,
-                    href:"",
-                    target:"",
-                    children:""
+                    className: headerMenuCheckDefault,
+                    menu: menu,
+                    id: id,
+                    title: val.title,
+                    href: "",
+                    target: "",
+                    children: ""
                 });
-                leftMenuHtml+=me.renderLeftMenu(val.child,{
-                    parentMenuId:menu,
-                    childOpenClass:childOpenClass,
-                    leftMenuCheckDefault:leftMenuCheckDefault
+                leftMenuHtml += me.renderLeftMenu(val.child, {
+                    parentMenuId: menu,
+                    childOpenClass: childOpenClass,
+                    leftMenuCheckDefault: leftMenuCheckDefault
                 });
-                headerMobileMenuHtml +=me.compileMenu({ id:id,menu:menu,id:id,icon:val.icon, title:val.title, },true);
+                headerMobileMenuHtml += me.compileMenu({ id: id, menu: menu, id: id, icon: val.icon, title: val.title, }, true);
                 headerMenuCheckDefault = "";
-                leftMenuCheckDefault = "layui-hide" ;
-                return topMenuItemHtml ;
+                leftMenuCheckDefault = "layui-hide";
+                return topMenuItemHtml;
             }).join("");
             $('.layui-layout-body').addClass('layuimini-multi-module'); //多模块标识
             $('.layuimini-menu-header-pc').html(headerMenuHtml); //电脑
@@ -165,7 +159,7 @@ define(["jquery"], function ($) {
              * 菜单模块切换
              */
             $('body').on('click', '[data-menu]', function () {
-                var loading = layer.load(0, {shade: false, time: 2 * 1000});
+                var loading = layer.load(0, { shade: false, time: 2 * 1000 });
                 var menuId = $(this).attr('data-menu');
                 // header
                 $(".layuimini-header-menu .layui-nav-item.layui-this").removeClass('layui-this');
@@ -182,7 +176,7 @@ define(["jquery"], function ($) {
              * 菜单缩放
              */
             $('body').on('click', '.layuimini-site-mobile', function () {
-                var loading = layer.load(0, {shade: false, time: 2 * 1000});
+                var loading = layer.load(0, { shade: false, time: 2 * 1000 });
                 var isShow = $('.layuimini-tool [data-side-fold]').attr('data-side-fold');
                 if (isShow == 1) { // 缩放
                     $('.layuimini-tool [data-side-fold]').attr('data-side-fold', 0);
@@ -203,7 +197,7 @@ define(["jquery"], function ($) {
              * 菜单缩放
              */
             $('body').on('click', '[data-side-fold]', function () {
-                var loading = layer.load(0, {shade: false, time: 2 * 1000});
+                var loading = layer.load(0, { shade: false, time: 2 * 1000 });
                 var isShow = $('.layuimini-tool [data-side-fold]').attr('data-side-fold');
                 if (isShow == 1) { // 缩放
                     $('.layuimini-tool [data-side-fold]').attr('data-side-fold', 0);
@@ -232,9 +226,9 @@ define(["jquery"], function ($) {
              * 手机端点开模块
              */
             $('body').on('click', '.layuimini-header-menu.layuimini-mobile-show dd', function () {
-                var loading = layer.load(0, {shade: false, time: 2 * 1000});
+                var loading = layer.load(0, { shade: false, time: 2 * 1000 });
                 var check = $('.layuimini-tool [data-side-fold]').attr('data-side-fold');
-                if(check === "1"){
+                if (check === "1") {
                     $('.layuimini-site-mobile').trigger("click");
                     element.init();
                 }
@@ -245,5 +239,5 @@ define(["jquery"], function ($) {
     };
 
 
-   return miniMenu;
-});
+    window.miniMenu = miniMenu;
+})();