12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- /** layui-v2.4.1 MIT License By https://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: ["", ""],
- checkbox: ["", ""],
- radio: ["", ""],
- branch: ["", ""],
- leaf: ""
- };
- 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 + "元素")
- })
- });
|