完成用户管理，layui弹出有问题

2025-09-20 02:29:24 +08:00 · 2017-09-06 17:32:35 +08:00
parent 184e2f6bb7
commit 068e6f600f
21 changed files with 18622 additions and 125 deletions
--- a/OpenAuth.Mvc/layui/lay/modules/tree.js
+++ b/OpenAuth.Mvc/layui/lay/modules/tree.js
@@ -1,2 +1,215 @@
-/** layui-v2.1.0 MIT License By http://www.layui.com */
- ;layui.define("jquery",function(e){"use strict";var o=layui.$,a=layui.hint(),i="layui-tree-enter",r=function(e){this.options=e},t={arrow:["&#xe623;","&#xe625;"],checkbox:["&#xe626;","&#xe627;"],radio:["&#xe62b;","&#xe62a;"],branch:["&#xe622;","&#xe624;"],leaf:"&#xe621;"};r.prototype.init=function(e){var o=this;e.addClass("layui-box layui-tree"),o.options.skin&&e.addClass("layui-tree-skin-"+o.options.skin),o.tree(e),o.on(e)},r.prototype.tree=function(e,a){var i=this,r=i.options,n=a||r.nodes;layui.each(n,function(a,n){var l=n.children&&n.children.length>0,c=o('<ul class="'+(n.spread?"layui-show":"")+'"></ul>'),s=o(["<li "+(n.spread?'data-spread="'+n.spread+'"':"")+">",function(){return l?'<i class="layui-icon layui-tree-spread">'+(n.spread?t.arrow[1]:t.arrow[0])+"</i>":""}(),function(){return r.check?'<i class="layui-icon layui-tree-check">'+("checkbox"===r.check?t.checkbox[0]:"radio"===r.check?t.radio[0]:"")+"</i>":""}(),function(){return'<a href="'+(n.href||"javascript:;")+'" '+(r.target&&n.href?'target="'+r.target+'"':"")+">"+('<i class="layui-icon layui-tree-'+(l?"branch":"leaf")+'">'+(l?n.spread?t.branch[1]:t.branch[0]:t.leaf)+"</i>")+("<cite>"+(n.name||"未命名")+"</cite></a>")}(),"</li>"].join(""));l&&(s.append(c),i.tree(c,n.children)),e.append(s),"function"==typeof r.click&&i.click(s,n),i.spread(s,n),r.drag&&i.drag(s,n)})},r.prototype.click=function(e,o){var a=this,i=a.options;e.children("a").on("click",function(e){layui.stope(e),i.click(o)})},r.prototype.spread=function(e,o){var a=this,i=(a.options,e.children(".layui-tree-spread")),r=e.children("ul"),n=e.children("a"),l=function(){e.data("spread")?(e.data("spread",null),r.removeClass("layui-show"),i.html(t.arrow[0]),n.find(".layui-icon").html(t.branch[0])):(e.data("spread",!0),r.addClass("layui-show"),i.html(t.arrow[1]),n.find(".layui-icon").html(t.branch[1]))};r[0]&&(i.on("click",l),n.on("dblclick",l))},r.prototype.on=function(e){var a=this,r=a.options,t="layui-tree-drag";e.find("i").on("selectstart",function(e){return!1}),r.drag&&o(document).on("mousemove",function(e){var i=a.move;if(i.from){var r=(i.to,o('<div class="layui-box '+t+'"></div>'));e.preventDefault(),o("."+t)[0]||o("body").append(r);var n=o("."+t)[0]?o("."+t):r;n.addClass("layui-show").html(i.from.elem.children("a").html()),n.css({left:e.pageX+10,top:e.pageY+10})}}).on("mouseup",function(){var e=a.move;e.from&&(e.from.elem.children("a").removeClass(i),e.to&&e.to.elem.children("a").removeClass(i),a.move={},o("."+t).remove())})},r.prototype.move={},r.prototype.drag=function(e,a){var r=this,t=(r.options,e.children("a")),n=function(){var t=o(this),n=r.move;n.from&&(n.to={item:a,elem:e},t.addClass(i))};t.on("mousedown",function(){var o=r.move;o.from={item:a,elem:e}}),t.on("mouseenter",n).on("mousemove",n).on("mouseleave",function(){var e=o(this),a=r.move;a.from&&(delete a.to,e.removeClass(i))})},e("tree",function(e){var i=new r(e=e||{}),t=o(e.elem);return t[0]?void i.init(t):a.error("layui.tree 没有找到"+e.elem+"元素")})});
+/**
+
+ @Name：layui.tree 树组件
+ @Author：贤心
+ @License：MIT
+    
+ */
+ 
+ 
+layui.define('jquery', function(exports){
+  "use strict";
+  
+  var $ = layui.$
+  ,hint = layui.hint();
+  
+  var enterSkin = 'layui-tree-enter', Tree = function(options){
+    this.options = options;
+  };
+  
+  //图标
+  var icon = {
+    arrow: ['&#xe623;', '&#xe625;'] //箭头
+    ,checkbox: ['&#xe626;', '&#xe627;'] //复选框
+    ,radio: ['&#xe62b;', '&#xe62a;'] //单选框
+    ,branch: ['&#xe622;', '&#xe624;'] //父节点
+    ,leaf: '&#xe621;' //叶节点
+  };
+  
+  //初始化
+  Tree.prototype.init = function(elem){
+    var that = this;
+    elem.addClass('layui-box layui-tree'); //添加tree样式
+    if(that.options.skin){
+      elem.addClass('layui-tree-skin-'+ that.options.skin);
+    }
+    that.tree(elem);
+    that.on(elem);
+  };
+  
+  //树节点解析
+  Tree.prototype.tree = function(elem, children){
+    var that = this, options = that.options
+    var nodes = children || options.nodes;
+    
+    layui.each(nodes, function(index, item){
+      var hasChild = item.children && item.children.length > 0;
+      var ul = $('<ul class="'+ (item.spread ? "layui-show" : "") +'"></ul>');
+      var li = $(['<li '+ (item.spread ? 'data-spread="'+ item.spread +'"' : '') +'>'
+        //展开箭头
+        ,function(){
+          return hasChild ? '<i class="layui-icon layui-tree-spread">'+ (
+            item.spread ? icon.arrow[1] : icon.arrow[0]
+          ) +'</i>' : '';
+        }()
+        
+        //复选框/单选框
+        ,function(){
+          return options.check ? (
+            '<i class="layui-icon layui-tree-check">'+ (
+              options.check === 'checkbox' ? icon.checkbox[0] : (
+                options.check === 'radio' ? icon.radio[0] : ''
+              )
+            ) +'</i>'
+          ) : '';
+        }()
+        
+        //节点
+        ,function(){
+          return '<a href="'+ (item.href || 'javascript:;') +'" '+ (
+            options.target && item.href ? 'target=\"'+ options.target +'\"' : ''
+          ) +'>'
+          + ('<i class="layui-icon layui-tree-'+ (hasChild ? "branch" : "leaf") +'">'+ (
+            hasChild ? (
+              item.spread ? icon.branch[1] : icon.branch[0]
+            ) : icon.leaf
+          ) +'</i>') //节点图标
+          + ('<cite>'+ (item.name||'未命名') +'</cite></a>');
+        }()
+      
+      ,'</li>'].join(''));
+      
+      //如果有子节点，则递归继续生成树
+      if(hasChild){
+        li.append(ul);
+        that.tree(ul, item.children);
+      }
+      
+      elem.append(li);
+      
+      //触发点击节点回调
+      typeof options.click === 'function' && that.click(li, item); 
+      
+      //伸展节点
+      that.spread(li, item);
+      
+      //拖拽节点
+      options.drag && that.drag(li, item); 
+    });
+  };
+  
+  //点击节点回调
+  Tree.prototype.click = function(elem, item){
+    var that = this, options = that.options;
+    elem.children('a').on('click', function(e){
+      layui.stope(e);
+      options.click(item)
+    });
+  };
+  
+  //伸展节点
+  Tree.prototype.spread = function(elem, item){
+    var that = this, options = that.options;
+    var arrow = elem.children('.layui-tree-spread')
+    var ul = elem.children('ul'), a = elem.children('a');
+    
+    //执行伸展
+    var open = function(){
+      if(elem.data('spread')){
+        elem.data('spread', null)
+        ul.removeClass('layui-show');
+        arrow.html(icon.arrow[0]);
+        a.find('.layui-icon').html(icon.branch[0]);
+      } else {
+        elem.data('spread', true);
+        ul.addClass('layui-show');
+        arrow.html(icon.arrow[1]);
+        a.find('.layui-icon').html(icon.branch[1]);
+      }
+    };
+    
+    //如果没有子节点，则不执行
+    if(!ul[0]) return;
+    
+    arrow.on('click', open);
+    a.on('dblclick', open);
+  }
+  
+  //通用事件
+  Tree.prototype.on = function(elem){
+    var that = this, options = that.options;
+    var dragStr = 'layui-tree-drag';
+    
+    //屏蔽选中文字
+    elem.find('i').on('selectstart', function(e){
+      return false
+    });
+    
+    //拖拽
+    if(options.drag){
+      $(document).on('mousemove', function(e){
+        var move = that.move;
+        if(move.from){
+          var to = move.to, treeMove = $('<div class="layui-box '+ dragStr +'"></div>');
+          e.preventDefault();
+          $('.' + dragStr)[0] || $('body').append(treeMove);
+          var dragElem = $('.' + dragStr)[0] ? $('.' + dragStr) : treeMove;
+          (dragElem).addClass('layui-show').html(move.from.elem.children('a').html());
+          dragElem.css({
+            left: e.pageX + 10
+            ,top: e.pageY + 10
+          })
+        }
+      }).on('mouseup', function(){
+        var move = that.move;
+        if(move.from){
+          move.from.elem.children('a').removeClass(enterSkin);
+          move.to && move.to.elem.children('a').removeClass(enterSkin);
+          that.move = {};
+          $('.' + dragStr).remove();
+        }
+      });
+    }
+  };
+    
+  //拖拽节点
+  Tree.prototype.move = {};
+  Tree.prototype.drag = function(elem, item){
+    var that = this, options = that.options;
+    var a = elem.children('a'), mouseenter = function(){
+      var othis = $(this), move = that.move;
+      if(move.from){
+        move.to = {
+          item: item
+          ,elem: elem
+        };
+        othis.addClass(enterSkin);
+      }
+    };
+    a.on('mousedown', function(){
+      var move = that.move
+      move.from = {
+        item: item
+        ,elem: elem
+      };
+    });
+    a.on('mouseenter', mouseenter).on('mousemove', mouseenter)
+    .on('mouseleave', function(){
+      var othis = $(this), move = that.move;
+      if(move.from){
+        delete move.to;
+        othis.removeClass(enterSkin);
+      }
+    });
+  };
+  
+  //暴露接口
+  exports('tree', function(options){
+    var tree = new Tree(options = options || {});
+    var elem = $(options.elem);
+    if(!elem[0]){
+      return hint.error('layui.tree 没有找到'+ options.elem +'元素');
+    }
+    tree.init(elem);
+  });
+});