@maketribe/ms-app 4.0.0-alpha.1 → 4.0.0-alpha.3

package/dist/cjs/layouts/new/components/AppSetting/index.vue2.js

@@ -1,573 +0,0 @@
-"use strict";
-const vue = require("vue");
-const vueRouter = require("vue-router");
-const core = require("@vueuse/core");
-const Message = require("vue-m-message");
-const settings_default = require("../../../../settings.default.js");
-const eventBus = require("../../../../utils/eventBus.js");
-const settings = require("../../../../store/modules/settings.js");
-const menu = require("../../../../store/modules/menu.js");
-const index_vue_vue_type_script_setup_true_lang = require("../../common/components/SvgIcon/index.vue.js");
-const HSlideover_vue_vue_type_script_setup_true_lang = require("../../ui-kit/HSlideover.vue.js");
-const HButton_vue_vue_type_script_setup_true_lang = require("../../ui-kit/HButton.vue.js");
-const HInput_vue_vue_type_script_setup_true_lang = require("../../ui-kit/HInput.vue.js");
-const HCheckList_vue_vue_type_script_setup_true_lang = require("../../ui-kit/HCheckList.vue.js");
-const HToggle_vue_vue_type_script_setup_true_lang = require("../../ui-kit/HToggle.vue.js");
-const HTooltip_vue_vue_type_script_setup_true_lang = require("../../ui-kit/HTooltip.vue.js");
-const HTabList_vue_vue_type_script_setup_true_lang = require("../../ui-kit/HTabList.vue.js");
-const _withScopeId = (n) => (vue.pushScopeId("data-v-6b3c4f85"), n = n(), vue.popScopeId(), n);
-const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "rounded-2 bg-rose/20 px-4 py-2 text-sm/6 c-rose" }, [
-  /* @__PURE__ */ vue.createElementVNode("p", { class: "my-1" }, " 应用配置可实时预览效果，但只是临时生效，要想真正应用于项目，可以点击下方的「复制配置」按钮，并将配置粘贴到 src/settings.ts 文件中。 "),
-  /* @__PURE__ */ vue.createElementVNode("p", { class: "my-1" }, "注意：在生产环境中应关闭该模块。")
-], -1));
-const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "divider" }, "颜色主题风格", -1));
-const _hoisted_3 = { class: "flex items-center justify-center pb-4" };
-const _hoisted_4 = {
-  key: 0,
-  class: "divider"
-};
-const _hoisted_5 = {
-  key: 1,
-  class: "menu-mode"
-};
-const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "mode-container" }, null, -1));
-const _hoisted_7 = [
-  _hoisted_6
-];
-const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "mode-container" }, null, -1));
-const _hoisted_9 = [
-  _hoisted_8
-];
-const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "mode-container" }, null, -1));
-const _hoisted_11 = [
-  _hoisted_10
-];
-const _hoisted_12 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "divider" }, "导航栏", -1));
-const _hoisted_13 = { class: "setting-item" };
-const _hoisted_14 = { class: "label" };
-const _hoisted_15 = { class: "setting-item" };
-const _hoisted_16 = { class: "label" };
-const _hoisted_17 = { class: "setting-item" };
-const _hoisted_18 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, "次导航是否折叠", -1));
-const _hoisted_19 = {
-  key: 2,
-  class: "setting-item"
-};
-const _hoisted_20 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, "显示次导航折叠按钮", -1));
-const _hoisted_21 = { class: "setting-item" };
-const _hoisted_22 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, "是否启用快捷键", -1));
-const _hoisted_23 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "divider" }, "顶栏", -1));
-const _hoisted_24 = { class: "setting-item" };
-const _hoisted_25 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, "模式", -1));
-const _hoisted_26 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "divider" }, "标签栏", -1));
-const _hoisted_27 = { class: "setting-item" };
-const _hoisted_28 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, "是否启用", -1));
-const _hoisted_29 = { class: "setting-item" };
-const _hoisted_30 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, "是否显示图标", -1));
-const _hoisted_31 = { class: "setting-item" };
-const _hoisted_32 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, "是否启用快捷键", -1));
-const _hoisted_33 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "divider" }, "工具栏", -1));
-const _hoisted_34 = {
-  key: 3,
-  class: "setting-item"
-};
-const _hoisted_35 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, "面包屑导航", -1));
-const _hoisted_36 = { class: "setting-item" };
-const _hoisted_37 = { class: "label" };
-const _hoisted_38 = {
-  key: 4,
-  class: "setting-item"
-};
-const _hoisted_39 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, "全屏", -1));
-const _hoisted_40 = { class: "setting-item" };
-const _hoisted_41 = { class: "label" };
-const _hoisted_42 = { class: "setting-item" };
-const _hoisted_43 = { class: "label" };
-const _hoisted_44 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "divider" }, "页面", -1));
-const _hoisted_45 = { class: "setting-item" };
-const _hoisted_46 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, "是否启用快捷键", -1));
-const _hoisted_47 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "divider" }, "导航搜索", -1));
-const _hoisted_48 = { class: "setting-item" };
-const _hoisted_49 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, "是否启用快捷键", -1));
-const _hoisted_50 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "divider" }, "底部版权", -1));
-const _hoisted_51 = { class: "setting-item" };
-const _hoisted_52 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, "是否启用", -1));
-const _hoisted_53 = { class: "setting-item" };
-const _hoisted_54 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, "日期", -1));
-const _hoisted_55 = { class: "setting-item" };
-const _hoisted_56 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, "公司", -1));
-const _hoisted_57 = { class: "setting-item" };
-const _hoisted_58 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, "网址", -1));
-const _hoisted_59 = { class: "setting-item" };
-const _hoisted_60 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, "备案", -1));
-const _hoisted_61 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "divider" }, "主页", -1));
-const _hoisted_62 = { class: "setting-item" };
-const _hoisted_63 = { class: "label" };
-const _hoisted_64 = { class: "setting-item" };
-const _hoisted_65 = { class: "label" };
-const _hoisted_66 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "divider" }, "其它", -1));
-const _hoisted_67 = { class: "setting-item" };
-const _hoisted_68 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, "是否启用权限", -1));
-const _hoisted_69 = { class: "setting-item" };
-const _hoisted_70 = { class: "label" };
-const _hoisted_71 = { class: "setting-item" };
-const _hoisted_72 = { class: "label" };
-const _hoisted_73 = { class: "setting-item" };
-const _hoisted_74 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "label" }, "色弱模式", -1));
-const _hoisted_75 = { class: "setting-item" };
-const _hoisted_76 = { class: "label" };
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: "AppSetting"
-  },
-  __name: "index",
-  setup(__props) {
-    const route = vueRouter.useRoute();
-    const settingsStore = settings();
-    const menuStore = menu();
-    const isShow = vue.ref(false);
-    vue.watch(
-      () => settingsStore.settings.menu.mode,
-      (value) => {
-        if (value === "single") {
-          menuStore.setActived(0);
-        } else {
-          menuStore.setActived(route.name);
-        }
-      }
-    );
-    vue.onMounted(() => {
-      eventBus.on("global-app-setting-toggle", () => {
-        isShow.value = !isShow.value;
-      });
-    });
-    const { copy, copied, isSupported } = core.useClipboard();
-    vue.watch(copied, (val) => {
-      if (val) {
-        Message.success("复制成功，请粘贴到 src/settings.ts 文件中！", {
-          zIndex: 2e3
-        });
-      }
-    });
-    function isObject(value) {
-      return typeof value === "object" && !Array.isArray(value);
-    }
-    function getObjectDiff(originalObj, diffObj) {
-      if (!isObject(originalObj) || !isObject(diffObj)) {
-        return diffObj;
-      }
-      const diff = {};
-      for (const key in diffObj) {
-        const originalValue = originalObj[key];
-        const diffValue = diffObj[key];
-        if (JSON.stringify(originalValue) !== JSON.stringify(diffValue)) {
-          if (isObject(originalValue) && isObject(diffValue)) {
-            const nestedDiff = getObjectDiff(originalValue, diffValue);
-            if (Object.keys(nestedDiff).length > 0) {
-              diff[key] = nestedDiff;
-            }
-          } else {
-            diff[key] = diffValue;
-          }
-        }
-      }
-      return diff;
-    }
-    function handleCopy() {
-      copy(
-        JSON.stringify(
-          getObjectDiff(settings_default, settingsStore.settings),
-          null,
-          2
-        )
-      );
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(HSlideover_vue_vue_type_script_setup_true_lang, {
-        modelValue: vue.unref(isShow),
-        "onUpdate:modelValue": _cache[32] || (_cache[32] = ($event) => vue.isRef(isShow) ? isShow.value = $event : null),
-        title: "应用配置"
-      }, vue.createSlots({
-        default: vue.withCtx(() => [
-          _hoisted_1,
-          _hoisted_2,
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createVNode(HTabList_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.app.colorScheme,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.unref(settingsStore).settings.app.colorScheme = $event),
-              options: [
-                { icon: "i-ri:sun-line", label: "明亮", value: "light" },
-                { icon: "i-ri:moon-line", label: "暗黑", value: "dark" },
-                { icon: "i-codicon:color-mode", label: "系统", value: "" }
-              ],
-              class: "w-60"
-            }, null, 8, ["modelValue"])
-          ]),
-          vue.unref(settingsStore).mode === "pc" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, "导航栏模式")) : vue.createCommentVNode("", true),
-          vue.unref(settingsStore).mode === "pc" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-            vue.createVNode(HTooltip_vue_vue_type_script_setup_true_lang, {
-              text: "侧边栏模式 (含主导航)",
-              placement: "bottom",
-              delay: 500
-            }, {
-              default: vue.withCtx(() => [
-                vue.createElementVNode("div", {
-                  class: vue.normalizeClass(["mode mode-side", { active: vue.unref(settingsStore).settings.menu.mode === "side" }]),
-                  onClick: _cache[1] || (_cache[1] = ($event) => vue.unref(settingsStore).settings.menu.mode = "side")
-                }, _hoisted_7, 2)
-              ]),
-              _: 1
-            }),
-            vue.createVNode(HTooltip_vue_vue_type_script_setup_true_lang, {
-              text: "顶部模式",
-              placement: "bottom",
-              delay: 500
-            }, {
-              default: vue.withCtx(() => [
-                vue.createElementVNode("div", {
-                  class: vue.normalizeClass(["mode mode-head", { active: vue.unref(settingsStore).settings.menu.mode === "head" }]),
-                  onClick: _cache[2] || (_cache[2] = ($event) => vue.unref(settingsStore).settings.menu.mode = "head")
-                }, _hoisted_9, 2)
-              ]),
-              _: 1
-            }),
-            vue.createVNode(HTooltip_vue_vue_type_script_setup_true_lang, {
-              text: "侧边栏模式 (不含主导航)",
-              placement: "bottom",
-              delay: 500
-            }, {
-              default: vue.withCtx(() => [
-                vue.createElementVNode("div", {
-                  class: vue.normalizeClass(["mode mode-single", { active: vue.unref(settingsStore).settings.menu.mode === "single" }]),
-                  onClick: _cache[3] || (_cache[3] = ($event) => vue.unref(settingsStore).settings.menu.mode = "single")
-                }, _hoisted_11, 2)
-              ]),
-              _: 1
-            })
-          ])) : vue.createCommentVNode("", true),
-          _hoisted_12,
-          vue.createElementVNode("div", _hoisted_13, [
-            vue.createElementVNode("div", _hoisted_14, [
-              vue.createTextVNode(" 主导航切换跳转 "),
-              vue.createVNode(HTooltip_vue_vue_type_script_setup_true_lang, { text: "开启该功能后，切换主导航时，页面自动跳转至该主导航下，次导航里第一个导航" }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(index_vue_vue_type_script_setup_true_lang, { name: "i-ri:question-line" })
-                ]),
-                _: 1
-              })
-            ]),
-            vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.menu.switchMainMenuAndPageJump,
-              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => vue.unref(settingsStore).settings.menu.switchMainMenuAndPageJump = $event),
-              disabled: ["single"].includes(vue.unref(settingsStore).settings.menu.mode)
-            }, null, 8, ["modelValue", "disabled"])
-          ]),
-          vue.createElementVNode("div", _hoisted_15, [
-            vue.createElementVNode("div", _hoisted_16, [
-              vue.createTextVNode(" 次导航保持展开一个 "),
-              vue.createVNode(HTooltip_vue_vue_type_script_setup_true_lang, { text: "开启该功能后，次导航只保持单个菜单的展开" }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(index_vue_vue_type_script_setup_true_lang, { name: "i-ri:question-line" })
-                ]),
-                _: 1
-              })
-            ]),
-            vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.menu.subMenuUniqueOpened,
-              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => vue.unref(settingsStore).settings.menu.subMenuUniqueOpened = $event)
-            }, null, 8, ["modelValue"])
-          ]),
-          vue.createElementVNode("div", _hoisted_17, [
-            _hoisted_18,
-            vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.menu.subMenuCollapse,
-              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => vue.unref(settingsStore).settings.menu.subMenuCollapse = $event)
-            }, null, 8, ["modelValue"])
-          ]),
-          vue.unref(settingsStore).mode === "pc" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, [
-            _hoisted_20,
-            vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.menu.enableSubMenuCollapseButton,
-              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => vue.unref(settingsStore).settings.menu.enableSubMenuCollapseButton = $event)
-            }, null, 8, ["modelValue"])
-          ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_21, [
-            _hoisted_22,
-            vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.menu.enableHotkeys,
-              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => vue.unref(settingsStore).settings.menu.enableHotkeys = $event),
-              disabled: ["single"].includes(vue.unref(settingsStore).settings.menu.mode)
-            }, null, 8, ["modelValue", "disabled"])
-          ]),
-          _hoisted_23,
-          vue.createElementVNode("div", _hoisted_24, [
-            _hoisted_25,
-            vue.createVNode(HCheckList_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.topbar.mode,
-              "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => vue.unref(settingsStore).settings.topbar.mode = $event),
-              options: [
-                { label: "静止", value: "static" },
-                { label: "固定", value: "fixed" },
-                { label: "粘性", value: "sticky" }
-              ]
-            }, null, 8, ["modelValue"])
-          ]),
-          vue.createElementVNode("div", null, [
-            _hoisted_26,
-            vue.createElementVNode("div", _hoisted_27, [
-              _hoisted_28,
-              vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-                modelValue: vue.unref(settingsStore).settings.tabbar.enable,
-                "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => vue.unref(settingsStore).settings.tabbar.enable = $event)
-              }, null, 8, ["modelValue"])
-            ]),
-            vue.createElementVNode("div", _hoisted_29, [
-              _hoisted_30,
-              vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-                modelValue: vue.unref(settingsStore).settings.tabbar.enableIcon,
-                "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => vue.unref(settingsStore).settings.tabbar.enableIcon = $event),
-                disabled: !vue.unref(settingsStore).settings.tabbar.enable
-              }, null, 8, ["modelValue", "disabled"])
-            ]),
-            vue.createElementVNode("div", _hoisted_31, [
-              _hoisted_32,
-              vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-                modelValue: vue.unref(settingsStore).settings.tabbar.enableHotkeys,
-                "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => vue.unref(settingsStore).settings.tabbar.enableHotkeys = $event),
-                disabled: !vue.unref(settingsStore).settings.tabbar.enable
-              }, null, 8, ["modelValue", "disabled"])
-            ])
-          ]),
-          _hoisted_33,
-          vue.unref(settingsStore).mode === "pc" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_34, [
-            _hoisted_35,
-            vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.toolbar.breadcrumb,
-              "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => vue.unref(settingsStore).settings.toolbar.breadcrumb = $event)
-            }, null, 8, ["modelValue"])
-          ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_36, [
-            vue.createElementVNode("div", _hoisted_37, [
-              vue.createTextVNode(" 导航搜索 "),
-              vue.createVNode(HTooltip_vue_vue_type_script_setup_true_lang, { text: "对导航进行快捷搜索" }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(index_vue_vue_type_script_setup_true_lang, { name: "i-ri:question-line" })
-                ]),
-                _: 1
-              })
-            ]),
-            vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.toolbar.navSearch,
-              "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => vue.unref(settingsStore).settings.toolbar.navSearch = $event)
-            }, null, 8, ["modelValue"])
-          ]),
-          vue.unref(settingsStore).mode === "pc" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_38, [
-            _hoisted_39,
-            vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.toolbar.fullscreen,
-              "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => vue.unref(settingsStore).settings.toolbar.fullscreen = $event)
-            }, null, 8, ["modelValue"])
-          ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_40, [
-            vue.createElementVNode("div", _hoisted_41, [
-              vue.createTextVNode(" 页面刷新 "),
-              vue.createVNode(HTooltip_vue_vue_type_script_setup_true_lang, { text: "使用框架内提供的刷新功能进行页面刷新" }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(index_vue_vue_type_script_setup_true_lang, { name: "i-ri:question-line" })
-                ]),
-                _: 1
-              })
-            ]),
-            vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.toolbar.pageReload,
-              "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => vue.unref(settingsStore).settings.toolbar.pageReload = $event)
-            }, null, 8, ["modelValue"])
-          ]),
-          vue.createElementVNode("div", _hoisted_42, [
-            vue.createElementVNode("div", _hoisted_43, [
-              vue.createTextVNode(" 颜色主题 "),
-              vue.createVNode(HTooltip_vue_vue_type_script_setup_true_lang, { text: "开启后可在明亮/暗黑模式中切换" }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(index_vue_vue_type_script_setup_true_lang, { name: "i-ri:question-line" })
-                ]),
-                _: 1
-              })
-            ]),
-            vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.toolbar.colorScheme,
-              "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => vue.unref(settingsStore).settings.toolbar.colorScheme = $event)
-            }, null, 8, ["modelValue"])
-          ]),
-          _hoisted_44,
-          vue.createElementVNode("div", _hoisted_45, [
-            _hoisted_46,
-            vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.mainPage.enableHotkeys,
-              "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => vue.unref(settingsStore).settings.mainPage.enableHotkeys = $event)
-            }, null, 8, ["modelValue"])
-          ]),
-          _hoisted_47,
-          vue.createElementVNode("div", _hoisted_48, [
-            _hoisted_49,
-            vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.navSearch.enableHotkeys,
-              "onUpdate:modelValue": _cache[19] || (_cache[19] = ($event) => vue.unref(settingsStore).settings.navSearch.enableHotkeys = $event),
-              disabled: !vue.unref(settingsStore).settings.toolbar.navSearch
-            }, null, 8, ["modelValue", "disabled"])
-          ]),
-          _hoisted_50,
-          vue.createElementVNode("div", _hoisted_51, [
-            _hoisted_52,
-            vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.copyright.enable,
-              "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => vue.unref(settingsStore).settings.copyright.enable = $event)
-            }, null, 8, ["modelValue"])
-          ]),
-          vue.createElementVNode("div", _hoisted_53, [
-            _hoisted_54,
-            vue.createVNode(HInput_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.copyright.dates,
-              "onUpdate:modelValue": _cache[21] || (_cache[21] = ($event) => vue.unref(settingsStore).settings.copyright.dates = $event),
-              disabled: !vue.unref(settingsStore).settings.copyright.enable
-            }, null, 8, ["modelValue", "disabled"])
-          ]),
-          vue.createElementVNode("div", _hoisted_55, [
-            _hoisted_56,
-            vue.createVNode(HInput_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.copyright.company,
-              "onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => vue.unref(settingsStore).settings.copyright.company = $event),
-              disabled: !vue.unref(settingsStore).settings.copyright.enable
-            }, null, 8, ["modelValue", "disabled"])
-          ]),
-          vue.createElementVNode("div", _hoisted_57, [
-            _hoisted_58,
-            vue.createVNode(HInput_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.copyright.website,
-              "onUpdate:modelValue": _cache[23] || (_cache[23] = ($event) => vue.unref(settingsStore).settings.copyright.website = $event),
-              disabled: !vue.unref(settingsStore).settings.copyright.enable
-            }, null, 8, ["modelValue", "disabled"])
-          ]),
-          vue.createElementVNode("div", _hoisted_59, [
-            _hoisted_60,
-            vue.createVNode(HInput_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.copyright.beian,
-              "onUpdate:modelValue": _cache[24] || (_cache[24] = ($event) => vue.unref(settingsStore).settings.copyright.beian = $event),
-              disabled: !vue.unref(settingsStore).settings.copyright.enable
-            }, null, 8, ["modelValue", "disabled"])
-          ]),
-          _hoisted_61,
-          vue.createElementVNode("div", _hoisted_62, [
-            vue.createElementVNode("div", _hoisted_63, [
-              vue.createTextVNode(" 是否启用 "),
-              vue.createVNode(HTooltip_vue_vue_type_script_setup_true_lang, { text: "该功能开启时，登录成功默认进入主页，反之则默认进入导航栏里第一个导航页面" }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(index_vue_vue_type_script_setup_true_lang, { name: "i-ri:question-line" })
-                ]),
-                _: 1
-              })
-            ]),
-            vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.home.enable,
-              "onUpdate:modelValue": _cache[25] || (_cache[25] = ($event) => vue.unref(settingsStore).settings.home.enable = $event)
-            }, null, 8, ["modelValue"])
-          ]),
-          vue.createElementVNode("div", _hoisted_64, [
-            vue.createElementVNode("div", _hoisted_65, [
-              vue.createTextVNode(" 主页名称 "),
-              vue.createVNode(HTooltip_vue_vue_type_script_setup_true_lang, { text: "开启国际化时，该设置无效" }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(index_vue_vue_type_script_setup_true_lang, { name: "i-ri:question-line" })
-                ]),
-                _: 1
-              })
-            ]),
-            vue.createVNode(HInput_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.home.title,
-              "onUpdate:modelValue": _cache[26] || (_cache[26] = ($event) => vue.unref(settingsStore).settings.home.title = $event)
-            }, null, 8, ["modelValue"])
-          ]),
-          _hoisted_66,
-          vue.createElementVNode("div", _hoisted_67, [
-            _hoisted_68,
-            vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.app.enablePermission,
-              "onUpdate:modelValue": _cache[27] || (_cache[27] = ($event) => vue.unref(settingsStore).settings.app.enablePermission = $event)
-            }, null, 8, ["modelValue"])
-          ]),
-          vue.createElementVNode("div", _hoisted_69, [
-            vue.createElementVNode("div", _hoisted_70, [
-              vue.createTextVNode(" 载入进度条 "),
-              vue.createVNode(HTooltip_vue_vue_type_script_setup_true_lang, { text: "该功能开启时，跳转路由会看到页面顶部有进度条" }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(index_vue_vue_type_script_setup_true_lang, { name: "i-ri:question-line" })
-                ]),
-                _: 1
-              })
-            ]),
-            vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.app.enableProgress,
-              "onUpdate:modelValue": _cache[28] || (_cache[28] = ($event) => vue.unref(settingsStore).settings.app.enableProgress = $event)
-            }, null, 8, ["modelValue"])
-          ]),
-          vue.createElementVNode("div", _hoisted_71, [
-            vue.createElementVNode("div", _hoisted_72, [
-              vue.createTextVNode(" 哀悼模式 "),
-              vue.createVNode(HTooltip_vue_vue_type_script_setup_true_lang, { text: "该功能开启时，整站会变为灰色" }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(index_vue_vue_type_script_setup_true_lang, { name: "i-ri:question-line" })
-                ]),
-                _: 1
-              })
-            ]),
-            vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.app.enableMournMode,
-              "onUpdate:modelValue": _cache[29] || (_cache[29] = ($event) => vue.unref(settingsStore).settings.app.enableMournMode = $event)
-            }, null, 8, ["modelValue"])
-          ]),
-          vue.createElementVNode("div", _hoisted_73, [
-            _hoisted_74,
-            vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.app.enableColorAmblyopiaMode,
-              "onUpdate:modelValue": _cache[30] || (_cache[30] = ($event) => vue.unref(settingsStore).settings.app.enableColorAmblyopiaMode = $event)
-            }, null, 8, ["modelValue"])
-          ]),
-          vue.createElementVNode("div", _hoisted_75, [
-            vue.createElementVNode("div", _hoisted_76, [
-              vue.createTextVNode(" 动态标题 "),
-              vue.createVNode(HTooltip_vue_vue_type_script_setup_true_lang, { text: "该功能开启时，页面标题会显示当前路由标题，格式为“页面标题 - 网站名称”；关闭时则显示网站名称，网站名称在项目根目录下 .env.* 文件里配置" }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(index_vue_vue_type_script_setup_true_lang, { name: "i-ri:question-line" })
-                ]),
-                _: 1
-              })
-            ]),
-            vue.createVNode(HToggle_vue_vue_type_script_setup_true_lang, {
-              modelValue: vue.unref(settingsStore).settings.app.enableDynamicTitle,
-              "onUpdate:modelValue": _cache[31] || (_cache[31] = ($event) => vue.unref(settingsStore).settings.app.enableDynamicTitle = $event)
-            }, null, 8, ["modelValue"])
-          ])
-        ]),
-        _: 2
-      }, [
-        vue.unref(isSupported) ? {
-          name: "footer",
-          fn: vue.withCtx(() => [
-            vue.createVNode(HButton_vue_vue_type_script_setup_true_lang, {
-              block: "",
-              onClick: handleCopy
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(index_vue_vue_type_script_setup_true_lang, { name: "i-ep:document-copy" }),
-                vue.createTextVNode(" 复制配置 ")
-              ]),
-              _: 1
-            })
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["modelValue"]);
-    };
-  }
-});
-module.exports = _sfc_main;
-//# sourceMappingURL=index.vue2.js.map

package/dist/cjs/layouts/new/components/AppSetting/index.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/layouts/new/components/AppSetting/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { useRoute } from \"vue-router\";\r\nimport { useClipboard } from \"@vueuse/core\";\r\nimport Message from \"vue-m-message\";\r\nimport settingsDefault from \"../../../../settings.default\";\r\nimport eventBus from \"../../../../utils/eventBus\";\r\nimport useSettingsStore from \"../../../../store/modules/settings\";\r\nimport useMenuStore from \"../../../../store/modules/menu\";\r\nimport SvgIcon from \"../../common/components/SvgIcon/index.vue\";\r\nimport HSlideover from \"../../ui-kit/HSlideover.vue\";\r\nimport HButton from \"../../ui-kit/HButton.vue\";\r\nimport HInput from \"../../ui-kit/HInput.vue\";\r\nimport HCheckList from \"../../ui-kit/HCheckList.vue\";\r\nimport HToggle from \"../../ui-kit/HToggle.vue\";\r\nimport HTooltip from \"../../ui-kit/HTooltip.vue\";\r\nimport HTabList from \"../../ui-kit/HTabList.vue\";\r\n\r\ndefineOptions({\r\n  name: \"AppSetting\",\r\n});\r\n\r\nconst route = useRoute();\r\n\r\nconst settingsStore = useSettingsStore();\r\nconst menuStore = useMenuStore();\r\n\r\nconst isShow = ref(false);\r\n\r\nwatch(\r\n  () => settingsStore.settings.menu.mode,\r\n  (value) => {\r\n    if (value === \"single\") {\r\n      menuStore.setActived(0);\r\n    } else {\r\n      // TODO 后续每个菜单的每个路由都需要有path\r\n      // menuStore.setActived(route.fullPath);\r\n      menuStore.setActived(route.name as string);\r\n    }\r\n  }\r\n);\r\n\r\nonMounted(() => {\r\n  eventBus.on(\"global-app-setting-toggle\", () => {\r\n    isShow.value = !isShow.value;\r\n  });\r\n});\r\n\r\nconst { copy, copied, isSupported } = useClipboard();\r\n\r\nwatch(copied, (val) => {\r\n  if (val) {\r\n    Message.success(\"复制成功，请粘贴到 src/settings.ts 文件中！\", {\r\n      zIndex: 2000,\r\n    });\r\n  }\r\n});\r\n\r\nfunction isObject(value: any) {\r\n  return typeof value === \"object\" && !Array.isArray(value);\r\n}\r\n// 比较两个对象，并提取出不同的部分\r\nfunction getObjectDiff(\r\n  originalObj: Record<string, any>,\r\n  diffObj: Record<string, any>\r\n) {\r\n  if (!isObject(originalObj) || !isObject(diffObj)) {\r\n    return diffObj;\r\n  }\r\n  const diff: Record<string, any> = {};\r\n  for (const key in diffObj) {\r\n    const originalValue = originalObj[key];\r\n    const diffValue = diffObj[key];\r\n    if (JSON.stringify(originalValue) !== JSON.stringify(diffValue)) {\r\n      if (isObject(originalValue) && isObject(diffValue)) {\r\n        const nestedDiff = getObjectDiff(originalValue, diffValue);\r\n        if (Object.keys(nestedDiff).length > 0) {\r\n          diff[key] = nestedDiff;\r\n        }\r\n      } else {\r\n        diff[key] = diffValue;\r\n      }\r\n    }\r\n  }\r\n  return diff;\r\n}\r\n\r\nfunction handleCopy() {\r\n  copy(\r\n    JSON.stringify(\r\n      getObjectDiff(settingsDefault, settingsStore.settings),\r\n      null,\r\n      2\r\n    )\r\n  );\r\n}\r\n</script>\r\n\r\n<template>\r\n  <HSlideover v-model=\"isShow\" title=\"应用配置\">\r\n    <div class=\"rounded-2 bg-rose/20 px-4 py-2 text-sm/6 c-rose\">\r\n      <p class=\"my-1\">\r\n        应用配置可实时预览效果，但只是临时生效，要想真正应用于项目，可以点击下方的「复制配置」按钮，并将配置粘贴到\r\n        src/settings.ts 文件中。\r\n      </p>\r\n      <p class=\"my-1\">注意：在生产环境中应关闭该模块。</p>\r\n    </div>\r\n    <div class=\"divider\">颜色主题风格</div>\r\n    <div class=\"flex items-center justify-center pb-4\">\r\n      <HTabList\r\n        v-model=\"settingsStore.settings.app.colorScheme\"\r\n        :options=\"[\r\n          { icon: 'i-ri:sun-line', label: '明亮', value: 'light' },\r\n          { icon: 'i-ri:moon-line', label: '暗黑', value: 'dark' },\r\n          { icon: 'i-codicon:color-mode', label: '系统', value: '' },\r\n        ]\"\r\n        class=\"w-60\"\r\n      />\r\n    </div>\r\n    <div v-if=\"settingsStore.mode === 'pc'\" class=\"divider\">导航栏模式</div>\r\n    <div v-if=\"settingsStore.mode === 'pc'\" class=\"menu-mode\">\r\n      <HTooltip text=\"侧边栏模式 (含主导航)\" placement=\"bottom\" :delay=\"500\">\r\n        <div\r\n          class=\"mode mode-side\"\r\n          :class=\"{ active: settingsStore.settings.menu.mode === 'side' }\"\r\n          @click=\"settingsStore.settings.menu.mode = 'side'\"\r\n        >\r\n          <div class=\"mode-container\" />\r\n        </div>\r\n      </HTooltip>\r\n      <HTooltip text=\"顶部模式\" placement=\"bottom\" :delay=\"500\">\r\n        <div\r\n          class=\"mode mode-head\"\r\n          :class=\"{ active: settingsStore.settings.menu.mode === 'head' }\"\r\n          @click=\"settingsStore.settings.menu.mode = 'head'\"\r\n        >\r\n          <div class=\"mode-container\" />\r\n        </div>\r\n      </HTooltip>\r\n      <HTooltip text=\"侧边栏模式 (不含主导航)\" placement=\"bottom\" :delay=\"500\">\r\n        <div\r\n          class=\"mode mode-single\"\r\n          :class=\"{ active: settingsStore.settings.menu.mode === 'single' }\"\r\n          @click=\"settingsStore.settings.menu.mode = 'single'\"\r\n        >\r\n          <div class=\"mode-container\" />\r\n        </div>\r\n      </HTooltip>\r\n    </div>\r\n    <div class=\"divider\">导航栏</div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">\r\n        主导航切换跳转\r\n        <HTooltip\r\n          text=\"开启该功能后，切换主导航时，页面自动跳转至该主导航下，次导航里第一个导航\"\r\n        >\r\n          <SvgIcon name=\"i-ri:question-line\" />\r\n        </HTooltip>\r\n      </div>\r\n      <HToggle\r\n        v-model=\"settingsStore.settings.menu.switchMainMenuAndPageJump\"\r\n        :disabled=\"['single'].includes(settingsStore.settings.menu.mode)\"\r\n      />\r\n    </div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">\r\n        次导航保持展开一个\r\n        <HTooltip text=\"开启该功能后，次导航只保持单个菜单的展开\">\r\n          <SvgIcon name=\"i-ri:question-line\" />\r\n        </HTooltip>\r\n      </div>\r\n      <HToggle v-model=\"settingsStore.settings.menu.subMenuUniqueOpened\" />\r\n    </div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">次导航是否折叠</div>\r\n      <HToggle v-model=\"settingsStore.settings.menu.subMenuCollapse\" />\r\n    </div>\r\n    <div v-if=\"settingsStore.mode === 'pc'\" class=\"setting-item\">\r\n      <div class=\"label\">显示次导航折叠按钮</div>\r\n      <HToggle\r\n        v-model=\"settingsStore.settings.menu.enableSubMenuCollapseButton\"\r\n      />\r\n    </div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">是否启用快捷键</div>\r\n      <HToggle\r\n        v-model=\"settingsStore.settings.menu.enableHotkeys\"\r\n        :disabled=\"['single'].includes(settingsStore.settings.menu.mode)\"\r\n      />\r\n    </div>\r\n    <div class=\"divider\">顶栏</div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">模式</div>\r\n      <HCheckList\r\n        v-model=\"settingsStore.settings.topbar.mode\"\r\n        :options=\"[\r\n          { label: '静止', value: 'static' },\r\n          { label: '固定', value: 'fixed' },\r\n          { label: '粘性', value: 'sticky' },\r\n        ]\"\r\n      />\r\n    </div>\r\n    <div>\r\n      <div class=\"divider\">标签栏</div>\r\n      <div class=\"setting-item\">\r\n        <div class=\"label\">是否启用</div>\r\n        <HToggle v-model=\"settingsStore.settings.tabbar.enable\" />\r\n      </div>\r\n      <div class=\"setting-item\">\r\n        <div class=\"label\">是否显示图标</div>\r\n        <HToggle\r\n          v-model=\"settingsStore.settings.tabbar.enableIcon\"\r\n          :disabled=\"!settingsStore.settings.tabbar.enable\"\r\n        />\r\n      </div>\r\n      <div class=\"setting-item\">\r\n        <div class=\"label\">是否启用快捷键</div>\r\n        <HToggle\r\n          v-model=\"settingsStore.settings.tabbar.enableHotkeys\"\r\n          :disabled=\"!settingsStore.settings.tabbar.enable\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <div class=\"divider\">工具栏</div>\r\n    <div v-if=\"settingsStore.mode === 'pc'\" class=\"setting-item\">\r\n      <div class=\"label\">面包屑导航</div>\r\n      <HToggle v-model=\"settingsStore.settings.toolbar.breadcrumb\" />\r\n    </div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">\r\n        导航搜索\r\n        <HTooltip text=\"对导航进行快捷搜索\">\r\n          <SvgIcon name=\"i-ri:question-line\" />\r\n        </HTooltip>\r\n      </div>\r\n      <HToggle v-model=\"settingsStore.settings.toolbar.navSearch\" />\r\n    </div>\r\n    <div v-if=\"settingsStore.mode === 'pc'\" class=\"setting-item\">\r\n      <div class=\"label\">全屏</div>\r\n      <HToggle v-model=\"settingsStore.settings.toolbar.fullscreen\" />\r\n    </div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">\r\n        页面刷新\r\n        <HTooltip text=\"使用框架内提供的刷新功能进行页面刷新\">\r\n          <SvgIcon name=\"i-ri:question-line\" />\r\n        </HTooltip>\r\n      </div>\r\n      <HToggle v-model=\"settingsStore.settings.toolbar.pageReload\" />\r\n    </div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">\r\n        颜色主题\r\n        <HTooltip text=\"开启后可在明亮/暗黑模式中切换\">\r\n          <SvgIcon name=\"i-ri:question-line\" />\r\n        </HTooltip>\r\n      </div>\r\n      <HToggle v-model=\"settingsStore.settings.toolbar.colorScheme\" />\r\n    </div>\r\n    <div class=\"divider\">页面</div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">是否启用快捷键</div>\r\n      <HToggle v-model=\"settingsStore.settings.mainPage.enableHotkeys\" />\r\n    </div>\r\n    <div class=\"divider\">导航搜索</div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">是否启用快捷键</div>\r\n      <HToggle\r\n        v-model=\"settingsStore.settings.navSearch.enableHotkeys\"\r\n        :disabled=\"!settingsStore.settings.toolbar.navSearch\"\r\n      />\r\n    </div>\r\n    <div class=\"divider\">底部版权</div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">是否启用</div>\r\n      <HToggle v-model=\"settingsStore.settings.copyright.enable\" />\r\n    </div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">日期</div>\r\n      <HInput\r\n        v-model=\"settingsStore.settings.copyright.dates\"\r\n        :disabled=\"!settingsStore.settings.copyright.enable\"\r\n      />\r\n    </div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">公司</div>\r\n      <HInput\r\n        v-model=\"settingsStore.settings.copyright.company\"\r\n        :disabled=\"!settingsStore.settings.copyright.enable\"\r\n      />\r\n    </div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">网址</div>\r\n      <HInput\r\n        v-model=\"settingsStore.settings.copyright.website\"\r\n        :disabled=\"!settingsStore.settings.copyright.enable\"\r\n      />\r\n    </div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">备案</div>\r\n      <HInput\r\n        v-model=\"settingsStore.settings.copyright.beian\"\r\n        :disabled=\"!settingsStore.settings.copyright.enable\"\r\n      />\r\n    </div>\r\n    <div class=\"divider\">主页</div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">\r\n        是否启用\r\n        <HTooltip\r\n          text=\"该功能开启时，登录成功默认进入主页，反之则默认进入导航栏里第一个导航页面\"\r\n        >\r\n          <SvgIcon name=\"i-ri:question-line\" />\r\n        </HTooltip>\r\n      </div>\r\n      <HToggle v-model=\"settingsStore.settings.home.enable\" />\r\n    </div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">\r\n        主页名称\r\n        <HTooltip text=\"开启国际化时，该设置无效\">\r\n          <SvgIcon name=\"i-ri:question-line\" />\r\n        </HTooltip>\r\n      </div>\r\n      <HInput v-model=\"settingsStore.settings.home.title\" />\r\n    </div>\r\n    <div class=\"divider\">其它</div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">是否启用权限</div>\r\n      <HToggle v-model=\"settingsStore.settings.app.enablePermission\" />\r\n    </div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">\r\n        载入进度条\r\n        <HTooltip text=\"该功能开启时，跳转路由会看到页面顶部有进度条\">\r\n          <SvgIcon name=\"i-ri:question-line\" />\r\n        </HTooltip>\r\n      </div>\r\n      <HToggle v-model=\"settingsStore.settings.app.enableProgress\" />\r\n    </div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">\r\n        哀悼模式\r\n        <HTooltip text=\"该功能开启时，整站会变为灰色\">\r\n          <SvgIcon name=\"i-ri:question-line\" />\r\n        </HTooltip>\r\n      </div>\r\n      <HToggle v-model=\"settingsStore.settings.app.enableMournMode\" />\r\n    </div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">色弱模式</div>\r\n      <HToggle v-model=\"settingsStore.settings.app.enableColorAmblyopiaMode\" />\r\n    </div>\r\n    <div class=\"setting-item\">\r\n      <div class=\"label\">\r\n        动态标题\r\n        <HTooltip\r\n          text=\"该功能开启时，页面标题会显示当前路由标题，格式为“页面标题 - 网站名称”；关闭时则显示网站名称，网站名称在项目根目录下 .env.* 文件里配置\"\r\n        >\r\n          <SvgIcon name=\"i-ri:question-line\" />\r\n        </HTooltip>\r\n      </div>\r\n      <HToggle v-model=\"settingsStore.settings.app.enableDynamicTitle\" />\r\n    </div>\r\n    <template v-if=\"isSupported\" #footer>\r\n      <HButton block @click=\"handleCopy\">\r\n        <SvgIcon name=\"i-ep:document-copy\" />\r\n        复制配置\r\n      </HButton>\r\n    </template>\r\n  </HSlideover>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.divider {\r\n  --at-apply: flex items-center justify-between gap-4 my-4 whitespace-nowrap\r\n    text-sm font-500;\r\n\r\n  &::before,\r\n  &::after {\r\n    --at-apply: content-empty w-full h-1px bg-stone-2 dark-bg-stone-6;\r\n  }\r\n}\r\n\r\n.menu-mode {\r\n  --at-apply: flex items-center justify-center gap-4 pb-4;\r\n\r\n  .mode {\r\n    --at-apply: relative w-16 h-12 rounded-2 ring-1 ring-stone-2\r\n      dark-ring-stone-7 cursor-pointer transition;\r\n\r\n    &.active {\r\n      --at-apply: ring-ui-primary ring-2;\r\n    }\r\n\r\n    &::before,\r\n    &::after,\r\n    .mode-container {\r\n      --at-apply: absolute pointer-events-none;\r\n    }\r\n\r\n    &::before {\r\n      --at-apply: content-empty bg-ui-primary;\r\n    }\r\n\r\n    &::after {\r\n      --at-apply: content-empty bg-ui-primary/60;\r\n    }\r\n\r\n    .mode-container {\r\n      --at-apply: bg-ui-primary/20 border-width-1.5 border-dashed\r\n        border-ui-primary;\r\n\r\n      &::before {\r\n        --at-apply: content-empty absolute w-full h-full;\r\n      }\r\n    }\r\n\r\n    &-side {\r\n      &::before {\r\n        --at-apply: top-2 bottom-2 left-2 w-2 rounded-tl-1 rounded-bl-1;\r\n      }\r\n\r\n      &::after {\r\n        --at-apply: top-2 bottom-2 left-4.5 w-3;\r\n      }\r\n\r\n      .mode-container {\r\n        --at-apply: inset-t-2 inset-r-2 inset-b-2 inset-l-8 rounded-tr-1\r\n          rounded-br-1;\r\n      }\r\n    }\r\n\r\n    &-head {\r\n      &::before {\r\n        --at-apply: top-2 left-2 right-2 h-2 rounded-tl-1 rounded-tr-1;\r\n      }\r\n\r\n      &::after {\r\n        --at-apply: top-4.5 left-2 bottom-2 w-3 rounded-bl-1;\r\n      }\r\n\r\n      .mode-container {\r\n        --at-apply: inset-t-4.5 inset-r-2 inset-b-2 inset-l-5.5 rounded-br-1;\r\n      }\r\n    }\r\n\r\n    &-single {\r\n      &::after {\r\n        --at-apply: top-2 left-2 bottom-2 w-3 rounded-tl-1 rounded-bl-1;\r\n      }\r\n\r\n      .mode-container {\r\n        --at-apply: inset-t-2 inset-r-2 inset-b-2 inset-l-5.5 rounded-tr-1\r\n          rounded-br-1;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.setting-item {\r\n  --at-apply: flex items-center justify-between gap-4 px-4 py-2 rounded-2\r\n    transition hover-bg-stone-1 dark-hover-bg-stone-9;\r\n\r\n  .label {\r\n    --at-apply: flex items-center flex-shrink-0 gap-2 text-sm;\r\n\r\n    i {\r\n      --at-apply: text-xl text-orange cursor-help;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"],"names":["useRoute","useSettingsStore","useMenuStore","ref","watch","onMounted","useClipboard","settingsDefault"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,UAAM,QAAQA,UAAAA;AAEd,UAAM,gBAAgBC;AACtB,UAAM,YAAYC;AAEZ,UAAA,SAASC,QAAI,KAAK;AAExBC,QAAA;AAAA,MACE,MAAM,cAAc,SAAS,KAAK;AAAA,MAClC,CAAC,UAAU;AACT,YAAI,UAAU,UAAU;AACtB,oBAAU,WAAW,CAAC;AAAA,QAAA,OACjB;AAGK,oBAAA,WAAW,MAAM,IAAc;AAAA,QAC3C;AAAA,MACF;AAAA,IAAA;AAGFC,QAAAA,UAAU,MAAM;AACL,eAAA,GAAG,6BAA6B,MAAM;AACtC,eAAA,QAAQ,CAAC,OAAO;AAAA,MAAA,CACxB;AAAA,IAAA,CACF;AAED,UAAM,EAAE,MAAM,QAAQ,gBAAgBC,KAAa,aAAA;AAE7CF,cAAA,QAAQ,CAAC,QAAQ;AACrB,UAAI,KAAK;AACP,gBAAQ,QAAQ,kCAAkC;AAAA,UAChD,QAAQ;AAAA,QAAA,CACT;AAAA,MACH;AAAA,IAAA,CACD;AAED,aAAS,SAAS,OAAY;AAC5B,aAAO,OAAO,UAAU,YAAY,CAAC,MAAM,QAAQ,KAAK;AAAA,IAC1D;AAES,aAAA,cACP,aACA,SACA;AACA,UAAI,CAAC,SAAS,WAAW,KAAK,CAAC,SAAS,OAAO,GAAG;AACzC,eAAA;AAAA,MACT;AACA,YAAM,OAA4B,CAAA;AAClC,iBAAW,OAAO,SAAS;AACnB,cAAA,gBAAgB,YAAY,GAAG;AAC/B,cAAA,YAAY,QAAQ,GAAG;AAC7B,YAAI,KAAK,UAAU,aAAa,MAAM,KAAK,UAAU,SAAS,GAAG;AAC/D,cAAI,SAAS,aAAa,KAAK,SAAS,SAAS,GAAG;AAC5C,kBAAA,aAAa,cAAc,eAAe,SAAS;AACzD,gBAAI,OAAO,KAAK,UAAU,EAAE,SAAS,GAAG;AACtC,mBAAK,GAAG,IAAI;AAAA,YACd;AAAA,UAAA,OACK;AACL,iBAAK,GAAG,IAAI;AAAA,UACd;AAAA,QACF;AAAA,MACF;AACO,aAAA;AAAA,IACT;AAEA,aAAS,aAAa;AACpB;AAAA,QACE,KAAK;AAAA,UACH,cAAcG,kBAAiB,cAAc,QAAQ;AAAA,UACrD;AAAA,UACA;AAAA,QACF;AAAA,MAAA;AAAA,IAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}