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

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

@@ -0,0 +1,573 @@
+"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

@@ -0,0 +1 @@
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}