'
+ //展开箭头
+ ,
+ dom.spread()
+
+ //复选框
+ ,
+ dom.checkbox()
+
+ //节点
+ ,
+ dom.node()
+ //菜单
+ ,
+ dom.menu(),
+ '
'
+ ].join('');
+ return li;
+ }
+
+ //父绑定事件
+ Atree.prototype.bindUlEvent = function(li, item) {
+ var that = this,
+ options = that.options
+ //触发点击节点回调
+ typeof options.click === 'function' && that.click(li, item);
+
+ //节点选择
+ typeof options.change === 'function' && options.check === 'checkbox' && that.checkbox(li, item);
+
+ //新增方法
+ typeof options.addClick === 'function' && that.add(li, item);
+
+ //删除方法
+ typeof options.deleteClick === 'function' && that.delete(li, item);
+
+ //拖拽节点
+ options.drag && that.drag(li, item);
+ }
+
+ //选中回调函数
+ Atree.prototype.change = function() {
+ var that = this,
+ options = that.options;
+ options.change(changeList);
+ },
+
+ //新增方法回调
+ Atree.prototype.add = function(elem, item) {
+ var that = this,
+ options = that.options;
+ var node = elem.children('.layui-atree-node');
+ var addBtn = node.children('.layui-atree-menu').children('.layui-atree-add')
+ var arrow = node.children('.layui-atree-spread')
+ var ul = elem.children('ul'),
+ a = node.children('a');
+ var addEvent = function(e) {
+ layui.stope(e);
+ var _addEvent = {
+ add: function(itemAddObj) {
+ if(!item[that.childrenKey]) {
+ item[that.childrenKey] = [];
+ }
+ item[that.childrenKey].push(itemAddObj);
+ var dom = that.getDom(item);
+ if(!ul[0]) {
+ ul = $(dom.ul())
+ elem.append(ul);
+ }
+ if(!arrow[0]) {
+ arrow = $(dom.spread());
+ node.prepend(arrow);
+ that.spread(elem, item);
+ }
+ if(!elem.data('spread')) {
+ that.open(elem, ul, arrow)
+ }
+ var li = $(that.getNode(itemAddObj));
+ that.bindUlEvent(li, itemAddObj);
+ ul.append(li);
+ }
+ }
+ options.addClick(item, elem, _addEvent.add)
+ }
+ addBtn.on('click', addEvent);
+ }
+
+ //删除方法回调
+ Atree.prototype.delete = function(elem, item) {
+ var that = this,
+ options = that.options;
+ var node = elem.children('.layui-atree-node');
+ var deleteBtn = node.children('.layui-atree-menu').children('.layui-atree-delete')
+ var ul = elem.children('ul'),
+ a = elem.children('a');
+ var deleteEvent = function(e) {
+ layui.stope(e);
+ var _deleteEvent = {
+ done: function() {
+ var parent = elem.parent();
+ var arrow = parent.parent().children('.layui-atree-spread')
+ if(parent.children('li').length === 1) {
+ arrow.remove();
+ }
+ elem.remove();
+ }
+ }
+ options.deleteClick(item, elem, _deleteEvent.done)
+ }
+ deleteBtn.on('click', deleteEvent);
+ }
+
+ //点击节点回调
+ Atree.prototype.click = function(elem, item) {
+ var that = this,
+ options = that.options;
+ var node = elem.children('.layui-atree-node');
+ node.children('a').on('click', function(e) {
+ layui.stope(e);
+ options.click(item)
+ });
+ };
+
+ //节点选择
+ Atree.prototype.checkbox = function(elem, item) {
+ var that = this,
+ options = that.options;
+ var node = elem.children('.layui-atree-node');
+ var checkbox = node.children('.layui-atree-check')
+ var ul = elem.children('ul'),
+ a = node.children('a');
+ var whileAllCheck = function(dom, item, type) {
+ var list = dom.children('.layui-show').find('li');
+ var children = item ? item.children || [] : [];
+ for(var i = 0; i < list.length; i++) {
+ var li = $(list[i]);
+ setCheck(li, children[i], type);
+ whileAllCheck(li, children[i], type);
+ }
+ }
+ var setCheck = function(elem, item, type) {
+ var checkbox = elem.children('.layui-atree-node').find('.layui-atree-check');
+ if(type) {
+ elem.data('check', true)
+ checkbox.html(icon.checkbox[1])
+ checkbox.addClass(' is-checked');
+ } else {
+ elem.data('check', null);
+ checkbox.removeClass(' is-checked');
+ checkbox.html(icon.checkbox[0])
+ }
+ if(item) {
+ var index = layui.findObj(changeList, item[that.idKey], that.idKey);
+ if(index === -1 && type === true) {
+ changeList.push(item);
+ } else if(type === false) {
+ changeList.splice(index, 1);
+ }
+ }
+ }
+ var check = function() {
+ var checkFlag;
+ if(elem.data('check')) {
+ checkFlag = false;
+ } else {
+ checkFlag = true;
+ }
+ setCheck(elem, item, checkFlag)
+ whileAllCheck(elem, item, checkFlag);
+ that.change();
+ }
+ checkbox.on('click', check);
+
+ };
+
+ //伸展节点
+ Atree.prototype.spread = function(elem, item) {
+ var that = this,
+ options = that.options;
+ var node = elem.children('.layui-atree-node');
+ var arrow = node.children('.layui-atree-spread')
+ var ul = elem.children('ul'),
+ a = node.children('a');
+ //如果没有子节点，则不执行
+ if(!ul[0]) return;
+ arrow.on('click', function() {
+ that.open(elem, ul, arrow)
+ });
+ }
+
+ //打开节点
+ Atree.prototype.open = function(elem, ul, arrow) {
+ if(elem.data('spread')) {
+ elem.data('spread', null)
+ ul.removeClass('layui-show');
+ arrow.html(icon.arrow[0]);
+ } else {
+ elem.data('spread', true);
+ ul.addClass('layui-show');
+ arrow.html(icon.arrow[1]);
+ }
+ };
+ //通用事件
+ Atree.prototype.on = function(elem) {
+ var that = this,
+ options = that.options;
+ var dragStr = 'layui-atree-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 = $('