wuyebaoxiuapi/static/js/tab.js

/** kit_admin-v1.0.5 MIT License By http://kit/zhengjinfan.cn e-mail:zheng_jinfan@126.com */
;
layui.define(["jquery", "element", "nprogress"],
    function(i) {
        var t = layui.jquery,
            e = layui.element,
            a = t(document),
            l = t(window),
            n = function() {
                this.config = {
                    elem: void 0,
                    mainUrl: "/home/start"
                },
                    this.v = "1.0.3"
            }; (n.fn = n.prototype).set = function(i) {
            var e = this;
            return t.extend(!0, e.config, i),
                e
        },
            n.fn.render = function() {
                var i = this,
                    t = i.config;
                return void 0 === t.elem ? (layui.hint().error("Tab error:请配置选择卡容器."), i) : (r._config = t, r.createTabDom(), i)
            },
            n.fn.tabAdd = function(i) {
                r.tabAdd(i)
            },
            n.fn.close = function(i) {
                r.tabDelete(i)
            },
            n.fn.getId = function() {
                return r.getCurrLayId()
            };
        var r = {
            _config: {},
            _filter: "kitTab",
            _title: void 0,
            _content: void 0,
            _parentElem: void 0,
            tabDomExists: function() {
                var i = this;
                return a.find("div.kit-tab").length > 0 && (i._title = t(".kit-tab ul.layui-tab-title"), i._content = t(".kit-tab div.layui-tab-content"), !0)
            },
            createTabDom: function() {
                var i = this,
                    e = i._config;
                if (i._parentElem = e.elem, !i.tabDomExists()) {
                    var a = ['<div class="layui-tab layui-tab-card kit-tab" lay-filter="' + i._filter + '">', '<ul class="layui-tab-title">', '<li class="layui-this" lay-id="-1"><i class="layui-icon">&#xe68e;</i> 控制面板</li>', "</ul>", '<div class="kit-tab-tool kit-tab-bg"><i class="fa fa-ellipsis-v"></i></div>', '<div class="kit-tab-tool-body layui-anim layui-anim-upbit">', "<ul>",  '<li class="kit-item" data-target="closeCurrent">关闭当前选项卡</li>', '<li class="kit-item" data-target="closeOther">关闭其他选项卡</li>', '<li class="kit-line"></li>', '<li class="kit-item" data-target="closeAll">关闭所有选项卡</li>', "</ul>", "</div>", '<div class="layui-tab-content">', '<div class="layui-tab-item layui-show" lay-item-id="-1"><iframe src="' + e.mainUrl + '"></iframe></div>', "</div>", "</div>"];
                    t(e.elem).html(a.join("")),
                        i._title = t(".kit-tab ul.layui-tab-title"),
                        i._content = t(".kit-tab div.layui-tab-content");
                    var l = t(".kit-tab-tool"),
                        n = t(".kit-tab-tool-body");
                    l.on("click",
                        function() {
                            n.toggle()
                        }),
                        n.find("li.kit-item").each(function() {
                            var e = t(this),
                                a = e.data("target");
                            e.off("click").on("click",
                                function() {
                                    var e = i._title.children("li[class=layui-this]").attr("lay-id");
                                    switch (a) {
                                        case "refresh":
                                            var n = i._content.children("div[lay-item-id=" + e + "]").children("iframe");
                                            n.attr("src", n.attr("src"));
                                            break;
                                        case "closeCurrent":
                                            -1 != e && i.tabDelete(e);
                                            break;
                                        case "closeOther":
                                            i._title.children("li[lay-id]").each(function() {
                                                var a = t(this).attr("lay-id");
                                                a != e && -1 != a && i.tabDelete(a)
                                            });
                                            break;
                                        case "closeAll":
                                            i._title.children("li[lay-id]").each(function() {
                                                var e = t(this).attr("lay-id"); - 1 != e && i.tabDelete(e)
                                            })
                                    }
                                    l.click()
                                })
                        }),
                        i.winResize()
                }
            },
            winResize: function() {
                var i = this;
                l.on("resize",
                    function() {
                        var e = t(i._parentElem).height();
                        t(".kit-tab .layui-tab-content iframe").height(e - 45)
                    }).resize()
            },
            tabExists: function(i) {
                return this._title.find("li[lay-id=" + i + "]").length > 0
            },
            tabDelete: function(i) {
                e.tabDelete(this._filter, i)
            },
            tabChange: function(i) {
                e.tabChange(this._filter, i)
            },
            getTab: function(i) {
                return this._title.find("li[lay-id=" + i + "]")
            },
            tabAdd: function(i) {
                var t = this,
                    a = t._config,
                    l = (i = i || {
                        id: (new Date).getTime(),
                        title: "新标签页",
                        icon: "fa-file",
                        url: "404.html"
                    }).title,
                    n = i.icon,
                    r = i.url,
                    c = i.id;
                if (t.tabExists(c)) t.tabChange(c);
                else {
                    NProgress.start();
                    var s = ['<li class="layui-this" lay-id="' + c + '" >']; - 1 !== n.indexOf("fa-") ? s.push('<i class="fa ' + n + '" aria-hidden="true"></i>') : s.push('<i class="layui-icon">' + n + "</i>"),
                        s.push("&nbsp;" + l),
                        s.push('<i class="layui-icon layui-unselect layui-tab-close">&#x1006;</i>'),
                        s.push("</li>");
                    var o = '<div class="layui-tab-item layui-show" lay-item-id="' + c + '"><iframe src="' + r + '"></iframe></div>';
                    t._title.append(s.join("")),
                        t._content.append(o),
                        t.getTab(c).find("i.layui-tab-close").off("click").on("click",
                            function() {
                                a.closeBefore ? a.closeBefore(i) && t.tabDelete(c) : t.tabDelete(c)
                            }),
                        t.tabChange(c),
                        t.winResize(),
                        t._content.find("div[lay-item-id=" + c + "]").find("iframe").on("load",
                            function() {
                                NProgress.done()
                            }),
                    a.onSwitch && e.on("tab(" + t._filter + ")",
                        function(i) {
                            a.onSwitch({
                                index: i.index,
                                elem: i.elem,
                                layId: t._title.children("li").eq(i.index).attr("lay-id")
                            })
                        })
                }
            },
            getCurrLayId: function() {
                return this._title.find("li.layui-this").attr("lay-id")
            }
        };
        i("tab", new n)
    });