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

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

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

package/dist/cjs/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/cjs/layouts/new/components/Topbar/Toolbar/PageReload/index.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+const index_vue_vue_type_script_setup_true_lang = require("./index.vue.js");
+module.exports = index_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=index.vue2.js.map

package/dist/cjs/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/cjs/layouts/new/components/Topbar/Toolbar/index.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+const index_vue_vue_type_script_setup_true_lang = ;/* empty css            */
+;/* empty css            */
+const _pluginVue_exportHelper = require("../../../../../_virtual/_plugin-vue_export-helper.js");
+const Toolbar = /* @__PURE__ */ _pluginVue_exportHelper(index_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-8932d8f6"]]);
+module.exports = Toolbar;
+//# sourceMappingURL=index.vue.js.map

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

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

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

@@ -0,0 +1,34 @@
+"use strict";
+const vue = require("vue");
+const leftSide_vue_vue_type_script_setup_true_lang = require("./leftSide.vue.js");
+const rightSide_vue_vue_type_script_setup_true_lang = require("./rightSide.vue.js");
+const settings = require("../../../../../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__ */ vue.defineComponent({
+  ...{
+    name: "Toolbar"
+  },
+  __name: "index",
+  setup(__props) {
+    const settingsStore = settings();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createVNode(leftSide_vue_vue_type_script_setup_true_lang)
+        ]),
+        vue.withDirectives(vue.createElementVNode("div", _hoisted_3, [
+          vue.createVNode(rightSide_vue_vue_type_script_setup_true_lang)
+        ], 512), [
+          [vue.vShow, ["side", "single"].includes(vue.unref(settingsStore).settings.menu.mode)]
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=index.vue2.js.map

package/dist/cjs/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":["useSettingsStore"],"mappings":";;;;;;;;;;;;;;;;;AASA,UAAM,gBAAgBA;;;;;;;;;;;;;;;;"}

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

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

package/dist/cjs/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":["useSettingsStore"],"mappings":";;;;;;;;;;;;AASA,UAAM,gBAAgBA;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,4 @@
+"use strict";
+const leftSide_vue_vue_type_script_setup_true_lang = require("./leftSide.vue.js");
+module.exports = leftSide_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=leftSide.vue2.js.map

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

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

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

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

package/dist/cjs/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":["useRouter","useSettingsStore","computed","MSAppClient","unref","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgBeA,wBAAU;AAEzB,UAAM,gBAAgBC;AAEtB,UAAM,YAAYC,IAAA,SAAS,MAAMC,YAAA,YAAY,QAAS;AAEtD,UAAM,WAAWD,IAAAA,SAAS,MAAME,IAAM,MAAA,SAAS,EAAE,QAAS;AAEpD,UAAA,cAAcC,QAAI,KAAK;AAE7B,UAAM,eAAe,MAAM;AACnBD,gBAAA,SAAS,EAAE;IAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,4 @@
+"use strict";
+const rightSide_vue_vue_type_script_setup_true_lang = require("./rightSide.vue.js");
+module.exports = rightSide_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=rightSide.vue2.js.map

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

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

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

@@ -0,0 +1,7 @@
+"use strict";
+const index_vue_vue_type_script_setup_true_lang = ;/* empty css            */
+;/* empty css            */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const Topbar = /* @__PURE__ */ _pluginVue_exportHelper(index_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-ab498c9e"]]);
+module.exports = Topbar;
+//# sourceMappingURL=index.vue.js.map

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

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

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

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

package/dist/cjs/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":["useSettingsStore","computed","ref","onMounted","onUnmounted","watch"],"mappings":";;;;;;;;;;;AASA,UAAM,gBAAgBA;AAEhB,UAAA,gBAAgBC,IAAAA,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,YAAYC,QAAI,CAAC;AACjB,UAAA,eAAeA,QAAI,KAAK;AACxB,UAAA,eAAeD,IAAAA,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;AACDE,QAAAA,UAAU,MAAM;AACP,aAAA,iBAAiB,UAAU,QAAQ;AAAA,IAAA,CAC3C;AACDC,QAAAA,YAAY,MAAM;AACT,aAAA,oBAAoB,UAAU,QAAQ;AAAA,IAAA,CAC9C;AACD,aAAS,WAAW;AAClB,gBAAU,SAAS,SAAS,mBAAmB,SAAS,MAAM;AAAA,IAChE;AACMC,QAAAA,MAAA,WAAW,CAAC,KAAK,WAAW;AACnB,mBAAA,QACX,cAAc,SAAS,OAAO,SAAS,YACvC,MAAM,UACN,MAAM,aAAa;AAAA,IAAA,CACtB;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,7 @@
+"use strict";
+const link_vue_vue_type_script_setup_true_lang = require("./link.vue2.js");
+;/* empty css           */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const LinkView = /* @__PURE__ */ _pluginVue_exportHelper(link_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-e0ceadac"]]);
+module.exports = LinkView;
+//# sourceMappingURL=link.vue.js.map

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

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

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

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

package/dist/cjs/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":["useRoute","useClipboard","watch"],"mappings":";;;;;;;;;;;;;;;;AAQA,UAAM,QAAQA,UAAAA;AAEd,UAAM,EAAE,MAAM,OAAO,IAAIC,KAAa,aAAA;AAChCC,cAAA,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/cjs/layouts/new/index.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+const index_vue_vue_type_script_setup_true_lang = ;/* empty css            */
+;/* empty css            */
+const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.js");
+const NewLayout = /* @__PURE__ */ _pluginVue_exportHelper(index_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-19f1b978"]]);
+module.exports = NewLayout;
+//# sourceMappingURL=index.vue.js.map

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

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