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

package/dist/esm/layouts/new/components/Topbar/Toolbar/PageReload/index.vue.js

@@ -0,0 +1,24 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, unref, createVNode } from "vue";
+import useMainPage from "../../../../../../utils/composables/useMainPage.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PageReload"
+  },
+  __name: "index",
+  setup(__props) {
+    const mainPage = useMainPage();
+    return (_ctx, _cache) => {
+      const _component_SvgIcon = resolveComponent("SvgIcon");
+      return openBlock(), createElementBlock("span", {
+        class: "flex-center cursor-pointer px-2 py-1",
+        onClick: _cache[0] || (_cache[0] = ($event) => unref(mainPage).reload())
+      }, [
+        createVNode(_component_SvgIcon, { name: "i-iconoir:refresh-double" })
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue.js.map

package/dist/esm/layouts/new/components/Topbar/Toolbar/PageReload/index.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../../../../../src/layouts/new/components/Topbar/Toolbar/PageReload/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\ndefineOptions({\r\n  name: 'PageReload',\r\n})\r\n\r\nconst mainPage = useMainPage()\r\n</script>\r\n\r\n<template>\r\n  <span class=\"flex-center cursor-pointer px-2 py-1\" @click=\"mainPage.reload()\">\r\n    <SvgIcon name=\"i-iconoir:refresh-double\" />\r\n  </span>\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;AAKA,UAAM,WAAW;;;;;;;;;;;;"}

package/dist/esm/layouts/new/components/Topbar/Toolbar/PageReload/index.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./index.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue2.js.map

package/dist/esm/layouts/new/components/Topbar/Toolbar/PageReload/index.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/layouts/new/components/Topbar/Toolbar/index.vue.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./index.vue2.js";
+/* empty css           */
+import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8932d8f6"]]);
+export {
+  Toolbar as default
+};
+//# sourceMappingURL=index.vue.js.map

package/dist/esm/layouts/new/components/Topbar/Toolbar/index.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/layouts/new/components/Topbar/Toolbar/index.vue2.js

@@ -0,0 +1,35 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, withDirectives, vShow, unref } from "vue";
+import _sfc_main$1 from "./leftSide.vue.js";
+import _sfc_main$2 from "./rightSide.vue.js";
+import useSettingsStore from "../../../../../store/modules/settings.js";
+const _hoisted_1 = { class: "toolbar-container flex items-center justify-between" };
+const _hoisted_2 = {
+  class: "h-full flex items-center of-hidden pl-2 pr-16",
+  style: { "mask-image": "linear-gradient(90deg, #000 0%, #000 calc(100% - 50px), transparent)" }
+};
+const _hoisted_3 = { class: "h-full flex items-center px-2" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Toolbar"
+  },
+  __name: "index",
+  setup(__props) {
+    const settingsStore = useSettingsStore();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_sfc_main$1)
+        ]),
+        withDirectives(createElementVNode("div", _hoisted_3, [
+          createVNode(_sfc_main$2)
+        ], 512), [
+          [vShow, ["side", "single"].includes(unref(settingsStore).settings.menu.mode)]
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue2.js.map

package/dist/esm/layouts/new/components/Topbar/Toolbar/index.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../../src/layouts/new/components/Topbar/Toolbar/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport LeftSide from './leftSide.vue'\r\nimport RightSide from './rightSide.vue'\r\nimport useSettingsStore from '../../../../../store/modules/settings'\r\n\r\ndefineOptions({\r\n  name: 'Toolbar',\r\n})\r\n\r\nconst settingsStore = useSettingsStore()\r\n</script>\r\n\r\n<template>\r\n  <div class=\"toolbar-container flex items-center justify-between\">\r\n    <div class=\"h-full flex items-center of-hidden pl-2 pr-16\" style=\"mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 50px), transparent);\">\r\n      <LeftSide />\r\n    </div>\r\n    <div v-show=\"['side', 'single'].includes(settingsStore.settings.menu.mode)\" class=\"h-full flex items-center px-2\">\r\n      <RightSide />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.toolbar-container {\r\n  height: var(--g-toolbar-height);\r\n  background-color: var(--g-container-bg);\r\n  transition: background-color 0.3s;\r\n}\r\n</style>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AASA,UAAM,gBAAgB;;;;;;;;;;;;;;;"}

package/dist/esm/layouts/new/components/Topbar/Toolbar/leftSide.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent, openBlock, createElementBlock, unref, createVNode, createCommentVNode, createBlock } from "vue";
+import Breadcrumb from "./Breadcrumb/index.vue.js";
+import useSettingsStore from "../../../../../store/modules/settings.js";
+import _sfc_main$1 from "../../../common/components/SvgIcon/index.vue.js";
+const _hoisted_1 = { class: "flex items-center" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ToolbarLeftSide"
+  },
+  __name: "leftSide",
+  setup(__props) {
+    const settingsStore = useSettingsStore();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        unref(settingsStore).mode === "mobile" ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "flex-center cursor-pointer px-2 py-1 -rotate-z-180",
+          onClick: _cache[0] || (_cache[0] = ($event) => unref(settingsStore).toggleSidebarCollapse())
+        }, [
+          createVNode(_sfc_main$1, { name: "toolbar-collapse" })
+        ])) : createCommentVNode("", true),
+        unref(settingsStore).settings.toolbar.breadcrumb ? (openBlock(), createBlock(Breadcrumb, { key: 1 })) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=leftSide.vue.js.map

package/dist/esm/layouts/new/components/Topbar/Toolbar/leftSide.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"leftSide.vue.js","sources":["../../../../../../../src/layouts/new/components/Topbar/Toolbar/leftSide.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport Breadcrumb from './Breadcrumb/index.vue'\r\nimport useSettingsStore from '../../../../../store/modules/settings'\r\nimport SvgIcon from \"../../../common/components/SvgIcon/index.vue\";\r\n\r\ndefineOptions({\r\n  name: 'ToolbarLeftSide',\r\n})\r\n\r\nconst settingsStore = useSettingsStore()\r\n</script>\r\n\r\n<template>\r\n  <div class=\"flex items-center\">\r\n    <div v-if=\"settingsStore.mode === 'mobile'\" class=\"flex-center cursor-pointer px-2 py-1 -rotate-z-180\" @click=\"settingsStore.toggleSidebarCollapse()\">\r\n      <SvgIcon name=\"toolbar-collapse\" />\r\n    </div>\r\n    <Breadcrumb v-if=\"settingsStore.settings.toolbar.breadcrumb\" />\r\n  </div>\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;;;;AASA,UAAM,gBAAgB;;;;;;;;;;;;;;;"}

package/dist/esm/layouts/new/components/Topbar/Toolbar/leftSide.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./leftSide.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=leftSide.vue2.js.map

package/dist/esm/layouts/new/components/Topbar/Toolbar/leftSide.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"leftSide.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/layouts/new/components/Topbar/Toolbar/rightSide.vue.js

@@ -0,0 +1,84 @@
+import { defineComponent, computed, unref, ref, openBlock, createElementBlock, createBlock, createCommentVNode, createVNode, withCtx, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import { useRouter } from "vue-router";
+import _sfc_main$1 from "./NavSearch/index.vue.js";
+import _sfc_main$2 from "./Fullscreen/index.vue.js";
+import _sfc_main$3 from "./PageReload/index.vue.js";
+import _sfc_main$4 from "./ColorScheme/index.vue.js";
+import eventBus from "../../../../../utils/eventBus.js";
+import useSettingsStore from "../../../../../store/modules/settings.js";
+import "@maketribe/dm";
+import "element-plus";
+import "@maketribe/utils";
+import "../../../../../core/DataModelDefines.js";
+import { MSAppClient } from "../../../../../core/MSAppClient.js";
+import "@maketribe/request";
+import _sfc_main$5 from "../../../ui-kit/HDropdownMenu.vue.js";
+import _sfc_main$6 from "../../../common/components/SvgIcon/index.vue.js";
+const _hoisted_1 = { class: "flex items-center" };
+const _hoisted_2 = { class: "flex-center gap-1" };
+const _hoisted_3 = ["src", "onerror"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Tools"
+  },
+  __name: "rightSide",
+  setup(__props) {
+    useRouter();
+    const settingsStore = useSettingsStore();
+    const appClient = computed(() => MSAppClient.instance);
+    const userInfo = computed(() => unref(appClient).userInfo);
+    const avatarError = ref(false);
+    const handleLogout = () => {
+      unref(appClient).logout();
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        unref(settingsStore).settings.toolbar.navSearch ? (openBlock(), createBlock(_sfc_main$1, { key: 0 })) : createCommentVNode("", true),
+        unref(settingsStore).settings.toolbar.fullscreen ? (openBlock(), createBlock(_sfc_main$2, { key: 1 })) : createCommentVNode("", true),
+        unref(settingsStore).settings.toolbar.pageReload ? (openBlock(), createBlock(_sfc_main$3, { key: 2 })) : createCommentVNode("", true),
+        unref(settingsStore).settings.toolbar.colorScheme ? (openBlock(), createBlock(_sfc_main$4, { key: 3 })) : createCommentVNode("", true),
+        createVNode(_sfc_main$5, {
+          items: [
+            [
+              {
+                label: "快捷键介绍",
+                handle: () => unref(eventBus).emit("global-hotkeys-intro-toggle"),
+                hide: unref(settingsStore).mode !== "pc"
+              }
+            ],
+            [
+              {
+                label: "退出登录",
+                handle: handleLogout
+              }
+            ]
+          ],
+          class: "flex-center cursor-pointer px-2"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              unref(userInfo).avatar && !unref(avatarError) ? (openBlock(), createElementBlock("img", {
+                key: 0,
+                src: unref(userInfo).avatar,
+                onerror: () => avatarError.value = true,
+                class: "h-[24px] w-[24px] rounded-full"
+              }, null, 8, _hoisted_3)) : (openBlock(), createBlock(_sfc_main$6, {
+                key: 1,
+                name: "i-carbon:user-avatar-filled-alt",
+                size: 24,
+                class: "text-gray-400"
+              })),
+              createTextVNode(" " + toDisplayString(unref(userInfo).account) + " ", 1),
+              createVNode(_sfc_main$6, { name: "i-ep:caret-bottom" })
+            ])
+          ]),
+          _: 1
+        }, 8, ["items"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=rightSide.vue.js.map

package/dist/esm/layouts/new/components/Topbar/Toolbar/rightSide.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rightSide.vue.js","sources":["../../../../../../../src/layouts/new/components/Topbar/Toolbar/rightSide.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { useRouter } from \"vue-router\";\r\nimport NavSearch from \"./NavSearch/index.vue\";\r\nimport Fullscreen from \"./Fullscreen/index.vue\";\r\nimport PageReload from \"./PageReload/index.vue\";\r\nimport ColorScheme from \"./ColorScheme/index.vue\";\r\nimport eventBus from \"../../../../../utils/eventBus\";\r\nimport useSettingsStore from \"../../../../../store/modules/settings\";\r\nimport { MSAppClient } from \"../../../../../core\";\r\nimport HDropdownMenu from \"../../../ui-kit/HDropdownMenu.vue\";\r\nimport SvgIcon from \"../../../common/components/SvgIcon/index.vue\";\r\n\r\ndefineOptions({\r\n  name: \"Tools\",\r\n});\r\n\r\nconst router = useRouter();\r\n\r\nconst settingsStore = useSettingsStore();\r\n\r\nconst appClient = computed(() => MSAppClient.instance!);\r\n\r\nconst userInfo = computed(() => unref(appClient).userInfo!);\r\n\r\nconst avatarError = ref(false);\r\n\r\nconst handleLogout = () => {\r\n  unref(appClient).logout();\r\n};\r\n</script>\r\n\r\n<template>\r\n  <div class=\"flex items-center\">\r\n    <NavSearch v-if=\"settingsStore.settings.toolbar.navSearch\" />\r\n    <Fullscreen v-if=\"settingsStore.settings.toolbar.fullscreen\" />\r\n    <PageReload v-if=\"settingsStore.settings.toolbar.pageReload\" />\r\n    <ColorScheme v-if=\"settingsStore.settings.toolbar.colorScheme\" />\r\n<!--    <HDropdownMenu-->\r\n<!--      :items=\"[-->\r\n<!--        [-->\r\n<!--          {-->\r\n<!--            label: settingsStore.settings.home.title,-->\r\n<!--            handle: () =>-->\r\n<!--              router.push({ path: settingsStore.settings.home.fullPath }),-->\r\n<!--            hide: !settingsStore.settings.home.enable,-->\r\n<!--          },-->\r\n<!--          {-->\r\n<!--            label: '个人设置',-->\r\n<!--            handle: () => router.push({ name: 'personalSetting' }),-->\r\n<!--          },-->\r\n<!--        ],-->\r\n<!--        [-->\r\n<!--          {-->\r\n<!--            label: '快捷键介绍',-->\r\n<!--            handle: () => eventBus.emit('global-hotkeys-intro-toggle'),-->\r\n<!--            hide: settingsStore.mode !== 'pc',-->\r\n<!--          },-->\r\n<!--        ],-->\r\n<!--        [-->\r\n<!--          {-->\r\n<!--            label: '退出登录',-->\r\n<!--            handle: handleLogout,-->\r\n<!--          },-->\r\n<!--        ],-->\r\n<!--      ]\"-->\r\n<!--      class=\"flex-center cursor-pointer px-2\"-->\r\n<!--    >-->\r\n    <HDropdownMenu\r\n      :items=\"[\r\n        [\r\n          {\r\n            label: '快捷键介绍',\r\n            handle: () => eventBus.emit('global-hotkeys-intro-toggle'),\r\n            hide: settingsStore.mode !== 'pc',\r\n          },\r\n        ],\r\n        [\r\n          {\r\n            label: '退出登录',\r\n            handle: handleLogout,\r\n          },\r\n        ],\r\n      ]\"\r\n      class=\"flex-center cursor-pointer px-2\"\r\n    >\r\n      <div class=\"flex-center gap-1\">\r\n        <img\r\n          v-if=\"userInfo.avatar && !avatarError\"\r\n          :src=\"userInfo.avatar\"\r\n          :onerror=\"() => (avatarError = true)\"\r\n          class=\"h-[24px] w-[24px] rounded-full\"\r\n        />\r\n        <SvgIcon\r\n          v-else\r\n          name=\"i-carbon:user-avatar-filled-alt\"\r\n          :size=\"24\"\r\n          class=\"text-gray-400\"\r\n        />\r\n        {{ userInfo.account }}\r\n        <SvgIcon name=\"i-ep:caret-bottom\" />\r\n      </div>\r\n    </HDropdownMenu>\r\n  </div>\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgBe,cAAU;AAEzB,UAAM,gBAAgB;AAEtB,UAAM,YAAY,SAAS,MAAM,YAAY,QAAS;AAEtD,UAAM,WAAW,SAAS,MAAM,MAAM,SAAS,EAAE,QAAS;AAEpD,UAAA,cAAc,IAAI,KAAK;AAE7B,UAAM,eAAe,MAAM;AACnB,YAAA,SAAS,EAAE;IAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/layouts/new/components/Topbar/Toolbar/rightSide.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./rightSide.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=rightSide.vue2.js.map

package/dist/esm/layouts/new/components/Topbar/Toolbar/rightSide.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rightSide.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/layouts/new/components/Topbar/index.vue.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./index.vue2.js";
+/* empty css           */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const Topbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ab498c9e"]]);
+export {
+  Topbar as default
+};
+//# sourceMappingURL=index.vue.js.map

package/dist/esm/layouts/new/components/Topbar/index.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/layouts/new/components/Topbar/index.vue2.js

@@ -0,0 +1,62 @@
+import { defineComponent, computed, ref, onMounted, onUnmounted, watch, openBlock, createElementBlock, normalizeClass, unref, createBlock, createCommentVNode } from "vue";
+import Tabbar from "./Tabbar/index.vue.js";
+import Toolbar from "./Toolbar/index.vue.js";
+import useSettingsStore from "../../../../store/modules/settings.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Topbar"
+  },
+  __name: "index",
+  setup(__props) {
+    const settingsStore = useSettingsStore();
+    const enableToolbar = computed(() => {
+      return !(settingsStore.settings.menu.mode === "head" && (!settingsStore.settings.toolbar.breadcrumb || settingsStore.settings.app.routeBaseOn === "filesystem"));
+    });
+    const scrollTop = ref(0);
+    const scrollOnHide = ref(false);
+    const topbarHeight = computed(() => {
+      const tabbarHeight = settingsStore.settings.tabbar.enable ? Number.parseInt(
+        getComputedStyle(
+          document.documentElement || document.body
+        ).getPropertyValue("--g-tabbar-height")
+      ) : 0;
+      const toolbarHeight = enableToolbar.value ? Number.parseInt(
+        getComputedStyle(
+          document.documentElement || document.body
+        ).getPropertyValue("--g-toolbar-height")
+      ) : 0;
+      return tabbarHeight + toolbarHeight;
+    });
+    onMounted(() => {
+      window.addEventListener("scroll", onScroll);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("scroll", onScroll);
+    });
+    function onScroll() {
+      scrollTop.value = (document.documentElement || document.body).scrollTop;
+    }
+    watch(scrollTop, (val, oldVal) => {
+      scrollOnHide.value = settingsStore.settings.topbar.mode === "sticky" && val > oldVal && val > topbarHeight.value;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["topbar-container", {
+          "has-tabbar": unref(settingsStore).settings.tabbar.enable,
+          "has-toolbar": unref(enableToolbar),
+          [`topbar-${unref(settingsStore).settings.topbar.mode}`]: true,
+          shadow: unref(scrollTop),
+          hide: unref(scrollOnHide)
+        }]),
+        "data-fixed-calc-width": ""
+      }, [
+        unref(settingsStore).settings.tabbar.enable ? (openBlock(), createBlock(Tabbar, { key: 0 })) : createCommentVNode("", true),
+        unref(enableToolbar) ? (openBlock(), createBlock(Toolbar, { key: 1 })) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index.vue2.js.map

package/dist/esm/layouts/new/components/Topbar/index.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../src/layouts/new/components/Topbar/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport Tabbar from \"./Tabbar/index.vue\";\r\nimport Toolbar from \"./Toolbar/index.vue\";\r\nimport useSettingsStore from \"../../../../store/modules/settings\";\r\n\r\ndefineOptions({\r\n  name: \"Topbar\",\r\n});\r\n\r\nconst settingsStore = useSettingsStore();\r\n\r\nconst enableToolbar = computed(() => {\r\n  return !(\r\n    settingsStore.settings.menu.mode === \"head\" &&\r\n    (!settingsStore.settings.toolbar.breadcrumb ||\r\n      settingsStore.settings.app.routeBaseOn === \"filesystem\")\r\n  );\r\n});\r\n\r\nconst scrollTop = ref(0);\r\nconst scrollOnHide = ref(false);\r\nconst topbarHeight = computed(() => {\r\n  const tabbarHeight = settingsStore.settings.tabbar.enable\r\n    ? Number.parseInt(\r\n        getComputedStyle(\r\n          document.documentElement || document.body\r\n        ).getPropertyValue(\"--g-tabbar-height\")\r\n      )\r\n    : 0;\r\n  const toolbarHeight = enableToolbar.value\r\n    ? Number.parseInt(\r\n        getComputedStyle(\r\n          document.documentElement || document.body\r\n        ).getPropertyValue(\"--g-toolbar-height\")\r\n      )\r\n    : 0;\r\n  return tabbarHeight + toolbarHeight;\r\n});\r\nonMounted(() => {\r\n  window.addEventListener(\"scroll\", onScroll);\r\n});\r\nonUnmounted(() => {\r\n  window.removeEventListener(\"scroll\", onScroll);\r\n});\r\nfunction onScroll() {\r\n  scrollTop.value = (document.documentElement || document.body).scrollTop;\r\n}\r\nwatch(scrollTop, (val, oldVal) => {\r\n  scrollOnHide.value =\r\n    settingsStore.settings.topbar.mode === \"sticky\" &&\r\n    val > oldVal &&\r\n    val > topbarHeight.value;\r\n});\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    class=\"topbar-container\"\r\n    :class=\"{\r\n      'has-tabbar': settingsStore.settings.tabbar.enable,\r\n      'has-toolbar': enableToolbar,\r\n      [`topbar-${settingsStore.settings.topbar.mode}`]: true,\r\n      shadow: scrollTop,\r\n      hide: scrollOnHide,\r\n    }\"\r\n    data-fixed-calc-width\r\n  >\r\n    <Tabbar v-if=\"settingsStore.settings.tabbar.enable\" />\r\n    <Toolbar v-if=\"enableToolbar\" />\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.topbar-container {\r\n  position: absolute;\r\n  top: 0;\r\n  z-index: 999;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-shadow: 0 1px 0 0 var(--g-border-color);\r\n  transition: width 0.3s, top 0.3s, transform 0.3s, box-shadow 0.3s;\r\n\r\n  &.topbar-fixed,\r\n  &.topbar-sticky {\r\n    position: fixed;\r\n\r\n    &.shadow {\r\n      box-shadow: 0 10px 10px -10px var(--g-box-shadow-color);\r\n    }\r\n  }\r\n\r\n  &.topbar-sticky.hide {\r\n    top: calc(\r\n      (var(--g-tabbar-height) + var(--g-toolbar-height)) * -1\r\n    ) !important;\r\n  }\r\n}\r\n</style>\r\n"],"names":[],"mappings":";;;;;;;;;;AASA,UAAM,gBAAgB;AAEhB,UAAA,gBAAgB,SAAS,MAAM;AACnC,aAAO,EACL,cAAc,SAAS,KAAK,SAAS,WACpC,CAAC,cAAc,SAAS,QAAQ,cAC/B,cAAc,SAAS,IAAI,gBAAgB;AAAA,IAAA,CAEhD;AAEK,UAAA,YAAY,IAAI,CAAC;AACjB,UAAA,eAAe,IAAI,KAAK;AACxB,UAAA,eAAe,SAAS,MAAM;AAClC,YAAM,eAAe,cAAc,SAAS,OAAO,SAC/C,OAAO;AAAA,QACL;AAAA,UACE,SAAS,mBAAmB,SAAS;AAAA,QAAA,EACrC,iBAAiB,mBAAmB;AAAA,MAExC,IAAA;AACE,YAAA,gBAAgB,cAAc,QAChC,OAAO;AAAA,QACL;AAAA,UACE,SAAS,mBAAmB,SAAS;AAAA,QAAA,EACrC,iBAAiB,oBAAoB;AAAA,MAEzC,IAAA;AACJ,aAAO,eAAe;AAAA,IAAA,CACvB;AACD,cAAU,MAAM;AACP,aAAA,iBAAiB,UAAU,QAAQ;AAAA,IAAA,CAC3C;AACD,gBAAY,MAAM;AACT,aAAA,oBAAoB,UAAU,QAAQ;AAAA,IAAA,CAC9C;AACD,aAAS,WAAW;AAClB,gBAAU,SAAS,SAAS,mBAAmB,SAAS,MAAM;AAAA,IAChE;AACM,UAAA,WAAW,CAAC,KAAK,WAAW;AACnB,mBAAA,QACX,cAAc,SAAS,OAAO,SAAS,YACvC,MAAM,UACN,MAAM,aAAa;AAAA,IAAA,CACtB;;;;;;;;;;;;;;;;;;"}

package/dist/esm/layouts/new/components/views/link.vue.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./link.vue2.js";
+/* empty css          */
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const LinkView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e0ceadac"]]);
+export {
+  LinkView as default
+};
+//# sourceMappingURL=link.vue.js.map

package/dist/esm/layouts/new/components/views/link.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/layouts/new/components/views/link.vue2.js

@@ -0,0 +1,85 @@
+import { defineComponent, watch, resolveComponent, openBlock, createElementBlock, createVNode, Transition, withCtx, createBlock, unref, createElementVNode, toDisplayString, createTextVNode, pushScopeId, popScopeId } from "vue";
+import { useClipboard } from "@vueuse/core";
+import Message from "vue-m-message";
+import { useRoute } from "vue-router";
+const _withScopeId = (n) => (pushScopeId("data-v-e0ceadac"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "absolute h-full w-full flex flex-col" };
+const _hoisted_2 = { class: "flex flex-col items-center" };
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "my-2 text-xl text-dark dark-text-white" }, " 是否访问此链接 ", -1));
+const _hoisted_4 = { class: "line-clamp-3" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "LinkView"
+  },
+  __name: "link",
+  setup(__props) {
+    const route = useRoute();
+    const { copy, copied } = useClipboard();
+    watch(copied, (val) => {
+      val && Message.success("复制成功", {
+        zIndex: 2e3
+      });
+    });
+    function open() {
+      window.open(route.meta.link, "_blank");
+    }
+    return (_ctx, _cache) => {
+      const _component_SvgIcon = resolveComponent("SvgIcon");
+      const _component_HTooltip = resolveComponent("HTooltip");
+      const _component_HButton = resolveComponent("HButton");
+      const _component_PageMain = resolveComponent("PageMain");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(Transition, {
+          name: "slide-right",
+          mode: "out-in",
+          appear: ""
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(_component_PageMain, {
+              key: unref(route).meta.link,
+              class: "flex flex-1 flex-col justify-center"
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_2, [
+                  createVNode(_component_SvgIcon, {
+                    name: "i-icon-park-twotone:planet",
+                    size: 120,
+                    class: "text-ui-primary/80"
+                  }),
+                  _hoisted_3,
+                  createElementVNode("div", {
+                    class: "my-2 max-w-[300px] cursor-pointer text-center text-[14px] text-stone-5",
+                    onClick: _cache[0] || (_cache[0] = ($event) => unref(route).meta.link && unref(copy)(unref(route).meta.link))
+                  }, [
+                    createVNode(_component_HTooltip, { text: "复制链接" }, {
+                      default: withCtx(() => [
+                        createElementVNode("div", _hoisted_4, toDisplayString(unref(route).meta.link), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  createVNode(_component_HButton, {
+                    class: "my-4",
+                    onClick: open
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_SvgIcon, { name: "i-ri:external-link-fill" }),
+                      createTextVNode(" 立即访问 ")
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            }))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=link.vue2.js.map

package/dist/esm/layouts/new/components/views/link.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.vue2.js","sources":["../../../../../../src/layouts/new/components/views/link.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { useClipboard } from '@vueuse/core'\r\nimport Message from 'vue-m-message'\r\n\r\ndefineOptions({\r\n  name: 'LinkView',\r\n})\r\n\r\nconst route = useRoute()\r\n\r\nconst { copy, copied } = useClipboard()\r\nwatch(copied, (val) => {\r\n  val && Message.success('复制成功', {\r\n    zIndex: 2000,\r\n  })\r\n})\r\n\r\nfunction open() {\r\n  window.open(route.meta.link, '_blank')\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"absolute h-full w-full flex flex-col\">\r\n    <Transition name=\"slide-right\" mode=\"out-in\" appear>\r\n      <PageMain :key=\"route.meta.link\" class=\"flex flex-1 flex-col justify-center\">\r\n        <div class=\"flex flex-col items-center\">\r\n          <SvgIcon name=\"i-icon-park-twotone:planet\" :size=\"120\" class=\"text-ui-primary/80\" />\r\n          <div class=\"my-2 text-xl text-dark dark-text-white\">\r\n            是否访问此链接\r\n          </div>\r\n          <div class=\"my-2 max-w-[300px] cursor-pointer text-center text-[14px] text-stone-5\" @click=\"route.meta.link && copy(route.meta.link)\">\r\n            <HTooltip text=\"复制链接\">\r\n              <div class=\"line-clamp-3\">\r\n                {{ route.meta.link }}\r\n              </div>\r\n            </HTooltip>\r\n          </div>\r\n          <HButton class=\"my-4\" @click=\"open\">\r\n            <SvgIcon name=\"i-ri:external-link-fill\" />\r\n            立即访问\r\n          </HButton>\r\n        </div>\r\n      </PageMain>\r\n    </Transition>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.slide-right-enter-active {\r\n  transition: 0.2s;\r\n}\r\n\r\n.slide-right-leave-active {\r\n  transition: 0.15s;\r\n}\r\n\r\n.slide-right-enter-from {\r\n  margin-left: -20px;\r\n  opacity: 0;\r\n}\r\n\r\n.slide-right-leave-to {\r\n  margin-left: 20px;\r\n  opacity: 0;\r\n}\r\n</style>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAQA,UAAM,QAAQ;AAEd,UAAM,EAAE,MAAM,OAAO,IAAI,aAAa;AAChC,UAAA,QAAQ,CAAC,QAAQ;AACd,aAAA,QAAQ,QAAQ,QAAQ;AAAA,QAC7B,QAAQ;AAAA,MAAA,CACT;AAAA,IAAA,CACF;AAED,aAAS,OAAO;AACd,aAAO,KAAK,MAAM,KAAK,MAAM,QAAQ;AAAA,IACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/layouts/new/index.vue.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./index.vue2.js";
+/* empty css           */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const NewLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-19f1b978"]]);
+export {
+  NewLayout as default
+};
+//# sourceMappingURL=index.vue.js.map

package/dist/esm/layouts/new/index.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}