layui.define(
  [
    "jquery",
    "tools",
    "element",
    "yaml",
    "form",
    "tabPage",
    "menu",
    "page",
    "fullscreen",
    "messageCenter",
    "menuSearch",
  ],
  function (exports) {
    "use strict";

    var $ = layui.jquery,
      form = layui.form,
      yaml = layui.yaml,
      page = layui.page,
      menu = layui.menu,
      messageCenter = layui.messageCenter,
      menuSearch = layui.menuSearch,
      fullscreen = layui.fullscreen,
      tools = layui.tools,
      tabPage = layui.tabPage;

    var sideMenu;

    var configurationCache;

    var bodyTab;

    var bodyFrame;

    var logout = function () {};

    var body = $("body");

    var pearAdmin = new (function () {
      this.configuration = {};

      this.configurationPath = "pear.config.yml";

      this.instances = {};

      /**
       * @since Pear Admin 4.0
       *
       * 获取 pear.config 实现 [ default ]
       */
      this.configurationProvider = () => {
        return new Promise((resolve) => {
          if (this.configurationPath.indexOf("json") > -1) {
            $.ajax({
              type: "get",
              url: this.configurationPath,
              dataType: "json",
              async: false,
              success: (result) => {
                resolve(result);
              },
            });
          } else {
            resolve(yaml.load(this.configurationPath));
          }
        });
      };

      /**
       * @since Pear Admin 4.0
       *
       * 配置 pear.config 路径
       */
      this.setConfigurationPath = (path) => {
        this.configurationPath = path;
      };

      /**
       * @since Pear Admin 4.0
       *
       * 获取 pear.config 实现 [ implement ]
       */
      this.setConfigurationProvider = (provider) => {
        this.configurationProvider = provider;
      };

      /**
       * @since Pear Admin 4.0
       *
       * 获取 pear.config 配置
       */
      this.getConfiguration = () => {
        return this.configuration;
      };

      /**
       * @since Pear Admin 4.0
       *
       * Core Function.
       *
       * @param {*} options
       */
      this.render = (options) => {
        if (options !== undefined) {
          pearAdmin.apply(options);
        } else {
          this.configurationProvider().then((result) => {
            pearAdmin.apply(result);
          });
        }
      };

      /**
       * @since Pear Admin 4.0
       *
       * 启动构建
       */
      this.apply = function (configuration) {
        configurationCache = configuration;
        pearAdmin.logoRender(configuration);
        pearAdmin.menuRender(configuration);
        pearAdmin.menuSearchRender(configuration);
        pearAdmin.bodyRender(configuration);
        pearAdmin.messageCenterRender(configuration);
        pearAdmin.themeRender(configuration);
        pearAdmin.keepLoad(configuration);
      };

      /**
       * @since Pear Admin 4.0
       *
       * 菜单搜索
       */
      this.menuSearchRender = function (options) {
        menuSearch.render({
          elem: ".menuSearch",
          dataProvider: () => sideMenu.cache(),
          select: (node) => {
            if (node.type == "1") {
              sideMenu.selectItem(node.id);
              if (node.openType === "_layer") {
                layer.open({
                  type: 2,
                  title: data.title,
                  content: data.url,
                  area: ["80%", "80%"],
                  maxmin: true,
                });
              } else {
                if (
                  isMuiltTab(options) === "true" ||
                  isMuiltTab(options) === true
                ) {
                  bodyTab.addTabOnly({
                    id: node.id,
                    title: node.title,
                    type: node.openType,
                    url: node.url,
                    icon: node.icon,
                    close: true,
                  });
                } else {
                  bodyFrame.changePage({
                    href: node.url,
                    type: node.openType,
                  });
                }
              }
            }
          },
        });
      };

      /**
       * @since Pear Admin 4.0
       *
       * 消息中心
       */
      this.messageCenterRender = function (options) {
        messageCenter.render({
          elem: ".message",
          url: options.header.message,
          height: "250px",
        });
      };

      this.logoRender = function (param) {
        $(".layui-logo .logo").attr("src", param.logo.image);
        $(".layui-logo .title").html(param.logo.title);
      };

      /**
       * @since Pear Admin 4.0
       *
       * 侧边菜单
       */
      this.menuRender = function (param) {
        sideMenu = menu.render({
          elem: "sideMenu",
          async: param.menu.async,
          method: param.menu.method,
          control:
            isControl(param) === "true" || isControl(param) === true
              ? "control"
              : false,
          controlWidth: param.menu.controlWidth,
          accordion: param.menu.accordion,
          data: param.menu.data,
          url: param.menu.data,
          parseData: false,
          defaultMenu: 0,
          change: function () {
            compatible();
          },
          done: function () {
            sideMenu.isCollapse = param.menu.collapse;
            sideMenu.selectItem(param.menu.select);
            pearAdmin.collapse(param);
          },
        });
      };

      /**
       * @since Pear Admin 4.0
       *
       * 视图容器
       */
      this.bodyRender = function (param) {
        body.on("click", ".refresh", function () {
          refresh();
        });

        if (isMuiltTab(param) === "true" || isMuiltTab(param) === true) {
          bodyTab = tabPage.render({
            elem: "content",
            session: param.tab.session,
            index: 0,
            tabMax: param.tab.max,
            preload: param.tab.preload,
            closeEvent: function (id) {
              sideMenu.selectItem(id);
            },
            data: [
              {
                id: param.tab.index.id,
                url: param.tab.index.href,
                title: param.tab.index.title,
                close: false,
              },
            ],
            success: function (id) {
              if (param.tab.session) {
                setTimeout(function () {
                  sideMenu.selectItem(id);
                  bodyTab.positionTab();
                }, 500);
              }
            },
          });

          bodyTab.click(function (id) {
            if (!param.tab.keepState) {
              bodyTab.refresh(false);
            }
            bodyTab.positionTab();
            sideMenu.selectItem(id);
          });

          sideMenu.click(function (dom, data) {
            if (data.menuOpenType === "_layer") {
              layer.open({
                type: 2,
                title: data.menuTitle,
                content: data.menuUrl,
                area: ["80%", "80%"],
                maxmin: true,
              });
            } else {
              bodyTab.addTabOnly({
                id: data.menuId,
                title: data.menuTitle,
                type: data.menuOpenType,
                url: data.menuUrl,
                icon: data.menuIcon,
                close: true,
              });
            }
            compatible();
          });
        } else {
          bodyFrame = page.render({
            elem: "content",
            title: "首页",
            url: param.tab.index.href,
          });

          sideMenu.click(function (dom, data) {
            if (data.menuOpenType === "_layer") {
              layer.open({
                type: 2,
                title: data.menuTitle,
                content: data.menuUrl,
                area: ["80%", "80%"],
                maxmin: true,
              });
            } else {
              bodyFrame.changePage({
                href: data.menuUrl,
                type: data.menuOpenType,
              });
            }
            compatible();
          });
        }
      };

      this.keepLoad = function (param) {
        compatible();
        setTimeout(function () {
          $(".loader-wrapper").fadeOut(200);
        }, param.other.keepLoad);
      };

      this.changeTheme = function () {
        const variableKey = "--global-primary-color";
        const variableVal = localStorage.getItem("theme-color-color");
        document.documentElement.style.setProperty(variableKey, variableVal);
      };

      /**
       * @since Pear Admin 4.0
       *
       * 主题配置
       */
      this.themeRender = function (option) {
        if (option.theme.allowCustom === false) {
          $(".setting").remove();
        }
        var colorId = localStorage.getItem("theme-color");
        var currentColor = getColorById(colorId);
        localStorage.setItem("theme-color", currentColor.id);
        localStorage.setItem("theme-color-color", currentColor.color);
        localStorage.setItem("theme-color-second", currentColor.second);
        pearAdmin.changeTheme();

        var menu = localStorage.getItem("theme-menu");
        if (menu === null) {
          menu = option.theme.defaultMenu;
        } else {
          if (option.theme.allowCustom === false) {
            menu = option.theme.defaultMenu;
          }
        }

        var header = localStorage.getItem("theme-header");
        if (header === null) {
          header = option.theme.defaultHeader;
        } else {
          if (option.theme.allowCustom === false) {
            header = option.theme.defaultHeader;
          }
        }

        var banner = localStorage.getItem("theme-banner");
        if (banner === null) {
          banner = option.theme.banner;
        } else {
          if (option.theme.allowCustom === false) {
            banner = option.theme.banner;
          }
        }

        var autoHead = localStorage.getItem("auto-head");
        if (autoHead === null) {
          autoHead = option.other.autoHead;
        } else {
          if (option.theme.allowCustom === false) {
            autoHead = option.other.autoHead;
          }
        }

        var muiltTab = localStorage.getItem("muilt-tab");
        if (muiltTab === null) {
          muiltTab = option.tab.enable;
        } else {
          if (option.theme.allowCustom === false) {
            muiltTab = option.tab.enable;
          }
        }

        var control = localStorage.getItem("control");
        if (control === null) {
          control = option.menu.control;
        } else {
          if (option.theme.allowCustom === false) {
            control = option.menu.control;
          }
        }

        var footer = localStorage.getItem("footer");
        if (footer === null) {
          footer = option.other.footer;
        } else {
          if (option.theme.allowCustom === false) {
            footer = option.other.footer;
          }
        }

        var dark = localStorage.getItem("dark");
        if (dark === null) {
          dark = option.theme.dark;
        } else {
          if (option.theme.allowCustom === false) {
            dark = option.theme.dark;
          }
        }

        localStorage.setItem("muilt-tab", muiltTab);
        localStorage.setItem("theme-banner", banner);
        localStorage.setItem("theme-menu", menu);
        localStorage.setItem("theme-header", header);
        localStorage.setItem("auto-head", autoHead);
        localStorage.setItem("control", control);
        localStorage.setItem("footer", footer);
        localStorage.setItem("dark", dark);
        this.menuSkin(menu);
        this.headerSkin(header);
        this.bannerSkin(banner);
        this.enableDark(dark);
        this.footer(footer);
      };

      this.footer = function (footer) {
        var bodyDOM = $(".pear-admin .layui-body");
        var footerDOM = $(".pear-admin .layui-footer");
        if (footer === true || footer === "true") {
          footerDOM.removeClass("close");
          bodyDOM.css("height", "calc(100% - 105px)");
        } else {
          footerDOM.addClass("close");
          bodyDOM.css("height", "calc(100% - 60px)");
        }
      };

      this.bannerSkin = function (theme) {
        var pearAdmin = $(".pear-admin");
        pearAdmin.removeClass("banner-layout");
        if (theme === true || theme === "true") {
          pearAdmin.addClass("banner-layout");
        }
      };

      this.enableDark = function (checked) {
        var $pearAdmin = $(".pear-admin");
        $pearAdmin.removeClass("pear-admin-dark");
        if (checked === true || checked === "true") {
          $pearAdmin.addClass("pear-admin-dark");
        }
      };

      this.collapse = function (param) {
        if (param.menu.collapse) {
          if ($(window).width() >= 768) {
            collapse();
          }
        }
      };

      this.menuSkin = function (theme) {
        var pearAdmin = $(".pear-admin .layui-side");
        pearAdmin.removeClass("light-theme");
        pearAdmin.removeClass("dark-theme");
        pearAdmin.addClass(theme);
      };

      this.headerSkin = function (theme) {
        var pearAdmin = $(".pear-admin .layui-header");
        pearAdmin.removeClass("dark-theme");
        pearAdmin.removeClass("light-theme");
        pearAdmin.removeClass("auto-theme");
        pearAdmin.addClass(theme);
      };

      this.logout = function (callback) {
        logout = callback;
      };
    })();

    /**
     * @since Pear Admin 4.0
     *
     * 页面刷新
     */
    function refresh() {
      var refreshA = $(".refresh a");
      refreshA.removeClass("layui-icon-refresh-1");
      refreshA.addClass("layui-anim");
      refreshA.addClass("layui-anim-rotate");
      refreshA.addClass("layui-anim-loop");
      refreshA.addClass("layui-icon-loading");
      if (
        isMuiltTab(configurationCache) === "true" ||
        isMuiltTab(configurationCache) === true
      )
        bodyTab.refresh(true);
      else bodyFrame.refresh(true);
      setTimeout(function () {
        refreshA.addClass("layui-icon-refresh-1");
        refreshA.removeClass("layui-anim");
        refreshA.removeClass("layui-anim-rotate");
        refreshA.removeClass("layui-anim-loop");
        refreshA.removeClass("layui-icon-loading");
      }, 600);
    }

    /**
     * @since Pear Admin 4.0
     *
     * 菜单折叠
     */
    function collapse() {
      sideMenu.collapse();
      var admin = $(".pear-admin");
      var left = $(".layui-icon-spread-left");
      var right = $(".layui-icon-shrink-right");
      if (admin.is(".pear-mini")) {
        left.addClass("layui-icon-shrink-right");
        left.removeClass("layui-icon-spread-left");
        admin.removeClass("pear-mini");
        sideMenu.isCollapse = false;
      } else {
        right.addClass("layui-icon-spread-left");
        right.removeClass("layui-icon-shrink-right");
        admin.addClass("pear-mini");
        sideMenu.isCollapse = true;
      }
    }

    /**
     * @since Pear Admin 4.0
     *
     * 使用 admin.logout(Function) 实现注销
     *
     * Promise<boolean> 作为返回值类型时，泛型内容为 true 时视为注销成功，则清除 bodyTab 缓存
     *
     * 否则视为注销失败，不做任何处置。
     */
    body.on("click", ".logout", function () {
      var promise = logout();
      if (promise != undefined) {
        promise.then((asyncResult) => {
          if (asyncResult) {
            bodyTab.clear();
          }
        });
      } else {
        bodyTab.clear();
      }
    });

    body.on("click", ".collapse,.pear-cover", function () {
      collapse();
    });

    body.on("click", ".fullScreen", function () {
      if ($(this).hasClass("layui-icon-screen-restore")) {
        fullscreen.fullClose().then(function () {
          $(".fullScreen").eq(0).removeClass("layui-icon-screen-restore");
        });
      } else {
        fullscreen.fullScreen().then(function () {
          $(".fullScreen").eq(0).addClass("layui-icon-screen-restore");
        });
      }
    });

    body.on("click", "[user-menu-id]", function () {
      if (
        isMuiltTab(configurationCache) === "true" ||
        isMuiltTab(configurationCache) === true
      ) {
        bodyTab.addTabOnly(
          {
            id: $(this).attr("user-menu-id"),
            title: $(this).attr("user-menu-title"),
            url: $(this).attr("user-menu-url"),
            icon: "",
            close: true,
          },
          300,
        );
      } else {
        bodyFrame.changePage($(this).attr("user-menu-url"), true);
      }
    });

    body.on("click", ".setting", function () {
      var menuItem =
        '<li class="layui-this" data-select-bgcolor="dark-theme" >' +
        '<a href="javascript:;" data-skin="skin-blue" style="" class="clearfix full-opacity-hover">' +
        '<div><span style="display:block; width: 20%; float: left; height: 12px; background: #28333E;"></span><span style="display:block; width: 80%; float: left; height: 12px; background: white;"></span></div>' +
        '<div><span style="display:block; width: 20%; float: left; height: 40px; background: #28333E;"></span><span style="display:block; width: 80%; float: left; height: 40px; background: #f4f5f7;"></span></div>' +
        "</a>" +
        "</li>";

      menuItem +=
        '<li  data-select-bgcolor="light-theme" >' +
        '<a href="javascript:;" data-skin="skin-blue" style="" class="clearfix full-opacity-hover">' +
        '<div><span style="display:block; width: 20%; float: left; height: 12px; background: white;"></span><span style="display:block; width: 80%; float: left; height: 12px; background: white;"></span></div>' +
        '<div><span style="display:block; width: 20%; float: left; height: 40px; background: white;"></span><span style="display:block; width: 80%; float: left; height: 40px; background: #f4f5f7;"></span></div>' +
        "</a>" +
        "</li>";

      var menuHtml =
        '<div class="pearone-color">\n' +
        '<div class="color-title">菜单风格</div>\n' +
        '<div class="color-content">\n' +
        "<ul>\n" +
        menuItem +
        "</ul>\n" +
        "</div>\n" +
        "</div>";

      var headItem =
        '<li class="layui-this" data-select-header="light-theme" >' +
        '<a href="javascript:;" data-skin="skin-blue" style="" class="clearfix full-opacity-hover">' +
        '<div><span style="display:block; width: 20%; float: left; height: 12px; background: #28333E;"></span><span style="display:block; width: 80%; float: left; height: 12px; background: white;"></span></div>' +
        '<div><span style="display:block; width: 20%; float: left; height: 40px; background: #28333E;"></span><span style="display:block; width: 80%; float: left; height: 40px; background: #f4f5f7;"></span></div>' +
        "</a>" +
        "</li>";

      headItem +=
        '<li  data-select-header="dark-theme" >' +
        '<a href="javascript:;" data-skin="skin-blue" style="" class="clearfix full-opacity-hover">' +
        '<div><span style="display:block; width: 20%; float: left; height: 12px; background: #28333E;"></span><span style="display:block; width: 80%; float: left; height: 12px; background: #28333E;"></span></div>' +
        '<div><span style="display:block; width: 20%; float: left; height: 40px; background: #28333E;"></span><span style="display:block; width: 80%; float: left; height: 40px; background: #f4f5f7;"></span></div>' +
        "</a>" +
        "</li>";

      headItem +=
        '<li  data-select-header="auto-theme" >' +
        '<a href="javascript:;" data-skin="skin-blue" style="" class="clearfix full-opacity-hover">' +
        '<div><span style="display:block; width: 20%; float: left; height: 12px; background: #28333E;"></span><span style="display:block; width: 80%; float: left; height: 12px; background: var(--global-primary-color);" ></span></div>' +
        '<div><span style="display:block; width: 20%; float: left; height: 40px; background: #28333E;"></span><span style="display:block; width: 80%; float: left; height: 40px; background: #f4f5f7;"></span></div>' +
        "</a>" +
        "</li>";

      var headHtml =
        '<div class="pearone-color">\n' +
        '<div class="color-title">顶栏风格</div>\n' +
        '<div class="color-content">\n' +
        "<ul>\n" +
        headItem +
        "</ul>\n" +
        "</div>\n" +
        "</div>";

      var moreItem =
        '<div class="layui-form-item"><div class="layui-input-inline" style="width:200px;"><input type="checkbox" name="control" lay-filter="control" lay-skin="switch" lay-text="开|关"></div><span class="set-text">菜单分割</span></div>';

      moreItem +=
        '<div class="layui-form-item"><div class="layui-input-inline" style="width:200px;"><input type="checkbox" name="muilt-tab" lay-filter="muilt-tab" lay-skin="switch" lay-text="开|关"></div><span class="set-text">多选项卡</span></div>';

      moreItem +=
        '<div class="layui-form-item"><div class="layui-input-inline" style="width:200px;"><input type="checkbox" name="banner" lay-filter="banner" lay-skin="switch" lay-text="开|关"></div><span class="set-text">通栏布局</span></div>';

      moreItem +=
        '<div class="layui-form-item"><div class="layui-input-inline" style="width:200px;"><input type="checkbox" name="footer" lay-filter="footer" lay-skin="switch" lay-text="开|关"></div><span class="set-text">开启页脚</span></div>';

      moreItem +=
        '<div class="layui-form-item"><div class="layui-input-inline" style="width:200px;"><input type="checkbox" name="dark" lay-filter="dark" lay-skin="switch" lay-text="开|关"></div><span class="set-text">夜间模式</span></div>';

      var moreHtml =
        '<br><div class="pearone-color">\n' +
        '<div class="color-title">更多设置</div>\n' +
        '<div class="color-content">\n' +
        '<form class="layui-form">\n' +
        moreItem +
        "</form>\n" +
        "</div>\n" +
        "</div>";

      layer.open({
        type: 1,
        offset: "r",
        area: ["320px", "100%"],
        title: false,
        shade: 0.1,
        closeBtn: 0,
        shadeClose: false,
        anim: -1,
        skin: "layer-anim-right",
        move: false,
        content: menuHtml + headHtml + buildColorHtml() + moreHtml,
        success: function (layero, index) {
          form.render();

          var color = localStorage.getItem("theme-color");
          var menu = localStorage.getItem("theme-menu");
          var header = localStorage.getItem("theme-header");

          if (color !== "null") {
            $(".select-color-item")
              .removeClass("layui-icon")
              .removeClass("layui-icon-ok");
            $("*[color-id='" + color + "']")
              .addClass("layui-icon")
              .addClass("layui-icon-ok");
          }

          if (menu !== "null") {
            $("*[data-select-bgcolor]").removeClass("layui-this");
            $("[data-select-bgcolor='" + menu + "']").addClass("layui-this");
          }

          if (header !== "null") {
            $("*[data-select-header]").removeClass("layui-this");
            $("[data-select-header='" + header + "']").addClass("layui-this");
          }

          $("#layui-layer-shade" + index).click(function () {
            var $layero = $("#layui-layer" + index);
            $layero.animate(
              {
                left: $layero.offset().left + $layero.width(),
              },
              200,
              function () {
                layer.close(index);
              },
            );
          });

          form.on("switch(control)", function (data) {
            localStorage.setItem("control", this.checked);
            window.location.reload();
          });

          form.on("switch(muilt-tab)", function (data) {
            localStorage.setItem("muilt-tab", this.checked);
            window.location.reload();
          });

          form.on("switch(auto-head)", function (data) {
            localStorage.setItem("auto-head", this.checked);
            pearAdmin.changeTheme();
          });

          form.on("switch(banner)", function (data) {
            localStorage.setItem("theme-banner", this.checked);
            pearAdmin.bannerSkin(this.checked);
          });

          form.on("switch(footer)", function (data) {
            localStorage.setItem("footer", this.checked);
            pearAdmin.footer(this.checked);
          });

          form.on("switch(dark)", function (data) {
            localStorage.setItem("dark", this.checked);
            pearAdmin.enableDark(this.checked);
          });

          if (localStorage.getItem("theme-banner") === "true") {
            $('input[name="banner"]').attr("checked", "checked");
          } else {
            $('input[name="banner"]').removeAttr("checked");
          }

          if (localStorage.getItem("control") === "true") {
            $('input[name="control"]').attr("checked", "checked");
          } else {
            $('input[name="control"]').removeAttr("checked");
          }

          if (localStorage.getItem("muilt-tab") === "true") {
            $('input[name="muilt-tab"]').attr("checked", "checked");
          } else {
            $('input[name="muilt-tab"]').removeAttr("checked");
          }

          if (localStorage.getItem("footer") === "true") {
            $('input[name="footer"]').attr("checked", "checked");
          } else {
            $('input[name="footer"]').removeAttr("checked");
          }

          if (localStorage.getItem("dark") === "true") {
            $('input[name="dark"]').attr("checked", "checked");
          } else {
            $('input[name="dark"]').removeAttr("checked");
          }

          form.render("checkbox");
        },
      });
    });

    body.on("click", "[data-select-bgcolor]", function () {
      var theme = $(this).attr("data-select-bgcolor");
      $("[data-select-bgcolor]").removeClass("layui-this");
      $(this).addClass("layui-this");
      localStorage.setItem("theme-menu", theme);
      pearAdmin.menuSkin(theme);
    });

    body.on("click", "[data-select-header]", function () {
      var headerColor = $(this).attr("data-select-header");
      $("[data-select-header]").removeClass("layui-this");
      $(this).addClass("layui-this");
      localStorage.setItem("theme-header", headerColor);
      if (headerColor == "auto-theme") {
        localStorage.setItem("auto-head", true);
        pearAdmin.changeTheme();
      } else {
        localStorage.setItem("auto-head", false);
        pearAdmin.changeTheme();
      }
      pearAdmin.headerSkin(headerColor);
    });

    body.on("click", ".select-color-item", function () {
      $(".select-color-item")
        .removeClass("layui-icon")
        .removeClass("layui-icon-ok");
      $(this).addClass("layui-icon").addClass("layui-icon-ok");
      var colorId = $(".select-color-item.layui-icon-ok").attr("color-id");
      var currentColor = getColorById(colorId);
      localStorage.setItem("theme-color", currentColor.id);
      localStorage.setItem("theme-color-color", currentColor.color);
      localStorage.setItem("theme-color-second", currentColor.second);
      pearAdmin.changeTheme();
    });

    function getColorById(id) {
      var color;
      var flag = false;
      $.each(configurationCache.colors, function (i, value) {
        if (value.id === id) {
          color = value;
          flag = true;
        }
      });
      if (flag === false || configurationCache.theme.allowCustom === false) {
        $.each(configurationCache.colors, function (i, value) {
          if (value.id === configurationCache.theme.defaultColor) {
            color = value;
          }
        });
      }
      return color;
    }

    function buildColorHtml() {
      var colors = "";
      $.each(configurationCache.colors, function (i, value) {
        colors +=
          "<span class='select-color-item' color-id='" +
          value.id +
          "' style='background-color:" +
          value.color +
          ";'></span>";
      });
      return (
        "<div class='select-color'><div class='select-color-title'>主题颜色</div><div class='select-color-content'>" +
        colors +
        "</div></div>"
      );
    }

    function compatible() {
      if ($(window).width() <= 768) {
        collapse();
      }
    }

    function isControl(option) {
      if (option.theme.allowCustom) {
        if (localStorage.getItem("control") != null) {
          return localStorage.getItem("control");
        } else {
          return option.menu.control;
        }
      } else {
        return option.menu.control;
      }
    }

    function isMuiltTab(option) {
      if (option.theme.allowCustom) {
        if (localStorage.getItem("muilt-tab") != null) {
          return localStorage.getItem("muilt-tab");
        } else {
          return option.tab.enable;
        }
      } else {
        return option.tab.enable;
      }
    }

    window.onresize = function () {
      if (!fullscreen.isFullscreen()) {
        $(".fullScreen").eq(0).removeClass("layui-icon-screen-restore");
      }
    };

    $(window).on(
      "resize",
      tools.debounce(function () {
        if (sideMenu && !sideMenu.isCollapse && $(window).width() <= 768) {
          collapse();
        }
      }, 50),
    );

    exports("admin", pearAdmin);
  },
);