123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270 |
- /** layui-v2.5.6 MIT License By https://www.layui.com */
- ;layui.define( "form", function (e) {
- "use strict";
- var i = layui.$, a = layui.form, n = layui.layer, t = "tree", r = {
- config: {}, index: layui[t] ? layui[t].index + 1e4 : 0, set: function (e) {
- var a = this;
- return a.config = i.extend({}, a.config, e), a
- }, on: function (e, i) {
- return layui.onevent.call(this, t, e, i)
- }
- }, l = function () {
- var e = this, i = e.config, a = i.id || e.index;
- return l.that[a] = e, l.config[a] = i, {
- config: i, reload: function (i) {
- e.reload.call(e, i)
- }, getChecked: function () {
- return e.getChecked.call(e)
- }, setChecked: function (i) {
- return e.setChecked.call(e, i)
- }
- }
- }, c = "layui-hide", d = "layui-disabled", s = "layui-tree-set", o = "layui-tree-iconClick",
- h = "layui-icon-addition", u = "layui-icon-subtraction", p = "layui-tree-entry", f = "layui-tree-main",
- y = "layui-tree-txt", v = "layui-tree-pack", C = "layui-tree-spread", k = "layui-tree-setLineShort",
- m = "layui-tree-showLine", x = "layui-tree-lineExtend", b = function (e) {
- var a = this;
- a.index = ++r.index, a.config = i.extend({}, a.config, r.config, e), a.render()
- };
- b.prototype.config = {
- data: [],
- showCheckbox: !1,
- showLine: !0,
- accordion: !1,
- onlyIconControl: !1,
- isJump: !1,
- edit: !1,
- text: {defaultNodeName: "未命名", none: "无数据"}
- }, b.prototype.reload = function (e) {
- var a = this;
- layui.each(e, function (e, i) {
- i.constructor === Array && delete a.config[e]
- }), a.config = i.extend(!0, {}, a.config, e), a.render()
- }, b.prototype.render = function () {
- var e = this, a = e.config;
- e.checkids = [];
- var n = i('<div class="layui-tree' + (a.showCheckbox ? " layui-form" : "") + (a.showLine ? " layui-tree-line" : "") + '" lay-filter="LAY-tree-' + e.index + '"></div>');
- e.tree(n);
- var t = a.elem = i(a.elem);
- if (t[0]) {
- if (e.key = a.id || e.index, e.elem = n, e.elemNone = i('<div class="layui-tree-emptyText">' + a.text.none + "</div>"), t.html(e.elem), 0 == e.elem.find(".layui-tree-set").length) return e.elem.append(e.elemNone);
- a.showCheckbox && e.renderForm("checkbox"), e.elem.find(".layui-tree-set").each(function () {
- var e = i(this);
- e.parent(".layui-tree-pack")[0] || e.addClass("layui-tree-setHide"), !e.next()[0] && e.parents(".layui-tree-pack").eq(1).hasClass("layui-tree-lineExtend") && e.addClass(k), e.next()[0] || e.parents(".layui-tree-set").eq(0).next()[0] || e.addClass(k)
- }), e.events()
- }
- }, b.prototype.renderForm = function (e) {
- a.render(e, "LAY-tree-" + this.index)
- }, b.prototype.tree = function (e, a) {
- var n = this, t = n.config, r = a || t.data;
- layui.each(r, function (a, r) {
- var l = r.children && r.children.length > 0,
- o = i('<div class="layui-tree-pack" ' + (r.spread ? 'style="display: block;"' : "") + '"></div>'),
- h = i(['<div data-id="' + r.id + '" class="layui-tree-set' + (r.spread ? " layui-tree-spread" : "") + (r.checked ? " layui-tree-checkedFirst" : "") + '">', '<div class="layui-tree-entry">', '<div class="layui-tree-main">', function () {
- return t.showLine ? l ? '<span class="layui-tree-iconClick layui-tree-icon"><i class="layui-icon ' + (r.spread ? "layui-icon-subtraction" : "layui-icon-addition") + '"></i></span>' : '<span class="layui-tree-iconClick"><i class="layui-icon layui-icon-file"></i></span>' : '<span class="layui-tree-iconClick"><i class="layui-tree-iconArrow ' + (l ? "" : c) + '"></i></span>'
- }(), function () {
- return t.showCheckbox ? '<input type="checkbox" name="' + (r.field || "layuiTreeCheck_" + r.id) + '" same="layuiTreeCheck" lay-skin="primary" ' + (r.disabled ? "disabled" : "") + ' value="' + r.id + '">' : ""
- }(), function () {
- return t.isJump && r.href ? '<a href="' + r.href + '" target="_blank" class="' + y + '">' + (r.title || r.label || t.text.defaultNodeName) + "</a>" : '<span class="' + y + (r.disabled ? " " + d : "") + '">' + (r.title || r.label || t.text.defaultNodeName) + "</span>"
- }(), "</div>", function () {
- if (!t.edit) return "";
- var e = {
- add: '<i class="layui-icon layui-icon-add-1" data-type="add"></i>',
- update: '<i class="layui-icon layui-icon-edit" data-type="update"></i>',
- del: '<i class="layui-icon layui-icon-delete" data-type="del"></i>'
- }, i = ['<div class="layui-btn-group layui-tree-btnGroup">'];
- return t.edit === !0 && (t.edit = ["update", "del"]), "object" == typeof t.edit ? (layui.each(t.edit, function (a, n) {
- i.push(e[n] || "")
- }), i.join("") + "</div>") : void 0
- }(), "</div></div>"].join(""));
- l && (h.append(o), n.tree(o, r.children)), e.append(h), h.prev("." + s)[0] && h.prev().children(".layui-tree-pack").addClass("layui-tree-showLine"), l || h.parent(".layui-tree-pack").addClass("layui-tree-lineExtend"), n.spread(h, r), t.showCheckbox && (r.checked && n.checkids.push(r.id), n.checkClick(h, r)), t.edit && n.operate(h, r)
- })
- }, b.prototype.spread = function (e, a) {
- var n = this, t = n.config, r = e.children("." + p), l = r.children("." + f), c = r.find("." + o),
- k = r.find("." + y), m = t.onlyIconControl ? c : l, x = "";
- m.on("click", function (i) {
- var a = e.children("." + v),
- n = m.children(".layui-icon")[0] ? m.children(".layui-icon") : m.find(".layui-tree-icon").children(".layui-icon");
- if (a[0]) {
- if (e.hasClass(C)) e.removeClass(C), a.slideUp(200), n.removeClass(u).addClass(h); else if (e.addClass(C), a.slideDown(200), n.addClass(u).removeClass(h), t.accordion) {
- var r = e.siblings("." + s);
- r.removeClass(C), r.children("." + v).slideUp(200), r.find(".layui-tree-icon").children(".layui-icon").removeClass(u).addClass(h)
- }
- } else x = "normal"
- }), k.on("click", function () {
- var n = i(this);
- n.hasClass(d) || (x = e.hasClass(C) ? t.onlyIconControl ? "open" : "close" : t.onlyIconControl ? "close" : "open", t.click && t.click({
- elem: e,
- state: x,
- data: a
- }))
- })
- }, b.prototype.setCheckbox = function (e, i, a) {
- var n = this, t = (n.config, a.prop("checked"));
- if (!a.prop("disabled")) {
- if ("object" == typeof i.children || e.find("." + v)[0]) {
- var r = e.find("." + v).find('input[same="layuiTreeCheck"]');
- r.each(function () {
- this.disabled || (this.checked = t)
- })
- }
- var l = function (e) {
- if (e.parents("." + s)[0]) {
- var i, a = e.parent("." + v), n = a.parent(), r = a.prev().find('input[same="layuiTreeCheck"]');
- t ? r.prop("checked", t) : (a.find('input[same="layuiTreeCheck"]').each(function () {
- this.checked && (i = !0)
- }), i || r.prop("checked", !1)), l(n)
- }
- };
- l(e), n.renderForm("checkbox")
- }
- }, b.prototype.checkClick = function (e, a) {
- var n = this, t = n.config, r = e.children("." + p), l = r.children("." + f);
- l.on("click", 'input[same="layuiTreeCheck"]+', function (r) {
- layui.stope(r);
- var l = i(this).prev(), c = l.prop("checked");
- l.prop("disabled") || (n.setCheckbox(e, a, l), t.oncheck && t.oncheck({elem: e, checked: c, data: a}))
- })
- }, b.prototype.operate = function (e, a) {
- var t = this, r = t.config, l = e.children("." + p), d = l.children("." + f);
- l.children(".layui-tree-btnGroup").on("click", ".layui-icon", function (l) {
- layui.stope(l);
- var f = i(this).data("type"), b = e.children("." + v), g = {data: a, type: f, elem: e};
-
- //自定义属性,替换
- if (r.customOperate) {
- // console.log("自定义");
- r.operate && r.operate(g);
- } else {
- if ("add" == f) {
- b[0] || (r.showLine ? (d.find("." + o).addClass("layui-tree-icon"), d.find("." + o).children(".layui-icon").addClass(h).removeClass("layui-icon-file")) : d.find(".layui-tree-iconArrow").removeClass(c), e.append('<div class="layui-tree-pack"></div>'));
- var w = r.operate && r.operate(g), N = {};
- if (N.title = r.text.defaultNodeName, N.id = w, t.tree(e.children("." + v), [N]), r.showLine) if (b[0]) b.hasClass(x) || b.addClass(x), e.find("." + v).each(function () {
- i(this).children("." + s).last().addClass(k)
- }), b.children("." + s).last().prev().hasClass(k) ? b.children("." + s).last().prev().removeClass(k) : b.children("." + s).last().removeClass(k), !e.parent("." + v)[0] && e.next()[0] && b.children("." + s).last().removeClass(k); else {
- var T = e.siblings("." + s), L = 1, A = e.parent("." + v);
- layui.each(T, function (e, a) {
- i(a).children("." + v)[0] || (L = 0)
- }), 1 == L ? (T.children("." + v).addClass(m), T.children("." + v).children("." + s).removeClass(k), e.children("." + v).addClass(m), A.removeClass(x), A.children("." + s).last().children("." + v).children("." + s).last().addClass(k)) : e.children("." + v).children("." + s).addClass(k)
- }
- if (!r.showCheckbox) return;
- if (d.find('input[same="layuiTreeCheck"]')[0].checked) {
- var I = e.children("." + v).children("." + s).last();
- I.find('input[same="layuiTreeCheck"]')[0].checked = !0
- }
- t.renderForm("checkbox")
- } else if ("update" == f) {
- var F = d.children("." + y).html();
- d.children("." + y).html(""), d.append('<input type="text" class="layui-tree-editInput">'), d.children(".layui-tree-editInput").val(F).focus();
- var j = function (e) {
- var i = e.val().trim();
- i = i ? i : r.text.defaultNodeName, e.remove(), d.children("." + y).html(i), g.data.title = i, r.operate && r.operate(g)
- };
- d.children(".layui-tree-editInput").blur(function () {
- j(i(this))
- }), d.children(".layui-tree-editInput").on("keydown", function (e) {
- 13 === e.keyCode && (e.preventDefault(), j(i(this)))
- })
- } else n.confirm('确认删除该节点 "<span style="color: #999;">' + (a.title || "") + '</span>" 吗?', function (a) {
- if (r.operate && r.operate(g), g.status = "remove", n.close(a), !e.prev("." + s)[0] && !e.next("." + s)[0] && !e.parent("." + v)[0]) return e.remove(), void t.elem.append(t.elemNone);
- if (e.siblings("." + s).children("." + p)[0]) {
- if (r.showCheckbox) {
- var l = function (e) {
- if (e.parents("." + s)[0]) {
- var a = e.siblings("." + s).children("." + p), n = e.parent("." + v).prev(),
- r = n.find('input[same="layuiTreeCheck"]')[0], c = 1, d = 0;
- 0 == r.checked && (a.each(function (e, a) {
- var n = i(a).find('input[same="layuiTreeCheck"]')[0];
- 0 != n.checked || n.disabled || (c = 0), n.disabled || (d = 1)
- }), 1 == c && 1 == d && (r.checked = !0, t.renderForm("checkbox"), l(n.parent("." + s))))
- }
- };
- l(e)
- }
- if (r.showLine) {
- var d = e.siblings("." + s), h = 1, f = e.parent("." + v);
- layui.each(d, function (e, a) {
- i(a).children("." + v)[0] || (h = 0)
- }), 1 == h ? (b[0] || (f.removeClass(x), d.children("." + v).addClass(m), d.children("." + v).children("." + s).removeClass(k)), e.next()[0] ? f.children("." + s).last().children("." + v).children("." + s).last().addClass(k) : e.prev().children("." + v).children("." + s).last().addClass(k), e.next()[0] || e.parents("." + s)[1] || e.parents("." + s).eq(0).next()[0] || e.prev("." + s).addClass(k)) : !e.next()[0] && e.hasClass(k) && e.prev().addClass(k)
- }
- } else {
- var y = e.parent("." + v).prev();
- if (r.showLine) {
- y.find("." + o).removeClass("layui-tree-icon"), y.find("." + o).children(".layui-icon").removeClass(u).addClass("layui-icon-file");
- var w = y.parents("." + v).eq(0);
- w.addClass(x), w.children("." + s).each(function () {
- i(this).children("." + v).children("." + s).last().addClass(k)
- })
- } else y.find(".layui-tree-iconArrow").addClass(c);
- e.parents("." + s).eq(0).removeClass(C), e.parent("." + v).remove()
- }
- e.remove()
- })
- }
-
- })
- }, b.prototype.events = function () {
- var e = this, a = e.config;
- e.elem.find(".layui-tree-checkedFirst");
- e.setChecked(e.checkids), e.elem.find(".layui-tree-search").on("keyup", function () {
- var n = i(this), t = n.val(), r = n.nextAll(), l = [];
- r.find("." + y).each(function () {
- var e = i(this).parents("." + p);
- if (i(this).html().indexOf(t) != -1) {
- l.push(i(this).parent());
- var a = function (e) {
- e.addClass("layui-tree-searchShow"), e.parent("." + v)[0] && a(e.parent("." + v).parent("." + s))
- };
- a(e.parent("." + s))
- }
- }), r.find("." + p).each(function () {
- var e = i(this).parent("." + s);
- e.hasClass("layui-tree-searchShow") || e.addClass(c)
- }), 0 == r.find(".layui-tree-searchShow").length && e.elem.append(e.elemNone), a.onsearch && a.onsearch({elem: l})
- }), e.elem.find(".layui-tree-search").on("keydown", function () {
- i(this).nextAll().find("." + p).each(function () {
- var e = i(this).parent("." + s);
- e.removeClass("layui-tree-searchShow " + c)
- }), i(".layui-tree-emptyText")[0] && i(".layui-tree-emptyText").remove()
- })
- }, b.prototype.getChecked = function () {
- var e = this, a = e.config, n = [], t = [];
- e.elem.find(".layui-form-checked").each(function () {
- n.push(i(this).prev()[0].value)
- });
- var r = function (e, a) {
- layui.each(e, function (e, t) {
- layui.each(n, function (e, n) {
- if (t.id == n) {
- var l = i.extend({}, t);
- return delete l.children, a.push(l), t.children && (l.children = [], r(t.children, l.children)), !0
- }
- })
- })
- };
- return r(i.extend({}, a.data), t), t
- }, b.prototype.setChecked = function (e) {
- var a = this;
- a.config;
- a.elem.find("." + s).each(function (a, n) {
- var t = i(this).data("id"), r = i(n).children("." + p).find('input[same="layuiTreeCheck"]'), l = r.next();
- if ("number" == typeof e) {
- if (t == e) return r[0].checked || l.click(), !1
- } else "object" == typeof e && layui.each(e, function (e, i) {
- if (i == t && !r[0].checked) return l.click(), !0
- })
- })
- }, l.that = {}, l.config = {}, r.reload = function (e, i) {
- var a = l.that[e];
- return a.reload(i), l.call(a)
- }, r.getChecked = function (e) {
- var i = l.that[e];
- return i.getChecked()
- }, r.setChecked = function (e, i) {
- var a = l.that[e];
- return a.setChecked(i)
- }, r.render = function (e) {
- var i = new b(e);
- return l.call(i)
- }, e("tree2", r)
- });
|